Criação e exibição de uma chamada de resumo de IA

Este tutorial orienta você na criação de uma chamada que mostra um resumo de IA das informações selecionadas pelo usuário dentro de um aplicativo web. Verifique a seguinte sequência de ações apresentadas neste tutorial:

1. Comece lançando o site Window.com.
2. Assim que o logotipo do Windoy for exibido, exibiremos uma chamada com instruções do usuário.
3. Quando a barra de pesquisa do site aparecer, outro texto explicativo solicitará que você procure o local desejado para verificar o clima.
4. Após realizar a solicitação de pesquisa, os resultados do clima exibidos no site servem como conteúdo para gerar um resumo da IA.

   Este resumo sugere um dia com tempo ideal para uma pedestre.

5. A chamada é exibida por 30 segundos, após os quais a chamada é fechada e todos os gatilhos são desativados.

Pré-requisitos

Esse exemplo foi criado usando os seguintes pacotes de atividades e versões:

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

Etapas

1. Abra seu projeto do Studio e vá para o fluxo de trabalho Principal .
   1. Adicione uma atividade Use Application/Browser e insira https://www.windy.com/ no campo URL do Navegador .
   2. Adicione uma atividade Run Local Triggers .

      Isso habilita todos os fluxos de trabalho de gatilho e permite que eles sejam executados quando o evento de disparo ocorrer.

2. Crie um arquivo uiform para o texto explicativo inicial, que solicita que você siga outras instruções assim que o logotipo do Windoy aparecer.
   1. Em seu projeto do Studio, no menu suspenso Novo , selecione Formulário para criar um novo formulário.

      O arquivo de formulário é usado aqui como um texto explicativo.

   2. Nomeie o texto explicativo como Basic callout.
   3. No painel Componentes , expanda a seção Básico e arraste três componentes de Rótulo/Cabeçalho para dentro do arquivo de texto explicativo. Edite os componentes da seguinte forma:
      1. Para o primeiro componente, digite o seguinte texto no campo Conteúdo : "Bem-vindo ao Window.com!".
      2. Para o segundo componente, digite a seguinte mensagem no campo Conteúdo : "Siga as instruções na tela para saber qual será o melhor dia para uma boa andada."
      3. Para o terceiro componente, vá para a guia Chave de campo e altere o Nome da propriedade para aiSummary.

         Deixe o campo Conteúdo deste componente vazio, pois ele será preenchido dinamicamente com o resumo gerado por IA no runtime.

   4. Salve o arquivo do texto explicativo.
3. Crie um novo fluxo de trabalho chamado Show Basic Callout e adicione uma atividade Application Event Trigger .

   Esse fluxo de trabalho mostra o texto explicativo que lhe dá as boas-vindas a Window.com, e o texto explicativo no qual exibiremos o resumo da IA.

   1. Selecione Indicar destino na tela e indique o elemento de interface gráfica para a automação iniciar o monitoramento.

      Para este exemplo, indicamos o logotipo Vento, que queremos monitorar.

   2. Na lista suspensa Tipo de evento , selecione Apareceu.
   3. Adicione uma atividade Show Callout .
      Esta atividade permite que você selecione um arquivo uiform , que você pode exibir para um determinado elemento de interface gráfica, assim como passar dados para o arquivo uiform , usando um dicionário de argumentos .
      1. Na lista suspensa Selecionar formulário , selecione o arquivo de texto explicativo que você criou anteriormente.
         Para esse exemplo, selecionamos Basic callout.
      2. Para o campo Elemento de Interface Gráfica , insira o elemento de interface gráfica indicado para a atividade Application Event Trigger , que é o logotipo Vento, ao qual queremos vincular a chamada.
         Para acessar esse elemento de destino, use a expressão TriggerEventArgs.TargetElement . TriggerEventArgs é um argumento aqui, que é gerado automaticamente ao adicionar uma atividade de gatilho em seu fluxo de trabalho. Neste caso, a atividade Application Event Trigger gera o argumento.
4. Crie um arquivo uiform para o texto explicativo que aparece quando a barra de pesquisa do site ficar visível e solicita que você pesquise o local desejado.
   1. Em seu projeto do Studio, no menu suspenso Novo , selecione Formulário para criar um novo formulário.

      O arquivo de formulário é usado aqui como um texto explicativo.

   2. Nomeie o texto explicativo como Please search for your desired location.
   3. No painel Componentes , expanda a seção Básico e um componente Rótulo/cabeçalho para o arquivo da chamada.
   4. Salve o componente e o arquivo.
5. Crie um novo fluxo de trabalho chamado Procure o local desejado e adicione uma atividade Application Event Trigger .

   Este fluxo de trabalho mostra o texto explicativo que solicita que você pesquise a localização deles onde desejam encontrar informações sobre o clima.

   1. Selecione Indicar destino na tela e indique o elemento de interface gráfica para a automação iniciar o monitoramento.

      Para esse exemplo, indicamos a barra de pesquisa Vento, que queremos monitorar.

   2. Na lista suspensa Tipo de evento , selecione Apareceu.
   3. Adicione uma atividade Delay e defina sua Duração como três segundos, para que você tenha tempo suficiente de ler primeiro o texto explicativo de boas-vindas e, em seguida, verifique aquele que aparece ao lado da barra de pesquisa.
   4. Adicione uma atividade Show Callout .
      Esta atividade permite que você selecione um arquivo uiform , que você pode exibir para um determinado elemento de interface gráfica, assim como passar dados para o arquivo uiform , usando um dicionário de argumentos .
      1. Na lista suspensa Selecionar formulário , selecione o arquivo de texto explicativo que você criou anteriormente.
         Para esse exemplo, selecionamos Basic callout.
      2. Para o campo Elemento de Interface Gráfica , insira o elemento de interface gráfica indicado para a atividade Application Event Trigger , que é o logotipo Vento, ao qual queremos vincular a chamada.
         Para acessar esse elemento de destino, use a expressão TriggerEventArgs.TargetElement . TriggerEventArgs é um argumento aqui, que é gerado automaticamente ao adicionar uma atividade de gatilho em seu fluxo de trabalho. Neste caso, a atividade Application Event Trigger gera o argumento.
      3. Abra o dicionário de Argumentos e, no campo Valor da chave gerada, insira o texto que deseja exibir.

         Para este exemplo, mostramos o seguinte texto: "Por favor, procure o local desejado e selecione-o na lista".

6. Crie um novo fluxo de trabalho chamado Fetch e entregue o resumo do AI Clima.

   Esse fluxo de trabalho começa a gerar um resumo de IA do melhor dia para dar uma volta ao ar livre, com base nos resultados do clima que aparecem para o local que você pesquisou anteriormente.

   1. Adicione uma atividade Application Event Trigger .
      1. Selecione Indicar destino na tela e indique o elemento de interface gráfica para a automação iniciar o monitoramento.

         Para esse exemplo, indicamos os resultados de Tempo com muito sol que queremos monitorar.

      2. Na lista suspensa Tipo de evento , selecione Apareceu.
   2. Adicione uma atividade Fechar formulário para fechar o texto explicativo que solicitou que você pesquise um local desejado.
   3. Na lista suspensa Selecionar formulário , selecione o texto explicativo Procure o local desejado .
   4. Adicione uma atividade Set Form Values para atualizar o Texto Explicativo Básico original com informações sobre o processo de geração do resumo da IA.
   5. Adicione uma atividade Use Application/Browser para anexar à janela do navegador Window e extrair as informações do clima. No campo URL do navegador , insira https://www.windy.com.
   6. No bloco Fazer , execute as seguintes ações:
      1. Adicione uma atividade Extract Table Data .
         1. Selecione Indicar destino na tela e selecione os resultados do clima.
         2. Crie uma variável de saída para o campo Extrair para .
            Neste exemplo, nós a nomeamos extractedWeatherDetails.
      2. Adicione uma atividade Output Data Table .
         1. Insira a variável criada anteriormente (extractedWeatherDetails), que contém os dados do clima, no campo Tabela de Dados .
         2. Crie uma variável de saída para o campo Texto . Neste exemplo, nós a nomeamos weatherData.
      3. Adicione uma atividade Definir Valores da forma para exibir informações que devem atualizá-lo sobre o estado do processo de análise.
         1. Na lista suspensa Selecionar formulário , selecione o formulário Basic callout
         2. No dicionário de Argumentos , insira o seguinte valor para o argumento aiSummary : "...analisando dados do tempo...".
      4. Adicione uma atividade Geração de conteúdo para gerar o resumo da IA.
         1. Dentro do corpo da atividade, selecione Adicionar nova conexão para criar uma conexão com as atividades da UiPath GenAI, que permite que a atividade seja executada.
         2. Na lista suspensa Nome do modelo , escolha o modelo de IA desejado.
         3. No campo Prompt , insira a variável de resultado da atividade Output Data Table . Neste exemplo, insira weatherData.
         4. No campo Prompt do sistema , insira as instruções para o modelo de IA a ser usado para gerar um resumo com base nos dados Climáticos fornecidos. Neste exemplo, usamos o seguinte prompt:

            "Você receberá um conjunto de dados no seguinte formato: Dia, hora, ícone ausente para o clima, temperatura, nuvem de pluvial, rajadas de ar, o último pode ser ignorado. Por favor, deixe-me saber qual dia terá o melhor tempo para um bom caminho. Em sua saída, mantenha a recomendação curta e uma razão, sem quaisquer detalhes de sua análise específica".

         5. Crie uma variável de saída para o campo Texto gerado principal . Neste exemplo, nós o nomeamos como topGeneratedText.
      5. Adicione outra atividade Set Form Values para exibir o resumo gerado por IA.
         1. Na lista suspensa Selecionar formulário , selecione o formulário Basic callout .
         2. No Dicionário de argumentos , insira a seguinte expressão, contendo a saída da atividade Geração de conteúdo e informações sobre o estado da chamada: "topGeneratedText + Environment.NewLine + "This callout will close in 30 seconds.".
      6. Adicione uma atividade Delay e defina-a para 30 segundos.
      7. Adicione uma atividade Close Form e, na lista suspensa Select Form , escolha Basic callout.
      8. Adicione uma atividade Stop Local Triggers para interromper a execução de todos os fluxos de trabalho de gatilho.

         Essa atividade é especialmente importante se seu projeto consistir apenas em fluxos de trabalho de gatilho. Sem incorporar essa atividade, os gatilhos serão executados persistentemente em um loop contínuo sem parar.

Resultado

A automação abre o site do Vento e aciona o fluxo de trabalho Mostrar texto explicativo básico assim que o logotipo aparece. Quando a barra de pesquisa é exibida, o fluxo de trabalho Pesquise sua localização começa a ser executado, solicitando que você pesquise o local desejado para o qual deseja encontrar informações sobre o clima. Quando os resultados do clima são exibidos, o fluxo de trabalho Buscar e entregar resumo do clima por IA começa a ser executado, recuperando os resultados do clima e enviando-os como parte de um prompt para um modelo de IA, que mais tarde será exibido de volta no mesmo formulário. Após o resumo da IA ser exibido, o formulário é fechado após 30 segundos. Essa descrição do processo de runtime é visualizada na seguinte imagem animada:

Figura 1. Texto explicativo exibindo o resumo gerado por IA

Exemplo de fluxo de trabalho

Para verificar como as etapas neste tutorial são implementadas, baixe o seguinte projeto de exemplo: Exibição do texto explicativo AI-summary para Vento.