{"id":12634,"date":"2026-10-13T16:56:52","date_gmt":"2026-10-13T08:56:52","guid":{"rendered":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"},"modified":"2026-10-14T13:08:21","modified_gmt":"2026-10-14T05:08:21","slug":"uml-use-case-diagrams-as-code-with-plantuml-and-vpascode","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","title":{"rendered":"Diagrammes de cas d&#8217;utilisation UML en code avec PlantUML et VPasCode"},"content":{"rendered":"<p data-nodeid=\"17103\">Un diagramme de cas d&#8217;utilisation UML montre ce qu&#8217;un syst\u00e8me offre et qui \u2014 ou quoi \u2014 interagit avec lui. Avec un flux de travail diagramme-en-code, la source du diagramme est du texte brut : modifiez le texte, g\u00e9n\u00e9rez le diagramme, et conservez la source \u00e0 c\u00f4t\u00e9 de la documentation du projet.<\/p>\n<p><img alt=\"Diagramme montrant le flux de travail PlantUML : \u00e9dition du code source, g\u00e9n\u00e9ration d'un diagramme de cas d'utilisation UML pour une boutique en ligne, et documentation des deux c\u00f4te \u00e0 c\u00f4te \u00e0 l'aide de VPasCode.\" class=\"alignnone size-full wp-image-21958\" decoding=\"async\" height=\"1024\" loading=\"lazy\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c.png 1536w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-300x200.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-1024x683.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-768x512.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-120x80.png 120w\" width=\"1536\"\/><\/p>\n<p data-nodeid=\"17104\">PlantUML prend en charge les diagrammes de cas d&#8217;utilisation. L&#8217;\u00e9diteur VPasCode de Visual Paradigm propose un \u00e9diteur et un aper\u00e7u PlantUML, ainsi que des fonctionnalit\u00e9s de g\u00e9n\u00e9ration et d&#8217;\u00e9dition de diagrammes assist\u00e9es par IA.<\/p>\n<h2 data-nodeid=\"17105\">1. Ce qu&#8217;un diagramme de cas d&#8217;utilisation communique<\/h2>\n<p data-nodeid=\"17106\">Les diagrammes de cas d&#8217;utilisation se concentrent sur <strong data-nodeid=\"17215\">la port\u00e9e du syst\u00e8me et les objectifs des utilisateurs<\/strong>, et non les m\u00e9canismes \u00e9tape par \u00e9tape d&#8217;un flux de travail. Un diagramme contient g\u00e9n\u00e9ralement :<\/p>\n<p><img alt=\"R\u00e9f\u00e9rence de notation du diagramme de cas d'utilisation UML montrant la limite du syst\u00e8me, l'acteur, le cas d'utilisation, l'association, et les relations telles que inclure, \u00e9tendre et g\u00e9n\u00e9raliser.\" class=\"alignnone size-full wp-image-21961\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ul data-nodeid=\"17107\">\n<li data-nodeid=\"17108\">\n<p data-nodeid=\"17109\"><strong data-nodeid=\"17220\">Limite du syst\u00e8me :<\/strong>Un rectangle nommant le syst\u00e8me mod\u00e9lis\u00e9.<\/p>\n<\/li>\n<li data-nodeid=\"17110\">\n<p data-nodeid=\"17111\"><strong data-nodeid=\"17225\">Acteur :<\/strong>Un r\u00f4le ext\u00e9rieur au syst\u00e8me qui interagit avec lui. Les acteurs peuvent \u00eatre des personnes, des organisations, des appareils ou des syst\u00e8mes externes.<\/p>\n<\/li>\n<li data-nodeid=\"17112\">\n<p data-nodeid=\"17113\"><strong data-nodeid=\"17230\">Cas d&#8217;utilisation :<\/strong>Une capacit\u00e9 ou un objectif fourni par le syst\u00e8me, g\u00e9n\u00e9ralement repr\u00e9sent\u00e9 par un ovale et nomm\u00e9 avec une phrase verbale, comme \u00ab Passer une commande \u00bb.<\/p>\n<\/li>\n<li data-nodeid=\"17114\">\n<p data-nodeid=\"17115\"><strong data-nodeid=\"17235\">Association :<\/strong>Une ligne indiquant qu&#8217;un acteur participe \u00e0 un cas d&#8217;utilisation.<\/p>\n<\/li>\n<li data-nodeid=\"17116\">\n<p data-nodeid=\"17117\"><strong data-nodeid=\"17240\">Relations entre cas d&#8217;utilisation :<\/strong>Inclure, \u00e9tendre et g\u00e9n\u00e9ralisation.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"17118\">Les acteurs repr\u00e9sentent des r\u00f4les, pas des individus sp\u00e9cifiques. Un service de paiement externe peut \u00eatre un acteur s&#8217;il interagit avec le syst\u00e8me mod\u00e9lis\u00e9.<\/p>\n<p data-nodeid=\"17119\">Les diagrammes de cas d&#8217;utilisation sont utiles pour clarifier la port\u00e9e du syst\u00e8me, discuter des exigences avec les parties prenantes, identifier les d\u00e9pendances externes et fournir une vue d&#8217;ensemble partag\u00e9e pour le d\u00e9veloppement et les tests. Associez-les \u00e0 des descriptions \u00e9crites de cas d&#8217;utilisation lorsque vous avez besoin de d\u00e9tails tels que les pr\u00e9conditions, les \u00e9tapes principales, les flux alternatifs et les r\u00e9sultats.<\/p>\n<h2 data-nodeid=\"17120\">2. Relations en un coup d&#8217;\u0153il<\/h2>\n<p><img alt=\"Diagramme des relations de cas d'utilisation UML illustrant l'Association, l'Inclusion, l'Extension et la G\u00e9n\u00e9ralisation avec des exemples et des fl\u00e8ches directionnelles.\" class=\"alignnone size-full wp-image-21963\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ul data-nodeid=\"17121\">\n<li data-nodeid=\"17122\">\n<p data-nodeid=\"17123\"><strong data-nodeid=\"17248\">Association acteur\u2013cas d&#8217;utilisation :<\/strong>Une ligne simple indiquant une interaction.<\/p>\n<\/li>\n<li data-nodeid=\"17124\">\n<p data-nodeid=\"17125\"><strong data-nodeid=\"17258\"><code data-backticks=\"1\" data-nodeid=\"17250\">&lt;&lt;inclure&gt;&gt;<\/code>:<\/strong>Le cas d&#8217;inclusion utilise toujours le comportement inclus. La fl\u00e8che pointill\u00e9e pointe <strong data-nodeid=\"17259\">du cas d&#8217;inclusion vers le cas inclus<\/strong>. Par exemple, passer une commande peut toujours inclure l&#8217;autorisation de paiement.<\/p>\n<\/li>\n<li data-nodeid=\"17126\">\n<p data-nodeid=\"17127\"><strong data-nodeid=\"17269\"><code data-backticks=\"1\" data-nodeid=\"17261\">&lt;&lt;\u00e9tendre&gt;&gt;<\/code>:<\/strong>Un cas d&#8217;extension ajoute un comportement \u00e0 un cas d&#8217;utilisation de base sous une condition. La fl\u00e8che pointill\u00e9e pointe <strong data-nodeid=\"17270\">du cas d&#8217;utilisation d&#8217;extension vers le cas d&#8217;utilisation de base<\/strong>. Par exemple, l&#8217;application d&#8217;une promotion peut \u00e9tendre la passation d&#8217;une commande.<\/p>\n<\/li>\n<li data-nodeid=\"17128\">\n<p data-nodeid=\"17129\"><strong data-nodeid=\"17279\">G\u00e9n\u00e9ralisation :<\/strong> Un acteur ou un cas d&#8217;utilisation sp\u00e9cialis\u00e9 h\u00e9rite d&#8217;un plus g\u00e9n\u00e9ral. La ligne pleine avec un triangle creux pointe <strong data-nodeid=\"17280\">vers l&#8217;\u00e9l\u00e9ment g\u00e9n\u00e9ral<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"17130\">Une distinction utile : <strong data-nodeid=\"17285\">\u00ab include \u00bb signifie un comportement requis ; \u00ab extend \u00bb signifie un comportement conditionnel ajout\u00e9.<\/strong><\/p>\n<h2 data-nodeid=\"17131\">3. Essentiels de PlantUML<\/h2>\n<p data-nodeid=\"17132\">Un diagramme PlantUML commence par <code data-backticks=\"1\" data-nodeid=\"17288\">@startuml<\/code> et se termine par <code data-backticks=\"1\" data-nodeid=\"17290\">@enduml<\/code>. D\u00e9clarez les acteurs avec <code data-backticks=\"1\" data-nodeid=\"17292\">actor<\/code>, les cas d&#8217;utilisation avec <code data-backticks=\"1\" data-nodeid=\"17294\">usecase<\/code> et les limites du syst\u00e8me avec <code data-backticks=\"1\" data-nodeid=\"17296\">rectangle<\/code>. Les alias facilitent la r\u00e9f\u00e9rence aux \u00e9l\u00e9ments dans les relations.<\/p>\n<p id=\"AIPemRZ\"><img alt=\"Interface VPasCode affichant le code PlantUML pour un diagramme de cas d'utilisation de boutique en ligne \u00e0 c\u00f4t\u00e9 de sa sortie rendue montrant un client interagissant avec les limites du syst\u00e8me.\" class=\"alignnone size-full wp-image-21965\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1913px) 100vw, 1913px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb.png 1913w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb-1536x701.png 1536w\" width=\"1913\"\/><\/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:LOzB2iCm34Jt1jzXy3vNAA4zG0izWR7LrE1OHPRfekJkTT8FP2Nqveb1OrKlskPiJQQRGXcIfhiY9g6WYOirrlYWB3YrgZoJh6GDVPaomPrBJeLmxGevlAm1MgNWQy-Emiy-7yAn1QqElkB3Tjeb-q1WYIIRiktMB6lJhnN3SFZVxk3N7gd4_iWR\" 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:LOzB2iCm34Jt1jzXy3vNAA4zG0izWR7LrE1OHPRfekJkTT8FP2Nqveb1OrKlskPiJQQRGXcIfhiY9g6WYOirrlYWB3YrgZoJh6GDVPaomPrBJeLmxGevlAm1MgNWQy-Emiy-7yAn1QqElkB3Tjeb-q1WYIIRiktMB6lJhnN3SFZVxk3N7gd4_iWR\" 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:NOzH3i8m34F_A_KErlvt1JIn2t25gWqZKjT2aduXxaut49huTF9isPDQ46jhzYwnK3Ik1Pck1giGNcxcdNSXMXNCcQdiUWD3MJ9XEDTc_6W4wZvU2WruUWSqfHYq0vSWiJPXwR6AkzJKs7H0KFnUVmPL4hH2Y7LTGqcqq_DNTFgrbVZKmJYUZa67wy4mKKbzv1i0\" \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=\"17133\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndirection left to right\r\n\r\nactor Client\r\n\r\nrectangle \"Boutique en ligne\" {\r\n  usecase \"Parcourir les produits\" as Parcourir\r\n  usecase \"Passer une commande\" as Commander\r\n}\r\n\r\nClient --&gt; Parcourir\r\nClient --&gt; Commander\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOzH3i8m34F_A_KErlvt1JIn2t25gWqZKjT2aduXxaut49huTF9isPDQ46jhzYwnK3Ik1Pck1giGNcxcdNSXMXNCcQdiUWD3MJ9XEDTc_6W4wZvU2WruUWSqfHYq0vSWiJPXwR6AkzJKs7H0KFnUVmPL4hH2Y7LTGqcqq_DNTFgrbVZKmJYUZa67wy4mKKbzv1i0\" \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:LOzB2iCm34Jt1jzXy3vNAA4zG0izWR7LrE1OHPRfekJkTT8FP2Nqveb1OrKlskPiJQQRGXcIfhiY9g6WYOirrlYWB3YrgZoJh6GDVPaomPrBJeLmxGevlAm1MgNWQy-Emiy-7yAn1QqElkB3Tjeb-q1WYIIRiktMB6lJhnN3SFZVxk3N7gd4_iWR\" 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:LOzB2iCm34Jt1jzXy3vNAA4zG0izWR7LrE1OHPRfekJkTT8FP2Nqveb1OrKlskPiJQQRGXcIfhiY9g6WYOirrlYWB3YrgZoJh6GDVPaomPrBJeLmxGevlAm1MgNWQy-Emiy-7yAn1QqElkB3Tjeb-q1WYIIRiktMB6lJhnN3SFZVxk3N7gd4_iWR\" 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=\"17134\"><code data-backticks=\"1\" data-nodeid=\"17298\">direction de gauche \u00e0 droite<\/code> demande \u00e0 PlantUML de disposer le diagramme horizontalement. PlantUML peut ajuster la disposition pr\u00e9cise au fur et \u00e0 mesure que le diagramme \u00e9volue.<\/p>\n<h2 data-nodeid=\"17135\">4. Exemple : boutique en ligne de base<\/h2>\n<p id=\"ytNqnVg\"><img alt=\"Interface VPasCode affichant un diagramme de cas d'utilisation UML o\u00f9 un acteur Client interagit avec les cas d'utilisation Passer une commande, Appliquer une promotion et Autoriser le paiement.\" class=\"alignnone size-full wp-image-21966\" decoding=\"async\" height=\"875\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb.png 1918w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb-1536x701.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:LP1D3i8W44Rt9DnXqdslOAgkZIPwWGcCBP52CqpZmdXt2srDM97lyPWVkYJ8CezUAqzF0Od0hXy4h6CoucBGIYiq4XdESv8u4k_vQ4SNN1B6d32j8FlvAORU4pJNu5qWk2yADV3H2c1EP30jToUEx-MSEDhPI6foZPLLsisZ8OXiYOjIScKy6CqBqk2caO8KgQ1Akc30di2We8zzaLQarJSFlQy7RNluZr71hN75jZvbzGBscXq5k_ph3m00\" 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:LP1D3i8W44Rt9DnXqdslOAgkZIPwWGcCBP52CqpZmdXt2srDM97lyPWVkYJ8CezUAqzF0Od0hXy4h6CoucBGIYiq4XdESv8u4k_vQ4SNN1B6d32j8FlvAORU4pJNu5qWk2yADV3H2c1EP30jToUEx-MSEDhPI6foZPLLsisZ8OXiYOjIScKy6CqBqk2caO8KgQ1Akc30di2We8zzaLQarJSFlQy7RNluZr71hN75jZvbzGBscXq5k_ph3m00\" 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:TP4nRiCm34Lt0Re3uILJhb2apT2rG4z0I8nBG9PIYYeA53rGpf6BHP9Zmuj7_e_tINsTig9ecO8rdeMSSeeGwAAW2OJ7BxN66dHAHU0ScAAkuwkVE79MmJwwD4qqYurfOHZ7G32yfQByNGYePlCOQO0_Qm0SPl27wWNEs3SF7oWk5M6fHsIuIlA5DG_FyDNTfNCcWHAf0nWzBUZvEU-XduL_X20SwFTwltbkwiBEtWxuVhy9jNEhgHZIMDQTisNDV-jZBW-EnvVjCpRgviADkkpklNPbIJrHzFNZ7W00\" \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=\"17136\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndirection left to right\r\n\r\nacteur Client\r\nacteur Administrateur comme Admin\r\n\r\nrectangle \"Boutique en ligne\" {\r\n  cas d'utilisation \"Parcourir les produits\" comme Parcourir\r\n  cas d'utilisation \"Passer une commande\" comme Commander\r\n  cas d'utilisation \"Suivre l'exp\u00e9dition\" comme Suivre\r\n  cas d'utilisation \"G\u00e9rer le catalogue\" comme G\u00e9rer\r\n}\r\n\r\nClient --&gt; Parcourir\r\nClient --&gt; Commander\r\nClient --&gt; Suivre\r\nAdmin --&gt; G\u00e9rer\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP4nRiCm34Lt0Re3uILJhb2apT2rG4z0I8nBG9PIYYeA53rGpf6BHP9Zmuj7_e_tINsTig9ecO8rdeMSSeeGwAAW2OJ7BxN66dHAHU0ScAAkuwkVE79MmJwwD4qqYurfOHZ7G32yfQByNGYePlCOQO0_Qm0SPl27wWNEs3SF7oWk5M6fHsIuIlA5DG_FyDNTfNCcWHAf0nWzBUZvEU-XduL_X20SwFTwltbkwiBEtWxuVhy9jNEhgHZIMDQTisNDV-jZBW-EnvVjCpRgviADkkpklNPbIJrHzFNZ7W00\" \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:LP1D3i8W44Rt9DnXqdslOAgkZIPwWGcCBP52CqpZmdXt2srDM97lyPWVkYJ8CezUAqzF0Od0hXy4h6CoucBGIYiq4XdESv8u4k_vQ4SNN1B6d32j8FlvAORU4pJNu5qWk2yADV3H2c1EP30jToUEx-MSEDhPI6foZPLLsisZ8OXiYOjIScKy6CqBqk2caO8KgQ1Akc30di2We8zzaLQarJSFlQy7RNluZr71hN75jZvbzGBscXq5k_ph3m00\" 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:LP1D3i8W44Rt9DnXqdslOAgkZIPwWGcCBP52CqpZmdXt2srDM97lyPWVkYJ8CezUAqzF0Od0hXy4h6CoucBGIYiq4XdESv8u4k_vQ4SNN1B6d32j8FlvAORU4pJNu5qWk2yADV3H2c1EP30jToUEx-MSEDhPI6foZPLLsisZ8OXiYOjIScKy6CqBqk2caO8KgQ1Akc30di2We8zzaLQarJSFlQy7RNluZr71hN75jZvbzGBscXq5k_ph3m00\" 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=\"17137\">Les clients parcourent, commandent et suivent les exp\u00e9ditions. L&#8217;administrateur g\u00e8re le catalogue. Le diagramme omet d\u00e9lib\u00e9r\u00e9ment les \u00e9tapes internes du traitement des commandes.<\/p>\n<h2 data-nodeid=\"17138\">5. Exemple : include et extend<\/h2>\n<p data-nodeid=\"17139\">Supposons que passer une commande n\u00e9cessite toujours une autorisation de paiement, tandis que l&#8217;application d&#8217;une promotion est facultative et conditionnelle.<\/p>\n<p id=\"UedRVgx\"><img alt=\"Interface VPasCode affichant le code PlantUML et le diagramme UML r\u00e9sultant montrant le cas d'utilisation &quot;Passer une commande&quot; incluant &quot;Autoriser le paiement&quot; et \u00e9tendant &quot;Appliquer une promotion&quot;.\" class=\"alignnone size-full wp-image-21967\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1913px) 100vw, 1913px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4.png 1913w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4-1536x699.png 1536w\" width=\"1913\"\/><\/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:LT1H2W8X40RWTy4x_Enx7I1YAJf0GISGToh1rMKSeIswUvhuq9EEyp7puo69OScpryhJJI0HxEuFmUIOhBWOjDBAM8cCKquIP-BwKfict3rXE0Vl0k5Q20ruQmNaHDQaqhjuOmcH9-819k5N_ubZbaTazo8iPfqfI7Fj_Y-NnQzOECwnvcgkLrfzQgmU4PlDs9TfrL9ijsEVYntsUnUipnEDOm5zJ4C_NWazXS9KnQ6SvPU-\" 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:LT1H2W8X40RWTy4x_Enx7I1YAJf0GISGToh1rMKSeIswUvhuq9EEyp7puo69OScpryhJJI0HxEuFmUIOhBWOjDBAM8cCKquIP-BwKfict3rXE0Vl0k5Q20ruQmNaHDQaqhjuOmcH9-819k5N_ubZbaTazo8iPfqfI7Fj_Y-NnQzOECwnvcgkLrfzQgmU4PlDs9TfrL9ijsEVYntsUnUipnEDOm5zJ4C_NWazXS9KnQ6SvPU-\" 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:TP1DRW8n38NtaNA7fzcmWWCWD89o0QuG9UxKKdwcYICXeTwzoS1Cks4L-_bz_icvYCbIWzVASIOhd28yVGea8VFq9LffPQnGpRXwfhW8tMdYv0d3Hwh2tvL03UGfqe27Le0r1MxNQfwBMTeEDrCAPTH8i2a44rqpzuXmVUNv3NgfaZ9tkisS3LDecwpmxPM_O-VPzmsVa-USGkg5ZLu5hNxwRSyhiT-F_xTg-fhWS1YtcJZYTE9eVNKqZbfjtHRN7zDjT1UAhhlExMsV_Wi0\" \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=\"17140\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndirection left to right\r\n\r\nacteur Client\r\n\r\nrectangle \"Boutique en ligne\" {\r\n  cas d'utilisation \"Passer une commande\" comme Commander\r\n  cas d'utilisation \"Autoriser le paiement\" comme Paiement\r\n  cas d'utilisation \"Appliquer une promotion\" comme Promotion\r\n}\r\n\r\nClient --&gt; Commander\r\n\r\nCommander ..&gt; Paiement : &lt;&lt;include&gt;&gt;\r\nPromotion ..&gt; Commander : &lt;&lt;extend&gt;&gt;\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP1DRW8n38NtaNA7fzcmWWCWD89o0QuG9UxKKdwcYICXeTwzoS1Cks4L-_bz_icvYCbIWzVASIOhd28yVGea8VFq9LffPQnGpRXwfhW8tMdYv0d3Hwh2tvL03UGfqe27Le0r1MxNQfwBMTeEDrCAPTH8i2a44rqpzuXmVUNv3NgfaZ9tkisS3LDecwpmxPM_O-VPzmsVa-USGkg5ZLu5hNxwRSyhiT-F_xTg-fhWS1YtcJZYTE9eVNKqZbfjtHRN7zDjT1UAhhlExMsV_Wi0\" \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:LT1H2W8X40RWTy4x_Enx7I1YAJf0GISGToh1rMKSeIswUvhuq9EEyp7puo69OScpryhJJI0HxEuFmUIOhBWOjDBAM8cCKquIP-BwKfict3rXE0Vl0k5Q20ruQmNaHDQaqhjuOmcH9-819k5N_ubZbaTazo8iPfqfI7Fj_Y-NnQzOECwnvcgkLrfzQgmU4PlDs9TfrL9ijsEVYntsUnUipnEDOm5zJ4C_NWazXS9KnQ6SvPU-\" 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:LT1H2W8X40RWTy4x_Enx7I1YAJf0GISGToh1rMKSeIswUvhuq9EEyp7puo69OScpryhJJI0HxEuFmUIOhBWOjDBAM8cCKquIP-BwKfict3rXE0Vl0k5Q20ruQmNaHDQaqhjuOmcH9-819k5N_ubZbaTazo8iPfqfI7Fj_Y-NnQzOECwnvcgkLrfzQgmU4PlDs9TfrL9ijsEVYntsUnUipnEDOm5zJ4C_NWazXS9KnQ6SvPU-\" 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=\"17141\">La <code data-backticks=\"1\" data-nodeid=\"17305\">Commander ..&gt; Paiement<\/code> fl\u00e8che signifie que \u00ab Passer une commande \u00bb inclut le comportement de paiement requis. La <code data-backticks=\"1\" data-nodeid=\"17307\">Promotion ..&gt; Commander<\/code> fl\u00e8che signifie que \u00ab Appliquer une promotion \u00bb \u00e9tend \u00ab Passer une commande \u00bb lorsque sa condition est remplie.<\/p>\n<p data-nodeid=\"17142\">Documentez la condition \u2014 par exemple, \u00ab le client saisit un code promotionnel valide \u00bb \u2014 dans la description du cas d&#8217;utilisation ou dans une note.<\/p>\n<h2 data-nodeid=\"17143\">6. Exemple : g\u00e9n\u00e9ralisation d&#8217;acteur et syst\u00e8mes externes<\/h2>\n<p data-nodeid=\"17144\">Un acteur sp\u00e9cialis\u00e9 h\u00e9rite des interactions d&#8217;un acteur plus g\u00e9n\u00e9ral. Les services externes peuvent \u00e9galement \u00eatre des acteurs lorsqu&#8217;ils interagissent avec le syst\u00e8me.<\/p>\n<p id=\"RxUdJmF\"><img alt=\"Interface VPasCode affichant le code PlantUML et le diagramme UML g\u00e9n\u00e9r\u00e9 montrant un client enregistr\u00e9 g\u00e9n\u00e9ralisant l'utilisateur et une passerelle de paiement interagissant avec la boutique en ligne.\" class=\"alignnone size-full wp-image-21968\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59.png 1917w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59-1536x699.png 1536w\" width=\"1917\"\/><\/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:LP31QWCX48RlWkymx3rvW18aj8SU6rBw0ABJhU1gc1a9eUsxLrUpD2V7yVEVJuyibgGiKQk8dmAIWSBy9U03ePEGarPQMIUPOFfWf0aiGoksxXddm8A47bnXoSk0NiPc0q_sjc0IcAtWrTvMwBNNRSYTXztknumHMZKBc-Q8CBsb61B2Umt32Rwr0YYCpd8zUwPyhUk5iYzEUCtklGVi5Ar3oEI7uxf_92WxP8PBb-rK4_njDisg-faj-v-qkQVr8VkzQHVX2Gw7a5mi7etHQZouyottYCdN__y3\" 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:LP31QWCX48RlWkymx3rvW18aj8SU6rBw0ABJhU1gc1a9eUsxLrUpD2V7yVEVJuyibgGiKQk8dmAIWSBy9U03ePEGarPQMIUPOFfWf0aiGoksxXddm8A47bnXoSk0NiPc0q_sjc0IcAtWrTvMwBNNRSYTXztknumHMZKBc-Q8CBsb61B2Umt32Rwr0YYCpd8zUwPyhUk5iYzEUCtklGVi5Ar3oEI7uxf_92WxP8PBb-rK4_njDisg-faj-v-qkQVr8VkzQHVX2Gw7a5mi7etHQZouyottYCdN__y3\" 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:TP51QaCX48RtWdSOtgQhv00bI4WMtRv5Sm3HwUk0JzDn99Gc1-evUh5g-cm39IiH_c_--NIRnRAKEMZbYT49fGW1NmGa0TFqAbffPPrWOHWEGe6oRPS1N9fdX4D6_Wli0s4KmCWuKHR--kovVScIvjliQ7DbCGG4Zt2qX7DbU_wfjfpiUsllAAnMPxCKQjMMjN6gzB1BHUYjOEs5G5F40Jwq0d0sWtyeozBDh9QoIuM9gsI68oTVI78ltN4wPRoBjdsXHBocRVJOkJ5OTmzxPak2hU-VuzZyBascILKzyxl1ZRFfuwy7hDUcWV08cmr55uf7OxHQtkidt-PkCVhwhzy0\" \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=\"17145\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndirection left to right\r\n\r\nacteur \"Utilisateur\" comme User\r\nacteur \"Client enregistr\u00e9\" comme Customer\r\nacteur \"Passerelle de paiement\" comme Gateway\r\n\r\nCustomer --|&gt; User\r\n\r\nrectangle \"Boutique en ligne\" {\r\n  cas d'utilisation \"Parcourir les produits\" comme Browse\r\n  cas d'utilisation \"Passer une commande\" comme Place\r\n  cas d'utilisation \"Traiter le paiement\" comme Pay\r\n}\r\n\r\nUser --&gt; Browse\r\nCustomer --&gt; Place\r\nPlace ..&gt; Pay : &lt;&lt;include&gt;&gt;\r\nGateway --&gt; Pay\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP51QaCX48RtWdSOtgQhv00bI4WMtRv5Sm3HwUk0JzDn99Gc1-evUh5g-cm39IiH_c_--NIRnRAKEMZbYT49fGW1NmGa0TFqAbffPPrWOHWEGe6oRPS1N9fdX4D6_Wli0s4KmCWuKHR--kovVScIvjliQ7DbCGG4Zt2qX7DbU_wfjfpiUsllAAnMPxCKQjMMjN6gzB1BHUYjOEs5G5F40Jwq0d0sWtyeozBDh9QoIuM9gsI68oTVI78ltN4wPRoBjdsXHBocRVJOkJ5OTmzxPak2hU-VuzZyBascILKzyxl1ZRFfuwy7hDUcWV08cmr55uf7OxHQtkidt-PkCVhwhzy0\" \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:LP31QWCX48RlWkymx3rvW18aj8SU6rBw0ABJhU1gc1a9eUsxLrUpD2V7yVEVJuyibgGiKQk8dmAIWSBy9U03ePEGarPQMIUPOFfWf0aiGoksxXddm8A47bnXoSk0NiPc0q_sjc0IcAtWrTvMwBNNRSYTXztknumHMZKBc-Q8CBsb61B2Umt32Rwr0YYCpd8zUwPyhUk5iYzEUCtklGVi5Ar3oEI7uxf_92WxP8PBb-rK4_njDisg-faj-v-qkQVr8VkzQHVX2Gw7a5mi7etHQZouyottYCdN__y3\" 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:LP31QWCX48RlWkymx3rvW18aj8SU6rBw0ABJhU1gc1a9eUsxLrUpD2V7yVEVJuyibgGiKQk8dmAIWSBy9U03ePEGarPQMIUPOFfWf0aiGoksxXddm8A47bnXoSk0NiPc0q_sjc0IcAtWrTvMwBNNRSYTXztknumHMZKBc-Q8CBsb61B2Umt32Rwr0YYCpd8zUwPyhUk5iYzEUCtklGVi5Ar3oEI7uxf_92WxP8PBb-rK4_njDisg-faj-v-qkQVr8VkzQHVX2Gw7a5mi7etHQZouyottYCdN__y3\" 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=\"17146\">Le \u00ab client enregistr\u00e9 \u00bb sp\u00e9cialise \u00ab Utilisateur \u00bb et h\u00e9rite de l&#8217;interaction utilisateur g\u00e9n\u00e9rale. La passerelle de paiement est situ\u00e9e \u00e0 l&#8217;ext\u00e9rieur de la limite de la boutique en ligne, mais participe au cas d&#8217;utilisation de paiement.<\/p>\n<h2 data-nodeid=\"17147\">7. Exemple : g\u00e9n\u00e9ralisation de cas d&#8217;utilisation<\/h2>\n<p data-nodeid=\"17148\">La g\u00e9n\u00e9ralisation peut repr\u00e9senter des versions sp\u00e9cialis\u00e9es d&#8217;un cas d&#8217;utilisation plus large. Le triangle creux pointe vers le cas d&#8217;utilisation g\u00e9n\u00e9ral.<\/p>\n<p id=\"mCUPRYk\"><img alt=\"Interface VPasCode affichant le code PlantUML et un diagramme UML g\u00e9n\u00e9r\u00e9 montrant un acteur Client avec des fl\u00e8ches de g\u00e9n\u00e9ralisation pointant vers le cas d'utilisation Effectuer un paiement.\" class=\"alignnone size-full wp-image-21969\" decoding=\"async\" height=\"876\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091.png 1919w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091-768x351.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091-1536x701.png 1536w\" width=\"1919\"\/><\/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:RP112eCm44NtWTpXuzuhIC5reT1UO8oZ5KrIad4XRU_UQ1MnT9UyzmYVdA9GaD4EMWtS2CGZTErTK7U1ZNJUQQKL6V41vHZ5MmupcIMvTc1a5veiEy5rYi8smrChO8niA2Pxffxn-2OPA6BD3r5Yg2OO2lNIbEdmBwZ8zP10BZOSblAsNhHwpxEsYSZpOdtbWFOyYQGJV1Nxf4t_u1ExEdtH1m00\" 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:RP112eCm44NtWTpXuzuhIC5reT1UO8oZ5KrIad4XRU_UQ1MnT9UyzmYVdA9GaD4EMWtS2CGZTErTK7U1ZNJUQQKL6V41vHZ5MmupcIMvTc1a5veiEy5rYi8smrChO8niA2Pxffxn-2OPA6BD3r5Yg2OO2lNIbEdmBwZ8zP10BZOSblAsNhHwpxEsYSZpOdtbWFOyYQGJV1Nxf4t_u1ExEdtH1m00\" 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:RP112i9034NtEKNelbSeXUA-8BYFqxGEJATb9YCKzJxUmukPrgf5t2KlB-6JCWe5IRq3nwsW31XiTn9iR60ZTl00P6G8M3dBNW1cJBvpZDb-YlAuzumDuqYMUnKol01YYcmegh9hM_KJ1qn-ur34UcssTasJcYC5D1gA5w-Qg__IMJFE9_18tf0soy9XfN03U8N6F2_MEnlmyM0PARiMtrJlwGyksJVwh2S0\" \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=\"17149\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\nleft to right direction\n\nactor Client\n\nrectangle \"Syst\u00e8me de paiement\" {\n  usecase \"Effectuer un paiement\" as Paiement\n  usecase \"Payer par carte\" as Carte\n  usecase \"Payer par virement bancaire\" as Virement\n}\n\nClient --&gt; Carte\nClient --&gt; Virement\n\nCarte --|&gt; Paiement\nVirement --|&gt; Paiement\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP112i9034NtEKNelbSeXUA-8BYFqxGEJATb9YCKzJxUmukPrgf5t2KlB-6JCWe5IRq3nwsW31XiTn9iR60ZTl00P6G8M3dBNW1cJBvpZDb-YlAuzumDuqYMUnKol01YYcmegh9hM_KJ1qn-ur34UcssTasJcYC5D1gA5w-Qg__IMJFE9_18tf0soy9XfN03U8N6F2_MEnlmyM0PARiMtrJlwGyksJVwh2S0\" \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:RP112eCm44NtWTpXuzuhIC5reT1UO8oZ5KrIad4XRU_UQ1MnT9UyzmYVdA9GaD4EMWtS2CGZTErTK7U1ZNJUQQKL6V41vHZ5MmupcIMvTc1a5veiEy5rYi8smrChO8niA2Pxffxn-2OPA6BD3r5Yg2OO2lNIbEdmBwZ8zP10BZOSblAsNhHwpxEsYSZpOdtbWFOyYQGJV1Nxf4t_u1ExEdtH1m00\" 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:RP112eCm44NtWTpXuzuhIC5reT1UO8oZ5KrIad4XRU_UQ1MnT9UyzmYVdA9GaD4EMWtS2CGZTErTK7U1ZNJUQQKL6V41vHZ5MmupcIMvTc1a5veiEy5rYi8smrChO8niA2Pxffxn-2OPA6BD3r5Yg2OO2lNIbEdmBwZ8zP10BZOSblAsNhHwpxEsYSZpOdtbWFOyYQGJV1Nxf4t_u1ExEdtH1m00\" 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=\"17150\">Utilisez ceci lorsque les cas d&#8217;utilisation sp\u00e9cialis\u00e9s partagent un objectif g\u00e9n\u00e9ral mais pr\u00e9sentent des diff\u00e9rences significatives. Si les variations ne sont que des \u00e9tapes conditionnelles, une <code data-backticks=\"1\" data-nodeid=\"17316\">&lt;&lt;\u00e9tendre&gt;&gt;<\/code> relation ou une description \u00e9crite du cas d&#8217;utilisation peut \u00eatre plus claire.<\/p>\n<h2 data-nodeid=\"17151\">8. Travailler dans VPasCode<\/h2>\n<p data-nodeid=\"17152\">Un flux de travail pratique :<\/p>\n<p><img alt=\"Diagramme de flux montrant sept \u00e9tapes pour cr\u00e9er des diagrammes de cas d'utilisation PlantUML dans VPasCode, y compris la d\u00e9finition du p\u00e9rim\u00e8tre, la r\u00e9daction du code et la validation avec les parties prenantes.\" class=\"alignnone size-full wp-image-21970\" decoding=\"async\" height=\"1024\" loading=\"lazy\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485.png 1536w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485-300x200.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485-1024x683.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485-768x512.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485-120x80.png 120w\" width=\"1536\"\/><\/p>\n<ol data-nodeid=\"17153\">\n<li data-nodeid=\"17154\">\n<p data-nodeid=\"17155\"><strong data-nodeid=\"17324\">D\u00e9finir le p\u00e9rim\u00e8tre.<\/strong>Identifier la limite du syst\u00e8me, les r\u00f4les des acteurs et les objectifs que chaque r\u00f4le souhaite atteindre.<\/p>\n<\/li>\n<li data-nodeid=\"17156\">\n<p data-nodeid=\"17157\"><strong data-nodeid=\"17329\">Cr\u00e9er une \u00e9bauche.<\/strong>\u00c9crire PlantUML directement ou demander \u00e0 l&#8217;assistant IA de g\u00e9n\u00e9rer un diagramme de cas d&#8217;utilisation.<\/p>\n<\/li>\n<li data-nodeid=\"17158\">\n<p data-nodeid=\"17159\"><strong data-nodeid=\"17334\">Revoir le code et pr\u00e9visualiser.<\/strong>Confirmer que les acteurs sont \u00e0 l&#8217;ext\u00e9rieur de la limite du syst\u00e8me, que les cas d&#8217;utilisation sont \u00e0 l&#8217;int\u00e9rieur, et que les fl\u00e8ches pointent dans la bonne direction.<\/p>\n<\/li>\n<li data-nodeid=\"17160\">\n<p data-nodeid=\"17161\"><strong data-nodeid=\"17339\">Affiner le mod\u00e8le.<\/strong>Remplacer les noms vagues, supprimer les d\u00e9tails d&#8217;impl\u00e9mentation et ajouter des relations uniquement lorsqu&#8217;elles refl\u00e8tent des exigences r\u00e9elles.<\/p>\n<\/li>\n<li data-nodeid=\"17162\">\n<p data-nodeid=\"17163\"><strong data-nodeid=\"17344\">Demander des modifications cibl\u00e9es par l&#8217;IA.<\/strong>Par exemple : \u00ab Ajouter un acteur de passerelle de paiement externe et montrer l&#8217;interaction de paiement requise en utilisant une relation \u00ab inclure \u00bb. Garder le reste inchang\u00e9. \u00bb<\/p>\n<\/li>\n<li data-nodeid=\"17164\">\n<p data-nodeid=\"17165\"><strong data-nodeid=\"17349\">Valider avec les parties prenantes.<\/strong>V\u00e9rifier que le diagramme refl\u00e8te le p\u00e9rim\u00e8tre r\u00e9el du syst\u00e8me et les objectifs des utilisateurs.<\/p>\n<\/li>\n<li data-nodeid=\"17166\">\n<p data-nodeid=\"17167\"><strong data-nodeid=\"17356\">Enregistrer la source.<\/strong> Conservez le <code data-backticks=\"1\" data-nodeid=\"17354\">.puml<\/code> texte avec la documentation du projet ou dans le syst\u00e8me de contr\u00f4le de version. Exportez une image si n\u00e9cessaire pour les documents ou les pr\u00e9sentations.<\/p>\n<\/li>\n<\/ol>\n<h3 data-nodeid=\"17168\">Exemple de demande d&#8217;assistance \u00e0 l&#8217;IA<\/h3>\n<blockquote data-nodeid=\"17169\">\n<p data-nodeid=\"17170\">Cr\u00e9ez un diagramme de cas d&#8217;utilisation UML en PlantUML pour une boutique en ligne. Incluez une fronti\u00e8re du syst\u00e8me, des acteurs Client et Administrateur, et les objectifs Parcourir les produits, Passer une commande, Suivre l&#8217;exp\u00e9dition et G\u00e9rer le catalogue. Montrez l&#8217;autorisation de paiement comme un comportement requis inclus par Passer une commande. Montrez l&#8217;application d&#8217;une promotion comme une extension conditionnelle de Passer une commande. Retournez uniquement le code source PlantUML valide.<\/p>\n<\/blockquote>\n<p data-nodeid=\"17171\">Traitez le code g\u00e9n\u00e9r\u00e9 par l&#8217;IA comme une premi\u00e8re \u00e9bauche. Examinez les acteurs, les fronti\u00e8res, les relations et les hypoth\u00e8ses m\u00e9tier avant de l&#8217;utiliser.<\/p>\n<h2 data-nodeid=\"17172\">9. Pi\u00e8ges courants<\/h2>\n<p><img alt=\"Infographie illustrant six pi\u00e8ges courants dans les diagrammes de cas d'utilisation UML, notamment des d\u00e9finitions incorrectes d'acteurs, une mauvaise d\u00e9nomination et des fl\u00e8ches de relation erron\u00e9es.\" class=\"alignnone size-full wp-image-21973\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ul data-nodeid=\"17173\">\n<li data-nodeid=\"17174\">\n<p data-nodeid=\"17175\"><strong data-nodeid=\"17365\">Mod\u00e9liser des composants internes comme des acteurs :<\/strong> Les acteurs doivent \u00eatre des r\u00f4les externes ou des syst\u00e8mes qui interagissent avec le sujet.<\/p>\n<\/li>\n<li data-nodeid=\"17176\">\n<p data-nodeid=\"17177\"><strong data-nodeid=\"17370\">Nommer les cas d&#8217;utilisation comme des t\u00e2ches d&#8217;impl\u00e9mentation :<\/strong> Pr\u00e9f\u00e9rez \u00ab Suivre l&#8217;exp\u00e9dition \u00bb \u00e0 \u00ab Appeler l&#8217;API de suivi \u00bb.<\/p>\n<\/li>\n<li data-nodeid=\"17178\">\n<p data-nodeid=\"17179\"><strong data-nodeid=\"17377\">Utiliser <code data-backticks=\"1\" data-nodeid=\"17373\">&lt;&lt;include&gt;&gt;<\/code> pour un comportement optionnel :<\/strong> \u00ab Include \u00bb repr\u00e9sente un comportement que le cas d&#8217;utilisation de base requiert.<\/p>\n<\/li>\n<li data-nodeid=\"17180\">\n<p data-nodeid=\"17181\"><strong data-nodeid=\"17382\">Inverser les fl\u00e8ches de relation :<\/strong> \u00ab Include \u00bb pointe vers le cas d&#8217;utilisation inclus ; \u00ab extend \u00bb pointe vers le cas d&#8217;utilisation de base.<\/p>\n<\/li>\n<li data-nodeid=\"17182\">\n<p data-nodeid=\"17183\"><strong data-nodeid=\"17387\">Surcharger un diagramme de d\u00e9tails :<\/strong> Utilisez un diagramme de haut niveau pour le p\u00e9rim\u00e8tre, puis des diagrammes s\u00e9par\u00e9s ou du texte pour les sc\u00e9narios d\u00e9taill\u00e9s.<\/p>\n<\/li>\n<li data-nodeid=\"17184\">\n<p data-nodeid=\"17185\"><strong data-nodeid=\"17392\">Supposer qu&#8217;un rendu r\u00e9ussi signifie que le mod\u00e8le est correct :<\/strong> PlantUML peut rendre un diagramme qui repr\u00e9sente encore incorrectement les exigences.<\/p>\n<\/li>\n<\/ul>\n<h2 data-nodeid=\"17186\">10. Liste de v\u00e9rification<\/h2>\n<p data-nodeid=\"17187\">Avant de partager le diagramme, confirmez que :<\/p>\n<p><img alt=\"Liste de v\u00e9rification pour la revue de diagrammes de cas d'utilisation listant huit points de validation \u00e0 c\u00f4t\u00e9 d'un diagramme exemple montrant un client interagissant avec un syst\u00e8me d'achat en ligne.\" class=\"alignnone size-full wp-image-21974\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ul data-nodeid=\"17188\">\n<li data-nodeid=\"17189\">\n<p data-nodeid=\"17190\">La fronti\u00e8re du syst\u00e8me est claire.<\/p>\n<\/li>\n<li data-nodeid=\"17191\">\n<p data-nodeid=\"17192\">Chaque acteur est externe et repr\u00e9sente un r\u00f4le.<\/p>\n<\/li>\n<li data-nodeid=\"17193\">\n<p data-nodeid=\"17194\">Les noms des cas d&#8217;utilisation d\u00e9crivent des objectifs significatifs.<\/p>\n<\/li>\n<li data-nodeid=\"17195\">\n<p data-nodeid=\"17196\">Les associations d&#8217;acteurs refl\u00e8tent les interactions r\u00e9elles.<\/p>\n<\/li>\n<li data-nodeid=\"17197\">\n<p data-nodeid=\"17198\">Les relations \u00ab include \u00bb sont requises ; les relations \u00ab extend \u00bb sont conditionnelles ou autrement justifi\u00e9es.<\/p>\n<\/li>\n<li data-nodeid=\"17199\">\n<p data-nodeid=\"17200\">Les fl\u00e8ches de g\u00e9n\u00e9ralisation pointent vers l&#8217;acteur ou le cas d&#8217;utilisation g\u00e9n\u00e9ral.<\/p>\n<\/li>\n<li data-nodeid=\"17201\">\n<p data-nodeid=\"17202\">Le diagramme reste lisible \u00e0 sa taille pr\u00e9vue.<\/p>\n<\/li>\n<li data-nodeid=\"17203\">\n<p class=\"\" data-nodeid=\"17204\">Les hypoth\u00e8ses g\u00e9n\u00e9r\u00e9es par l&#8217;IA ont \u00e9t\u00e9 examin\u00e9es avec des personnes familiaris\u00e9es avec les exigences.<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Un diagramme de cas d&#8217;utilisation UML montre ce qu&#8217;un syst\u00e8me offre et qui \u2014 ou quoi \u2014 interagit avec lui.<\/p>\n","protected":false},"author":11,"featured_media":12635,"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,3,117],"tags":[],"asset-category":[],"class_list":["post-12634","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-unified-modeling-language","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>Diagrammes de cas d&#039;utilisation UML en code avec PlantUML et VPasCode - 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\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diagrammes de cas d&#039;utilisation UML en code avec PlantUML et VPasCode - Cyberm\u00e9diane\" \/>\n<meta property=\"og:description\" content=\"Un diagramme de cas d&#8217;utilisation UML montre ce qu&#8217;un syst\u00e8me offre et qui \u2014 ou quoi \u2014 interagit avec lui.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Cyberm\u00e9diane\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-13T08:56:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-14T05:08:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Diagrammes de cas d&#8217;utilisation UML en code avec PlantUML et VPasCode\",\"datePublished\":\"2026-10-13T08:56:52+00:00\",\"dateModified\":\"2026-10-14T05:08:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\"},\"wordCount\":1541,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png\",\"articleSection\":[\"AI\",\"Unified Modeling Language\",\"VPasCode\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\",\"name\":\"Diagrammes de cas d'utilisation UML en code avec PlantUML et VPasCode - Cyberm\u00e9diane\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png\",\"datePublished\":\"2026-10-13T08:56:52+00:00\",\"dateModified\":\"2026-10-14T05:08:21+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diagrammes de cas d&#8217;utilisation UML en code avec PlantUML et VPasCode\"}]},{\"@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":"Diagrammes de cas d'utilisation UML en code avec PlantUML et VPasCode - 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\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","og_locale":"fr_FR","og_type":"article","og_title":"Diagrammes de cas d'utilisation UML en code avec PlantUML et VPasCode - Cyberm\u00e9diane","og_description":"Un diagramme de cas d&#8217;utilisation UML montre ce qu&#8217;un syst\u00e8me offre et qui \u2014 ou quoi \u2014 interagit avec lui.","og_url":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","og_site_name":"Cyberm\u00e9diane","article_published_time":"2026-10-13T08:56:52+00:00","article_modified_time":"2026-10-14T05:08:21+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"curtis","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Diagrammes de cas d&#8217;utilisation UML en code avec PlantUML et VPasCode","datePublished":"2026-10-13T08:56:52+00:00","dateModified":"2026-10-14T05:08:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"},"wordCount":1541,"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png","articleSection":["AI","Unified Modeling Language","VPasCode"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","url":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","name":"Diagrammes de cas d'utilisation UML en code avec PlantUML et VPasCode - Cyberm\u00e9diane","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png","datePublished":"2026-10-13T08:56:52+00:00","dateModified":"2026-10-14T05:08:21+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage","url":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png","contentUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6acdef429169c.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/fr\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Diagrammes de cas d&#8217;utilisation UML en code avec PlantUML et VPasCode"}]},{"@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\/12634","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=12634"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/12634\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media\/12635"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media?parent=12634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/categories?post=12634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/tags?post=12634"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/asset-category?post=12634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}