Guide pour créer une application Canvas, forme Tablette, avec un écran d’accueil, un écran Galerie et un écran Formulaire, sur une liste SharePoint nommée “Tâches”.
1. Préparer la source de données SharePoint
Créer la liste SharePoint "Tâches"
Accédez à votre site SharePoint Créez une nouvelle liste nommée "Tâches" Ajoutez les colonnes nécessaires (exemple) : Titre (Texte) - obligatoire Description (Texte multiligne) Statut (Choix : À faire, En cours, Terminé) DateEcheance (Date et heure) Priorite (Choix : Faible, Normale, Élevée) Pourquoi SharePoint ?
Inclus dans la licence gratuite Office 365 Gestion native des permissions Synchronisation automatique Éviter Excel comme source principale Préparer l’architecture de navigation
2. Accéder à Power Apps Studio
Se connecter
Ouvrez votre navigateur et allez sur Connectez-vous avec vos identifiants Office 365 Sélectionnez votre environnement en haut à droite Cliquez sur Créer dans le menu de gauche 3. Créer l'application Canvas
Création initiale
Choisissez Application canevas Sélectionnez Format tablette (résolution 1366 x 768) Nommez votre application : "Gestion des tâches" Avantages du format tablette :
Plus d'espace pour organiser les contrôles Interface plus professionnelle Compatible avec tous les appareils (responsive) 4. Configuration initiale
Activer les contrôles modernes
Cliquez sur Paramètres (roue dentée en haut) Activez Contrôles et thèmes modernes Connecter la source de données
Dans le volet gauche, cliquez sur Données (icône cylindre) Cliquez sur Ajouter des données Recherchez et sélectionnez SharePoint Entrez l'URL de votre site SharePoint Sélectionnez la liste "Tâches" Vérification : La liste "Tâches" doit apparaître dans le volet Données.
5. Structure de l'application - 3 écrans
Créer les écrans
Écran d'accueil : scrAccueil (déjà créé par défaut) Écran galerie : Insérer > Nouvel écran > Écran vide → renommer scrTaches_Liste Écran formulaire : Insérer > Nouvel écran > Écran vide → renommer scrTaches_Form 6. Configuration de l'écran d'accueil (scrAccueil)
Éléments à ajouter
Texte : "Gestion des Tâches" Bouton d'accès à la liste Texte : "Voir les tâches" OnSelect : Navigate(scrTaches_Liste; ScreenTransition.Fade) Statistiques rapides (optionnel) Étiquette "Tâches actives" Texte : CountRows(Filter(Tâches; Statut.Value <> "Terminé")) 7. Configuration de l'écran liste (scrTaches_Liste)
Ajouter la galerie
Insérer une galerie verticale Contrôle : Galerie > Verticale Configurer l'affichage de la galerie Modifier la disposition via le volet Propriétés Afficher : Titre, Sous-titre, Corps Sous-titre : ThisItem.Statut.Value Corps : ThisItem.Description Ajouter les boutons de navigation
OnSelect : Navigate(scrAccueil; ScreenTransition.Fade) OnSelect : Navigate(scrTaches_Form; ScreenTransition.Fade);; NewForm(frmTaches) Bouton Modifier (dans la galerie) OnSelect : Navigate(scrTaches_Form; ScreenTransition.Fade);; EditForm(frmTaches);; ViewForm(frmTaches; ThisItem) Bouton Supprimer (dans la galerie) OnSelect : Remove(Tâches; ThisItem) Ajouter une barre de recherche (optionnel)
Contrôle : Entrée de texte Texte d'indication : "Rechercher une tâche..." Modifier la propriété Items de la galerie If(IsBlank(txtRecherche.Text);
Tâches;
Filter(Tâches; StartsWith(Title; txtRecherche.Text))
)
8. Configuration de l'écran formulaire (scrTaches_Form)
Ajouter le formulaire
Insérer un formulaire d'édition Contrôle : Formulaire > Modifier Propriété DataSource : Tâches Configurer les champs du formulaire Sélectionner le formulaire Dans le volet Propriétés, cliquer sur Modifier les champs Ajouter/supprimer les champs nécessaires : Ajouter les boutons d'action
OnSelect : Navigate(scrTaches_Liste; ScreenTransition.Fade) If(frmTaches.Valid; SubmitForm(frmTaches);; Navigate(scrTaches_Liste; ScreenTransition.Fade); Notify("Erreur : vérifiez les champs obligatoires"; NotificationType.Error))
OnSelect : ResetForm(frmTaches);; Navigate(scrTaches_Liste; ScreenTransition.Fade) Gestion des modes du formulaire
Le formulaire s'adapte automatiquement :
Mode Nouveau : Quand on arrive via le bouton "Nouvelle tâche" Mode Modification : Quand on arrive via le bouton "Modifier" de la galerie 9. Bonnes pratiques de nommage
Préfixes des contrôles
scr : Écrans (scrAccueil) gal : Galeries (galTaches) frm : Formulaires (frmTaches) btn : Boutons (btnNouveau) txt : Champs de texte (txtRecherche) lbl : Étiquettes (lblTitre) Conventions
Utiliser des noms explicites en français Respecter la casse (PascalCase) Éviter les espaces et caractères spéciaux 10. Fonctionnalités avancées
Filtrage par statut
Ajouter des boutons de filtre sur l'écran liste :
// Bouton "Toutes"
Items de la galerie : Tâches
// Bouton "À faire"
Items de la galerie : Filter(Tâches; Statut.Value = "À faire")
// Bouton "En cours"
Items de la galerie : Filter(Tâches; Statut.Value = "En cours")
Tri des données
Bouton de tri par date d'échéance :
SortByColumns(Tâches; "DateEcheance"; If(varTriCroissant; SortOrder.Ascending; SortOrder.Descending))
Validation personnalisée
Dans le formulaire, ajouter des règles :
// Champ DateEcheance - ne pas accepter les dates passées
If(DateValue(DateEcheance_DataCard.Text) < Today(); "La date d'échéance doit être future"; "")
11. Test de l'application
Tests essentiels
Navigation : Vérifier tous les boutons de navigation Create : Ajouter une nouvelle tâche Read : Afficher la liste des tâches Update : Modifier une tâche existante Delete : Supprimer une tâche Validation : Tester les champs obligatoires Recherche/Filtres : Vérifier les fonctionnalités de recherche Test sur différents appareils
Cliquer sur Aperçu (bouton Play) Tester sur ordinateur, tablette et mobile Vérifier la réactivité de l'interface 12. Publication et partage
Publier l'application
Cliquer sur Fichier > Publier Ajouter un commentaire de version Cliquer sur Publier cette version Partager avec les utilisateurs
Ajouter les utilisateurs ou groupes Définir les permissions : Peut utiliser : Utilisation normale Peut modifier : Peut modifier l'application Permissions SharePoint
S'assurer que les utilisateurs ont accès à la liste SharePoint :
Lecture minimum pour consulter Contribution pour ajouter/modifier/supprimer 13. Maintenance et évolution
Suivi des performances
Surveiller l'utilisation via le centre d'administration Power Platform Vérifier les erreurs dans les journaux Optimiser les requêtes si nécessaire Mise à jour
Application Canvas - Guide de survie
