PL-7003-Create-and-manage-model-driven-apps-with-Power-Apps-and-Dataverse.fr-fr

Travaux pratiques du labo 4 - Configurer des formulaires et des vues

Scénario

Dans ce labo, vous allez configurer des formulaires et des vues pour une application pilotée par des modèles.

Contoso Real Estate souhaite suivre deux éléments clés :

Annonces immobilières
Qui est prévu pour faire visiter les biens immobiliers

Contenu du didacticiel

Comment configurer des formulaires de table
Comment configurer des vues de table

Étapes de labo de haut niveau

Configurer le formulaire principal Bien immobilier et visite
Configurer des onglets et des sections
Ajouter des colonnes aux formulaires
Ajouter une sous-grille
Créer un nouveau formulaire
Associer des rôles de sécurité aux formulaires
Configurer des vues Bien immobilier et visite
Filtrer les vues
Configurer la vue Recherche rapide

Prérequis

Doit avoir complété le Labo 2 : Modèle de données

Procédure détaillée

Exercice 1 - Formulaire principal Real Estate Property

Dans cet exercice, vous allez modifier le formulaire principal pour la table Real Estate Property.

Tâche 1.1 – Disposition et colonnes du formulaire principal

Accédez au portail Power Apps Maker https://make.powerapps.com
Vérifiez que vous êtes dans l’environnement Dev One.
Cliquez sur Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez la table Real Estate Property.
Sous Expériences de données, sélectionnez Formulaires.
Sélectionnez le formulaire Information dans lequel le Type de formulaire est Principal. Sélectionnez le menu Commandes (…), puis sélectionnez Modifier > Modifier dans un nouvel onglet.
Sélectionnez Arborescence sur le côté gauche du concepteur de formulaires.
Cliquez sur l’onglet Général.
Entrez generalTab pour Nom.
Dans le volet Biens à droite, sélectionnez 3 colonnes dans la liste déroulante Disposition.
Dans Arborescence, développez l’onglet Général. Sélectionnez la première section et entrez generalSection pour Nom.
Sélectionnez la deuxième section et entrez Timeline pour Étiquette et timelineSection pour Nom.
Sélectionnez la troisième section et entrez Related pour Étiquette et relatedSection pour Nom.
Faites glisser le champ Propriétaire dans la zone En-tête.
Sélectionnez la première section.
Sélectionnez Colonnes de table dans le volet de navigation de gauche dans le concepteur de formulaires.
Faites glisser la colonne Client sous le champ Nom de la propriété.
Sélectionnez la colonne Rue à ajouter au formulaire sous Client.
Sélectionnez la colonne Ville à ajouter au formulaire sous Rue.
Sélectionnez Composants dans le volet de navigation de gauche dans le concepteur de formulaires.
Sélectionnez le contrôle Section à 1 colonne pour l’ajouter au formulaire.
Entrez Details pour Étiquette et detailsSection pour Nom.
Sélectionnez Colonnes de table dans le volet de navigation de gauche dans le concepteur de formulaires.
Sélectionnez la colonne Prix demandé à ajouter à la section Détails.
Sélectionnez la colonne Devise à ajouter au formulaire sous Prix demandé.
Sélectionnez la colonne Chambres à ajouter au formulaire sous Devise.
Sélectionnez la colonne Salles de bains à ajouter au formulaire sous Chambres.

Tâche 1.2 – Ajouter un contrôle Chronologie

Sélectionnez Arborescence dans le volet de navigation de gauche dans le concepteur de formulaires.
Sélectionnez la section Chronologie.
Sélectionnez Composants dans le volet de navigation de gauche dans le concepteur de formulaires.
Développez Affichage.
Sélectionnez le contrôle Chronologie pour l’ajouter à la section Chronologie.
Sélectionnez Arborescence dans le volet de navigation de gauche dans le concepteur de formulaires, développez l’onglet Général, puis sélectionnez la section Chronologie.
Dans le volet Propriétés à droite, cochez la case Masquer l’étiquette.
Dans l’Arborescence, sélectionnez le contrôle Texte de la note pour la chronologie.
Dans le volet Propriétés à droite, sélectionnez Activité sociale, décochez la case Activer, puis sélectionnez Terminé.
Dans le volet Propriétés à droite, sélectionnez Date créée dans la liste déroulante Trier les activités par.
Sélectionnez Colonnes de table dans le volet de navigation de gauche dans le concepteur de formulaires.
Faites glisser la colonne Motif de l’état dans la zone En-tête.

Tâche 1.3 – Ajouter un contrôle Aperçu

Sélectionnez Arborescence sur le côté gauche du concepteur de formulaires.
Sélectionnez la section Associé.
Sélectionnez Composants dans le volet de navigation de gauche du concepteur de formulaires.
Développez Affichage.
Sélectionnez le contrôle Aperçu pour l’ajouter à la section Associé.
Sélectionnez Client pour Recherche et carte de contact de compte pour Contact, puis sélectionnez Terminé.

Tâche 1.4 – Ajouter un onglet

Sélectionnez Composants dans le volet de navigation de gauche du concepteur de formulaires.
Sélectionnez le contrôle Onglet à 1 colonne pour l’ajouter au formulaire.
Entrez Showings pour Étiquette et showingTab pour Étiquette.
Sélectionnez Arborescence sur le côté gauche du concepteur de formulaires, développez Visites, puis sélectionnez la section Nouvelle section.
Entrez Showings pour Étiquette et showingSection pour Nom.
Sélectionnez Composants dans le volet de navigation de gauche du concepteur de formulaires.
Développez Grille.
Sélectionnez le contrôle Sous-grille pour l’ajouter à la section Visites .
Sélectionnez Afficher les enregistrements associés.
Sélectionnez Showings pour Table et Visites actives pour Vue par défaut, puis sélectionnez Terminé.
Entrez Showings pour Étiquette et showingsSG pour Nom.
Sélectionnez Masquer l’étiquette.
Cliquez sur Enregistrer et publier.
Fermez le concepteur de formulaires.
Cliquez sur Terminé.

Exercice 2 - Formulaire principal Showing

Dans cet exercice, vous allez modifier le formulaire principal pour la table Showing.

Tâche 2.1 – Disposition et colonnes du formulaire principal

Accédez au portail Power Apps Maker https://make.powerapps.com
Vérifiez que vous êtes dans l’environnement Dev One.
Cliquez sur Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez la table Showing.
Sous Expériences de données, sélectionnez Formulaires.
Sélectionnez le formulaire Information dans lequel le Type de formulaire est Principal. Sélectionnez le menu Commandes (…), puis sélectionnez Modifier > Modifier dans un nouvel onglet.
Faites glisser le champ Propriétaire dans la zone En-tête.
Sélectionnez Colonnes de table dans le volet de navigation de gauche dans le concepteur de formulaires.
Faites glisser la colonne Bien immobilier sous le champ Nom.
Sélectionnez la colonne Montré à à ajouter au formulaire sous Bien immobilier.
Sélectionnez la colonne Montré par à ajouter au formulaire sous Montré à.
Sélectionnez la colonne Date de la visite à ajouter au formulaire sous Montré par.
Sélectionnez la colonne Niveau d’intérêt à ajouter au formulaire sous Date de la visite.
Sélectionnez la colonne Commentaires à ajouter au formulaire sous Niveau d’intérêt.
Dans le volet Biens à droite, augmentez la Hauteur de champ du formulaire en la définissant sur 3 lignes.
Cliquez sur Enregistrer et publier.
Fermez le concepteur de formulaires.
Cliquez sur Terminé.

Exercice 3 - Formulaires multiples

Dans cet exercice, vous allez créer un formulaire et restreindre l’accès avec un rôle de sécurité.

Tâche 3.1 – Rôle de sécurité

Accédez au portail Power Apps Maker https://make.powerapps.com
Vérifiez que vous êtes dans l’environnement Dev One.
Cliquez sur Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez successivement + Nouveau, Sécurité, puis Rôle de sécurité.
Entrez Property admin pour Nom du rôle.
Cliquez sur l’onglet Entités personnalisées.
Sélectionnez la table Real Estate Property 4 fois pour remplacer le niveau d’accès sur tous les privilèges par Organisation.
Sélectionnez la table Showing 4 fois pour remplacer le niveau d’accès sur tous les privilèges par Organisation.
Cliquez sur Enregistrer et fermer.
Cliquez sur Terminé.

Tâche 3.2 – Copier le formulaire

Sélectionnez la table Showing.
Sous Expériences de données, sélectionnez Formulaires.
Sélectionnez le formulaire Information dans lequel le Type de formulaire est Principal. Sélectionnez le menu Commandes (…), puis sélectionnez Modifier > Modifier dans un nouvel onglet.
Sélectionnez Niveau d’intérêt, puis dans le volet Propriétés, sélectionnez Lecture seule.
Sélectionnez Commentaires, puis dans le volet Propriétés, sélectionnez Lecture seule.
Sélectionnez Enregistrer une copie.
Entrez Showing admin form comme Nom d’affichage et sélectionnez Enregistrer.
Sélectionnez Paramètres du formulaire.
Sélectionnez le rôle de sécurité Administrateur de propriété.
Cliquez sur Enregistrer et publier.
Fermez le concepteur de formulaires.
Cliquez sur Terminé.

Exercice 4 - Vues Real Estate Property

Dans cet exercice, vous allez modifier les vues pour la table Real Estate Property.

Tâche 4.1 – Vue publique Real Estate Property

Accédez au portail Power Apps Maker https://make.powerapps.com
Vérifiez que vous êtes dans l’environnement Dev One.
Cliquez sur Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez la table Real Estate Property.
Sous Expériences de données, sélectionnez Vues.
Sélectionnez successivement la vue Biens immobiliers actifs, le menu Commandes (…), puis Modifier > Modifier dans un nouvel onglet.
Sélectionnez l’accent circonflexe à côté de la colonne Créé le, puis sélectionnez Supprimer.
Sélectionnez la colonne Prix demandé à ajouter à la vue.
Sélectionnez la colonne Ville à ajouter à la vue.
Sélectionnez la colonne Chambres à ajouter à la vue.
Sélectionnez la colonne Salles de bains à ajouter à la vue.
Sélectionnez la colonne Client à ajouter à la vue.
Dans le volet Biens, supprimez Nom du bien sous Trier par.
Dans le volet Biens, sélectionnez Trier par et Prix demandé.
Cliquez sur Enregistrer et publier.
Fermer le concepteur de vues.
Cliquez sur Terminé.

Tâche 4.2 – Vue Recherche rapide de biens immobiliers

Sélectionnez la vue Recherche rapide de biens immobilier actifs, le menu Commandes (…), puis Modifier > Modifier dans un nouvel onglet.
Sélectionnez l’accent circonflexe à côté de la colonne Créé le, puis sélectionnez Supprimer.
Dans le volet Recherche rapide de biens immobiliers actifs à droite, sélectionnez Modifier les colonnes de la table de recherche sous Rechercher par.
Choisissez les colonnes suivantes et sélectionnez Appliquer.
- Ville
- Client
- Nom de la propriété
Cliquez sur Enregistrer et publier.
Fermer le concepteur de vues.
Cliquez sur Terminé.

Exercice 5 - Vues Showing

Dans cet exercice, vous allez modifier les vues pour la table Showing.

Tâche 5.1 – Vue publique Showing

Accédez au portail Power Apps Maker https://make.powerapps.com
Vérifiez que vous êtes dans l’environnement Dev One.
Cliquez sur Solutions.
Ouvrez la solution Annonces immobilières.
Sélectionnez la table Showing.
Sous Expériences de données, sélectionnez Vues.
Sélectionnez successivement la vue Visites actives, le menu Commandes (…), puis Modifier > Modifier dans un nouvel onglet.
Sélectionnez l’accent circonflexe à côté de la colonne Créé le, puis sélectionnez Supprimer.
Sélectionnez la colonne Bien immobilier à ajouter à la vue.
Sélectionnez la colonne Date de la visite à ajouter à la vue.
Sélectionnez la colonne Montré à à ajouter à la vue.
Sélectionnez la colonne Niveau d’intérêt à ajouter à la vue.
Sélectionnez l’onglet Associé.
Développez Bien immobilier.
Sélectionnez la colonne Prix demandé à ajouter à la vue.
Dans le volet Biens, supprimez Nom sous Trier par.
Dans le volet Biens, sélectionnez Trier par et Date de la visite.
Dans le menu déroulant Enregistrer et publier, sélectionnez Enregistrer uniquement.

Tâche 5.2 – Nouvelle vue Showing

Sélectionnez Enregistrer sous.
Entrez High Interest showings pour Nom.
Sélectionnez Enregistrer.
Sélectionnez l’accent circonflexe à côté de la colonne Niveau d’intérêt, puis sélectionnez Filtrer par.
Sélectionnez Égal à et choisissez Très élevé et Élevé.
Sélectionnez Appliquer.
Cliquez sur Enregistrer et publier.
Fermer le concepteur de vues.
Cliquez sur Terminé.