{"id":11508,"date":"2026-10-13T16:56:52","date_gmt":"2026-10-13T08:56:52","guid":{"rendered":"https:\/\/www.cybermedian.com\/es\/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\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","title":{"rendered":"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode"},"content":{"rendered":"<p data-nodeid=\"17103\">Un diagrama de casos de uso UML muestra lo que ofrece un sistema y qui\u00e9n o qu\u00e9 interact\u00faa con \u00e9l. Con un flujo de trabajo de diagramas como c\u00f3digo, la fuente del diagrama es texto plano: edite el texto, genere el diagrama y mantenga la fuente junto con la documentaci\u00f3n del proyecto.<\/p>\n<p><img alt=\"Diagrama que muestra el flujo de trabajo de PlantUML: edici\u00f3n de c\u00f3digo fuente, renderizado de un diagrama de casos de uso UML para una tienda en l\u00ednea y documentaci\u00f3n de ambos lado a lado utilizando VPasCode.\" class=\"alignnone size-full wp-image-21958\" decoding=\"async\" height=\"1024\" loading=\"lazy\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c.png 1536w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-300x200.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-1024x683.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-768x512.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdef429169c-120x80.png 120w\" width=\"1536\"\/><\/p>\n<p data-nodeid=\"17104\">PlantUML admite diagramas de casos de uso. El editor VPasCode de Visual Paradigm proporciona un editor y vista previa de PlantUML, junto con funciones de generaci\u00f3n y edici\u00f3n de diagramas asistidas por IA.<\/p>\n<h2 data-nodeid=\"17105\">1. Lo que comunica un diagrama de casos de uso<\/h2>\n<p data-nodeid=\"17106\">Los diagramas de casos de uso se centran en <strong data-nodeid=\"17215\">el alcance del sistema y los objetivos del usuario<\/strong>, no la mec\u00e1nica paso a paso de un flujo de trabajo. Un diagrama t\u00edpicamente contiene:<\/p>\n<p><img alt=\"Referencia de notaci\u00f3n de diagrama de casos de uso UML que muestra el l\u00edmite del sistema, actor, caso de uso, asociaci\u00f3n y relaciones como incluir, extender y generalizaci\u00f3n.\" 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\">L\u00edmite del sistema:<\/strong> Un rect\u00e1ngulo que nombra el sistema que se est\u00e1 modelando.<\/p>\n<\/li>\n<li data-nodeid=\"17110\">\n<p data-nodeid=\"17111\"><strong data-nodeid=\"17225\">Actor:<\/strong> Un rol fuera del sistema que interact\u00faa con \u00e9l. Los actores pueden ser personas, organizaciones, dispositivos o sistemas externos.<\/p>\n<\/li>\n<li data-nodeid=\"17112\">\n<p data-nodeid=\"17113\"><strong data-nodeid=\"17230\">Caso de uso:<\/strong> Una capacidad o objetivo proporcionado por el sistema, generalmente mostrado como un \u00f3valo y nombrado con una frase verbal, como \u201cRealizar pedido\u201d.<\/p>\n<\/li>\n<li data-nodeid=\"17114\">\n<p data-nodeid=\"17115\"><strong data-nodeid=\"17235\">Asociaci\u00f3n:<\/strong> Una l\u00ednea que muestra que un actor participa en un caso de uso.<\/p>\n<\/li>\n<li data-nodeid=\"17116\">\n<p data-nodeid=\"17117\"><strong data-nodeid=\"17240\">Relaciones de casos de uso:<\/strong> Incluir, extender y generalizaci\u00f3n.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"17118\">Los actores representan roles, no individuos espec\u00edficos. Un servicio de pago externo puede ser un actor si interact\u00faa con el sistema que se est\u00e1 modelando.<\/p>\n<p data-nodeid=\"17119\">Los diagramas de casos de uso son \u00fatiles para aclarar el alcance del sistema, discutir requisitos con las partes interesadas, identificar dependencias externas y proporcionar una visi\u00f3n compartida para el desarrollo y las pruebas. Acomp\u00e1\u00f1elos con descripciones escritas de casos de uso cuando necesite detalles como precondiciones, pasos principales, flujos alternativos y resultados.<\/p>\n<h2 data-nodeid=\"17120\">2. Relaciones de un vistazo<\/h2>\n<p><img alt=\"Diagrama de relaciones de casos de uso UML que ilustra Asociaci\u00f3n, Incluir, Extender y Generalizaci\u00f3n con ejemplos y flechas direccionales.\" 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\">Asociaci\u00f3n actor\u2013caso de uso:<\/strong> Una l\u00ednea simple que indica interacci\u00f3n.<\/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> El caso de uso que incluye siempre utiliza el comportamiento incluido. La flecha punteada apunta <strong data-nodeid=\"17259\">desde el caso de uso que incluye hacia el caso de uso incluido<\/strong>. Por ejemplo, realizar un pedido puede siempre incluir la autorizaci\u00f3n de pago.<\/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;extender&gt;&gt;<\/code>:<\/strong> Un caso de uso que extiende a\u00f1ade comportamiento a un caso de uso base bajo una condici\u00f3n. La flecha punteada apunta <strong data-nodeid=\"17270\">desde el caso de uso extendido hasta el caso de uso base<\/strong>. Por ejemplo, aplicar una promoci\u00f3n puede extender la colocaci\u00f3n de un pedido.<\/p>\n<\/li>\n<li data-nodeid=\"17128\">\n<p data-nodeid=\"17129\"><strong data-nodeid=\"17279\">Generalizaci\u00f3n:<\/strong> Un actor o caso de uso especializado hereda de uno m\u00e1s general. La l\u00ednea s\u00f3lida con un tri\u00e1ngulo hueco apunta <strong data-nodeid=\"17280\">hacia el elemento general<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"17130\">Una distinci\u00f3n \u00fatil: <strong data-nodeid=\"17285\">incluir significa comportamiento requerido; extender significa comportamiento condicional a\u00f1adido.<\/strong><\/p>\n<h2 data-nodeid=\"17131\">3. Esenciales de PlantUML<\/h2>\n<p data-nodeid=\"17132\">Un diagrama de PlantUML comienza con <code data-backticks=\"1\" data-nodeid=\"17288\">@startuml<\/code> y termina con <code data-backticks=\"1\" data-nodeid=\"17290\">@enduml<\/code>. Declara actores con <code data-backticks=\"1\" data-nodeid=\"17292\">actor<\/code>, casos de uso con <code data-backticks=\"1\" data-nodeid=\"17294\">usecase<\/code> y l\u00edmites del sistema con <code data-backticks=\"1\" data-nodeid=\"17296\">rectangle<\/code>. Los alias facilitan la referencia de elementos en las relaciones.<\/p>\n<p id=\"AIPemRZ\"><img alt=\"Interfaz de VPasCode que muestra el c\u00f3digo PlantUML para un diagrama de casos de uso de una tienda en l\u00ednea junto con su salida renderizada que muestra a un cliente interactuando con los l\u00edmites del 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>Editar PlantUML en 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>Editar PlantUML en 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:LOzD2i9038Nt0tE7H_UzWWZkNOWN23EX1gOpEZykAXx9bKVenKoXKbtcUnyloRvKohMDmHelcPsJ-HtX6JBTcd3s1D9HamjPOmsvcZ8EGJXMNe0cbU8G6DrPeVeS4UPNPEhmi0PeXHqLpOzqvu4ohZdvfZsbWqjZmih_t1DJa6cHsOjFg_cbrZoNtUiPwFlTLl8BDt-lf-cN7m00\" \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\ndirecci\u00f3n de izquierda a derecha\r\n\r\nactor Cliente\r\n\r\nrectangle \"Tienda en l\u00ednea\" {\r\n  usecase \"Navegar productos\" como Navegar\r\n  usecase \"Realizar pedido\" como Realizar\r\n}\r\n\r\nCliente --&gt; Navegar\r\nCliente --&gt; Realizar\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LOzD2i9038Nt0tE7H_UzWWZkNOWN23EX1gOpEZykAXx9bKVenKoXKbtcUnyloRvKohMDmHelcPsJ-HtX6JBTcd3s1D9HamjPOmsvcZ8EGJXMNe0cbU8G6DrPeVeS4UPNPEhmi0PeXHqLpOzqvu4ohZdvfZsbWqjZmih_t1DJa6cHsOjFg_cbrZoNtUiPwFlTLl8BDt-lf-cN7m00\" \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>Editar PlantUML en 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>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17134\"><code data-backticks=\"1\" data-nodeid=\"17298\">direcci\u00f3n de izquierda a derecha<\/code> solicita a PlantUML que disponga el diagrama horizontalmente. PlantUML puede ajustar el dise\u00f1o preciso a medida que cambia el diagrama.<\/p>\n<h2 data-nodeid=\"17135\">4. Ejemplo: tienda en l\u00ednea b\u00e1sica<\/h2>\n<p id=\"ytNqnVg\"><img alt=\"Interfaz de VPasCode que muestra un diagrama de casos de uso UML donde un actor Cliente interact\u00faa con los casos de uso Realizar pedido, Aplicar promoci\u00f3n y Autorizar pago.\" 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 en 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 en 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:PL4xRiCm3Dq5w0w4zroXID2XMuUY5o0amYKWYwa-6HpaC3b0fXp15mkTs4u2Jm8VttiadxQvO2gr2zPuJkGS3zS8de3x_ygKF09ggPq_jCOQT4KIV0QcM6WkTxxZoBaaz5evwUG1ZG9Lbk4Ssne4cb-LgID52CCb4ZPmj0R0OPPnPjMd-SO3jPXWdyHNjS_Dmt72L_mVmi3zA23FNYRsZAxfg7kIqYaUXij2dz0L_OjoOOdATwXt16bdoTAnvZGUEcK2cyt7SzTNyBdI6xfClaTsnrwijngO_iuD\" \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\ndirecci\u00f3n de izquierda a derecha\r\n\r\nactor Cliente\r\nactor Administrador como Admin\r\n\r\nrect\u00e1ngulo \"Tienda en l\u00ednea\" {\r\n  caso de uso \"Navegar productos\" como Navegar\r\n  caso de uso \"Realizar pedido\" como Realizar\r\n  caso de uso \"Rastrear env\u00edo\" como Rastrear\r\n  caso de uso \"Gestionar cat\u00e1logo\" como Gestionar\r\n}\r\n\r\nCliente --&gt; Navegar\r\nCliente --&gt; Realizar\r\nCliente --&gt; Rastrear\r\nAdmin --&gt; Gestionar\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PL4xRiCm3Dq5w0w4zroXID2XMuUY5o0amYKWYwa-6HpaC3b0fXp15mkTs4u2Jm8VttiadxQvO2gr2zPuJkGS3zS8de3x_ygKF09ggPq_jCOQT4KIV0QcM6WkTxxZoBaaz5evwUG1ZG9Lbk4Ssne4cb-LgID52CCb4ZPmj0R0OPPnPjMd-SO3jPXWdyHNjS_Dmt72L_mVmi3zA23FNYRsZAxfg7kIqYaUXij2dz0L_OjoOOdATwXt16bdoTAnvZGUEcK2cyt7SzTNyBdI6xfClaTsnrwijngO_iuD\" \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 en 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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17137\">Los clientes navegan, realizan pedidos y rastrean env\u00edos. El administrador gestiona el cat\u00e1logo. El diagrama omite deliberadamente los pasos internos del procesamiento del pedido.<\/p>\n<h2 data-nodeid=\"17138\">5. Ejemplo: incluir y extender<\/h2>\n<p data-nodeid=\"17139\">Supongamos que realizar un pedido siempre requiere autorizaci\u00f3n de pago, mientras que aplicar una promoci\u00f3n es opcional y condicional.<\/p>\n<p id=\"UedRVgx\"><img alt='Interfaz de VPasCode que muestra el c\u00f3digo PlantUML y el diagrama UML resultante que muestra el caso de uso \"Realizar pedido\" que incluye \"Autorizar pago\" y extiende \"Aplicar promoci\u00f3n\".' 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 en 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 en 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:PP1H2i8m38RV2xr3sFiyWCYOU04HBn3Qe87QQcr19Xx60_Za4NOnq-ccu5FJFr_p_sbxJXXJFZYjB4SoXlkd1ql0tIapHOk0SfNE7hNI2aqA4LQEoISgWdHIV_Uxx09KMv7b1Nbm_SCJLd3L2i3WEPIPMOvgG-YummX7icn31IOS0epg7xxCOlZcSJVIQod_oQDZKxWeoB37I4-2LhUI-HCVwhhvCTPgYZQRDOC7p66nO6zSvjWqMdqd3SZ45umkIPQdWMkbaZzz0G00\" \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\ndirecci\u00f3n de izquierda a derecha\r\n\r\nactor Cliente\r\n\r\nrect\u00e1ngulo \"Tienda en l\u00ednea\" {\r\n  caso de uso \"Realizar pedido\" como Realizar\r\n  caso de uso \"Autorizar pago\" como Pago\r\n  caso de uso \"Aplicar promoci\u00f3n\" como Promoci\u00f3n\r\n}\r\n\r\nCliente --&gt; Realizar\r\n\r\nRealizar ..&gt; Pago : &lt;&lt;incluir&gt;&gt;\r\nPromoci\u00f3n ..&gt; Realizar : &lt;&lt;extender&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:PP1H2i8m38RV2xr3sFiyWCYOU04HBn3Qe87QQcr19Xx60_Za4NOnq-ccu5FJFr_p_sbxJXXJFZYjB4SoXlkd1ql0tIapHOk0SfNE7hNI2aqA4LQEoISgWdHIV_Uxx09KMv7b1Nbm_SCJLd3L2i3WEPIPMOvgG-YummX7icn31IOS0epg7xxCOlZcSJVIQod_oQDZKxWeoB37I4-2LhUI-HCVwhhvCTPgYZQRDOC7p66nO6zSvjWqMdqd3SZ45umkIPQdWMkbaZzz0G00\" \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 en 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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17141\">La <code data-backticks=\"1\" data-nodeid=\"17305\">Realizar ..&gt; Pago<\/code> flecha significa que &#8220;Realizar pedido&#8221; incluye el comportamiento de pago requerido. La <code data-backticks=\"1\" data-nodeid=\"17307\">Promoci\u00f3n ..&gt; Realizar<\/code> flecha significa que &#8220;Aplicar promoci\u00f3n&#8221; extiende &#8220;Realizar pedido&#8221; cuando se cumple su condici\u00f3n.<\/p>\n<p data-nodeid=\"17142\">Documente la condici\u00f3n, por ejemplo, &#8220;el cliente ingresa un c\u00f3digo de promoci\u00f3n v\u00e1lido&#8221;, en la descripci\u00f3n del caso de uso o en una nota.<\/p>\n<h2 data-nodeid=\"17143\">6. Ejemplo: generalizaci\u00f3n de actores y sistemas externos<\/h2>\n<p data-nodeid=\"17144\">Un actor especializado hereda interacciones de un actor m\u00e1s general. Los servicios externos tambi\u00e9n pueden ser actores cuando interact\u00faan con el sistema.<\/p>\n<p id=\"RxUdJmF\"><img alt=\"Interfaz de VPasCode que muestra el c\u00f3digo PlantUML y el diagrama UML generado que muestra un cliente registrado generalizando a Usuario y una pasarela de pago interactuando con la Tienda en l\u00ednea.\" 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 en 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 en 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:PL5BQWCn3DqRV0Sn--G09PX0zoMKzW325bE1OwUotKNQ72O7wAf7c8lLRZqpWQoCfAVtaVSfe-Hoz5ev5hAMfvy0Ze3FxuL970BMiaxUK2kjqEOeCBocWi9n01kF4NgrJ1yzKyW4GYEdBEXcO1yim0Cc5F9D0Kuuph2vtGHdhitcown2MbL7URg6iVW8mql5LASKm4_VWN20Jwq0BAROg4jzXYVye145JX9TgVAfY_N-7VwPqFEvBP3Z9S7SlOCV95fA3NwRuu_uqlnswpM7MINNSEQ6UL7URiq_1pp0RiV1-i9YZ5RBtTfYLzdN4zH__0K0\" \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\ndirecci\u00f3n de izquierda a derecha\r\n\r\nactor \"Usuario\" como Usuario\r\nactor \"Cliente registrado\" como Cliente\r\nactor \"Pasarela de pago\" como Pasarela\r\n\r\nCliente --|&gt; Usuario\r\n\r\nrect\u00e1ngulo \"Tienda en l\u00ednea\" {\r\n  caso de uso \"Navegar productos\" como Navegar\r\n  caso de uso \"Realizar pedido\" como Realizar\r\n  caso de uso \"Procesar pago\" como Pagar\r\n}\r\n\r\nUsuario --&gt; Navegar\r\nCliente --&gt; Realizar\r\nRealizar ..&gt; Pagar : &lt;&lt;incluir&gt;&gt;\r\nPasarela --&gt; Pagar\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PL5BQWCn3DqRV0Sn--G09PX0zoMKzW325bE1OwUotKNQ72O7wAf7c8lLRZqpWQoCfAVtaVSfe-Hoz5ev5hAMfvy0Ze3FxuL970BMiaxUK2kjqEOeCBocWi9n01kF4NgrJ1yzKyW4GYEdBEXcO1yim0Cc5F9D0Kuuph2vtGHdhitcown2MbL7URg6iVW8mql5LASKm4_VWN20Jwq0BAROg4jzXYVye145JX9TgVAfY_N-7VwPqFEvBP3Z9S7SlOCV95fA3NwRuu_uqlnswpM7MINNSEQ6UL7URiq_1pp0RiV1-i9YZ5RBtTfYLzdN4zH__0K0\" \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 en 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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17146\">El \u00abCliente registrado\u00bb especializa a \u00abUsuario\u00bb y hereda la interacci\u00f3n general del usuario. La pasarela de pago est\u00e1 fuera del l\u00edmite de la Tienda en l\u00ednea, pero participa en el caso de uso de pago.<\/p>\n<h2 data-nodeid=\"17147\">7. Ejemplo: generalizaci\u00f3n de casos de uso<\/h2>\n<p data-nodeid=\"17148\">La generalizaci\u00f3n puede representar versiones especializadas de un caso de uso m\u00e1s amplio. El tri\u00e1ngulo hueco apunta hacia el caso de uso general.<\/p>\n<p id=\"mCUPRYk\"><img alt=\"Interfaz de VPasCode que muestra el c\u00f3digo PlantUML y un diagrama UML generado que muestra un actor Cliente con flechas de generalizaci\u00f3n apuntando al caso de uso Realizar pago.\" 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 en 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 en 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:TP313S8m34NlaRA3rNjNg91O004BcDGKepGfQN8fC0mpC48NmnKHj4AS4l__VlITLHynnDHQhMeEP0oFJmSr0G-Nn1Hg19HHd1DgfHMQw0EiBPEBD0dYnF7XccGz53lk8xLJ03fiV05NhG0CzdwIaXp5bj3oW243nhSUDdBz0KKKodW7ql1C4JEyVqz_-4xQnO2kFqfdPnZXWCvWu4zyRcfrdtR8wq1PLj_d5-8of5McnBnLkVw2cHihShLyy0i0\" \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\r\ndirecci\u00f3n de izquierda a derecha\r\n\r\nactor Cliente\r\n\r\nrect\u00e1ngulo \"Sistema de pago\" {\r\n  caso de uso \"Realizar pago\" como Pago\r\n  caso de uso \"Pagar con tarjeta\" como Tarjeta\r\n  caso de uso \"Pagar por transferencia bancaria\" como Transferencia\r\n}\r\n\r\nCliente --&gt; Tarjeta\r\nCliente --&gt; Transferencia\r\n\r\nTarjeta --|&gt; Pago\r\nTransferencia --|&gt; Pago\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP313S8m34NlaRA3rNjNg91O004BcDGKepGfQN8fC0mpC48NmnKHj4AS4l__VlITLHynnDHQhMeEP0oFJmSr0G-Nn1Hg19HHd1DgfHMQw0EiBPEBD0dYnF7XccGz53lk8xLJ03fiV05NhG0CzdwIaXp5bj3oW243nhSUDdBz0KKKodW7ql1C4JEyVqz_-4xQnO2kFqfdPnZXWCvWu4zyRcfrdtR8wq1PLj_d5-8of5McnBnLkVw2cHihShLyy0i0\" \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 en 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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"17150\">\u00dasalo cuando los casos de uso especializados compartan un objetivo general pero tengan diferencias significativas. Si las variaciones son meros pasos condicionales, un <code data-backticks=\"1\" data-nodeid=\"17316\">&lt;&lt;extender&gt;&gt;<\/code> relaci\u00f3n o una descripci\u00f3n escrita del caso de uso puede ser m\u00e1s clara.<\/p>\n<h2 data-nodeid=\"17151\">8. Trabajar en VPasCode<\/h2>\n<p data-nodeid=\"17152\">Un flujo de trabajo pr\u00e1ctico:<\/p>\n<p><img alt=\"Diagrama de flujo que muestra siete pasos para crear diagramas de casos de uso PlantUML en VPasCode, incluyendo la definici\u00f3n del alcance, la redacci\u00f3n del c\u00f3digo y la validaci\u00f3n con las partes interesadas.\" 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\">Define el alcance.<\/strong>Identifica el l\u00edmite del sistema, los roles de los actores y los objetivos que cada rol desea lograr.<\/p>\n<\/li>\n<li data-nodeid=\"17156\">\n<p data-nodeid=\"17157\"><strong data-nodeid=\"17329\">Crea un borrador.<\/strong>Escribe PlantUML directamente o pide al asistente de IA que genere un diagrama de casos de uso.<\/p>\n<\/li>\n<li data-nodeid=\"17158\">\n<p data-nodeid=\"17159\"><strong data-nodeid=\"17334\">Revisa el c\u00f3digo y la vista previa.<\/strong>Confirma que los actores est\u00e1n fuera del l\u00edmite del sistema, los casos de uso est\u00e1n dentro y las flechas apuntan en la direcci\u00f3n correcta.<\/p>\n<\/li>\n<li data-nodeid=\"17160\">\n<p data-nodeid=\"17161\"><strong data-nodeid=\"17339\">Refina el modelo.<\/strong>Reemplaza nombres vagos, elimina detalles de implementaci\u00f3n y a\u00f1ade relaciones solo cuando reflejen requisitos reales.<\/p>\n<\/li>\n<li data-nodeid=\"17162\">\n<p data-nodeid=\"17163\"><strong data-nodeid=\"17344\">Solicita ediciones dirigidas de IA.<\/strong>Por ejemplo: \u00abA\u00f1ade un actor de pasarela de pago externa y muestra la interacci\u00f3n de pago requerida utilizando una relaci\u00f3n de inclusi\u00f3n. Mant\u00e9n el resto sin cambios.\u00bb<\/p>\n<\/li>\n<li data-nodeid=\"17164\">\n<p data-nodeid=\"17165\"><strong data-nodeid=\"17349\">Valida con las partes interesadas.<\/strong>Verifica que el diagrama refleje el alcance real del sistema y los objetivos de los usuarios.<\/p>\n<\/li>\n<li data-nodeid=\"17166\">\n<p data-nodeid=\"17167\"><strong data-nodeid=\"17356\">Guarda el c\u00f3digo fuente.<\/strong> Mantenga el <code data-backticks=\"1\" data-nodeid=\"17354\">.puml<\/code> texto junto con la documentaci\u00f3n del proyecto o en el control de versiones. Exporte una imagen cuando sea necesario para documentos o presentaciones.<\/p>\n<\/li>\n<\/ol>\n<h3 data-nodeid=\"17168\">Ejemplo de solicitud para asistencia de IA<\/h3>\n<blockquote data-nodeid=\"17169\">\n<p data-nodeid=\"17170\">Cree un diagrama de casos de uso UML en PlantUML para una tienda en l\u00ednea. Incluya un l\u00edmite del sistema, actores Cliente y Administrador, y los objetivos: Explorar productos, Realizar pedido, Rastrear env\u00edo y Gestionar cat\u00e1logo. Muestre la autorizaci\u00f3n de pago como un comportamiento requerido incluido por Realizar pedido. Muestre la aplicaci\u00f3n de una promoci\u00f3n como una extensi\u00f3n condicional de Realizar pedido. Devuelva \u00fanicamente c\u00f3digo fuente v\u00e1lido de PlantUML.<\/p>\n<\/blockquote>\n<p data-nodeid=\"17171\">Trate el c\u00f3digo generado por IA como un primer borrador. Revise los actores, l\u00edmites, relaciones y supuestos comerciales antes de utilizarlo.<\/p>\n<h2 data-nodeid=\"17172\">9. Errores comunes<\/h2>\n<p><img alt=\"Infograf\u00eda que ilustra seis errores comunes en los diagramas de casos de uso UML, incluidas definiciones incorrectas de actores, nombres y flechas de relaci\u00f3n.\" 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 actores:<\/strong> Los actores deben ser roles externos o sistemas que interact\u00faan con el sujeto.<\/p>\n<\/li>\n<li data-nodeid=\"17176\">\n<p data-nodeid=\"17177\"><strong data-nodeid=\"17370\">Nombrar casos de uso como tareas de implementaci\u00f3n:<\/strong> Prefiera \u201cRastrear env\u00edo\u201d en lugar de \u201cLlamar a la API de rastreo.\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 comportamiento opcional:<\/strong> Include representa el comportamiento que el caso de uso base requiere.<\/p>\n<\/li>\n<li data-nodeid=\"17180\">\n<p data-nodeid=\"17181\"><strong data-nodeid=\"17382\">Invertir las flechas de relaci\u00f3n:<\/strong> Include apunta al caso de uso incluido; extend apunta al caso de uso base.<\/p>\n<\/li>\n<li data-nodeid=\"17182\">\n<p data-nodeid=\"17183\"><strong data-nodeid=\"17387\">Sobrecargar un diagrama con detalles:<\/strong> Use un diagrama de alto nivel para el alcance y luego diagramas separados o texto para escenarios detallados.<\/p>\n<\/li>\n<li data-nodeid=\"17184\">\n<p data-nodeid=\"17185\"><strong data-nodeid=\"17392\">Asumir que un renderizado exitoso significa que el modelo es correcto:<\/strong> PlantUML puede renderizar un diagrama que a\u00fan representa incorrectamente los requisitos.<\/p>\n<\/li>\n<\/ul>\n<h2 data-nodeid=\"17186\">10. Lista de verificaci\u00f3n de revisi\u00f3n<\/h2>\n<p data-nodeid=\"17187\">Antes de compartir el diagrama, confirme que:<\/p>\n<p><img alt=\"Lista de verificaci\u00f3n de revisi\u00f3n de diagramas de casos de uso que enumera ocho puntos de validaci\u00f3n junto con un diagrama de ejemplo que muestra a un Cliente interactuando con un Sistema de Compras en l\u00ednea.\" 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\">El l\u00edmite del sistema es claro.<\/p>\n<\/li>\n<li data-nodeid=\"17191\">\n<p data-nodeid=\"17192\">Cada actor es externo y representa un rol.<\/p>\n<\/li>\n<li data-nodeid=\"17193\">\n<p data-nodeid=\"17194\">Los nombres de los casos de uso describen objetivos significativos.<\/p>\n<\/li>\n<li data-nodeid=\"17195\">\n<p data-nodeid=\"17196\">Las asociaciones de actores reflejan interacciones reales.<\/p>\n<\/li>\n<li data-nodeid=\"17197\">\n<p data-nodeid=\"17198\">Las relaciones Include son obligatorias; las relaciones Extend son condicionales o est\u00e1n justificadas de otra manera.<\/p>\n<\/li>\n<li data-nodeid=\"17199\">\n<p data-nodeid=\"17200\">Las flechas de generalizaci\u00f3n apuntan al actor o caso de uso general.<\/p>\n<\/li>\n<li data-nodeid=\"17201\">\n<p data-nodeid=\"17202\">El diagrama permanece legible en su tama\u00f1o previsto.<\/p>\n<\/li>\n<li data-nodeid=\"17203\">\n<p class=\"\" data-nodeid=\"17204\">Las suposiciones generadas por IA han sido revisadas con personas familiarizadas con los requisitos.<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Un diagrama de casos de uso UML muestra lo que ofrece un sistema y qui\u00e9n o qu\u00e9 interact\u00faa con \u00e9l.<\/p>\n","protected":false},"author":11,"featured_media":11509,"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-11508","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 con PlantUML y VPasCode - Cibermedio<\/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\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode - Cibermedio\" \/>\n<meta property=\"og:description\" content=\"Un diagrama de casos de uso UML muestra lo que ofrece un sistema y qui\u00e9n o qu\u00e9 interact\u00faa con \u00e9l.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Cibermedio\" \/>\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\/es\/wp-content\/uploads\/sites\/8\/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=\"Tiempo de lectura\" \/>\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\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode\",\"datePublished\":\"2026-10-13T08:56:52+00:00\",\"dateModified\":\"2026-10-14T05:08:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\"},\"wordCount\":1401,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdef429169c.png\",\"articleSection\":[\"AI\",\"Unified Modeling Language\",\"VPasCode\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\",\"url\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\",\"name\":\"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode - Cibermedio\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/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\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdef429169c.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdef429169c.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/es\/\",\"name\":\"Cibermedio\",\"description\":\"Aprendiendo una cosa nueva todos los d\u00edas\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/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\/es\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode - Cibermedio","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\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","og_locale":"es_ES","og_type":"article","og_title":"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode - Cibermedio","og_description":"Un diagrama de casos de uso UML muestra lo que ofrece un sistema y qui\u00e9n o qu\u00e9 interact\u00faa con \u00e9l.","og_url":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","og_site_name":"Cibermedio","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\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdef429169c.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"curtis","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode","datePublished":"2026-10-13T08:56:52+00:00","dateModified":"2026-10-14T05:08:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"},"wordCount":1401,"image":{"@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdef429169c.png","articleSection":["AI","Unified Modeling Language","VPasCode"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","url":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/","name":"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode - Cibermedio","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/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\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#primaryimage","url":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdef429169c.png","contentUrl":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdef429169c.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/es\/uml-use-case-diagrams-as-code-with-plantuml-and-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/es\/"},{"@type":"ListItem","position":2,"name":"Diagramas de casos de uso UML como c\u00f3digo con PlantUML y VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/es\/#website","url":"https:\/\/www.cybermedian.com\/es\/","name":"Cibermedio","description":"Aprendiendo una cosa nueva todos los d\u00edas","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.cybermedian.com\/es\/#\/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\/es\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/11508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/comments?post=11508"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/11508\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/media\/11509"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/media?parent=11508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/categories?post=11508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/tags?post=11508"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/asset-category?post=11508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}