{"id":12640,"date":"2026-10-13T11:08:32","date_gmt":"2026-10-13T03:08:32","guid":{"rendered":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"},"modified":"2026-10-14T13:09:18","modified_gmt":"2026-10-14T05:09:18","slug":"vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","title":{"rendered":"VPasCode : Diagrammes d&#8217;activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique"},"content":{"rendered":"<p data-nodeid=\"14979\">Un diagramme d&#8217;activit\u00e9 UML mod\u00e9lise <strong data-nodeid=\"15152\">comment le travail circule<\/strong>au sein d&#8217;un processus : les actions effectu\u00e9es, les d\u00e9cisions prises, le travail parall\u00e8le et les chemins vers l&#8217;ach\u00e8vement. PlantUML vous permet de d\u00e9crire ce mod\u00e8le sous forme de texte, puis de le rendre sous forme de diagramme \u2014 une approche utile lorsque vous souhaitez des diagrammes faciles \u00e0 r\u00e9viser, \u00e0 examiner et \u00e0 conserver avec la documentation du projet. La syntaxe actuelle des activit\u00e9s de PlantUML utilise des mots-cl\u00e9s lisibles tels que <code data-backticks=\"1\" data-nodeid=\"15142\">start<\/code>, <code data-backticks=\"1\" data-nodeid=\"15144\">if<\/code>, <code data-backticks=\"1\" data-nodeid=\"15146\">repeat<\/code>, et <code data-backticks=\"1\" data-nodeid=\"15148\">fork<\/code>; sa syntaxe d&#8217;activit\u00e9 plus ancienne est toujours prise en charge, mais la nouvelle syntaxe est recommand\u00e9e pour les nouveaux diagrammes.<\/p>\n<p><img alt=\"Diagramme d'activit\u00e9 UML illustrant un processus de paiement avec la syntaxe PlantUML, montrant des actions, des d\u00e9cisions et des flux de travail parall\u00e8les.\" class=\"alignnone size-full wp-image-21861\" decoding=\"async\" height=\"1086\" loading=\"lazy\" sizes=\"auto, (max-width: 1448px) 100vw, 1448px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb.jpeg\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb.jpeg 1448w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-300x225.jpeg 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-1024x768.jpeg 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-768x576.jpeg 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-880x660.jpeg 880w\" width=\"1448\"\/><\/p>\n<h2 data-nodeid=\"14980\">1. Que mod\u00e9liser<\/h2>\n<p data-nodeid=\"14981\">Utilisez un diagramme d&#8217;activit\u00e9 pour expliquer un processus ou un algorithme, par exemple :<\/p>\n<p><img alt=\"Diagramme d'activit\u00e9 UML illustrant des flux de travail tels que le paiement client, les processus d'approbation et les pipelines de donn\u00e9es avec des losanges de d\u00e9cision et des t\u00e2ches parall\u00e8les.\" class=\"alignnone size-full wp-image-21864\" decoding=\"async\" height=\"1122\" loading=\"lazy\" sizes=\"auto, (max-width: 1402px) 100vw, 1402px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b.png 1402w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b-300x240.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b-1024x819.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b-768x615.png 768w\" width=\"1402\"\/><\/p>\n<ul data-nodeid=\"14982\">\n<li data-nodeid=\"14983\">\n<p data-nodeid=\"14984\">Un flux de travail de paiement client<\/p>\n<\/li>\n<li data-nodeid=\"14985\">\n<p data-nodeid=\"14986\">Un processus d&#8217;approbation<\/p>\n<\/li>\n<li data-nodeid=\"14987\">\n<p data-nodeid=\"14988\">Un pipeline d&#8217;importation de donn\u00e9es<\/p>\n<\/li>\n<li data-nodeid=\"14989\">\n<p data-nodeid=\"14990\">Les \u00e9tapes d&#8217;un cas d&#8217;utilisation<\/p>\n<\/li>\n<li data-nodeid=\"14991\">\n<p data-nodeid=\"14992\">Un travail r\u00e9parti entre des personnes, des \u00e9quipes ou des composants syst\u00e8me<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"14993\">Une activit\u00e9 est une unit\u00e9 de travail, telle que \u00ab Valider la commande \u00bb. Un <strong data-nodeid=\"15173\">flux de contr\u00f4le<\/strong> relie les activit\u00e9s et indique leur ordre. Un <strong data-nodeid=\"15174\">d\u00e9cision<\/strong> choisit parmi des chemins alternatifs ; <strong data-nodeid=\"15175\">flux parall\u00e8les<\/strong> montrent un travail qui peut se d\u00e9rouler en parall\u00e8le. Le diagramme doit clarifier le comportement, sans tenter de documenter chaque d\u00e9tail d&#8217;impl\u00e9mentation.<\/p>\n<p data-nodeid=\"14994\">Une r\u00e8gle pratique utile : si la question principale est \u00ab Que se passe-t-il ensuite, et dans quelles conditions ? \u00bb, un diagramme d&#8217;activit\u00e9 est bien adapt\u00e9.<\/p>\n<h2 data-nodeid=\"14995\">2. Bases de PlantUML<\/h2>\n<p data-nodeid=\"14996\">Un diagramme PlantUML commence par <code data-backticks=\"1\" data-nodeid=\"15179\">@startuml<\/code> et se termine par &#8220;<code data-backticks=\"1\" data-nodeid=\"15181\">@enduml<\/code>. Dans la syntaxe d&#8217;activit\u00e9 actuelle :<\/p>\n<p><img alt=\"Exemple de syntaxe PlantUML montrant le code pour valider une commande, accompagn\u00e9 du diagramme d'activit\u00e9 correspondant et d'une l\u00e9gende des symboles cl\u00e9s.\" class=\"alignnone size-full wp-image-21869\" decoding=\"async\" height=\"1086\" loading=\"lazy\" sizes=\"auto, (max-width: 1448px) 100vw, 1448px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e.png 1448w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-300x225.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-1024x768.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-768x576.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-880x660.png 880w\" width=\"1448\"\/><\/p>\n<ul data-nodeid=\"14997\">\n<li data-nodeid=\"14998\">\n<p data-nodeid=\"14999\"><code data-backticks=\"1\" data-nodeid=\"15183\">start<\/code> marque le n\u0153ud initial.<\/p>\n<\/li>\n<li data-nodeid=\"15000\">\n<p data-nodeid=\"15001\"><code data-backticks=\"1\" data-nodeid=\"15185\">:Action;<\/code> d\u00e9finit une action.<\/p>\n<\/li>\n<li data-nodeid=\"15002\">\n<p data-nodeid=\"15003\"><code data-backticks=\"1\" data-nodeid=\"15187\">if (...) then (...)<\/code> effectue une branche selon une condition.<\/p>\n<\/li>\n<li data-nodeid=\"15004\">\n<p data-nodeid=\"15005\"><code data-backticks=\"1\" data-nodeid=\"15189\">endif<\/code> ferme la conditionnelle.<\/p>\n<\/li>\n<li data-nodeid=\"15006\">\n<p data-nodeid=\"15007\"><code data-backticks=\"1\" data-nodeid=\"15191\">stop<\/code> termine un flux.<\/p>\n<\/li>\n<li data-nodeid=\"15008\">\n<p data-nodeid=\"15009\"><code data-backticks=\"1\" data-nodeid=\"15193\">repeat<\/code> et <code data-backticks=\"1\" data-nodeid=\"15195\">repeat while<\/code> mod\u00e9lise une r\u00e9p\u00e9tition.<\/p>\n<\/li>\n<li data-nodeid=\"15010\">\n<p data-nodeid=\"15011\"><code data-backticks=\"1\" data-nodeid=\"15197\">fork<\/code>, <code data-backticks=\"1\" data-nodeid=\"15199\">fork again<\/code>, et <code data-backticks=\"1\" data-nodeid=\"15201\">end fork<\/code> mod\u00e9lise un travail parall\u00e8le.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"15012\">Les actions sont \u00e9crites dans l&#8217;ordre et sont implicitement connect\u00e9es. Vous pouvez ajouter des \u00e9tiquettes aux branches et utiliser <code data-backticks=\"1\" data-nodeid=\"15204\">partition<\/code> pour regrouper le travail par responsabilit\u00e9 ou r\u00f4le.<\/p>\n<p data-nodeid=\"15013\">Voici un exemple minimal :<\/p>\n<p id=\"fIKVIxF\"><img alt=\"Interface VPasCode affichant la syntaxe du code PlantUML \u00e0 c\u00f4t\u00e9 d'un diagramme d'activit\u00e9 g\u00e9n\u00e9r\u00e9 montrant le flux de r\u00e9ception et de validation des requ\u00eates.\" class=\"alignnone size-full wp-image-21871\" decoding=\"async\" height=\"874\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4.png 1918w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-1536x700.png 1536w\" width=\"1918\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuULAERmogRI4byigA3KvjIm_iqWX9r4X9JKtCIybLS4QA1wMc9EPaeekd9QPnylba9gN0ZG40000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"15014\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nd\u00e9but\r\n:Recevoir la demande ;\r\n:Valider la demande ;\r\nfin\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuULAERmogRI4byigA3KvjIm_iqWX9r4X9JKtCIybLS4QA1wMc9EPaeekd9QPnylba9gN0ZG40000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2 data-nodeid=\"15015\">3. D\u00e9cisions et chemins alternatifs<\/h2>\n<p data-nodeid=\"15016\">Utiliser <code data-backticks=\"1\" data-nodeid=\"15211\">si<\/code> lorsque le processus fait un choix. Les \u00e9tiquettes des branches doivent communiquer les r\u00e9sultats de la condition, et non simplement r\u00e9p\u00e9ter la condition.<\/p>\n<p id=\"erIyTrB\"><img alt=\"Interface VPasCode affichant le code PlantUML et le diagramme d'activit\u00e9 UML correspondant illustrant une d\u00e9cision si-sinon pour la disponibilit\u00e9 des stocks.\" class=\"alignnone size-full wp-image-21872\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-1536x700.png 1536w\" width=\"1914\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP0nRiCm34Lt0Re3HsV81PmX1jebImiOGNTPfW6Y4Xc8SkxaS_XYbUGWG1SEV8yV90VDBkKr1clcVPlMR4q_eiUdK8BWm4kCZcU4Im4_-vPe8Im45JIB_zKAh562xYwhDb02oJT3E9yfACoa3s6QQlDw0XSaANJVAvsi0UZ7VLDCprVkU_pIu2Us1Ig3XoECoBaY9HQ6xalu2Bdn8YaUdW_qiW0MOcjA0QMwQVyXlD0X_Z-lYGFoNBxn1m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"15017\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nd\u00e9but\r\n:Recevoir la commande ;\r\n:V\u00e9rifier les stocks ;\r\n\r\nsi (Tous les articles sont-ils disponibles ?) alors (Oui)\r\n  :R\u00e9server les articles ;\r\n  :Demander le paiement ;\r\nsinon (Non)\r\n  :Informer le client ;\r\n  fin\r\nfin si\r\n\r\n:Confirmer la commande ;\r\nfin\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP0nRiCm34Lt0Re3HsV81PmX1jebImiOGNTPfW6Y4Xc8SkxaS_XYbUGWG1SEV8yV90VDBkKr1clcVPlMR4q_eiUdK8BWm4kCZcU4Im4_-vPe8Im45JIB_zKAh562xYwhDb02oJT3E9yfACoa3s6QQlDw0XSaANJVAvsi0UZ7VLDCprVkU_pIu2Us1Ig3XoECoBaY9HQ6xalu2Bdn8YaUdW_qiW0MOcjA0QMwQVyXlD0X_Z-lYGFoNBxn1m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"15018\">Ici, <code data-backticks=\"1\" data-nodeid=\"15214\">si<\/code> introduit une d\u00e9cision et <code data-backticks=\"1\" data-nodeid=\"15216\">fin si<\/code> la ferme. Les <code data-backticks=\"1\" data-nodeid=\"15218\">Oui<\/code> et <code data-backticks=\"1\" data-nodeid=\"15220\">Non<\/code> \u00e9tiquettes rendent les alternatives visibles. Lorsque les chemins continuent vers une action commune apr\u00e8s <code data-backticks=\"1\" data-nodeid=\"15222\">fin si<\/code>, ils se rejoignent au flux.<\/p>\n<p data-nodeid=\"15019\"><strong data-nodeid=\"15228\">Conseil de mod\u00e9lisation :<\/strong> Soyez explicite sur ce qui se produit pour chaque r\u00e9sultat significatif. Si un chemin d&#8217;erreur, de d\u00e9lai d&#8217;attente ou de rejet est important pour les parties prenantes, montrez-le plut\u00f4t que de le laisser implicite.<\/p>\n<h2 data-nodeid=\"15020\">4. Boucles et tentatives de reprise<\/h2>\n<p data-nodeid=\"15021\">Utilisez une boucle lorsqu&#8217;une action ou un groupe d&#8217;actions peut se r\u00e9p\u00e9ter. Cet exemple continue de demander une entr\u00e9e jusqu&#8217;\u00e0 ce qu&#8217;elle passe la validation :<\/p>\n<p id=\"LPNOiFi\"><img alt=\"Interface VPasCode affichant le code PlantUML pour une boucle de validation de donn\u00e9es \u00e0 c\u00f4t\u00e9 de son diagramme d'activit\u00e9 UML g\u00e9n\u00e9r\u00e9 montrant la logique de r\u00e9essai.\" class=\"alignnone size-full wp-image-21873\" decoding=\"async\" height=\"868\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-1024x464.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-768x348.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-1536x696.png 1536w\" width=\"1915\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP0nRiCm34Lt0Re3jpfNS8OcGBi5pPPTjUcKW4mr5DNpTFKvTB5ITGeaI3S2d-z_Vkwo1j4oH-_6khmNzQu_a214p30cvhhOa5EPATkmzSuxgSjdNHJ5Eu3-52ADAFV0jacPe5jLUDv0Y4aoTCT2coOQ-Sg2Pyeg_zB69r6IrOaJG_UM-8_TJnCD7rSGHR2OkGLzjRoWPEjNb_u5vy3jmleDyQaeHSf13MZxGnAXyyC1Hax4bdlJ5ZImmgKWT8Sxco6n4fVVbfXrxGWt5tjdPjxja4Vxz0y0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"15022\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nd\u00e9but\r\n:Lire les donn\u00e9es soumises ;\r\n\r\nr\u00e9p\u00e9ter\r\n  :Valider les donn\u00e9es ;\r\n  si (Valide ?) alors (Oui)\r\n    :Enregistrer les donn\u00e9es ;\r\n    sortir\r\n  sinon (Non)\r\n    :Afficher les erreurs de validation ;\r\n    :Demander \u00e0 l'utilisateur de corriger les donn\u00e9es ;\n  fin si\r\nr\u00e9p\u00e9ter tant que (L'utilisateur continue ?) est (Oui) non (Non)\r\n\r\nfin\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP0nRiCm34Lt0Re3jpfNS8OcGBi5pPPTjUcKW4mr5DNpTFKvTB5ITGeaI3S2d-z_Vkwo1j4oH-_6khmNzQu_a214p30cvhhOa5EPATkmzSuxgSjdNHJ5Eu3-52ADAFV0jacPe5jLUDv0Y4aoTCT2coOQ-Sg2Pyeg_zB69r6IrOaJG_UM-8_TJnCD7rSGHR2OkGLzjRoWPEjNb_u5vy3jmleDyQaeHSf13MZxGnAXyyC1Hax4bdlJ5ZImmgKWT8Sxco6n4fVVbfXrxGWt5tjdPjxja4Vxz0y0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"15023\">Les boucles peuvent \u00eatre difficiles \u00e0 lire si leur condition de sortie est vague. Indiquez ce qui d\u00e9clenche une nouvelle tentative et ce qui met fin \u00e0 la r\u00e9p\u00e9tition, surtout lorsque les r\u00e9essais sont limit\u00e9s ou peuvent \u00eatre annul\u00e9s.<\/p>\n<h2 data-nodeid=\"15024\">5. Travail parall\u00e8le et synchronisation<\/h2>\n<p data-nodeid=\"15025\">Utilisez <code data-backticks=\"1\" data-nodeid=\"15234\">fork<\/code> lorsque des actions ind\u00e9pendantes peuvent se produire simultan\u00e9ment, et <code data-backticks=\"1\" data-nodeid=\"15236\">end fork<\/code> lorsque les chemins doivent se synchroniser avant que le processus ne continue.<\/p>\n<p id=\"frWqtgq\"><img alt=\"Diagramme d'activit\u00e9 UML VPasCode montrant des chemins de fork parall\u00e8les pour l'envoi d'e-mails, la pr\u00e9paration de listes et la mise \u00e0 jour des tableaux de bord avant la synchronisation.\" class=\"alignnone size-full wp-image-21874\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-1536x700.png 1536w\" width=\"1914\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PP0nhi8m38RtIBc3jpTn0ReWFJ4YSGMN6fH7uXJNgSHj6EdE3NAnvz21WScMxV_xRUycHT6IedT3NVgYtcr_Sqh80y4fypb8gWj1vvrtvonNxm2sUvxpdGGA0sqIXWYVQTIG6RhtCE050xybHwdBY6AYY133fDGqerLZVSwKYBKLueybGcDzwJVZG6ezg0_uoyL018fz92nDsMSPB4um6y52vuW7M5UsemuejxAwdpxtfKH0R4cHgK5KCEYwZBatsvrHx3t_\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"15026\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nd\u00e9but\r\n:Commande confirm\u00e9e ;\r\n\r\nfork\r\n  :Envoyer un e-mail de confirmation ;\nfork again\r\n  :Pr\u00e9parer la liste de pr\u00e9l\u00e8vement de l'entrep\u00f4t ;\nfork again\r\n  :Mettre \u00e0 jour le tableau de bord des ventes ;\nend fork\r\n\r\n:Marquer la commande comme en cours de traitement ;\nfin\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PP0nhi8m38RtIBc3jpTn0ReWFJ4YSGMN6fH7uXJNgSHj6EdE3NAnvz21WScMxV_xRUycHT6IedT3NVgYtcr_Sqh80y4fypb8gWj1vvrtvonNxm2sUvxpdGGA0sqIXWYVQTIG6RhtCE050xybHwdBY6AYY133fDGqerLZVSwKYBKLueybGcDzwJVZG6ezg0_uoyL018fz92nDsMSPB4um6y52vuW7M5UsemuejxAwdpxtfKH0R4cHgK5KCEYwZBatsvrHx3t_\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"15027\">Un fork ne signifie pas n\u00e9cessairement des personnes diff\u00e9rentes ; il peut repr\u00e9senter un comportement syst\u00e8me concurrent. Utilisez-le uniquement lorsque les actions peuvent r\u00e9ellement se produire en parall\u00e8le. Si une t\u00e2che doit se terminer avant qu&#8217;une autre ne commence, mod\u00e9lisez-les s\u00e9quentiellement \u00e0 la place.<\/p>\n<h2 data-nodeid=\"15028\">6. Couloirs de nage avec partitions<\/h2>\n<p data-nodeid=\"15029\">Les partitions regroupent les actions par le r\u00f4le, l&#8217;\u00e9quipe ou le syst\u00e8me responsable. Cela peut rendre les transferts clairs sans modifier le processus lui-m\u00eame. PlantUML prend en charge le regroupement des activit\u00e9s avec <code data-backticks=\"1\" data-nodeid=\"15241\">partition<\/code>.<\/p>\n<p id=\"OQtJUKg\"><img alt=\"Interface VPasCode affichant un diagramme d'activit\u00e9 PlantUML avec des couloirs de nage partitionn\u00e9s par les r\u00f4les Client, Service de commande et Entrep\u00f4t.\" class=\"alignnone size-full wp-image-21875\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-1536x700.png 1536w\" width=\"1916\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bP4xJWCn441xIxx3A0sRAv22IAkq414flOadQ2HxlF9d1OeuqFRSO2_6E8kB00sTDPytRyRRb4tCnJkjx3ozbAoLLeE4A5DWw1qXPxXe1N1_2CLZpX716JW5xmrRX8rM7xTDgmF6aKu8acrbgs_6qJYo67yI0191rxV8UAs2XpKO5sA2xgdGkbO9eO_pL05to15VAOcFhuuM_uAo-7IFWLltC_8Otci_9i0OiGY-JJHN_SrIcd8OwkjCdEZNZZkMkSFysMwp5ol9Bc9lmpnPQh1_N6VNvEeYVARepGrbSTeYM_cnBm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"15030\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nd\u00e9but\r\n\r\npartition Client {\r\n  :Soumettre la commande ;\r\n}\r\n\r\npartition \"Service de commande\" {\r\n  :Valider la commande ;\r\n  si (Commande valide ?) alors (Oui)\r\n    :Cr\u00e9er l'enregistrement de la commande ;\r\n  sinon (Non)\r\n    :Renvoyer les erreurs de validation ;\r\n    stop\r\n  finsi\r\n}\r\n\r\npartition Entrep\u00f4t {\r\n  :Pr\u00e9parer l'exp\u00e9dition ;\r\n}\r\n\r\npartition \"Service de commande\" {\r\n  :Envoyer la confirmation ;\r\n}\r\n\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bP4xJWCn441xIxx3A0sRAv22IAkq414flOadQ2HxlF9d1OeuqFRSO2_6E8kB00sTDPytRyRRb4tCnJkjx3ozbAoLLeE4A5DWw1qXPxXe1N1_2CLZpX716JW5xmrRX8rM7xTDgmF6aKu8acrbgs_6qJYo67yI0191rxV8UAs2XpKO5sA2xgdGkbO9eO_pL05to15VAOcFhuuM_uAo-7IFWLltC_8Otci_9i0OiGY-JJHN_SrIcd8OwkjCdEZNZZkMkSFysMwp5ol9Bc9lmpnPQh1_N6VNvEeYVARepGrbSTeYM_cnBm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"15031\">Choisissez des libell\u00e9s de couloirs qui correspondent \u00e0 la v\u00e9ritable r\u00e9partition des responsabilit\u00e9s. \u00c9vitez de cr\u00e9er une nouvelle partition pour chaque petit composant ; trop de couloirs peuvent rendre le diagramme plus difficile \u00e0 parcourir.<\/p>\n<h2 data-nodeid=\"15032\">7. Objets de donn\u00e9es et notes<\/h2>\n<p data-nodeid=\"15033\">Certains flux de travail b\u00e9n\u00e9ficient de l&#8217;affichage des entr\u00e9es ou sorties importantes. Les diagrammes d&#8217;activit\u00e9 PlantUML prennent en charge les st\u00e9r\u00e9otypes de n\u0153uds d&#8217;objet ; les notes peuvent \u00e9galement ajouter du contexte sans transformer chaque libell\u00e9 d&#8217;action en un paragraphe.<\/p>\n<p id=\"xkTLSwh\"><img alt=\"Interface VPasCode affichant le code PlantUML pour un flux de paiement \u00e0 c\u00f4t\u00e9 du diagramme d'activit\u00e9 rendu comportant une note attach\u00e9e \u00e0 l'action d'autorisation du paiement.\" class=\"alignnone size-full wp-image-21876\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1910px) 100vw, 1910px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26.png 1910w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-1536x700.png 1536w\" width=\"1910\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JO-x3SD028Px9Ez0bou3E8rJP8586U2Imn7I6IoEopnfFOSNCvORLo3n_G-6wicyJQM3l2xlvXtqJ_hGJzcm9Cmq9SaK4-V4D94utZe8wjvSZIi5Thw1g1EkVyocx0I8B-SItEvcwpAhn9ulwP0dPvM0SiDHcmdNIitESLSOMN1t1UWVOlJbwdR4XbzjnPFl-bE7wZh3G9BZiGq0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"15034\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nd\u00e9but\r\n:Recevoir la demande de paiement ;\r\n\r\n:Autoriser le paiement ;\nnote \u00e0 droite\n  Utilise la r\u00e9ponse d'autorisation\n  du fournisseur de paiement.\nfin note\n\n:Enregistrer le r\u00e9sultat du paiement ;\nstop\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JO-x3SD028Px9Ez0bou3E8rJP8586U2Imn7I6IoEopnfFOSNCvORLo3n_G-6wicyJQM3l2xlvXtqJ_hGJzcm9Cmq9SaK4-V4D94utZe8wjvSZIi5Thw1g1EkVyocx0I8B-SItEvcwpAhn9ulwP0dPvM0SiDHcmdNIitESLSOMN1t1UWVOlJbwdR4XbzjnPFl-bE7wZh3G9BZiGq0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"15035\">Gardez les libell\u00e9s des activit\u00e9s principales courts. Placez les r\u00e8gles m\u00e9tier, les hypoth\u00e8ses ou les clarifications dans des notes lorsque les lecteurs en ont besoin, mais qu&#8217;elles ne sont pas elles-m\u00eames des \u00e9tapes du flux.<\/p>\n<h2 data-nodeid=\"15036\">8. Exemple complet : paiement en ligne<\/h2>\n<p data-nodeid=\"15037\">Cet exemple plus grand combine des partitions, une d\u00e9cision, un chemin alternatif et un travail parall\u00e8le.<\/p>\n<p id=\"uthqljR\"><img alt=\"Diagramme d'activit\u00e9 UML pour un processus de paiement en ligne montrant la soumission du client, la validation, l'autorisation du paiement, et la confirmation parall\u00e8le et la pr\u00e9paration en entrep\u00f4t.\" class=\"alignnone size-full wp-image-21877\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-1536x699.png 1536w\" width=\"1916\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPDDRi8m48NtESM83N25iYW8iMoBGEhUZITqLCUEx35ILN6Wx7k3NAmJauJGFx6pFC-VvpsFbu6LvrYQZ8azmbOHbcWPq8AXWyKiqqtz4ZdBAX4IaxEmDjHAFZA0k-UczbGGUZ08bRBjQj4MzYwMo2qp5Jhi8ZkDIPCz-YFb21eXTsMfhCP91rQ6z1KM6SnKQOyXe81450Xcsw7ObuxfP83xEIZZV83PKwIvo8MwLYQFvenbnygaPWDPQMRsw6mdMnK5vQz95W2znoWOtQ5LQdsHb85T9Ok2RA2_hVNsEskhoCvJwCqDqGoEkXrLLTx5OrEFhApwlS5GnT7_G0sUTbZ4CAXtQ8_klLLFcreCvg3ZzR5RBNrxhRLlwXQhXiBvgGldtwJ-EyCwbj79KvvdZf0sVOSjoXRaotFUepjJewV41dLGPAzks5WPkghvv9xuq8tXg3UPxe8aCJrLp69TidCntLc94M5TtlYKeTMGVDmMnMLs_dKWuQIabuAN__S5\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"15038\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\ntitre Paiement en ligne\n\nd\u00e9but\n\npartition Client {\n  :V\u00e9rifier le panier ;\n  :Soumettre le paiement ;\n}\n\npartition \"Service de commande\" {\n  :Valider le panier et l'adresse ;\n\n  si (Panier et adresse valides ?) alors (Oui)\n    :Calculer le total ;\n  sinon (Non)\n    :Afficher les erreurs de validation ;\n    stop\n  finsi\n}\n\npartition \"Service de paiement\" {\n  :Autoriser le paiement ;\n\n  si (Paiement approuv\u00e9 ?) alors (Approuv\u00e9)\n    :Capturer le paiement ;\n  sinon (Refus\u00e9)\n    :Renvoyer l'\u00e9chec du paiement ;\n    stop\n  finsi\n}\n\npartition \"Service de commande\" {\n  :Cr\u00e9er la commande ;\n}\n\nfork\n  partition \"Service de notification\" {\n    :Envoyer la confirmation de commande ;\n  }\nfork again\n  partition Entrep\u00f4t {\n    :Mettre la commande en file d'attente pour la pr\u00e9paration ;\n  }\nend fork\n\npartition \"Service de commande\" {\n  :Afficher la confirmation de commande ;\n}\n\nstop\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPDDRi8m48NtESM83N25iYW8iMoBGEhUZITqLCUEx35ILN6Wx7k3NAmJauJGFx6pFC-VvpsFbu6LvrYQZ8azmbOHbcWPq8AXWyKiqqtz4ZdBAX4IaxEmDjHAFZA0k-UczbGGUZ08bRBjQj4MzYwMo2qp5Jhi8ZkDIPCz-YFb21eXTsMfhCP91rQ6z1KM6SnKQOyXe81450Xcsw7ObuxfP83xEIZZV83PKwIvo8MwLYQFvenbnygaPWDPQMRsw6mdMnK5vQz95W2znoWOtQ5LQdsHb85T9Ok2RA2_hVNsEskhoCvJwCqDqGoEkXrLLTx5OrEFhApwlS5GnT7_G0sUTbZ4CAXtQ8_klLLFcreCvg3ZzR5RBNrxhRLlwXQhXiBvgGldtwJ-EyCwbj79KvvdZf0sVOSjoXRaotFUepjJewV41dLGPAzks5WPkghvv9xuq8tXg3UPxe8aCJrLp69TidCntLc94M5TtlYKeTMGVDmMnMLs_dKWuQIabuAN__S5\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"QdBXLzE\"><img alt=\"Diagramme d'activit\u00e9 PlantUML montrant le flux de paiement en ligne avec des partitions de services Client, Commande, Paiement, Notification et Entrep\u00f4t.\" class=\"alignnone size-full wp-image-21878\" decoding=\"async\" height=\"1054\" loading=\"lazy\" sizes=\"auto, (max-width: 456px) 100vw, 456px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16.png 456w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16-130x300.png 130w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16-443x1024.png 443w\" width=\"456\"\/><\/p>\n<p data-nodeid=\"15039\">Lisez-le de haut en bas : le client soumet le paiement, le service de commande le valide, le paiement est autoris\u00e9, et la commande est cr\u00e9\u00e9e. Ensuite, la confirmation et la pr\u00e9paration en entrep\u00f4t s&#8217;ex\u00e9cutent en parall\u00e8le. Si la validation ou le paiement \u00e9choue, le flux se termine via le chemin d&#8217;\u00e9chec appropri\u00e9.<\/p>\n<h2 data-nodeid=\"15040\">9. Flux de travail Diagramme-as-code<\/h2>\n<p data-nodeid=\"15041\">Un flux de travail pratique est :<\/p>\n<h2 data-nodeid=\"15040\">Flux de travail Diagramme-as-code<\/h2>\n<p data-nodeid=\"15041\">Un flux de travail pratique est :<\/p>\n<ol data-nodeid=\"15042\">\n<li data-nodeid=\"15043\">\n<p data-nodeid=\"15044\"><strong data-nodeid=\"15260\">D\u00e9crivez le processus en langage clair.<\/strong>Identifiez son d\u00e9but, sa fin, les actions principales, les d\u00e9cisions, les exceptions, les t\u00e2ches parall\u00e8les et les r\u00f4les responsables.<\/p>\n<\/li>\n<li data-nodeid=\"15045\">\n<p data-nodeid=\"15046\"><strong data-nodeid=\"15265\">R\u00e9digez une premi\u00e8re \u00e9bauche PlantUML.<\/strong>Concentrez-vous sur la logique avant le style.<\/p>\n<\/li>\n<li data-nodeid=\"15047\">\n<p data-nodeid=\"15048\"><strong data-nodeid=\"15270\">G\u00e9n\u00e9rez et inspectez-le.<\/strong>V\u00e9rifiez que le r\u00e9sultat se lit naturellement et que les branches et les boucles sont compr\u00e9hensibles.<\/p>\n<\/li>\n<li data-nodeid=\"15049\">\n<p data-nodeid=\"15050\"><strong data-nodeid=\"15275\">Examinez la logique avec les parties prenantes.<\/strong>Le rendu v\u00e9rifie la syntaxe, pas si le processus est correct.<\/p>\n<\/li>\n<li data-nodeid=\"15051\">\n<p data-nodeid=\"15052\"><strong data-nodeid=\"15280\">R\u00e9visez la source et enregistrez-la avec le projet.<\/strong>Les diagrammes bas\u00e9s sur du texte sont faciles \u00e0 comparer et \u00e0 examiner aux c\u00f4t\u00e9s d&#8217;autres documents.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"15053\">Pour le rendu local, l&#8217;outil en ligne de commande de PlantUML peut g\u00e9n\u00e9rer des fichiers de diagrammes ; les \u00e9diteurs bas\u00e9s sur le navigateur sont pratiques pour des \u00e9bauches rapides et des aper\u00e7us. PlantUML propose \u00e9galement un \u00e9diteur navigateur, tandis que VPasCode offre un \u00e9diteur bas\u00e9 sur le navigateur avec aper\u00e7u en direct et prise en charge des diagrammes d&#8217;activit\u00e9 PlantUML.<\/p>\n<ol data-nodeid=\"15042\">\n<li data-nodeid=\"15043\">\n<p data-nodeid=\"15044\"><strong data-nodeid=\"15260\">D\u00e9crivez le processus en langage clair.<\/strong>Identifiez son d\u00e9but, sa fin, les actions principales, les d\u00e9cisions, les exceptions, les t\u00e2ches parall\u00e8les et les r\u00f4les responsables.<\/p>\n<\/li>\n<li data-nodeid=\"15045\">\n<p data-nodeid=\"15046\"><strong data-nodeid=\"15265\">R\u00e9digez une premi\u00e8re \u00e9bauche PlantUML.<\/strong>Concentrez-vous sur la logique avant le style.<\/p>\n<\/li>\n<li data-nodeid=\"15047\">\n<p data-nodeid=\"15048\"><strong data-nodeid=\"15270\">G\u00e9n\u00e9rez et inspectez-le.<\/strong>V\u00e9rifiez que le r\u00e9sultat se lit naturellement et que les branches et les boucles sont compr\u00e9hensibles.<\/p>\n<\/li>\n<li data-nodeid=\"15049\">\n<p data-nodeid=\"15050\"><strong data-nodeid=\"15275\">Examinez la logique avec les parties prenantes.<\/strong>Le rendu v\u00e9rifie la syntaxe, pas si le processus est correct.<\/p>\n<\/li>\n<li data-nodeid=\"15051\">\n<p data-nodeid=\"15052\"><strong data-nodeid=\"15280\">R\u00e9visez la source et enregistrez-la avec le projet.<\/strong>Les diagrammes bas\u00e9s sur du texte sont faciles \u00e0 comparer et \u00e0 examiner aux c\u00f4t\u00e9s d&#8217;autres documents.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"15053\">Pour le rendu local, l&#8217;outil en ligne de commande de PlantUML peut g\u00e9n\u00e9rer des fichiers de diagrammes ; les \u00e9diteurs bas\u00e9s sur le navigateur sont pratiques pour des \u00e9bauches rapides et des aper\u00e7us. PlantUML propose \u00e9galement un \u00e9diteur navigateur, tandis que VPasCode offre un \u00e9diteur bas\u00e9 sur le navigateur avec aper\u00e7u en direct et prise en charge des diagrammes d&#8217;activit\u00e9 PlantUML.<\/p>\n<h2 data-nodeid=\"15054\">10. Utilisation de Visual Paradigm VPasCode et de l&#8217;assistance par IA<\/h2>\n<p data-nodeid=\"15055\">VPasCode est l&#8217;\u00e9diteur de diagrammes \u00e0 partir de texte bas\u00e9 sur le navigateur de Visual Paradigm. Son support PlantUML inclut les diagrammes d&#8217;activit\u00e9, et son \u00e9diteur offre un rendu en direct. Visual Paradigm d\u00e9crit \u00e9galement la g\u00e9n\u00e9ration de diagrammes en langage naturel int\u00e9gr\u00e9e et l&#8217;assistance par IA pour modifier ou corriger le code des diagrammes.<\/p>\n<p data-nodeid=\"15056\">Un flux de travail utile assist\u00e9 par IA :<\/p>\n<p><img alt=\"Flux de travail en cinq \u00e9tapes illustrant comment cr\u00e9er des diagrammes d'activit\u00e9 PlantUML en utilisant VPasCode, de la r\u00e9daction du code \u00e0 la r\u00e9vision de la logique et \u00e0 l'enregistrement des fichiers sources.\" class=\"alignnone size-full wp-image-21880\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ol data-nodeid=\"15057\">\n<li data-nodeid=\"15058\">\n<p data-nodeid=\"15059\"><strong data-nodeid=\"15297\">Formulez une demande pour le comportement, pas seulement pour le type de diagramme.<\/strong>Par exemple :<br \/>\n<em data-nodeid=\"15298\">\u00ab Cr\u00e9ez un diagramme d&#8217;activit\u00e9 PlantUML pour un paiement en ligne. Incluez la validation du panier, la validation de l&#8217;adresse, l&#8217;autorisation de paiement, les chemins d&#8217;\u00e9chec, la cr\u00e9ation de commande, ainsi que l&#8217;envoi parall\u00e8le d&#8217;un e-mail de confirmation et la pr\u00e9paration en entrep\u00f4t. Utilisez des partitions pour le Client, le Service de Commande, le Service de Paiement, le Service de Notification et l&#8217;Entrep\u00f4t. Utilisez la syntaxe actuelle des diagrammes d&#8217;activit\u00e9 PlantUML. \u00bb<\/em><\/p>\n<\/li>\n<li data-nodeid=\"15060\">\n<p data-nodeid=\"15061\"><strong data-nodeid=\"15307\">Inspectez la source g\u00e9n\u00e9r\u00e9e.<\/strong>V\u00e9rifiez qu&#8217;elle utilise &#8220;<code data-backticks=\"1\" data-nodeid=\"15303\">@startuml<\/code>\/<code data-backticks=\"1\" data-nodeid=\"15305\">@enduml<\/code>, que chaque branche repr\u00e9sente une condition r\u00e9elle, et que les chemins \u00e9chou\u00e9s ou alternatifs sont g\u00e9r\u00e9s.<\/p>\n<\/li>\n<li data-nodeid=\"15062\">\n<p data-nodeid=\"15063\"><strong data-nodeid=\"15312\">Rendez-le dans VPasCode.<\/strong>Utilisez l&#8217;aper\u00e7u pour rep\u00e9rer les erreurs de syntaxe, les \u00e9tiquettes confuses ou les mises en page trop complexes.<\/p>\n<\/li>\n<li data-nodeid=\"15064\">\n<p data-nodeid=\"15065\"><strong data-nodeid=\"15317\">Affinez le PlantUML vous-m\u00eame ou avec des modifications cibl\u00e9es par l&#8217;IA.<\/strong>Demandez un changement sp\u00e9cifique, comme \u00ab Ajouter un chemin de d\u00e9lai d&#8217;attente de paiement \u00bb ou \u00ab Rendre la pr\u00e9paration en entrep\u00f4t s\u00e9quentielle apr\u00e8s la cr\u00e9ation de la commande. \u00bb<\/p>\n<\/li>\n<li data-nodeid=\"15066\">\n<p data-nodeid=\"15067\"><strong data-nodeid=\"15322\">Validez le processus avec quelqu&#8217;un qui le conna\u00eet.<\/strong>L&#8217;IA peut r\u00e9diger un diagramme plausible, mais elle ne peut pas \u00e9tablir que le processus r\u00e9el de votre organisation est correct.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"15068\">Les contr\u00f4les exacts et la disponibilit\u00e9 des fonctionnalit\u00e9s de VPasCode peuvent varier selon l&#8217;\u00e9dition du produit ; confirmez les options actuelles dans l&#8217;\u00e9diteur que vous utilisez.<\/p>\n<h2 data-nodeid=\"15069\">11. Flux de travail de mod\u00e9lisation Visual Paradigm<\/h2>\n<p data-nodeid=\"15070\">Utilisez VPasCode lorsque vous souhaitez travailler directement avec la source du diagramme et l&#8217;aper\u00e7u. Utilisez l&#8217;environnement de mod\u00e9lisation de Visual Paradigm lorsque la t\u00e2che n\u00e9cessite une \u00e9dition graphique ou un travail de mod\u00e9lisation plus large. La guidance de Visual Paradigm d\u00e9crit un flux de travail de g\u00e9n\u00e9ration ou d&#8217;importation d&#8217;un diagramme, puis de son affinage dans l&#8217;\u00e9diteur visuel ; les chemins d&#8217;import exacts peuvent d\u00e9pendre du produit et de la version.<\/p>\n<p data-nodeid=\"15071\">Une passation raisonnable est :<\/p>\n<p><img alt=\"Diagramme de flux de travail Visual Paradigm montrant quatre \u00e9tapes : r\u00e9daction de la source PlantUML, partage pour r\u00e9vision, importation dans Visual Paradigm, et affinement tout en maintenant le contr\u00f4le de version.\" class=\"alignnone size-full wp-image-21882\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ol data-nodeid=\"15072\">\n<li data-nodeid=\"15073\">\n<p data-nodeid=\"15074\">\u00c9laborez et it\u00e9rez dans PlantUML.<\/p>\n<\/li>\n<li data-nodeid=\"15075\">\n<p data-nodeid=\"15076\">Partagez le diagramme rendu et la source pour examen.<\/p>\n<\/li>\n<li data-nodeid=\"15077\">\n<p data-nodeid=\"15078\">Ouvrez ou importez-le dans l&#8217;\u00e9diteur Visual Paradigm pertinent si vous avez besoin d&#8217;\u00e9dition visuelle ou d&#8217;autres capacit\u00e9s de mod\u00e9lisation.<\/p>\n<\/li>\n<li data-nodeid=\"15079\">\n<p data-nodeid=\"15080\">Conservez la source PlantUML comme version maintenue si c&#8217;est la source de v\u00e9rit\u00e9 choisie par l&#8217;\u00e9quipe ; \u00e9vitez de faire silencieusement des modifications conflictuelles \u00e0 deux endroits.<\/p>\n<\/li>\n<\/ol>\n<h2 data-nodeid=\"15081\">12. Erreurs courantes et liste de contr\u00f4le de qualit\u00e9<\/h2>\n<p data-nodeid=\"15082\">Avant de partager un diagramme, v\u00e9rifiez :<\/p>\n<p><img alt=\"Infographie de liste de contr\u00f4le de qualit\u00e9 pour les diagrammes d'activit\u00e9, pr\u00e9sentant des \u00e9tapes de validation du flux et un exemple de flux de travail de processus de commande avec des points de d\u00e9cision et une gestion des erreurs.\" class=\"alignnone size-full wp-image-21884\" decoding=\"async\" height=\"1151\" loading=\"lazy\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9.png 1367w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9-300x253.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9-1024x862.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9-768x647.png 768w\" width=\"1367\"\/><\/p>\n<ul data-nodeid=\"15083\">\n<li data-nodeid=\"15084\">\n<p data-nodeid=\"15085\">A-t-il un d\u00e9but clair et une fin significative ?<\/p>\n<\/li>\n<li data-nodeid=\"15086\">\n<p data-nodeid=\"15087\">Chaque action d\u00e9crit-elle une partie de travail reconnaissable ?<\/p>\n<\/li>\n<li data-nodeid=\"15088\">\n<p data-nodeid=\"15089\">Les issues des d\u00e9cisions sont-elles clairement \u00e9tiquet\u00e9es ?<\/p>\n<\/li>\n<li data-nodeid=\"15090\">\n<p data-nodeid=\"15091\">Les chemins de rejet, d&#8217;erreur, de d\u00e9lai d&#8217;attente ou d&#8217;annulation sont-ils inclus l\u00e0 o\u00f9 ils sont importants ?<\/p>\n<\/li>\n<li data-nodeid=\"15092\">\n<p data-nodeid=\"15093\">Les conditions de boucle rendent-elles claires le comportement de r\u00e9p\u00e9tition et de sortie ?<\/p>\n<\/li>\n<li data-nodeid=\"15094\">\n<p data-nodeid=\"15095\">Les actions parall\u00e8les sont-elles v\u00e9ritablement ind\u00e9pendantes, et la synchronisation est-elle indiqu\u00e9e l\u00e0 o\u00f9 c&#8217;est n\u00e9cessaire ?<\/p>\n<\/li>\n<li data-nodeid=\"15096\">\n<p data-nodeid=\"15097\">Les partitions repr\u00e9sentent-elles des limites de propri\u00e9t\u00e9 utiles ?<\/p>\n<\/li>\n<li data-nodeid=\"15098\">\n<p data-nodeid=\"15099\">Un lecteur peut-il comprendre le flux sans lire de longues \u00e9tiquettes d&#8217;action ?<\/p>\n<\/li>\n<li data-nodeid=\"15100\">\n<p data-nodeid=\"15101\">Le diagramme rendu correspond-il au processus r\u00e9el ?<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"15102\">Un bon diagramme d&#8217;activit\u00e9 n&#8217;est pas le plus long ni le plus d\u00e9taill\u00e9. C&#8217;est le plus petit diagramme qui rend clairs le flux de travail, les d\u00e9cisions, les responsabilit\u00e9s et les exceptions importantes.<\/p>\n<h3 data-nodeid=\"15103\">R\u00e9f\u00e9rence rapide de syntaxe<\/h3>\n<table data-nodeid=\"15105\">\n<thead data-nodeid=\"15106\">\n<tr data-nodeid=\"15107\">\n<th data-nodeid=\"15109\">Objectif<\/th>\n<th data-nodeid=\"15110\">Mod\u00e8le PlantUML<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"15113\">\n<tr data-nodeid=\"15114\">\n<td data-nodeid=\"15115\">D\u00e9marrage<\/td>\n<td data-nodeid=\"15116\"><code data-backticks=\"1\" data-nodeid=\"15349\">start<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15117\">\n<td data-nodeid=\"15118\">Action<\/td>\n<td data-nodeid=\"15119\"><code data-backticks=\"1\" data-nodeid=\"15351\">:Faire quelque chose;<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15120\">\n<td data-nodeid=\"15121\">D\u00e9cision<\/td>\n<td data-nodeid=\"15122\"><code data-backticks=\"1\" data-nodeid=\"15353\">si (Condition ?) alors (Oui) ... sinon (Non) ... fin si<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15123\">\n<td data-nodeid=\"15124\">Boucle<\/td>\n<td data-nodeid=\"15125\"><code data-backticks=\"1\" data-nodeid=\"15355\">r\u00e9p\u00e9ter ... r\u00e9p\u00e9ter tant que (Condition ?)<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15126\">\n<td data-nodeid=\"15127\">Travail parall\u00e8le<\/td>\n<td data-nodeid=\"15128\"><code data-backticks=\"1\" data-nodeid=\"15357\">fork ... fork again ... end fork<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15129\">\n<td data-nodeid=\"15130\">Groupe de responsabilit\u00e9s<\/td>\n<td data-nodeid=\"15131\"><code data-backticks=\"1\" data-nodeid=\"15359\">partition Role { ... }<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15132\">\n<td data-nodeid=\"15133\">Fin<\/td>\n<td data-nodeid=\"15134\"><code data-backticks=\"1\" data-nodeid=\"15361\">stop<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"\" data-nodeid=\"15135\">Les exemples utilisent la syntaxe actuelle des diagrammes d&#8217;activit\u00e9 de PlantUML. Pour des constructions peu courantes ou un comportement de rendu sp\u00e9cifique \u00e0 une version, consultez la r\u00e9f\u00e9rence des diagrammes d&#8217;activit\u00e9 PlantUML.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un diagramme d&#8217;activit\u00e9 UML mod\u00e9lise comment le travail circuleau sein d&#8217;un processus : les actions effectu\u00e9es, les d\u00e9cisions prises, le<\/p>\n","protected":false},"author":11,"featured_media":12641,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[81,85,120],"tags":[],"asset-category":[126,127,125],"class_list":["post-12640","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-visual-paradigm","category-vpascode-editor","asset-category-uml","asset-category-visual-paradigm","asset-category-vpascode"],"source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>VPasCode : Diagrammes d&#039;activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique - Cyberm\u00e9diane<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode : Diagrammes d&#039;activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique - Cyberm\u00e9diane\" \/>\n<meta property=\"og:description\" content=\"Un diagramme d&#8217;activit\u00e9 UML mod\u00e9lise comment le travail circuleau sein d&#8217;un processus : les actions effectu\u00e9es, les d\u00e9cisions prises, le\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Cyberm\u00e9diane\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-13T03:08:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-14T05:09:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1402\" \/>\n\t<meta property=\"og:image:height\" content=\"1122\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"VPasCode : Diagrammes d&#8217;activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique\",\"datePublished\":\"2026-10-13T03:08:32+00:00\",\"dateModified\":\"2026-10-14T05:09:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\"},\"wordCount\":2131,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png\",\"articleSection\":[\"AI\",\"Visual Paradigm\",\"VPasCode Editor\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\",\"name\":\"VPasCode : Diagrammes d'activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique - Cyberm\u00e9diane\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png\",\"datePublished\":\"2026-10-13T03:08:32+00:00\",\"dateModified\":\"2026-10-14T05:09:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png\",\"width\":1402,\"height\":1122},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode : Diagrammes d&#8217;activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/\",\"name\":\"Cyberm\u00e9diane\",\"description\":\"Apprendre une nouvelle chose tous les jours\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/fr\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode : Diagrammes d'activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique - Cyberm\u00e9diane","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","og_locale":"fr_FR","og_type":"article","og_title":"VPasCode : Diagrammes d'activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique - Cyberm\u00e9diane","og_description":"Un diagramme d&#8217;activit\u00e9 UML mod\u00e9lise comment le travail circuleau sein d&#8217;un processus : les actions effectu\u00e9es, les d\u00e9cisions prises, le","og_url":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","og_site_name":"Cyberm\u00e9diane","article_published_time":"2026-10-13T03:08:32+00:00","article_modified_time":"2026-10-14T05:09:18+00:00","og_image":[{"width":1402,"height":1122,"url":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"curtis","Dur\u00e9e de lecture estim\u00e9e":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"VPasCode : Diagrammes d&#8217;activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique","datePublished":"2026-10-13T03:08:32+00:00","dateModified":"2026-10-14T05:09:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"},"wordCount":2131,"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png","articleSection":["AI","Visual Paradigm","VPasCode Editor"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","url":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","name":"VPasCode : Diagrammes d'activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique - Cyberm\u00e9diane","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png","datePublished":"2026-10-13T03:08:32+00:00","dateModified":"2026-10-14T05:09:18+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage","url":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png","contentUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acda0c62804b.png","width":1402,"height":1122},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/fr\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/fr\/"},{"@type":"ListItem","position":2,"name":"VPasCode : Diagrammes d&#8217;activit\u00e9 UML avec PlantUML &#8211; Un tutoriel pratique"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/fr\/#website","url":"https:\/\/www.cybermedian.com\/fr\/","name":"Cyberm\u00e9diane","description":"Apprendre une nouvelle chose tous les jours","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/fr\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/12640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/comments?post=12640"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/12640\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media\/12641"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media?parent=12640"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/categories?post=12640"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/tags?post=12640"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/asset-category?post=12640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}