Catégories
Consultant, Formateur

Concevoir le plan de site d’une application Power Apps

Cet exercice vous explique comment concevoir le plan de site d’une application Power Apps d’entreprise à partir d’un modèle.

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.

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

Concepteur d'application (partiel)
Concepteur d’application (partiel)

Le message d’erreur concernant l’absence de configuration du plan de site saute aux yeux. La notion de plan de site va être rapidement explicitée. Toutefois, dans une première approche, il s’agit d’une notion identique à celle d’un plan de site d’un site web. Autrement dit, c’est un outil pour aider vos utilisateurs à naviguer dans votre application.

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

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

Concepteur de plan de site (partiel)
Concepteur de plan de site (partiel)

Le plan du site a plusieurs rôles. Un des rôles est de configurer la navigation de votre application. Pour cela, le plan de sites possède une ou plusieurs zones. Dans une zone, il existe un ou plusieurs groupes. Et un groupe possède une ou plusieurs zones.

Les termes des composants (Zone, Groupe, Sous-zone) sont volontairement vagues et génériques. Cela permet une grande souplesse dans l’organisation du plan de site.

Paramétrer la zone

Cliquez sur Nouvelle zone : le volet Propriétés s’ouvre sur la droite. Ce volet est constitué de 2 sections : la section Général et la section Avancé.

Dans le volet Propriétés, saisissez le titre Notes de frais. La valeur 1036 entre parenthèses correspond au code langue du français.

Ensuite, cliquez sur la liste déroulante du champ Icône, et sélectionnez l’icône Views.svg (tout en bas de la liste). L’extension svg désigne un format vectoriel d’image.

Laissez le nom par défaut de la zone ID.

Cliquez sur Avancé. Vous pourriez ajouter un titre ou une description dans une langue différente du français, en la sélectionnant dans les listes déroulantes Paramètres régionaux. Pour la formation, ce n’est pas nécessaire de le faire.

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

Paramétrer la zone
Paramétrer la zone

Paramétrer le groupe

Ensuite, cliquez sur Nouveau groupe : le volet Propriétés s’ouvre sur la droite.

Dans le volet Propriétés, saisissez le titre Déclarations.

Laissez le nom par défaut de la zone ID.

Cliquez sur Avancé. Vous pourriez ajouter un titre ou une description dans une langue différente du français, en la sélectionnant dans les listes déroulantes Paramètres régionaux. Pour la formation, ce n’est pas nécessaire de le faire.

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

Paramétrer le groupe
Paramétrer le groupe

Paramétrer la sous-zone

Ensuite, cliquez sur Nouvelle sous-zone : le volet Propriétés s’ouvre sur la droite.

Dans le volet Propriétés, cliquez sur la liste déroulante sous le champ Type. Il y a différents types : Tableau de bord, Entité, Ressource Web, URL.

Le type Entité est vu dans cet exercice et le type Tableau de bord sera vu dans un autre exercice.

Le type URL permet d’associer au composant une simple URL quelconque. Par exemple, ça peut être l’URL du site intranet de votre entreprise, ou un autre site.

Le type Ressource Web référence des fichiers stockés dans le dossier virtuel webresources dans chaque instance Common Data Service. Ce dossier permet de stocker des fichiers HTML, JavaScript et CSS, ainsi que plusieurs formats d’image. Les ressources Web sont des fichiers permettant d’étendre l’application Web Common Data Service. Il est possible d’utiliser les ressources web dans les personnalisations de formulaire, dans le Plan de site, ou dans le ruban de l’application.

Sélectionnez le type Entité, puis cliquez sur la liste déroulante sous le champ Entité. Dans cette liste, sélectionnez l’entité Note de frais.

Ensuite, saisissez le titre Formulaire.

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

Paramétrer la sous-zone
Paramétrer la sous-zone

Si vous êtes en avance, vous pouvez passer un peu de temps pour découvrir les nombreux paramètres qui sont disponibles sous la section Avancé. Si vous ne voyez pas la section Avancé, cliquez sur la section Général pour la réduire : vous devriez avoir la section Avancé avec ses sous-sections.

Ajouter un tableau de bord

Comme son nom l’indique, un composant de type Tableau de bord présente des informations sous la forme d’un tableau de bord. Il existe plusieurs tableaux de bord qui sont livrés par défaut. Toutefois, vous pouvez aussi créer vos propres tableaux de bord. Vous le ferez plus tard dans un exercice suivant. Pour l’instant, l’objectif est de préparer un emplacement pour afficher un tableau de bord.

Pour ce faire, cliquez sur l’onglet Composants.

Puis, avec la souris, glissez le composant Sous-Zone au-dessus de la sous-zone Formulaire dans le plan de site.

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

Ajout d'une nouvelle sous-zone
Ajout d’une nouvelle sous-zone

Dans le volet Propriétés, cliquez sur la liste déroulante sous le champ Type.

Sélectionnez le type Tableau de bord, puis, dans le champ Tableau de bord par défaut, cliquez sur n’importe quel choix. Le choix du tableau de bord n’a pas d’importance, car vous modifierez ce choix plus tard.

Ensuite, saisissez le titre Statistiques.

Ajouter une URL

Enfin, afin d’agrémenter votre plan de site, vous allez lui ajouter une autre sous-zone.

Pour ce faire, cliquez sur l’onglet Composants.

Puis, avec la souris, glissez le composant Sous-Zone sous la sous-zone Formulaire dans le plan de site.

Dans le volet Propriétés, cliquez sur la liste déroulante sous le champ Type.

Sélectionnez le type URL, puis tapez dans le champ URL https://coudr.com.

Ensuite, saisissez le titre Blog Power Apps.

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. Par ailleurs, vous noterez la présence de la vue d’entité. Celle-ci a été rajoutée automatiquement lors de l’enregistrement du plan de site. L’exercice suivant aborde en détail le rôle et le fonctionnement de la vue d’entité.

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

Formulaire NDF mis à jour
Formulaire NDF mis à jour

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 concevoir le plan de site d’une application Power Apps d’entreprise.

C’est déjà bien mais évidemment, il reste à configurer les autres composants.

C’est l’objet des manipulations suivantes.

Laisser un commentaire

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