Monitorando o progresso em aplicativos em tempo real usando o Interim Process Result

Visão geral

Para entender melhor como funcionam os resultados provisórios do processo, você pode construir o exemplo descrito nesta página.

By following this procedure, you will build a process in Studio that involves sending intermediate data to UiPath Apps using the Send Interim Result activity. You will build an app that will display a progress bar (using Slider control) in real-time as the tables are populated with data.

Para este exemplo, vamos construir o seguinte:

• Um processo de automação
• Um aplicativo usando UiPath Apps

Tutorial

Construindo o processo

The process from this tutorial is used to demonstrate the capabilities of the Interim Process Result activity. The process takes two inputs:

• O número de itens a serem processados.
• O número de etapas em cada item.

O processo é executado com essas entradas e envia os seguintes resultados provisórios para o aplicativo:

• O item atual sendo executado pelo processo.
• A etapa atual no item.
• A porcentagem de progresso para o item específico.
• Uma tabela que preenche cada etapa, incluindo um carimbo de data/hora.

1. Abra Studio e crie um novo Processo.

2. Crie os seguintes argumentos:

   Argument name	Direction	Tipo de argumento	Valor padrão
   in_number_of_steps	Em	Int32	3
   in_number_of_items	Em	Int32	2
   out_progress_percentage	Out	Int32	-
   out_progress_datatable	Out	TabelaDeDados	-
   out_current_step	Out	Int32	-
   out_current_item	Out	Int32	-

3. Arraste uma Sequência para o Designer de fluxo de trabalho.

   • Crie as seguintes variáveis:

     Nome da variável	Tipo de variável	Valor padrão
     var_item	Int32	1
     var_step	Int32	1
     var_percentage	Int32	0

4. Adicione uma atividade Construir tabela de dados dentro do contêiner Sequência.

   • Adicione o argumento out_progress_datatable no campo DataTable.
   • Adicione quatro colunas à tabela:
     • Item Number as Int32.
     • Step Number as Int32.
     • Time as DateTime.
     • Progress % as Int32.
   • Add a While activity below the Build Data Table activity and configure it as below:

5. Adicione var_item<=in_number_of_items no campo Condição.

   • Add a While activity in the Body.
     • Adicione var_step<=in_number_of_steps no campo Condição.
     • Add an Add Data Row activity in the Body.
     • Add {var_item,var_step,now(),(var_step/in_number_of_steps)* 100} in the ArrayRow field.
     • Add out_progress_datatable in the DataTable field.
     • Add a Delay activity below Add Data Row. Add 00:00:02 in the Duration field (2 second).
     • Add a Send Interim Result activity below Delay.
     • Add out_progress_datatable in the Argument name field and out_progress_datatable in the Argument value field.
     • Add a Multiple Assign activity below Send Interim Result.
     • Add var_percentage in the To field and Convert.ToInt32((var_step/in_number_of_steps) * 100) in the Value field.
     • Add a Send Interim Result activity below Multiple Assign.
     • Add out_progress_percentage in the Argument name field and var_percentage in the Argument value field.
     • Add a second Send Interim Result activity before the previous one.
     • Add out_current_step in the Argument name field and var_step in the Argument value field.
     • Add a third Send Interim Result activity.
     • Add out_current_item in the Argument name field and var_item in the Argument value field.
     • Add a Multiple Assign activity below the last Send Interim Result activity.
     • Add var_step in the To field and var_step+1 in the Value field.
     • Add a Multiple Assign activity below the last While.
     • Add var_step in the To field and 1 in the Value field.
     • Add var_item in the To field and var_item+1 in the Value field.
     • Add var_percentage in the To field and 1 in the Value field.

Resultado

No final, seu fluxo de trabalho deve ser semelhante ao abaixo.

Criação do aplicativo

O aplicativo deste tutorial recebe informações do processo criado anteriormente. O aplicativo exibe os seguintes resultados provisórios recebidos do processo:

• O item atual sendo executado pelo processo.
• A etapa atual no item.
• A porcentagem de progresso para o item específico.
• Uma tabela que preenche cada etapa, incluindo um carimbo de data/hora.

Antes de começar a criar seu aplicativo, certifique-se de que o processo de automação da seção Criação do processo tenha sido criado e publicado em seu Orchestrator.

1. Abra seu aplicativo existente ou inicie um novo.

2. Faça referência ao processo da seção Pré-requisitos .

3. Adicione um contêiner à página.

4. Add a Header control in the container. Add App - Interim Process Results in the Text property. This will be the app title.

5. Add a second Header control below the previous one. Add Input in the Text property. Make sure that the font size is a bit smaller (for example, 20 px).

   1. Adicione um controle de Caixa de texto dentro do contêiner. Adicione o argumento in_number_of_items do processo referenciado anteriormente na propriedade Vinculação de valor. Adicione 2 na propriedade de Texto padrão e Number of items (iterations) na propriedade Rótulo .
   2. Adicione um Divisor à direita do controle Caixa de texto .
   3. Adicione um controle Caixa de texto à direita do Divisor. Adicione o argumento in_number_of_steps do processo referenciado anteriormente na propriedade Vinculação de valor. Adicione 3 na propriedade de Texto padrão e Number of steps in item na propriedade Rótulo .
   4. Adicione um controle Botão à direita da Caixa de texto. Adicione Start Process na propriedade Texto . Configure uma regra Iniciar processo para o evento Clicado em . Configure a regra para iniciar o processo referenciado no início e marque-o como Assistido.

6. Add a Divider below the container.

7. Add a Header below the divider. Add Interim Process Result in the Text property.

   

8. Add a Container below the header.

9. Add two more Container control one inside each other.

   1. Adicione um Rótulo dentro do último contêiner. Adicione Current item being processed: na propriedade Texto .
   2. Adicione um segundo Rótulo ao lado do anterior. Adicione o argumento out_current_item do processo referenciado na Text property.

10. Add a Container below the last one.

    1. Adicione um Rótulo dentro do último contêiner. Adicione Current step: na propriedade Texto .
    2. Adicione um segundo Rótulo ao lado do anterior. Adicione o argumento out_current_step do processo referenciado na Text property.

11. Adicione um Divisor à direita dos dois últimos contêineres.

    

12. Add a Container to the right of the Divider and another Container inside the first one.

    1. Adicione um controle Rótulo e adicione Step completion % : na propriedade Texto .
    2. Adicione mais dois controles Contêiner , um dentro do outro, e um controle Rótulo e um controle Deslizante no último. Adicione o argumento out_progress_percentage do processo na propriedade Text do Label. Configure as propriedades do Slider : Incremento de deslizamentos para 0 e Valor Padrão para 0.

13. Add a Divider below.

14. Add a Table control below the divider.

    1. Adicione o argumento out_progress_datatable do processo no campo Origem de dados .
    2. Adicione uma coluna Número do item e forneça Item Number do processo TabelaDeDados como Origem.
    3. Adicione uma coluna Número da etapa e forneça Step Number do processo tabela de dados como Origem.
    4. Adicione uma coluna Time e forneça Time do processo da TabelaDeDados como Source.
    5. Adicione uma coluna Progresso % e forneça Progress % do processo tabela de dados como Origem.

Resultado

No final, seu aplicativo deve ser semelhante ao abaixo:

Resultado

Ao visualizar o aplicativo, você pode pressionar o botão Iniciar processo .

O aplicativo fornecerá as seguintes informações provisórias para o processo:

• Item atual sendo processado

• Etapa atual

• Conclusão da etapa (porcentagem)

• Tabela com informações referentes ao item, número do passo, timestamp e andamento.

  

Você também pode alterar o número de itens ou as etapas de um item usando os campos de texto.

Fluxo de trabalho amostral

Para verificar o fluxo de trabalho e o aplicativo completos ou ter uma referência futura, baixe os arquivos aqui.