Power Apps
BTP & Construction
27 August 2024

Tuto Power Apps pour débutant : ma première application, pas à pas

Ce tutoriel Power Apps pour débutant vous fait créer, pas à pas, une première application : une liste de tâches avec sa table de données, son formulaire d’ajout et sa galerie. Comptez 30 minutes. Vous verrez aussi les prérequis, la publication, le partage et les erreurs de débutant.
Liste de tâches construite comme première application Power Apps, avec tâches faites, en cours et à faire

Résumé de l'article

Premier volet du tutoriel Power Apps pour débutant : construire en trente minutes une application de liste de tâches, sans écrire de code. Prérequis (compte professionnel, plan de développement gratuit ou liste SharePoint), création de l'application et de la table, formulaire d'ajout, galerie, puis publication et partage sur ordinateur, téléphone et Teams. L'article liste aussi les erreurs de débutant et la suite du parcours.

Résumé en vidéo

Plan de l'article
Un projet Power Platform ?

Faites-nous part des défis de votre entreprise et nous vous aiderons à dynamiser votre activité.

Réserver un audit gratuit
Réserver un audit gratuit
Partager

Power Apps est un outil créé par Microsoft. Il permet de concevoir facilement des applications personnalisées et adaptées aux besoins métier de n’importe quelle entreprise. Tout simplement parce que l’utilisation de cette solution logicielle et de développement d’applications métier de Microsoft ne requiert pas ou peu de connaissances en codage. C’est pourquoi on dit que la solution Power Apps est un outil de création d’applications low-code.

Power Apps, késako ?

Power Apps est une plateforme de développement d'applications low-code de Microsoft qui permet de créer rapidement des applications personnalisées pour automatiser des processus métiers et résoudre des problèmes spécifiques. Elle se connecte facilement à diverses sources de données et permet de créer des applications accessibles sur le web et les appareils mobiles. L’outil se base sur le langage Power Fx. Si vous souhaitez en savoir plus sur cet outil, n’hésitez pas à consulter cet article.

‍

En bref : ce que vous saurez faire en 30 minutes

À la fin de ce tutoriel, vous aurez créé une application Power Apps complète : une table de données pour les tâches, un formulaire pour en ajouter, une galerie pour les afficher, et l’application publiée, utilisable sur ordinateur, sur téléphone et dans Teams. Comptez une trentaine de minutes.

Prérequis : compte, licence et plan de développement gratuit

  • Un compte Microsoft professionnel ou scolaire : Power Apps ne fonctionne pas avec un compte personnel.
  • Un environnement où créer la table : ce tutoriel stocke les tâches dans Dataverse. Si votre entreprise n’a pas de licence Power Apps Premium, le plan de développement Power Apps est gratuit : il donne un environnement pour apprendre et tester, pas pour mettre une application en production.
  • Avec Microsoft 365 seulement, suivez le même tutoriel en remplaçant la table Dataverse par une liste SharePoint avec les mêmes colonnes : c’est inclus dans la plupart des abonnements.

Pour les prix et les licences, voir Power Apps, c’est quoi.

Ma première application : TODO liste !

Le but de ce guide est d’apprendre pas à pas comment créer sa première application Power Apps, en passant par la création de l’application, de la base de données et du raccord entre les deux.

‍

Lancement de Power Apps

La première étape dans la création de notre application est de se rendre sur le site de Power Apps et de se connecter à l’aide de son compte Microsoft.

‍

Se rendre sur le site de Power Apps
Connexion à votre compte Microsoft

‍

Création de l’application

Une fois Power Apps lancé, nous allons créer l’application. Pour cela, rien de plus simple : il suffit de cliquer sur le menu « Créer ».

‍

Menu principal de Power Apps : création d’une nouvelle application
Figure 2 : menu principal de Power Apps, création d’une nouvelle application

‍

Puis de choisir « Application vide », ensuite « Application canevas vierge », et enfin de renseigner le nom de l’application.

‍

Création d'une application vide dans Power Apps
Cliquez sur "Application vide"

‍

Choix d'une application canevas vierge dans la fenêtre Créer de Power Apps
Cliquez sur le bouton "Créer" dans "Application canevas vierge"

‍

Nom de l'application sur Power Apps
Vous pouvez renseigner le nom de votre application

‍

Création de la base de données

Avant de passer au cœur de l’application, il est important de créer notre base de données où seront stockées nos différentes tâches de la TODO liste. Pour ce faire, nous allons utiliser Dataverse pour sa forte connectivité et sa facilité d’utilisation.

‍

Pour cela, il faut se rendre dans l’onglet « Tables » du menu Power Apps.

Menu principal de Power Apps : accès aux tables pour créer une nouvelle table Dataverse
Puis cliquer sur « Nouvelle table » et « Ajouter des colonnes et des données ».

‍

Puis cliquer sur « Nouvelle table » et « Ajouter des colonnes et des données ».

‍

Création d'une nouvelle table Dataverse : ajouter des colonnes et des données
Créer une nouvelle table sur Power Apps

‍

Enfin, pour terminer la création de notre table, il faut indiquer son nom et cliquer sur "Créer"

‍

Édition du nom de table sur PowerApps
Édition du nom, remplissage du nom et enregistrement sur PowerApps

‍

Créer une table sur Power Apps
Cliquez sur le bouton "Créer"

‍

Il faut maintenant remplir la table avec les bonnes colonnes pour que notre base de données corresponde à notre projet. Dans un premier temps, on modifie la première colonne pour la transformer en colonne ID afin d’identifier facilement nos tâches.

‍

Nouvelle colonne PowerApps
Clic gauche sur nouvelle colonne

‍

Menu d'une colonne de la table TODO_Liste : modifier la colonne
Modification de la colonne

‍

Modifier la colonne PowerApps
Remplissage des informations et validation des changements

‍

On fait de même avec la colonne de description de la tâche, le nom de la tâche ainsi que l’état de la tâche qui nous permettra de suivre son évolution.

‍

Animation : modification d'une colonne de la table Dataverse
On fait de même avec la colonne de description de la tâche, le nom de la tâche et l'état de la tâche

‍

Partir de vos propres données

Dans la pratique, on part rarement d’une table vide. Si vos tâches, vos demandes ou vos stocks sont déjà dans un fichier Excel ou une liste SharePoint, Power Apps peut créer une application directement à partir de ces données : choisissez de démarrer à partir de données, sélectionnez la source, et Power Apps génère un écran de liste, une fiche et un écran de modification que vous adaptez ensuite. La méthode pour transformer un vrai fichier métier est dans notre guide transformer un fichier Excel en application.

Le cœur de l’application Power Apps

Attaquons-nous maintenant au cœur de l’application. Pour cela, il faut cliquer sur le bouton « Accueil » du menu et sélectionner notre application en mode édition.

Liste des applications dans Power Apps : le bouton crayon ouvre l'application en modification
Stylo éditer l'application Power Apps

‍

Une fois sur l’application, le but est de créer deux éléments : d’une part, un formulaire pour créer une nouvelle tâche et, d’autre part, une galerie permettant de consulter nos tâches ainsi que leur avancement.

‍

Connexion de la table Dataverse TODO_Liste à l'application, en quatre étapes
Connecter une table Dataverse sur Power Apps

Le formulaire d’ajout

Il faut se rendre dans l’onglet « Insérer », symbolisé par le symbole « + », et sélectionner « Formulaire de modification ».

‍

Formulaire de modification Power Apps
Ajouter un formulaire d'ajout

‍

Une fois le formulaire inséré dans notre application, cliquez dessus pour le connecter à notre table « TODO_Liste ».

Connecter un formulaire d'ajout sur Power Apps
Connecter un formulaire d'ajout

‍

Ensuite, renseignez les champs à afficher dans le formulaire en sélectionnant « Tache_Nom », « Tache_description » et « Tache_Etat ».

‍

Réglage des champs et de la disposition du formulaire d'ajout dans Power Apps
Styliser un formulaire d'ajout

‍

En mettant un peu d’ordre dans tout cela, nous obtenons un formulaire prêt à l’emploi !

‍

Peaufiner un formulaire d'ajout sur Power Apps
Peaufiner un formulaire d'ajout

‍

Pour finir cette partie, ajoutez un bouton pour l’enregistrement de la tâche.

‍

Bouton enregistrement de tâche sur Power Apps
Bouton enregistrement de tâche

‍

N’oubliez pas d’ajouter un effet au bouton en modifiant la propriété « OnSelect » et en y ajoutant « SubmitForm(Form2);;ResetForm(Form2) », ce qui va enregistrer la nouvelle tâche dans notre base et vider le formulaire pour être prêt à créer une nouvelle tâche.

Propriété OnSelect du bouton Enregistrer : SubmitForm(Form2);;ResetForm(Form2)
Fonction du bouton

L’affichage des tâches

L’affichage de nos tâches se fera grâce à une galerie. Pour en ajouter une à notre application, il faut depuis le menu « Ajouter », sélectionner « Galerie verticale ». Ensuite, il faut connecter la galerie avec notre table Dataverse et ajouter les champs pour la visualisation.

‍

Ajout et connexion de la galerie sur Power Apps
Ajout et connexion de la galerie sur Power Apps

‍

Ajoutez quelques tâches et votre galerie devrait ressembler à cela.

‍

Liste de tâches sur Power Apps
Liste de tâches

‍

En jouant un peu avec le visuel du formulaire et de la galerie, il est possible d’obtenir rapidement et sans difficulté un design simple et efficace.

Application de liste de tâches terminée : formulaire d'ajout et liste des tâches
Design simple et efficace sur Power Apps

Publier, partager et utiliser l’application

Votre TODO liste étant maintenant prête, il vous suffit de la lancer depuis Power Apps pour l’utiliser ou de l’intégrer à votre Microsoft Teams pour toujours l’avoir à portée de main !

‍

Pour que vos collègues puissent l’utiliser :

  1. Enregistrez, puis publiez l’application : les utilisateurs voient toujours la dernière version publiée, pas celle que vous modifiez.
  2. Partagez-la depuis le bouton Partager, en ajoutant les personnes ou un groupe. Pensez à leur donner aussi accès aux données : un rôle de sécurité sur la table Dataverse, ou des droits sur la liste SharePoint.
  3. Sur téléphone, installez l’application Power Apps (iOS ou Android) et connectez-vous avec votre compte professionnel : les applications partagées avec vous apparaissent dans la liste.
  4. Dans Teams, ajoutez l’application en onglet dans un canal pour l’avoir sous la main.

Les erreurs de débutant

  • Enregistrer sans publier : vos modifications restent invisibles pour les utilisateurs.
  • Garder les noms par défaut (Form2, Gallery1) : renommez chaque contrôle, sinon les formules deviennent illisibles.
  • Ignorer les avertissements de délégation (formule soulignée en bleu) : sur de gros volumes, le filtre ne porte que sur les premières lignes.
  • Oublier le séparateur français : dans Power Apps réglé en français, on enchaîne deux formules avec un double point-virgule, comme dans SubmitForm(Form2);;ResetForm(Form2).
  • Oublier les droits sur les données : l’application s’ouvre, mais affiche une erreur à l’enregistrement.

BRAVO !

Grâce à ce guide, vous avez réalisé votre première application Power Apps !

Si cette initiation à cet outil vous a convaincu, vous pouvez découvrir nos différentes réalisations et prendre rendez-vous pour discuter de Power Apps avec un de nos experts, ou continuer nos tutoriels pour améliorer l’application que vous venez de construire !

‍

Étape suivante

Continuez avec la deuxième partie du tutoriel, Power Apps pour les nuls : ma deuxième application (modification, suppression et recherche dans la galerie), puis passez aux formules avec la fonction Patch et au formulaire Power Apps. Pour aller plus vite, la formation Power Apps de YoungData dure 2 ou 3 jours, à partir de 3 500 € HT la session, finançable par votre OPCO et certifiée Qualiopi.

Questions fréquentes

Comment créer sa première application Power Apps ?

Connectez-vous sur le site de Power Apps, créez une application canevas vierge, créez une table pour vos données, puis ajoutez un formulaire pour la saisie et une galerie pour l’affichage. Enregistrez, publiez et partagez : c’est ce que ce tutoriel fait pas à pas.

Power Apps est-il gratuit pour apprendre ?

Oui : le plan de développement Power Apps est gratuit et donne un environnement pour apprendre et tester. Avec Microsoft 365, vous pouvez aussi construire des applications sur SharePoint sans licence supplémentaire.

Comment partager une application Power Apps ?

Publiez-la, puis utilisez le bouton Partager pour ajouter des personnes ou un groupe, sans oublier de leur donner accès aux données. Elles l’ouvrent ensuite dans un navigateur, dans l’application mobile Power Apps ou dans Teams.

Combien de temps pour apprendre Power Apps ?

Une trentaine de minutes pour une première application comme celle-ci, quelques jours de pratique pour être à l’aise avec les formules, et une formation de trois jours environ pour construire des applications métier complètes.

Un projet Power Platform ?

Faites-nous part des défis de votre entreprise et nous vous aiderons à dynamiser votre activité.

Réserver un audit gratuit

Votre prochain processus mérite mieux qu'un Excel.

Premier échange de 40 minutes offert : on analyse vos fichiers, identifie ce qui peut être automatisé, et vous donne un plan d'action clair.