Seguimiento del progreso en apps en tiempo real usando resultado de proceso provisional

Información general

Para entender mejor cómo funcionan los resultados provisionales del proceso, puedes crear el ejemplo descrito en esta 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 ejemplo construiremos lo siguiente:

• Un proceso de automatización
• Una aplicación usando UiPath Apps

Tutorial

Crear el proceso

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

• El número de elementos a procesar.
• El número de pasos de cada elemento.

El proceso se ejecuta con estas entradas y envía los siguientes resultados provisionales a la aplicación:

• El elemento actual que está ejecutando el proceso.
• El paso actual del elemento.
• El porcentaje de progreso para el elemento específico.
• Una tabla que rellena cada paso, incluida una marca de tiempo.

1. Abre Studio y crea un nuevo Proceso.

2. Crea los siguientes argumentos:

   Nombre de Argumento	Dirección	Tipo de argumento	Valor predeterminado
   in_number_of_steps	En	Int32	3
   in_number_of_items	En	Int32	2
   out_progress_percentage	Salida	Int32	-
   out_progress_datatable	Salida	TablaDeDatos	-
   out_current_step	Salida	Int32	-
   out_current_item	Salida	Int32	-

3. Arrastra una Secuencia al Diseñador de flujo de trabajo.

   • Crea las siguientes variables:

     Nombre de la variable	Tipo de variable	Valor predeterminado
     var_item	Int32	1
     var_step	Int32	1
     var_percentage	Int32	0

4. Añade una actividad Construir tabla de datos dentro del contenedor Secuencia.

   • Añade el argumento out_progress_datatable en el campo Tabla de datos.
   • Añade cuatro columnas a la tabla:
     • 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. Añade var_item<=in_number_of_items en el campo Condición.

   • Add a While activity in the Body.
     • Añade var_step<=in_number_of_steps en el campo Condición.
     • 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

Al final, su flujo de trabajo debería ser similar al que se muestra a continuación.

Construcción de la aplicación

La aplicación de este tutorial recibe información del proceso creado anteriormente. La aplicación muestra los siguientes resultados provisionales recibidos del proceso:

• El elemento actual que está ejecutando el proceso.
• El paso actual del elemento.
• El porcentaje de progreso para el elemento específico.
• Una tabla que rellena cada paso, incluida una marca de tiempo.

Antes de empezar a crear tu aplicación, asegúrate de que el proceso de automatización de la sección Crear el proceso se ha creado y publicado en tu Orchestrator.

1. Abre tu aplicación ya existente o inicia una nueva.

2. Haz referencia al proceso desde la sección Requisitos previos .

3. Agrega un contenedor a la 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. Añade un control Cuadro de texto dentro del contenedor. Añade el argumento in_number_of_items del proceso referenciado anteriormente en la propiedad Vinculación de valor. Añade 2 en la propiedad Texto predeterminado y Number of items (iterations) en la propiedad Etiqueta .
   2. Añade un Divisor a la derecha del control Cuadro de texto .
   3. Añade un control Cuadro de texto a la derecha del Divisor. Añade el argumento in_number_of_steps del proceso referenciado anteriormente en la propiedad Vinculación de valor. Añade 3 en la propiedad Texto predeterminado y Number of steps in item en la propiedad Etiqueta .
   4. Añade un control Botón a la derecha del Cuadro de texto. Añade Start Process en la propiedad Texto . Configura una regla de proceso de inicio para el evento Clicked on . Configura la regla para iniciar el proceso al que se hace referencia al principio y márcalo como Atendido.

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. Añade una etiqueta dentro del último contenedor. Añade Current item being processed: en la propiedad Texto .
   2. Añade una segunda etiqueta junto a la anterior. Añade el argumento out_current_item del proceso al que se hace referencia en la propiedad Texto .

10. Add a Container below the last one.

    1. Añade una etiqueta dentro del último contenedor. Añade Current step: en la propiedad Texto .
    2. Añade una segunda etiqueta junto a la anterior. Añade el argumento out_current_step del proceso al que se hace referencia en la propiedad Texto .

11. Añade un divisor a la derecha de los dos últimos contenedores.

    

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

    1. Añade un control Etiqueta y añade Step completion % : en la propiedad Texto .
    2. Añade dos controles Contenedor más, uno dentro de otro, y un control Etiqueta y un control Deslizador en el último. Añade el argumento out_progress_percentage del proceso en la propiedad Texto de la Etiqueta. Configura las propiedades del Control deslizante : Incremento de deslizamiento en 0 y Valor predeterminado en 0.

13. Add a Divider below.

14. Add a Table control below the divider.

    1. Añade el argumento out_progress_datatable del proceso en el campo Origen de datos .
    2. Añade una columna Número de elemento y proporciona Item Number del proceso de tabla de datos como Origen.
    3. Añade una columna Número de paso y proporciona Step Number del proceso de tabla de datos como Origen.
    4. Añade una columna de Tiempo y proporciona Time del proceso de tabla de datos como Origen.
    5. Añade una columna Progreso % y proporciona Progress % del proceso de tabla de datos como Origen.

Resultado

Al final, su aplicación debería tener un aspecto similar a la que se muestra a continuación:

Resultado

Al previsualizar la aplicación, puedes pulsar el botón Iniciar proceso .

La aplicación proporcionará la siguiente información provisional para el proceso:

• Elemento actual que se está procesando

• Paso actual

• Finalización de paso (porcentaje)

• Tabla con información sobre el elemento, el número de paso, la marca de tiempo y el progreso.

  

También puede cambiar el número de elementos o los pasos de un elemento utilizando los campos de texto.

Flujo de trabajo de muestra

Para comprobar el flujo de trabajo completo y la aplicación o para tener una referencia futura, descarga los archivos desde aquí.