Suivi des progrès dans les applications en temps réel à l'aide du résultat du processus intermédiaire

Vue d'ensemble (Overview)

Pour mieux comprendre le fonctionnement des résultats du processus intermédiaire, vous pouvez créer l'exemple décrit sur cette page.

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.

Pour cet exemple, nous allons construire ce qui suit :

• Un processus d'automatisation
• Une application utilisant UiPath Apps

Tutoriel

Construire le processus

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

• Nombre d'éléments à traiter.
• Le nombre d'étapes dans chaque élément.

Le processus s'exécute avec ces entrées et envoie les résultats intermédiaires suivants à l'application :

• L'élément actuel en cours d'exécution par le processus.
• L'étape actuelle de l'élément.
• Pourcentage de progression de l'élément spécifique.
• Une table remplissant chaque étape, y compris un horodatage.

1. Ouvrez Studio et démarrez un nouveau Processus (Process).

2. Créez les arguments suivants :

   Argument name	Direction	Types d'arguments	Valeur par défaut
   in_number_of_steps	dans	Int32	3
   in_number_of_items	dans	Int32	2
   out_progress_percentage	Sortie	Int32	-
   out_progress_datatable	Sortie	DataTable	-
   out_current_step	Sortie	Int32	-
   out_current_item	Sortie	Int32	-

3. Faites glisser une Séquence vers le concepteur de workflow (Workflow Designer).

   • Créez les variables suivantes :

     Nom de variable	Types de variables	Valeur par défaut
     var_item	Int32	1
     var_step	Int32	1
     var_percentage	Int32	0

4. Ajoutez une activité Créer une table de données (Build Data Table) dans le conteneur Sequence.

   • Ajoutez l'argument out_progress_datatable dans le champ TableDonnées.
   • Ajoutez quatre colonnes au tableau :
     • 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. Ajoutez var_item<=in_number_of_items dans le champ Condition.

   • Add a While activity in the Body.
     • Ajoutez var_step<=in_number_of_steps dans le champ Condition.
     • 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.

Résultat

Au final, votre workflow devrait ressembler à celui ci-dessous.

Développer votre application

L'application de ce tutoriel reçoit des informations du processus créé auparavant. L'application affiche les résultats intermédiaires suivants reçus du processus :

• L'élément actuel en cours d'exécution par le processus.
• L'étape actuelle de l'élément.
• Pourcentage de progression de l'élément spécifique.
• Une table remplissant chaque étape, y compris un horodatage.

Avant de commencer à créer votre application, assurez-vous que le processus d'automatisation de la section Créer le processus est créé et publié dans votre Orchestrator.

1. Ouvrez votre application déjà existante ou lancez-en une nouvelle.

2. Référencez le processus à partir de la section Prérequis .

3. Ajoutez un conteneur à la page.

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. Ajoutez un contrôle Textbox à l'intérieur du conteneur. Ajoutez l'argument in_number_of_items du processus précédemment référencé dans la propriété Liaison de valeur. Ajoutez 2 dans la propriété Texte par défaut et Number of items (iterations) dans la propriété Libellé .
   2. Ajoutez un Diviseur à droite de la commande Zone de texte .
   3. Ajoutez une commande Zone de texte à droite du Diviseur. Ajoutez l'argument in_number_of_steps du processus précédemment référencé dans la propriété Liaison de valeur. Ajoutez 3 dans la propriété Texte par défaut et Number of steps in item dans la propriété Libellé .
   4. Ajoutez une commande Bouton à droite de la zone de texte. Ajoutez Start Process dans la propriété Texte . Configurez la règle Démarrer le processus pour l'événement Cliqué . Configurez la règle pour démarrer le processus référencé au début et marquez-le comme Assisté.

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. Ajoutez un libellé à l’intérieur du dernier conteneur. Ajoutez Current item being processed: dans la propriété Texte .
   2. Ajoutez un deuxième libellé à côté du précédent. Ajoutez l'argument out_current_item du processus référencé dans la propriété Texte .

10. Add a Container below the last one.

    1. Ajoutez un libellé à l’intérieur du dernier conteneur. Ajoutez Current step: dans la propriété Texte .
    2. Ajoutez un deuxième libellé à côté du précédent. Ajoutez l'argument out_current_step du processus référencé dans la propriété Texte .

11. Ajoutez un Diviseur à droite des deux derniers conteneurs.

    

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

    1. Ajoutez une commande Libellé et ajoutez Step completion % : dans la propriété Texte .
    2. Ajoutez deux autres commandes Conteneur , l'une à l'intérieur de l'autre, ainsi qu'une commande Libellé et une commande Curseur dans la dernière. Ajoutez l'argument out_progress_percentage du processus dans la propriété Texte du Libellé. Configurez les propriétés du curseur : Incrément des diapositives sur 0 et Valeur par défaut sur 0.

13. Add a Divider below.

14. Add a Table control below the divider.

    1. Ajoutez l'argument out_progress_datatable du processus dans le champ Source de données .
    2. Ajoutez une colonne Numéro d'élément et indiquez Item Number à partir du processus de base de données en tant que Source.
    3. Ajoutez une colonne Numéro d'étape et indiquez Step Number à partir du processus de base de données en tant que source.
    4. Ajoutez une colonne Heure et indiquez Time à partir du processus de base de données en tant que Source.
    5. Ajoutez une colonne Progression % et indiquez Progress % à partir du processus de base de données comme source.

Résultat

Au final, votre application devrait ressembler à celle-ci :

Résultat

Lors de la prévisualisation de l'application, vous pouvez appuyer sur le bouton Démarrer le processus .

L’application fournira les informations intermédiaires suivantes pour le processus :

• Élément actuel en cours de traitement

• Étape actuelle

• Étape terminée (pourcentage)

• Table contenant des informations concernant l'élément, le numéro d'étape, l'horodatage et la progression.

  

Vous pouvez également modifier le nombre d'éléments ou les étapes d'un élément à l'aide des champs de texte.

Exemple de workflow

Pour vérifier l'ensemble du workflow et de l'application ou pour avoir une référence future, téléchargez les fichiers ici.