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. Depois de realizar a solicitação de pesquisa, os resultados do clima exibidos no site servem como conteúdo para gerar um resumo de IA. Este resumo sugere um dia com tempo ideal para uma jornada.
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 acesse 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 sejam executados quando seu 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 uma chamada.
   2. Nomeie o texto explicativo como Basic callout.
   3. No painel Componentes , expanda a seção Básico e arraste três componentes do Rótulo/Cabeçalho para o arquivo do texto explicativo. Edite os componentes da seguinte forma:
      1. Para o primeiro componente, insira o seguinte texto no campo Conteúdo : "Bem-vindo ao Window.com!".
      2. Para o segundo componente, insira a seguinte mensagem no campo Conteúdo : "Siga as instruções na tela para saber qual dia será melhor para uma boa visita."
      3. Para o terceiro componente, vá para a guia Chave do 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 Mostrar texto explicativo básico e adicione uma atividade Application Event Trigger . Este fluxo de trabalho mostra o texto explicativo que dá as boas-vindas a você ao 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 UiPath, que queremos monitorar.
   2. Na lista suspensa Tipo de evento , selecione Apareceu.
   3. Adicione uma atividade Show Callout . Essa atividade permite selecionar um arquivo uiform que você pode exibir para um determinado elemento de interface gráfica, além de passar dados para o arquivo uiform usando um dicionário de argumentos .

      1. Na lista suspensa Selecionar formulário , selecione o arquivo de chamada 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 Window, ao qual queremos vincular o texto explicativo.

         Para acessar esse elemento de destino, use a expressão TriggerEventArgs.TargetElement . TriggerEventArgs é um argumento aqui, que é gerado automaticamente ao adicionar uma atividade Trigger em seu fluxo de trabalho. Nesse 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 uma chamada.
   2. Nomeie o texto explicativo como Please search for your desired location.
   3. No painel Componentes , expanda a seção Básico e arraste um componente Rótulo/Cabeçalho para o arquivo do texto explicativo.
   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ê procure a localização onde desejam encontrar informações do clima.
   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 a barra de pesquisa Window, 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 para ler primeiro o texto explicativo de boas-vindas e, em seguida, verificar aquele que aparece ao lado da barra de pesquisa.
   4. Adicione uma atividade Show Callout . Essa atividade permite selecionar um arquivo uiform que você pode exibir para um determinado elemento de interface gráfica, além de passar dados para o arquivo uiform usando um dicionário de argumentos .

      1. Na lista suspensa Selecionar formulário , selecione o arquivo de chamada 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 Window, ao qual queremos vincular o texto explicativo.

         Para acessar esse elemento de destino, use a expressão TriggerEventArgs.TargetElement . TriggerEventArgs é um argumento aqui, que é gerado automaticamente ao adicionar uma atividade Trigger em seu fluxo de trabalho. Nesse 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 você deseja exibir. Para este exemplo, mostramos o seguinte texto: "Procure o local desejado e selecione-o na lista".

6. Crie um novo fluxo de trabalho chamado Buscar e entrega o resumo do clima do AI. Esse fluxo de trabalho começa a gerar um resumo de IA do melhor dia para uma visita ao campo, 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 este exemplo, indicamos os resultados do Tempo com raia 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ê procure um local desejado.
   3. Na lista suspensa Selecionar formulário , selecione o texto explicativo Procure o local desejado .
   4. Adicione uma atividade Definir valores do formulário para atualizar o Texto explicativo básico original com informações sobre o processo de geração do resumo de IA.
   5. Adicione uma atividade Use Application/Browser para anexar à janela do navegador Window e extraia as informações do clima. No campo URL do navegador , insira https://www.windy.com.
   6. No bloco Do , 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 Tabela de dados de saída .
         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, nomeamos ele weatherData.
      3. Adicione uma atividade Definir Valores do formulário para exibir informações que devem atualizar você sobre o estado do processo em 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 clima......".
      4. Adicione uma atividade Content Generation 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 UiPath GenAI, o 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 previstos do clima fornecido. Neste exemplo, usamos o seguinte prompt: "Você receberá um conjunto de dados no seguinte formato: Dia, hora, ícone ausentepara o clima, temperatura, nuvem de clima, ra Pastas de ar, o último pode ser ignorado. Informe-me qual dia terá o melhor tempo para uma boa descoberta. Na sua saída, mantenha a recomendação curta e um motivo, sem quaisquer detalhes de sua análise específica".
         5. Crie uma variável de saída para o campo de texto gerado superior . Neste exemplo, nós o nomeamos como topGeneratedText.
      5. Adicione outra atividade Definir valores do formulário 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 Content Generation e informações sobre o estado do texto explicativo: "topGeneratedText + Environment.NewLine + "This callout will close in 30 seconds.".
      6. Adicione uma atividade Delay e defina-a como 30 segundos.
      7. Adicione uma atividade Fechar formulário e, na lista suspensa Selecionar formulário , 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 persistentes em um loop contínuo sem parar.

Resultado

A automação abre o site do Window e dispara o fluxo de trabalho Mostrar texto explicativo básico assim que o logotipo aparece. Quando a barra de pesquisa é exibida, o fluxo de trabalho Procure 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 o resumo do clima de 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 será fechado após 30 segundos. Essa descrição do processo de tempo de execução é visualizada na seguinte imagem animada:

Figura 1. Texto explicativo que exibe 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 do AI-summary para Window.