La zone de dessin

La zone de dessin Flow : un workspace visuel pour la conception, la connexion et le débogage de processus avec le mode Créer et le mode Debug.

De quoi il s'agit

La zone de dessin est le workspace principal où vous créez des processus dans Studio Web. Il s'ouvre lorsque vous créez ou ouvrez un fichier .flow. La zone de dessin a deux modes : le mode Créer pour la conception et la configuration de votre processus, et le mode Debug pour l'exécuter et l'inspecter.

Mode de fonctionnement

La zone de dessin a quatre zones principales :

Area	Emplacement	À quoi elle sert
Zone de dessin	Centre	Placer, connecter et organiser les nœuds
Barre d’outils	Centre inférieur	Ajouter des nœuds, annuler/refaire, contrôles de débogage
Panneau propriétés	Droite	Configurer le nœud sélectionné
Panneau d'exécution	En bas (pendant le débogage)	Afficher la trace d'exécution, les erreurs et les valeurs des variables

Débogage

La sélection de Debug dans la barre d'outils exécute votre processus. Le panneau d'exécution apparaît en bas affichant la trace d'exécution. La session de débogage se termine lorsque vous sélectionnez Arrêt, ou automatiquement lorsque vous apportez une modification au processus.

Ajout de nœuds

Le bouton + dans la barre d'outils inférieure ouvre la palette de nœuds.

La palette de nœuds prend en charge :

• Rechercher par nom ou par mot-clé
• Parcourir par catégorie :
  • Contrôle
  • Données (nœuds de transformation et Data Fabric, avec Data Fabric affiché comme section libellée)
  • Attendre l'événement (y compris le délai)
  • Connecteur
  • Agent (Agent)
  • Humain
  • Workflow RPA
  • Workflow d’API
  • Déclencheur
  • Traitement de document
  • Outil
  • BPMN Maestro
  • Cas Maestro
  • Flux Maestro
  • Function

Sous Outil, vous pouvez trouver :

• Script
• Demande HTTP (HTTP Request)
• Créer un élément de la file dʹattente
• Créer et attendre un élément de la file d’attente
• Outils conversationnels, y compris Envoyer un message
• Outils vocaux, y compris Créer un appel sortant et Mettre fin à l'appel

Le + sur le handle sortant d'un nœud ajoute un nouveau nœud et le connecte en une seule étape.

Remarque :

Les déclencheurs peuvent uniquement être ajoutés à partir de la barre d'outils inférieure, et non à partir des handles de nœuds.

Connexion des nœuds

Les nœuds se connectent via les handles de sortie (côté droit) aux gestionnaires d'entrée (côté gauche). La zone de dessin valide les connexions en temps réel ; le vert indique une connexion valide, le rouge indique une connexion non valide. Les connexions respectent les contraintes du nœud (par exemple, un déclencheur ne peut pas se connecter à un autre déclencheur).

Vous pouvez faire glisser les segments Edge pour les repositionner; le chemin ajusté est conservé pour la session mais n'affecte pas le document enregistré ou l'historique des annulations.

Le module Propriétés

Le panneau Propriétés s'ouvre à droite lorsqu'un nœud est sélectionné, affichant la configuration de ce nœud. Les onglets varient selon le type de nœud. Par exemple, un nœud Script affiche Paramètres, Gestion des erreurs et Avancé.

Les variables au niveau du processus ne sont pas gérées dans le panneau Propriétés. Ils se trouvent dans le panneau Variables distinct — voir Variables et flux de données.

La vue agrandie en plein écran des propriétés d'un nœud est accessible depuis la barre d'outils qui s'affiche lorsque vous passez la souris dessus.

Le panneau d'exécution

Lorsque vous effectuez un débogage sur un processus, le panneau d'exécution apparaît en bas de l'écran.

tabulation	Ce qu'il affiche
Les étendues	Trace d'exécution - chaque nœud, sa durée et son statut de succès/échec
Incidents	Erreurs et échecs qui se sont produits pendant l'exécution
Variables	Valeurs des variables de runtime à chaque étape

La sélection d'une étendue met en surbrillance le nœud correspondant sur la zone de dessin.

Contrôles de débogage

En mode Debug, la barre d'outils inférieure affiche les contrôles de débogage :

• Debug - démarrer l'exécution
• Arrêt - mettre fin à la session actuelle
• Passer - exécuter le nœud suivant et mettre en pause
• Continuer - reprendre l'exécution jusqu'au prochain point d'arrêt ou jusqu'à la fin
• Redémarrer - relancer le processus depuis le début

Points d'arrêt (Breakpoints)

Les points d'arrêt sont des marqueurs définis à partir de la barre d'outils contextuelle d'un nœud. L'exécution se met en pause lorsqu'elle atteint un point d'arrêt. Passer et Continuer contrôlent la façon dont l'exécution reprend.

Les points d'arrêt peuvent être définis en mode Créer et en mode Debug.

Menu contextuel

Un clic droit sur l'arrière-plan de la zone de dessin affiche les options de mise en page :

• Organiser les nœuds — organiser automatiquement tous les nœuds
• Tout ranger - organiser automatiquement les nœuds sélectionnés (au moins 2 sélectionnés)
• Aligner - gauche, centre, droite, haut, milieu, bas (au moins 2 sélectionnés)
• Distribuer - horizontal, vertical (au moins 3 sélectionnés)
• Copier / Coller / Supprimer

Une fois Arranger les nœuds ou Arranger sélectionné, les bords sont dirigés autour des nœuds au lieu de les parcourir, ce qui rend le diagramme lisible lorsque les nœuds sont repositionnés. Les bords de boucle (auto-connexions et gestions de boucle) conservent leur routage existant basé sur la gestion.

Raccourcis clavier

Consultez la référence des raccourcis clavier pour obtenir la liste complète.

Raccourcis principaux de la zone de dessin :

• Cmd+Z / Ctrl+Z - Annuler
• Cmd+Shift+Z / Ctrl+Shift+Z - Rétablir
• Cmd+Shift+L / Ctrl+Shift+L - Mise en page automatique de tous les nœuds
• Delete / Backspace - Supprimer les nœuds sélectionnés

Pages liées

• Votre premier Flow - démarrage rapide étape par étape
• Raccourcis clavier - Référence complète des raccourcis
• Débogage efficace - conseils pour le mode Debug