{"id":12662,"date":"2026-10-13T15:47:48","date_gmt":"2026-10-13T07:47:48","guid":{"rendered":"https:\/\/www.cybermedian.com\/fr\/diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode\/"},"modified":"2026-10-14T13:08:38","modified_gmt":"2026-10-14T05:08:38","slug":"diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fr\/diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode\/","title":{"rendered":"Diagramme en tant que code : Diagrammes de s\u00e9quence UML avec PlantUML et VPasCode"},"content":{"rendered":"

Un UML<\/a> diagramme de s\u00e9quence<\/a>montre comment les participants interagissent au fil du temps. Il est utile pour documenter un cas d’utilisation<\/a>, flux d’API, processus m\u00e9tier ou sc\u00e9nario syst\u00e8me. Le temps s’\u00e9coule g\u00e9n\u00e9ralement de haut en bas ; la disposition horizontale indique qui participe, et non une mesure pr\u00e9cise du temps \u00e9coul\u00e9.<\/p>\n

PlantUML<\/a>vous permet de d\u00e9crire le diagramme sous forme de texte. l’\u00e9diteur VPasCode de Visual Paradigm<\/a>associe un \u00e9diteur de code \u00e0 un aper\u00e7u en direct et \u00e0 une assistance par IA pour g\u00e9n\u00e9rer, modifier et corriger le code de diagramme. Une bonne m\u00e9thode de travail consiste \u00e0 utiliser l’IA pour obtenir une premi\u00e8re \u00e9bauche, puis \u00e0 inspecter et affiner vous-m\u00eame le code PlantUML.<\/p>\n

\"Diagramme<\/p>\n

1. La structure de base<\/h2>\n

Un diagramme de s\u00e9quence PlantUML<\/a>commence par @startuml<\/code> et se termine par @enduml<\/code>. Les participants sont g\u00e9n\u00e9ralement list\u00e9s avant les messages afin que vous puissiez contr\u00f4ler leurs noms et leur ordre.<\/p>\n

\"Interface<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\nacteur Client\nparticipant Navigateur\nparticipant \"API de commande\" as API\ndatabase \"Base de donn\u00e9es de commande\" as DB\n\nClient -> Navigateur : Passer une commande\nNavigateur -> API : POST \/orders\nAPI -> DB : Enregistrer la commande\nDB --> API : ID de commande\nAPI --> Navigateur : 201 Created\nNavigateur -> Client : Afficher la confirmation\n@enduml\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
L’\u00e9tiquette affich\u00e9e du participant peut \u00eatre entre guillemets, avec comme<\/code> fournissant un alias plus court \u00e0 utiliser dans les messages. Les mots-cl\u00e9s de participant courants incluent acteur<\/code>, participant<\/code>, limite<\/code>, contr\u00f4le<\/code>, entit\u00e9<\/code>, base de donn\u00e9es<\/code>, et collections<\/code>. Utilisez le mot-cl\u00e9 qui communique le mieux le r\u00f4le du participant ; il n’impose pas une architecture particuli\u00e8re.<\/p>\n
2. Lecture des messages et du temps<\/h2>\n
Chaque message est \u00e9crit sous la forme d’un \u00e9metteur, d’une fl\u00e8che, d’un r\u00e9cepteur et d’une \u00e9tiquette. L’ordre des lignes de messages d\u00e9termine leur ordre vertical dans le diagramme.<\/p>\n
\"Diagramme<\/p>\n