Créer et afficher une légende pour le résumé de l'IA

Ce tutoriel vous guide dans la création d'une légende qui affiche un résumé AI des informations sélectionnées par l'utilisateur dans une application Web. Vérifiez la séquence d'actions suivante présentée dans ce tutoriel :

1. Commencez par lancer le site Web Winy.com.
2. Une fois que le logo Winy apparaît, nous affichons une légende avec des instructions d'utilisateur.
3. Lorsque la barre de recherche du site Web apparaît, une autre légende vous invite à rechercher l'emplacement souhaité pour vérifier la météo.
4. Après avoir effectué la demande de recherche, les résultats météo affichés du site Web servent de contenu pour générer un résumé de l'IA. Ce résumé suggère un jour où une météo optimale pour la marche à suivre.
5. La légende s'affiche pendant 30 secondes, après quoi la légende se ferme et tous les déclencheurs sont désactivés.

Prérequis

Cet exemple a été créé à l'aide de ces packages d'activités et versions :

• UiPath.Callout.Activities 25.2.0
• UiPath.IntegrationService.Activities 25.2.1
• UiPath.System.Activities 25.2.1
• UiPath.UIAutomationActivities 25.2.1-preview

Étapes

1. Ouvrez votre projet Studio et accédez au workflow Principal .
   1. Ajoutez une activité Use Application/Browser et saisissez https://www.windy.com/ dans le champ URL du navigateur .
   2. Ajoutez une activité Exécuter les déclencheurs locaux . Cela active tous les workflows de déclencheur et leur permet de s’exécuter lorsque leur événement de déclenchement se produit.
2. Créez un fichier uiform pour la légende initiale, qui vous invite à suivre les instructions supplémentaires dès que le logo Winy apparaît.
   1. Dans votre projet Studio, dans le menu déroulant Nouveau , sélectionnez Formulaire pour créer un nouveau formulaire. Le fichier de formulaire est utilisé ici comme légende.
   2. Nommez la légende Basic callout.
   3. Dans le panneau Composants , développez la section Basique et faites glisser trois composants Libellé/En-tête dans le fichier de légende. Modifiez les composants comme suit :
      1. Pour le premier composant, saisissez le texte suivant dans le champ Contenu : « Bienvenue sur Windowy.com ! ».
      2. Pour le deuxième composant, saisissez le message suivant dans le champ Contenu : « Suivez les instructions à l’écran pour savoir quel jour sera le meilleur pour une bonne visite. »
      3. Pour le troisième composant, accédez à l'onglet Clé de champ et remplacez le Nom de la propriété par aiSummary. Laissez le champ Contenu de ce composant vide, car il sera rempli dynamiquement avec le résumé généré par l'IA au moment du runtime.
   4. Enregistrez le fichier de légende.
3. Créez un nouveau workflow nommé Afficher la légende de base et ajoutez une activité Déclencheur d'événement d'application . Ce workflow affiche la légende qui vous souhaite la bienvenue dans Windows.com, et la légende où nous allons afficher le résumé de l'IA.
   1. Sélectionnez Indiquer la cible à l'écran et indiquez l'élément d'IU pour que l'automatisation démarre la surveillance. Pour cet exemple, nous indiquons le logo Window, que nous voulons surveiller.
   2. Dans la liste déroulante Event type , sélectionnez Apparu.
   3. Ajoutez une activité Afficher la légende . Cette activité vous permet de sélectionner un fichier uiform , que vous pouvez afficher dans un certain élément d'IU, ainsi que de transmettre des données au fichier uiform , à l'aide d'un dictionnaire d' arguments .

      1. Dans la liste déroulante Sélectionner un formulaire , sélectionnez le fichier de légende que vous avez précédemment créé.

         Pour cet exemple, nous avons sélectionné Basic callout.

      2. Pour le champ Élément d'IU , saisissez l'élément d'IU indiqué pour l'activité Déclencheur d'événement d'application , qui est le logo Windowy, auquel nous voulons lier la légende.

         Pour accéder à cet élément cible, utilisez l'expression TriggerEventArgs.TargetElement . TriggerEventArgs est un argument ici, qui est généré automatiquement lors de l'ajout d'une activité de déclencheur dans votre workflow. Dans ce cas, l'activité Déclencheur d'événement d'application génère l'argument.

4. Créez un fichier uiform pour la légende qui apparaît lorsque la barre de recherche du site Web devient visible et vous invite à rechercher l'emplacement souhaité.
   1. Dans votre projet Studio, dans le menu déroulant Nouveau , sélectionnez Formulaire pour créer un nouveau formulaire. Le fichier de formulaire est utilisé ici comme légende.
   2. Nommez la légende Please search for your desired location.
   3. Dans le panneau Composants , développez la section Basique et un composant Libellé/En-tête dans le fichier de légende.
   4. Enregistrez le composant et le fichier.
5. Créez un nouveau workflow nommé Veuillez rechercher l'emplacement souhaité, et ajoutez une activité Déclencheur d'événement d'application . Ce workflow affiche la légende qui vous demande de rechercher l'emplacement où il souhaite trouver des informations météo.
   1. Sélectionnez Indiquer la cible à l'écran et indiquez l'élément d'IU pour que l'automatisation démarre la surveillance. Pour cet exemple, nous indiquons la barre de recherche Window que nous voulons surveiller.
   2. Dans la liste déroulante Event type , sélectionnez Apparu.
   3. Ajoutez une activité de type Délai et définissez sa Durée sur trois secondes, afin d'avoir suffisamment de temps pour lire pour d'abord lire la légende d'accueil, puis vérifier celle qui apparaît à côté de la barre de recherche.
   4. Ajoutez une activité Afficher la légende . Cette activité vous permet de sélectionner un fichier uiform , que vous pouvez afficher dans un certain élément d'IU, ainsi que de transmettre des données au fichier uiform , à l'aide d'un dictionnaire d' arguments .

      1. Dans la liste déroulante Sélectionner un formulaire , sélectionnez le fichier de légende que vous avez précédemment créé.

         Pour cet exemple, nous avons sélectionné Basic callout.

      2. Pour le champ Élément d'IU , saisissez l'élément d'IU indiqué pour l'activité Déclencheur d'événement d'application , qui est le logo Windowy, auquel nous voulons lier la légende.

         Pour accéder à cet élément cible, utilisez l'expression TriggerEventArgs.TargetElement . TriggerEventArgs est un argument ici, qui est généré automatiquement lors de l'ajout d'une activité de déclencheur dans votre workflow. Dans ce cas, l'activité Déclencheur d'événement d'application génère l'argument.

      3. Ouvrez le dictionnaire d’arguments et, dans le champ Valeur de la clé générée, saisissez le texte que vous souhaitez afficher. Pour cet exemple, nous affichons le texte suivant : « Veuillez rechercher l'emplacement souhaité et le sélectionner dans la liste ».

6. Créez un nouveau workflow nommé Récupérer et fournir le Résumé de la météo de l’IA. Ce workflow commence à générer un résumé par IA du meilleur jour pour sortir un voyage, en fonction des résultats météo qui apparaissent pour l’emplacement que vous avez précédemment recherché.
   1. Ajoutez une activité Déclencheur d'événement d'application .
      1. Sélectionnez Indiquer la cible à l'écran et indiquez l'élément d'IU pour que l'automatisation démarre la surveillance. Pour cet exemple, nous indiquons les résultats de la météo Windows que nous voulons surveiller.
      2. Dans la liste déroulante Event type , sélectionnez Apparu.
   2. Ajoutez une activité Fermer le formulaire pour fermer la légende qui vous a demandé à rechercher un emplacement souhaité.
   3. Dans la liste déroulante Sélectionner un formulaire , sélectionnez la légende Rechercher l'emplacement souhaité .
   4. Ajoutez une activité Définir les valeurs du formulaire pour mettre à jour la légende de base originale avec des informations sur le processus de génération du résumé de l'IA.
   5. Ajoutez une activité Use Application/Browser pour vous connecter à la fenêtre du navigateur Window et extraire les informations relatives à la météo. Dans le champ URL du navigateur , saisissez https://www.windy.com.
   6. Dans le bloc Faire , effectuez les actions suivantes :
      1. Ajoutez une activité Extraire les données de table .

         1. Sélectionnez Indiquer la cible à l'écran et sélectionnez les résultats de la météo.

         2. Créez une variable de sortie pour le champ Extraire vers .

            Dans cet exemple, nous l'avons nommé extractedWeatherDetails.

      2. Ajouter une activité Output Data Table .
         1. Entrez la variable précédemment créée (extractedWeatherDetails), qui contient les données météo, dans le champ Table de données .
         2. Créez une variable de sortie pour le champ Texte . Dans cet exemple, nous l'avons nommé weatherData.
      3. Ajoutez une activité Définir les valeurs du formulaire pour afficher des informations devant vous mettre à jour sur l'état du processus d'analyse.
         1. Dans la liste déroulante Sélectionner un formulaire , sélectionnez le formulaire Basic callout
         2. Dans le dictionnaire d’ arguments , saisissez la valeur suivante pour l’argument aiSummary : « ...  pas d’analyse des données météo... ».
      4. Ajoutez une activité de génération de contenu pour générer le résumé de l’IA.
         1. Dans le corps de l’activité, sélectionnez Ajouter une nouvelle connexion pour créer une connexion aux activités UiPath GenAI, ce qui permettra à l’activité de s’exécuter.
         2. Dans la liste déroulante Nom du modèle , choisissez le modèle d'IA souhaité.
         3. Dans le champ Invite , entrez la variable de résultat de l'activité Output Data Table . Dans cet exemple, entrez weatherData.
         4. Dans le champ Invite système , saisissez les instructions du modèle d'IA à utiliser pour générer un résumé basé sur les données réglementaires fournies. Dans cet exemple, nous avons utilisé l'invite suivante : « Vous recevrez un ensemble de données au format suivant : Jour, heure, icône manquante pour le Web Dites-moi Dans votre résultat, veuillez vous tenir informé d’une brève recommandation et d’une raison, sans avoir à fournir tous les détails de votre analyse spécifique ».
         5. Créez une variable de sortie pour le champ de texte Généré le plus élevé . Dans cet exemple, nous l'avons nommé topGeneratedText.
      5. Ajoutez une autre activité Définir les valeurs du formulaire pour afficher le résumé généré par l’IA.
         1. Dans la liste déroulante Sélectionner un formulaire , sélectionnez le formulaire Basic callout .
         2. Dans le dictionnaire d' arguments , saisissez l'expression suivante, contenant la sortie de l'activité de génération de contenu et des informations sur l'état de la légende : "topGeneratedText + Environment.NewLine + "This callout will close in 30 seconds.".
      6. Ajoutez une activité de type Délai et réglez-la sur 30 secondes.
      7. Ajoutez une activité Close Form : dans la liste déroulante Select Form , choisissez Basic callout.
      8. Ajoutez une activité Arrêter les déclencheurs locaux pour arrêter l'exécution de tous les workflows de déclencheur. Cette activité est particulièrement importante si votre projet se compose uniquement de workflows de déclencheur. Sans intégration de cette activité, les déclencheurs s'exécuteront de manière persistante dans une boucle continue sans s'arrêter.

Résultat

L'automatisation ouvre le site Web Windowy et déclenche le workflow Afficher la légende de base une fois le logo affiché. Lorsque la barre de recherche s'affiche, le workflow Veuillez rechercher votre emplacement commence à s'exécuter, vous demandant de rechercher l'emplacement souhaité pour lequel ils souhaitent trouver des informations sur la météo. Lorsque les résultats de la météo sont affichés, le workflow Récupérer et fournir le Résumé de la météo de l'IA commence à s'exécuter, récupérant les résultats de la météo et les envoyant dans le cadre d'une invite à un modèle d'IA, qui seront ensuite réaffichés sur le même formulaire. Une fois le résumé de l’IA affiché, le formulaire est fermé après 30 secondes. Cette description du processus de runtime est visualisée dans l’image interactive suivante :

Figure 1. Légende affichant un résumé généré par l’IA

Exemple de workflow

Pour vérifier comment les étapes de ce tutoriel sont implémentées, téléchargez l'exemple de projet suivant : Affichage de la légende du résumé de l'IA pour Window.