Blog
Tutoriel
Power Apps

Power Apps pour les Nuls : ma première application (Tutoriel)

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.

27/8/2024
Power Apps pour les Nuls : ma première application (Tutoriel)

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 logiciel 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 Microsoft FX. Si vous souhaitez en savoir plus sur cet outil, n’hésitez pas à consulter cet article.

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.

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

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.

Cliquez sur "Application vide"

Cliquez sur le bouton "Créer" dans "Application canevas vierge"

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.

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é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, remplissage du nom et enregistrement sur PowerApps

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.

Clic gauche sur nouvelle colonne

Modification de la colonne

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.

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

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.

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.

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

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

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

Styliser une 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

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

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.

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

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

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.

Design simple et efficace sur Power Apps

Intégration d'une application Power Apps

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 !

🎉 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 !

Un projet sur la suite Power Platform ?

Faites-nous part des défis de votre entreprise et nous vous aideront à dynamiser votre activité grâce à la Power Platform

Contacter l'agence

D'autres articles à ce sujet

Tous nos contenus
Le futur de la productivité : les applications personnalisées
Power Apps
Le futur de la productivité : les applications personnalisées

Les applications personnalisées répondent aux besoins spécifiques des entreprises en centralisant les données et en automatisant les tâches, là où les SaaS standards montrent leurs limites.

Yohan PEREZ
Yohan PEREZ
November 14, 2024
Article
Vidéo
Intégrer son reporting Power BI dans une application Power Apps
Power BI
Power Apps
Intégrer son reporting Power BI dans une application Power Apps

Power BI et Power Apps sont 2 outils de la suite Microsoft Power Platform. Si l'on résume très rapidement, Power BI va permettre de visualiser des données et Power Apps va nous permettre de générer des données via une application.

Elian QUESNEL
Elian QUESNEL
September 16, 2024
Tutoriel
Vidéo
Microsoft Power Apps vs Kizeo
Power Apps
Microsoft Power Apps vs Kizeo

Découvrez notre guide complet comparant Microsoft Power Apps et Kizeo pour choisir la meilleure solution de gestion de données et création d'applications métiers.

Nicolas Leroy
Nicolas Leroy
July 12, 2024
Article
Vidéo