Power Platform - Apps - Automate - SharePoint
Share
Explore
Power Platform - Apps - Automate - SharePoint
PL-900

icon picker
Lab03 | Comment créer une application pilotée par modèle

Scénario

Bellows College est une organisation éducative avec plusieurs bâtiments sur le campus. À l’heure actuelle, les visiteurs du campus sont consignés dans des journaux papier. L’information n’est pas saisie de manière cohérente et il n’y a aucun moyen de recueillir et d’analyser des données sur les visites sur l’ensemble du campus.
L’administration du campus aimerait moderniser son système d’enregistrement des visiteurs, où l’accès aux bâtiments est contrôlé par le personnel de sécurité et où toutes les visites doivent être préenregistrées et enregistrées par leurs hôtes.
Tout au long de ce cours, vous créerez des applications et effectuerez des automatisations pour permettre à l’administration et au personnel de sécurité du Bellows College de gérer et de contrôler l’accès aux bâtiments du campus.
Dans cet atelier, vous allez créer une application pilotée par modèle Power Apps pour permettre au personnel du back-office du campus de gérer les enregistrements de visites sur l’ensemble du campus.

Étapes de laboratoire

Dans le cadre de la création de l’application pilotée par modèle, vous effectuerez les opérations suivantes :
Créer une application pilotée par modèle nommée Bellows Expense Management
Modifiez la navigation de l’application pour référencer les tables requises
Personnaliser les formulaires et les affichages des tables requises pour l’application
Nous travaillerons avec les éléments suivants :
Vues : les vues permettent à l’utilisateur d’afficher les données existantes dans la table de formulaires.
Formulaires : c’est là que l’utilisateur crée/met à jour de nouvelles lignes dans les tables.
Les deux seront intégrés à l’application pilotée par modèle pour une meilleure expérience utilisateur.

Conditions préalables

Achèvement du module 1 Lab 0 - Valider l’environnement du laboratoire

Éléments à prendre en compte avant de commencer

Quels changements devrions-nous apporter pour améliorer l’expérience utilisateur ?
Que devons-nous inclure dans une application pilotée par modèle basée sur le modèle de données que nous avons créé ?
Quelles personnalisations peuvent être effectuées sur le sitemap d’une application pilotée par modèle ?

Exercice 1 : Personnaliser les vues et les formulaires

Objectif: Dans cet exercice, vous allez personnaliser les vues et les formulaires des tables personnalisées qui seront utilisées dans l’application pilotée par modèle.

Tâche #1 : Modifier le formulaire de note de frais

Si ce n’est pas déjà fait, connectez-vous à https://make.powerapps.com
Sélectionnez l’environnement Dev One en haut à droite s’il n’est pas déjà sélectionné.
À l’aide de la barre de navigation de gauche, sélectionnez Tableaux, puis ouvrez la table Expense Report.
Si vous ne voyez pas le tableau des notes de frais, assurez-vous que vous êtes dans le bon environnement (étape 2).
Dans la section Expériences de données, sélectionnez Formulaires et ouvrez le formulaire Informations avec le type de formulaire principal. (Important : assurez-vous de sélectionner le formulaire avec le type de formulaire Principal.) ​IMPORTANT: Étant donné que, par défaut, tous les formulaires sont nommés Informations, assurez-vous de vérifier que le formulaire que vous sélectionnez a un type de formulaire Main et pas autre chose. Par défaut, le formulaire comporte deux champs : Nom et Propriétaire.
Sur le côté droit de l’écran, dans le panneau Propriétés, sélectionnez le champ Nom d’affichage et remplacez-le par Informations sur le rapport.
Sélectionnez Colonnes de table dans le volet de navigation de gauche et ajoutez les champs suivants sous le champ Propriétaire en faisant glisser les colonnes vers le formulaire ou en cliquant simplement sur les noms des colonnes :
Description
Report Purpose (Objet du rapport)
Report due date (Date d’échéance du rapport)
Montant total (Report Total Amount)
Faites glisser la colonne Status Reason (Raison de l’état) et déposez-la dans l’en-tête du formulaire. L’en-tête est la zone en haut à droite du formulaire. Vous devrez peut-être réduire le panneau Propriétés sur le côté droit de l’écran pour voir le champ sur le formulaire.
Au milieu de l’écran, sélectionnez le champ Owner (Propriétaire). Dans le panneau Propriétés, remplacez l’étiquette par Requestor (Demandeur).
Sélectionnez le bouton Enregistrer et publier en haut à droite et attendez la fin de l’enregistrement et de la publication.
Si la vue Modifier s’est ouverte dans un nouvel onglet ou une nouvelle fenêtre du navigateur, fermez-la. Sinon, sélectionnez 🡠 Retour en haut à gauche de l’écran. Vous devriez maintenant être de retour aux formulaires du tableau des notes de frais.
À l’aide du fil d’Ariane en haut à gauche (Tableaux > Expense Rerport > Formulaires ). Sélectionnez Expense Rerport pour revenir à l’écran Propriétés de la table Expense Rerport.

Tâche #2 : Modifier la vue des notes de frais actives

Dans cette tâche, nous allons modifier la vue par défaut des notes de frais actives et créer une nouvelle vue pour les notes de frais d’aujourd’hui.
Dans la section Expériences de données, sélectionnez Vues et ouvrez votre vue Active Expense Reports (Rapports de dépenses actives).
Ajoutez les champs suivants à la vue en cliquant dessus ou en les faisant glisser et en les déposant :
Report Purpose (Objet du rapport)
Report due date (Date d’échéance du rapport)
Montant total (Report Total Amount)
Sélectionnez le menu déroulant dans la colonne Créé le et sélectionnez Supprimer. Le champ Créé le sera maintenant supprimé de la vue.
Redimensionnez les largeurs de colonne individuelles en fonction de leur convenance pour les adapter aux données.
Sous Trier par... sélectionnez le X pour supprimer le nom et sélectionnez plutôt Report total Amount.
Sélectionnez (cliquez sur) Montant total du rapport pour modifier l’ordre de tri de Plus grand à Plus petit. ​
image.png
Sélectionnez le bouton Enregistrer et publier en haut à droite et attendez la fin de la publication.

Tâche #3 : Créer une nouvelle vue pour les rapports dus aujourd’hui

Maintenant, nous allons cloner la vue pour créer une nouvelle vue pour les rapports dus aujourd’hui.
IMPORTANT: Assurez-vous de ne pas fermer la vue Active Expense Reports (Rapports de dépenses actives), car nous l’utiliserons pour créer la vue Reports due today (Rapports dus aujourd’hui).
Sélectionnez Enregistrer sous.
Remplacez le Nom par Reports due today (Rapports dus aujourd’hui) et sélectionnez Enregistrer.
Sélectionnez Modifier les filtres dans le panneau Propriétés.
Sélectionnez + Ajouter, sélectionnez Ajouter une ligne.
Sélectionnez Report due date en tant que champ, puis remplacez Est égal à Aujourd’hui comme condition dans la liste déroulante. ​
image.png
Si un filtre Statut est présent : sélectionnez l’icône ... Plus de commandes sur la ligne Statut et sélectionnez Supprimer pour supprimer cette condition de filtre.
Sélectionnez OK pour enregistrer la condition. La vue est désormais filtrée pour n’afficher que les enregistrements pour lesquels la Report due date est aujourd’hui.
Ajoutez le champ Montant du remboursement à la vue.
Sélectionnez le bouton Enregistrer et publier en haut à droite et attendez la fin de la publication.

Exercice 2 : Créer une application pilotée par modèle

Objectif: Dans cet exercice, vous allez créer une application pilotée par modèle, personnaliser le sitemap et tester l’application.
Pour des raisons de simplicité et de temps, nous n’aborderons pas toutes les colonnes de notes de frais dans cet atelier.

Tâche #1 : Créer une application

Si ce n’est pas déjà fait, connectez-vous à
Sélectionnez l’environnement Dev One en haut à droite, s’il n’est pas déjà sélectionné.
Sélectionnez + Créer dans le volet de navigation de gauche.
Créez l’application pilotée par modèle :
Sélectionnez Application vide dans la section Démarrer à partir de l’écran Créer votre application.
Sous Application vierge basée sur Dataverse, sélectionnez Créer.
Entrez Gestion des dépenses des employés dans le champ Nom et sélectionnez Créer.
Une fois votre nouvelle application pilotée par modèle chargée, sélectionnez le bouton + Ajouter une page.
Sur l’écran Ajouter une page, choisissez Table Dataverse, puis sélectionnez le bouton Suivant.
Sélectionnez les tables suivantes :
Expense Report
Contact
Une fois que vous avez les deux tables, sélectionnez Ajouter.
À l’aide des icônes de navigation sur le côté gauche de l’écran, sélectionnez Navigation.
Dans le volet de navigation, sélectionnez Nouveau groupe en dessous de l’endroit où il est indiqué Navigation. Vous devrez peut-être développer le menu sur la gauche.
Sur le côté droit de l’écran, dans la section Options d’affichage, indiquez dans la propriété Titre : Rapports.
Sélectionnez Enregistrer et attendez que les modifications soient enregistrées.
Une fois l’enregistrement terminé, sélectionnez le bouton Publier pour publier vos modifications. Attendez la fin de la publication.

Tâche #2 : Tester l’application

Démarrer l’application

Sélectionnez le bouton Lire, l’application pilotée par modèle se chargera dans un nouvel onglet.

Créer un nouveau contact

L’application doit s’ouvrir sur la vue Mes contacts actifs. Si ce n’est pas le cas, sélectionnez Contacts dans le volet de navigation de gauche.
Sélectionnez + Nouveau dans la barre de commandes.
Entrez le prénom (First) en tant que John et le nom de famille (Last Name) en tant que Doe
Indiquez votre adresse e-mail personnelle sous forme d’adresse e-mail. Celle-ci sera utilisée dans un futur laboratoire, où vous recevrez un e-mail.
Sélectionnez Enregistrer et fermer..
Vous devriez maintenant voir le contact créé dans la vue Mes contacts actifs.

Créer une nouvelle note de frais

Sélectionnez Expense Reports dans le volet de navigation de gauche (également appelé plan du site).
Sélectionner + Nouveau.
Saisissez les champs comme suit :
Nom du rapport : Nouveau rapport de test
Objet du rapport : sélectionnez Conférence
Date d’échéance du rapport : Sélectionnez la date d’aujourd’hui
Sélectionnez Enregistrer et fermer. Cela créera la note de frais, et vous devriez pouvoir la voir dans la vue Notes de frais actives.
Passez à l’affichage Notes de frais dues aujourd’hui à l’aide du menu déroulant à côté de Notes de frais actives. ​
image.png
Vous pouvez ajouter d’autres enregistrements de test.
Votre application pilotée par modèle en cours d’exécution doit ressembler approximativement à ce qui suit :
lab-3-create-a-model-app-01.png
Félicitations! Vous avez créé et configuré votre première application pilotée par modèle.
Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.