{"id":2873,"date":"2026-06-09T15:33:53","date_gmt":"2026-06-09T07:33:53","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/"},"modified":"2026-06-09T15:33:53","modified_gmt":"2026-06-09T07:33:53","slug":"introducing-vpascode-the-ultimate-unified-text-to-diagram-platform","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","title":{"rendered":"Presentamos VPasCode: La Plataforma Definitiva y Unificada de Texto a Diagrama"},"content":{"rendered":"<p>Estamos encantados de anunciar el lanzamiento oficial de Visual Paradigm <a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode<\/strong><\/a>, la nueva y unificada <a href=\"https:\/\/www.visual-paradigm.com\/features\/diagram-as-code-tool\/\"><strong>diagrama como c\u00f3digo<\/strong> plataforma<\/a>. Ya sea que sea un ingeniero de software, arquitecto de sistemas o analista de negocios, VPasCode est\u00e1 dise\u00f1ado para optimizar su flujo de trabajo transformando texto en diagramas profesionales y hermosos en cuesti\u00f3n de segundos.<img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de clases PlantUML para un sistema de gesti\u00f3n de bibliotecas, siendo editado con el editor de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2656\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-768x480.jpg 768w\" width=\"1192\"\/><\/p>\n<p>Diga adi\u00f3s al cambio de contexto entre diferentes herramientas. VPasCode re\u00fane sus lenguajes de texto a diagrama de c\u00f3digo abierto favoritos en un \u00fanico entorno web unificado, fluido y potente.<\/p>\n<h2>\u00bfQu\u00e9 es VPasCode?<\/h2>\n<p>VPasCode (Visual Paradigm como C\u00f3digo) es un entorno integrado que combina un editor de c\u00f3digo conveniente y gratuito <strong>editor de c\u00f3digo<\/strong> con un <strong>renderizador de diagramas de alto rendimiento<\/strong>. Si ama la velocidad y los beneficios de control de versiones al escribir sus diagramas, VPasCode le ofrece el entorno sandbox definitivo para crear, previsualizar y compartirlos al instante.<\/p>\n<p>Por ser un entorno totalmente integrado, VPasCode te\u00f3ricamente soporta <em>todas<\/em>las reglas de sintaxis de los motores de diagramaci\u00f3n m\u00e1s populares del mundo. En el lanzamiento, damos soporte completo a:<\/p>\n<ul>\n<li><strong>Editor y Renderizador PlantUML:<\/strong> Cree diagramas robustos de arquitectura empresarial y de software.<\/li>\n<li><strong>Editor y Renderizador Mermaid.js:<\/strong> Renderice gr\u00e1ficos y l\u00edneas de tiempo modernos inspirados en Markdown de forma nativa en su navegador.<\/li>\n<li><strong>Editor y Renderizador Graphviz:<\/strong> Aproveche el poder del lenguaje DOT para estructuras de red y datos complejas.<\/li>\n<\/ul>\n<p><em>\u2026\u00a1y esto es solo el comienzo! Continuamente a\u00f1adiremos m\u00e1s formatos de texto a diagrama en el futuro.<\/em><\/p>\n<p><img loading=\"lazy\" alt=\"Interfaz de VPasCode que muestra editores de c\u00f3digo para PlantUML, Mermaid.js y Graphviz junto con sus diagramas renderizados.\" class=\"alignnone size-full wp-image-2667\" decoding=\"async\" height=\"559\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-support-plantuml-mermaid-graphviz.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-support-plantuml-mermaid-graphviz.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-support-plantuml-mermaid-graphviz-300x164.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-support-plantuml-mermaid-graphviz-768x419.jpg 768w\" width=\"1024\"\/><\/p>\n<h2>Tipos de Diagramas Soportados de un Vistazo<\/h2>\n<p>VPasCode soporta una biblioteca incre\u00edblemente vasta de tipos de diagramas. Aqu\u00ed tiene una instant\u00e1nea de lo que puede construir ahora mismo:<\/p>\n<h3>Integraci\u00f3n PlantUML<\/h3>\n<ul>\n<li>Diagramas de Secuencia, Casos de Uso, Clases y Objetos<\/li>\n<li>Diagramas de Actividad, Componentes, Despliegue y Estado<\/li>\n<li>Modelos ArchiMate y C4<\/li>\n<li>Diagramas de Relaci\u00f3n de Entidades (ERD) &amp; ERD de Chen<\/li>\n<li>Diagramas de Red, EAP (Estructura de Desglose de Trabajo) y Diagramas de Cronograma<\/li>\n<\/ul>\n<h3>Integraci\u00f3n de Mermaid.js<\/h3>\n<ul>\n<li>Diagramas de Flujo, de Clases y de Secuencia<\/li>\n<li>Diagramas de Relaci\u00f3n de Entidades (ERD) &amp; Diagramas de Estado<\/li>\n<li>Mapas Mentales, L\u00edneas de Tiempo y Mapas de Viaje del Usuario<\/li>\n<li>Diagramas de Gantt, Gr\u00e1ficos de Git y Tableros Kanban<\/li>\n<li>Modelos C4, Gr\u00e1ficos de Cuadrantes y Diagramas de Requisitos<\/li>\n<\/ul>\n<h3>Integraci\u00f3n de Graphviz<\/h3>\n<ul>\n<li>Digrafo &amp; Grafo<\/li>\n<li>Diagramas de Flujo &amp; Diagramas de Flujo de Datos<\/li>\n<li>Organigramas &amp; Agrupaciones<\/li>\n<\/ul>\n<h2>Funcionalidades &amp; Capacidades<\/h2>\n<p>Queremos que VPasCode sea accesible para todos, por eso hemos incluido herramientas esenciales en nuestra versi\u00f3n gratuita, mientras ofrecemos funciones innovadoras asistidas por IA para usuarios premium.<\/p>\n<h3>Funcionalidades Gratuitas Disponibles para Todos:<\/h3>\n<ul>\n<li><strong>Soporte Multi-Motor:<\/strong> Acceso completo a PlantUML, Mermaid.js y Graphviz.<\/li>\n<li><strong>Descripciones Textuales:<\/strong> Crea diagramas complejos \u00fanicamente mediante c\u00f3digo intuitivo.<\/li>\n<li><strong>Vista Previa en Tiempo Real:<\/strong> Observa c\u00f3mo tu diagrama se actualiza al instante en el lateral de tu pantalla mientras escribes.<\/li>\n<li><strong>Compartici\u00f3n F\u00e1cil:<\/strong> Genera una URL \u00fanica para compartir f\u00e1cilmente tu diagrama en vivo con compa\u00f1eros de equipo o clientes.<\/li>\n<li><strong>Exportaciones Flexibles:<\/strong> Descarga tu trabajo finalizado como im\u00e1genes de alta calidad <strong>PNG<\/strong> o gr\u00e1ficos vectoriales escalables <strong>SVG<\/strong> vectoriales.<\/li>\n<\/ul>\n<h3>Potencia tu Flujo de Trabajo con Funcionalidades de Pago:<\/h3>\n<ul>\n<li><strong>Correcci\u00f3n de errores de c\u00f3digo con IA:<\/strong>\u00bfAtascado con un error de sintaxis? Nuestra IA integrada analizar\u00e1 su c\u00f3digo PlantUML, Mermaid o Graphviz y corregir\u00e1 los errores autom\u00e1ticamente.<br \/>\n<img loading=\"lazy\" alt=\"Una ilustraci\u00f3n que muestra c\u00f3mo funciona la funcionalidad de correcci\u00f3n de errores de c\u00f3digo con IA\" class=\"alignnone size-full wp-image-2670\" decoding=\"async\" height=\"684\" loading=\"lazy\" sizes=\"auto, (max-width: 875px) 100vw, 875px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2.jpg 875w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2-300x235.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2-768x600.jpg 768w\" width=\"875\"\/><\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\">Traducci\u00f3n con IA<\/a>:<\/strong>Traduzca sin problemas el texto y las etiquetas dentro de sus diagramas a varios idiomas con un solo clic.<br \/>\n<img loading=\"lazy\" alt=\"Esta es una ilustraci\u00f3n que muestra c\u00f3mo funciona la funci\u00f3n de traducci\u00f3n en VPasCode\" class=\"alignnone size-full wp-image-2669\" decoding=\"async\" height=\"680\" loading=\"lazy\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese.jpg 990w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese-300x206.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese-768x528.jpg 768w\" width=\"990\"\/><\/li>\n<\/ul>\n<h2>C\u00f3mo acceder a las funciones de pago de VPasCode<\/h2>\n<p>Si ya es usuario de Visual Paradigm, \u00a1es posible que ya tenga acceso a nuestras funciones premium de IA!<\/p>\n<p>Las funciones de pago de VPasCode est\u00e1n incluidas con:<\/p>\n<ul>\n<li><strong>Edici\u00f3n Combo Online de Visual Paradigm<\/strong> (o superior).<\/li>\n<li><strong>Edici\u00f3n Profesional de Escritorio de Visual Paradigm<\/strong> (o superior) con un contrato de mantenimiento activo.<\/li>\n<\/ul>\n<blockquote>\n<p><strong>Nota para usuarios de escritorio:<\/strong> Los usuarios de Visual Paradigm Professional Edition (o superior) con mantenimiento activo reciben autom\u00e1ticamente acceso completo a las aplicaciones web de VP Online Combo Edition, lo que significa que obtiene acceso instant\u00e1neo a las herramientas premium de IA de VPasCode sin coste adicional.<\/p>\n<\/blockquote>\n<h2>PlantUML y Mermaid en VPasCode \u2013 Ejemplos de diagramas<\/h2>\n<h3>Diagrama de casos de uso de PlantUML: Sistema de comercio electr\u00f3nico<\/h3>\n<p>Este diagrama de casos de uso ilustra las interacciones principales dentro de un sistema de pago de comercio electr\u00f3nico. Un cliente puede ver su carrito y proceder al pago, donde la autenticaci\u00f3n, la aplicaci\u00f3n de cupones y el pago con tarjeta de cr\u00e9dito est\u00e1n integrados a trav\u00e9s de servicios externos como un proveedor de identidad y un procesador de pagos.<\/p>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de casos de uso PlantUML para un sistema de comercio electr\u00f3nico, siendo editado con el editor de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2662\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:PPBFJiGW4CRlJNY7IU_j0vXDiqeyU6jYz6e8Z5jYssbWMDCOtrtOBQpLs_pvmJSVmz6pSXocKLGZlZCmWREdWS5OXvejpQ9Icib1_TX8cYPq6a46pnJ36fG7lIK5V38ui-KLUaTdQpPC1Hvweh5WlLgd22PAe_TqnJmxkw2eH9NqrNmQ4MeveFwWmF2yUiO97YZCHhcrXYzH0GIFMld8tKUDfAqLu-Ms5_cMQZlerU8doEWw4odU4Lck02dV2otBk8AaiD2SgUXZeXqL7SBPAf0EZUMaQGgiLb5z9vlv-Q1fkjiq_whN4N84RTjbSt07X-vNwz2sPPo_lUrO6gnqBdSacTk6DYGLypwEE9luJNu0\" 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:PPBFJiGW4CRlJNY7IU_j0vXDiqeyU6jYz6e8Z5jYssbWMDCOtrtOBQpLs_pvmJSVmz6pSXocKLGZlZCmWREdWS5OXvejpQ9Icib1_TX8cYPq6a46pnJ36fG7lIK5V38ui-KLUaTdQpPC1Hvweh5WlLgd22PAe_TqnJmxkw2eH9NqrNmQ4MeveFwWmF2yUiO97YZCHhcrXYzH0GIFMld8tKUDfAqLu-Ms5_cMQZlerU8doEWw4odU4Lck02dV2otBk8AaiD2SgUXZeXqL7SBPAf0EZUMaQGgiLb5z9vlv-Q1fkjiq_whN4N84RTjbSt07X-vNwz2sPPo_lUrO6gnqBdSacTk6DYGLypwEE9luJNu0\" 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:PLAxJiH03EmZvH-iz9SFGAVJeRGKQQ15bjUwB6ooOHz8WFWOIWegFY4_XZUNN9AZstZ6CsCxHn_GXTYQF5FQCP4UVZjG3Fhz9Mfs2W7bKv06ymmfM0T5PJHtWHEDRCkEj0KsJC59ioPR07gWC-dIL3lxogpacTILO5gX6gaOGrDRQzPSOeyJkSUJzIFH1wTxaSmp2HI6h-uKZONYRlXfzPZ7WDS-S8jpNm4VUGOGFHDwXk8sXkHCw4R1--fHAis6yi0E17Sws9bJoOusd1fFYqBLC3rlNNgJB81YBnkPUJ9LQ__Bo0uxa2iySHXZank-rSgynhSy-qn3Jok5tUwmfBekdiFCBoZBmpmbtC3-i8BsPNc9TOrDRUAz8AD6ibdkDL5ISRxDaJib_zCV\" \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\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ndirecci\u00f3n de izquierda a derecha\r\nactor \"Cliente de comercio electr\u00f3nico\" as cliente\r\nactor \"Proveedor de identidad\" as authPool\r\nactor \"Procesador de pagos\" as stripe\r\n\r\nrect\u00e1ngulo \"L\u00edmite del sistema de pago\" {\r\n  usecase \"Autenticar\" as UC_Auth\r\n  usecase \"Ver carrito\" as UC_Cart\r\n  usecase \"Pagar\" as UC_Check\r\n  usecase \"Aplicar cup\u00f3n\" as UC_Promo\r\n  usecase \"Pagar con tarjeta de cr\u00e9dito\" as UC_Pay\r\n}\r\n\r\ncliente --&gt; UC_Cart\r\ncliente --&gt; UC_Check\r\nUC_Check ..&gt; UC_Auth : &lt;&gt;\r\nUC_Check &lt;.. UC_Promo : &lt;&gt;\r\nUC_Check ..&gt; UC_Pay : &lt;&gt;\r\nUC_Auth --&gt; authPool\r\nUC_Pay --&gt; stripe\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PLAxJiH03EmZvH-iz9SFGAVJeRGKQQ15bjUwB6ooOHz8WFWOIWegFY4_XZUNN9AZstZ6CsCxHn_GXTYQF5FQCP4UVZjG3Fhz9Mfs2W7bKv06ymmfM0T5PJHtWHEDRCkEj0KsJC59ioPR07gWC-dIL3lxogpacTILO5gX6gaOGrDRQzPSOeyJkSUJzIFH1wTxaSmp2HI6h-uKZONYRlXfzPZ7WDS-S8jpNm4VUGOGFHDwXk8sXkHCw4R1--fHAis6yi0E17Sws9bJoOusd1fFYqBLC3rlNNgJB81YBnkPUJ9LQ__Bo0uxa2iySHXZank-rSgynhSy-qn3Jok5tUwmfBekdiFCBoZBmpmbtC3-i8BsPNc9TOrDRUAz8AD6ibdkDL5ISRxDaJib_zCV\" \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:PPBFJiGW4CRlJNY7IU_j0vXDiqeyU6jYz6e8Z5jYssbWMDCOtrtOBQpLs_pvmJSVmz6pSXocKLGZlZCmWREdWS5OXvejpQ9Icib1_TX8cYPq6a46pnJ36fG7lIK5V38ui-KLUaTdQpPC1Hvweh5WlLgd22PAe_TqnJmxkw2eH9NqrNmQ4MeveFwWmF2yUiO97YZCHhcrXYzH0GIFMld8tKUDfAqLu-Ms5_cMQZlerU8doEWw4odU4Lck02dV2otBk8AaiD2SgUXZeXqL7SBPAf0EZUMaQGgiLb5z9vlv-Q1fkjiq_whN4N84RTjbSt07X-vNwz2sPPo_lUrO6gnqBdSacTk6DYGLypwEE9luJNu0\" 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:PPBFJiGW4CRlJNY7IU_j0vXDiqeyU6jYz6e8Z5jYssbWMDCOtrtOBQpLs_pvmJSVmz6pSXocKLGZlZCmWREdWS5OXvejpQ9Icib1_TX8cYPq6a46pnJ36fG7lIK5V38ui-KLUaTdQpPC1Hvweh5WlLgd22PAe_TqnJmxkw2eH9NqrNmQ4MeveFwWmF2yUiO97YZCHhcrXYzH0GIFMld8tKUDfAqLu-Ms5_cMQZlerU8doEWw4odU4Lck02dV2otBk8AaiD2SgUXZeXqL7SBPAf0EZUMaQGgiLb5z9vlv-Q1fkjiq_whN4N84RTjbSt07X-vNwz2sPPo_lUrO6gnqBdSacTk6DYGLypwEE9luJNu0\" 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<h3>Diagrama de clases de PlantUML: Sistema de gesti\u00f3n de biblioteca<\/h3>\n<p>Este diagrama de clases modela un sistema de gesti\u00f3n de biblioteca, mostrando las entidades clave involucradas en la gesti\u00f3n del cat\u00e1logo, los servicios a los miembros y las operaciones de pr\u00e9stamo. El dise\u00f1o utiliza la herencia para representar diferentes tipos de materiales de biblioteca (como libros, revistas y DVDs), mientras que las asociaciones entre miembros, bibliotecarios, registros de pr\u00e9stamo y multas ilustran c\u00f3mo se prestan, devuelven y gestionan los elementos a lo largo de su ciclo de vida.<\/p>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de clases PlantUML para un sistema de gesti\u00f3n de bibliotecas, siendo editado con el editor de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2656\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" 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:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" 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:ZLRDZjCw5DvNwZjOmu9oeGYsqHLYXdOn4YEDBcBsZdsQMjW-mNOg8U21MDmLZp0lnd7if77QcM7JDEVFv_lEZ_FU1-v2P_HoiLm8pRrdLwhM2WC8phul5uojcKLJEwZOf-2KRP9CAWT2ABIbE8267LgSIbyotZXekBjHG85mPTApObdmec87L3BPWbP6sQEnaZU3UGfPMEV8rm7CIj5FnUBV8uIpePErlExjpmHj7KHQijdi-5VinBD6rC1jSfPmG7s01muPJNyU2IypJgG_cvsIP465JcCf0wa2EiLrAUPMuMr7GGLFLL8s98rKlaLBvy4iSwm3M70R25nhyAiNPH4Z9-Gao297K5f9BbTH8N4CDbBPG-Ir3uwBm1BMZuge7FfA-NhMFhmZBAN8TkQMDrGsFs8OKxsCvjCy9wnkhn2_32S5RhZ5IoVswe0tLnMJIDn0KkxG6HwmFBPpUWDUSDVmaWQPfVsv4w0JVDScTj08iwjp4RP4b0spGH9efPeFqeZmyypt0R3_mK6HmJYmdG67so5kfcsGtw6cvrI-0x7dj-YeZeHsmmCKqJTtco6ox5oVpesonBsVnEWNmadrb5HeU2dpNHtk_u-Tx3TZB_hpiv67R-oO-JG-lA30SAMVNauP_EMEcZbFIi8VYn0ezqTtooEJ_nSEkSRHoD-wD4Rzs7saOixgsv38OR8o4pu6pHbCW_4HKLRSWHMq2S66KzqcWkXA8jRzxFTU4bSb2cfWhaMdQM5tEl2e7MPhMiQecnGnlfOP6-opAUOovhCroi-IQNdJzsd1PHGUKpYPosCHd9gmjpKjXP0pzYIqT2boamYQJcNhK83dRg3sv2gZs-6fMsY8SMJwwPkhYNr2hMZZheBLJES31OdQ0sKS0SueU4xze_lc1a_Ws1vSh2LVBcPNpxy_rkkqmiwhyfevhwGjiLoa_Tw_zmkua1JBCINs0KsBdlRK_M_BlkNhFBr5WyaP5syl6CMuC9tOexyODqD5joAnmzuzQZrBk8fhzs_yohwfQAl4XebEoyMGmTpdP5WdAPxe1kUthr__SoPD1xjSh4Uzt_JUQSggt2qfoUViqgDGYTCfr8XdlNvtBjkXesA40UG3fi8DR5YAIWkpPRXZ1OHFv4FBc0bgJiSr-zh1U8BDy-FJt7XgWTRT_-gZ-npJgMOVOjGJSZxGQ0Ehuy_mcS4jZIwdF6YJChfW6Dti4B-EgFFhANQA_Xwif2_VFm00\" \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\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n\r\nclass Biblioteca {\r\n  - nombre: String\r\n  - direccion: String\r\n  - telefono: String\r\n  + agregarMiembro(miembro: Miembro): void\r\n  + eliminarMiembro(idMiembro: String): void\r\n  + agregarItem(item: ItemBiblioteca): void\r\n  + eliminarItem(idItem: String): void\r\n  + prestarItem(idMiembro: String, idItem: String): boolean\r\n  + devolverItem(idItem: String): boolean\r\n}\r\n\r\nclass ItemBiblioteca {\r\n  # idItem: String\r\n  # titulo: String\r\n  # editorial: String\r\n  # anioPublicacion: int\r\n  # disponible: boolean\r\n  + obtenerDetalles(): String\r\n  + establecerDisponibilidad(estado: boolean): void\r\n}\r\n\r\nabstract class Libro {\r\n  - isbn: String\r\n  - autor: String\r\n  - numPaginas: int\r\n  + obtenerAutor(): String\r\n}\r\n\r\nclass EBook {\r\n  - tamanoArchivoMB: double\r\n  - formato: String\r\n  - urlDescarga: String\r\n  + descargar(): void\r\n}\r\n\r\nclass LibroImpreso {\r\n  - ubicacionEstante: String\r\n  - condicion: String\r\n  + obtenerUbicacionEstante(): String\r\n}\r\n\r\nclass Revista {\r\n  - numeroEdicion: int\r\n  - numeroVolumen: int\r\n  - fechaPortada: Date\r\n}\r\n\r\nclass DVD {\r\n  - duracionMinutos: int\r\n  - director: String\r\n  - idioma: String\r\n  - subt\u00edtulosDisponibles: boolean\r\n}\r\n\r\nclass Miembro {\r\n  - idMiembro: String\r\n  - nombre: String\r\n  - email: String\r\n  - telefono: String\r\n  - fechaAfiliacion: Date\r\n  + tomarItem(item: ItemBiblioteca): boolean\r\n  + devolverItem(item: ItemBiblioteca): boolean\r\n  + obtenerItemsPrestados(): List\r\n}\r\n\r\nclass RegistroPrestamo {\r\n  - idRegistro: String\r\n  - fechaPrestamo: Date\r\n  - fechaVencimiento: Date\r\n  - fechaDevolucion: Date\r\n  - estaVencido(): boolean\r\n  - calcularMulta(): double\r\n}\r\n\r\nclass Multa {\r\n  - idMulta: String\r\n  - monto: double\r\n  - fechaEmision: Date\r\n  - pagada: boolean\r\n  + pagarMulta(): void\r\n}\r\n\r\nclass Bibliotecario {\r\n  - idEmpleado: String\r\n  - departamento: String\r\n  + procesarPrestamo(miembro: Miembro, item: ItemBiblioteca): void\r\n  + procesarDevolucion(item: ItemBiblioteca): void\r\n  + generarInforme(): void\r\n  + gestionarInventario(): void\r\n}\r\n\r\n' Relaciones de herencia\r\nItemBiblioteca &lt;|-- Libro\r\nItemBiblioteca &lt;|-- Revista\r\nItemBiblioteca &lt;|-- DVD\r\nLibro &lt;|-- EBook\r\nLibro &lt;|-- LibroImpreso \r\n\r\n' Composici\u00f3n y agregaci\u00f3n \r\n\r\nBiblioteca \"1\" -- \"muchos\" Miembro : tiene &gt;\r\nBiblioteca \"1\" -- \"muchos\" ItemBiblioteca : contiene &gt;\r\nBiblioteca \"1\" -- \"muchos\" Bibliotecario : emplea &gt;\r\n\r\nMiembro \"1\" -- \"muchos\" RegistroPrestamo : tiene &gt;\r\nRegistroPrestamo \"1\" -- \"1..*\" ItemBiblioteca : referencia &gt;\r\nRegistroPrestamo \"1\" -- \"0..*\" Multa : genera &gt;\r\n\r\n' Asociaci\u00f3n\r\nBibliotecario --&gt; RegistroPrestamo : gestiona &gt;\r\nMiembro --&gt; RegistroPrestamo : crea &gt;\r\n\r\nnote top of Biblioteca : Sistema central que gestionanmiembros, items y pr\u00e9stamos\r\nnote right of ItemBiblioteca : Clase base abstractanpara todos los materiales bibliotecarios\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLRDZjCw5DvNwZjOmu9oeGYsqHLYXdOn4YEDBcBsZdsQMjW-mNOg8U21MDmLZp0lnd7if77QcM7JDEVFv_lEZ_FU1-v2P_HoiLm8pRrdLwhM2WC8phul5uojcKLJEwZOf-2KRP9CAWT2ABIbE8267LgSIbyotZXekBjHG85mPTApObdmec87L3BPWbP6sQEnaZU3UGfPMEV8rm7CIj5FnUBV8uIpePErlExjpmHj7KHQijdi-5VinBD6rC1jSfPmG7s01muPJNyU2IypJgG_cvsIP465JcCf0wa2EiLrAUPMuMr7GGLFLL8s98rKlaLBvy4iSwm3M70R25nhyAiNPH4Z9-Gao297K5f9BbTH8N4CDbBPG-Ir3uwBm1BMZuge7FfA-NhMFhmZBAN8TkQMDrGsFs8OKxsCvjCy9wnkhn2_32S5RhZ5IoVswe0tLnMJIDn0KkxG6HwmFBPpUWDUSDVmaWQPfVsv4w0JVDScTj08iwjp4RP4b0spGH9efPeFqeZmyypt0R3_mK6HmJYmdG67so5kfcsGtw6cvrI-0x7dj-YeZeHsmmCKqJTtco6ox5oVpesonBsVnEWNmadrb5HeU2dpNHtk_u-Tx3TZB_hpiv67R-oO-JG-lA30SAMVNauP_EMEcZbFIi8VYn0ezqTtooEJ_nSEkSRHoD-wD4Rzs7saOixgsv38OR8o4pu6pHbCW_4HKLRSWHMq2S66KzqcWkXA8jRzxFTU4bSb2cfWhaMdQM5tEl2e7MPhMiQecnGnlfOP6-opAUOovhCroi-IQNdJzsd1PHGUKpYPosCHd9gmjpKjXP0pzYIqT2boamYQJcNhK83dRg3sv2gZs-6fMsY8SMJwwPkhYNr2hMZZheBLJES31OdQ0sKS0SueU4xze_lc1a_Ws1vSh2LVBcPNpxy_rkkqmiwhyfevhwGjiLoa_Tw_zmkua1JBCINs0KsBdlRK_M_BlkNhFBr5WyaP5syl6CMuC9tOexyODqD5joAnmzuzQZrBk8fhzs_yohwfQAl4XebEoyMGmTpdP5WdAPxe1kUthr__SoPD1xjSh4Uzt_JUQSggt2qfoUViqgDGYTCfr8XdlNvtBjkXesA40UG3fi8DR5YAIWkpPRXZ1OHFv4FBc0bgJiSr-zh1U8BDy-FJt7XgWTRT_-gZ-npJgMOVOjGJSZxGQ0Ehuy_mcS4jZIwdF6YJChfW6Dti4B-EgFFhANQA_Xwif2_VFm00\" \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:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" 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:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" 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>\u00a0<\/p>\n<h3>Diagrama de secuencia PlantUML: Retiro de efectivo en cajero autom\u00e1tico<\/h3>\n<p>Este diagrama de secuencia ilustra las interacciones involucradas en una transacci\u00f3n de retiro de efectivo en un cajero autom\u00e1tico, desde la inserci\u00f3n de la tarjeta y la validaci\u00f3n del PIN hasta el dispensado de efectivo y la actualizaci\u00f3n de la cuenta. Destaca la comunicaci\u00f3n entre el cliente, el cajero autom\u00e1tico, el sistema bancario y la base de datos de cuentas de clientes, mientras tambi\u00e9n modela flujos alternativos como intentos de PIN inv\u00e1lidos, fondos insuficientes y la impresi\u00f3n opcional de recibo.<\/p>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de secuencia PlantUML para un escenario cl\u00e1sico de retiro de efectivo en un cajero autom\u00e1tico, siendo editado con el editor de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2660\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal-768x480.jpg 768w\" width=\"1192\"\/><\/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:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" 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:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" 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:bLKzRzim4Dq5w3ySihG54dJebg68Fv0YG5CKbj7zGfqT1XGfa9I1vDzax92fMrVziHufoQ9i9q4z29RkwTtTUtVKbVDeVLEfFFi0w_R5DyhacPTU4Qp8IskW9A0D2Izt1aY3m0VYfzXuKxNFNWe35x2KkBLOOG0x4Wrf8J7F0kbCU6F9mIFKd4aAMQFsvF8CGm0MIXBVWp2LWKMUfI0uMtJ9PcEoimuvMzyUOWlfF749SzG2hHoGyoBFIlHuXouGSca-bAc6p3riEU_ABSRg5t3nDII2IxZHZYmh1Mkq3-Gv69xlmz-9B7DwL8exPGqKWZz0BXXN6CNr1fwVDpyE4cnPf27Glp8lEF8BbImvqFEnZX72CKOivm51Lcuazmp2KXcBLq5W3buCB2joZV9OHZjtaLB8zeyEJQFoWHEathNF7E410Fw53FlwJiIJlYRHS_xhewUSIZUqw_7Qy2Chj_V-4fRawgRz7RNwqkEDWmqBo0pkN8y2yZo1vKaaJNb6Ykz2jhShVQtEM-EyPPqgqkrVgAtKONfKXqlSA4YH4D9enjgu1KTKevMLuTgFAFQ69k69hNlJ72gsvH5K-r99JsDBlRqBewDtFRABfzuMaO3NgHbQwQx1rskZMKzMs3MSBGwyww97mdKqAN849eslBMg78auFYoFkyGbBr1y7RMEHdyPN4qqMl9camYmd72UJB7bgr8xik4K14DtlEtg_drbjpHqEWYK9kl1IkffqS6WutKvNyWOiQMr5mcpf3Qxe55kvaRPYihAdxMHCZjXfC_q8yBe87gEmuTtvzSZARsKd-6anqm6PnT6GJtqsFkzgjHVrIBU9mGEsn9Fgt5IyH9KCMoBaNL9ycBrLV0QktvJKYLVKEsI9XXTI7mMEtmzZU890b_ynNwzKDPt1m1WlavFzcsLnqS5dk9Pw-09CZCcpAtwDlxJ_0000\" \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\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n' T\u00edtulo\r\ntitle Retiro de efectivo en cajero autom\u00e1tico - Diagrama de secuencia\r\n\r\n' Actores y participantes\r\nactor Cliente como C\r\nparticipante \"Cajero Autom\u00e1tico\" como ATM\r\nparticipante \"Sistema Bancario\" como BS\r\ndatabase \"Cuenta del Cliente\" como DB\r\n\r\n' Secuencia\r\nC -&gt; ATM : Insertar Tarjeta\r\nATM -&gt; ATM : Leer detalles de la tarjeta\r\nATM -&gt; C : Solicitar PIN\r\nC -&gt; ATM : Ingresar PIN\r\nATM -&gt; BS : Validar tarjeta y PIN\r\nBS -&gt; DB : Verificar credenciales\r\nDB --&gt; BS : Resultado de validaci\u00f3n\r\n\r\nalt PIN inv\u00e1lido\r\n    BS --&gt; ATM : PIN inv\u00e1lido\r\n    ATM -&gt; C : PIN inv\u00e1lido, intente de nuevo\r\n    note right: Despu\u00e9s de 3 intentos fallidos,nla tarjeta se retiene\r\nelse PIN v\u00e1lido\r\n    BS --&gt; ATM : PIN v\u00e1lido\r\n    ATM -&gt; C : Mostrar men\u00fa principal\r\n    C -&gt; ATM : Seleccionar retiro\r\n    ATM -&gt; C : Solicitar monto\r\n    C -&gt; ATM : Ingresar monto\r\n    ATM -&gt; BS : Verificar saldo y l\u00edmite\r\n    BS -&gt; DB : Consultar saldo\r\n    DB --&gt; BS : Saldo actual\r\n    \r\n    alt Fondos insuficientes\r\n        BS --&gt; ATM : Saldo insuficiente\r\n        ATM -&gt; C : Transacci\u00f3n rechazadan(Mostrar saldo)\r\n        C -&gt; ATM : Cancelar transacci\u00f3n\r\n        ATM -&gt; C : Devolver tarjeta\r\n    else Fondos suficientes\r\n        BS --&gt; ATM : Aprobado\r\n        ATM -&gt; ATM : Dispensar efectivo\r\n        ATM -&gt; C : Dispensar efectivo\r\n        C -&gt; ATM : Recoger efectivo\r\n        ATM -&gt; BS : Confirmar dispensaci\u00f3n de efectivo\r\n        BS -&gt; DB : Descontar cuenta y registrar transacci\u00f3n\r\n        DB --&gt; BS : Actualizaci\u00f3n completa\r\n        BS --&gt; ATM : Transacci\u00f3n completada\r\n        ATM -&gt; C : Imprimir recibo\r\n        alt Recibo solicitado\r\n            C -&gt; ATM : Recoger recibo\r\n        else Sin recibo\r\n            C -&gt; ATM : Rechazar recibo\r\n        end\r\n        ATM -&gt; C : Devolver tarjeta\r\n        C -&gt; ATM : Recoger tarjeta\r\n    end\r\nend\r\n\r\nATM -&gt; C : Gracias \/ Fin de la transacci\u00f3n\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLKzRzim4Dq5w3ySihG54dJebg68Fv0YG5CKbj7zGfqT1XGfa9I1vDzax92fMrVziHufoQ9i9q4z29RkwTtTUtVKbVDeVLEfFFi0w_R5DyhacPTU4Qp8IskW9A0D2Izt1aY3m0VYfzXuKxNFNWe35x2KkBLOOG0x4Wrf8J7F0kbCU6F9mIFKd4aAMQFsvF8CGm0MIXBVWp2LWKMUfI0uMtJ9PcEoimuvMzyUOWlfF749SzG2hHoGyoBFIlHuXouGSca-bAc6p3riEU_ABSRg5t3nDII2IxZHZYmh1Mkq3-Gv69xlmz-9B7DwL8exPGqKWZz0BXXN6CNr1fwVDpyE4cnPf27Glp8lEF8BbImvqFEnZX72CKOivm51Lcuazmp2KXcBLq5W3buCB2joZV9OHZjtaLB8zeyEJQFoWHEathNF7E410Fw53FlwJiIJlYRHS_xhewUSIZUqw_7Qy2Chj_V-4fRawgRz7RNwqkEDWmqBo0pkN8y2yZo1vKaaJNb6Ykz2jhShVQtEM-EyPPqgqkrVgAtKONfKXqlSA4YH4D9enjgu1KTKevMLuTgFAFQ69k69hNlJ72gsvH5K-r99JsDBlRqBewDtFRABfzuMaO3NgHbQwQx1rskZMKzMs3MSBGwyww97mdKqAN849eslBMg78auFYoFkyGbBr1y7RMEHdyPN4qqMl9camYmd72UJB7bgr8xik4K14DtlEtg_drbjpHqEWYK9kl1IkffqS6WutKvNyWOiQMr5mcpf3Qxe55kvaRPYihAdxMHCZjXfC_q8yBe87gEmuTtvzSZARsKd-6anqm6PnT6GJtqsFkzgjHVrIBU9mGEsn9Fgt5IyH9KCMoBaNL9ycBrLV0QktvJKYLVKEsI9XXTI7mMEtmzZU890b_ynNwzKDPt1m1WlavFzcsLnqS5dk9Pw-09CZCcpAtwDlxJ_0000\" \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:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" 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:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" 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>\u00a0<\/p>\n<h3>Diagrama de actividad PlantUML: Sistema de reclamaciones de seguros<\/h3>\n<p>Este diagrama de actividad modela el flujo de trabajo de extremo a extremo de un sistema de procesamiento de reclamaciones de seguros, desde la presentaci\u00f3n de la reclamaci\u00f3n hasta la validaci\u00f3n, investigaci\u00f3n y liquidaci\u00f3n. Captura puntos de decisi\u00f3n clave como la elegibilidad de la p\u00f3liza, la integridad de los documentos, la validez de la reclamaci\u00f3n y la aceptaci\u00f3n de la liquidaci\u00f3n, mientras ilustra tanto las rutas exitosas como las de manejo de excepciones, incluyendo el rechazo de la reclamaci\u00f3n y la resoluci\u00f3n de disputas.<\/p>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de actividades PlantUML para un sistema de reclamaciones de seguros, siendo editado con el editor en vivo de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2654\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" 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:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" 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:bLNBQjqm4DrVkFyWiaeM9VjSQ1F2fHH22CqNJAIvpXHPSYJPDFcRBBleecJNJQ7-iSx83_n8QREJhNcTS-ROvp51I7LfrISNwm1EuwK5AcyVOy9okzbko94cBwUplLKGiU0murKLCA9Be2oeWDf22PhQ5xVZmAlvAnMHdmkAAO12fz2gI58VThd3GHt__iKvLVjYwOb3OcgV5UX43QX7rRJFbWnyE57fdhEFO_lzPBjHwkmYKk4Wp7i13_cbPbZ6XrqEk_Q93gGvS7gdehyBADEx6fiL1hGyzB7pNQUzQuZpNL-fwsG4bRw79vyB3ynqJJ_tU8CgEQdnP-gcHqUkGtPAhaUMCmxakAipT1Yv7aSDs51afdrKnkkwPDxvE2XWV9pmk1Vot729KINF0SlSW0yr1kARDQsprbd-B783Cki8tVw3ibjlEPEtQzhs03P1dchDs3vM6ERXO6Jt75YC0wj2HEWaao1S0CjXB1DBGyLzaYUbzkE-yMf9a-vrHX2hcjSD6D5a8BbdAN8XERzxhnfl6-GDKaTlK-PezrTLMNzkJSMh5hhqdA-5lfI3V3p5hpoxb8_4E9H3ZSm52NrCNg8oBniF8F8OQ7zmJjL-2uPbYtEdpHp3jVf5PACMxK-NuIJEBCa9i2nsRyxrkbo2rRKTUqCL_DqewaLbi_CCcbhJdKKPNliWn7jdyCrEqzxrZbhwpA2cs05QV69Mvlg8Bg-QFp2Xa07IGpriT-Qp6-FrWENoBZ-Dmr90dpzrvpGED5Pf4hVczYRuBBBWgQ0OIDMf1X4ZoATIAgtzA9jwrSri_D5koYrJUA1GlevbGMa2o-QJ-fgGLLlh5JM8-DbBtjQZO8ROMWbwurvZuRKqNn0zHpFIjRJSVwinirjMVRivvnVyX_i3\" \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\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml InsuranceClaimSystem\r\n\r\ninicio\r\n\r\n:El asegurado presenta la reclamaci\u00f3n;\r\n:La reclamaci\u00f3n se registra en el sistema;\r\n\r\nif (\u00bfLa p\u00f3liza est\u00e1 activa y v\u00e1lida?) then (s\u00ed)\r\n  :Asignar reclamaci\u00f3n al ajustador;\r\n  :Notificar al ajustador sobre la nueva reclamaci\u00f3n;\r\nelse (no)\r\n  :Enviar notificaci\u00f3n de rechazo al asegurado;\r\n  :Registrar motivo: P\u00f3liza inactiva\/inv\u00e1lida;\r\n  fin\r\nendif\r\n\r\n:El ajustador revisa los documentos presentados;\r\n\r\nif (\u00bfEst\u00e1n presentes todos los documentos requeridos?) then (s\u00ed)\r\n  :El ajustador inicia la validaci\u00f3n de la reclamaci\u00f3n;\r\nelse (no)\r\n  :Solicitar documentos faltantes al asegurado;\r\n  :Esperar documentos adicionales;\r\n  :Revisar nuevamente los documentos;\r\n  note right\r\n    El sistema espera\r\n    la respuesta del asegurado\r\n  end note\r\n  -&gt; volver a \"El ajustador revisa los documentos presentados\";\r\nendif\r\n\r\n:El ajustador investiga la reclamaci\u00f3n;\r\n:Contactar testigos\/expertos si es necesario;\r\n:Estimar monto de da\u00f1os\/p\u00e9rdidas;\r\n\r\nif (\u00bfLa reclamaci\u00f3n es v\u00e1lida seg\u00fan los t\u00e9rminos de la p\u00f3liza?) then (s\u00ed)\r\n  :Calcular monto aprobado;\r\n  :Aplicar deducible si corresponde;\r\nelse (no)\r\n  :Enviar notificaci\u00f3n de rechazo con motivo;\r\n  :Registrar decisi\u00f3n en el sistema;\r\n  fin\r\nendif\r\n\r\n:Generar oferta de liquidaci\u00f3n;\r\n:Enviar oferta de liquidaci\u00f3n al asegurado;\r\n\r\n:El asegurado revisa la oferta;\r\n\r\nif (\u00bfEl asegurado acepta la oferta?) then (s\u00ed)\r\n  :Procesar el pago;\r\n  :Actualizar estado de la reclamaci\u00f3n a \"Liquidado\";\r\n  :Enviar confirmaci\u00f3n al asegurado;\r\n  :Registrar detalles de cierre;\r\nelse (no)\r\n  :Escalar a resoluci\u00f3n de disputas;\r\n  :Negociar liquidaci\u00f3n;\r\n  :Actualizar oferta;\r\n  -&gt; volver a \"Enviar oferta de liquidaci\u00f3n al asegurado\";\r\nendif\r\n\r\nfin\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLNBQjqm4DrVkFyWiaeM9VjSQ1F2fHH22CqNJAIvpXHPSYJPDFcRBBleecJNJQ7-iSx83_n8QREJhNcTS-ROvp51I7LfrISNwm1EuwK5AcyVOy9okzbko94cBwUplLKGiU0murKLCA9Be2oeWDf22PhQ5xVZmAlvAnMHdmkAAO12fz2gI58VThd3GHt__iKvLVjYwOb3OcgV5UX43QX7rRJFbWnyE57fdhEFO_lzPBjHwkmYKk4Wp7i13_cbPbZ6XrqEk_Q93gGvS7gdehyBADEx6fiL1hGyzB7pNQUzQuZpNL-fwsG4bRw79vyB3ynqJJ_tU8CgEQdnP-gcHqUkGtPAhaUMCmxakAipT1Yv7aSDs51afdrKnkkwPDxvE2XWV9pmk1Vot729KINF0SlSW0yr1kARDQsprbd-B783Cki8tVw3ibjlEPEtQzhs03P1dchDs3vM6ERXO6Jt75YC0wj2HEWaao1S0CjXB1DBGyLzaYUbzkE-yMf9a-vrHX2hcjSD6D5a8BbdAN8XERzxhnfl6-GDKaTlK-PezrTLMNzkJSMh5hhqdA-5lfI3V3p5hpoxb8_4E9H3ZSm52NrCNg8oBniF8F8OQ7zmJjL-2uPbYtEdpHp3jVf5PACMxK-NuIJEBCa9i2nsRyxrkbo2rRKTUqCL_DqewaLbi_CCcbhJdKKPNliWn7jdyCrEqzxrZbhwpA2cs05QV69Mvlg8Bg-QFp2Xa07IGpriT-Qp6-FrWENoBZ-Dmr90dpzrvpGED5Pf4hVczYRuBBBWgQ0OIDMf1X4ZoATIAgtzA9jwrSri_D5koYrJUA1GlevbGMa2o-QJ-fgGLLlh5JM8-DbBtjQZO8ROMWbwurvZuRKqNn0zHpFIjRJSVwinirjMVRivvnVyX_i3\" \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:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" 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:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" 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>\u00a0<\/p>\n<h3>Diagrama de estado PlantUML: Sistema de detecci\u00f3n de humo<\/h3>\n<p>Este diagrama de estado ilustra el comportamiento de un sistema de detecci\u00f3n de humo mientras transita entre estados operativos como espera, monitoreo, detecci\u00f3n de humo, activaci\u00f3n de alarma y manejo de errores. Muestra c\u00f3mo el sistema responde a eventos como cambios de energ\u00eda, resultados de autocomprobaci\u00f3n, detecci\u00f3n de humo, condiciones de bater\u00eda baja y reinicios iniciados por el usuario para garantizar un monitoreo y alerta de incendios confiables.<\/p>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de estados PlantUML para un sistema de detecci\u00f3n de humo, siendo editado con el editor de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2661\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" 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:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" 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:ZLR1Jjmm4Br7uX_c29KGKjLULXLYORSgQWk8hNgfUfXDXiMjOwUsWqJHVWmVq5DllUwFTMp7IRnRH94WoNZUyymRpvWJwz2ujfQmgFLtcf6ZqWcj5lVMKRrNx1LEE4am4xWoM2DK1CIOIiCXB8Ht2hRA0qkn-QtyrsrRQu_zyk8h71uUmxJ15KEyYR6EaW4UzWhWd-It46gkoAm4Hllm3HEOIwY4RRGLJjnf7yNc4J0nRxbxjhagILM2jvd0gNPTRDHR6qEMKmtmzH3R0DkARcuRCbrayPs9amQIdpfR2uctJfUwRenUOibxCI0t-Q3Ocv-LA17sIwmGNhwwFTYX-gYLSDgGp-PSYLAWWRgtxLjILXl0qelJeUFVJl7jIBhanWbU-KLLwKNW8ZjuRAzqxYqjSHeeAw_59rrf2v9_RVAxVFzV96zHIX4uviPm6bodBg5mi5nVuiYJxJkKXk6VjRmZbe6Fnr2i0PJsYHXF6_URm3Krsd0l07b3nAtZOwJYK8I77VNuzBtZSz_Rks_cllIXn5ehRMgKEpuUxrzcALj6NOWxagcRu1ZQUccUW9xYDppb-4nebF2s-OMmP3Fi2uLoyyXWKUg37Zw6ZA8VmmrHtKZyoIBtiFubwf77F6WorcKgYOMDHrPc7jbAhy6PLZU2LGeYX9XOFklRZ4LupUTYzGm95zdYL29p90PBVdQ81k5DfCYSylolISJsohRPYYmcvj5Jtt63GEkdf1fxFw7KWeUHwGEFhWQiCAGGxa6s9TaCE0R4YNV7SLze9svucdG39tqQQ5354rLgvOoMSCJpiyaO_y4mz9VffD4v95_RaIRL03T_L9Yvf1mzoz1N8GtOyGmtoNCOuHdX3ZYlSB9sD6DqBD-wM1VfDXXDYOViEZXNVcHNslYXukExGjDWnRFXmtmMRXeF2f0jrz6LoB0pKKeTRoQ-ktpZrQXQFik6VhJSdnmTHpFSIhkpoxC61jo-MugnupFR5aLQz8u-oydeXhTyPhesF-B1qey89uoV3yK9HyV_Hlm5\" \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\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml SmokeDetectionSystem\r\n\r\ntitle Diagrama de estado - Sistema de detecci\u00f3n de humo\r\n\r\n[*] --&gt; Apagado\r\n\r\nstate Apagado {\r\n    [*] --&gt; SinEnergia\r\n    SinEnergia : El dispositivo est\u00e1 apagado\r\n    SinEnergia --&gt; Encendido : Bot\u00f3n de encendido presionado\r\n}\r\n\r\nstate Encendido {\r\n    [*] --&gt; Espera\r\n    Espera : Sistema listo\r\n    Espera --&gt; Autocomprobacion : Autocomprobaci\u00f3n peri\u00f3dica (cada 24h)\r\n    Espera --&gt; Monitoreo : Iniciar monitoreo (sensor activo)\r\n    \r\n    state Autocomprobacion {\r\n        [*] --&gt; ProbandoSensores\r\n        ProbandoSensores --&gt; PruebaAprobada : Todos los sensores OK\r\n        ProbandoSensores --&gt; PruebaFallida : Error de sensor detectado\r\n        PruebaAprobada --&gt; Espera : Volver a espera\r\n        PruebaFallida --&gt; EstadoError : Reportar error\r\n    }\r\n    \n    state Monitoreo {\n        [*] --&gt; SinHumo\n        SinHumo : Operaci\u00f3n normal\n        SinHumo --&gt; HumoDetectado : Nivel de humo &gt; umbral\n        SinHumo --&gt; BajaBateria : Bater\u00eda baja (inal\u00e1mbrico)\n        BajaBateria --&gt; SinHumo : Bater\u00eda reemplazada\n        \n        state HumoDetectado {\n            [*] --&gt; AlertaInicial\n            AlertaInicial --&gt; HumoConfirmado : Humo persiste &gt; 5 seg\n            AlertaInicial --&gt; FalsaAlarma : Humo se disipa &lt; 5 seg FalsaAlarma --&gt; SinHumo : Reiniciar\n            HumoConfirmado --&gt; AlarmaActiva\n        }\n        \n        state AlarmaActiva {\n            [*] --&gt; SonarAlarma : Activar sirena y luces\n            SonarAlarma --&gt; EnviarNotificacion : Notificar panel de control \/ app\n            EnviarNotificacion --&gt; EsperarReinicio\n            EsperarReinicio --&gt; AlarmaActiva : Humo a\u00fan presente\n            EsperarReinicio --&gt; ReiniciarSistema : Bot\u00f3n de reinicio presionado\n            ReiniciarSistema --&gt; SinHumo : Sistema reiniciado\n        }\n    }\n}\n\nstate EstadoError {\n    [*] --&gt; IndicadorFalla : Parpadeo LED de error\n    IndicadorFalla --&gt; Apagado : Ciclo de energ\u00eda manual requerido\n}\n\nEncendido --&gt; EstadoError : Fallo de autocomprobaci\u00f3n\nEstadoError --&gt; Apagado : Ciclo de energ\u00eda\n\nApagado --&gt; [*] : Sistema desconectado \/ bater\u00eda retirada\n\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLR1Jjmm4Br7uX_c29KGKjLULXLYORSgQWk8hNgfUfXDXiMjOwUsWqJHVWmVq5DllUwFTMp7IRnRH94WoNZUyymRpvWJwz2ujfQmgFLtcf6ZqWcj5lVMKRrNx1LEE4am4xWoM2DK1CIOIiCXB8Ht2hRA0qkn-QtyrsrRQu_zyk8h71uUmxJ15KEyYR6EaW4UzWhWd-It46gkoAm4Hllm3HEOIwY4RRGLJjnf7yNc4J0nRxbxjhagILM2jvd0gNPTRDHR6qEMKmtmzH3R0DkARcuRCbrayPs9amQIdpfR2uctJfUwRenUOibxCI0t-Q3Ocv-LA17sIwmGNhwwFTYX-gYLSDgGp-PSYLAWWRgtxLjILXl0qelJeUFVJl7jIBhanWbU-KLLwKNW8ZjuRAzqxYqjSHeeAw_59rrf2v9_RVAxVFzV96zHIX4uviPm6bodBg5mi5nVuiYJxJkKXk6VjRmZbe6Fnr2i0PJsYHXF6_URm3Krsd0l07b3nAtZOwJYK8I77VNuzBtZSz_Rks_cllIXn5ehRMgKEpuUxrzcALj6NOWxagcRu1ZQUccUW9xYDppb-4nebF2s-OMmP3Fi2uLoyyXWKUg37Zw6ZA8VmmrHtKZyoIBtiFubwf77F6WorcKgYOMDHrPc7jbAhy6PLZU2LGeYX9XOFklRZ4LupUTYzGm95zdYL29p90PBVdQ81k5DfCYSylolISJsohRPYYmcvj5Jtt63GEkdf1fxFw7KWeUHwGEFhWQiCAGGxa6s9TaCE0R4YNV7SLze9svucdG39tqQQ5354rLgvOoMSCJpiyaO_y4mz9VffD4v95_RaIRL03T_L9Yvf1mzoz1N8GtOyGmtoNCOuHdX3ZYlSB9sD6DqBD-wM1VfDXXDYOViEZXNVcHNslYXukExGjDWnRFXmtmMRXeF2f0jrz6LoB0pKKeTRoQ-ktpZrQXQFik6VhJSdnmTHpFSIhkpoxC61jo-MugnupFR5aLQz8u-oydeXhTyPhesF-B1qey89uoV3yK9HyV_Hlm5\" \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:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" 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:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" 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>\u00a0<\/p>\n<h3>Diagrama de componentes PlantUML: Sistema de mensajer\u00eda<\/h3>\n<p>Este diagrama de componentes presenta la arquitectura de alto nivel de un sistema de gesti\u00f3n de mensajer\u00eda, mostrando c\u00f3mo interact\u00faan las aplicaciones cliente, servicios backend, infraestructura de mensajer\u00eda, cach\u00e9s y bases de datos para apoyar las operaciones de entrega de paquetes. Ilustra la separaci\u00f3n de responsabilidades entre servicios como la gesti\u00f3n de pedidos, distribuci\u00f3n, seguimiento, pagos, notificaciones y gesti\u00f3n de usuarios, destacando tanto la comunicaci\u00f3n s\u00edncrona de API como el procesamiento as\u00edncrono basado en eventos.<\/p>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de componentes PlantUML para un sistema de mensajer\u00eda, siendo editado con el editor de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2657\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" 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:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" 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:bLRDRjf04BuZyGuhNvfAZNAFb2hyH6tQq198rICQsuFPnDvrzuU8l54EEUKHUB7ExXemneZs4kBT-URdypSpljO6bB55pWRIAevgkj86Yswdsp7SvCYct3q3Iv4LA3Gyebg_0JjdGmwPWd2JoAAK0eL1xP0VsDNL5JdS7hhdRcThnQ9UcVC44hv-5uJFMP9pPnWnq6nWjP45gbvP7iKKw_SbpprqavKCu5154pi6GQRF6Bji8IsueB9KSEPnFNVs6sENVXrdKHbV8eeS4cIzyMsmB_aNCFWCgmPYYch94ouTfiIKfr9xm4-L4hd-4ey2KfSLZ-qkho7N9PXaSGgfCREyS2G67Xwek2SkibEu4h8gmJ6iY4fp2Y2auNF_7kWo87zKHuQEJi6jjg1u5VANhb6o1nd8l2uvBSuc4CVSZEulliFy2Jvw_0YrXWplBThzY0D85kjNDY7-GoJ_dplrWL8m48D65lNTNqSy64aKI6qoXTFxEm-Yts6_RZsI8fF3lZYxavc--4elIoeEUOF_AZTdw-ns3N5B2bTpKf5c5ymhIrQTKPCyEp__N5CNksJHv6RwG0XIvrGcJsWY0cnb_c_s6taViOvSahLZPxKlsCRbWRmQzqqnDQuRBpxGCyGIHOeYuKIVfpJ8fkAedeztqcWDLqis6G-eygga0qGpgmE3LYKVM7bTk73VXlr1MvoTsfnL4AEdk9coCwwBs9cFRUpcd6AuT6hIKJkifW02tHIbVIGCC9fgo_Mh9v1Qg6oRN-qEAxLtEurtsvharEg41XLNr1R0834MSlvI3GNVv_5cLaT7F6xwmwTVUMEB8prrn4aRqVlHgzmy-_kllrvqoqsh5BgTbkDMWWPIQ5jGHOrvUTn3VGRy_nljTcezLI-jURm_2KFdKKfGTHcbYqpnR66Od3Tc06CZMgEFuD9856xNDosHFnPfpNzoDgL2txGhXlHjaKg_fCCcx7QemHqZFlP-g8D5nnXH0Ch5g_OeVMQ8tReFqMHfI28lm9Ib6be2nD8GhIx2_hOWzw6_Q5YltqIYf93wiWerS-MbqaVOQMcsrNaA_YeKE4jnHfuKPZ1Be8WvD2kzfWVwnFeB\" \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\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml CourierSystem\r\n\r\ntitle Sistema de mensajer\u00eda - Diagrama de componentes\r\n\r\n' === Componentes ===\r\ncomponent \"Aplicaci\u00f3n del cliente\" as CustomerApp\r\ncomponent \"Aplicaci\u00f3n m\u00f3vil del mensajero\" as CourierApp\r\ncomponent \"Panel web de administraci\u00f3n\" as AdminWeb\r\n\r\ncomponent \"Puerta de enlace API\" as ApiGateway\r\n\r\ncomponent \"Servicio de pedidos\" as OrderService\r\ncomponent \"Servicio de distribuci\u00f3n\" as DispatchService\r\ncomponent \"Servicio de seguimiento\" as TrackingService\r\ncomponent \"Servicio de pagos\" as PaymentService\r\ncomponent \"Servicio de notificaciones\" as NotificationService\r\ncomponent \"Servicio de usuarios\" as UserService\r\n\r\ncomponent \"Cola de mensajesn(RabbitMQ\/Kafka)\" as MessageQueue\r\ncomponent \"Cach\u00e9 Redis\" as RedisCache\r\n\r\ndatabase \"Base de datos PostgreSQL\" as SQLDB\r\ndatabase \"MongoDBn(Logs\/Historial de seguimiento)\" as MongoLogs\r\n\r\n' === Interfaces \/ Puertos ===\r\nCustomerApp --&gt; ApiGateway : \"REST \/ WebSocket\"\r\nCourierApp --&gt; ApiGateway : \"REST \/ WebSocket\"\r\nAdminWeb --&gt; ApiGateway : \"REST\"\r\n\r\nApiGateway --&gt; OrderService\r\nApiGateway --&gt; TrackingService\r\nApiGateway --&gt; PaymentService\r\nApiGateway --&gt; UserService\r\n\r\n' === Dependencias de servicios ===\r\nOrderService --&gt; DispatchService : \"gRPC \/ REST\"\r\nOrderService --&gt; PaymentService\r\nOrderService --&gt; NotificationService\r\nOrderService --&gt; SQLDB : \"JDBC\"\r\nOrderService --&gt; RedisCache : \"Cach\u00e9\"\r\n\r\nDispatchService --&gt; MessageQueue : \"Publicar eventos\"\r\nDispatchService --&gt; CourierApp : \"Empujar a trav\u00e9s de la puerta de enlace API\"\r\nDispatchService --&gt; SQLDB\r\n\r\nTrackingService --&gt; MessageQueue : \"Suscribirse a actualizaciones de ubicaci\u00f3n\"\r\nTrackingService --&gt; MongoLogs : \"Escribir historial de seguimiento\"\r\nTrackingService --&gt; RedisCache : \"Cach\u00e9 de ubicaci\u00f3n actual\"\r\n\r\nPaymentService --&gt; SQLDB\r\nPaymentService --&gt; NotificationService\r\n\r\nNotificationService --&gt; MessageQueue : \"Consumir notificaciones\"\r\nNotificationService --&gt; CustomerApp : \"Empujar a trav\u00e9s de la puerta de enlace API\"\r\n\r\nUserService --&gt; SQLDB\r\nUserService --&gt; RedisCache\r\n\r\n' === Notas ===\r\nnote right of OrderService\r\n  Maneja la creaci\u00f3n de paquetes,\r\n  precios y estado del pedido\r\nend note\r\n\r\nnote right of DispatchService\r\n  Empareja pedidos con mensajeros,\r\n  optimiza rutas\r\nend note\r\n\r\nnote bottom of MessageQueue\r\n  Eventos as\u00edncronos: pedido_creado,\r\n  ubicaci\u00f3n_actualizada,\r\n  estado_de_entrega_cambiado\r\nend note\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLRDRjf04BuZyGuhNvfAZNAFb2hyH6tQq198rICQsuFPnDvrzuU8l54EEUKHUB7ExXemneZs4kBT-URdypSpljO6bB55pWRIAevgkj86Yswdsp7SvCYct3q3Iv4LA3Gyebg_0JjdGmwPWd2JoAAK0eL1xP0VsDNL5JdS7hhdRcThnQ9UcVC44hv-5uJFMP9pPnWnq6nWjP45gbvP7iKKw_SbpprqavKCu5154pi6GQRF6Bji8IsueB9KSEPnFNVs6sENVXrdKHbV8eeS4cIzyMsmB_aNCFWCgmPYYch94ouTfiIKfr9xm4-L4hd-4ey2KfSLZ-qkho7N9PXaSGgfCREyS2G67Xwek2SkibEu4h8gmJ6iY4fp2Y2auNF_7kWo87zKHuQEJi6jjg1u5VANhb6o1nd8l2uvBSuc4CVSZEulliFy2Jvw_0YrXWplBThzY0D85kjNDY7-GoJ_dplrWL8m48D65lNTNqSy64aKI6qoXTFxEm-Yts6_RZsI8fF3lZYxavc--4elIoeEUOF_AZTdw-ns3N5B2bTpKf5c5ymhIrQTKPCyEp__N5CNksJHv6RwG0XIvrGcJsWY0cnb_c_s6taViOvSahLZPxKlsCRbWRmQzqqnDQuRBpxGCyGIHOeYuKIVfpJ8fkAedeztqcWDLqis6G-eygga0qGpgmE3LYKVM7bTk73VXlr1MvoTsfnL4AEdk9coCwwBs9cFRUpcd6AuT6hIKJkifW02tHIbVIGCC9fgo_Mh9v1Qg6oRN-qEAxLtEurtsvharEg41XLNr1R0834MSlvI3GNVv_5cLaT7F6xwmwTVUMEB8prrn4aRqVlHgzmy-_kllrvqoqsh5BgTbkDMWWPIQ5jGHOrvUTn3VGRy_nljTcezLI-jURm_2KFdKKfGTHcbYqpnR66Od3Tc06CZMgEFuD9856xNDosHFnPfpNzoDgL2txGhXlHjaKg_fCCcx7QemHqZFlP-g8D5nnXH0Ch5g_OeVMQ8tReFqMHfI28lm9Ib6be2nD8GhIx2_hOWzw6_Q5YltqIYf93wiWerS-MbqaVOQMcsrNaA_YeKE4jnHfuKPZ1Be8WvD2kzfWVwnFeB\" \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:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" 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:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" 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>\u00a0<\/p>\n<h3>Diagrama de despliegue PlantUML: Arquitectura de ejemplo<\/h3>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de despliegue PlantUML para una arquitectura de muestra, siendo editado con el editor de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2658\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture-768x480.jpg 768w\" width=\"1192\"\/><\/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:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" 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:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" 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:ZPBFIiD04CRlWRp3a5DxQ3KHFVGWJLEHWeRIW8hYOPBToifsj-oV8aeVnjVmsXTpTnDh5GG9R3Oxl_c-dPcCjK5bx8h7aP24GfBVLb1mQGaif3Nqz2G1r30jgpZwGcxc1VJIus5uZjApVW9lSGJGHYjRAqfWlVkeEMkmYm4u6xR4na0oGOwYeKYa0fVHe7f2A2zdvLtmogycFcFhbs_PWbjjQ4ZGdODY6oJV1Yqt4wuYqJ24YoA3T1y5QEHgBGKLxWRvV0QbmuVF6Xxcaa3w6ApTDctnxT-QsJyrixrcTg3vgwokMsvRewR-JT18lRTmNnWYIRx2LobWCQsWbrib5SArvOODylj-sxTms7bi_RZSr60mEFSTXH4igBQKRoXG3aRjtfUiaN7aOvxnfJkecuq49QqW0oLh9dv0hfQ01jts6YDtBdaOfUl52tEB3bHsGCNHc0hYVhHF\" \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\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nnode \"AWS Cloud Route53\" as DNS\r\n\r\nnode \"VPC (10.0.0.0\/16)\" {\r\n  node \"Subred p\u00fablica\" {\r\n    artifact \"Balanceador de carga NGINX\" as ALB\r\n  }\r\n  \r\n  node \"Cluster de subred privada\" {\r\n    node \"Instancia EC2 1\" {\r\n      component \"API Node.js [Pod 1]\" as Pod1\r\n    }\r\n    node \"Instancia EC2 2\" {\r\n      component \"API Node.js [Pod 2]\" as Pod2\r\n    }\r\n  }\r\n  \r\n  node \"Subred de base de datos\" {\r\n    database \"Amazon RDS (Aurora Multi-AZ)\" as Aurora\r\n  }\r\n}\r\n\r\nDNS --&gt; ALB : Resuelve el tr\u00e1fico\r\nALB --&gt; Pod1 : Balanceo round-robin\r\nALB --&gt; Pod2\r\nPod1 --&gt; Aurora : Pool de conexiones\r\nPod2 --&gt; Aurora\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPBFIiD04CRlWRp3a5DxQ3KHFVGWJLEHWeRIW8hYOPBToifsj-oV8aeVnjVmsXTpTnDh5GG9R3Oxl_c-dPcCjK5bx8h7aP24GfBVLb1mQGaif3Nqz2G1r30jgpZwGcxc1VJIus5uZjApVW9lSGJGHYjRAqfWlVkeEMkmYm4u6xR4na0oGOwYeKYa0fVHe7f2A2zdvLtmogycFcFhbs_PWbjjQ4ZGdODY6oJV1Yqt4wuYqJ24YoA3T1y5QEHgBGKLxWRvV0QbmuVF6Xxcaa3w6ApTDctnxT-QsJyrixrcTg3vgwokMsvRewR-JT18lRTmNnWYIRx2LobWCQsWbrib5SArvOODylj-sxTms7bi_RZSr60mEFSTXH4igBQKRoXG3aRjtfUiaN7aOvxnfJkecuq49QqW0oLh9dv0hfQ01jts6YDtBdaOfUl52tEB3bHsGCNHc0hYVhHF\" \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:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" 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:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" 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>\u00a0<\/p>\n<h3>Ejemplo de ArchiMate PlantUML: Navegador de Internet<\/h3>\n<p>Este diagrama de ArchiMate ilustra c\u00f3mo interact\u00faan las capas de negocio, aplicaci\u00f3n y tecnolog\u00eda para apoyar la funcionalidad empresarial basada en la web a trav\u00e9s de un navegador de Internet. Demuestra las relaciones entre procesos de negocio, componentes y datos de p\u00e1ginas web generados din\u00e1micamente, servicios y complementos del navegador, y la infraestructura subyacente del servidor web que entrega y soporta la experiencia de la aplicaci\u00f3n.<\/p>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama ArchiMate PlantUML para un navegador de Internet, siendo editado con el editor en vivo de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2655\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser-768x480.jpg 768w\" width=\"1192\"\/><\/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:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" 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:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" 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:bLLBRjim4DqBy1sctaG1KkG2HH7bRpI93Lj1q9L0qnEP0KKI5EKWBNgOBhl8gaVmnJhKnvPZAMrN9cVclHa-lO5FSiUiAp898-NGAdHmQlLpZXPcB3CI1y47eRWi5WYVcELBaJ67nr5p-Zm81e4JJYBS5fWxou0gDsdu27TiXIbRQEiJJHEFEhY9lexluoIQ9RCl5_7PTNYu3TvSNCR9T7Hr7RUZyNYId8yVxdni45nPNHYXqd1Uv49XdX_1y0vJpOKU7duF04xhU3AUFo5tcxhgIjNt2ZITdVQpgGRQHawivlGRvZh39bZ7ZeQHJ0kbmPJtVeuPsfNW60etAupHrjK16c2c_HqzD1w1OIGVoeO5mgfGbDJCIC4P5-lVwf3uVmJRzpDJvfpGYZYZRM4bGxHD9-VCiLgDnUP888hhtBSnwv-fK0oUSGuA3b214vWP3HQPF2WVrkQxB1JtXv3g3Kln59Ti9NHXYVDCP_vrB1EeAebRv7jCPRMYoZ0YnXLEo9SFE9yGAN7v6sdWCwN39Flxf6s97FAbqbAdBqGM8o_FwrTMAHHliabadNYaFg5GjvXf-p9oc1qDYJtpLy7WUAyNB5qcZv_OYkNS2kFAjxKuDmQetLzlcBThrtB05QhrBokuXXVmiaZCl8B_I3kH1UdYZL3PasyPIejsjUoZ9ctziPorfijzoiEhZqWY1rEKoQNKpyaDFhhELO6zrIEeXvMDL9hScuxrw6JQ80romQJuLjc72FOjsB5nDReSTohIvUuUTBYujrqRr_UyACz5ghpsbJOTrlwVbZkUX9q5hZ5JV0VGjLZTlIfbTj3xvktuX6zhtdbSBwhnRpysIbDB7jwPz4tZlfre6BWtKssQnk6xOdKCkbFReKPmWcf1_wL_0000\" \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\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml Internet Browser Sample\r\n!include &lt;archimate\/Archimate&gt;\r\n\r\ntitle Muestra de Archimate - Navegador de Internet\r\n\r\n'LAYOUT_AS_SKETCH()\r\n'LAYOUT_LEFT_RIGHT()\r\n'LAYOUT_TOP_DOWN()\r\n\r\nGrouping(business, \"Negocio\"){\n  Business_Object(businessObject, \"Un objeto de negocio\")\n  Business_Process(someBusinessProcess,\"Alguno proceso de negocio\")\n  Business_Service(itSupportService, \"Soporte de TI para el negocio (Servicio de aplicaci\u00f3n)\")\n}\n\nGrouping(application, \"Aplicaci\u00f3n\"){\n  Application_DataObject(dataObject, \"Datos de p\u00e1gina web n 'en tiempo real'\")\n  Application_Function(webpageBehaviour, \"Comportamiento de p\u00e1gina web\")\n  Application_Component(ActivePartWebPage, \"Parte activa de la p\u00e1gina web n 'en tiempo real'\")\n}\n\nGrouping(technology, \"Tecnolog\u00eda\"){\n  Technology_Artifact(inMemoryItem,\"en memoria \/ 'en tiempo real' html\/javascript\")\n  Technology_Service(internetBrowser, \"Navegador de Internet Gen\u00e9rico y Complemento\")\n  Technology_Service(internetBrowserPlugin, \"Alguno complemento de navegador de Internet\")\n  Technology_Service(webServer, \"Alguno servidor web\")\n}\n\n\nRel_Flow_Left(someBusinessProcess, businessObject, \"\")\nRel_Serving_Up(itSupportService, someBusinessProcess, \"\")\nRel_Specialization_Up(webpageBehaviour, itSupportService, \"\")\nRel_Flow_Right(dataObject, webpageBehaviour, \"\")\nRel_Specialization_Up(dataObject, businessObject, \"\")\nRel_Assignment_Left(ActivePartWebPage, webpageBehaviour, \"\")\nRel_Specialization_Up(inMemoryItem, dataObject, \"\")\nRel_Realization_Up(inMemoryItem, ActivePartWebPage, \"\")\nRel_Specialization_Right(inMemoryItem,internetBrowser, \"\")\nRel_Serving_Up(internetBrowser, webpageBehaviour, \"\")\nRel_Serving_Up(internetBrowserPlugin, webpageBehaviour, \"\")\nRel_Aggregation_Right(internetBrowser, internetBrowserPlugin, \"\")\nRel_Access_Up(webServer, inMemoryItem, \"\")\nRel_Serving_Up(webServer, internetBrowser, \"\")\n\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLBRjim4DqBy1sctaG1KkG2HH7bRpI93Lj1q9L0qnEP0KKI5EKWBNgOBhl8gaVmnJhKnvPZAMrN9cVclHa-lO5FSiUiAp898-NGAdHmQlLpZXPcB3CI1y47eRWi5WYVcELBaJ67nr5p-Zm81e4JJYBS5fWxou0gDsdu27TiXIbRQEiJJHEFEhY9lexluoIQ9RCl5_7PTNYu3TvSNCR9T7Hr7RUZyNYId8yVxdni45nPNHYXqd1Uv49XdX_1y0vJpOKU7duF04xhU3AUFo5tcxhgIjNt2ZITdVQpgGRQHawivlGRvZh39bZ7ZeQHJ0kbmPJtVeuPsfNW60etAupHrjK16c2c_HqzD1w1OIGVoeO5mgfGbDJCIC4P5-lVwf3uVmJRzpDJvfpGYZYZRM4bGxHD9-VCiLgDnUP888hhtBSnwv-fK0oUSGuA3b214vWP3HQPF2WVrkQxB1JtXv3g3Kln59Ti9NHXYVDCP_vrB1EeAebRv7jCPRMYoZ0YnXLEo9SFE9yGAN7v6sdWCwN39Flxf6s97FAbqbAdBqGM8o_FwrTMAHHliabadNYaFg5GjvXf-p9oc1qDYJtpLy7WUAyNB5qcZv_OYkNS2kFAjxKuDmQetLzlcBThrtB05QhrBokuXXVmiaZCl8B_I3kH1UdYZL3PasyPIejsjUoZ9ctziPorfijzoiEhZqWY1rEKoQNKpyaDFhhELO6zrIEeXvMDL9hScuxrw6JQ80romQJuLjc72FOjsB5nDReSTohIvUuUTBYujrqRr_UyACz5ghpsbJOTrlwVbZkUX9q5hZ5JV0VGjLZTlIfbTj3xvktuX6zhtdbSBwhnRpysIbDB7jwPz4tZlfre6BWtKssQnk6xOdKCkbFReKPmWcf1_wL_0000\" \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:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" 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:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" 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>\u00a0<\/p>\n<h3>Ejemplo de diagrama de entidad-relaci\u00f3n (ERD) PlantUML: Sistema de entradas de cine<\/h3>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de entidades y relaciones (DER) PlantUML para un sistema de entradas de cine, siendo editado con el editor de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2659\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" 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:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" 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:dLRDRjGm4Bv7wZjOUu5MMwc0k5HLHRfD8R1_IhUejyYRp2v6ZXsS18csF187n2FqnHZ7TZVP94NYL3ipQty_C-E-AqggoYhZ1zw11w9avGyocd26InWHMf34hCdzWKV8aTl6B2MdvEOcl2HdvpfoV6pYGcPh1HZxx4UJ3txqykt9eOdG73XdgUoBGKOPRmHUdPmSseEFI0aSDb8qV_ZQ_J2lH2cBUCDImBEf1XNELoQsWUGBZHLiML4g_UjLE0kkL_viUU3zRD9T0d_ybLISreGH9jCRnzZj1odZ8HLletFmKYWInVA4IQ7l3sujjBHIL7-CCoOg9D24lGK1gbSbGuXJSKSpxO9EklHNWNM6ShPX2RMNxQGytACxOS9QYuidNt7z3rFZEhzjahMsgE4KSIbBog559sL5BWjMitLv6FzulPZluRggHC8U_uWQsqPla8Y5PxU320TD6c1sHBv8HMDtIwisTb7M4s4fandjiwUergOKDB-BnM8Q-7EBJW5UeqiH8IhjMZ09P_uK9Ho_FcpbV6TvDzwIoJSYrYfPGPrATZkeqe0KKB9l5PIQCDVCJ15RNABAi1oTTKrdIvOtltTw4ugO9WaKRCsXgKYBJGG5gE-cyvHPEpPsEyncO1GDLulrrTtJyJQJMhswYFjD0foMQI_P34gPoZYdssRuZGkpD2uL5GKAij-UdVwqaZHzTbBi-TsZqDdLf_7oq_dvO44q4vwwnzJUMd8mGwNBN4-ogZwBvjXgHeNdodI9IfXvgYLninJNWtuE-MrzwSTbPgALVSzEuzQ-9xktWnPK0QU3fYdOW08i9PrYSZjJlkFSu-zTCOjMBOl_AUNd1bjxu3_rPI8pF8mg9bjlZdiEQrZTn_05YP2VFWiApptw3m_7n_AUx1fcf01llQCZx-cPj3cxKJhAbTmgcj6KQYnovDKFHpUFSlaLJt9VkfULY096dlkY4nxkEys0YGaMYCbr7zk7DNDnkHMwVkdUoG_45eAxjqU5MhfH_QgleIl2BaLtbCxm14uJx1wbrSU_3Nf1NPwdP1dCByDWlWh6PBAONuNHpBzSuDgVJu9flGnkbs64AtCOk_jMCL1fVToEM7CSdv8eU7ypzQCn-HmknsJfHy57luF5yctqIGjDS1kk5jTu_vK_dOOQI1G4iul5z5fZyTw1IF4Vnxy0\" \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\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n\r\nentity \"Cliente\" as cliente {\r\n  * cliente_id : UUID &lt;&gt;\r\n  --\r\n  * nombre : VARCHAR(50)\r\n  * apellido : VARCHAR(50)\r\n  * email : VARCHAR(100) &lt;&gt;\r\n  * telefono : VARCHAR(20)\r\n  * puntos_fidelidad : INT\r\n  * fecha_registro : TIMESTAMP\r\n}\r\n\r\nentity \"Pel\u00edcula\" as pelicula {\r\n  * pelicula_id : UUID &lt;&gt;\r\n  --\r\n  * titulo : VARCHAR(200)\r\n  * descripcion : TEXT\r\n  * duracion_minutos : INT\r\n  * genero : VARCHAR(50)\r\n  * fecha_lanzamiento : DATE\r\n  * calificacion : VARCHAR(10)\r\n}\r\n\r\nentity \"Cine\" as cine {\r\n  * cine_id : UUID &lt;&gt;\r\n  --\r\n  * nombre_cine : VARCHAR(100)\r\n  * asientos_totales : INT\r\n  * disposicion_asientos : JSON\r\n}\r\n\r\nentity \"Funci\u00f3n\" as funcion {\r\n  * funcion_id : UUID &lt;&gt;\r\n  --\r\n  * pelicula_id : UUID &lt;&gt;\r\n  * cine_id : UUID &lt;&gt;\r\n  * hora_funcion : TIMESTAMP\r\n  * hora_fin : TIMESTAMP\r\n  * idioma : VARCHAR(50)\r\n  * subtitulos : BOOLEAN\r\n  * precio_regular : DECIMAL(10,2)\r\n  * precio_vip : DECIMAL(10,2)\r\n}\r\n\r\nentity \"Asiento\" as asiento {\r\n  * asiento_id : UUID &lt;&gt;\r\n  --\r\n  * cine_id : UUID &lt;&gt;\r\n  * etiqueta_fila : CHAR(2)\r\n  * numero_asiento : INT\r\n  * tipo_asiento : VARCHAR(20)\r\n  * es_accesible : BOOLEAN\r\n}\r\n\r\nentity \"Reserva\" as reserva {\r\n  * reserva_id : UUID &lt;&gt;\r\n  --\r\n  * cliente_id : UUID &lt;&gt;\r\n  * funcion_id : UUID &lt;&gt;\r\n  * hora_reserva : TIMESTAMP\r\n  * monto_total : DECIMAL(10,2)\r\n  * estado : VARCHAR(20)\r\n  * metodo_pago : VARCHAR(30)\r\n  * id_transaccion : VARCHAR(100)\r\n}\r\n\r\nentity \"ReservaAsiento\" as reserva_asiento {\r\n  * reserva_id : UUID &lt;&lt;FK,PK&gt;&gt;\r\n  * asiento_id : UUID &lt;&lt;FK,PK&gt;&gt;\r\n  --\r\n  * precio_boleto : DECIMAL(10,2)\r\n  * descuento_aplicado : DECIMAL(10,2)\r\n}\r\n\r\nentity \"Pago\" as pago {\r\n  * pago_id : UUID &lt;&gt;\r\n  --\r\n  * reserva_id : UUID &lt;&gt;\r\n  * monto : DECIMAL(10,2)\r\n  * fecha_pago : TIMESTAMP\r\n  * estado_pago : VARCHAR(20)\r\n  * pasarela_pago : VARCHAR(30)\r\n  * referencia_pasarela : VARCHAR(200)\r\n}\r\n\r\nentity \"Rese\u00f1a\" as resena {\r\n  * resena_id : UUID &lt;&gt;\r\n  --\r\n  * cliente_id : UUID &lt;&gt;\r\n  * pelicula_id : UUID &lt;&gt;\r\n  * calificacion : INT\r\n  * comentario : TEXT\r\n  * fecha_resena : TIMESTAMP\r\n}\r\n\r\n' Relaciones\ncliente ||--o{ reserva : \"realiza\"\npelicula ||--o{ funcion : \"programada como\"\ncine ||--o{ funcion : \"aloja\"\nfuncion ||--o{ reserva : \"tiene\"\nreserva ||--|{ reserva_asiento : \"contiene\"\nasiento ||--o{ reserva_asiento : \"asignado a\"\nreserva ||--|| pago : \"tiene\"\ncliente ||--o{ resena : \"escribe\"\npelicula ||--o{ resena : \"recibe\"\n\nnota derecha de reserva : Estado: PENDIENTE, CONFIRMADO, CANCELADO, EXPIRADO\nnota izquierda de asiento : tipo_asiento: REGULAR, VIP, PAREJA\nnota derecha de pago : estado_pago: PENDIENTE, EXITOSO, FALLIDO, REEMBOLSADO\n\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLRDRjGm4Bv7wZjOUu5MMwc0k5HLHRfD8R1_IhUejyYRp2v6ZXsS18csF187n2FqnHZ7TZVP94NYL3ipQty_C-E-AqggoYhZ1zw11w9avGyocd26InWHMf34hCdzWKV8aTl6B2MdvEOcl2HdvpfoV6pYGcPh1HZxx4UJ3txqykt9eOdG73XdgUoBGKOPRmHUdPmSseEFI0aSDb8qV_ZQ_J2lH2cBUCDImBEf1XNELoQsWUGBZHLiML4g_UjLE0kkL_viUU3zRD9T0d_ybLISreGH9jCRnzZj1odZ8HLletFmKYWInVA4IQ7l3sujjBHIL7-CCoOg9D24lGK1gbSbGuXJSKSpxO9EklHNWNM6ShPX2RMNxQGytACxOS9QYuidNt7z3rFZEhzjahMsgE4KSIbBog559sL5BWjMitLv6FzulPZluRggHC8U_uWQsqPla8Y5PxU320TD6c1sHBv8HMDtIwisTb7M4s4fandjiwUergOKDB-BnM8Q-7EBJW5UeqiH8IhjMZ09P_uK9Ho_FcpbV6TvDzwIoJSYrYfPGPrATZkeqe0KKB9l5PIQCDVCJ15RNABAi1oTTKrdIvOtltTw4ugO9WaKRCsXgKYBJGG5gE-cyvHPEpPsEyncO1GDLulrrTtJyJQJMhswYFjD0foMQI_P34gPoZYdssRuZGkpD2uL5GKAij-UdVwqaZHzTbBi-TsZqDdLf_7oq_dvO44q4vwwnzJUMd8mGwNBN4-ogZwBvjXgHeNdodI9IfXvgYLninJNWtuE-MrzwSTbPgALVSzEuzQ-9xktWnPK0QU3fYdOW08i9PrYSZjJlkFSu-zTCOjMBOl_AUNd1bjxu3_rPI8pF8mg9bjlZdiEQrZTn_05YP2VFWiApptw3m_7n_AUx1fcf01llQCZx-cPj3cxKJhAbTmgcj6KQYnovDKFHpUFSlaLJt9VkfULY096dlkY4nxkEys0YGaMYCbr7zk7DNDnkHMwVkdUoG_45eAxjqU5MhfH_QgleIl2BaLtbCxm14uJx1wbrSU_3Nf1NPwdP1dCByDWlWh6PBAONuNHpBzSuDgVJu9flGnkbs64AtCOk_jMCL1fVToEM7CSdv8eU7ypzQCn-HmknsJfHy57luF5yctqIGjDS1kk5jTu_vK_dOOQI1G4iul5z5fZyTw1IF4Vnxy0\" \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:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" 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:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" 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>\u00a0<\/p>\n<h3>Diagrama de flujo Mermaid: Ver al m\u00e9dico<\/h3>\n<p>Este diagrama de flujo ilustra un proceso t\u00edpico de toma de decisiones en el \u00e1mbito de la salud, guiando a los pacientes desde el reconocimiento inicial de los s\u00edntomas hasta el diagn\u00f3stico, las pruebas, el tratamiento y la recuperaci\u00f3n. Destaca puntos clave de decisi\u00f3n, como la evaluaci\u00f3n de emergencias, la evaluaci\u00f3n diagn\u00f3stica y la eficacia del tratamiento, al tiempo que muestra c\u00f3mo los s\u00edntomas no resueltos pueden requerir una consulta m\u00e9dica adicional y una reevaluaci\u00f3n.<\/p>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo de diagrama de flujo Mermaid.js para un flujo de 'ver al m\u00e9dico', siendo editado con el editor en vivo de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2653\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor-768x480.jpg 768w\" width=\"1192\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" 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 Mermaid 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\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" 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 Mermaid 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\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNplkU1uwjAQhfdI3GEugHqDVlD+CRSVqhuLxdSZJq6cGNkJXZQeqAtWHKBSc7GOHSCR8M7ym\/feN37X5lOmaAt4GXY7wKcvNpQXyjqCDDUYyEmSUwVakCZ39GEgq35iJc0Wer17GHz9\/Y4clDkCZWQTyqXCh+9up7YbeNFhUx0P8CgijRn7IDiyeyWVcRBTa4zTlH8uz3e3bZuszAGGYm1NYoON5FK+E5C+VrrEDkO3keg75YrgqTEMnB1H4X0sRnvUJUpVnXKucuszDroJM24IUoSUZGp8YKwwyasTm0vT0E4a2qlYa\/SmUFgsMFO8VbNtyzzPTDzZmHKm2dmS3gJxrZmF5Ll4JqnemMCSK3WBcb0zja414fXzmugyPg3XBX9mUvI0N76tsQiaiOGW\/K0WLe9Ss7+rjizK0DVgUQO29JXKHdnz2u4gZNTOYMtCMY66ZERX1JV4NXpP\/BftNXvNqq7+Dxg5z2k=\" \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 Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">flowchart TD\r\n    A[Sentirse mal o necesitar consejo m\u00e9dico] --&gt; B{\u00bfEs una emergencia?}\r\n\r\n    B --&gt;|S\u00ed| C[Llamar a servicios de emergencia o ir a urgencias]\r\n    B --&gt;|No| D[Programar cita con el m\u00e9dico]\r\n\r\n    D --&gt; E[Asistir a la cita]\r\n    E --&gt; F[Evaluaci\u00f3n del m\u00e9dico]\r\n\r\n    F --&gt; G{\u00bfSe ha hecho el diagn\u00f3stico?}\r\n\r\n    G --&gt;|S\u00ed| H[Plan de tratamiento]\r\n    G --&gt;|No| I[Ordenar pruebas]\r\n\r\n    I --&gt; J[Recibir resultados de las pruebas]\r\n    J --&gt; F\r\n\r\n    H --&gt; K[Seguir el tratamiento]\r\n    K --&gt; L{\u00bfMejoraron los s\u00edntomas?}\r\n\r\n    L --&gt;|S\u00ed| M[Recuperaci\u00f3n \/ Seguimiento rutinario]\r\n    L --&gt;|No| N[Volver al m\u00e9dico]\r\n    N --&gt; F\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNplkU1uwjAQhfdI3GEugHqDVlD+CRSVqhuLxdSZJq6cGNkJXZQeqAtWHKBSc7GOHSCR8M7ym\/feN37X5lOmaAt4GXY7wKcvNpQXyjqCDDUYyEmSUwVakCZ39GEgq35iJc0Wer17GHz9\/Y4clDkCZWQTyqXCh+9up7YbeNFhUx0P8CgijRn7IDiyeyWVcRBTa4zTlH8uz3e3bZuszAGGYm1NYoON5FK+E5C+VrrEDkO3keg75YrgqTEMnB1H4X0sRnvUJUpVnXKucuszDroJM24IUoSUZGp8YKwwyasTm0vT0E4a2qlYa\/SmUFgsMFO8VbNtyzzPTDzZmHKm2dmS3gJxrZmF5Ll4JqnemMCSK3WBcb0zja414fXzmugyPg3XBX9mUvI0N76tsQiaiOGW\/K0WLe9Ss7+rjizK0DVgUQO29JXKHdnz2u4gZNTOYMtCMY66ZERX1JV4NXpP\/BftNXvNqq7+Dxg5z2k=\" \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 Mermaid 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\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" 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 Mermaid 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\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" 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 Mermaid en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>\u00a0<\/p>\n<h3>Grafo de Graphviz<\/h3>\n<p>Este diagrama representa una topolog\u00eda de red de centro de datos simplificada, ilustrando c\u00f3mo los hosts est\u00e1n conectados a trav\u00e9s de una columna vertebral de conmutadores interconectados. Destaca las rutas de comunicaci\u00f3n principales entre los dispositivos de red, incluyendo un enlace troncal entre conmutadores y una conexi\u00f3n secundaria de conmutaci\u00f3n por error que proporciona redundancia y resiliencia en caso de interrupciones de la red.<\/p>\n<p><img loading=\"lazy\" alt=\"C\u00f3digo Graphviz para un gr\u00e1fico de muestra, siendo editado con el editor en vivo de texto a diagrama VPasCode de Visual Paradigm\" class=\"alignnone size-full wp-image-2652\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph-768x480.jpg 768w\" width=\"1192\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" 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 Graphviz 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\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" 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 Graphviz 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\">Graphviz<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tu2zAQvAfoPxDsVQ5iW2qTgw4OUCC55OIWPRhCsCJXEgF6KSzpPBrkk3rqJ+THSlkWyrZ2UR4kcmeGGo6WLUPfiS+kDaMKqNc9EBlqPzOieHl3JuJoHAWCLZbyBu0DBqMgW7EBm3kgP\/PIppEj1UKNtpS31DCgD7xTYccgNArl7G5LIB6QA9YMdigG1zvr2rfvewqjHl5bsHaUIAV2w0xDcD79hHWqlLX85c+bb1jO87EwPslF5ea\/zGfCd9BjqQwri3EVni2WjbEWdTZYd1zK9\/nHovhwFckDMBWbeVM0Q\/HR6NCVF+eXA\/6Eeu8oJoDVaAd1G+1MsqsclvVllPVIo3JxXlSp\/fWjCapb2b4DITaHYNdf71d\/GFC1LnAuq1R1jSGKUtX1P1V3Maq5OIxJdeN8uL\/4jbM4zlmknOVxzjLl5Mc5uTyZwGyWHm2SiU9kQcU+YkcK7PAX0LRdKIvq6Bb7c55EFn9FeACWp4A8jW\/aRWzG9tHgu7R9DpFn0yURtxSQlSN8Mm8\/aLwktN0FUPt171ggs2NZnb3+BLJdHLI=\" \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 Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-graphviz\"><code class=\"language-graphviz\" data-language=\"graphviz\" class=\"language-graphviz\">graph UndirectedSpanningTree {\r\n    fontname=\"Helvetica,Arial,sans-serif\"\r\n    label=\"Infraestructura de columna vertebral de topolog\u00eda de red de malla de centro de datos\"\r\n    labelloc=\"b\"\r\n    fontsize=14\r\n    \r\n    node [fontname=\"Helvetica,Arial,sans-serif\", shape=circle, style=filled, color=\"#475569\", fillcolor=\"#f1f5f9\", width=0.8, fixedsize=true]\r\n    edge [color=\"#94a3b8\", penwidth=2.5]\r\n    \r\n    SwitchAlpha  [label=\"SW_A\", fillcolor=\"#cbd5e1\"]\r\n    SwitchBeta   [label=\"SW_B\", fillcolor=\"#cbd5e1\"]\r\n    Node1        [label=\"Host_01\"]\r\n    Node2        [label=\"Host_02\"]\r\n    Node3        [label=\"Host_03\"]\r\n    Node4        [label=\"Host_04\"]\r\n    \r\n    SwitchAlpha -- SwitchBeta [label=\" Enlace troncal\", weight=5]\r\n    SwitchAlpha -- Node1\r\n    SwitchAlpha -- Node2\r\n    SwitchBeta -- Node3\r\n    SwitchBeta -- Node4\r\n    Node1 -- Node2 [style=dashed, color=\"#cbd5e1\", label=\" Interconexi\u00f3n de conmutaci\u00f3n por error\"]\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tu2zAQvAfoPxDsVQ5iW2qTgw4OUCC55OIWPRhCsCJXEgF6KSzpPBrkk3rqJ+THSlkWyrZ2UR4kcmeGGo6WLUPfiS+kDaMKqNc9EBlqPzOieHl3JuJoHAWCLZbyBu0DBqMgW7EBm3kgP\/PIppEj1UKNtpS31DCgD7xTYccgNArl7G5LIB6QA9YMdigG1zvr2rfvewqjHl5bsHaUIAV2w0xDcD79hHWqlLX85c+bb1jO87EwPslF5ea\/zGfCd9BjqQwri3EVni2WjbEWdTZYd1zK9\/nHovhwFckDMBWbeVM0Q\/HR6NCVF+eXA\/6Eeu8oJoDVaAd1G+1MsqsclvVllPVIo3JxXlSp\/fWjCapb2b4DITaHYNdf71d\/GFC1LnAuq1R1jSGKUtX1P1V3Maq5OIxJdeN8uL\/4jbM4zlmknOVxzjLl5Mc5uTyZwGyWHm2SiU9kQcU+YkcK7PAX0LRdKIvq6Bb7c55EFn9FeACWp4A8jW\/aRWzG9tHgu7R9DpFn0yURtxSQlSN8Mm8\/aLwktN0FUPt171ggs2NZnb3+BLJdHLI=\" \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 Graphviz 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\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" 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 Graphviz 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\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" 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 Graphviz en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2>Comienza hoy<\/h2>\n<p>\u00bfListo para experimentar la velocidad del diagrama como c\u00f3digo? Ya sea que necesite un confiable <strong>editor de PlantUML<\/strong>, un r\u00e1pido <strong>editor de Mermaid<\/strong>, o un potente compilador de Graphviz, VPasCode est\u00e1 listo para usted.<\/p>\n<p>Vaya a nuestra plataforma ahora en:<\/p>\n<p><a href=\"https:\/\/www.vpascode.com\/\">https:\/\/www.vpascode.com\/<\/a><\/p>\n<p>\u00a1Pruebe el editor en tiempo real y revolucione la forma en que dise\u00f1a software y sistemas!<\/p>\n","protected":false},"featured_media":2874,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"VPasCode: Plataforma Unificada de Texto a Diagrama | Editor de PlantUML y Mermaid","_yoast_wpseo_metadesc":"Descubre VPasCode, la plataforma gratuita de texto a diagrama de Visual Paradigm. Crea, previsualiza y comparte diagramas de PlantUML, Mermaid.js y Graphviz al instante con soporte de IA.","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"product":[2,3],"product-area":[13,6,12],"version":[42],"release-type":[16],"class_list":["post-2873","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-ai","product-area-diagramming","product-area-software-development","version-v18-0","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>VPasCode: Plataforma Unificada de Texto a Diagrama | Editor de PlantUML y Mermaid<\/title>\n<meta name=\"description\" content=\"Descubre VPasCode, la plataforma gratuita de texto a diagrama de Visual Paradigm. Crea, previsualiza y comparte diagramas de PlantUML, Mermaid.js y Graphviz al instante con soporte de IA.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode: Plataforma Unificada de Texto a Diagrama | Editor de PlantUML y Mermaid\" \/>\n<meta property=\"og:description\" content=\"Descubre VPasCode, la plataforma gratuita de texto a diagrama de Visual Paradigm. Crea, previsualiza y comparte diagramas de PlantUML, Mermaid.js y Graphviz al instante con soporte de IA.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Spanish\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1192\" \/>\n\t<meta property=\"og:image:height\" content=\"745\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\",\"name\":\"VPasCode: Plataforma Unificada de Texto a Diagrama | Editor de PlantUML y Mermaid\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\",\"datePublished\":\"2026-06-09T07:33:53+00:00\",\"description\":\"Descubre VPasCode, la plataforma gratuita de texto a diagrama de Visual Paradigm. Crea, previsualiza y comparte diagramas de PlantUML, Mermaid.js y Graphviz al instante con soporte de IA.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\",\"width\":1192,\"height\":745},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Presentamos VPasCode: La Plataforma Definitiva y Unificada de Texto a Diagrama\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/\",\"name\":\"Visual Paradigm Product Updates Spanish\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#organization\",\"name\":\"Visual Paradigm Product Updates Spanish\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Spanish\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode: Plataforma Unificada de Texto a Diagrama | Editor de PlantUML y Mermaid","description":"Descubre VPasCode, la plataforma gratuita de texto a diagrama de Visual Paradigm. Crea, previsualiza y comparte diagramas de PlantUML, Mermaid.js y Graphviz al instante con soporte de IA.","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:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","og_locale":"es_ES","og_type":"article","og_title":"VPasCode: Plataforma Unificada de Texto a Diagrama | Editor de PlantUML y Mermaid","og_description":"Descubre VPasCode, la plataforma gratuita de texto a diagrama de Visual Paradigm. Crea, previsualiza y comparte diagramas de PlantUML, Mermaid.js y Graphviz al instante con soporte de IA.","og_url":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","og_site_name":"Visual Paradigm Product Updates Spanish","og_image":[{"width":1192,"height":745,"url":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","url":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","name":"VPasCode: Plataforma Unificada de Texto a Diagrama | Editor de PlantUML y Mermaid","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg","datePublished":"2026-06-09T07:33:53+00:00","description":"Descubre VPasCode, la plataforma gratuita de texto a diagrama de Visual Paradigm. Crea, previsualiza y comparte diagramas de PlantUML, Mermaid.js y Graphviz al instante con soporte de IA.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg","contentUrl":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg","width":1192,"height":745},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/es\/"},{"@type":"ListItem","position":2,"name":"Presentamos VPasCode: La Plataforma Definitiva y Unificada de Texto a Diagrama"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/es\/#website","url":"https:\/\/updates.visual-paradigm.com\/es\/","name":"Visual Paradigm Product Updates Spanish","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/es\/#organization","name":"Visual Paradigm Product Updates Spanish","url":"https:\/\/updates.visual-paradigm.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Spanish"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/releases\/2873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/releases\/2873\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media\/2874"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media?parent=2873"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/product?post=2873"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/product-area?post=2873"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/version?post=2873"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/release-type?post=2873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}