Créer un diagramme de séquence avec des balises UML dans Lucidchart

Écrit par :  Shanna S
Dernière mise à jour :  

Grâce à notre outil de balisage de séquence, vous pouvez facilement créer et modifier des diagrammes de séquence. Comme Lucidchart génère automatiquement un diagramme de séquence à partir du texte que vous saisissez, vous pouvez utiliser le temps gagné pour revenir à votre code... ou regarder Star Wars.

Disponibilité du plan : Individuel, équipe et entreprise.

Regardez : Diagrammes de classes UML

Créer un diagramme de séquence avec balisage

Suivez ces étapes pour que Lucidchart génère automatiquement un diagramme de séquence :

  1. Activez la bibliothèque de formes UML.
    • Cliquez sur Plus de formes en bas de la boite à formes sur le côté gauche de votre document ou appuyez sur la touche M de votre clavier.
    • Dans l’onglet Formes, cochez la case de la bibliothèque de formes « UML ».
    • Cliquez sur Utiliser les formes sélectionnées.
  2. Sous la bibliothèque de formes Séquence UML dans la boite à formes, cliquez sur Utiliser un balisage.
    UML
  3. Dans la fenêtre contextuelle sur le côté gauche, saisissez votre balisage.
  4. Cliquez sur Générer lorsque vous êtes prêt à générer le diagramme.

    séquence

Pour créer un diagramme, cliquez sur Utiliser un balisage dans la bibliothèque de formes de séquence UML.

Conseil : gagnez du temps en créant un diagramme de séquence avec l'IA. Pour en savoir plus, consultez notre article Boost productivity with Lucid AI in Lucidchart.

Balisage pris en charge

Lignes

Les lignes représentent une relation entre les éléments, ce qui permet de visualiser les connexions et les flux au sein d'un système. 

Syntaxe Description Exemple

Alice -> Bob

Alice <- Bob

Trace une ligne continue (vous pouvez tracer des lignes dans les deux sens). UML-markup-Lines-Exemple.png
Alice --> Trace une ligne en pointillés.
Alice -> Alice Trace une flèche continue vers et depuis un participant.

Lignes de vie

Les lignes de vie montrent les participants impliqués dans un processus, représentant la durée pendant laquelle chaque participant est actif ou impliqué pendant les événements du diagramme.

Syntaxe Description Exemple
activate Alice Commencez l'activation des participants avec la ligne de vie. UML-markup-lignes de vie-exemple.png
deactivate Alice Met fin à l’activation des participants en terminant la ligne de vie.

Flèches

Les flèches représentent le flux de communication entre les éléments.

Syntaxe Description Exemple
-> Flèche fermée UML-markup-flèches-exemple.png
-> > Flèche ouverte
- Pas de flèche

Texte

Le texte ajoute des étiquettes aux lignes d'un diagramme afin d'ajouter des détails aux actions ou aux flux.

Syntaxe Description Exemple
Alice->Bob: texte Ajoute un libellé aux messages entre participants. UML-markup-text-example.png
Alice->Bob: texte\nplus de texte Ajoutez une libellé avec un saut de ligne entre les participants.

Notes

Utilisez des notes pour ajouter des commentaires ou des explications à un diagramme, afin de clarifier des éléments ou des processus.

Syntaxe Description Exemple
note left of Alice: texte1 Ajoute une forme de note sur la gauche d’Alice (s’il y a seulement deux personnages, « of Alice » peut être omis). UML-markup-notes-example.png
note à droite d'Alice : text2 Ajoute une forme de note sur la droite d’Alice.
note over Alice: texte3 Ajoute une forme de note qui s’affiche sur Alice.
note sur Alice, Bob : texte4 Ajoute une forme de note qui s’affiche sur Alice et Bob.
note over Bob, Alice: Ceci est un exemple de note longue \n avec un retour à la ligne. (gardez tout cela sur une seule ligne) Ajoute une forme de note avec des notes sur plusieurs lignes, qui s’affiche sur Alice et Bob.

Regroupement

Utilisez le regroupement pour organiser visuellement des éléments liés dans un contenant, représentant un regroupement physique ou conceptuel dans un système. Cela simplifie les diagrammes en montrant les relations entre les éléments. 

Lucidchart propose plusieurs fonctions de regroupement, chacune ayant un objectif différent. Les fonctions suivantes sont prises en charge : 

  • alt : représente les flux alternatifs lorsqu'un seul chemin est choisi. 
  • opt : utilisé pour les séquences optionnelles qui ne se produisent que si une condition est remplie. 
  • par : signifie parallèle, permet à des actions de se dérouler simultanément. 
  • boucle : représente des séquences répétées. 
  • critique : définit une section qui doit être complétée sans interruption.
Syntaxe Description Exemple

alt réussite

Bob -> Alice: données acceptées

else échec

Bob -> Alice: données rejetées

end

Crée un message de regroupement avec « alt » (alternative) et « else » pour montrer les différentes situations. UML-markup-alt-grouping-example.png

opt texte1

Alice -> Bob: texte2

end

Créez un message de regroupement avec le mot-clé "opt".

Les mots-clés suivants sont pris en charge :

  • opter 
  • par 
  • Boucle
  • critical

Remarque : ces quatre mots-clés n’acceptent pas « else ». Seul le mot-clé « alt » peut être associé à « else ».

UML-markup-opt-grouping-example.png

UML-markup-par-groupement-exemple.png

Alias

Utilisez un alias pour attribuer un autre nom à un élément, afin de simplifier et d'organiser votre balisage pour plus de clarté. 

Syntaxe Description Exemple
participant A as Alice Attribue des alias aux participants de façon à écrire plus rapidement. UML-markup-alias-exemple.png
participant A as "Alice Jones" Met des guillemets autour des alias pour donner à un participant un alias contenant plus d’un mot.

Commentaires

Les commentaires sont un moyen d'ajouter des notes dans votre code qui ne sont pas affichées sur le diagramme. Ils fournissent des explications ou des rappels utiles sans affecter la structure du diagramme.

Syntaxe Description
’texte de commentaire Commentaire sur une seule ligne
/’ texte de commentaire ’/ Commentaire sur plusieurs lignes

Modifier un diagramme de séquence

Ne vous inquiétez pas si votre diagramme de séquence n’est pas parfait dès le premier essai. Vous pouvez toujours modifier le balisage d’un diagramme déjà généré tant que vous n’avez pas réglé manuellement ou dégroupé le diagramme dans la zone de travail.

Il suffit de cliquer sur le diagramme et la boîte de dialogue de balisage de séquence apparaîtra sur le côté gauche de l’éditeur.

Personnaliser un diagramme de séquence

Sélectionnez le diagramme de séquence et utilisez la barre des propriétés en haut de l’éditeur pour modifier ses options de style. Si vous souhaitez modifier le style de blocs ou d’éléments individuels dans votre diagramme, vous devez d’abord dégrouper le diagramme. Sélectionnez le diagramme, faites un clic droit et sélectionnez Dégrouper.

Remarque : si vous dissociez votre diagramme, vous ne pourrez plus modifier le balisage.

FAQ

Puis-je ajouter une syntaxe de style à mes balises ?
Le stylisme de la syntaxe UML n'est pas pris en charge par Lucidchart. Pour en savoir plus sur le style de votre diagramme, consultez la section Style d'un diagramme de séquence de cet article.

Ressources

Pour en savoir plus sur cette fonctionnalité, consultez les ressources supplémentaires ci-dessous. Ces documents ne sont disponibles qu'en anglais.

Vidéos

Diagrammes de classes UML | Tutoriel

Diagrammes de cas d'utilisation UML

Donnez votre avis sur cet article

Vous avez des commentaires sur cet article ? Racontez-nous votre expérience ici

Vous avez trouvé ce que vous cherchiez ?

Vous avez encore une question ou vous voulez partager ce que vous avez appris ? Visitez notre Communauté   pour obtenir de l’aide et collaborer avec les autres.