Exercice

Effectué

Dans cette unité, vous allez créer une application pilotée par modèle à l’aide de l’une des tables standard disponibles dans votre environnement Microsoft Power Apps. Avant de créer une application pilotée par modèle, vous devez créer une Solution dans laquelle réside votre application.

Créer une solution et ajouter une table de données existante

  1. Sur la page d’accueil Power Apps, cliquez sur Solutions. (Vous devrez peut-être cliquer sur Plus dans le volet de navigation gauche, puis rechercher Solutions.)

  2. Cliquez sur Nouvelle solution dans la barre de commandes.

  3. Dans le volet Nouvelle solution qui s’affiche sur le côté droit de votre écran, saisissez ce qui suit :

    Nom d’affichage : Comptes de formation

    Éditeur : [en choisir un dans la liste déroulante]

  4. Cliquez sur le bouton Créer en bas du volet.

  5. Une fois que votre solution s’affiche, vous voyez une liste d’Objets avec un nombre entre parenthèses indiquant le nombre d’objets de chaque type faisant partie de la solution. Dans la barre de commandes, cliquez sur Ajouter un élément existant>Table.

  6. Recherchez et sélectionnez votre table Compte.

  7. L’écran passe alors aux Tables sélectionnées : cochez la case Inclure tous les objets. Ensuite, cliquez sur le bouton Ajouter en bas de l’écran.

Quelques instants après, votre table Compte s’affiche sous forme d’objet pour votre solution. Vous voyez la table s’afficher dans la liste des objets.

Créer une application pilotée par modèle

  1. Toujours dans le menu Objets de solution, accédez à la barre de commandes et cliquez sur Nouveau>Application>Application pilotée par modèle.

  2. Nommez votre application « Comptes de formation », puis cliquez sur Créer.

Votre nouvelle application s’affiche alors dans le concepteur d’applications et vous pouvez maintenant y ajouter des composants.

Ajouter une page à votre application

Vous pouvez ajouter des pages à votre application dans le concepteur d’applications.

  1. Cliquez sur Ajouter une page dans la barre de commandes ou depuis l’écran de canevas de l’application.

    Capture d’écran de la vue Concepteur de plans de site.

  2. Dans la fenêtre contextuelle Ajouter une page, cliquez sur Table Dataverse. Ensuite, sélectionnez la table Compte, puis cliquez sur le bouton Ajouter.

    Remarque

    Si Compte n’est pas une option en tant que table, il se peut que vous n’ayez aucun exemple de données dans votre environnement. Consultez cet exercice sur la création d’exemples d’applications et de données. Si les exemples de données ne s’affichent pas, consultez cette documentation pour ajouter des exemples de données.

Publiez-la (à l’aide du bouton en haut de la barre de commandes à droite). Le bouton Publier enregistre/publie automatiquement votre application.

Modifier votre formulaire

Lorsque nous avons créé l’application, Power Apps a créé automatiquement des formulaires pour notre application. Apportons quelques modifications au formulaire principal. Power Apps comporte des onglets de navigation à l’extrême gauche de l’écran, affichant à ce stade Pages comme celui cliqué, ainsi qu’un volet Pages juste à droite de celui-ci. Votre application comporte actuellement une page. Le menu Navigation affiche votre Vue Comptes et une fois développé, il affiche le Formulaire Comptes. Toutes ces informations s’affichent dans le volet Pages.

  1. Sous Navigation sélectionnez Formulaire Comptes. Votre formulaire s’affiche alors sur le canevas Power Apps tel qu’il s’affiche dans l’application.

  2. Cliquez sur Modifier le formulaire.

  3. Ce formulaire préconfiguré comporte de nombreux éléments, mais ne soyez pas submergé. Apportons quelques modifications simples afin que vous puissiez voir à quel point il est facile de modifier un formulaire. Accédez au volet Informations sur le compte et sélectionnez Symbole boursier.

  4. Cliquez sur Supprimer dans la barre de commandes (ou appuyez sur la touche Supprimer de votre clavier) pour le supprimer du formulaire. Lorsque vous supprimez cet élément du formulaire, vous ne supprimez pas cette colonne de vos données : vous la supprimez simplement du formulaire. Si vous supprimez accidentellement une colonne, Power Apps dispose d’un bouton pratique Annuler dans la barre de commandes immédiatement à droite du bouton Précédent.

  5. Examinez le volet Colonnes de table sur le côté gauche de votre écran. Il s’agit d’une liste de toutes les colonnes de votre table Comptes. Si vous souhaitez rechercher la colonne Symbole boursier que nous avons supprimée, saisissez « boursier » dans le champ de recherche.

  6. Un clic sur toute colonne de table entraîne son ajout à la partie du formulaire sous votre curseur. Votre curseur devrait actuellement se trouver dans le volet Informations sur le compte. Sélectionnez Symbole boursier dans le volet Colonnes de table. Avez-vous vu à quel point il est facile de le rajouter dans votre formulaire ?

  7. À ce stade, si vous avez apporté des modifications que vous souhaitez conserver, vous pouvez cliquer sur Enregistrer et publier en haut de la barre de commandes à droite.

  8. Une fois que Power Apps a republié votre formulaire, cliquez sur Précédent en haut de la barre de commandes à droite pour quitter l’éditeur de formulaires et revenir à votre éditeur d’applications.

Modifier des vues

Lors de la création de cette application, Power Apps a créé quelques vues pour l’accompagner. Dans votre menu Navigation du volet Pages, vous pouvez voir toutes les vues qui font déjà partie de votre application. La vue actuelle s’affichant sur votre écran est celle intitulée Vue Comptes et votre écran d’application affiche la vue « Mes comptes actifs » et comporte une liste déroulante juste à droite du titre. Cette liste déroulante permet aux utilisateurs de sélectionner une autre vue.

  1. Sélectionnez Vue Comptes dans la liste Navigation. Notez qu’un volet s’affiche sur le côté droit de l’écran affichant votre table Comptes et une liste tabulée en dessous, affichant actuellement Vues et Mes comptes actifs. Il s’agit de la vue par défautpour l’application.

  2. À partir de cette liste Vues, vous pouvez modifier chacune de ces vues, mais faisons dans la simplicité et modifions la vue Mes comptes actifs. Vous pouvez cliquer sur Modifier la vue dans la barre de commandes pour accéder à l’Éditeur de vues.

  3. De la même manière que nous avons modifié notre formulaire dans l’Éditeur de formulaires, vous voyez un canevas au centre présentant les colonnes qui s’affichent. Ajoutons la colonne État/province à la vue. Recherchez « Adresse 1 : État/province » dans la liste Colonnes de table (sachant que vous pouvez saisir « état » dans le champ de recherche) et sélectionnez-la pour l’ajouter à la vue.

  4. Power Apps vous permet de repositionner facilement les colonnes. Déplaçons la colonne Numéro de téléphone principal à l’extrême droite de la vue. Glissez-déplacez-la à droite de la colonne Adresse 1 : État/province.

    Capture d’écran de l’Éditeur de vues permettant de modifier la vue Mes comptes actifs.

  5. Pour enregistrer vos modifications, cliquez sur Enregistrer et publier en haut de la barre de commande à droite.

  6. Quelques instants après, lorsque Power Apps a fini de publier les modifications, vous pouvez cliquer sur le bouton Précédent dans la barre de commandes pour fermer l’Éditeur de vues. Notez que la colonne État/province figure maintenant sur votre canevas d’aperçu.

Afficher un graphique

Power Apps comprend quelques exemples de graphiques interactifs avec les exemples de données inclus dans la table Comptes. Explorons-en un.

  1. Dans votre canevas d’aperçu, cliquez sur le bouton Afficher le graphique dans la barre de commandes de l’application.

  2. Le volet Graphique s’affiche alors sous le titre. En cliquant sur la liste déroulante en haut du volet Graphique, vous pouvez modifier la vue du graphique. Essayez de basculer la vue entre plusieurs options, notamment Comptes par secteur d’activité, Comptes par propriétaire et Nouveaux comptes par mois pour voir quelques exemples.

Notez que de différentes façons vous permettent de représenter des données dans une vue.

Voici un exemple de tableau de bord système nommé Défi d’innovation qui comprend plusieurs graphiques pour vous donner une idée de ce qui est possible : Si vous disposez d’exemples d’applications et de données dans votre environnement Dataverse, vous pouvez trouver cette application dans votre liste d’applications. Cette application comprend trois vues et un écran de tableau de bord (illustré ci-dessous) qui affiche plusieurs vues ensemble.

Capture d’écran de la vue Défi d’innovation.

Vous pouvez créer un graphique à partir de toute table, mais cela dépasse le cadre de cette unité.

Ensuite, nous allons créer des rôles de sécurité pour les utilisateurs de cette application.