{"id":12660,"date":"2026-10-21T08:57:52","date_gmt":"2026-10-21T00:57:52","guid":{"rendered":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/"},"modified":"2026-10-21T09:29:58","modified_gmt":"2026-10-21T01:29:58","slug":"a-practical-guide-to-the-14-uml-diagram-types","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/","title":{"rendered":"Un guide pratique des 14 types de diagrammes UML utilisant l&#8217;outil VPasCode"},"content":{"rendered":"<p data-nodeid=\"1624\">Les diagrammes UML sont couramment regroup\u00e9s en <strong data-nodeid=\"1699\">structurels<\/strong> diagrammes, qui d\u00e9crivent de quoi un syst\u00e8me est compos\u00e9, et <strong data-nodeid=\"1700\">comportementaux<\/strong> diagrammes, qui d\u00e9crivent ce qu&#8217;il fait. Les exemples ci-dessous utilisent un seul sc\u00e9nario de boutique en ligne afin qu&#8217;ils puissent \u00eatre compar\u00e9s et adapt\u00e9s. UML 2.5.1 est la sp\u00e9cification formelle de r\u00e9f\u00e9rence ici.<\/p>\n<p data-nodeid=\"1625\">PlantUML rend de nombreuses notations UML directement. Quelques types de diagrammes sp\u00e9cialis\u00e9s\u2014en particulier le profil, la structure composite, la communication et l&#8217;aper\u00e7u des interactions\u2014peuvent \u00eatre exprim\u00e9s \u00e0 l&#8217;aide d&#8217;une approximation pratique de PlantUML plut\u00f4t que d&#8217;un rendu de diagramme d\u00e9di\u00e9. Les commentaires identifient ces cas.<\/p>\n<p><img alt=\"\" class=\"alignnone size-full wp-image-22074\" decoding=\"async\" height=\"1185\" loading=\"lazy\" sizes=\"auto, (max-width: 1327px) 100vw, 1327px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png 1327w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc-300x268.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc-1024x914.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc-768x686.png 768w\" width=\"1327\"\/><\/p>\n<h2 data-nodeid=\"1626\">Diagrammes structurels<\/h2>\n<h3 data-nodeid=\"1627\">1. Diagramme de classes<\/h3>\n<p data-nodeid=\"1628\">Affiche les classes du syst\u00e8me, leurs donn\u00e9es et op\u00e9rations, ainsi que les relations telles que l&#8217;association, l&#8217;h\u00e9ritage et la composition. Utilisez-le pour discuter des mod\u00e8les de domaine ou de la conception orient\u00e9e objet.<\/p>\n<p id=\"GtCuJOI\"><img alt=\"\" class=\"alignnone size-full wp-image-22058\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7495109fdd.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7495109fdd.png 1918w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7495109fdd-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7495109fdd-1024x464.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7495109fdd-768x348.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7495109fdd-1536x697.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:RP51JmCX48Nl9Fo72ITTqyPUEPWcNcriqb-0x6Y8C5WO3etnlxixiZORlJ4lxtqyXdrbLxYbg9MFhbPuR9LpmWAVMW7SXT72YKkWDnankH1NoaTq7f_BYENcre8SjFhIQk69qc7KqWkMLNowdbljmPCCedDc5sVY8HDU_XAV0c6ddfiZ3don48X5QHJuM8B7_-B7aiVckOVhUrlr8PVmAaZiToDcPs2p0NE_tGwcFyo2B60g_JFFdc4sxQucwMh1Ps8NQB6AQeOP-I2nfPY5WgzOAd3MQeyqJh_p3G00\" 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:RP5DIWGn48NtWToXo4fRPd2sMSZ8R5q8uW72TDa4ywEL2WZYNLpgEVfY9g7R9k8goQjN7wygnyI6E7idnTcPbE3aB0Q6Toa0hkoeuO79XgazqHlhEkMbj22TelScZ7XngM6zI_4XnIzq4HTio1ufTg0IWpDNgPuRf9Guid4LVKjJYTQ1x-mKy0_zDPl0bb63hUwQakpROsZIFunxYcEswyZfENV1GlJRktKj6r871RiTgElzVb3RX1hQJefjLQfngCv3S_QHDPnZITiozHKrLFvDQryZQaW8D7y_pL-4C7zASSGmbj_x0G00\" \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=\"1629\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Client {\r\n  +id: String\r\n  +email: String\r\n  +passerCommande(): Commande\r\n}\r\n\r\nclass Commande {\r\n  +numero: String\r\n  +statut: StatutCommande\r\n  +total(): Argent\r\n}\r\n\r\nclass LigneCommande {\r\n  +quantite: int\r\n  +prixUnite: Argent\r\n}\r\n\r\nclass Produit {\r\n  +sku: String\r\n  +nom: String\r\n}\r\n\r\nClient \"1\" -- \"0..*\" Commande : passe\r\nCommande \"1\" *-- \"1..*\" LigneCommande : contient\r\nLigneCommande \"*\" --&gt; \"1\" Produit : se r\u00e9f\u00e8re \u00e0\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP5DIWGn48NtWToXo4fRPd2sMSZ8R5q8uW72TDa4ywEL2WZYNLpgEVfY9g7R9k8goQjN7wygnyI6E7idnTcPbE3aB0Q6Toa0hkoeuO79XgazqHlhEkMbj22TelScZ7XngM6zI_4XnIzq4HTio1ufTg0IWpDNgPuRf9Guid4LVKjJYTQ1x-mKy0_zDPl0bb63hUwQakpROsZIFunxYcEswyZfENV1GlJRktKj6r871RiTgElzVb3RX1hQJefjLQfngCv3S_QHDPnZITiozHKrLFvDQryZQaW8D7y_pL-4C7zASSGmbj_x0G00\" \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:RP51JmCX48Nl9Fo72ITTqyPUEPWcNcriqb-0x6Y8C5WO3etnlxixiZORlJ4lxtqyXdrbLxYbg9MFhbPuR9LpmWAVMW7SXT72YKkWDnankH1NoaTq7f_BYENcre8SjFhIQk69qc7KqWkMLNowdbljmPCCedDc5sVY8HDU_XAV0c6ddfiZ3don48X5QHJuM8B7_-B7aiVckOVhUrlr8PVmAaZiToDcPs2p0NE_tGwcFyo2B60g_JFFdc4sxQucwMh1Ps8NQB6AQeOP-I2nfPY5WgzOAd3MQeyqJh_p3G00\" 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=\"1630\"><strong data-nodeid=\"1709\">Lisez-le :<\/strong>un client peut passer plusieurs commandes ; une commande contient une ou plusieurs lignes ; chaque ligne se r\u00e9f\u00e8re \u00e0 un produit. Le losange plein indique une composition : la commande poss\u00e8de ses lignes.<\/p>\n<h3 data-nodeid=\"1631\">2. Diagramme d&#8217;objets<\/h3>\n<p data-nodeid=\"1632\">Affiche des instances concr\u00e8tes et des liens \u00e0 un moment donn\u00e9. Il est utile pour illustrer des donn\u00e9es d&#8217;exemple ou expliquer un mod\u00e8le de classe avec un sc\u00e9nario sp\u00e9cifique. Dans PlantUML, utilisez la notation d&#8217;objets.<\/p>\n<p id=\"igCoyxw\"><img alt=\"\" class=\"alignnone size-full wp-image-22059\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7498ecad98.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7498ecad98.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7498ecad98-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7498ecad98-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7498ecad98-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad7498ecad98-1536x699.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:NP3TIWCn48Nl0tc7ePT2ocxnPXTMLYeKeQLxeG-GxWubcf-QdwA8x-ua4OJUX3bdCXzdPWnH-fYCvioTtd2Ei99QpTXlKuZEe5-1350i-EOCG2qmmBPjxhD08vKcNVeZVafpqRYUdU7iXxD_fFCB-lwOty8hkl9iCYUg1pXsJTDcXnB55CYP7f-VRa1QMQoSFLM5bQsA-aZIHXM_Q7IJTR8gJZud7w3jrbrt0pFft4_UBMcEXKIwWi9xef73wqxKH5QQp7ZnyeewV_i3rRC8KVSXS5dhZemSYhCIJOY7EZAYNUZGlm00\" 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:LP11QmCX48NlWlz1SYmOTailkz2o9PHSMf9B3ZcQE2osEgQkXfJI_zvHby1UnFU6-NXlXYcg49EpdFdJ9qInKjQSeTzO0nXNGasY6EANCo6C5izYqpPFMO1Jnf8kym5kobqihC_USVR7sPr7XbEe2Jb_2jG73Q52CJa8da2xhcdQx52cc28v-zVZsv9cpOZGl-TtmRC6vupVIM4q4MZzCUjBCBS3LgFjrbst1BeqzllWTJArBUdAcRuIRNmSjhA6Gkz8R_q9BErf45V_eqQOQVL8KjPYH2_z7iZ8oJWh-QHyoNpE1a1DD_y7\" \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=\"1633\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nobjet \"alice:Client\" as alice {\r\n  id = C104\r\n  email = alice@example.com\r\n}\r\n\r\nobjet \"commande:Commande\" as order {\r\n  numero = O9001\r\n  statut = PAYE\r\n}\r\n\r\nobjet \"ligne:LigneCommande\" as line {\r\n  quantite = 2\r\n  prixUnite = 19.99\r\n}\r\n\r\nobjet \"mug:Produit\" as mug {\r\n  sku = MUG-01\r\n  nom = Gobelet de voyage\r\n}\r\n\r\nalice -- order\r\norder *-- line\r\nline --&gt; mug\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP11QmCX48NlWlz1SYmOTailkz2o9PHSMf9B3ZcQE2osEgQkXfJI_zvHby1UnFU6-NXlXYcg49EpdFdJ9qInKjQSeTzO0nXNGasY6EANCo6C5izYqpPFMO1Jnf8kym5kobqihC_USVR7sPr7XbEe2Jb_2jG73Q52CJa8da2xhcdQx52cc28v-zVZsv9cpOZGl-TtmRC6vupVIM4q4MZzCUjBCBS3LgFjrbst1BeqzllWTJArBUdAcRuIRNmSjhA6Gkz8R_q9BErf45V_eqQOQVL8KjPYH2_z7iZ8oJWh-QHyoNpE1a1DD_y7\" \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:NP3TIWCn48Nl0tc7ePT2ocxnPXTMLYeKeQLxeG-GxWubcf-QdwA8x-ua4OJUX3bdCXzdPWnH-fYCvioTtd2Ei99QpTXlKuZEe5-1350i-EOCG2qmmBPjxhD08vKcNVeZVafpqRYUdU7iXxD_fFCB-lwOty8hkl9iCYUg1pXsJTDcXnB55CYP7f-VRa1QMQoSFLM5bQsA-aZIHXM_Q7IJTR8gJZud7w3jrbrt0pFft4_UBMcEXKIwWi9xef73wqxKH5QQp7ZnyeewV_i3rRC8KVSXS5dhZemSYhCIJOY7EZAYNUZGlm00\" 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<h3 data-nodeid=\"1634\">3. Diagramme de composants<\/h3>\n<p data-nodeid=\"1635\">Affiche les parties logicielles d\u00e9ployables ou rempla\u00e7ables et leurs d\u00e9pendances. Utilisez-le pour communiquer l&#8217;architecture de l&#8217;application et les limites d&#8217;int\u00e9gration.<\/p>\n<p id=\"gRevlaB\"><img alt=\"\" class=\"alignnone size-full wp-image-22061\" decoding=\"async\" height=\"868\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad807843a621.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad807843a621.png 1917w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad807843a621-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad807843a621-1024x464.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad807843a621-768x348.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad807843a621-1536x695.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:LP312i8m38RlXRv3s7qlu46cA7WGd7RWkLq23jmwqcwYJs-xTSfkoVz_oHzIEA_P3-rJYjgslUseyv3ToO3obYa3xU15PkLU68b14OzDFHCsAcu5bVhTncA7klV44zRFMW1HUssqesNPOJy168EUTi3_VCbsR71Pa1eff0XNGPvlKpPiu7PKbHIfZGwQeAhhUIKkDmHB3_vXkVcG53zrGb9AG4vLLIef2kem_EWB\" 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:RP11QiCm44Nt0jrXyDuNwA8uAGrTT976Xgp7rX04bSRLI0uvKiwHYtLit89BTzAVn_mdDP8nvH8-hHauZ2mOCrHxBjb_5O8pzHMWm9Nw3T1Icln0u0XUE0ICZXQEawCa6tJdSCoOgQIPFgAdG34lz8Yt-QnyZx8iSnpZuqwY2d-JJOzJdLZmGb0TkAJeHVujI3nvDRB66dq2rFNpgWXFS7fjEslMwpnnlQRjn_ic_77K4PRCoSkyxZTTaBL5aRUkExRMD1IT_kat\" \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=\"1636\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ncomposant \"Boutique Web\" as web\r\ncomposant \"Service de Commande\" as orders\r\ncomposant \"Adaptateur de Paiement\" as payments\r\nbase de donn\u00e9es \"Base de donn\u00e9es Commande\" as db\r\nnuage \"Fournisseur de Paiement\" as provider\r\n\r\nweb --&gt; orders : REST\r\norders --&gt; db : SQL\r\norders --&gt; payments : autoriser\r\npayments --&gt; provider : HTTPS\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP11QiCm44Nt0jrXyDuNwA8uAGrTT976Xgp7rX04bSRLI0uvKiwHYtLit89BTzAVn_mdDP8nvH8-hHauZ2mOCrHxBjb_5O8pzHMWm9Nw3T1Icln0u0XUE0ICZXQEawCa6tJdSCoOgQIPFgAdG34lz8Yt-QnyZx8iSnpZuqwY2d-JJOzJdLZmGb0TkAJeHVujI3nvDRB66dq2rFNpgWXFS7fjEslMwpnnlQRjn_ic_77K4PRCoSkyxZTTaBL5aRUkExRMD1IT_kat\" \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:LP312i8m38RlXRv3s7qlu46cA7WGd7RWkLq23jmwqcwYJs-xTSfkoVz_oHzIEA_P3-rJYjgslUseyv3ToO3obYa3xU15PkLU68b14OzDFHCsAcu5bVhTncA7klV44zRFMW1HUssqesNPOJy168EUTi3_VCbsR71Pa1eff0XNGPvlKpPiu7PKbHIfZGwQeAhhUIKkDmHB3_vXkVcG53zrGb9AG4vLLIef2kem_EWB\" 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<h3 data-nodeid=\"1637\">4. Diagramme de structure composite<\/h3>\n<p data-nodeid=\"1638\">Affiche les parties internes d&#8217;un classificateur\u2014tel qu&#8217;un composant ou une classe\u2014et la mani\u00e8re dont ces parties se connectent via des ports. Il est utile lorsque la collaboration interne est plus importante que l&#8217;architecture du syst\u00e8me environnant.<\/p>\n<p data-nodeid=\"1639\">PlantUML ne propose pas de syntaxe d\u00e9di\u00e9e \u00e0 la structure composite universellement prise en charge. Ce croquis au style de diagramme de classes transmet les parties et les connexions :<\/p>\n<p id=\"WqppLMa\"><img alt=\"\" class=\"alignnone size-full wp-image-22062\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8081566525.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8081566525.png 1917w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8081566525-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8081566525-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8081566525-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8081566525-1536x698.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:RT2nYW8n483XFf1t6BQtyDpAIf1xWZkm48jX7TPWCWcPw2hYkviT1DSxgoH_aY-GbHJCvHIyDUXz78AxEEwjaQFZX1a3T36aoCJbfrmzGQQk8FUUhB6cyoW2Qynmi-O-beJT4Nk2fiPchF02e27k7HCiuLid3Q30i-bHW1HpYQS2QJwkbNmJIaQMu4HSvEhyJfQgwVuKSmpfwu-z-6mF1o9VqOsEstQdejP_P3iXqXnci_fAlRhFxaoYSQ6nhJ75WVBpVrR4-_hR3m00\" 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:RT2nYW8n483XFf1t6BQtyDpAIf1xWZkm48jX7TPWCWcPw2hYkviT1DSxgoH_aY-GbHJCvHIyDUXz78AxEEwjaQFZX1a3T36aoCJbfrmzGQQk8FUUhB6cyoW2Qynmi-O-beJT4Nk2fiPchF02e27k7HCiuLid3Q30i-bHW1HpYQS2QJwkbNmJIaQMu4HSvEhyJfQgwVuKSmpfwu-z-6mF1o9VqOsEstQdejP_P3iXqXnci_fAlRhFxaoYSQ6nhJ75WVBpVrR4-_hR3m00\" \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=\"language-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nallowmixing\r\nskinparam componentStyle rectangle\r\n\r\nclass Car {\r\n}\r\n\r\npackage \"Car\" {\r\n  component \"engine : Engine\" as engine {\r\n    portout p1\r\n  }\r\n\r\n  component \"transmission : Transmission\" as trans {\r\n    portin p2\r\n    portout p3\r\n  }\r\n\r\n  component \"wheel : Wheel [4]\" as wheels {\r\n    portin p4\r\n  }\r\n\r\n  p1 -- p2 : drives\r\n  p3 -- p4 : power\r\n}\r\n\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RT2nYW8n483XFf1t6BQtyDpAIf1xWZkm48jX7TPWCWcPw2hYkviT1DSxgoH_aY-GbHJCvHIyDUXz78AxEEwjaQFZX1a3T36aoCJbfrmzGQQk8FUUhB6cyoW2Qynmi-O-beJT4Nk2fiPchF02e27k7HCiuLid3Q30i-bHW1HpYQS2QJwkbNmJIaQMu4HSvEhyJfQgwVuKSmpfwu-z-6mF1o9VqOsEstQdejP_P3iXqXnci_fAlRhFxaoYSQ6nhJ75WVBpVrR4-_hR3m00\" \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:RT2nYW8n483XFf1t6BQtyDpAIf1xWZkm48jX7TPWCWcPw2hYkviT1DSxgoH_aY-GbHJCvHIyDUXz78AxEEwjaQFZX1a3T36aoCJbfrmzGQQk8FUUhB6cyoW2Qynmi-O-beJT4Nk2fiPchF02e27k7HCiuLid3Q30i-bHW1HpYQS2QJwkbNmJIaQMu4HSvEhyJfQgwVuKSmpfwu-z-6mF1o9VqOsEstQdejP_P3iXqXnci_fAlRhFxaoYSQ6nhJ75WVBpVrR4-_hR3m00\" 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=\"1641\">Consid\u00e9rez ceci comme un croquis structurel ; il ne montre pas de ports UML formels ni de s\u00e9mantique de connecteurs.<\/p>\n<h3 data-nodeid=\"1642\">5. Diagramme de d\u00e9ploiement<\/h3>\n<p data-nodeid=\"1643\">Mappe les artefacts logiciels ou les services sur des n\u0153uds mat\u00e9riels et des environnements d&#8217;ex\u00e9cution. Utilisez-le pour expliquer o\u00f9 le logiciel s&#8217;ex\u00e9cute et comment les n\u0153uds d&#8217;ex\u00e9cution communiquent.<\/p>\n<p id=\"xbYhmpl\"><img alt=\"\" class=\"alignnone size-full wp-image-22063\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80863c3648.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80863c3648.png 1918w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80863c3648-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80863c3648-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80863c3648-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80863c3648-1536x698.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:LP1DYWCX48NtWdSetES2MOHaXa02WSdGVO5ghI62hQBL-I7qtKUxCqbc8_hggrUlN6V6n4FlfF314AZF8NFeAO6XizMa03DePyaptAK0ABJzGSsWFbAuP4fAYb6APxiBWr4pEYkR69tLo3PuE8NCaoF6k2ltcNitRJWaWirnhsfbh8T1nWvpiVfAfWPxl2SZqpt6wpeOrFRAb3mwY7ZhQ-YOmjcMjeakuinE-omMgsUG9UpQzjX8yIVKekcAtdmV_gl5v8MloPloUxy0\" 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:LL3BIWGn4Bm7yWzDBfxs1pp8heAC8BBBxW_qJ5e9P9AOT1P5zeEy-mVxOtPcPdrScagbgbATTM7CN4UlLOYMm6nImapEm-0T1JQ0PO7meHM0gDqp3Wpc2O_k1PbgDbgTjBeatFbOhPdLCzETlvZ0Nc5AtWt8BeOfLyvTB4lmt-ZDzW74w17wMDczLZ9DSch38cEFHM9lsnIPZI6SFwa8bgvn7348cbwm_L9jQAN0tCUQWoj5IZTdGaTZMutUc7AWoPFmVNPCIwzMDpyzhw4x7BPxhIv4kxIzyFlTutzMGdxbQmfMllWR\" \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=\"1644\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nnode \"Appareil client\" as client {\r\n  artifact \"Navigateur\"\r\n}\r\n\r\nnode \"Cloud\" {\r\n  node \"H\u00f4te d'application\" as appHost {\r\n    artifact \"API de la boutique\"\r\n  }\r\n  database \"Base de donn\u00e9es des commandes\" as db\r\n}\r\n\r\ncloud \"Fournisseur de paiement externe\" as pay\r\n\r\nclient --&gt; appHost : HTTPS\r\nappHost --&gt; db : SQL\r\nappHost --&gt; pay : HTTPS\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL3BIWGn4Bm7yWzDBfxs1pp8heAC8BBBxW_qJ5e9P9AOT1P5zeEy-mVxOtPcPdrScagbgbATTM7CN4UlLOYMm6nImapEm-0T1JQ0PO7meHM0gDqp3Wpc2O_k1PbgDbgTjBeatFbOhPdLCzETlvZ0Nc5AtWt8BeOfLyvTB4lmt-ZDzW74w17wMDczLZ9DSch38cEFHM9lsnIPZI6SFwa8bgvn7348cbwm_L9jQAN0tCUQWoj5IZTdGaTZMutUc7AWoPFmVNPCIwzMDpyzhw4x7BPxhIv4kxIzyFlTutzMGdxbQmfMllWR\" \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:LP1DYWCX48NtWdSetES2MOHaXa02WSdGVO5ghI62hQBL-I7qtKUxCqbc8_hggrUlN6V6n4FlfF314AZF8NFeAO6XizMa03DePyaptAK0ABJzGSsWFbAuP4fAYb6APxiBWr4pEYkR69tLo3PuE8NCaoF6k2ltcNitRJWaWirnhsfbh8T1nWvpiVfAfWPxl2SZqpt6wpeOrFRAb3mwY7ZhQ-YOmjcMjeakuinE-omMgsUG9UpQzjX8yIVKekcAtdmV_gl5v8MloPloUxy0\" 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<h3 data-nodeid=\"1645\">6. Diagramme de paquets<\/h3>\n<p data-nodeid=\"1646\">Regroupe les \u00e9l\u00e9ments du mod\u00e8le dans des espaces de noms ou des couches et montre les d\u00e9pendances entre ces groupes. Utilisez-le pour expliquer l&#8217;organisation du code et l&#8217;orientation architecturale.<\/p>\n<p id=\"NAUrWRn\"><img alt=\"\" class=\"alignnone size-full wp-image-22064\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80892d9a0a.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80892d9a0a.png 1919w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80892d9a0a-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80892d9a0a-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80892d9a0a-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80892d9a0a-1536x699.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:VP1H2i8m38RV2xr3sG5s115s0CKRn3HeMTUK94D4lBj3XZgcleNa_pwIRDL0R1ooTnMmXnE5Hes5sWiTct3pBWJCe1gwCs7FetLSJ3Xd4k_ktgqug3Kd14jS5lm-0z9EuYykyW1fYSpfbq4uZcZVyKgYIOqAqjfneCgQfjnrXjV7XBRTB7Pyry_Hd-wdVKibJjzy0000\" 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:VP1H2i8m38RV2xr3sG5s115s0CKRn3HeMTUK94D4lBj3XZgcleNa_pwIRDL0R1ooTnMmXnE5Hes5sWiTct3pBWJCe1gwCs7FetLSJ3Xd4k_ktgqug3Kd14jS5lm-0z9EuYykyW1fYSpfbq4uZcZVyKgYIOqAqjfneCgQfjnrXjV7XBRTB7Pyry_Hd-wdVKibJjzy0000\" \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=\"1647\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\npackage \"store.web\" {\r\n  class CheckoutController\r\n}\r\n\r\npackage \"store.application\" {\r\n  class PlaceOrder\r\n}\r\n\r\npackage \"store.domain\" {\r\n  class Order\r\n  class Product\r\n}\r\n\r\npackage \"store.persistence\" {\r\n  class OrderRepository\r\n}\r\n\r\nCheckoutController ..&gt; PlaceOrder\r\nPlaceOrder ..&gt; Order\r\nPlaceOrder ..&gt; OrderRepository\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VP1H2i8m38RV2xr3sG5s115s0CKRn3HeMTUK94D4lBj3XZgcleNa_pwIRDL0R1ooTnMmXnE5Hes5sWiTct3pBWJCe1gwCs7FetLSJ3Xd4k_ktgqug3Kd14jS5lm-0z9EuYykyW1fYSpfbq4uZcZVyKgYIOqAqjfneCgQfjnrXjV7XBRTB7Pyry_Hd-wdVKibJjzy0000\" \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:VP1H2i8m38RV2xr3sG5s115s0CKRn3HeMTUK94D4lBj3XZgcleNa_pwIRDL0R1ooTnMmXnE5Hes5sWiTct3pBWJCe1gwCs7FetLSJ3Xd4k_ktgqug3Kd14jS5lm-0z9EuYykyW1fYSpfbq4uZcZVyKgYIOqAqjfneCgQfjnrXjV7XBRTB7Pyry_Hd-wdVKibJjzy0000\" 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<h3 data-nodeid=\"1648\">7. Diagramme de profil<\/h3>\n<p data-nodeid=\"1649\">D\u00e9finit une extension sp\u00e9cifique au domaine pour UML en utilisant des st\u00e9r\u00e9otypes, des valeurs \u00e9tiquet\u00e9es et des contraintes. Utilisez-le lorsqu&#8217;un projet n\u00e9cessite un vocabulaire de mod\u00e9lisation coh\u00e9rent au-del\u00e0 d&#8217;UML standard.<\/p>\n<p data-nodeid=\"1650\">PlantUML peut afficher les concepts de profil comme un croquis au style UML, mais ce n&#8217;est pas un rendu d\u00e9di\u00e9 aux diagrammes de profil.<\/p>\n<p id=\"vIACmdD\"><img alt=\"\" class=\"alignnone size-full wp-image-22065\" decoding=\"async\" height=\"869\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808ae8553a.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808ae8553a.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808ae8553a-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808ae8553a-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808ae8553a-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808ae8553a-1536x697.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:TP7D3OCm38NlaRA3nG0CmA52wW9LcI02GoD1Z1BJbfaOeJScgw7yzS3Dp_cUd-MaWOtdhgcrociJ0aJZq7egROtZ1p8cZxUVZC04MEe371Wz4lVjn8z3XlvfSwbdV57d-1rR2bPI-iMnDmwc1jdCGZnNQbfow7Z6DwMLLijo4CUNDHaIAB2q3iF_ynvp95RJH6oJ1S0teoi4EDXE6QqSCOAtrOE1olq606og2Wjuchh3P6hGow5FvCpUkaeh6G2JMQjKIlcKBm00\" 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:VP513e9034NtaymT6W_00LmO4ozWz0GJB3e9JB5JC1o9U0HtS34BGO65xlex__KtdNqKnr8LkJLfxcA4JVSicJAVToyu2p4UHuKRS16cUk6DqhVSjoHDYKfqppDoxLEjHs1I_u0JbXIz9ZKJCpSMMD6tuaQbq86AaW866VrVPOqrquQG9BjFE6pXqhUP3rxMxtFGolB11ijtjZfq0mmNQnROBuirWGI1_VKcGDby1e3QvLZnuFJt2lKOkj_GfqT0tkh9sOUhDJe6XXdMxBNK_ta3\" \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=\"1651\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass \"\u00abprofil\u00bb StoreProfile\" as Profile\r\nclass \"\u00abst\u00e9r\u00e9otype\u00bb \u00abService\u00bb\" as Service\r\nclass \"\u00abst\u00e9r\u00e9otype\u00bb \u00abRepository\u00bb\" as Repository\r\nclass \"\u00abm\u00e9taclass\u00bb Component\" as Component\r\n\r\nProfile ..&gt; Service : d\u00e9finit\r\nProfile ..&gt; Repository : d\u00e9finit\r\nService ..&gt; Component : \u00e9tend\r\nRepository ..&gt; Component : \u00e9tend\r\n\r\nnote right of Service\r\n  valeur \u00e9tiquet\u00e9e :\r\n  owner: String\r\nend note\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VP513e9034NtaymT6W_00LmO4ozWz0GJB3e9JB5JC1o9U0HtS34BGO65xlex__KtdNqKnr8LkJLfxcA4JVSicJAVToyu2p4UHuKRS16cUk6DqhVSjoHDYKfqppDoxLEjHs1I_u0JbXIz9ZKJCpSMMD6tuaQbq86AaW866VrVPOqrquQG9BjFE6pXqhUP3rxMxtFGolB11ijtjZfq0mmNQnROBuirWGI1_VKcGDby1e3QvLZnuFJt2lKOkj_GfqT0tkh9sOUhDJe6XXdMxBNK_ta3\" \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:TP7D3OCm38NlaRA3nG0CmA52wW9LcI02GoD1Z1BJbfaOeJScgw7yzS3Dp_cUd-MaWOtdhgcrociJ0aJZq7egROtZ1p8cZxUVZC04MEe371Wz4lVjn8z3XlvfSwbdV57d-1rR2bPI-iMnDmwc1jdCGZnNQbfow7Z6DwMLLijo4CUNDHaIAB2q3iF_ynvp95RJH6oJ1S0teoi4EDXE6QqSCOAtrOE1olq606og2Wjuchh3P6hGow5FvCpUkaeh6G2JMQjKIlcKBm00\" 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=\"1652\">Diagrammes comportementaux<\/h2>\n<h3 data-nodeid=\"1653\">8. Diagramme de cas d&#8217;utilisation<\/h3>\n<p data-nodeid=\"1654\">Affiche les acteurs externes et les objectifs du syst\u00e8me avec lesquels ils interagissent. Utilisez-le pour d\u00e9finir la port\u00e9e et capturer les exigences fonctionnelles \u00e0 un niveau \u00e9lev\u00e9.<\/p>\n<p id=\"RXoHswT\"><img alt=\"\" class=\"alignnone size-full wp-image-22066\" decoding=\"async\" height=\"866\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808cf96954.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808cf96954.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808cf96954-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808cf96954-1024x463.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808cf96954-768x347.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808cf96954-1536x695.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:LL11QiCm4BmBz8V5T-S19PZGFY26vWEBj755PIciLYccvE-HxTX49p6pevdPFIL1bZnwhJnT1IG2k-57m3ec8ou6hT18PFZAIU98lE6cnsca8D1pl3jBt02c7MYbrMo0OV04pJbu5mY-oqTgu5yhW9p8O2gpJuv_vRrnjDb8McnMhfBr7Wr1v3rfnhK29xYMPcyQd2h5XT7yliqNhDLZRhlj1stRxVaL-Kgik9V3jlQgcrFNkeV30k43ZaSNZC-Mkawh4mLRRlu4\" 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:TP7TIWGn38Nl0_CEeJTUxJw0BCEYuBMmJr3QE0OwwPgcmYA-kvqVT5JcCYVvJaxJSp6lLiVKGMIbO9m54xqOMaRbuTKwyC6eAZuc9laftLEkAbpAL4J2gsSQsu13Nt3Jww23oTZBa0ZTGwx6RvMGsXuUX1n-069eKBnhhSJ5po7SizVGR5XRde9NpR6obTd-kxL7jisALGX37aSlaLPiqlUOMqEI_qlSze1BvNUbVyGYmoV0SYyy7FfDtb_Yd6QZhEpsiClW569zrF6u2dYFfnDBI5Mfx-5C4jitVW40\" \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=\"1655\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndirection left to right\r\nacteur Client\r\nacteur \"Fournisseur de paiement\" as Fournisseur\r\n\r\nrectangle \"Boutique en ligne\" {\n  cas d'utilisation \"Parcourir les produits\" as Parcourir\n  cas d'utilisation \"Passer une commande\" as Passer\n  cas d'utilisation \"Payer la commande\" as Payer\n  cas d'utilisation \"Suivre la commande\" as Suivre\n}\n\nClient --&gt; Parcourir\nClient --&gt; Passer\nClient --&gt; Suivre\nFournisseur --&gt; Payer\nPasser ..&gt; Payer : &lt;&lt;inclure&gt;&gt;\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP7TIWGn38Nl0_CEeJTUxJw0BCEYuBMmJr3QE0OwwPgcmYA-kvqVT5JcCYVvJaxJSp6lLiVKGMIbO9m54xqOMaRbuTKwyC6eAZuc9laftLEkAbpAL4J2gsSQsu13Nt3Jww23oTZBa0ZTGwx6RvMGsXuUX1n-069eKBnhhSJ5po7SizVGR5XRde9NpR6obTd-kxL7jisALGX37aSlaLPiqlUOMqEI_qlSze1BvNUbVyGYmoV0SYyy7FfDtb_Yd6QZhEpsiClW569zrF6u2dYFfnDBI5Mfx-5C4jitVW40\" \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:LL11QiCm4BmBz8V5T-S19PZGFY26vWEBj755PIciLYccvE-HxTX49p6pevdPFIL1bZnwhJnT1IG2k-57m3ec8ou6hT18PFZAIU98lE6cnsca8D1pl3jBt02c7MYbrMo0OV04pJbu5mY-oqTgu5yhW9p8O2gpJuv_vRrnjDb8McnMhfBr7Wr1v3rfnhK29xYMPcyQd2h5XT7yliqNhDLZRhlj1stRxVaL-Kgik9V3jlQgcrFNkeV30k43ZaSNZC-Mkawh4mLRRlu4\" 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<h3 data-nodeid=\"1656\">9. Diagramme d&#8217;activit\u00e9<\/h3>\n<p data-nodeid=\"1657\">Mod\u00e9lise un flux de travail : actions, d\u00e9cisions, chemins parall\u00e8les et transmissions. Utilisez-le pour les processus m\u00e9tier, les proc\u00e9dures op\u00e9rationnelles ou le flux de contr\u00f4le d&#8217;un algorithme.<\/p>\n<p id=\"JZvlrAl\"><img alt=\"\" class=\"alignnone size-full wp-image-22067\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808eacbd4f.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808eacbd4f.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808eacbd4f-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808eacbd4f-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808eacbd4f-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad808eacbd4f-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:PP31QiD034Jl2_iFEZg_41-Q47hehU0lKEqnNbYlZ2mxk5_VNJi9XDuqeta8pMKsLbl6wDq-UNTk4D4Q1SCurrb_9eDIXnXMw9O7un3tpOrZkqGsa8bnp9PteQVggw34QyxnJyJ7YMn0ech3VFAEw7nTR10Dlw29jn79wc8NzFlGnDEaigBxnsRwfYWtHJje_V0Qf8vQINtGaIr8sXU8CwXAyYIRGUxFamHLEVZCXjwxj_IHNTBhYrSXZtGfJ2RlBbdd_lu0\" 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:PP31RSCm34NlceAtEYlOXyO8SY_G2HXRHWb8f4591ZAIv_1YfM87SD6BHEd__oJocZ9gBZ6uSLiV9RlsUrk37p89irS8Fe4PQB2YS-sTinwtviz8mGeFWHP5Ii9ckM4OIdYP84l6q3cN29h-eC18QHQcHwq_Bu11D44ZXIuEeErB5gMqvsSa7ptdpfJA-3hEWFEiKfPj_KymnastjG8G1eaHUVJTBjnvaUTRuOaqOcrqnxCmDBOSa7wQQFYfvW-lwelMHiyVceWJkR-vK-eqE20-DTqvIzfxhkxkwdcqyVy2\" \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=\"1658\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\nd\u00e9but\n:S\u00e9lectionner les articles;\n:Entrer les d\u00e9tails de livraison;\n:Calculer le total;\n\nsi (Articles disponibles ?) alors (oui)\n  :Autoriser le paiement;\n  si (Paiement approuv\u00e9 ?) alors (oui)\n    :Cr\u00e9er la commande;\n    :Envoyer la confirmation;\n  sinon (non)\n    :Afficher l'erreur de paiement;\n  finsi\nsinon (non)\n  :Afficher les articles indisponibles;\nfin si\n\nfin\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PP31RSCm34NlceAtEYlOXyO8SY_G2HXRHWb8f4591ZAIv_1YfM87SD6BHEd__oJocZ9gBZ6uSLiV9RlsUrk37p89irS8Fe4PQB2YS-sTinwtviz8mGeFWHP5Ii9ckM4OIdYP84l6q3cN29h-eC18QHQcHwq_Bu11D44ZXIuEeErB5gMqvsSa7ptdpfJA-3hEWFEiKfPj_KymnastjG8G1eaHUVJTBjnvaUTRuOaqOcrqnxCmDBOSa7wQQFYfvW-lwelMHiyVceWJkR-vK-eqE20-DTqvIzfxhkxkwdcqyVy2\" \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:PP31QiD034Jl2_iFEZg_41-Q47hehU0lKEqnNbYlZ2mxk5_VNJi9XDuqeta8pMKsLbl6wDq-UNTk4D4Q1SCurrb_9eDIXnXMw9O7un3tpOrZkqGsa8bnp9PteQVggw34QyxnJyJ7YMn0ech3VFAEw7nTR10Dlw29jn79wc8NzFlGnDEaigBxnsRwfYWtHJje_V0Qf8vQINtGaIr8sXU8CwXAyYIRGUxFamHLEVZCXjwxj_IHNTBhYrSXZtGfJ2RlBbdd_lu0\" 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<h3 data-nodeid=\"1659\">10. Diagramme d&#8217;\u00e9tat<\/h3>\n<p data-nodeid=\"1660\">D\u00e9crit les \u00e9tats qu&#8217;une entit\u00e9 peut occuper et les \u00e9v\u00e9nements ou conditions qui provoquent des transitions. Utilisez-le lorsque le comportement d&#8217;un objet d\u00e9pend de son \u00e9tat actuel.<\/p>\n<p id=\"HPqikXZ\"><img alt=\"\" class=\"alignnone size-full wp-image-22068\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80907e7723.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80907e7723.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80907e7723-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80907e7723-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80907e7723-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80907e7723-1536x700.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:ZP1D2i8m48NtWTuXQw4NS245FK31fRWOawaTo1z9MkZjdQHQHLouck7bUxp9wrA6c2Th6d7PNMNR7kGfmf0RKKSLUdIQtBs7nQBBSY_JTBF4oDT3PO4q4-4fGGZHpwX_iaTm2et1JuD6PSZzOL1JojvYbAgAYGqbkc3daKAeaAOK8Akn4I-jVX0DpHXNOjqNgRmRADgI_8ufDDV2PMoMJUhuFkxj0G00\" 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:ZL1B2W8n3Dtt55qBSm4NuWYpS-5UN9IP30Jweqq7FLBFqOkPpaSH4LprzUMzl2J7I2fGCbfSTpVPD0Tv2YwXriwA5vhvYq8mOAcpBH6_8FSokcI0A83uhYwUHyciysjLAk-vwLJo3qDhRTAVbW1ZYdyODCXUunnIkJfI3Q-YxkvB7d2MmO89US4tNrLddCBIYO72o7ltpeuOJCaWjg2gv5E9LRrzZs07lk8J\" \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=\"1661\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\n[*] --&gt; Brouillon\nBrouillon --&gt; PaiementEnAttente : soumettre\nPaiementEnAttente --&gt; Pay\u00e9 : paiement approuv\u00e9\nPaiementEnAttente --&gt; Annul\u00e9 : paiement refus\u00e9\nPaiementEnAttente --&gt; Annul\u00e9 : le client annule\nPay\u00e9 --&gt; Exp\u00e9di\u00e9 : exp\u00e9dition\nExp\u00e9di\u00e9 --&gt; Livr\u00e9 : livraison confirm\u00e9e\nAnnul\u00e9 --&gt; [*]\nLivr\u00e9 --&gt; [*]\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZL1B2W8n3Dtt55qBSm4NuWYpS-5UN9IP30Jweqq7FLBFqOkPpaSH4LprzUMzl2J7I2fGCbfSTpVPD0Tv2YwXriwA5vhvYq8mOAcpBH6_8FSokcI0A83uhYwUHyciysjLAk-vwLJo3qDhRTAVbW1ZYdyODCXUunnIkJfI3Q-YxkvB7d2MmO89US4tNrLddCBIYO72o7ltpeuOJCaWjg2gv5E9LRrzZs07lk8J\" \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:ZP1D2i8m48NtWTuXQw4NS245FK31fRWOawaTo1z9MkZjdQHQHLouck7bUxp9wrA6c2Th6d7PNMNR7kGfmf0RKKSLUdIQtBs7nQBBSY_JTBF4oDT3PO4q4-4fGGZHpwX_iaTm2et1JuD6PSZzOL1JojvYbAgAYGqbkc3daKAeaAOK8Akn4I-jVX0DpHXNOjqNgRmRADgI_8ufDDV2PMoMJUhuFkxj0G00\" 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<h3 data-nodeid=\"1662\">11. Diagramme de s\u00e9quence<\/h3>\n<p data-nodeid=\"1663\">Affiche les messages \u00e9chang\u00e9s entre les participants dans l&#8217;ordre chronologique. Utilisez-le pour d\u00e9crire un sc\u00e9nario, un flux d&#8217;appels d&#8217;API ou une interaction entre des services.<\/p>\n<p id=\"UbHRstM\"><img alt=\"\" class=\"alignnone size-full wp-image-22069\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80923a1732.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80923a1732.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80923a1732-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80923a1732-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80923a1732-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80923a1732-1536x697.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:NP112i9034Nt0tE7uDuBk1310oYuS1sdaGuwpP39LFJqfhPMwIxv__7poQueYjPqzmw3ii2-5kL4ubqs8uQOiLDOdUa29_Df1LZ0jeL_a8O4JYHz32FpKSe2E-8paGt_uAGPwjttEgotmn7OGAcN51L2I-76LRqRP7F7U0E242e13xjtasp0DzOGhDgon1T17aNlPdVzduKv2_VK_7Bc7fzy2DnTeoJKoDrKnOYvjTLj-R6WTjGrzk0t\" 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:TP4z3i8m38NtdC9Yvm8C2C45a1YOJUeAIyqFZiETE0SNmw6eBKXCaUFFxpqdkw8eMiFWq2jLWSF05DLbksNF6QF2Qf-gygqIdEco0Ypj_2PE97Vs11s1Jo5WxEWD7Zv5-OjdP0hc-CQFdw8uD-Q0zRQPmGPAge5KXM2OXrph6JBP6EZb-I216kSeRkuRF9aOZ5MJS35-gJeJwnznp5bIlJyVIyafeq-nPmcedEBoASQOJMfSodJwdlsrsUBNbDjHxEmtNW00\" \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=\"1664\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\nacteur Client\nparticipant \"Boutique Web\" as Web\nparticipant \"Service de commande\" as Commandes\nparticipant \"Service de paiement\" as Paiements\n\nClient -&gt; Web : soumettre le paiement\nWeb -&gt; Commandes : cr\u00e9er une commande\nCommandes -&gt; Paiements : autoriser le paiement\nPaiements --&gt; Commandes : approuv\u00e9\nCommandes --&gt; Web : confirmation de commande\nWeb --&gt; Client : afficher la confirmation\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP4z3i8m38NtdC9Yvm8C2C45a1YOJUeAIyqFZiETE0SNmw6eBKXCaUFFxpqdkw8eMiFWq2jLWSF05DLbksNF6QF2Qf-gygqIdEco0Ypj_2PE97Vs11s1Jo5WxEWD7Zv5-OjdP0hc-CQFdw8uD-Q0zRQPmGPAge5KXM2OXrph6JBP6EZb-I216kSeRkuRF9aOZ5MJS35-gJeJwnznp5bIlJyVIyafeq-nPmcedEBoASQOJMfSodJwdlsrsUBNbDjHxEmtNW00\" \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:NP112i9034Nt0tE7uDuBk1310oYuS1sdaGuwpP39LFJqfhPMwIxv__7poQueYjPqzmw3ii2-5kL4ubqs8uQOiLDOdUa29_Df1LZ0jeL_a8O4JYHz32FpKSe2E-8paGt_uAGPwjttEgotmn7OGAcN51L2I-76LRqRP7F7U0E242e13xjtasp0DzOGhDgon1T17aNlPdVzduKv2_VK_7Bc7fzy2DnTeoJKoDrKnOYvjTLj-R6WTjGrzk0t\" 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<h3 data-nodeid=\"1665\">12. Diagramme de communication<\/h3>\n<p data-nodeid=\"1666\">Met l&#8217;accent sur les objets qui collaborent et les liens entre eux ; la num\u00e9rotation des messages indique l&#8217;ordre des interactions. Utilisez-le lorsque le r\u00e9seau de participants collaborant est plus important qu&#8217;une chronologie.<\/p>\n<p data-nodeid=\"1667\">PlantUML ne dispose pas d&#8217;un rendu d\u00e9di\u00e9 pour les diagrammes de communication dans son ensemble UML standard. Ce croquis de liens d&#8217;objets \u00e9tiquette les messages avec des num\u00e9ros de s\u00e9quence :<\/p>\n<p id=\"jrnNidz\"><img alt=\"\" class=\"alignnone size-full wp-image-22070\" decoding=\"async\" height=\"874\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8094910828.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8094910828.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8094910828-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8094910828-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8094910828-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8094910828-1536x701.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:RP3D2i8m48JlWRn3ZdgeuC-f1odu00ezU4xJbKPDjcmt1NrwcuAnbLvdlfbPjkXO4mVtb0AhEnXMfz0nEg0aNA4g6GcISAOQg0JghVc95_rou3d9KdoBL9OTKudArJPNfW7pmC2hjHJ9YTYqEgAR21DeXj69_0o9cVdocDhbIWTkaEmROkOFMLpQ3vcs9UoXNXYPthyv34UXlrbocYrwAGhmzV333m00\" 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:TP0x3i8m44JxdC8b58d4fqg143a0I1JKJZmeXjWEope5fyU60262ScVdpNxMLvR4tZI9AqzWKJGQbljYupphYyS1PQ_iGPskK3XZf5NuLdTImqGwUQQ8D5qDCqGkPhceQbJd84wcoR0NlQFqwCyYGP2CBIbGWCQc0VXQu07ESo4zruxq3H_iRVatRn6mjYNNGVqSDRedMuRzd3rgCfAriyaQLeLttW40\" \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=\"1668\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\nobjet Client\nobjet BoutiqueWeb\nobjet ServiceCommande\nobjet ServicePaiement\n\nClient --&gt; BoutiqueWeb : 1: checkout()\nBoutiqueWeb --&gt; ServiceCommande : 1.1: createOrder()\nServiceCommande --&gt; ServicePaiement : 1.2: authorize()\nServicePaiement --&gt; ServiceCommande : 1.3: approved\nServiceCommande --&gt; BoutiqueWeb : 1.4: confirmation\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP0x3i8m44JxdC8b58d4fqg143a0I1JKJZmeXjWEope5fyU60262ScVdpNxMLvR4tZI9AqzWKJGQbljYupphYyS1PQ_iGPskK3XZf5NuLdTImqGwUQQ8D5qDCqGkPhceQbJd84wcoR0NlQFqwCyYGP2CBIbGWCQc0VXQu07ESo4zruxq3H_iRVatRn6mjYNNGVqSDRedMuRzd3rgCfAriyaQLeLttW40\" \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:RP3D2i8m48JlWRn3ZdgeuC-f1odu00ezU4xJbKPDjcmt1NrwcuAnbLvdlfbPjkXO4mVtb0AhEnXMfz0nEg0aNA4g6GcISAOQg0JghVc95_rou3d9KdoBL9OTKudArJPNfW7pmC2hjHJ9YTYqEgAR21DeXj69_0o9cVdocDhbIWTkaEmROkOFMLpQ3vcs9UoXNXYPthyv34UXlrbocYrwAGhmzV333m00\" 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<h3 data-nodeid=\"1669\">13. Diagramme de vue d&#8217;ensemble des interactions<\/h3>\n<p data-nodeid=\"1670\">Fournit une vue de haut niveau du flux de contr\u00f4le des interactions, combinant un flux de style activit\u00e9 avec des r\u00e9f\u00e9rences \u00e0 des sc\u00e9narios d&#8217;interaction. Utilisez-le pour montrer comment plusieurs sc\u00e9narios de niveau s\u00e9quence s&#8217;int\u00e8grent dans un processus plus large.<\/p>\n<p data-nodeid=\"1671\">Cet exemple PlantUML utilise un diagramme d&#8217;activit\u00e9 comme vue d&#8217;ensemble, avec des noms de sc\u00e9narios servant de substituts aux interactions r\u00e9f\u00e9renc\u00e9es :<\/p>\n<p id=\"dLWHTvj\"><img alt=\"\" class=\"alignnone size-full wp-image-22071\" decoding=\"async\" height=\"865\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8099eb37a0.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8099eb37a0.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8099eb37a0-300x135.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8099eb37a0-1024x462.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8099eb37a0-768x347.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad8099eb37a0-1536x693.png 1536w\" width=\"1916\"\/><\/p>\n<div><\/div>\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:TP5DRi9038NtaN87YnLS0HQ5GbMnQL1pWj748LRc9vrngDAgTwyd4DeAkeWKsS_-_Dwi8wl0lJLv5bjodGhAWlQk8YRlIXuCmjv5gd17oaezp_ACYSSoOr0wwQ0uOJWHleEeZh9Y2KMeCC0XU8qnaZj2EKH6cyP7PFfPRll8tegkCqfquDFGAhMeXla-mbv610GbUzq-B80RT30VC2xo321zSZ6Fjy8iLh1jKBTGz0mbllNeDCxWCya0bfkU6n_e0-6W1ekELvV63gjUis1EKlHX6EjVPm2QY31t_X_UezAj_-tq1_VYcUe19eiJx1cTfCO8PTzrXcJoDLqQ-GzLygzJ3BKFxIsrRAZhnanlJ1vKyd-9SQmaCR27JLK5EN32fCsWZehS7LTapFtrr-ibB4yQhn2vM8nef8xXoIeo4oSrpYxIUnilSHRNLvPekZnRYwQttm00\" 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:XLDBQXmn4Dqtz1qARtgyy0N6YpZ48HYC2Sm9AgrgKum-7NrC1kExU9VqFZVGnLBLSZmPWfD5DvBUKxrN7rsbZ34NP_ikxTdF6D716BpXpC7lyi4ItFZ4XguPdPptNTzbpd8i1_V2TWHcm9bY_Lx04DY1VQQ8emQ0BUmEATSVoYB84JcJ8vzbbqJ7EVIoqg2h4LriRmb6oqgQCIM2ukcL2fShbs5pEmYVHp52AL-m1VAGSXZtyEuSq8QOO1CAd_STW7wpqbTFPyd0hYvV2_bnjJKZhwREu56P0Dlt9OV8YIBO8wpQAtfT5rCujbmV147ThEXJaqliHMWZlpVqFySmKaebgVvhSeQdgIwnBdIqSXSoJzoSl9JbjuzFTV525qnBPAW5cKA9dgLm9PvucbZwgDMRGjp_io83VPibnHKx6ldelg2rQWHFsj70TaFG-YnbGHD9MzVqLqN0UsJ_dqvCCZObugdmCKrHRem_XFr3E2Wqq8L36GE94abdyKMRl86MiOpM1rj_wlM_aj3v2tFVNGbTNiCl\" \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=\"language-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nskinparam conditionStyle InsideDiamond\r\n\r\ntitle Diagramme d'aper\u00e7u de l'interaction : Syst\u00e8me de traitement des commandes\r\n\r\nstart\r\n\r\n:Le client passe une commande ;\r\n\r\nsi (L'article est-il en stock ?) alors (oui)\r\n  \r\n  partition \"sd S\u00e9quence de paiement\" {\r\n    :Autoriser le paiement ;\r\n    :D\u00e9duire l'inventaire ;\r\n  }\r\n  \r\nsinon (non)\r\n  \r\n  partition \"sd Processus de commande diff\u00e9r\u00e9e\" {\r\n    :Notifier le client ;\r\n    :G\u00e9n\u00e9rer une demande fournisseur ;\r\n  }\r\n  \r\nfinsi\r\n\r\nfork\r\n  partition \"sd S\u00e9quence d'exp\u00e9dition\" {\r\n    :Emballer la commande ;\r\n    :Exp\u00e9dier \u00e0 l'adresse ;\r\n  }\nfork again\r\n  partition \"sd S\u00e9quence de facturation\" {\r\n    :G\u00e9n\u00e9rer la facture ;\r\n    :Envoyer l'e-mail de re\u00e7u ;\r\n  }\nend fork\r\n\r\n:Cl\u00f4turer la commande ;\r\n\r\nstop\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLDBQXmn4Dqtz1qARtgyy0N6YpZ48HYC2Sm9AgrgKum-7NrC1kExU9VqFZVGnLBLSZmPWfD5DvBUKxrN7rsbZ34NP_ikxTdF6D716BpXpC7lyi4ItFZ4XguPdPptNTzbpd8i1_V2TWHcm9bY_Lx04DY1VQQ8emQ0BUmEATSVoYB84JcJ8vzbbqJ7EVIoqg2h4LriRmb6oqgQCIM2ukcL2fShbs5pEmYVHp52AL-m1VAGSXZtyEuSq8QOO1CAd_STW7wpqbTFPyd0hYvV2_bnjJKZhwREu56P0Dlt9OV8YIBO8wpQAtfT5rCujbmV147ThEXJaqliHMWZlpVqFySmKaebgVvhSeQdgIwnBdIqSXSoJzoSl9JbjuzFTV525qnBPAW5cKA9dgLm9PvucbZwgDMRGjp_io83VPibnHKx6ldelg2rQWHFsj70TaFG-YnbGHD9MzVqLqN0UsJ_dqvCCZObugdmCKrHRem_XFr3E2Wqq8L36GE94abdyKMRl86MiOpM1rj_wlM_aj3v2tFVNGbTNiCl\" \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:TP5DRi9038NtaN87YnLS0HQ5GbMnQL1pWj748LRc9vrngDAgTwyd4DeAkeWKsS_-_Dwi8wl0lJLv5bjodGhAWlQk8YRlIXuCmjv5gd17oaezp_ACYSSoOr0wwQ0uOJWHleEeZh9Y2KMeCC0XU8qnaZj2EKH6cyP7PFfPRll8tegkCqfquDFGAhMeXla-mbv610GbUzq-B80RT30VC2xo321zSZ6Fjy8iLh1jKBTGz0mbllNeDCxWCya0bfkU6n_e0-6W1ekELvV63gjUis1EKlHX6EjVPm2QY31t_X_UezAj_-tq1_VYcUe19eiJx1cTfCO8PTzrXcJoDLqQ-GzLygzJ3BKFxIsrRAZhnanlJ1vKyd-9SQmaCR27JLK5EN32fCsWZehS7LTapFtrr-ibB4yQhn2vM8nef8xXoIeo4oSrpYxIUnilSHRNLvPekZnRYwQttm00\" 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=\"1673\">Pour les \u00e9changes de messages d\u00e9taill\u00e9s \u00e0 l&#8217;int\u00e9rieur de chaque sc\u00e9nario, cr\u00e9ez un diagramme de s\u00e9quence s\u00e9par\u00e9.<\/p>\n<h3 data-nodeid=\"1674\">14. Diagramme de chronologie<\/h3>\n<p data-nodeid=\"1675\">Affiche les changements d&#8217;\u00e9tat ou de valeur par rapport \u00e0 un axe temporel. Utilisez-le pour les comportements sensibles au temps, les protocoles, les interactions mat\u00e9rielles ou les exigences impliquant des dur\u00e9es et des d\u00e9lais.<\/p>\n<p id=\"UWJLnUq\"><img alt=\"\" class=\"alignnone size-full wp-image-22072\" decoding=\"async\" height=\"863\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad809e86b2ee.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad809e86b2ee.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad809e86b2ee-300x135.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad809e86b2ee-1024x462.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad809e86b2ee-768x346.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad809e86b2ee-1536x693.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:LOz12i8m44NtWTnXo0cgu3wY6rVc2Z6PIg2Pb9bKyFQciOjsz_dlyU5RgPxhaYUjkBmMgM2U794DU86Uj0g5GX84u_mt8zNEjgoLLdRGggkG1ExinzPkU6qUSSAkNNQQGug9tWVHSGaeqkkcduO3lSupbm_6Fplljcw5niHvHRRDjZC_\" 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:RP312SCm34Nl1kyWCa5Qw3tGQw5PGNKKCCHoaEL2HyeSMQng6df9RuBt7rzILnH5Qvgya_oeHGcQQqu9UQ06iC1T1XBlGkOG2pGzHah4kh4UNv_PE--wrhiRGjXLeA9030_9DKvJPgC4yovlD386ZUCcN_xAg6fXEgh6GgvImB8g69L-QvpQOnpdsTPuhiitSJwMsNLZbBGkLjOH3_QFDm00\" \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=\"1676\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nrobuste \"Commande\" as Order\r\nconcis \"Paiement\" as Payment\r\n\r\n@0\r\nLa commande est en brouillon\r\nLe paiement est inactif\r\n\r\n@5\r\nLa commande est en attente\r\nLe paiement est en cours de traitement\r\n\r\n@10\r\nLe paiement est approuv\u00e9\r\n\r\n@12\r\nLa commande est confirm\u00e9e\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP312SCm34Nl1kyWCa5Qw3tGQw5PGNKKCCHoaEL2HyeSMQng6df9RuBt7rzILnH5Qvgya_oeHGcQQqu9UQ06iC1T1XBlGkOG2pGzHah4kh4UNv_PE--wrhiRGjXLeA9030_9DKvJPgC4yovlD386ZUCcN_xAg6fXEgh6GgvImB8g69L-QvpQOnpdsTPuhiitSJwMsNLZbBGkLjOH3_QFDm00\" \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:LOz12i8m44NtWTnXo0cgu3wY6rVc2Z6PIg2Pb9bKyFQciOjsz_dlyU5RgPxhaYUjkBmMgM2U794DU86Uj0g5GX84u_mt8zNEjgoLLdRGggkG1ExinzPkU6qUSSAkNNQQGug9tWVHSGaeqkkcduO3lSupbm_6Fplljcw5niHvHRRDjZC_\" 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=\"1677\">Choisir un diagramme<\/h2>\n<p data-nodeid=\"1678\">Commencez par la question que le diagramme doit r\u00e9pondre :<\/p>\n<ul data-nodeid=\"1679\">\n<li data-nodeid=\"1680\">\n<p data-nodeid=\"1681\"><strong data-nodeid=\"1749\">Qu&#8217;y a-t-il dans le syst\u00e8me ?<\/strong>Classe, objet, composant, structure composite, paquet, profil ou d\u00e9ploiement.<\/p>\n<\/li>\n<li data-nodeid=\"1682\">\n<p data-nodeid=\"1683\"><strong data-nodeid=\"1754\">Que fait le syst\u00e8me ?<\/strong>Cas d&#8217;utilisation, activit\u00e9 ou machine d&#8217;\u00e9tats.<\/p>\n<\/li>\n<li data-nodeid=\"1684\">\n<p data-nodeid=\"1685\"><strong data-nodeid=\"1759\">Comment les participants collaborent-ils ?<\/strong>S\u00e9quence, communication, aper\u00e7u de l&#8217;interaction ou chronologie.<\/p>\n<\/li>\n<\/ul>\n<p class=\"\" data-nodeid=\"1686\">Gardez chaque diagramme centr\u00e9 sur un seul objectif, utilisez des noms coh\u00e9rents dans tous les diagrammes et incluez uniquement assez de d\u00e9tails pour le public et la d\u00e9cision en cours. Les extraits PlantUML sont des points de d\u00e9part : v\u00e9rifiez la syntaxe prise en charge par votre rendu, en particulier pour les types de diagrammes sp\u00e9cialis\u00e9s.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les diagrammes UML sont couramment regroup\u00e9s en structurels diagrammes, qui d\u00e9crivent de quoi un syst\u00e8me est compos\u00e9, et comportementaux diagrammes,<\/p>\n","protected":false},"author":11,"featured_media":12661,"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":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[3],"tags":[],"asset-category":[126],"class_list":["post-12660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unified-modeling-language","asset-category-uml"],"source_url":"","source_h1_title":"","fifu_image_url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png","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>Un guide pratique des 14 types de diagrammes UML utilisant l&#039;outil 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\/a-practical-guide-to-the-14-uml-diagram-types\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un guide pratique des 14 types de diagrammes UML utilisant l&#039;outil VPasCode - Cyberm\u00e9diane\" \/>\n<meta property=\"og:description\" content=\"Les diagrammes UML sont couramment regroup\u00e9s en structurels diagrammes, qui d\u00e9crivent de quoi un syst\u00e8me est compos\u00e9, et comportementaux diagrammes,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/\" \/>\n<meta property=\"og:site_name\" content=\"Cyberm\u00e9diane\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-21T00:57:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-21T01:29:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1327\" \/>\n\t<meta property=\"og:image:height\" content=\"1185\" \/>\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:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png\" \/>\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\/a-practical-guide-to-the-14-uml-diagram-types\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Un guide pratique des 14 types de diagrammes UML utilisant l&#8217;outil VPasCode\",\"datePublished\":\"2026-10-21T00:57:52+00:00\",\"dateModified\":\"2026-10-21T01:29:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/\"},\"wordCount\":1139,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6ad80daf6f9fc.png\",\"articleSection\":[\"Unified Modeling Language\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/\",\"name\":\"Un guide pratique des 14 types de diagrammes UML utilisant l'outil VPasCode - Cyberm\u00e9diane\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6ad80daf6f9fc.png\",\"datePublished\":\"2026-10-21T00:57:52+00:00\",\"dateModified\":\"2026-10-21T01:29:58+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6ad80daf6f9fc.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6ad80daf6f9fc.png\",\"width\":1327,\"height\":1185},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Un guide pratique des 14 types de diagrammes UML utilisant l&#8217;outil 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":"Un guide pratique des 14 types de diagrammes UML utilisant l'outil 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\/a-practical-guide-to-the-14-uml-diagram-types\/","og_locale":"fr_FR","og_type":"article","og_title":"Un guide pratique des 14 types de diagrammes UML utilisant l'outil VPasCode - Cyberm\u00e9diane","og_description":"Les diagrammes UML sont couramment regroup\u00e9s en structurels diagrammes, qui d\u00e9crivent de quoi un syst\u00e8me est compos\u00e9, et comportementaux diagrammes,","og_url":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/","og_site_name":"Cyberm\u00e9diane","article_published_time":"2026-10-21T00:57:52+00:00","article_modified_time":"2026-10-21T01:29:58+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png","type":"","width":"","height":""},{"width":1327,"height":1185,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png","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\/a-practical-guide-to-the-14-uml-diagram-types\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Un guide pratique des 14 types de diagrammes UML utilisant l&#8217;outil VPasCode","datePublished":"2026-10-21T00:57:52+00:00","dateModified":"2026-10-21T01:29:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/"},"wordCount":1139,"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6ad80daf6f9fc.png","articleSection":["Unified Modeling Language"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/","url":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/","name":"Un guide pratique des 14 types de diagrammes UML utilisant l'outil VPasCode - Cyberm\u00e9diane","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6ad80daf6f9fc.png","datePublished":"2026-10-21T00:57:52+00:00","dateModified":"2026-10-21T01:29:58+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage","url":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6ad80daf6f9fc.png","contentUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/10\/img_6ad80daf6f9fc.png","width":1327,"height":1185},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/fr\/a-practical-guide-to-the-14-uml-diagram-types\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Un guide pratique des 14 types de diagrammes UML utilisant l&#8217;outil 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\/12660","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=12660"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/12660\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media\/12661"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media?parent=12660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/categories?post=12660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/tags?post=12660"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/asset-category?post=12660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}