Décode l'informatique
Choisir une disposition

Configurer le tableau de bord central d’une application Power Apps

Dans un exercice précédent, vous avez configuré le tableau de bord d’une vue d’entité. Dans cet exercice, vous allez configurer un nouveau tableau de bord qui va être indépendant d’une vue d’entité.

De plus, vous pourrez configurer le plan de site pour qu’il pointe sur ce nouveau tableau de bord. Ce qui n’est pas possible de faire avec un tableau de bord d’une vue d’entité.

Préparation

Administrer l’application

Ouvrez le site web Microsoft Power Apps et identifiez-vous avec votre compte.

https://make.powerapps.com/

Dans le volet de navigation (à gauche), cliquez sur Applications.

Dans le volet central, cliquez sur les 3 petits points (…) en face du nom de votre application Formulaire NDF, puis cliquez sur le choix Modifier : l’application s’ouvre dans le concepteur d’application dans un nouvel onglet.

Dans le volet central de l’application, vous avez le tableau de bord qui est au milieu avec le fond violet.

Créer un tableau de bord

Cliquez sur le composant Tableaux de bord avec le fond violet.

Le volet Composants s’affiche à droite. Il y a 7 tableaux de bord par défaut.

Vous allez créer votre tableau de bord spécifique.

Pour ce faire, cliquez sur le lien bleu Créer nouveau puis cliquez sur le choix Tableaux de bord classiques : une fenêtre s’ouvre. Celle-ci présente différentes dispositions sur sa gauche. Elle présente aussi des idées de représentations sur sa droite, avec un texte d’explications.

Pour vous aider, regardez la copie d’écran ci-dessous.

Choisir une disposition
Choisir une disposition

Dans la partie gauche, cliquez sur le Tableau de bord de présentation à 3 colonnes (c’est le modèle qui se trouve dans la copie d’écran ci-dessus), puis cliquez sur le bouton Créer.

Vous constaterez tout de suite qu’il y a plus de possibilités avec ce tableau de bord, notamment dans le choix du type d’information à saisir. En effet, comme les tableaux de bord de la vue d’entité, vous pouvez insérer un graphique, mais vous pouvez aussi insérer en plus une liste, un assistant de relation, un IFrame ou une ressource web.

Dans le champ Nom, saisissez le titre Suivi des dépenses.

Ajout de la liste 1

Dans la section haute et à gauche, cliquez sur l’icône en forme de liste (Insérer une liste) : la fenêtre Ajouter un composant s’affiche.

Dans la liste déroulante du champ Type d’enregistrement, sélectionnez le choix Notes de frais.

Dans la liste déroulante du champ Vue, sélectionnez le choix Déplacements en voiture. Puis cliquez sur le bouton Ajouter.

Pour l’instant, le résultat n’est pas visible.

Ajout du graphique 1

Dans la section haute et au milieu, cliquez sur l’icône en forme d’histogrammes (Insérer un graphique) : la fenêtre Ajouter un composant s’affiche.

Dans la liste déroulante du champ Type d’enregistrement, sélectionnez le choix Notes de frais.

Gardez le choix par défaut des champs Vue et Graphique.

Puis cliquez sur le bouton Ajouter.

Pour l’instant, le résultat n’est pas visible.

Ajout du graphique 2

Dans la section haute et à droite, cliquez sur l’icône en forme d’histogrammes (Insérer un graphique) : la fenêtre Ajouter un composant s’affiche.

Dans la liste déroulante du champ Type d’enregistrement, sélectionnez le choix Notes de frais.

Gardez le choix par défaut du champ Vue.

Dans la liste déroulante du champ Graphique, sélectionnez le choix Notes de frais Remboursables. Évidemment, vous retrouvez les mêmes graphiques parce qu’en formation vous n’allez pas passer votre temps à en créer plusieurs. En revanche en production, les concepteurs d’applications créent différents graphiques.

Puis cliquez sur le bouton Ajouter.

Pour l’instant, le résultat n’est pas visible.

Ajout de la liste 2

Dans la section basse, cliquez sur l’icône en forme de liste (Insérer une liste) : la fenêtre Ajouter un composant s’affiche.

Dans la liste déroulante du champ Type d’enregistrement, sélectionnez le choix Notes de frais.

Gardez le choix par défaut du champ Vue.

Puis cliquez sur le bouton Ajouter.

Pour l’instant, le résultat n’est pas visible.

Vous allez enregistrer les modifications du composant.

Pour ce faire, cliquez sur le bouton Enregistrer (en haut à gauche). Puis ensuite, cliquez sur le bouton Fermer : le concepteur d’applications s’affiche.

Dans le volet composant des tableaux de bord, décochez la case Tous et activez la case en face de votre tableau de bord Suivi des dépenses.

Supprimez la vue d’entité Boite aux lettres qui vient de s’ajouter. Pour supprimer une vue d’entité, cliquez sur son nom (Boite aux lettres) pour la sélectionner en entier, puis cliquez sur supprimer dans le menu.

Mettre à jour le plan de site

Vous allez modifier légèrement le plan de site.

Sur le composant Plan de site, cliquez sur l’icône en forme de crayon : le concepteur de plan de site s’ouvre.

Dans le concepteur de plan de site, cliquez sur le composant Statistiques : le volet Propriétés s’ouvre sur la droite.

Dans ce volet et dans la liste déroulante du champ Tableau de bord par défaut, effacez le tableau de bord présent puis sélectionnez le choix Suivi des dépenses.

Enregistrer et publier le plan de site

Vous allez enregistrer les modifications du composant.

Pour ce faire, cliquez sur le bouton Enregistrer (en haut, vers la droite). Cette action permet de sauvegarder vos modifications. Toutefois, elles ne sont pas visibles par d’éventuels utilisateurs.

Pour rendre visible vos modifications, cliquez aussi sur le bouton Publier (en haut, à droite).

Enregistrer l’application

Sur le fil d’ariane (en haut, à gauche), cliquez sur Concepteur d’application : vous obtenez l’affichage de votre application.

Maintenant, vous allez enregistrer les modifications de l’application (et pas seulement du composant). Pour ce faire, cliquez sur le bouton Enregistrer et fermer (en haut, vers la droite).

Vous revenez sur la liste des applications. Si vous voyez un pop-up, cliquez sur le bouton OK du pop-up.

L’exercice est terminé.

Résumé

Dans cet exercice, vous avez appris comment configurer le nouveau tableau de bord de l’application.

De plus, vous avez configuré le plan de site pour qu’il pointe sur ce nouveau tableau de bord.

Claude COUDERC

Ajouter un commentaire