{"id":12325,"date":"2026-10-13T16:56:52","date_gmt":"2026-10-13T08:56:52","guid":{"rendered":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"},"modified":"2026-10-14T13:08:21","modified_gmt":"2026-10-14T05:08:21","slug":"uml-use-case-diagrams-as-code-with-plantuml-and-vpascode","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","title":{"rendered":"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode"},"content":{"rendered":"<p data-nodeid=\"17103\">Um diagrama de casos de uso UML mostra o que um sistema oferece e quem \u2014 ou o qu\u00ea \u2014 interage com ele. Com um fluxo de trabalho de diagrama como c\u00f3digo, a fonte do diagrama \u00e9 texto simples: edite o texto, renderize o diagrama e mantenha a fonte junto com a documenta\u00e7\u00e3o do projeto.<\/p>\n<p><img alt=\"Diagrama mostrando o fluxo de trabalho do PlantUML: edi\u00e7\u00e3o de c\u00f3digo-fonte, renderiza\u00e7\u00e3o de um diagrama de casos de uso UML para uma loja online e documenta\u00e7\u00e3o de ambos lado a lado usando o VPasCode.\" class=\"alignnone size-full wp-image-21958\" decoding=\"async\" height=\"1024\" loading=\"lazy\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c.png 1536w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-300x200.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-1024x683.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-768x512.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-120x80.png 120w\" width=\"1536\"\/><\/p>\n<p data-nodeid=\"17104\">O PlantUML suporta diagramas de casos de uso. O editor VPasCode da Visual Paradigm oferece um editor e visualiza\u00e7\u00e3o do PlantUML, juntamente com recursos de gera\u00e7\u00e3o e edi\u00e7\u00e3o de diagramas assistidos por IA.<\/p>\n<h2 data-nodeid=\"17105\">1. O que um diagrama de casos de uso comunica<\/h2>\n<p data-nodeid=\"17106\">Diagramas de casos de uso focam em <strong data-nodeid=\"17215\">escopo do sistema e objetivos do usu\u00e1rio<\/strong>, n\u00e3o as mec\u00e2nicas passo a passo de um fluxo de trabalho. Um diagrama tipicamente cont\u00e9m:<\/p>\n<p><img alt=\"Refer\u00eancia de nota\u00e7\u00e3o de Diagrama de Casos de Uso UML mostrando limite do sistema, ator, caso de uso, associa\u00e7\u00e3o e relacionamentos como incluir, estender e generaliza\u00e7\u00e3o.\" class=\"alignnone size-full wp-image-21961\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefa080b6c-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ul data-nodeid=\"17107\">\n<li data-nodeid=\"17108\">\n<p data-nodeid=\"17109\"><strong data-nodeid=\"17220\">Fronteira do sistema:<\/strong> Um ret\u00e2ngulo que nomeia o sistema que est\u00e1 sendo modelado.<\/p>\n<\/li>\n<li data-nodeid=\"17110\">\n<p data-nodeid=\"17111\"><strong data-nodeid=\"17225\">Ator:<\/strong> Um papel fora do sistema que interage com ele. Os atores podem ser pessoas, organiza\u00e7\u00f5es, dispositivos ou sistemas externos.<\/p>\n<\/li>\n<li data-nodeid=\"17112\">\n<p data-nodeid=\"17113\"><strong data-nodeid=\"17230\">Caso de uso:<\/strong> Uma capacidade ou objetivo fornecido pelo sistema, geralmente mostrado como uma elipse e nomeado com uma frase verbal, como &#8220;Fazer pedido.&#8221;<\/p>\n<\/li>\n<li data-nodeid=\"17114\">\n<p data-nodeid=\"17115\"><strong data-nodeid=\"17235\">Associa\u00e7\u00e3o:<\/strong> Uma linha que mostra que um ator participa de um caso de uso.<\/p>\n<\/li>\n<li data-nodeid=\"17116\">\n<p data-nodeid=\"17117\"><strong data-nodeid=\"17240\">Relacionamentos de casos de uso:<\/strong> Incluir, estender e generaliza\u00e7\u00e3o.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"17118\">Atores representam pap\u00e9is, n\u00e3o indiv\u00edduos espec\u00edficos. Um servi\u00e7o de pagamento externo pode ser um ator se interagir com o sistema que est\u00e1 sendo modelado.<\/p>\n<p data-nodeid=\"17119\">Diagramas de casos de uso s\u00e3o \u00fateis para esclarecer o escopo do sistema, discutir requisitos com partes interessadas, identificar depend\u00eancias externas e fornecer uma vis\u00e3o compartilhada para desenvolvimento e testes. Combine-os com descri\u00e7\u00f5es escritas de casos de uso quando precisar de detalhes como pr\u00e9-condi\u00e7\u00f5es, etapas principais, fluxos alternativos e resultados.<\/p>\n<h2 data-nodeid=\"17120\">2. Relacionamentos em uma olhada<\/h2>\n<p><img alt=\"Diagrama de Relacionamentos de Casos de Uso UML ilustrando Associa\u00e7\u00e3o, Incluir, Estender e Generaliza\u00e7\u00e3o com exemplos e setas direcionais.\" class=\"alignnone size-full wp-image-21963\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdefdedc378-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ul data-nodeid=\"17121\">\n<li data-nodeid=\"17122\">\n<p data-nodeid=\"17123\"><strong data-nodeid=\"17248\">Associa\u00e7\u00e3o ator\u2013caso de uso:<\/strong> Uma linha simples indicando intera\u00e7\u00e3o.<\/p>\n<\/li>\n<li data-nodeid=\"17124\">\n<p data-nodeid=\"17125\"><strong data-nodeid=\"17258\"><code data-backticks=\"1\" data-nodeid=\"17250\">&lt;&lt;incluir&gt;&gt;<\/code>:<\/strong> O caso de uso que inclui sempre utiliza o comportamento inclu\u00eddo. A seta tracejada aponta <strong data-nodeid=\"17259\">do caso de uso que inclui para o caso de uso inclu\u00eddo<\/strong>. Por exemplo, fazer um pedido pode sempre incluir a autoriza\u00e7\u00e3o de pagamento.<\/p>\n<\/li>\n<li data-nodeid=\"17126\">\n<p data-nodeid=\"17127\"><strong data-nodeid=\"17269\"><code data-backticks=\"1\" data-nodeid=\"17261\">&lt;&lt;estender&gt;&gt;<\/code>:<\/strong> Um caso de uso que estende adiciona comportamento a um caso de uso base sob uma condi\u00e7\u00e3o. A seta tracejada aponta <strong data-nodeid=\"17270\">do caso de uso de extens\u00e3o para o caso de uso base<\/strong>. Por exemplo, aplicar uma promo\u00e7\u00e3o pode estender o ato de fazer um pedido.<\/p>\n<\/li>\n<li data-nodeid=\"17128\">\n<p data-nodeid=\"17129\"><strong data-nodeid=\"17279\">Generaliza\u00e7\u00e3o:<\/strong> Um ator especializado ou caso de uso herda de um mais geral. A linha s\u00f3lida com um tri\u00e2ngulo vazio aponta <strong data-nodeid=\"17280\">para o elemento geral<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"17130\">Uma distin\u00e7\u00e3o \u00fatil: <strong data-nodeid=\"17285\">include significa comportamento obrigat\u00f3rio; extend significa comportamento condicional adicionado.<\/strong><\/p>\n<h2 data-nodeid=\"17131\">3. Essenciais do PlantUML<\/h2>\n<p data-nodeid=\"17132\">Um diagrama PlantUML come\u00e7a com <code data-backticks=\"1\" data-nodeid=\"17288\">@startuml<\/code> e termina com <code data-backticks=\"1\" data-nodeid=\"17290\">@enduml<\/code>. Declare atores com <code data-backticks=\"1\" data-nodeid=\"17292\">actor<\/code>, casos de uso com <code data-backticks=\"1\" data-nodeid=\"17294\">usecase<\/code> e limites de sistema com <code data-backticks=\"1\" data-nodeid=\"17296\">rectangle<\/code>. Aliass facilitam a refer\u00eancia de elementos em relacionamentos.<\/p>\n<p id=\"AIPemRZ\"><img alt=\"Interface do VPasCode exibindo c\u00f3digo PlantUML para um diagrama de casos de uso de uma loja online, ao lado de sua sa\u00edda renderizada mostrando um cliente interagindo com os limites do sistema.\" class=\"alignnone size-full wp-image-21965\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1913px) 100vw, 1913px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb.png 1913w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf00e119eb-1536x701.png 1536w\" width=\"1913\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LOzB2iCm34Jt1jzXy3vNAA4zG0izWR7LrE1OHPRfekJkTT8FP2Nqveb1OrKlskPiJQQRGXcIfhiY9g6WYOirrlYWB3YrgZoJh6GDVPaomPrBJeLmxGevlAm1MgNWQy-Emiy-7yAn1QqElkB3Tjeb-q1WYIIRiktMB6lJhnN3SFZVxk3N7gd4_iWR\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LOzB2iCm34Jt1jzXy3vNAA4zG0izWR7LrE1OHPRfekJkTT8FP2Nqveb1OrKlskPiJQQRGXcIfhiY9g6WYOirrlYWB3YrgZoJh6GDVPaomPrBJeLmxGevlAm1MgNWQy-Emiy-7yAn1QqElkB3Tjeb-q1WYIIRiktMB6lJhnN3SFZVxk3N7gd4_iWR\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite PlantUML no 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:LOz12i8m44NtWTpXqtsl88BWIjGh3CrG8Z6fauaBnTEuy22zc6afQ7Spx_-Ppzzc9T5o3TOuBpn-ndU28t2-5POw32G4mYHw9MkieKwJO1SyH-K927TAiG-Cvf0kX5CCFdA3fpL0oTnHhjAHxjoJO93aYgRSW38Mk3BkwS7LniwxD9jcS9vtQrvJuXAEjjtyNlp3rScMewiDlm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"17133\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndire\u00e7\u00e3o da esquerda para a direita\r\n\r\nactor Cliente\r\n\r\nrectangle \"Loja Online\" {\r\n  usecase \"Navegar produtos\" as Navegar\r\n  usecase \"Fazer pedido\" as FazerPedido\r\n}\r\n\r\nCliente --&gt; Navegar\r\nCliente --&gt; FazerPedido\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LOz12i8m44NtWTpXqtsl88BWIjGh3CrG8Z6fauaBnTEuy22zc6afQ7Spx_-Ppzzc9T5o3TOuBpn-ndU28t2-5POw32G4mYHw9MkieKwJO1SyH-K927TAiG-Cvf0kX5CCFdA3fpL0oTnHhjAHxjoJO93aYgRSW38Mk3BkwS7LniwxD9jcS9vtQrvJuXAEjjtyNlp3rScMewiDlm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LOzB2iCm34Jt1jzXy3vNAA4zG0izWR7LrE1OHPRfekJkTT8FP2Nqveb1OrKlskPiJQQRGXcIfhiY9g6WYOirrlYWB3YrgZoJh6GDVPaomPrBJeLmxGevlAm1MgNWQy-Emiy-7yAn1QqElkB3Tjeb-q1WYIIRiktMB6lJhnN3SFZVxk3N7gd4_iWR\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LOzB2iCm34Jt1jzXy3vNAA4zG0izWR7LrE1OHPRfekJkTT8FP2Nqveb1OrKlskPiJQQRGXcIfhiY9g6WYOirrlYWB3YrgZoJh6GDVPaomPrBJeLmxGevlAm1MgNWQy-Emiy-7yAn1QqElkB3Tjeb-q1WYIIRiktMB6lJhnN3SFZVxk3N7gd4_iWR\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17134\"><code data-backticks=\"1\" data-nodeid=\"17298\">dire\u00e7\u00e3o da esquerda para a direita<\/code> solicita ao PlantUML que organize o diagrama horizontalmente. O PlantUML pode ajustar o layout preciso conforme o diagrama muda.<\/p>\n<h2 data-nodeid=\"17135\">4. Exemplo: loja online b\u00e1sica<\/h2>\n<p id=\"ytNqnVg\"><img alt=\"Interface do VPasCode exibindo um diagrama de casos de uso UML onde um ator Cliente interage com os casos de uso Fazer pedido, Aplicar promo\u00e7\u00e3o e Autorizar pagamento.\" class=\"alignnone size-full wp-image-21966\" decoding=\"async\" height=\"875\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb.png 1918w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf056598cb-1536x701.png 1536w\" width=\"1918\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP1D3i8W44Rt9DnXqdslOAgkZIPwWGcCBP52CqpZmdXt2srDM97lyPWVkYJ8CezUAqzF0Od0hXy4h6CoucBGIYiq4XdESv8u4k_vQ4SNN1B6d32j8FlvAORU4pJNu5qWk2yADV3H2c1EP30jToUEx-MSEDhPI6foZPLLsisZ8OXiYOjIScKy6CqBqk2caO8KgQ1Akc30di2We8zzaLQarJSFlQy7RNluZr71hN75jZvbzGBscXq5k_ph3m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP1D3i8W44Rt9DnXqdslOAgkZIPwWGcCBP52CqpZmdXt2srDM97lyPWVkYJ8CezUAqzF0Od0hXy4h6CoucBGIYiq4XdESv8u4k_vQ4SNN1B6d32j8FlvAORU4pJNu5qWk2yADV3H2c1EP30jToUEx-MSEDhPI6foZPLLsisZ8OXiYOjIScKy6CqBqk2caO8KgQ1Akc30di2We8zzaLQarJSFlQy7RNluZr71hN75jZvbzGBscXq5k_ph3m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no 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:PL51QiCm4BmBz8V5ztoX91JQIqWWFrYinQZ8MdUrog4bZqbww4FyiSgEqXXyadPcTdQqsYP5qTm7QvmN6d_77mQ7GEapavJBW8A0C95UqHfhK5dWDNYAIhNQkTv7drJGbQhbdk_G91VIyHQx71YQFNyW76FmaHhujWQWnLJc4UHoD0SyKuS20mLEC0Yxh9oQks4bLqrl-4LJY_EEgtI6Li8Jbe1Kx8LwIWch-06lzEya55jV6bhKyHguU_Z_CzPSfYVMPS1cy_ACkGHhe2Nq73jlQiOMlbkAhlpA7m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"17136\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndire\u00e7\u00e3o da esquerda para a direita\r\n\r\nator Cliente\r\nator Administrador como Admin\r\n\r\nret\u00e2ngulo \"Loja Online\" {\r\n  caso de uso \"Navegar pelos produtos\" como Navegar\r\n  caso de uso \"Fazer pedido\" como Fazer\r\n  caso de uso \"Rastrear remessa\" como Rastrear\r\n  caso de uso \"Gerenciar cat\u00e1logo\" como Gerenciar\r\n}\r\n\r\nCliente --&gt; Navegar\r\nCliente --&gt; Fazer\r\nCliente --&gt; Rastrear\r\nAdmin --&gt; Gerenciar\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PL51QiCm4BmBz8V5ztoX91JQIqWWFrYinQZ8MdUrog4bZqbww4FyiSgEqXXyadPcTdQqsYP5qTm7QvmN6d_77mQ7GEapavJBW8A0C95UqHfhK5dWDNYAIhNQkTv7drJGbQhbdk_G91VIyHQx71YQFNyW76FmaHhujWQWnLJc4UHoD0SyKuS20mLEC0Yxh9oQks4bLqrl-4LJY_EEgtI6Li8Jbe1Kx8LwIWch-06lzEya55jV6bhKyHguU_Z_CzPSfYVMPS1cy_ACkGHhe2Nq73jlQiOMlbkAhlpA7m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP1D3i8W44Rt9DnXqdslOAgkZIPwWGcCBP52CqpZmdXt2srDM97lyPWVkYJ8CezUAqzF0Od0hXy4h6CoucBGIYiq4XdESv8u4k_vQ4SNN1B6d32j8FlvAORU4pJNu5qWk2yADV3H2c1EP30jToUEx-MSEDhPI6foZPLLsisZ8OXiYOjIScKy6CqBqk2caO8KgQ1Akc30di2We8zzaLQarJSFlQy7RNluZr71hN75jZvbzGBscXq5k_ph3m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP1D3i8W44Rt9DnXqdslOAgkZIPwWGcCBP52CqpZmdXt2srDM97lyPWVkYJ8CezUAqzF0Od0hXy4h6CoucBGIYiq4XdESv8u4k_vQ4SNN1B6d32j8FlvAORU4pJNu5qWk2yADV3H2c1EP30jToUEx-MSEDhPI6foZPLLsisZ8OXiYOjIScKy6CqBqk2caO8KgQ1Akc30di2We8zzaLQarJSFlQy7RNluZr71hN75jZvbzGBscXq5k_ph3m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17137\">Os clientes navegam, fazem pedidos e rastreiam remessas. O administrador gerencia o cat\u00e1logo. O diagrama deliberadamente omite as etapas internas do processamento do pedido.<\/p>\n<h2 data-nodeid=\"17138\">5. Exemplo: include e extend<\/h2>\n<p data-nodeid=\"17139\">Suponha que fazer um pedido sempre requer autoriza\u00e7\u00e3o de pagamento, enquanto aplicar uma promo\u00e7\u00e3o \u00e9 opcional e condicional.<\/p>\n<p id=\"UedRVgx\"><img alt='Interface do VPasCode exibindo c\u00f3digo PlantUML e o diagrama UML resultante mostrando o caso de uso \"Fazer pedido\" incluindo \"Autorizar pagamento\" e estendendo \"Aplicar promo\u00e7\u00e3o\".' class=\"alignnone size-full wp-image-21967\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1913px) 100vw, 1913px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4.png 1913w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf07b911d4-1536x699.png 1536w\" width=\"1913\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LT1H2W8X40RWTy4x_Enx7I1YAJf0GISGToh1rMKSeIswUvhuq9EEyp7puo69OScpryhJJI0HxEuFmUIOhBWOjDBAM8cCKquIP-BwKfict3rXE0Vl0k5Q20ruQmNaHDQaqhjuOmcH9-819k5N_ubZbaTazo8iPfqfI7Fj_Y-NnQzOECwnvcgkLrfzQgmU4PlDs9TfrL9ijsEVYntsUnUipnEDOm5zJ4C_NWazXS9KnQ6SvPU-\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LT1H2W8X40RWTy4x_Enx7I1YAJf0GISGToh1rMKSeIswUvhuq9EEyp7puo69OScpryhJJI0HxEuFmUIOhBWOjDBAM8cCKquIP-BwKfict3rXE0Vl0k5Q20ruQmNaHDQaqhjuOmcH9-819k5N_ubZbaTazo8iPfqfI7Fj_Y-NnQzOECwnvcgkLrfzQgmU4PlDs9TfrL9ijsEVYntsUnUipnEDOm5zJ4C_NWazXS9KnQ6SvPU-\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no 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:PP11gi8m48RtWTpXftizW4XH15U2Nc5e1ecaIKqJa3xUPTvRU91Up4crkd0rcSdtp_ydcpvHJBbrMXaRURoF_m66mFqrSvH3Hv50A9SsaLPQKGeHEsVP9ovzv3J--NDs0TKXN0X7xwpd2ZzQ0Gtrif2HfLHx6ZYYOsDDgD24Dc0QVO7RB2Ps887fJArOpVnfxhyrdRDDKKJXfeVCalT0gz-I-1KUYqKz-slrpBPSrXyBhB1UMz-uRBYkjVeichYdeZ1yI-nDGJPIvJSV\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"17140\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndire\u00e7\u00e3o da esquerda para a direita\r\n\r\nator Cliente\r\n\r\nret\u00e2ngulo \"Loja Online\" {\r\n  caso de uso \"Fazer pedido\" como Fazer\r\n  caso de uso \"Autorizar pagamento\" como Pagamento\r\n  caso de uso \"Aplicar promo\u00e7\u00e3o\" como Promo\u00e7\u00e3o\r\n}\r\n\r\nCliente --&gt; Fazer\r\n\r\nFazer ..&gt; Pagamento : &lt;&lt;include&gt;&gt;\r\nPromo\u00e7\u00e3o ..&gt; Fazer : &lt;&lt;extend&gt;&gt;\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PP11gi8m48RtWTpXftizW4XH15U2Nc5e1ecaIKqJa3xUPTvRU91Up4crkd0rcSdtp_ydcpvHJBbrMXaRURoF_m66mFqrSvH3Hv50A9SsaLPQKGeHEsVP9ovzv3J--NDs0TKXN0X7xwpd2ZzQ0Gtrif2HfLHx6ZYYOsDDgD24Dc0QVO7RB2Ps887fJArOpVnfxhyrdRDDKKJXfeVCalT0gz-I-1KUYqKz-slrpBPSrXyBhB1UMz-uRBYkjVeichYdeZ1yI-nDGJPIvJSV\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LT1H2W8X40RWTy4x_Enx7I1YAJf0GISGToh1rMKSeIswUvhuq9EEyp7puo69OScpryhJJI0HxEuFmUIOhBWOjDBAM8cCKquIP-BwKfict3rXE0Vl0k5Q20ruQmNaHDQaqhjuOmcH9-819k5N_ubZbaTazo8iPfqfI7Fj_Y-NnQzOECwnvcgkLrfzQgmU4PlDs9TfrL9ijsEVYntsUnUipnEDOm5zJ4C_NWazXS9KnQ6SvPU-\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LT1H2W8X40RWTy4x_Enx7I1YAJf0GISGToh1rMKSeIswUvhuq9EEyp7puo69OScpryhJJI0HxEuFmUIOhBWOjDBAM8cCKquIP-BwKfict3rXE0Vl0k5Q20ruQmNaHDQaqhjuOmcH9-819k5N_ubZbaTazo8iPfqfI7Fj_Y-NnQzOECwnvcgkLrfzQgmU4PlDs9TfrL9ijsEVYntsUnUipnEDOm5zJ4C_NWazXS9KnQ6SvPU-\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17141\">A <code data-backticks=\"1\" data-nodeid=\"17305\">Fazer ..&gt; Pagamento<\/code> seta significa que &#8220;Fazer pedido&#8221; inclui o comportamento de pagamento obrigat\u00f3rio. A <code data-backticks=\"1\" data-nodeid=\"17307\">Promo\u00e7\u00e3o ..&gt; Fazer<\/code> seta significa que &#8220;Aplicar promo\u00e7\u00e3o&#8221; estende &#8220;Fazer pedido&#8221; quando sua condi\u00e7\u00e3o \u00e9 atendida.<\/p>\n<p data-nodeid=\"17142\">Documente a condi\u00e7\u00e3o \u2014 por exemplo, &#8220;cliente insere um c\u00f3digo promocional v\u00e1lido&#8221; \u2014 na descri\u00e7\u00e3o do caso de uso ou em uma nota.<\/p>\n<h2 data-nodeid=\"17143\">6. Exemplo: generaliza\u00e7\u00e3o de ator e sistemas externos<\/h2>\n<p data-nodeid=\"17144\">Um ator especializado herda intera\u00e7\u00f5es de um ator mais geral. Servi\u00e7os externos tamb\u00e9m podem ser atores quando interagem com o sistema.<\/p>\n<p id=\"RxUdJmF\"><img alt=\"Interface do VPasCode exibindo c\u00f3digo PlantUML e o diagrama UML resultante mostrando Cliente Registrado generalizando Usu\u00e1rio e Gateway de Pagamento interagindo com a Loja Online.\" class=\"alignnone size-full wp-image-21968\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59.png 1917w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf09ff1d59-1536x699.png 1536w\" width=\"1917\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP31QWCX48RlWkymx3rvW18aj8SU6rBw0ABJhU1gc1a9eUsxLrUpD2V7yVEVJuyibgGiKQk8dmAIWSBy9U03ePEGarPQMIUPOFfWf0aiGoksxXddm8A47bnXoSk0NiPc0q_sjc0IcAtWrTvMwBNNRSYTXztknumHMZKBc-Q8CBsb61B2Umt32Rwr0YYCpd8zUwPyhUk5iYzEUCtklGVi5Ar3oEI7uxf_92WxP8PBb-rK4_njDisg-faj-v-qkQVr8VkzQHVX2Gw7a5mi7etHQZouyottYCdN__y3\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP31QWCX48RlWkymx3rvW18aj8SU6rBw0ABJhU1gc1a9eUsxLrUpD2V7yVEVJuyibgGiKQk8dmAIWSBy9U03ePEGarPQMIUPOFfWf0aiGoksxXddm8A47bnXoSk0NiPc0q_sjc0IcAtWrTvMwBNNRSYTXztknumHMZKBc-Q8CBsb61B2Umt32Rwr0YYCpd8zUwPyhUk5iYzEUCtklGVi5Ar3oEI7uxf_92WxP8PBb-rK4_njDisg-faj-v-qkQVr8VkzQHVX2Gw7a5mi7etHQZouyottYCdN__y3\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no 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:PL7DIWCn4Bu7yWx3tji7a18A1Rs8zj8763R34ibcracY-FSmwi47sHSpgHihzfIGxtScsvXGKXwzLjO9pL_p9uD5e7YVISfbGa50gA1Bg9LMc5YWEyGylulZ3deU6GwHf44xxoWaWXujnYHe6scNO-BnHBp2H8_u19PAp81ZKJNg0jMyfeBLwjKiGLe9fVaZ3DapTDTyXt0Rl0lKmOjMKA8ZLzjSZku67sX0WOayHvY4RKuSbw05F1DTuZDLYNM_zOzFPyIzS4ynLlz_C-nh_xTQjfOkzSqfxSzGfXd_HAxNfYhX0ZOR5tgVBHcZLTjLvH-DjnHi-RTl\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"17145\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndire\u00e7\u00e3o da esquerda para a direita\r\n\r\nator \"Usu\u00e1rio\" como User\r\nator \"Cliente cadastrado\" como Customer\r\nator \"Gateway de pagamento\" como Gateway\r\n\r\nCustomer --|&gt; User\r\n\r\nret\u00e2ngulo \"Loja Online\" {\r\n  caso de uso \"Navegar pelos produtos\" como Navegar\r\n  caso de uso \"Fazer pedido\" como Fazer\r\n  caso de uso \"Processar pagamento\" como Pay\r\n}\r\n\r\nUser --&gt; Navegar\r\nCustomer --&gt; Fazer\r\nFazer ..&gt; Pay : &lt;&lt;include&gt;&gt;\r\nGateway --&gt; Pay\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PL7DIWCn4Bu7yWx3tji7a18A1Rs8zj8763R34ibcracY-FSmwi47sHSpgHihzfIGxtScsvXGKXwzLjO9pL_p9uD5e7YVISfbGa50gA1Bg9LMc5YWEyGylulZ3deU6GwHf44xxoWaWXujnYHe6scNO-BnHBp2H8_u19PAp81ZKJNg0jMyfeBLwjKiGLe9fVaZ3DapTDTyXt0Rl0lKmOjMKA8ZLzjSZku67sX0WOayHvY4RKuSbw05F1DTuZDLYNM_zOzFPyIzS4ynLlz_C-nh_xTQjfOkzSqfxSzGfXd_HAxNfYhX0ZOR5tgVBHcZLTjLvH-DjnHi-RTl\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP31QWCX48RlWkymx3rvW18aj8SU6rBw0ABJhU1gc1a9eUsxLrUpD2V7yVEVJuyibgGiKQk8dmAIWSBy9U03ePEGarPQMIUPOFfWf0aiGoksxXddm8A47bnXoSk0NiPc0q_sjc0IcAtWrTvMwBNNRSYTXztknumHMZKBc-Q8CBsb61B2Umt32Rwr0YYCpd8zUwPyhUk5iYzEUCtklGVi5Ar3oEI7uxf_92WxP8PBb-rK4_njDisg-faj-v-qkQVr8VkzQHVX2Gw7a5mi7etHQZouyottYCdN__y3\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP31QWCX48RlWkymx3rvW18aj8SU6rBw0ABJhU1gc1a9eUsxLrUpD2V7yVEVJuyibgGiKQk8dmAIWSBy9U03ePEGarPQMIUPOFfWf0aiGoksxXddm8A47bnXoSk0NiPc0q_sjc0IcAtWrTvMwBNNRSYTXztknumHMZKBc-Q8CBsb61B2Umt32Rwr0YYCpd8zUwPyhUk5iYzEUCtklGVi5Ar3oEI7uxf_92WxP8PBb-rK4_njDisg-faj-v-qkQVr8VkzQHVX2Gw7a5mi7etHQZouyottYCdN__y3\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17146\">\u201cCliente cadastrado\u201d especializa \u201cUsu\u00e1rio\u201d e herda a intera\u00e7\u00e3o geral do usu\u00e1rio. A gateway de pagamento est\u00e1 fora do limite da Loja Online, mas participa do caso de uso de pagamento.<\/p>\n<h2 data-nodeid=\"17147\">7. Exemplo: generaliza\u00e7\u00e3o de caso de uso<\/h2>\n<p data-nodeid=\"17148\">A generaliza\u00e7\u00e3o pode representar vers\u00f5es especializadas de um caso de uso mais amplo. O tri\u00e2ngulo vazio aponta para o caso de uso geral.<\/p>\n<p id=\"mCUPRYk\"><img alt=\"Interface do VPasCode exibindo c\u00f3digo PlantUML e um diagrama UML gerado mostrando o ator Cliente com setas de generaliza\u00e7\u00e3o apontando para o caso de uso Fazer pagamento.\" class=\"alignnone size-full wp-image-21969\" decoding=\"async\" height=\"876\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091.png 1919w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091-768x351.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf0bcc5091-1536x701.png 1536w\" width=\"1919\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP112eCm44NtWTpXuzuhIC5reT1UO8oZ5KrIad4XRU_UQ1MnT9UyzmYVdA9GaD4EMWtS2CGZTErTK7U1ZNJUQQKL6V41vHZ5MmupcIMvTc1a5veiEy5rYi8smrChO8niA2Pxffxn-2OPA6BD3r5Yg2OO2lNIbEdmBwZ8zP10BZOSblAsNhHwpxEsYSZpOdtbWFOyYQGJV1Nxf4t_u1ExEdtH1m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP112eCm44NtWTpXuzuhIC5reT1UO8oZ5KrIad4XRU_UQ1MnT9UyzmYVdA9GaD4EMWtS2CGZTErTK7U1ZNJUQQKL6V41vHZ5MmupcIMvTc1a5veiEy5rYi8smrChO8niA2Pxffxn-2OPA6BD3r5Yg2OO2lNIbEdmBwZ8zP10BZOSblAsNhHwpxEsYSZpOdtbWFOyYQGJV1Nxf4t_u1ExEdtH1m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no 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:RT3B3S8m30RWkwUmUkyAg58NGC029dLBf3oGurvu38EuiKON8wL55CGj-lylaPqgAOdste7ZLb4ZYkqEYeqLDcfZ022ZKR1sbeCom9XJw1nZiRL9sHCsZ6lgo6SG2pm3Of_OKCfam-JiYGIF7q3fmvTs30LDz6ZoJCDzedK-qnztp4EfK4Wjo_08nXBkAPZX9fPU5tTpoMC7Lu1v1IpBrVlLPVJjOHAvkQmMutwXtxBYqEIlV080\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"17149\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\nleft to right direction\n\nactor Cliente\n\nrectangle \"Sistema de Pagamento\" {\n  usecase \"Realizar pagamento\" as Pagamento\n  usecase \"Pagar com cart\u00e3o\" as Cartao\n  usecase \"Pagar por transfer\u00eancia banc\u00e1ria\" as Transferencia\n}\n\nCliente --&gt; Cartao\nCliente --&gt; Transferencia\n\nCartao --|&gt; Pagamento\nTransferencia --|&gt; Pagamento\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RT3B3S8m30RWkwUmUkyAg58NGC029dLBf3oGurvu38EuiKON8wL55CGj-lylaPqgAOdste7ZLb4ZYkqEYeqLDcfZ022ZKR1sbeCom9XJw1nZiRL9sHCsZ6lgo6SG2pm3Of_OKCfam-JiYGIF7q3fmvTs30LDz6ZoJCDzedK-qnztp4EfK4Wjo_08nXBkAPZX9fPU5tTpoMC7Lu1v1IpBrVlLPVJjOHAvkQmMutwXtxBYqEIlV080\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP112eCm44NtWTpXuzuhIC5reT1UO8oZ5KrIad4XRU_UQ1MnT9UyzmYVdA9GaD4EMWtS2CGZTErTK7U1ZNJUQQKL6V41vHZ5MmupcIMvTc1a5veiEy5rYi8smrChO8niA2Pxffxn-2OPA6BD3r5Yg2OO2lNIbEdmBwZ8zP10BZOSblAsNhHwpxEsYSZpOdtbWFOyYQGJV1Nxf4t_u1ExEdtH1m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP112eCm44NtWTpXuzuhIC5reT1UO8oZ5KrIad4XRU_UQ1MnT9UyzmYVdA9GaD4EMWtS2CGZTErTK7U1ZNJUQQKL6V41vHZ5MmupcIMvTc1a5veiEy5rYi8smrChO8niA2Pxffxn-2OPA6BD3r5Yg2OO2lNIbEdmBwZ8zP10BZOSblAsNhHwpxEsYSZpOdtbWFOyYQGJV1Nxf4t_u1ExEdtH1m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17150\">Use isso quando os casos de uso especializados compartilham um objetivo geral, mas t\u00eam diferen\u00e7as significativas. Se as varia\u00e7\u00f5es forem apenas etapas condicionais, um <code data-backticks=\"1\" data-nodeid=\"17316\">&lt;&lt;extend&gt;&gt;<\/code> rela\u00e7\u00e3o ou uma descri\u00e7\u00e3o escrita do caso de uso pode ser mais clara.<\/p>\n<h2 data-nodeid=\"17151\">8. Trabalhando no VPasCode<\/h2>\n<p data-nodeid=\"17152\">Um fluxo de trabalho pr\u00e1tico:<\/p>\n<p><img alt=\"Diagrama de fluxo mostrando sete etapas para criar diagramas de casos de uso PlantUML no VPasCode, incluindo defini\u00e7\u00e3o de escopo, rascunho do c\u00f3digo e valida\u00e7\u00e3o com as partes interessadas.\" class=\"alignnone size-full wp-image-21970\" decoding=\"async\" height=\"1024\" loading=\"lazy\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485.png 1536w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485-300x200.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485-1024x683.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485-768x512.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf11378485-120x80.png 120w\" width=\"1536\"\/><\/p>\n<ol data-nodeid=\"17153\">\n<li data-nodeid=\"17154\">\n<p data-nodeid=\"17155\"><strong data-nodeid=\"17324\">Defina o escopo.<\/strong>Identifique o limite do sistema, os pap\u00e9is dos atores e os objetivos que cada papel deseja alcan\u00e7ar.<\/p>\n<\/li>\n<li data-nodeid=\"17156\">\n<p data-nodeid=\"17157\"><strong data-nodeid=\"17329\">Crie um rascunho.<\/strong>Escreva o PlantUML diretamente ou pe\u00e7a ao assistente de IA para gerar um diagrama de casos de uso.<\/p>\n<\/li>\n<li data-nodeid=\"17158\">\n<p data-nodeid=\"17159\"><strong data-nodeid=\"17334\">Revise o c\u00f3digo e visualize a pr\u00e9via.<\/strong>Confirme que os atores est\u00e3o fora do limite do sistema, os casos de uso est\u00e3o dentro dele e as setas apontam na dire\u00e7\u00e3o correta.<\/p>\n<\/li>\n<li data-nodeid=\"17160\">\n<p data-nodeid=\"17161\"><strong data-nodeid=\"17339\">Refine o modelo.<\/strong>Substitua nomes vagos, remova detalhes de implementa\u00e7\u00e3o e adicione relacionamentos apenas quando refletirem requisitos reais.<\/p>\n<\/li>\n<li data-nodeid=\"17162\">\n<p data-nodeid=\"17163\"><strong data-nodeid=\"17344\">Solicite edi\u00e7\u00f5es direcionadas da IA.<\/strong>Por exemplo: \u201cAdicione um ator de gateway de pagamento externo e mostre a intera\u00e7\u00e3o de pagamento necess\u00e1ria usando um relacionamento include. Mantenha o resto inalterado.\u201d<\/p>\n<\/li>\n<li data-nodeid=\"17164\">\n<p data-nodeid=\"17165\"><strong data-nodeid=\"17349\">Valide com as partes interessadas.<\/strong>Verifique se o diagrama reflete o escopo real do sistema e os objetivos dos usu\u00e1rios.<\/p>\n<\/li>\n<li data-nodeid=\"17166\">\n<p data-nodeid=\"17167\"><strong data-nodeid=\"17356\">Salve a fonte.<\/strong> Mantenha o <code data-backticks=\"1\" data-nodeid=\"17354\">.puml<\/code> texto junto com a documenta\u00e7\u00e3o do projeto ou no controle de vers\u00e3o. Exporte uma imagem quando necess\u00e1rio para documentos ou apresenta\u00e7\u00f5es.<\/p>\n<\/li>\n<\/ol>\n<h3 data-nodeid=\"17168\">Exemplo de prompt para assist\u00eancia de IA<\/h3>\n<blockquote data-nodeid=\"17169\">\n<p data-nodeid=\"17170\">Crie um diagrama de casos de uso UML em PlantUML para uma loja online. Inclua um limite de sistema, atores Cliente e Administrador, e os objetivos Navegar em produtos, Fazer pedido, Rastrear remessa e Gerenciar cat\u00e1logo. Mostre a autoriza\u00e7\u00e3o de pagamento como comportamento obrigat\u00f3rio inclu\u00eddo por Fazer pedido. Mostre a aplica\u00e7\u00e3o de uma promo\u00e7\u00e3o como uma extens\u00e3o condicional de Fazer pedido. Retorne apenas c\u00f3digo-fonte PlantUML v\u00e1lido.<\/p>\n<\/blockquote>\n<p data-nodeid=\"17171\">Trate o c\u00f3digo gerado por IA como um rascunho inicial. Revise os atores, limites, relacionamentos e premissas de neg\u00f3cio antes de utiliz\u00e1-lo.<\/p>\n<h2 data-nodeid=\"17172\">9. Armadilhas comuns<\/h2>\n<p><img alt=\"Infogr\u00e1fico ilustrando seis armadilhas comuns em diagramas de casos de uso UML, incluindo defini\u00e7\u00f5es incorretas de atores, nomenclatura e setas de relacionamento.\" class=\"alignnone size-full wp-image-21973\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf16300823-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ul data-nodeid=\"17173\">\n<li data-nodeid=\"17174\">\n<p data-nodeid=\"17175\"><strong data-nodeid=\"17365\">Modelar componentes internos como atores:<\/strong> Os atores devem ser pap\u00e9is externos ou sistemas que interagem com o assunto.<\/p>\n<\/li>\n<li data-nodeid=\"17176\">\n<p data-nodeid=\"17177\"><strong data-nodeid=\"17370\">Nomear casos de uso como tarefas de implementa\u00e7\u00e3o:<\/strong> Prefira \u201cRastrear remessa\u201d em vez de \u201cChamar API de rastreamento.\u201d<\/p>\n<\/li>\n<li data-nodeid=\"17178\">\n<p data-nodeid=\"17179\"><strong data-nodeid=\"17377\">Usar <code data-backticks=\"1\" data-nodeid=\"17373\">&lt;&lt;include&gt;&gt;<\/code> para comportamento opcional:<\/strong> Include representa o comportamento que o caso de uso base exige.<\/p>\n<\/li>\n<li data-nodeid=\"17180\">\n<p data-nodeid=\"17181\"><strong data-nodeid=\"17382\">Inverter as setas de relacionamento:<\/strong> Include aponta para o caso de uso inclu\u00eddo; extend aponta para o caso de uso base.<\/p>\n<\/li>\n<li data-nodeid=\"17182\">\n<p data-nodeid=\"17183\"><strong data-nodeid=\"17387\">Sobrecarregar um \u00fanico diagrama com detalhes:<\/strong> Use um diagrama de alto n\u00edvel para o escopo e, em seguida, diagramas separados ou texto para cen\u00e1rios detalhados.<\/p>\n<\/li>\n<li data-nodeid=\"17184\">\n<p data-nodeid=\"17185\"><strong data-nodeid=\"17392\">Assumir que um render bem-sucedido significa que o modelo est\u00e1 correto:<\/strong> O PlantUML pode renderizar um diagrama que ainda representa incorretamente os requisitos.<\/p>\n<\/li>\n<\/ul>\n<h2 data-nodeid=\"17186\">10. Lista de verifica\u00e7\u00e3o de revis\u00e3o<\/h2>\n<p data-nodeid=\"17187\">Antes de compartilhar o diagrama, confirme que:<\/p>\n<p><img alt=\"Lista de verifica\u00e7\u00e3o de revis\u00e3o de Diagrama de Casos de Uso listando oito pontos de valida\u00e7\u00e3o ao lado de um diagrama de exemplo mostrando um Cliente interagindo com um Sistema de Compras Online.\" class=\"alignnone size-full wp-image-21974\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdf22d2011d-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ul data-nodeid=\"17188\">\n<li data-nodeid=\"17189\">\n<p data-nodeid=\"17190\">O limite do sistema est\u00e1 claro.<\/p>\n<\/li>\n<li data-nodeid=\"17191\">\n<p data-nodeid=\"17192\">Cada ator \u00e9 externo e representa um papel.<\/p>\n<\/li>\n<li data-nodeid=\"17193\">\n<p data-nodeid=\"17194\">Os nomes dos casos de uso descrevem objetivos significativos.<\/p>\n<\/li>\n<li data-nodeid=\"17195\">\n<p data-nodeid=\"17196\">As associa\u00e7\u00f5es dos atores refletem intera\u00e7\u00f5es reais.<\/p>\n<\/li>\n<li data-nodeid=\"17197\">\n<p data-nodeid=\"17198\">Os relacionamentos include s\u00e3o obrigat\u00f3rios; os relacionamentos extend s\u00e3o condicionais ou de outra forma justificados.<\/p>\n<\/li>\n<li data-nodeid=\"17199\">\n<p data-nodeid=\"17200\">As setas de generaliza\u00e7\u00e3o apontam para o ator ou caso de uso geral.<\/p>\n<\/li>\n<li data-nodeid=\"17201\">\n<p data-nodeid=\"17202\">O diagrama permanece leg\u00edvel no tamanho pretendido.<\/p>\n<\/li>\n<li data-nodeid=\"17203\">\n<p class=\"\" data-nodeid=\"17204\">As suposi\u00e7\u00f5es geradas por IA foram revisadas com pessoas familiarizadas com os requisitos.<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Um diagrama de casos de uso UML mostra o que um sistema oferece e quem \u2014 ou o qu\u00ea \u2014<\/p>\n","protected":false},"author":11,"featured_media":12326,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[81,3,117],"tags":[],"asset-category":[],"class_list":["post-12325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-unified-modeling-language","category-vpascode"],"source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode - Cibermediano<\/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\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode - Cibermediano\" \/>\n<meta property=\"og:description\" content=\"Um diagrama de casos de uso UML mostra o que um sistema oferece e quem \u2014 ou o qu\u00ea \u2014\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Cibermediano\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-13T08:56:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-14T05:08:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode\",\"datePublished\":\"2026-10-13T08:56:52+00:00\",\"dateModified\":\"2026-10-14T05:08:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\"},\"wordCount\":1377,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png\",\"articleSection\":[\"AI\",\"Unified Modeling Language\",\"VPasCode\"],\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\",\"url\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\",\"name\":\"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode - Cibermediano\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png\",\"datePublished\":\"2026-10-13T08:56:52+00:00\",\"dateModified\":\"2026-10-14T05:08:21+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/pt\/\",\"name\":\"Cibermediano\",\"description\":\"Aprendendo uma coisa nova todos os dias\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#\/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\/pt\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode - Cibermediano","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\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","og_locale":"pt_PT","og_type":"article","og_title":"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode - Cibermediano","og_description":"Um diagrama de casos de uso UML mostra o que um sistema oferece e quem \u2014 ou o qu\u00ea \u2014","og_url":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","og_site_name":"Cibermediano","article_published_time":"2026-10-13T08:56:52+00:00","article_modified_time":"2026-10-14T05:08:21+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"curtis","Tempo estimado de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode","datePublished":"2026-10-13T08:56:52+00:00","dateModified":"2026-10-14T05:08:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"},"wordCount":1377,"image":{"@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png","articleSection":["AI","Unified Modeling Language","VPasCode"],"inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","url":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","name":"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode - Cibermediano","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png","datePublished":"2026-10-13T08:56:52+00:00","dateModified":"2026-10-14T05:08:21+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage","url":"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png","contentUrl":"https:\/\/www.cybermedian.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/10\/img_6acdef429169c.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/pt\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Diagramas de Casos de Uso UML como C\u00f3digo com PlantUML e VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/pt\/#website","url":"https:\/\/www.cybermedian.com\/pt\/","name":"Cibermediano","description":"Aprendendo uma coisa nova todos os dias","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.cybermedian.com\/pt\/#\/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\/pt\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/posts\/12325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/comments?post=12325"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/posts\/12325\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/media\/12326"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/media?parent=12325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/categories?post=12325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/tags?post=12325"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/asset-category?post=12325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}