Erstellen und Anzeigen eines KI-Zusammenfassungs-Callouts

Dieses Tutorial führt Sie beim Erstellen eines Popups durch, das eine KI-Zusammenfassung von benutzerseelierten Informationen in einer Webanwendung anzeigt. Sehen Sie sich die folgende Sequence von Aktionen an, die in diesem Tutorial vorgestellt werden:

1. Beginnen Sie mit dem Starten der Website Winy.com.
2. Sobald das Windows-Logo erscheint, wird ein Popup mit Benutzeranweisungen angezeigt.
3. Wenn die Website-Suchleiste angezeigt wird, werden Sie in einem weiteren Popup aufgefordert, nach dem gewünschten Standort zu suchen, um das Wetter zu überprüfen.
4. Nach dem Ausführen der Suchanfrage dienen die angezeigten Wetterergebnisse von der Website als Inhalt für die Generierung einer KI-Zusammenfassung. Diese Zusammenfassung schlägt einen Tag mit optimalem Wetter zum Gehen vor.
5. Das Popup wird 30 Sekunden lang angezeigt, danach wird das Popup geschlossen und alle Trigger werden deaktiviert.

Voraussetzungen

Dieses Beispiel wurde mit diesen Aktivitätspaketen und -versionen erstellt:

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

Schritte

1. Öffnen Sie Ihr Studio-Projekt und wechseln Sie zum Hauptworkflow .
   1. Fügen Sie eine Use Application/Browser- Aktivität hinzu und geben Sie https://www.windy.com/ in das Feld Browser-URL ein.
   2. Fügen Sie eine Aktivität Run Local Triggers hinzu. Dadurch werden alle Trigger-Workflows aktiviert und können ausgeführt werden, wenn ihr auslösendes Ereignis eintritt.
2. Erstellen Sie eine uiform -Datei für das erste Popup, das Sie auffordert, weiteren Anweisungen zu folgen, sobald das Windows-Logo erscheint.
   1. Wählen Sie in Ihrem Studio-Projekt im Dropdownmenü Neu die Option Formular aus, um ein neues Formular zu erstellen. Die Formulardatei wird hier als Popup verwendet.
   2. Benennen Sie das Popup als Basic callout.
   3. Erweitern Sie im Komponentenbereich den Abschnitt Standard und ziehen Sie drei Beschriftungs-/Header- Komponenten in die Popup-Datei. Komponenten wie folgt bearbeiten:
      1. Geben Sie für die erste Komponente den folgenden Text in das Feld Inhalt ein: „Willkommen beiwindy.com!“.
      2. Geben Sie für die zweite Komponente die folgende Nachricht in das Feld Inhalt ein: „Folgen Sie den Anweisung auf dem Bildschirm, um zu erfahren, welcher Tag am besten für einen angenehmen Pfad geeignet ist.“
      3. Wechseln Sie für die dritte Komponente zur Registerkarte Feldschlüssel und ändern Sie den Eigenschaftsnamen in aiSummary. Lassen Sie das Feld Inhalt dieser Komponente leer, da es zur Laufzeit dynamisch mit der KI-generierten Zusammenfassung aufgefüllt wird.
   4. Speichern Sie die Popup-Datei.
3. Erstellen Sie einen neuen Workflow mit dem Namen Show Basic Callout und fügen Sie eine Aktivität Application Event Trigger hinzu. Dieser Workflow zeigt das Pop-up, das Sie bei Windows-Windy.com willkommen heißt, und das Pop-up, in dem wir die KI-Zusammenfassung anzeigen werden.
   1. Wählen Sie Ziel auf Bildschirm anzeigen aus und geben Sie das UI-Element für die Automatisierung an, um die Überwachung zu starten. In diesem Beispiel geben wir das Fenster „Windy“-Logo an, das wir überwachen möchten.
   2. Wählen Sie in der Dropdown-Liste Ereignistyp die Option Erschienen aus.
   3. Fügen Sie eine Aktivität Show Callout hinzu. Mit dieser Aktivität können Sie eine uiform -Datei auswählen, die Sie für ein bestimmtes UI-Element anzeigen können, sowie Daten mithilfe eines Argumentenwörterbuchs an die uiform -Datei übergeben.

      1. Wählen Sie in der Dropdownliste Formular auswählen die Popup-Datei aus, die Sie zuvor erstellt haben.

         In diesem Beispiel haben wir Basic callout ausgewählt.

      2. Geben Sie für das Feld UI-Element das UI-Element ein, das für die Aktivität Application Event Trigger angegeben wurde, nämlich das „Windy“-Logo, an das wir das Popup binden möchten.

         Um auf dieses Zielelement zuzugreifen, verwenden Sie den Ausdruck TriggerEventArgs.TargetElement . TriggerEventArgs ist hier ein Argument, das automatisch generiert wird, wenn eine Triggeraktivität zu Ihrem Workflow hinzugefügt wird. In diesem Fall generiert die Aktivität Application Event Trigger das Argument.

4. Erstellen Sie eine uiform -Datei für das Popup, das angezeigt wird, wenn die Suchleiste der Website sichtbar wird, und Sie werden aufgefordert, nach dem gewünschten Speicherort zu suchen.
   1. Wählen Sie in Ihrem Studio-Projekt im Dropdownmenü Neu die Option Formular aus, um ein neues Formular zu erstellen. Die Formulardatei wird hier als Popup verwendet.
   2. Benennen Sie das Popup als Please search for your desired location.
   3. Erweitern Sie im Komponenten- Panel den Abschnitt Basis und eine Beschriftungs-/Header- Komponente in der Popup-Datei.
   4. Speichern Sie die Komponente und die Datei.
5. Erstellen Sie einen neuen Workflow mit dem Namen Bitte suchen Sie nach dem gewünschten Speicherort und fügen Sie eine Aktivität Application Event Trigger hinzu. Dieser Workflow zeigt das Pop-up, das Sie auffordert, nach ihrem Standort zu suchen, an dem sie Wetterinformationen finden möchten.
   1. Wählen Sie Ziel auf Bildschirm anzeigen aus und geben Sie das UI-Element für die Automatisierung an, um die Überwachung zu starten. In diesem Beispiel geben wir die Suchleiste „Windy“ an, die wir überwachen möchten.
   2. Wählen Sie in der Dropdown-Liste Ereignistyp die Option Erschienen aus.
   3. Fügen Sie eine Delay- Aktivität hinzu und legen Sie deren Dauer auf drei Sekunden fest, damit Sie genügend Zeit zum Lesen haben, um zuerst den Willkommenshinweis zu lesen und dann den zu überprüfen, der neben der Suchleiste angezeigt wird.
   4. Fügen Sie eine Aktivität Show Callout hinzu. Mit dieser Aktivität können Sie eine uiform -Datei auswählen, die Sie für ein bestimmtes UI-Element anzeigen können, sowie Daten mithilfe eines Argumentenwörterbuchs an die uiform -Datei übergeben.

      1. Wählen Sie in der Dropdownliste Formular auswählen die Popup-Datei aus, die Sie zuvor erstellt haben.

         In diesem Beispiel haben wir Basic callout ausgewählt.

      2. Geben Sie für das Feld UI-Element das UI-Element ein, das für die Aktivität Application Event Trigger angegeben wurde, nämlich das „Windy“-Logo, an das wir das Popup binden möchten.

         Um auf dieses Zielelement zuzugreifen, verwenden Sie den Ausdruck TriggerEventArgs.TargetElement . TriggerEventArgs ist hier ein Argument, das automatisch generiert wird, wenn eine Triggeraktivität zu Ihrem Workflow hinzugefügt wird. In diesem Fall generiert die Aktivität Application Event Trigger das Argument.

      3. Öffnen Sie das Argumentwörterbuch und geben Sie im Feld Wert des generierten Schlüssels den Text ein, den Sie anzeigen möchten. In diesem Beispiel zeigen wir den folgenden Text: „Suchen Sie den gewünschten Standort und wählen Sie ihn aus der Liste aus“.

6. Erstellen Sie einen neuen Workflow mit dem Namen Abrufen und Bereitstellung der AI Wetterzusammenfassung. Dieser Workflow beginnt mit dem Generieren einer KI-Zusammenfassung des besten Tages für einen Rundgang im Außenplatz, basierend auf den Wetterergebnissen, die für den zuvor gesuchten Ort angezeigt werden.
   1. Fügen Sie eine Aktivität Application Event Trigger hinzu.
      1. Wählen Sie Ziel auf Bildschirm anzeigen aus und geben Sie das UI-Element für die Automatisierung an, um die Überwachung zu starten. In diesem Beispiel geben wir die Ergebnisse bei Orchestrator an, die wir überwachen möchten.
      2. Wählen Sie in der Dropdown-Liste Ereignistyp die Option Erschienen aus.
   2. Fügen Sie eine Aktivität Close Form hinzu, um das Popup zu schließen, in dem Sie aufgefordert wurden, nach einem gewünschten Ort zu suchen.
   3. Wählen Sie in der Dropdownliste Formular auswählen das Popup Bitte suchen Sie nach dem gewünschten Standort aus .
   4. Fügen Sie eine Aktivität Set Form Values hinzu, um das ursprüngliche Basic Callout mit Informationen über den Prozess der Generierung der KI-Zusammenfassung zu aktualisieren.
   5. Fügen Sie eine Use Application/Browser- Aktivität hinzu, um an das Browserfenster „Windy“ anzuhängen und die Wetterinformationen zu extrahieren. Geben Sie im Feld Browser-URL https://www.windy.com ein.
   6. Führen Sie im Do -Block die folgenden Aktionen aus:
      1. Fügen Sie eine Extract Table Data- Aktivität hinzu.

         1. Wählen Sie Ziel auf Bildschirm anzeigen und dann die Wetterergebnisse aus.

         2. Erstellen Sie eine Ausgabevariable für das Feld Extrahieren nach .

            In diesem Beispiel haben wir sie extractedWeatherDetails genannt.

      2. Fügen Sie eine Output Data Table -Aktivität hinzu.
         1. Geben Sie die zuvor erstellte Variable (extractedWeatherDetails), die die Wetterdaten enthält, in das Feld Datentabelle ein.
         2. Erstellen Sie eine Ausgabevariable für das Feld Text . In diesem Beispiel haben wir sie weatherData benannt.
      3. Fügen Sie eine Aktivität Set Form Values hinzu, um Informationen anzuzeigen, die Sie über den Status des Analyseprozesses aktualisieren sollen.
         1. Wählen Sie in der Dropdownliste Formular auswählen das Formular Basic callout aus
         2. Geben Sie im Argumentwörterbuch den folgenden Wert für das aiSummary -Argument ein: „...analyse von Wetterdaten…“.
      4. Fügen Sie eine Aktivität zur Content Generation hinzu, um die KI-Zusammenfassung zu generieren.
         1. Wählen Sie im Textkörper der Aktivität die Option Neue Verbindung hinzufügen aus , um eine Verbindung mit UiPath GenAI-Aktivitäten zu erstellen, wodurch die Aktivität ausgeführt werden kann.
         2. Wählen Sie aus der Dropdownliste Modellname das gewünschte KI-Modell aus.
         3. Geben Sie im Feld Eingabeaufforderung die Ergebnisvariable aus der Aktivität Output Data Table ein. Geben Sie in diesem Beispiel weatherData ein.
         4. Geben Sie im Feld System-Prompt die Anweisungen für das KI-Modell ein, das zum Generieren einer Zusammenfassung basierend auf den bereitgestellten Wetterdaten verwendet werden soll. In diesem Beispiel haben wir den folgenden Prompt verwendet: „Sie erhalten einen Datensatz im folgenden Format: Tag, Stunde, fehlendes Symbol für das Wetter, Temperatur, Wetter, Wetter, Fensterb rechts, das letzte kann ignoriert werden.“ Bitte lassen Sie mich wissen, welcher Tag das beste Wetter für einen angenehmen Pfad haben wird. Bitte halten Sie sich in Ihrer Ausgabe an die kurze Empfehlung und einen Grund, ohne Details Ihrer spezifischen Analyse.“
         5. Erstellen Sie eine Ausgabevariable für das Feld Am häufigsten generierter Text . In diesem Beispiel haben wir sie topGeneratedText benannt.
      5. Fügen Sie eine weitere Aktivität Set Form Values hinzu, um die KI-generierte Zusammenfassung anzuzeigen.
         1. Wählen Sie in der Dropdownliste Formular auswählen das Formular Basic callout aus.
         2. Geben Sie im Argumentwörterbuch den folgenden Ausdruck ein, der die Ausgabe der Aktivität Content Generation und Informationen über den Popup-Status enthält: "topGeneratedText + Environment.NewLine + "This callout will close in 30 seconds.".
      6. Fügen Sie eine Delay- Aktivität hinzu, und legen Sie sie auf 30 Sekunden fest.
      7. Fügen Sie eine Close Form- Aktivität hinzu und wählen Sie in der Dropdown-Liste Formular auswählen die Option Basic callout aus.
      8. Fügen Sie eine Aktivität Stop Local Triggers hinzu, um die Ausführung aller Trigger-Workflows anzuhalten. Diese Aktivität ist besonders wichtig, wenn Ihr Projekt ausschließlich aus Trigger-Workflows besteht. Ohne Einbeziehung dieser Aktivität werden die Trigger dauerhaft in einer kontinuierlichen Schleife ausgeführt, ohne angehalten zu werden.

Ergebnis

Die Automatisierung öffnet die Windows-Website und löst den Workflow Einfaches Popup anzeigen aus, sobald das Logo angezeigt wird. Wenn die Suchleiste angezeigt wird, wird der Workflow Bitte suchen Sie nach Ihrem Standort ausgeführt. Sie werden aufgefordert, nach dem gewünschten Ort zu suchen, für den Informationen über das Wetter gefunden werden sollen. Wenn Wetterergebnisse angezeigt werden, wird der Workflow zum Abrufen und Bereitstellen der Wetterzusammenfassung ausgeführt, der die Wetterergebnisse abruft und sie als Teil einer Eingabeaufforderung an ein KI-Modell sendet, das später wieder im selben Formular angezeigt wird. Nachdem die KI-Zusammenfassung angezeigt wurde, wird das Formular nach 30 Sekunden geschlossen. Diese Beschreibung des Laufzeitprozesses wird im folgenden animierten Bild visualisiert:

Abbildung 1. Popup mit Anzeige einer KI-generierten Zusammenfassung

Workflow-Beispiel

Um zu überprüfen, wie die Schritte in diesem Tutorial implementiert werden, laden Sie sich das folgende Beispielprojekt herunter: Anzeigen eines KI-Zusammenfassungs-Callouts für Windows.