Partager via

Discutez de vos données d’entreprise dans une application Teams

Les applications de Microsoft Teams favorisent la collaboration en permettant aux utilisateurs de travailler là où ils communiquent et collaborent. Une façon de rendre vos applications collaboratives consiste à ajouter la possibilité d’avoir une conversation sur votre application ou les données de votre application. Teams est votre lieu de prédilection pour avoir de telles conversations.

Par exemple, dans Exemple de modèle d’application Profile+ pour Teams, lorsque vous sélectionnez une ou plusieurs cartes de profil dans l’application, vous pouvez démarrer une discussion avec les personnes sélectionnées directement dans Teams.

Vous pouvez également utiliser cette fonctionnalité pour vos applications. Par exemple, si vous créez un outil de suivi des opportunités de vente pour que le responsable commercial examine les offres à venir, vous souhaiterez peut-être ajouter un bouton permettant à l’utilisateur de discuter de l’opportunité avec le commercial.

Par ici, Power Apps dans Teams peut utiliser une intégration profonde avec d’autres capacités Teams pour rendre les applications collaboratives. Dans cet article, nous allons apprendre comment nous pouvons intégrer Power Apps avec Teams pour faciliter les conversations.

Regardez cette vidéo pour apprendre à configurer les conversations sur les données d’entreprise dans l’application Teams :

Conditions préalables

Pour suivre cette leçon, vous aurez besoin de pouvoir créer des applications dans Teams qui seront disponibles dans le cadre de certains abonnements Microsoft 365.

Se connecter à Teams

Connectez-vous à Teams à l’aide de l’application de bureau ou de l’application web

Créer une équipe

Dans cette section, nous allons créer une nouvelle équipe Teams, puis créer une application au sein de cette équipe. Ignorez cette section si vous avez déjà une équipe que vous souhaitez utiliser à la place.

  1. Pour créer une nouvelle équipe, sélectionnez l’onglet Équipes, puis sélectionnez Rejoindre ou créer une équipe en bas à gauche de l’écran.

  2. Sélectionnez Créer une équipe>De zéro>Public, donnez à l’équipe un nom tel que "Intégration des appels et des réunions", puis sélectionnez Créer.

  3. (Facultatif) Si vous avez des membres dans votre organisation que vous souhaitez ajouter à l’équipe à des fins de test, sélectionnez-les et ajoutez-les dans la fenêtre contextuelle d’ajout de membres.

  4. Cliquez sur Fermer.

La nouvelle équipe est créée et est répertoriée sous l’onglet Équipes.

Créer une application

Nous allons créer une application où l’utilisateur peut démarrer une conversation pour une équipe et une chaîne en particulier en sélectionnant un bouton et en tapant un message dans une zone de texte. L’utilisateur peut alors sélectionner le bouton Soumettre pour publier le message dans l’équipe et le canal particuliers dans Teams, puis un autre utilisateur peut rejoindre la conversation.

  1. Ouvrez Teams.

  2. Sélectionnez Power Apps dans le volet gauche.

  3. Sélectionnez + Nouvelle application sous Applications récentes.

  4. Sélectionnez l’équipe créée antérieurement, puis sélectionnez Créer.

    L’application est créée et Power Apps Studio s’ouvre pour permettre la modification de l’application.

  5. Entrez un nom pour l’application, telle que "Application de conversation", et sélectionnez Enregistrer.

    L’application est créée avec une galerie par défaut sur l’écran 1.

Ajouter Teams en tant que connecteur

Nous devons ajouter Teams en tant que connecteur à l’application car nous voulons pouvoir accéder aux équipes et aux canaux à partir du compte de l’utilisateur connecté.

  1. Sélectionnez Données dans le volet gauche.
  2. Sélectionnez + Ajouter des données, puis sélectionnez Connecteurs.
  3. Faites défiler vers le bas et sélectionnez Voir tous les connecteurs.
  4. Recherchez et sélectionnez le connecteur Teams

Ajouter une nouvelle table pour capturer un enregistrement d’entreprise

Nous devons ajouter une table pour maintenir une liste d’entreprises que nous utiliserons comme enregistrement d’entreprise et pour démarrer une conversation à ce sujet.

  1. Sélectionnez Données dans le volet gauche.

  2. Sélectionnez + Ajouter des données puis créez une nouvelle table avec le nom "Société" et le nom au pluriel "Sociétés".

  3. Ajoutez quelques noms de sociétés au tableau, puis sélectionnez Fermer.

Ajouter un nouvel écran pour sélectionner le client

Ensuite, nous ajouterons un écran à l’application afin que les utilisateurs puissent sélectionner le client dont ils souhaitent discuter.

  1. Dans l’arborescence, sélectionnez + Nouvel écran> sélectionnez l’onglet Scénarios> sélectionnez Liste.

    Un nouvel écran est ajouté avec une liste de galeries.

  2. Mettez à jour le titre de la galerie en "Liste des entreprises".

  3. Sélectionnez Entreprises comme source de données pour la galerie.

    La liste des entreprises ajoutées s’affiche dans la galerie TemplateGalleryList1.

  4. Supprimez Screen1 dans l’arborescence et renommez le nouvel écran Screen1.

Ajouter une nouvelle table pour capturer les détails de la conversation

Nous devons ajouter une autre table pour capturer les détails tels que l’ID de conversation Teams, l’équipe et le canal liés à une conversation démarrée dans l’application.

  1. Sélectionnez Données>+ Ajouter des données>Créer une nouvelle table.

  2. Entrez le nom de la table Conversation et le nom au pluriel Conversations.

  3. Remplacez le nom de la colonne par défaut Nom par ID.

  4. Ajoutez les colonnes suivantes à la table Conversation :

    Colonne Type
    Équipe Texte
    Canal de l’équipe Texte
    Nom d’équipe Texte
    Nom du canal Texte
    Société Recherche, table associée = Société

  5. Enregistrer et fermer la table.

Ajouter un nouvel écran pour démarrer ou rejoindre une conversation

Maintenant, nous allons ajouter un nouvel écran où l’utilisateur de l’application peut démarrer ou rejoindre une conversation.

  1. Dans l’arborescence, sélectionnez + Nouvel écran>Mise en page vierge.

  2. Mettez à jour la propriété Fill de l’écran avec autre chose que la couleur blanche.

    Dans notre exemple, nous avons défini la propriété Fill de l’écran sur RGBA(224, 224, 237, 1).

  3. Sélectionnez + (Insérer) >Entrée>Bouton.

  4. Mettez à jour les propriétés suivantes du bouton :

    Propriété valeur
    Nom startaconversation_Bouton
    Texte "Commencer une conversation"
    Width 200
    Height 32
    Font size 12
    X Parent.Width/2 - startaconversation_Button.Width/2
    Y 100
    OnSelect Set(enterMessage,true)

  5. Sélectionnez + (Insérer) >Entrée>Zone de liste déroulante.

  6. Mettez à jour les propriétés suivantes de la zone de liste.

    Propriété valeur
    Nom team_Combobox
    Articles MicrosoftTeams.GetAllTeams().value
    Largeur 320
    Hauteur 32
    X Parent.Width/2 - team_ComboBox.Width/2
    Y 200
    Texte "Équipe"
    Info-bulle "Équipe"
    Visible enterMessage

  7. Ajoutez une autre zone de liste déroulante et mettez à jour les propriétés suivantes.

    Propriété valeur
    Nom channel_Combobox
    Articles If(!IsBlank(team_ComboBox.Selected.id),MicrosoftTeams.GetChannelsForGroup(team_ComboBox.Selected.id).value)
    Largeur 320
    Hauteur 32
    X Parent.Width/2 - channel_ComboBox.Width/2
    Y 200
    Texte "Canal"
    Tooltip "Canal"
    Visible enterMessage

  8. Sélectionnez + (Insérer) >Entrée>Zone de texte.

  9. Mettez à jour les propriétés suivantes de la zone de texte.

    Propriété valeur
    Nom message_TextBox
    valeur ""
    Largeur 500
    Hauteur 180
    X Parent.Width/2 - message_TextBox.Width/2
    Y 300
    Espace réservé Tapez un message ici
    Visible enterMessage

  10. Sélectionnez + (Insérer) >Entrée>Bouton.

  11. Mettez à jour les propriétés suivantes du bouton :

    Propriété valeur
    Nom submit_Bouton
    valeur "Soumettre"
    Largeur 96
    Hauteur 32
    Taille de police 12
    X Parent.Width/2 - submit_Button.Width/2
    Y 500
    Visible enterMessage

  12. Copiez la formule suivante sur l’événement OnSelect du bouton.

    Patch(Conversations,Defaults(Conversations),{ID:MicrosoftTeams.PostMessageToChannelV3(team_ComboBox.Selected.id,channel_ComboBox.Selected.id,{content:message_TextBox.Value,contentType: "text"},{subject:"New conversation"}).id,Team:team_ComboBox.Selected.id,'Team Channel':channel_ComboBox.Selected.id, 'Team Name':team_ComboBox.Selected.displayName,'Channel Name':channel_ComboBox.Selected.displayName, Company: TemplateGalleryList1.Selected}); Set(enterMessage,false); Reset(team_ComboBox);Reset(channel_ComboBox);Reset(message_TextBox)

    Nonte

    • Dans la formule ci-dessus, nous utilisons la fonction Dispositif pour créer une ligne dans la table Conversations pour capturer l’ID de conversation avec l’équipe, le nom de l’équipe, le canal et le canal venu. En même temps, nous publions également un message dans l’équipe et le canal appropriés en utilisant la fonction PostMessageToChannelV3. Nous définissons ensuite la variable enterMessage sur "false" pour masquer certains des champs et boutons dont la visibilité dépend de cette variable.
    • Le sujet est codé en dur sur "Nouvelle conversation" pour que l’application reste simple et ne pas ajouter un autre contrôle de zone de texte à capturer. Mais une zone de texte peut être ajoutée pour le sujet à l’écran et peut être capturée par l’utilisateur. Cette formule devra être ajustée en conséquence pour référencer ce contrôle. La fonction Réinitialiser ne fonctionne pas pour le contrôle Fluent UI Combobox. Ceci est nécessaire pour qu’aucune équipe ou canal ne soit sélectionné une fois qu’un message est publié.

  13. Sélectionnez + (Insérer) >Entrée>Bouton.

  14. Mettez à jour les propriétés suivantes du bouton :

    Propriété valeur
    Nom joinconversation_Bouton
    Texte "Rejoindre la conversation"
    Largeur 200
    Hauteur 32
    Taille de police 12
    X Parent.Width/2 - submit_Button.Width/2
    Y 500
    Visible enterMessage

  15. Copiez la formule suivante sur l’événement OnSelect du bouton.

    Launch(Concatenate("msteams://teams.microsoft.com/l/message/",Last(Sort(Conversations, 'Created On', Ascending)).'Team Channel',"/",Gallery1.Selected.etag,"?tenantId=",Param("tenandId"),"&groupId=",Last(Sort(Conversations, 'Created On', Ascending)).Team,"&parentMessageId=",LookUp(MicrosoftTeams.GetMessagesFromChannel(Last(Sort(Conversations, 'Created On', Ascending)).Team,Last(Sort(Conversations, 'Created On', Ascending)).'Team Channel').value,id = Last(Sort(Conversations, 'Created On', Ascending)).Team).etag,"&teamName=",Last(Sort(Conversations, 'Created  On', Ascending)).'Team Name',"&channelName=",Last(Sort(Conversations, 'Created On', Ascending)).'Channel Name'),{},LaunchTarget.New)

    Nonte

    • Dans la formule ci-dessus, nous utilisons la fonction Lancer pour lancer Teams à l’aide des paramètres d’équipe et de canal du dernier enregistrement créé dans la table Conversations. Nous faisons cela pour que lorsqu’un utilisateur démarre une conversation et envoie un message à publier sur un canal, l’utilisateur puisse alors sélectionner le bouton Rejoindre la conversation pour accéder directement à la publication Teams.
    • Nous utilisons la dernière fonction ici pour rester simple. Si vous prévoyez d’utiliser cette application de manière plus intensive et d’avoir plusieurs conversations, vous pouvez faire preuve de créativité en utilisant une galerie de conversations et en laissant l’utilisateur sélectionner la conversation qu’il souhaite rejoindre.*

Ensuite, nous mettrons à jour la propriété OnSelect de la galerie de l’entreprise afin que lorsqu’un utilisateur sélectionne une entreprise dans la liste, l’application passe au deuxième écran.

  1. Sélectionnez Screen1 dans l’arborescence pour ouvrir la galerie Entreprises.

  2. Définissez la propriété OnSelect de l’élément de la galerie sur Navigate(Screen2).

Enregistrer et publier l’application

  1. Sélectionnez Enregistrer en haut à droite pour enregistrer l’application.

  2. Sélectionnez Publier en haut à droite pour publier l’application.

  3. Sélectionnez Suivant.

  4. Sous Ajouter à la chaîne, assurez-vous que le canal sous lequel l’application doit être affichée est répertorié et s’affiche en tant que "1 onglet actif" et non "0 onglet(s) actif(s)".

  5. Sélectionnez Enregistrer et fermer pour effectuer la publication de l’application.

Test de l’application

Exécutez l’application en mode aperçu ou accédez à l’équipe dans laquelle l’application est créée.

  1. La galerie Entreprises devrait apparaître comme premier écran.

  2. Sélectionnez l’une des entreprises.

  3. Vous ne devriez voir que deux boutons : Commencer une conversation et Rejoindre une conversation.

  4. Sélectionnez Commencer une conversation.

  5. Des champs supplémentaires devraient apparaître :

    • Équipe (liste déroulante avec une liste d’équipes)
    • Chaîne (liste déroulante des chaînes au sein de l’équipe sélectionnée)
    • Zone de message (zone de texte pour saisir le message à envoyer à l’équipe)
    • Bouton Envoyer (pour soumettre le message)

  6. Sélectionner une équipe.

  7. Sélectionnez un canal au sein de l’équipe.

  8. Saisissez le message.

  9. Cliquez sur Envoyer. Tous les champs/contrôles supplémentaires sont masqués.

  10. Sélectionnez Rejoindre la conversation pour être redirigé vers l’équipe et le canal de discussion où le dernier message a été envoyé.

    Test de l’application