Lab 5 – Données externes

• Comment ajouter une liste SharePoint à votre application canevas
• Comment utiliser les collections
• Comment utiliser le patch
• Comment utiliser le connecteur Office365Users

• Créer une liste SharePoint pour les réservations
• Ajouter la liste SharePoint en tant que galerie
• Stocker les enregistrements sélectionnés à partir d'une galerie
• Utiliser Patch pour définir la décision concernant une demande de réservation
• Utilisez le connecteur Office365User pour afficher les détails de l'utilisateur.

• Doit avoir terminé l'atelier 4 : Créer l'interface utilisateur

1. Dans le portail Power Apps Maker, https://make.powerapps.comsélectionnez le lanceur d'applications en haut à gauche de la fenêtre du navigateur, puis sélectionnez SharePoint.
2. Si la boîte de dialogue contextuelle Bienvenue dans la page de démarrage de SharePoint s'affiche, sélectionnez ✖ pour fermer la boîte de dialogue.
3. Dans SharePoint, sélectionnez + Créer un site.
4. Sélectionnez Site d'équipe, sélectionnez le modèle Equipe standard et sélectionnez Utiliser le modèle.
5. Entrez Pet boarding(+ vos initiales si vous partagez le tenant) ([FR] Pension pour animaux) pour le Nom du site et sélectionnez Suivant.
6. Sélectionnez Créer un site.
7. Sélectionnez Terminer.
8. Si la boîte de dialogue contextuelle Commencez à concevoir votre site s'affiche, fermez la boîte de dialogue.

1. Sur le site SharePoint, sélectionnez + Nouveau , puis sélectionnez Liste.

   

2. Sélectionner Liste vierge
3. Entrez Bookings  pour Nom et sélectionnez Créer.
4. Sélectionnez + Ajouter une colonne , sélectionnez Texte , puis sélectionnez Suivant.
5. Dans le volet Créer une colonne , saisissez ou sélectionnez les valeurs suivantes :
   1. Nom:Pet Name
   2. Type de données : Une ligne de texte
6. Sélectionnez Enregistrer.
7. Sélectionnez + Ajouter une colonne, sélectionnez Texte , puis sélectionnez Suivant.
8. Dans le volet Créer une colonne, saisissez ou sélectionnez les valeurs suivantes :
   1. Nom:Owner Name
   2. Type de données : une seule ligne de texte
9. Sélectionnez Enregistrer.
10. Sélectionnez + Ajouter une colonne , sélectionnez Date et heure , puis sélectionnez Suivant.
11. Dans le volet Créer une colonne , saisissez ou sélectionnez les valeurs suivantes :
    1. Nom:Start Date
    2. Type de données : Date et heure
12. Sélectionnez Enregistrer.
13. Sélectionnez + Ajouter une colonne , sélectionnez Date et heure , puis sélectionnez Suivant.
14. Dans le volet Créer une colonne , saisissez ou sélectionnez les valeurs suivantes :
    1. Nom:End Date
    2. Type de données : Date et heure
15. Sélectionnez Enregistrer.
16. Copiez la première partie de l’URL du site SharePoint, par exemplehttps://m365x99999999.sharepoint.com/sites/Petboarding/

1. Accédez au portail Power Apps Makerhttps://make.powerapps.com
2. Assurez-vous que vous êtes dans l' environnement Dev One.
3. Sélectionnez l'onglet Applications dans le menu de navigation de gauche.
4. Sélectionnez l'application Booking Request , sélectionnez les Commandes (... ) et sélectionnez Modifier > Modifier dans un nouvel onglet.

1. Dans le menu de création d'application, sélectionnez Données.
2. Sélectionnez le curseur déroulant à côté de Ajouter des données et entrez SharePointdans Rechercher.

   

3. Sélectionnez SharePoint.
4. Sélectionnez Connecter directement (services cloud) et sélectionnez Connecter.
5. Saisissez l’URL du site SharePoint que vous avez créé plus tôt dans ce laboratoire.

   

6. Sélectionnez Connecter.
7. Sélectionnez Réservations.

   

8. Sélectionnez Connecter.

1. Dans le menu de création de l'application, sélectionnez Insérer (+).
2. Sélectionnez Galerie verticale.
3. Sélectionnez Bookings pour la source de données.
4. Sélectionnez Titre et sous-titre pour la Disposition.
5. Sélectionnez X éléments sélectionnés à côté des champs
6. Sélectionnez Pet name pour TitleX.
7. Sélectionnez Start Date pour SubTitleX.
8. Fermez le volet Données.
9. Dans le menu de création d’applications, sélectionnez Arborescence.
10. Renommez la galerie en BookingList.
11. Définissez les propriétés de la galerie dans la barre de formule comme suit :
    1. X=1000
    2. Y=80
    3. Hauteur=575
    4. Largeur=250

1. Dans le menu de création d’applications, sélectionnez Arborescence.
2. Développez BookingRequestList.
3. Sélectionnez NextArrow1.
4. Définissez la propriété OnSelect dans la barre de formule sur :

ClearCollect(colRequests; ThisItem)

1. Dans le menu de création d’applications, sélectionnez Arborescence.
2. Sélectionnez l'objet App.
3. Définissez la propriété OnStart dans la barre de formule sur :

Clear(colRequests)

1. Dans le menu de création d’applications, sélectionnez Arborescence.
2. Sélectionnez BookingRequestList.
3. Sélectionnez l’icône en forme de crayon en haut à gauche du contrôle de la galerie.

   

4. Dans le menu de création de l'application, sélectionnez Insérer (+).
5. Développer Icônes.
6. Sélectionnez Bloqué. L'icône sera ajoutée à chaque ligne de la galerie.
7. Définissez les propriétés de l’icône dans la barre de formule comme suit :
   1. X=150
   2. Y=40
   3. Height=30
   4. Witdh=30

      

8. Dans le menu de création d’applications, sélectionnez Arborescence.
9. Renommez l'icône en DeclineIcon.
10. Définissez la propriété OnSelect de DeclineIcon dans la barre de formule sur :Patch('Booking Request'; ThisItem; {Decision: 'Decision (Booking Request)'.Declined})

1. Dans le menu de création d'application, sélectionnez Données.
2. Sélectionnez le curseur déroulant à côté de Ajouter des données et entrez Utilisateurs dans Rechercher.
3. Sélectionnez Office365Users (FR : Utilisateurs d’Office 365).
4. Sélectionnez Connecter.

1. Sélectionnez l'extérieur de la galerie sur le canevas vierge ou sélectionnez l' écran principal dans l' arborescence.
2. Dans le menu de création de l'application, sélectionnez Insérer (+).
3. Sélectionnez Étiquette de texte (pas Texte !).
4. Faites glisser l'étiquette en haut à droite de l'écran, à côté de UserLabel.
5. Dans le menu de création d’applications, sélectionnez Arborescence.
6. Renommez l'étiquette en UserDetailsLabel.
7. Définissez la propriété Text de UserDetailsLabel dans la barre de formule sur :

Office365Users.MyProfileV2().country

Utilisateursd’Office365'.MyProfileV2().country

8. Définissez les propriétés de l’étiquette dans la barre de formule comme suit :
9. X=930
10. Y=20
11. Size=18
12. Color=Color.White
13. Sélectionnez Enregistrer en haut à droite de Power Apps Studio.
14. Sélectionnez le bouton <- Retour en haut à gauche de la barre de commandes et sélectionnez Quitter pour quitter l'application.