Fermer

mars 4, 2021

Application de Power Platform au secteur de la santé – Partie 3: Création du front-end avec Power Apps


Cette mini-série concerne l'utilisation de Power Platform pour aider à rationaliser le travail des prestataires de soins de santé et augmenter la sécurité des patients.

La deuxième partie de cette mini-série traite de l'utilisation de Power Automate pour extraire les valeurs de résultats de laboratoire d'un objet de réponse et les utilise pour vérifiez quelles conditions d'entité sont vraies et envoyez-les à Power App. La première partie expliquait comment configurer votre base de données – création de tables d'entités.

Dans cette section, vous utiliserez Power Apps pour créer le frontal de cette application. Vous allez créer une boîte de dialogue pour que l'utilisateur saisisse les informations sur le patient, ce qui déclenchera le flux Power Automate. Une fois que le flux a terminé son exécution, il renvoie les résultats des travaux de laboratoire des patients. L'application Power affichera alors les résultats et affichera une liste de contrôle dynamique des directions pour le fournisseur de soins de santé.

Vous pouvez trouver des liens vers les parties précédentes ci-dessous:

Configuration de la boîte de dialogue:

  1. Insérer un rectangle dans couvrir tout l'écran
    • Changez la propriété couleur> transparence en légère transparence afin de voir ce qu'il y a sous le rectangle
  2. Insérez un autre rectangle mais plus petit et centré, ce sera la fenêtre de dialogue réelle
    • Définissez la propriété couleur> transparence sur opaque
  3. Insérez une zone de texte, une entrée de texte et un bouton
    • Dans cet exemple, la propriété de texte sur le bouton est définie sur «Soumettre»
    • Assurez-vous de définir la propriété de texte par défaut sur l'entrée de texte

Cela devrait ressembler à la capture d'écran ci-dessous.

 boîte de dialogue

Pour que tous les éléments de la boîte de dialogue apparaissent et fonctionnent comme un seul élément, vous devez sélectionner tous les éléments du panneau de l'arborescence et les regrouper. Une fois que vous faites cela, vous pouvez contrôler l'ensemble de l'élément «Boîte de dialogue» comme un seul. Il s'agit d'une alternative à l'utilisation des composants car vous ne réutiliserez pas la boîte de dialogue de cet exemple.

 éléments de groupe

Ensuite, vous voudrez définir la propriété visible de votre nouveau groupe sur un variable de votre choix

    • Vous obtiendrez une erreur car la variable n'a pas encore été définie. Pour résoudre ce problème, cliquez sur l'icône de l'application dans l'arborescence et dans la barre de formule pour OnStart

 onstart

Remarque: Vous rendrez la boîte de dialogue visible sous condition plus tard dans cette section

Appelez le flux sur la boîte de dialogue Soumettre et transmettre l'entrée utilisateur:

Maintenant que vous avez une boîte de dialogue, vous voulez saisir les données utilisateur et les soumettre au flux.

  • Tout d'abord, vous connecterez l'automate d'alimentation à notre application Power
    • Vous devez accéder à votre automatisme d'alimentation et initialiser une variable. Cela permettra à l'application Power de savoir que vous avez besoin de paramètres dans votre appel Flow.Run ()
      • Définissez sa valeur sur «Ask in Power App» dans la fenêtre contextuelle de contenu dynamique
      • Vous pouvez initialiser autant de variables que vous le souhaitez. Cela permettra à Power App de connaître le nombre de paramètres requis
  • Ensuite, dans votre Power App, accédez à Action> Power Automate
      • Trouvez votre flux dans la liste des flux existants et sélectionnez-le
      • Remplissez le paramètre avec l'entrée de texte de la boîte de dialogue.

 flow run

Maintenant, lorsque vous cliquez sur le bouton Soumettre, ceci déclenchera le flux et le texte saisi sera passé dans le flux Power Automate et stocké comme la variable que vous avez initialisée.

 entrée utilisateur

 sortie de powerapps

Remarque: Dans cet exemple, vous obtenez une entrée sous forme de chaîne. Si vous avez besoin de traiter cette valeur comme un flottant ou un entier dans Power Automate, veuillez vous référer à la partie 2 qui couvre cela en détail: Application de Power Platform au secteur de la santé – Partie 2: Utilisation de Power Automate pour créer une logique back-end

  • Si vous souhaitez que votre boîte de dialogue disparaisse après avoir cliqué sur Soumettre, assurez-vous de définir votre variable booléenne DialogBox_Visible sur false après avoir exécuté le flux dans les boutons Propriété OnSelect

 rendre la boîte de dialogue visible

Affichage des données de Power Automate:

Maintenant que vous déclenchez le flux, cette section vous montrera comment afficher les résultats de laboratoire de Power Automate dans PowerApp et traiter les valeurs définies de conditions pour afficher les directions correctes dans une liste de contrôle.

  • Pour travailler facilement avec les valeurs renvoyées par l'automate d'alimentation, vous devez définir ce qui est renvoyé par la fonction Flow.Run () dans une variable. De cette façon, vous pouvez facilement accéder à chaque variable renvoyée

 8 "width =" 600 "height =" 66 "srcset =" https://i1.wp.com/blogs.perficient.com/files/8-4. png? resize = 300% 2C33 & ssl = 1 300w, https://i1.wp.com/blogs.perficient.com/files/8-4.png?resize=1024%2C113&ssl=1 1024w, https: // i1. wp.com/blogs.perficient.com/files/8-4.png?resize=768%2C84&ssl=1 768w, https://i1.wp.com/blogs.perficient.com/files/8-4.png ? resize = 500% 2C55 & ssl = 1 500w, https://i1.wp.com/blogs.perficient.com/files/8-4.png?resize=800%2C88&ssl=1 800w, https: //i1.wp .com / blogs.perficient.com / files / 8-4.png? resize = 1280% 2C141 & ssl = 1 1280w, https://i1.wp.com/blogs.perficient.com/files/8-4.png? redimensionner = 750% 2C82 & ssl = 1 750w, https://i1.wp.com/blogs.perficient.com/files/8-4.png?resize=600%2C66&ssl=1 600w, https: //i1.wp. com / blogs.perficient.com / files / 8-4.png? resize = 640% 2C70 & ssl = 1 640w, https://i1.wp.com/blogs.perficient.com/files/8-4.png?w = 1373 & ssl = 1 1373w "tailles =" (largeur max: 600px) 100vw, 600px "data-recalc-dims =" 1 "/> <img decoding=

  • Ensuite, vous souhaitez configurer notre Power App pour afficher les valeurs de l'automate Power. Dans cet exemple, les valeurs renvoyées par Power Automate sont stockées dans la variable appelée FlowValues. Vous devez simplement utiliser la notation par points pour accéder aux variables générées par Power Automate

 10 "width =" 312 "height =" 186 "srcset =" https://i0.wp.com/blogs.perficient.com /files/10-7.png?resize=300%2C179&ssl=1 300w, https://i0.wp.com/blogs.perficient.com/files/10-7.png?resize=500%2C299&ssl=1 500w , https://i0.wp.com/blogs.perficient.com/files/10-7.png?resize=600%2C358&ssl=1 600w, https://i0.wp.com/blogs.perficient.com/ files / 10-7.png? resize = 640% 2C382 & ssl = 1 640w, https://i0.wp.com/blogs.perficient.com/files/10-7.png?w=735&ssl=1 735w "tailles = "(max-width: 312px) 100vw, 312px" data-recalc-dims = "1" /> <img decoding=

Maintenant que vous avez les données de l'automatisme d'alimentation traité, comprenons ce qui s'est passé exactement.

Exécutez l'application et soumettez un nom de patient. Ensuite, allez dans Fichier> Collections pour voir ce qui a été stocké dans nos nouvelles collections:

  • Dans Collection1, vous pouvez voir que deux valeurs ont été renvoyées du flux 01 et 09. Celles-ci correspondent à des valeurs élevées de calcium et d'azote uréique du sang (BUN).

 Exemple de Collection1

  • Dans Collection 2, vous pouvez voir qu'il y a des tables stockées dans les colonnes de valeurs. En effet, dans collection2, vous avez parcouru chaque élément de collection1 et filtré l'entité Directions pour chaque valeur où la valeur de la colonne ID de condition est égale à l'élément en cours d'itération à partir de Collection1. La fonction de filtre renvoie une table.

 collection2

  • Explorez le premier élément de Collection2. vous pouvez voir que ce tableau contient deux éléments, les valeurs Directions où Direction.ConditionID = 01 (aka haute teneur en calcium). Dans notre entité, deux lignes de ce type satisfont à cette condition, vous avez donc ces deux valeurs.

 calcium high

  • Dans le deuxième tableau de Collection2, vous pouvez voir de la même manière où Direction.ConditionID = 09 aka azote uréique sanguin élevé (BUN)

 collection2 values1

  • Lors de la dernière collecte, vous avez extrait les valeurs de Collection2 et les avez stockées dans une autre collection appelée FinalDirections afin que vous puissiez facilement accéder à ces instructions à l'étape suivante.

 Instructions finales

Dans cette dernière section, vous afficherez la liste des directions construites dynamiquement stockées dans la collection (dans cet exemple, FinalDirections) dans une liste de contrôle

  • Insérez d'abord un objet de galerie verticale vide avec FinalDirections comme source de données
  • Ajoutez des cases à cocher dans la galerie avec ThisItem.Direction comme propriété de texte
    • Cela devrait ressembler à la capture d'écran ci-dessous (où chaque élément de FinalDirections a sa propre case à cocher)

 Exemple de liste de contrôle

Voilà! Vous avez créé une Power App qui affiche diverses valeurs de soins de santé et une liste de contrôle dynamique des directions basées sur les valeurs saisies à l'aide d'entités et de Power Automate.

 Fullappgif

À propos de l'auteur

Anushka est un consultant technique qui est chez Perficient depuis janvier 2019.

Plus de cet auteur




Source link

Revenir vers le haut