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.

En suivant cette procédure, vous allez créer un processus dans Studio qui implique l'envoi de données intermédiaires à UiPath Apps à l'aide de l'activité Envoyer le résultat intermédiaire ( Send Interim Result ). Vous allez créer une application qui affichera une barre de progression (en utilisant le contrôle Slider ) en temps réel à mesure que les tables seront remplies de données.

Pour cet exemple, nous allons construire ce qui suit :

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

Tutoriel

Construire le processus

Le processus de ce tutoriel est utilisé pour démontrer les capacités de l’activité Résultat intermédiaire du processus . Le processus prend deux entrées :

• 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 :
     • Numéro d'élément sous la forme Int32.
     • Numéro d'étape sous la forme Int32.
     • Heure en tant que DateTime.
     • % de progression en tant que Int32.
   • Ajoutez une activité While sous l’activité Build Data Table et configurez-la comme ci-dessous :
5. Ajoutez var_item<=in_number_of_items dans le champ Condition.

• Ajoutez une activité While dans le Body.
  • Ajoutez var_step<=in_number_of_steps dans le champ Condition.
  • Ajoutez une activité Ajouter une ligne de données dans le corps.
    • Ajoutez {var_item,var_step,now(),(var_step/in_number_of_steps) * 100} dans le champ ArrayRow .
    • Ajoutez out_progress_datatable dans le champ TableDonnées .
  • Ajoutez une activité Delay sous Ajouter une ligne de données (Add Data Row). Ajoutez 00:00:02 dans le champ Durée (2 secondes).
  • Ajoutez une activité Envoyer le résultat intermédiaire (Send Interim Result ) sous Délai ( Delay).
    • Ajoutez out_progress_datatable dans le champ Nom de l'argument ( Argument name ) et out_progress_datatable dans le champ Valeur de l'argument ( Argument value ).
  • Ajoutez une activité Attribution multiple (Multiple Assign ) sous Envoyer le résultat intermédiaire (Send Interim Result).
    • Ajoutez var_percentage dans le champ À et Convert.ToInt32((var_step/in_number_of_steps) * 100) dans le champ Valeur .
  • Ajoutez une activité Envoyer le résultat intermédiaire (Send Interim Result ) sous Affectation multiple (Multiple Assign).
    • Ajoutez out_progress_percentage dans le champ Nom de l'argument ( Argument name ) et var_percentage dans le champ Valeur de l'argument ( Argument value ).
  • Ajoutez une deuxième activité Envoyer le résultat intermédiaire (Send Interim Result ) avant la précédente.
    • Ajoutez out_current_step dans le champ Nom de l'argument ( Argument name ) et var_step dans le champ Valeur de l'argument ( Argument value ).
  • Ajoutez une troisième activité Envoyer le résultat intermédiaire (Send Interim Result ).
    • Ajoutez out_current_item dans le champ Nom de l'argument ( Argument name ) et var_item dans le champ Valeur de l'argument ( Argument value ).
  • Ajoutez une activité Attribution multiple (Multiple Assign ) sous la dernière activité Envoyer le résultat intermédiaire (Send Interim Result ).
    • Ajoutez var_step dans le champ À et var_step+1 dans le champ Valeur .
  • Ajoutez une activité Attribution multiple sous le dernier While.
  • Ajoutez var_step dans le champ À et 1 dans le champ Valeur .
  • Ajoutez var_item dans le champ À et var_item+1 dans le champ Valeur .
  • Ajoutez var_percentage dans le champ À et 1 dans le champ Valeur .

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 Génération du processus ( Building the process) 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. Ajoutez un contrôle Header dans le conteneur. Ajoutez l'application - Résultats du processus intermédiaire (Interim Process Results ) dans la propriété Texte . Ce sera le titre de l'application.
5. Ajoutez un deuxième contrôle En- tête en dessous du précédent. Ajoutez une entrée dans la propriété Texte . Assurez-vous que la taille de la police est un peu plus petite (par exemple, 20 px).
   1. Ajoutez un contrôle Textbox à l'intérieur du conteneur. Ajoutez l'argument in_number_of_items du processus référencé précédemment dans la propriété de 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 séparateur à droite du contrôle Zone de texte.
   3. Ajoutez un contrôle Textbox à droite du Divider. Ajoutez l'argument in_number_of_steps du processus référencé précédemment dans la propriété de 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 un contrôle Button à droite de Textbox. Ajoutez Start Process dans la propriété Texte . Configurez une règle de démarrage du processus pour l'événement Clicked on . Configurez la règle pour démarrer le processus référencé au début et marquez-la comme Attended.
6. Ajoutez un séparateur sous le conteneur.
7. Ajoutez un en- tête sous le séparateur. Ajoutez le résultat du processus intermédiaire dans la propriété Texte .
   
   

   

   
   
8. Ajoutez un conteneur sous l'en-tête.
9. Ajoutez deux autres contrôles Container l’un à l’intérieur de l’autre.
   1. Ajoutez une étiquette à 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é Text .
10. Ajoutez un conteneur sous le dernier.
    1. Ajoutez une étiquette à 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é Text .
11. Ajoutez un séparateur à droite des deux derniers conteneurs.
    
    

    

    
    
12. Ajoutez un conteneur à droite du séparateur et un autre conteneur à l'intérieur du premier.
    1. Ajoutez un contrôle Label et ajoutez Step completion % : dans la propriété Text .
    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é Text du Label. Configurez les propriétés du curseur : Incrément de la diapositive sur 0 et Valeur par défaut sur 0.
13. Ajoutez un séparateur ci-dessous.
14. Ajoutez un champ Table sous le séparateur.
    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 ( Item Number ) et indiquez Item Number à partir du processus de table de données comme Source.
    3. Ajoutez une colonne Numéro d'étape et indiquez Step Number à partir du processus de table de données comme Source.
    4. Ajoutez une colonne Heure et indiquez Time du processus de table de données comme Source.
    5. Ajoutez une colonne Progress% (Progression) et indiquez Progress % à partir du processus de table 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 ( Start Process ).

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 le workflow complet et l'application, ou pour avoir une référence future, téléchargez les fichiers ici.