Catégories
Consultant, Formateur

Configurer la vue d’entité d’une application Power Apps

Cet exercice vous explique comment configurer la vue d’entité d’une application Power Apps d’entreprise à partir d’un modèle.

Une vue d’entité est composée de différents composants : formulaires, vues, graphiques et tableaux de bord. Chacun de ses composants peut être paramétré.

Cet exercice va vous apprendre comment configurer chacun de ses composants.

Il est le cœur de l’application Power Apps basée sur un modèle. Il est relativement long car il y a de nombreuses étapes avant d’arriver à un résultat cohérent.

Soyez patient. Quand vous verrez le résultat final (et la suite !), vous allez en pleurer d’émotion 😉

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 Modifier : l’application s’ouvre dans le concepteur d’application dans un nouvel onglet.

Dans le volet central de l’application, vous avez la vue d’entité qui est tout en bas. Cette vue d’entité est constituée de Formulaires, Vues, Graphiques et Tableaux de bord.

Vous allez créer le formulaire qui permet la saisie ou modification d’une note de frais.

Créer un formulaire

Cliquez sur le composant Formulaires : le volet Composants s’affiche à droite. Ce volet affiche les 2 formulaires de l’entité Note de frais : Un formulaire principal et un aperçu. Ces formulaires sont génériques et livrés avec chaque entité.

Vous allez créer votre propre formulaire.

Pour ce faire, cliquez sur le lien bleu Créer nouveau, puis cliquez sur Formulaire principal. Les autres types de formulaires fonctionnement sur le même principe qu’un formulaire principal.

Une fenêtre s’ouvre.

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

Créer un formulaire
Créer un formulaire

Dans le volet de droite, remplacez le texte du champ Nom complet par Formulaire NdF.

Laissez la description inchangée même si elle n’est pas très significative.

Votre formulaire est constitué de 3 zones : Header, Général, Footer. Vous allez pouvoir les visualiser sur le formulaire.

Dans le volet de gauche, cliquez sur Arborescence (icône avec 3 feuilles empilées).

Sous Arborescence, ouvrez Formulaire NdF.

Cliquez sur Header et observez ce qui se passe sur le volet central : la zone Header est sélectionnée et délimitée par un rectangle violet.

Refaites la même manipulation avec Général et Footer. Quand vous êtes sur Général, saisissez Principal dans le champ Nom du volet de droite.

Maintenant, vous allez déposer les champs métiers dans la zone Général.

Pour ce faire, cliquez à nouveau sur Général pour la sélectionner.

Dans le volet de gauche, cliquez sur Champs (icône avec Abc).

Avec la souris, déposez les champs suivants dans la zone Général :

  • Date déplacement
  • Moyen de transport
  • Mission
  • Montant payé
  • Date validation
  • NdF Validée
  • Nombre Km

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

Liste des champs du formulaire
Liste des champs du formulaire

Dans un exercice précédent, vous avez créé une règle qui stipule que le champ Nombre Km ne doit être visible que si le Moyen de transport a été fait en Voiture. Autrement dit, le champ Nombre Km doit être caché par défaut : il ne doit apparaître que lorsque le Moyen de transport est la Voiture.

Vous allez donc masquer le champ Nombre Km. Pour ce faire, cliquez sur le champ Nombre Km puis dans le volet de droite cochez la case Masquer le champ. Ainsi, le champ Nombre Km est masqué par défaut : il ne sera visible que lorsque l’utilisateur aura indiqué un Moyen de transport en Voiture.

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).

À l’issue de la publication, fermez la fenêtre du Formulaire : le concepteur d’application s’affiche. Dans le volet composant des formulaires, décochez la case Tous et activez la case en face de votre formulaire (si elle est déjà cochée, laissez la cochée). Cela signifie qu’il sera le seul accessible dans l’application.

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

Liste des formulaires de l'application
Liste des formulaires de l’application

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

Pour information, vous auriez pu créer et ajouter directement les formulaires dans l’onglet Formulaires de votre entité. Avec la méthode de votre choix, vous les retrouvez dans l’onglet ci-dessous.

Si vous ne les voyez pas, appuyez sur F5 pour actualiser l’affichage de votre navigateur.

Formulaires de l'entité
Formulaires de l’entité

Créer une vue

Maintenant, cliquez sur le composant Vues : le volet Composants s’affiche à droite. Ce volet affiche les 5 vues de l’entité Note de frais. Ces vues sont génériques et livrées avec chaque entité.

Vous allez créer votre vue spécifique.

Pour ce faire, cliquez sur le lien bleu Créer nouveau: une fenêtre s’ouvre.

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

Créer une nouvelle vue (partiel)
Créer une nouvelle vue (partiel)

Dans le volet central, cliquez sur Critères de filtre pour l’ouvrir.

Cliquez sur Ajouter un filtre, puis cliquez dans la liste déroulante et sélectionnez le champ Moyen de transport.

Dans le champ Sélectionner une valeur (encadré en rouge), cliquez sur la flèche: une boîte de dialogue s’ouvre. Dans cette boîte de dialogue, cliquez sur Voiture puis cliquez sur > pour l’ajouter et cliquez sur OK.

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

Critères de filtre
Critères de filtre

Dans le volet central, cliquez sur Critères de filtre pour la fermer.

Sous Colonnes, cliquez sur la zone Cliquer pour ajouter le nom de la vue.

Dans le champ Cliquer pour ajouter le nom de la vue, saisissez Déplacements en voiture.

Dans le volet Composants, cliquez sur Attributs de colonne / Entité principale.

Avec la souris, déposez les champs suivants sur la ligne marquée Dépense :

  • Date déplacement
  • Mission
  • Montant payé
  • Nombre Km
  • Indemnités Km

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

Champs à afficher (partiel)
Champs à afficher (partiel)

Vous allez enregistrer les modifications du composant.

Pour ce faire, cliquez sur le bouton Enregistrer et fermer (en haut, vers la droite) : le concepteur d’applications s’affiche.

L’action Enregistrer et ferme permet de sauvegarder vos modifications. Dans le cas des vues, elle publie aussi automatiquement vos modifications. Il n’est donc pas nécessaire, ni possible d’ailleurs, de publier.

Dans le concepteur d’application, cliquez sur le composant Vues, puis décochez la case Tous, et enfin cochez la vue Notes de frais actifs. Cette vue affiche une simple liste de dépenses dont le statut est actif. C’est le cas par défaut.

Si vous le souhaitez, vous pouvez améliorer cette vue en y ajoutant des champs supplémentaires. Si vous ne le faites pas : aucun problème car vous ne serez pas bloqué par la suite.

Dans notre cas, nous avons rajouté les mêmes champs que ceux de la vue Déplacements en voiture : Date déplacement, Mission, Montant payé, Nombre Km, Indemnités Km.

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

Liste des vues de l'application
Liste des vues de l’application

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

Pour information, vous auriez pu créer et ajouter directement les vues dans l’onglet Affichage de votre entité. Avec la méthode de votre choix, vous les retrouvez dans l’onglet ci-dessous.

Si vous ne les voyez pas, appuyez sur F5 pour actualiser l’affichage de votre navigateur.

Vues de l'entité
Vues de l’entité

Création du graphique 1

Maintenant, cliquez sur le composant Graphiques : le volet Composants s’affiche à droite. Il n’y a pas de graphiques par défaut.

Vous allez créer votre graphique spécifique.

Pour ce faire, cliquez sur le lien bleu Créer nouveau: une fenêtre s’ouvre.

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

Créer un nouveau graphique (partiel)
Créer un nouveau graphique (partiel)

Sous le ruban (en haut), dans le champ Entrer le nom du graphique ici, saisissez le titre Dépenses par Moyen de transport. Juste au-dessus de ce champ, vérifiez que la vue sélectionnée est bien Notes de frais actifs.

Dans le ruban (en haut), sélectionnez le graphique Barre.

En dessous de la partie centrale avec le graphique en grisé, cliquez dans la liste déroulante du champ Légende (Série), puis sélectionnez le champ Montant payé.

Ensuite, cliquez dans la liste déroulante du champ Horizontal (Catégorie), puis sélectionnez le champ Moyen de transport.

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

Paramétrage des axes
Paramétrage des axes

À l’issue de ces manipulations, vous obtenez un graphique qui ressemble à celui-ci :

Graphique Dépenses par Moyen de transport
Graphique Dépenses par Moyen de transport

Vous allez enregistrer les modifications du composant.

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

L’action Enregistrer et fermer permet de sauvegarder vos modifications. Dans le cas des graphiques, elle publie aussi automatiquement vos modifications. Il n’est donc pas nécessaire, ni possible d’ailleurs, de publier.

Gardez la case Tous cochée.

Création du graphique 2

Vous allez créer un autre graphique spécifique.

Pour ce faire, cliquez sur le lien bleu Créer nouveau: une fenêtre s’ouvre.

Sous le ruban (en haut), dans le champ Entrer le nom du graphique ici, saisissez le titre Notes de frais Remboursables. Juste au-dessus de ce champ, vérifiez que la vue sélectionnée est bien Notes de frais actifs.

Gardez le graphique par défaut Colonne.

En dessous de la partie centrale avec le graphique en grisé, cliquez dans la liste déroulante du champ Légende (Série), puis sélectionnez le champ Montant payé.

Ensuite, cliquez dans la liste déroulante du champ Horizontal (Catégorie), puis sélectionnez le champ Remboursable.

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

Graphique Notes de frais Remboursables
Graphique Notes de frais Remboursables

Vous allez enregistrer les modifications du composant.

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

Gardez la case Tous cochée.

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

Pour information, vous auriez pu créer et ajouter directement les graphiques dans l’onglet Graphiques de votre entité. Avec la méthode de votre choix, vous les retrouvez dans l’onglet ci-dessous.

Si vous ne les voyez pas, appuyez sur F5 pour actualiser l’affichage de votre navigateur.

Graphiques de l'entité
Graphiques de l’entité

Créer un tableau de bord

Maintenant, cliquez sur le composant Tableaux de bord de la vue d’entité. Pour l’instant, ne cliquez pas sur le composant Tableaux de bord avec le fond violet.

Le volet Composants s’affiche à droite. Il n’y a pas de 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: 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 à 2 colonnes (c’est le modèle qui se trouve dans la copie d’écran ci-dessus), puis cliquez sur le bouton Créer.

Dans le champ Nom, saisissez le titre Dépenses.

Dans le champ Vue d’entité, sélectionnez le choix Notes de frais actifs.

Ajout du graphique 1

Dans la section haute et à gauche, cliquez sur l’icône du milieu : la fenêtre Ajouter un composant s’affiche.

Dans cette fenêtre, gardez le choix par défaut du graphique.

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

Ajouter un 1er graphique
Ajouter un 1er graphique

Puis cliquez sur le bouton Ajouter.

Ajout du graphique 2

Vous allez ajouter le second graphique.

Pour ce faire, dans la section haute et à droite, cliquez sur l’icône du milieu : la fenêtre Ajouter un composant s’affiche.

Dans cette fenêtre, changez le choix par défaut du graphique en Notes de frais Remboursables.

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

Ajouter un 2nd graphique
Ajouter un 2nd graphique

Puis cliquez sur le bouton Ajouter.

Dans cette fenêtre, gardez le choix par défaut du graphique puis cliquez sur le bouton Ajouter.

Ajout du flux

Dans notre scénario le flux est simplement une vue des données. Toutefois, il existe d’autres possibilités pour les flux.

Dans le menu du haut, cliquez sur flux : la fenêtre Ajouter un flux s’affiche.

Dans cette fenêtre, gardez tous les choix par défaut.

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

Ajouter un flux
Ajouter un flux

Puis cliquez sur le bouton OK.

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.

Gardez la case Tous cochée.

Maintenant, vous allez publier les modifications de l’application avec les modifications. Pour ce faire, cliquez sur le bouton Publier (en haut, à droite).

Pour information, vous auriez pu créer et ajouter directement les tableaux de bord dans l’onglet Tableaux de bord de votre entité. Avec la méthode de votre choix, vous les retrouvez dans l’onglet ci-dessous.

Si vous ne les voyez pas, appuyez sur F5 pour actualiser l’affichage de votre navigateur.

Tableaux de bord de l'entité
Tableaux de bord de l’entité

C’est terminé !

L’exercice est terminé.

Résumé

Dans cet exercice, vous avez appris comment configurer la vue d’entité d’une application Power Apps d’entreprise.

Vous avez aussi appris à créer des formulaires, des vues, des graphiques et des tableaux de bord.

Enfin, vous avez découvert que tous ces composants appartenaient à votre entité.

Sachez qu’une application basée sur un modèle peut disposer de plusieurs vues d’entité indépendantes. Par exemple, vous pouvez avoir une vue d’entité d’une autre entité sur la même application.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *