Scénario
Bellows College est une organisation éducative avec plusieurs campus et programmes. De nombreux instructeurs et administrateurs de Bellow Colleges doivent assister à des événements et acheter des articles. Historiquement, le suivi de ces dépenses a été un défi.
L'administration du campus souhaite moderniser son système de déclaration des dépenses en offrant aux employés un moyen numérique de déclarer leurs dépenses.
Tout au long de ce cours, vous créerez des applications et effectuerez de l'automatisation pour permettre aux employés du Bellows College de gérer les dépenses
É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 Tables, puis ouvrez la table Note de frais. Si vous ne voyez pas la table 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 Principale 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 la note de frais. 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 : Faites glisser la colonne 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 Propriétaire. Dans le panneau Propriétés, remplacez l’étiquette par Demandeur (Requestor). 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 table Notes de frais. À l’aide du fil d’Ariane en haut à gauche (Table > Note de service > Formulaires ), sélectionnez Note de frais pour revenir à l’écran Propriétés de la table Note de frais. 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 Note de frais actives. Ajoutez les champs suivants à la vue en cliquant dessus ou en les faisant glisser et en les déposant : 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 Nom et sélectionnez plutôt Montant total. Sélectionnez (cliquez sur) Montant total pour modifier l’ordre de tri de Plus grand à Plus petit.
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 notes du frais d’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 Note de frais actives, car nous l’utiliserons pour créer la Note de frais à échéance aujourd’hui).
Sélectionnez Enregistrer sous. Remplacez le Nom par 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 Date d’échéance en tant que champ, puis remplacez Est égal à Aujourd’hui comme condition dans la liste déroulante.
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 Date d’échéance est aujourd’hui. Ajoutez le champ Montant total à 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 : 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 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 Note de frais dans le volet de navigation de gauche (également appelé plan du site). 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.
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 :
Félicitations! Vous avez créé et configuré votre première application pilotée par modèle.
Lab03 | Comment créer une application pilotée par modèle
