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.

Al seguir este procedimiento, crearás un proceso en Studio que implica el envío de datos intermedios a UiPath Apps mediante la actividad Enviar resultado provisional . Crearás una aplicación que mostrará una barra de progreso (usando el control deslizante ) en tiempo real a medida que las tablas se rellenen con datos.

Para este ejemplo construiremos lo siguiente:

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

Tutorial

Crear el proceso

El proceso de este tutorial se utiliza para demostrar las capacidades de la actividad Resultado provisional del proceso . El proceso requiere dos entradas:

• 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:
     • Número de elemento como Int32.
     • Número de paso como Int32.
     • Hora como DateTime.
     • Porcentaje de progreso como Int32.
   • Añade una actividad Mientras debajo de la actividad Crear tabla de datos y configúrala como se indica a continuación:
5. Añade var_item<=in_number_of_items en el campo Condición.

• Agrega una actividad Mientras en el Cuerpo.
  • Añade var_step<=in_number_of_steps en el campo Condición.
  • Añade una actividad Añadir fila de datos en el Cuerpo.
    • Agrega {var_item,var_step,now(),(var_step/in_number_of_steps) * 100} en el campo ArrayRow .
    • Agrega out_progress_datatable en el campo TablaDeDatos .
  • Agrega una actividad de Retraso debajo de Agregar fila de datos. Añade 00:00:02 en el campo Duración (2 segundos).
  • Agrega una actividad Enviar resultado provisional debajo de Retraso.
    • Añade out_progress_datatable al campo Nombre del argumento y out_progress_datatable al campo Valor de argumento .
  • Añade una actividad de asignación múltiple a continuación de Enviar resultado provisional.
    • Añade var_percentage en el campo Para y Convert.ToInt32((var_step/in_number_of_steps) * 100) en el campo Valor .
  • Agrega una actividad Enviar resultado provisional debajo de Asignación múltiple.
    • Añade out_progress_percentage al campo Nombre del argumento y var_percentage al campo Valor de argumento .
  • Añade una segunda actividad Enviar resultado provisional antes de la anterior.
    • Añade out_current_step al campo Nombre del argumento y var_step al campo Valor de argumento .
  • Agrega una tercera actividad Enviar resultado provisional .
    • Añade out_current_item al campo Nombre del argumento y var_item al campo Valor de argumento .
  • Añade una actividad de asignación múltiple debajo de la última actividad Enviar resultado provisional .
    • Añade var_step en el campo Para y var_step+1 en el campo Valor .
  • Añade una actividad de asignación múltiple debajo del último Mientras.
  • Añade var_step en el campo Para y 1 en el campo Valor .
  • Añade var_item en el campo Para y var_item+1 en el campo Valor .
  • Añade var_percentage en el campo Para y 1 en el campo Valor .

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 comenzar a crear tu aplicación, asegúrate de que el proceso de automatización de la sección Crear el proceso está creado y publicado en Orchestrator.

1. Abre tu aplicación ya existente o inicia una nueva.
2. Consulta el proceso de la sección Requisitos previos .
3. Agrega un contenedor a la página.
4. Agrega un control de Encabezado en el contenedor. Añadir aplicación: resultados provisionales del proceso en la propiedad Texto . Este será el título de la aplicación.
5. Añade un segundo control de Encabezado debajo del anterior. Añade Entrada en la propiedad Texto . Asegúrate de que el tamaño de fuente es un poco más pequeño (por ejemplo, 20 px).
   1. Agrega un control de Cuadro de texto dentro del contenedor. Agrega el argumento in_number_of_items del proceso al que se ha hecho referencia anteriormente en la propiedad de Vinculación de valor. Añade 2 en la propiedad Texto predeterminado y Number of items (iterations) en la propiedad Etiqueta .
   2. Agrega un divisor a la derecha del control Cuadro de texto.
   3. Agrega un control de Cuadro de texto a la derecha del Divisor. Añade el argumento in_number_of_steps del proceso al que se ha hecho referencia 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. Agrega un control Botón a la derecha del Cuadrode texto. Añade Start Process en la propiedad Texto . Configure una regla de proceso de Inicio para el evento Clic en . Configure la regla para iniciar el proceso al que se hace referencia al principio y márquelo como Atendido.
6. Agregue un divisor debajo del contenedor.
7. Agrega un encabezado debajo del divisor. Agregue el Resultado del proceso provisional en la propiedad Texto .
   
   

   

   
   
8. Agrega un contenedor debajo del encabezado.
9. Agregue dos controles de contenedor más, uno dentro del otro.
   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. Agrega el argumento out_current_item del proceso al que se hace referencia en la propiedad Texto .
10. Agregue un contenedor debajo del último.
    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. Agrega el argumento out_current_step del proceso al que se hace referencia en la propiedad Texto .
11. Agrega un Divisor a la derecha de los dos últimos contenedores.
    
    

    

    
    
12. Añade un Contenedor a la derecha del Divisor y otro Contenedor dentro del primero.
    1. Agrega un control Etiqueta y agrega Step completion % : en la propiedad Texto .
    2. Agregue dos controles de Contenedor más, uno dentro del otro, y un control de Etiqueta y un control de Control deslizante 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 : desliza el incremento a 0 y el valor predeterminado a 0.
13. Agregue un divisor a continuación.
14. Agrega un control de Tabla debajo del divisor.
    1. Añade el argumento out_progress_datatable del proceso en el campo Origen de datos .
    2. Añade una columna de Número de elemento y proporciona Item Number del proceso de la tabla de datos como Origen.
    3. Añade una columna de Número de paso y proporciona Step Number del proceso de la tabla de datos como Origen.
    4. Agrega una columna de Tiempo y proporciona Time del proceso de la tabla de datos como Origen.
    5. Agrega una columna de Porcentaje de progreso y proporciona Progress % del proceso de la 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, puede 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í.