{"id":723,"date":"2026-06-16T01:12:15","date_gmt":"2026-06-16T01:12:15","guid":{"rendered":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/"},"modified":"2026-06-16T01:12:15","modified_gmt":"2026-06-16T01:12:15","slug":"from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams","status":"publish","type":"post","link":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","title":{"rendered":"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles"},"content":{"rendered":"<h2>Introducci\u00f3n<\/h2>\n<p>En el mundo acelerado del desarrollo \u00c1gil, la documentaci\u00f3n a menudo se convierte en el cuello de botella. Las herramientas tradicionales de diagramaci\u00f3n con arrastrar y soltar requieren un cambio de contexto constante, rompiendo el flujo del desarrollador y convirtiendo el control de versiones en una pesadilla. Para los equipos \u00c1giles que viven en sus IDEs y gestionan la infraestructura como c\u00f3digo, los diagramas no deber\u00edan ser diferentes.<\/p>\n<p>Entra <strong>VPasCode (Visual Paradigm como C\u00f3digo)<\/strong>, una plataforma unificada y basada en el navegador que transforma texto en diagramas profesionales y de alta fidelidad en segundos. Al reunir el poder de PlantUML, Mermaid.js y Graphviz en un \u00fanico entorno fluido, VPasCode permite a ingenieros de software, arquitectos de sistemas y analistas de negocios tratar los diagramas exactamente como c\u00f3digo: ligero, controlable por versiones y renderizable al instante. Este estudio de caso explora c\u00f3mo un usuario experimentado de Visual Paradigm y desarrollador \u00c1gil puede aprovechar VPasCode para optimizar flujos de trabajo, mejorar la colaboraci\u00f3n del equipo y mantener la claridad arquitect\u00f3nica sin abandonar la mentalidad del editor de c\u00f3digo.<\/p>\n<p id=\"fbzfNHZ\"><img alt=\"VPasCode: Unfied Diagram-as-Code Platform for Agile Teams\" class=\"alignnone wp-image-1299 size-full\" decoding=\"async\" height=\"543\" loading=\"lazy\" sizes=\"auto, (max-width: 977px) 100vw, 977px\" src=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png\" srcset=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png 977w, https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e-300x167.png 300w, https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e-768x427.png 768w\" width=\"977\"\/><\/p>\n<h2>El Dilema del Desarrollador \u00c1gil: \u00bfPor qu\u00e9 Diagramaci\u00f3n como C\u00f3digo?<\/h2>\n<p>Durante a\u00f1os, los equipos \u00c1giles han luchado con el problema de la &#8220;degradaci\u00f3n de diagramas&#8221;. Un boceto de pizarra blanca de la Planificaci\u00f3n del Sprint rara vez se actualiza en la Revisi\u00f3n del Sprint. Las herramientas de arrastrar y soltar crean archivos binarios que no funcionan bien con las diferencias de Git, lo que dificulta rastrear qui\u00e9n cambi\u00f3 qu\u00e9 en un diagrama de arquitectura.<\/p>\n<p>VPasCode resuelve esto adoptando un <strong>Diagramaci\u00f3n como C\u00f3digo (DaC)<\/strong> enfoque. Ya sea que est\u00e9 definiendo una arquitectura compleja de microservicios o un viaje de usuario simple, lo escribe en texto. Esto significa:<\/p>\n<ul>\n<li>\n<p><strong>Amigable con Git Nativo:<\/strong>  Almacene sus diagramas como archivos de texto sin procesar junto a su c\u00f3digo fuente.<\/p>\n<\/li>\n<li>\n<p><strong>Acceso en la Nube sin Configuraci\u00f3n:<\/strong>  No se requieren descargas de software ni dependencias locales; se ejecuta completamente en el navegador.<\/p>\n<\/li>\n<li>\n<p><strong>Vista Previa en Tiempo Real:<\/strong>  Vea c\u00f3mo sus gr\u00e1ficos se renderizan en vivo al instante mientras escribe, proporcionando retroalimentaci\u00f3n inmediata.<\/p>\n<\/li>\n<\/ul>\n<h2>Espacio de Trabajo Unificado: Un Editor, Tres Motores Poderosos<\/h2>\n<p>VPasCode re\u00fane las sintaxis de diagramaci\u00f3n de c\u00f3digo abierto m\u00e1s populares del mundo en un \u00fanico editor en la nube cohesivo. En lugar de manejar m\u00faltiples herramientas, tiene an\u00e1lisis y renderizado nativos para tres motores principales:<\/p>\n<ol>\n<li>\n<p><strong>PlantUML:<\/strong>  El est\u00e1ndar de oro para diagramas robustos de arquitectura empresarial y de software.<\/p>\n<\/li>\n<li>\n<p><strong>Mermaid.js:<\/strong>  Perfecto para gr\u00e1ficos modernos inspirados en markdown, l\u00edneas de tiempo y diagramas de flujo.<\/p>\n<\/li>\n<li>\n<p><strong>Graphviz:<\/strong>  Ideal para aprovechar el lenguaje DOT para topolog\u00edas de red complejas y estructuras de datos.<\/p>\n<\/li>\n<\/ol>\n<p><img alt=\"A PlantUML class diagram code for a library management system, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\"\/><\/p>\n<h2>An\u00e1lisis Profundo: PlantUML para Arquitectura Empresarial<\/h2>\n<p>PlantUML sigue siendo la potencia para el modelado t\u00e9cnico detallado. VPasCode admite una vasta biblioteca de tipos de diagramas de PlantUML, incluyendo Secuencia, Caso de Uso, Clase, Actividad, Componente, Despliegue, Estado, ArchiMate y Diagramas de Relaci\u00f3n de Entidades (ERD).<\/p>\n<h3>Modelado de Sistemas Complejos: El Ejemplo de Gesti\u00f3n de Biblioteca<\/h3>\n<p>Considere un Sistema de Gesti\u00f3n de Biblioteca. Usando PlantUML en VPasCode, podemos modelar herencia, composici\u00f3n y agregaci\u00f3n claramente. El c\u00f3digo a continuaci\u00f3n define las relaciones entre <code data-backticks=\"1\">Biblioteca<\/code>,\u00a0<code data-backticks=\"1\">Miembro<\/code>,\u00a0<code data-backticks=\"1\">Elemento de la biblioteca<\/code>, y varias subclases como <code data-backticks=\"1\">Libro electr\u00f3nico<\/code> y <code data-backticks=\"1\">Libro impreso<\/code>.<\/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\">\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:bLR9ZXit4BqBq3yGuuFbn3BYQoCmF1xfOC03369axcoo915WisIIBI18ya4--63abgj-BCNcejuqdbncgVtLyjZldUVMjurUBfOBeRbpx8EgjK8FWhC_bml6rinWKrkes6TlbTb7cLGMX53dVynGxa6Vl-xGO5_yC-Dx2tjkxnLGA5mryNV5ak1LnKwePBG5hHfbBiPAtcVp679WdI9lDJHWFAuW_L6nBBe0carJF9NS5j-PH4SBeLazyr5PhzbiX1fH0pSnY8GJwXFy86bn-ViobYcQE9uNCrcZt9-_-LQFX22LHwku7ehv-Ji-j1HPy3HKPNnKIUMEQ2WhZB1WxS60tO3dMeDRlHgEF7IBd0HPf0XAAydbAYWabc2boHrONZjlkV0ielwagC5v3vMhHzl6Mm8p51tv7kwmDRv0A9NU1kj-cRtsTeceZy9RWgz4IUfv4vfpQyL1dV3-GyKaKgCWQdTe6pvi_9grLc_02MxtVDWIcQHT4JtGlH8-Dc7FIlQspXFPKjUC7rsXG2FLv0eBuD_7tbV0_mOdHGRbti__Da3TAA5J8ulc4NLB2zTJx40S-0DQcYnXtd0FWmIRnqqEBbiRIxfNXkRXUa4wJfaCL4c53H_AN5kdxNQRifvk_d3IbPOb6f_jTOw3XYlz37fBy6ztjE3vV68BvdZZ1mJrD5ty7-Uq1DdGFTXuUTsbVgA1ZtPWJoABqQhfzIjhPY1dumlUf7W48uXUOwaZtIQ0QaTzMdTyqRb9N0sXq9vpBLfDJqAhFG_QV8FzEGTTRyhXts793NRb3Eut5BHjb1jNGpJIhVAWeq5ugM5om9THMDNhtxOvKWWvwf-48xsyVCBROM5GWECsDtVoMhvcptxaSgnUpv__Gkx3-d3xqGIMWzL8vxn24xGd2X4GZthoabPAqpcW0KTesG5ic2vVBcQUib__MgyZ0LvN9vQwRa0iirp45-CIhy_fKsscsrZm7JP7T97rs1_fqoB-5mnw-MxUtZ2ASTEque3kff1CnJmjFR1tJrhF0AW2bp_7TxXa5P5KsAxWj5paAiO-azlkbJdHPUUtRzxyTALK2xiqp2SZ_D95Y7TPfMsAXRvajmv58ii-t81flNutLt7Uk10X0xrYAcpkYA6epEEHuOuD87mc7-9t9WYSvPfzQQ5aCEdWtENG7At3qPw_TXbSYclL_k13vDactH4d0Al3Z_nHmmtTFATwY8GPlLsClXqWV8p52z6SrIN2Sl4UZAGly_y0\" \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  - direcci\u00f3n: String\r\n  - tel\u00e9fono: String\r\n  + agregarMiembro(miembro: Miembro): void\r\n  + eliminarMiembro(idMiembro: String): void\r\n  + agregarElemento(elemento: ElementoBiblioteca): void\r\n  + eliminarElemento(idElemento: String): void\r\n  + prestarElemento(idMiembro: String, idElemento: String): boolean\r\n  + devolverElemento(idElemento: String): boolean\r\n}\r\n\r\nclass ElementoBiblioteca {\r\n  # idElemento: String\r\n  # t\u00edtulo: String\r\n  # editorial: String\r\n  # a\u00f1oPublicaci\u00f3n: 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  - pageCount: int\r\n  + obtenerAutor(): String\r\n}\r\n\r\nclass LibroElectr\u00f3nico {\r\n  - tama\u00f1oArchivoMB: double\r\n  - formato: String\r\n  - urlDescarga: String\r\n  + descargar(): void\r\n}\r\n\r\nclass LibroImpreso {\r\n  - ubicaci\u00f3nEstante: String\r\n  - condici\u00f3n: String\r\n  + obtenerUbicaci\u00f3nEstante(): String\r\n}\r\n\r\nclass Revista {\r\n  - n\u00fameroEdici\u00f3n: int\r\n  - n\u00fameroVolumen: int\r\n  - fechaPortada: Date\r\n}\r\n\r\nclass DVD {\r\n  - duraci\u00f3nMinutos: 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  - tel\u00e9fono: String\r\n  - fechaAfiliaci\u00f3n: Date\r\n  + prestarElemento(elemento: ElementoBiblioteca): boolean\r\n  + devolverElemento(elemento: ElementoBiblioteca): boolean\r\n  + obtenerElementosPrestados(): List\r\n}\r\n\r\nclass RegistroPrestamo {\r\n  - idRegistro: String\r\n  - fechaPrestamo: Date\r\n  - fechaVencimiento: Date\r\n  - fechaDevoluci\u00f3n: 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  - fechaEmisi\u00f3n: 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, elemento: ElementoBiblioteca): void\r\n  + procesarDevoluci\u00f3n(elemento: ElementoBiblioteca): void\r\n  + generarInforme(): void\r\n  + gestionarInventario(): void\r\n}\r\n\r\n' Relaciones de herencia\r\nElementoBiblioteca &lt;|-- Libro\r\nElementoBiblioteca &lt;|-- Revista\r\nElementoBiblioteca &lt;|-- DVD\r\nLibro &lt;|-- LibroElectr\u00f3nico\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\" ElementoBiblioteca : contiene &gt;\r\nBiblioteca \"1\" -- \"muchos\" Bibliotecario : emplea &gt;\r\n\r\nMiembro \"1\" -- \"muchos\" RegistroPrestamo : tiene &gt;\r\nRegistroPrestamo \"1\" -- \"1..*\" ElementoBiblioteca : 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, elementos y pr\u00e9stamos\r\nnote right of ElementoBiblioteca : Clase base abstractanpara todos los materiales de la biblioteca\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLR9ZXit4BqBq3yGuuFbn3BYQoCmF1xfOC03369axcoo915WisIIBI18ya4--63abgj-BCNcejuqdbncgVtLyjZldUVMjurUBfOBeRbpx8EgjK8FWhC_bml6rinWKrkes6TlbTb7cLGMX53dVynGxa6Vl-xGO5_yC-Dx2tjkxnLGA5mryNV5ak1LnKwePBG5hHfbBiPAtcVp679WdI9lDJHWFAuW_L6nBBe0carJF9NS5j-PH4SBeLazyr5PhzbiX1fH0pSnY8GJwXFy86bn-ViobYcQE9uNCrcZt9-_-LQFX22LHwku7ehv-Ji-j1HPy3HKPNnKIUMEQ2WhZB1WxS60tO3dMeDRlHgEF7IBd0HPf0XAAydbAYWabc2boHrONZjlkV0ielwagC5v3vMhHzl6Mm8p51tv7kwmDRv0A9NU1kj-cRtsTeceZy9RWgz4IUfv4vfpQyL1dV3-GyKaKgCWQdTe6pvi_9grLc_02MxtVDWIcQHT4JtGlH8-Dc7FIlQspXFPKjUC7rsXG2FLv0eBuD_7tbV0_mOdHGRbti__Da3TAA5J8ulc4NLB2zTJx40S-0DQcYnXtd0FWmIRnqqEBbiRIxfNXkRXUa4wJfaCL4c53H_AN5kdxNQRifvk_d3IbPOb6f_jTOw3XYlz37fBy6ztjE3vV68BvdZZ1mJrD5ty7-Uq1DdGFTXuUTsbVgA1ZtPWJoABqQhfzIjhPY1dumlUf7W48uXUOwaZtIQ0QaTzMdTyqRb9N0sXq9vpBLfDJqAhFG_QV8FzEGTTRyhXts793NRb3Eut5BHjb1jNGpJIhVAWeq5ugM5om9THMDNhtxOvKWWvwf-48xsyVCBROM5GWECsDtVoMhvcptxaSgnUpv__Gkx3-d3xqGIMWzL8vxn24xGd2X4GZthoabPAqpcW0KTesG5ic2vVBcQUib__MgyZ0LvN9vQwRa0iirp45-CIhy_fKsscsrZm7JP7T97rs1_fqoB-5mnw-MxUtZ2ASTEque3kff1CnJmjFR1tJrhF0AW2bp_7TxXa5P5KsAxWj5paAiO-azlkbJdHPUUtRzxyTALK2xiqp2SZ_D95Y7TPfMsAXRvajmv58ii-t81flNutLt7Uk10X0xrYAcpkYA6epEEHuOuD87mc7-9t9WYSvPfzQQ5aCEdWtENG7At3qPw_TXbSYclL_k13vDactH4d0Al3Z_nHmmtTFATwY8GPlLsClXqWV8p52z6SrIN2Sl4UZAGly_y0\" \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<p><a href=\"https:\/\/www.vpascode.com\/#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\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3>Manejo de flujos de l\u00f3gica: Retiro de efectivo en cajero autom\u00e1tico<\/h3>\n<p>Los diagramas de secuencia son fundamentales para comprender las interacciones entre los componentes del sistema. El siguiente ejemplo modela un retiro de efectivo en un cajero autom\u00e1tico, destacando flujos alternativos como PINs inv\u00e1lidos y fondos insuficientes utilizando las bloques <code data-backticks=\"1\">alt<\/code> de PlantUML.<\/p>\n<p><img alt=\"A PlantUML sequence diagram code for a classic ATM cash withdrawal scenario, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal.jpg\"\/><\/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\">\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:bLMnRjim4Dq5w1yEMTe22Jfqor34bf0YG5CKLj3zJ9qT1XHfa9I1v6yoTiZKhQj-h4TAikZOJb03DYpUuxkxzuxKbVDeVTkeFFi0TzsBRvN9Co-z8bYGbzP0JK0h4bvk3P06WG_4gzXwqtJFNWe35r1AN5jiC80TYPQqa9XdWNGclB7au14sd4aAkK7joUKPXW0KIX8_Wp2DWIBFKX2S5NsosPJih4VExcvVOolfF749SzG2hHoHyohFQlIuH1S8kJGVobHZvW5Mpljogwdw0Yw-XaHm2JVQaMMbWByFv3aOrdVXxqIMEJqgnPso1WeFa0NZAgEuti3py-R7gmHh5caC35lc5KT-ePBrb9brZ12ECQAS1mHPkPBSCmXBTInU1O4vU36oBCYrocCTxTn6IY6xFpeqZSe7Jf1wsprpX0S0-1CoxEex4a_wsekUyryVFULKkgNjWDU6bwnSt_jBACbjskvtrEhBW3SELYmWCxXpFGd8ymIM9v4qvHafVWhPtgxqL9stnddBEZMakx-miLA7wL4zBd6Z8aL2IACPQ-CfEA2Qh6mCrtv0iJCq2U_PkZFDeM9R7a5rButqDBKqs5iO7RqRa7qyzRQA17oSsh6L_ZVuUcqqwyaAkvQpnO5tVVH0k9ucHKx0fF4xYzgXYDF3ueXxVC8QzSTHsrZafsbhead19vDKcEM4usYIagT6RIavRm4GtHywUh-VsSQQ9Ow29GdwS2dTXdHmQBpTZbVo1YnfRK72hEaDhkWKMxcIjc6oUg3jPKoksFrcXX4eQHb7JVItroFhlfQztCUbJCTZ5WT3FWsv-BRRA9QqnXEwxHby39seSzFm8MfaE2L2BfFYm-mjuXguuQIaJfnGxpLBDBoI-Y1mk3-CuH42NV_7V9seQdy60sFysRlPlrcM5nryXckfnpV0dZLvTiNR-4tx3m00\" \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 : Debitar cuenta y registrar transacci\u00f3n\r\n        DB --&gt; BS : Actualizaci\u00f3n completada\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:bLMnRjim4Dq5w1yEMTe22Jfqor34bf0YG5CKLj3zJ9qT1XHfa9I1v6yoTiZKhQj-h4TAikZOJb03DYpUuxkxzuxKbVDeVTkeFFi0TzsBRvN9Co-z8bYGbzP0JK0h4bvk3P06WG_4gzXwqtJFNWe35r1AN5jiC80TYPQqa9XdWNGclB7au14sd4aAkK7joUKPXW0KIX8_Wp2DWIBFKX2S5NsosPJih4VExcvVOolfF749SzG2hHoHyohFQlIuH1S8kJGVobHZvW5Mpljogwdw0Yw-XaHm2JVQaMMbWByFv3aOrdVXxqIMEJqgnPso1WeFa0NZAgEuti3py-R7gmHh5caC35lc5KT-ePBrb9brZ12ECQAS1mHPkPBSCmXBTInU1O4vU36oBCYrocCTxTn6IY6xFpeqZSe7Jf1wsprpX0S0-1CoxEex4a_wsekUyryVFULKkgNjWDU6bwnSt_jBACbjskvtrEhBW3SELYmWCxXpFGd8ymIM9v4qvHafVWhPtgxqL9stnddBEZMakx-miLA7wL4zBd6Z8aL2IACPQ-CfEA2Qh6mCrtv0iJCq2U_PkZFDeM9R7a5rButqDBKqs5iO7RqRa7qyzRQA17oSsh6L_ZVuUcqqwyaAkvQpnO5tVVH0k9ucHKx0fF4xYzgXYDF3ueXxVC8QzSTHsrZafsbhead19vDKcEM4usYIagT6RIavRm4GtHywUh-VsSQQ9Ow29GdwS2dTXdHmQBpTZbVo1YnfRK72hEaDhkWKMxcIjc6oUg3jPKoksFrcXX4eQHb7JVItroFhlfQztCUbJCTZ5WT3FWsv-BRRA9QqnXEwxHby39seSzFm8MfaE2L2BfFYm-mjuXguuQIaJfnGxpLBDBoI-Y1mk3-CuH42NV_7V9seQdy60sFysRlPlrcM5nryXckfnpV0dZLvTiNR-4tx3m00\" \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<p><a href=\"https:\/\/www.vpascode.com\/#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\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3>Modelado de procesos de negocio: Sistema de reclamaciones de seguros<\/h3>\n<p>Los diagramas de actividad ayudan a visualizar la l\u00f3gica del flujo de trabajo. El ejemplo a continuaci\u00f3n modela un proceso de reclamaci\u00f3n de seguros, capturando puntos de decisi\u00f3n como la validez de la p\u00f3liza y la integridad de los documentos.<\/p>\n<p><img alt=\"A PlantUML activity diagram code for an insurance claim system, being edited with Visual Paradigm's VPasCode text-to-diagram live editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system.jpg\"\/><\/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\">\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:bLNDJjmm4BwljEzWSO93nPsLMX1QLPKGGkK91diIfd8ymNQYmjjmxA67YbilbPeNwzZ9BldPgkMMn3EU-VvspqC47vlAgaykD1wSnaiBLDq-XeZLUhLUaIDDd9xEjbP1m5BA3AlQOq0NGLbG7hM52ZHrBsuZXLVJJogWl9SKeWU5Jg5LWTBziCaJ2dNy-vVqrDsBfISf2R5xLg0ZjQ0UvLMrtRCb0nzELBoN2uv3z_ralLBgx29GwS1Fnu7i-QKHP8Rz9fTTSwI2j1IEprJWEuy9W6kmNS10AtiVE-udRLrBqk-6c_f99W7Jz_34-U8TEVtGpmDahoffQlbCtGm0oVNWJiaDo797GKwcEaF5dkxzgXvR2a8s1sLODvLGBuyx4Go74PNRn9_R7GfzaQLWtklneK5FShAaTJ8wEo3ht4BQTG_T_eEoMxRIAGORZot0HiXRBHdRXXhzj1nCify3Ys77QYB2zvAb8fm1osKYaqX3vNrCRqfjzvOJEwKX_UUC8DIDE0u4qMYXT2vIv8lIyxltgcNReZX87RrDcQFDNrKL_MKqbGTJTCdIhnDzCHTnECMlidkwFb2AXKEDmWKb-eIyI9KK2ufAEZdZCT3zuDEw--PDxx9Ht2QPUGsPfBNiVheCA4fZHIv1ot8F2LqQvXAiRknuEjIUx_RANjGsny-WQJJTMKm8DFl4FZk3RuwRPZV4QXuscvJK57fOir-RHSW-eikMuqA8XGoJ7fgTopEl_IQ72-OcdlzAxim1G_yufUCwq5Z7KTsIuHlFMUo4fuPonwkE3IH9ydVCjZeGpMJQgtvjmqURCSD2P46-EWndGgp125PocExNXABTKhMW8RaWnufjivVDaAGimf3XQonPKw_LZEuffZ5lymp-jooJ_6Nvrwjp-I3_Udy0\" \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 es 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 el monto del da\u00f1o\/p\u00e9rdida;\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 el monto aprobado;\r\n  :Aplicar deducible si corresponde;\r\nelse (no)\r\n  :Enviar notificaci\u00f3n de rechazo con motivo;\r\n  :Registrar la 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 el 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 la liquidaci\u00f3n;\r\n  :Actualizar la 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:bLNDJjmm4BwljEzWSO93nPsLMX1QLPKGGkK91diIfd8ymNQYmjjmxA67YbilbPeNwzZ9BldPgkMMn3EU-VvspqC47vlAgaykD1wSnaiBLDq-XeZLUhLUaIDDd9xEjbP1m5BA3AlQOq0NGLbG7hM52ZHrBsuZXLVJJogWl9SKeWU5Jg5LWTBziCaJ2dNy-vVqrDsBfISf2R5xLg0ZjQ0UvLMrtRCb0nzELBoN2uv3z_ralLBgx29GwS1Fnu7i-QKHP8Rz9fTTSwI2j1IEprJWEuy9W6kmNS10AtiVE-udRLrBqk-6c_f99W7Jz_34-U8TEVtGpmDahoffQlbCtGm0oVNWJiaDo797GKwcEaF5dkxzgXvR2a8s1sLODvLGBuyx4Go74PNRn9_R7GfzaQLWtklneK5FShAaTJ8wEo3ht4BQTG_T_eEoMxRIAGORZot0HiXRBHdRXXhzj1nCify3Ys77QYB2zvAb8fm1osKYaqX3vNrCRqfjzvOJEwKX_UUC8DIDE0u4qMYXT2vIv8lIyxltgcNReZX87RrDcQFDNrKL_MKqbGTJTCdIhnDzCHTnECMlidkwFb2AXKEDmWKb-eIyI9KK2ufAEZdZCT3zuDEw--PDxx9Ht2QPUGsPfBNiVheCA4fZHIv1ot8F2LqQvXAiRknuEjIUx_RANjGsny-WQJJTMKm8DFl4FZk3RuwRPZV4QXuscvJK57fOir-RHSW-eikMuqA8XGoJ7fgTopEl_IQ72-OcdlzAxim1G_yufUCwq5Z7KTsIuHlFMUo4fuPonwkE3IH9ydVCjZeGpMJQgtvjmqURCSD2P46-EWndGgp125PocExNXABTKhMW8RaWnufjivVDaAGimf3XQonPKw_LZEuffZ5lymp-jooJ_6Nvrwjp-I3_Udy0\" \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<p><a href=\"https:\/\/www.vpascode.com\/#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\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3>M\u00e1quinas de estado: Sistema de detecci\u00f3n de humo<\/h3>\n<p>Para sistemas embebidos o dispositivos IoT, los diagramas de estado son esenciales. Este ejemplo muestra un sistema de detecci\u00f3n de humo transicionando entre los estados de espera, monitoreo y alarma.<\/p>\n<p><img alt=\"A PlantUML state diagram code for a smoke detection system, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system.jpg\"\/><\/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\">\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:XLRDRXCn4Bv7oZlCiI1LI0Wk5QgQfeseA6dLhU20E4ns9wcfrrviRwk2yZ0y02TkNFDYZEtTh7T3bKX9TyVpVPu_V-w9TMXSNKh8IdrFP-GeTqAhxCawAiUZySW99mdE1AuCbWW50J6cq708cV1EmLPuO2usVvH_kwjBxR5VNdw5myDZkDQFPAwMIszZiAEj1NwEHy2VrdEkmqeqDYzmnDlRIblXn8C6h735-_TTkbqKkvzgrqH2AYTL20wtCcGviO1S3mDHmpWoXwfOF4LZyyB4RSQI_-h-Oa2HN4xlABzdrqdjT6LgMY1KPBWoXSWH3d8i45w_kNknY_webN3Q2BLY-8KIkK03PJIIXWDBoce3cFioDFZu6rFfTc-IIHEwvQunSnOuRBVUjszThz5QZk9M5zg2v6_Sd2nSVTWBdg6G33utXiFb9ZI1XnbnszQr166hfEQC_AJb0pSLUTIuTjZt3-pUF_1d8VKZkA5A6vvb86-DYFLkZP8Q_wT8SnrEGRVG69Z_oWSI1rnfKwBSTGevTAU82eRDnGF9zaZ0CTJbmZo7lTIFf-WS6Ly2VYAp-Osmm6yyDaAXtFnYiCZRrljF0adYJ-66gAma_k2nws3TKpCvlQYJmgJ5uObq0kL4ad5zZtGbk4wrMWfJKj66yzvdpnMq_lnm6TxoJApsaCnGMff8D6LBO5bdX1KLmhl8aFhqyxyX4GzGVvD1O1uJq1D_ffA-hv-lLUB_NAKoNQkYZJouybnQOKWXF86iSx9zO0A8CgAAkNPYoOhXnTZFKVDge48L9ohNoXajuHKhOZNW6n9uriyet4oR6x8qw5-wCgn9MtlS_5L1GqavsWCFJ_46wOcnYKtfQt7Ab0Bx_Mo5rsvPSATRwvwm9-emqFOPrj9TAA_7B0LCVescme8bzlByB5mQdOGCVDFBZ85JaKiThnaoAt_SIbGrIexnUysYlxrhsbjcHxPuW9c15E3skXYF4ezz6tRalEwTVP97oSriUKoYwlAWB3fLSC84IHYFJdXO-1-0Vm00\" \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; PowerOff\r\n\r\nstate PowerOff {\r\n    [*] --&gt; NoPower\r\n    NoPower : Dispositivo apagado\r\n    NoPower --&gt; PowerOn : Bot\u00f3n de encendido presionado\r\n}\r\n\r\nstate PowerOn {\r\n    [*] --&gt; Standby\r\n    Standby : Sistema listo\r\n    Standby --&gt; SelfCheck : Autoprueba peri\u00f3dica (cada 24h)\r\n    Standby --&gt; Monitoring : Iniciar monitoreo (sensor activo)\r\n    \r\n    state SelfCheck {\r\n        [*] --&gt; TestingSensors\r\n        TestingSensors --&gt; TestPass : Todos los sensores OK\r\n        TestingSensors --&gt; TestFail : Error de sensor detectado\r\n        TestPass --&gt; Standby : Volver a espera\r\n        TestFail --&gt; ErrorState : Reportar error\r\n    }\r\n    \r\n    state Monitoring {\r\n        [*] --&gt; NoSmoke\r\n        NoSmoke : Operaci\u00f3n normal\r\n        NoSmoke --&gt; SmokeDetected : Nivel de humo &gt; umbral\r\n        NoSmoke --&gt; LowBattery : Bater\u00eda baja (inal\u00e1mbrico)\r\n        LowBattery --&gt; NoSmoke : Bater\u00eda reemplazada\r\n        \r\n        state SmokeDetected {\r\n            [*] --&gt; InitialAlert\r\n            InitialAlert --&gt; ConfirmedSmoke : Humo persiste &gt; 5 seg\r\n            InitialAlert --&gt; FalseAlarm : Humo se disipa &lt; 5 seg FalseAlarm --&gt; NoSmoke : Reiniciar\r\n            ConfirmedSmoke --&gt; AlarmActive\r\n        }\r\n        \r\n        state AlarmActive {\r\n            [*] --&gt; SoundAlarm : Activar sirena y luces\r\n            SoundAlarm --&gt; SendNotification : Notificar panel de control \/ app\r\n            SendNotification --&gt; WaitForReset\r\n            WaitForReset --&gt; AlarmActive : Humo a\u00fan presente\r\n            WaitForReset --&gt; ResetSystem : Bot\u00f3n de reinicio presionado\r\n            ResetSystem --&gt; NoSmoke : Sistema se reinicia\r\n        }\r\n    }\r\n}\r\n\r\nstate ErrorState {\r\n    [*] --&gt; FaultIndicator : Parpadeo LED de error\r\n    FaultIndicator --&gt; PowerOff : Ciclo de energ\u00eda manual requerido\r\n}\r\n\r\nPowerOn --&gt; ErrorState : Fallo en autoprueba\r\nErrorState --&gt; PowerOff : Ciclo de energ\u00eda\r\n\r\nPowerOff --&gt; [*] : Sistema desconectado \/ bater\u00eda retirada\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:XLRDRXCn4Bv7oZlCiI1LI0Wk5QgQfeseA6dLhU20E4ns9wcfrrviRwk2yZ0y02TkNFDYZEtTh7T3bKX9TyVpVPu_V-w9TMXSNKh8IdrFP-GeTqAhxCawAiUZySW99mdE1AuCbWW50J6cq708cV1EmLPuO2usVvH_kwjBxR5VNdw5myDZkDQFPAwMIszZiAEj1NwEHy2VrdEkmqeqDYzmnDlRIblXn8C6h735-_TTkbqKkvzgrqH2AYTL20wtCcGviO1S3mDHmpWoXwfOF4LZyyB4RSQI_-h-Oa2HN4xlABzdrqdjT6LgMY1KPBWoXSWH3d8i45w_kNknY_webN3Q2BLY-8KIkK03PJIIXWDBoce3cFioDFZu6rFfTc-IIHEwvQunSnOuRBVUjszThz5QZk9M5zg2v6_Sd2nSVTWBdg6G33utXiFb9ZI1XnbnszQr166hfEQC_AJb0pSLUTIuTjZt3-pUF_1d8VKZkA5A6vvb86-DYFLkZP8Q_wT8SnrEGRVG69Z_oWSI1rnfKwBSTGevTAU82eRDnGF9zaZ0CTJbmZo7lTIFf-WS6Ly2VYAp-Osmm6yyDaAXtFnYiCZRrljF0adYJ-66gAma_k2nws3TKpCvlQYJmgJ5uObq0kL4ad5zZtGbk4wrMWfJKj66yzvdpnMq_lnm6TxoJApsaCnGMff8D6LBO5bdX1KLmhl8aFhqyxyX4GzGVvD1O1uJq1D_ffA-hv-lLUB_NAKoNQkYZJouybnQOKWXF86iSx9zO0A8CgAAkNPYoOhXnTZFKVDge48L9ohNoXajuHKhOZNW6n9uriyet4oR6x8qw5-wCgn9MtlS_5L1GqavsWCFJ_46wOcnYKtfQt7Ab0Bx_Mo5rsvPSATRwvwm9-emqFOPrj9TAA_7B0LCVescme8bzlByB5mQdOGCVDFBZ85JaKiThnaoAt_SIbGrIexnUysYlxrhsbjcHxPuW9c15E3skXYF4ezz6tRalEwTVP97oSriUKoYwlAWB3fLSC84IHYFJdXO-1-0Vm00\" \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<p><a href=\"https:\/\/www.vpascode.com\/#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\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3>Arquitectura de alto nivel: Diagrama de componentes del sistema de mensajer\u00eda<\/h3>\n<p>Los diagramas de componentes proporcionan una vista de alto nivel de la arquitectura del sistema. Este ejemplo ilustra un sistema de gesti\u00f3n de mensajer\u00eda, mostrando c\u00f3mo interact\u00faan las aplicaciones cliente, servicios backend, colas de mensajes y bases de datos.<\/p>\n<p><img alt=\"A PlantUML component diagram code for a courier system, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system.jpg\"\/><\/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\">\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:ZLRDJjj04Bv7oZkCV2cLGDoHg209QccX3OIgnsXi3yw2lUlkJr1u8muzyGXviSwkJR0TH-52sDtvvkVRRtPyPYngwueSniffGNgsCfQAuM0uiCBc13FXrmWfGK7Iu0FfzJ-48vW8p3HM9uagIYL9MZ8U-GbEJq_PuMRJhuU3ZHL4vsKk4ap4-bKoFeSa5zum0ZGmTiQgWlHvMNOm9HJhrwN80-Gj6rM1gkoxc2bADdsYs6U9QI4abwEhm05txlV-KEpJRiQQNi9NjFI4gygi5FMoOpWZlHI9KDv_IQb8bGc0NpfbBiCXxGIaP4fC5bK54y4BcopsWGnbJXIUhWftn-Ky2fdjmvMOrRbDSSNasNq0gQou3xV4XnNoPxrbUMiVt1c7MjGXVvi66ot8MELDSHbvS8jnBEprpV4Fl7_4pm5_JSPWHZUEN3lYcFbRly0jKrz52l_vtH0eHOin6e9evFzwpj4gfa0PcscQtLm54FzEHathQoKpDHd9WokLcUDlB1gb1UOT_klSlAstUvV-9MjPtsF2oZ-6gIFjOuOUQ8WRZew-D8G59n3TNipk6C5wdAdaaMp4W8smFsR_9kWTrf5Fih7jhTfQxHnkoQjptXLJvxXpyHKz4of9fYGJmVG5IYlPr1mrymbEEgtXQybkfsEkl2vf2z7DQikWLybRLa4NFjptoMZS5-TTRTwg4cEWk9koDswAs9jFNUnVGGsqz6eoKJ-ieO00CWj0u4TikNu9x3NVgduFjRo7WyvbzcOrSoRH8XQQ-m014-im5y_rAn0QEtvxkgCT7jyQmhkxgBt1OaSJxN3InsmxUfrReBjztysYUqvwxtuuwDdk9MYif745LzHv87TxQ3Rz1wvmE6XqJREMxdRxhQjwYtF0keyuFm8jieK5TT_fSe1h7eqF2Fpw9fesevZ7n5z7FB8FlKsfARJb2eY_4r8L1cyrveO3Rc5FGOZT3hKroW0kYXArZrSFIVvaaEyZt1ooYIejI-8PGJikeST_h2pJw0Eqnm5xhng8N-FrFvbe9PKv0UKBdllYBAMXd5nLTpDtPRhPv9B4alHgpXLQP-R90cL6QJl-6I_u8-a_\" \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 \"App m\u00f3vil del mensajero\" as CourierApp\r\ncomponent \"Panel web de administraci\u00f3n\" as AdminWeb\r\n\r\ncomponent \"API Gateway\" as ApiGateway\r\n\r\ncomponent \"Servicio de pedidos\" as OrderService\r\ncomponent \"Servicio de despacho\" 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 : \"Push a trav\u00e9s de API Gateway\"\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 : \"Push a trav\u00e9s de API Gateway\"\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,\n  optimiza rutas\r\nend note\r\n\r\nnote bottom of MessageQueue\r\n  Eventos as\u00edncronos: order_created,\r\n  location_updated,\r\n  delivery_status_changed\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:ZLRDJjj04Bv7oZkCV2cLGDoHg209QccX3OIgnsXi3yw2lUlkJr1u8muzyGXviSwkJR0TH-52sDtvvkVRRtPyPYngwueSniffGNgsCfQAuM0uiCBc13FXrmWfGK7Iu0FfzJ-48vW8p3HM9uagIYL9MZ8U-GbEJq_PuMRJhuU3ZHL4vsKk4ap4-bKoFeSa5zum0ZGmTiQgWlHvMNOm9HJhrwN80-Gj6rM1gkoxc2bADdsYs6U9QI4abwEhm05txlV-KEpJRiQQNi9NjFI4gygi5FMoOpWZlHI9KDv_IQb8bGc0NpfbBiCXxGIaP4fC5bK54y4BcopsWGnbJXIUhWftn-Ky2fdjmvMOrRbDSSNasNq0gQou3xV4XnNoPxrbUMiVt1c7MjGXVvi66ot8MELDSHbvS8jnBEprpV4Fl7_4pm5_JSPWHZUEN3lYcFbRly0jKrz52l_vtH0eHOin6e9evFzwpj4gfa0PcscQtLm54FzEHathQoKpDHd9WokLcUDlB1gb1UOT_klSlAstUvV-9MjPtsF2oZ-6gIFjOuOUQ8WRZew-D8G59n3TNipk6C5wdAdaaMp4W8smFsR_9kWTrf5Fih7jhTfQxHnkoQjptXLJvxXpyHKz4of9fYGJmVG5IYlPr1mrymbEEgtXQybkfsEkl2vf2z7DQikWLybRLa4NFjptoMZS5-TTRTwg4cEWk9koDswAs9jFNUnVGGsqz6eoKJ-ieO00CWj0u4TikNu9x3NVgduFjRo7WyvbzcOrSoRH8XQQ-m014-im5y_rAn0QEtvxkgCT7jyQmhkxgBt1OaSJxN3InsmxUfrReBjztysYUqvwxtuuwDdk9MYif745LzHv87TxQ3Rz1wvmE6XqJREMxdRxhQjwYtF0keyuFm8jieK5TT_fSe1h7eqF2Fpw9fesevZ7n5z7FB8FlKsfARJb2eY_4r8L1cyrveO3Rc5FGOZT3hKroW0kYXArZrSFIVvaaEyZt1ooYIejI-8PGJikeST_h2pJw0Eqnm5xhng8N-FrFvbe9PKv0UKBdllYBAMXd5nLTpDtPRhPv9B4alHgpXLQP-R90cL6QJl-6I_u8-a_\" \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<p><a href=\"https:\/\/www.vpascode.com\/#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\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3>Infraestructura como c\u00f3digo: Diagrama de implementaci\u00f3n<\/h3>\n<p>VPasCode tambi\u00e9n admite diagramas de implementaci\u00f3n, permitiendo a los equipos visualizar la infraestructura f\u00edsica. Este ejemplo muestra una arquitectura de AWS con Balanceadores de carga, instancias EC2 y bases de datos RDS.<\/p>\n<p><img alt=\"A PlantUML deployment diagram code for a sample architecture, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture.jpg\"\/><\/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\">\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_RZSr60mEFSTXH4igBQKRoWOjNjViaR6aGzumDVjY6um4fIqWWoKh9du0Rb20Xf4spkCtBdaOOwk4I_CBJfGsG4LHsCgYFlBFW40\" \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 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_RZSr60mEFSTXH4igBQKRoWOjNjViaR6aGzumDVjY6um4fIqWWoKh9du0Rb20Xf4spkCtBdaOOwk4I_CBJfGsG4LHsCgYFlBFW40\" \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<p><a href=\"https:\/\/www.vpascode.com\/#plantuml:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3>Arquitectura empresarial: Soporte para ArchiMate<\/h3>\n<p>Para arquitectos empresariales, VPasCode admite la notaci\u00f3n ArchiMate, permitiendo modelar las capas de negocio, aplicaci\u00f3n y tecnolog\u00eda. Este ejemplo ilustra la interacci\u00f3n entre procesos de negocio y servicios tecnol\u00f3gicos subyacentes en un contexto de navegador de internet.<\/p>\n<p><img alt=\"A PlantUML ArchiMate diagram code for an Internet browser, being edited with Visual Paradigm's VPasCode text-to-diagram live editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser.jpg\"\/><\/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\">\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:bLLBRjim4DqBq1sctaG1KkG2HL7bRpI93Lj1q9L0qnEQ0KKI5EKWBNgOBhlegaVmnKfIact5if6kJCxCUpDyUWD_AIqnjYe43AL58z72cL4l9HgOaa8BZACFN59HpH4-4KCNl20MJzFsz3cEuiXoAn3kAYoj8U0grsdu2FTaYOpCbV49tZJngAFRzDle8SlJQJxzUfcTtoJ7c-3jvLMMJuRNDzbsD1kDyulHuxsFnT6rKPNcaYMpgkGIo_841lV85ELgSFmZZW3EcaG-cZqZjUl2-khA7oGeTxRA3oTRR0SwDegwtwHK1RR19dOoI0Mhf08TxWT8fcYMd6B2xRJIMXdR1Dm8K-NlwB7P43Hn2g9eQI2f2tdW9bfmIYXV_PN7li7FZWf4XxJbIZhQT5FRY95kyla5iQJHPBu-EfIBgzAtqgjVZ4i2BpW32KSemN8ij0A3H1pLhziclAeazOV40JHXU8OBikIgCexqN1N-YQJWA6kbjzXtgKAvTAL9wYYNE7O6VSJPsB4wCdzpIlXCi9eWxvYrAvH5kf1AAFRg-3AauRpwGngTidKwJutbJwvNmkKT5igy3YqM9mFNeV1NJk1qfnyiR25EdycIbDHmRUi7Rf6klT3iGhDlthnzgm8CvUgtuLJ1AsXHkQU-bt8SghqP6fk6Ut1fNwUzj4vOVmmpDbIbJtbyymc3md4qGP5V2VMIt-AJxLqPsDb13_Uuq4so_47th4alrGQgaN8Y-FVQGOvXruOzgzV2myGJpXRTRUYnylw6sy2zJqpBaZDPE6_N0lKO_B-QTcm9dKrkGHCyWEXRi3tTQdawy5q3zttAjqM77hWNrZhv03Xbp3XFTuPzqthVUgmfgFTLOv_MyLt5-cRj5FT94aTVKCxTd-m_\" \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\"){\r\n  Business_Object(businessObject, \"Un objeto de negocio\")\r\n  Business_Process(someBusinessProcess,\"Alguno proceso de negocio\")\r\n  Business_Service(itSupportService, \"Soporte de TI para el negocio (Servicio de aplicaci\u00f3n)\")\r\n}\r\n\r\nGrouping(application, \"Aplicaci\u00f3n\"){\r\n  Application_DataObject(dataObject, \"Datos de p\u00e1gina web n 'en tiempo real'\")\r\n  Application_Function(webpageBehaviour, \"Comportamiento de p\u00e1gina web\")\r\n  Application_Component(ActivePartWebPage, \"Parte activa de la p\u00e1gina web n 'en tiempo real'\")\r\n}\r\n\r\nGrouping(technology, \"Tecnolog\u00eda\"){\r\n  Technology_Artifact(inMemoryItem,\"en memoria \/ 'en tiempo real' html\/javascript\")\r\n  Technology_Service(internetBrowser, \"Navegador de internet gen\u00e9rico y plugin\")\r\n  Technology_Service(internetBrowserPlugin, \"Alguno plugin de navegador de internet\")\r\n  Technology_Service(webServer, \"Alguno servidor web\")\r\n}\r\n\r\n\r\nRel_Flow_Left(someBusinessProcess, businessObject, \"\")\r\nRel_Serving_Up(itSupportService, someBusinessProcess, \"\")\r\nRel_Specialization_Up(webpageBehaviour, itSupportService, \"\")\r\nRel_Flow_Right(dataObject, webpageBehaviour, \"\")\r\nRel_Specialization_Up(dataObject, businessObject, \"\")\r\nRel_Assignment_Left(ActivePartWebPage, webpageBehaviour, \"\")\r\nRel_Specialization_Up(inMemoryItem, dataObject, \"\")\r\nRel_Realization_Up(inMemoryItem, ActivePartWebPage, \"\")\r\nRel_Specialization_Right(inMemoryItem,internetBrowser, \"\")\r\nRel_Serving_Up(internetBrowser, webpageBehaviour, \"\")\r\nRel_Serving_Up(internetBrowserPlugin, webpageBehaviour, \"\")\r\nRel_Aggregation_Right(internetBrowser, internetBrowserPlugin, \"\")\r\nRel_Access_Up(webServer, inMemoryItem, \"\")\r\nRel_Serving_Up(webServer, internetBrowser, \"\")\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:bLLBRjim4DqBq1sctaG1KkG2HL7bRpI93Lj1q9L0qnEQ0KKI5EKWBNgOBhlegaVmnKfIact5if6kJCxCUpDyUWD_AIqnjYe43AL58z72cL4l9HgOaa8BZACFN59HpH4-4KCNl20MJzFsz3cEuiXoAn3kAYoj8U0grsdu2FTaYOpCbV49tZJngAFRzDle8SlJQJxzUfcTtoJ7c-3jvLMMJuRNDzbsD1kDyulHuxsFnT6rKPNcaYMpgkGIo_841lV85ELgSFmZZW3EcaG-cZqZjUl2-khA7oGeTxRA3oTRR0SwDegwtwHK1RR19dOoI0Mhf08TxWT8fcYMd6B2xRJIMXdR1Dm8K-NlwB7P43Hn2g9eQI2f2tdW9bfmIYXV_PN7li7FZWf4XxJbIZhQT5FRY95kyla5iQJHPBu-EfIBgzAtqgjVZ4i2BpW32KSemN8ij0A3H1pLhziclAeazOV40JHXU8OBikIgCexqN1N-YQJWA6kbjzXtgKAvTAL9wYYNE7O6VSJPsB4wCdzpIlXCi9eWxvYrAvH5kf1AAFRg-3AauRpwGngTidKwJutbJwvNmkKT5igy3YqM9mFNeV1NJk1qfnyiR25EdycIbDHmRUi7Rf6klT3iGhDlthnzgm8CvUgtuLJ1AsXHkQU-bt8SghqP6fk6Ut1fNwUzj4vOVmmpDbIbJtbyymc3md4qGP5V2VMIt-AJxLqPsDb13_Uuq4so_47th4alrGQgaN8Y-FVQGOvXruOzgzV2myGJpXRTRUYnylw6sy2zJqpBaZDPE6_N0lKO_B-QTcm9dKrkGHCyWEXRi3tTQdawy5q3zttAjqM77hWNrZhv03Xbp3XFTuPzqthVUgmfgFTLOv_MyLt5-cRj5FT94aTVKCxTd-m_\" \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<p><a href=\"https:\/\/www.vpascode.com\/#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\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3>Modelado de datos: ERD de entradas de cine<\/h3>\n<p>Los diagramas de entidad-relaci\u00f3n (ERD) son cruciales para el dise\u00f1o de bases de datos. VPasCode admite tanto las notaciones ERD est\u00e1ndar como las de Chen. Este ejemplo modela un sistema de entradas de cine, definiendo entidades como<code data-backticks=\"1\">Cliente<\/code>,\u00a0<code data-backticks=\"1\">Pel\u00edcula<\/code>,\u00a0<code data-backticks=\"1\">Espect\u00e1culo<\/code>, y <code data-backticks=\"1\">Reserva<\/code>.<\/p>\n<p><img alt=\"A PlantUML entity relationship diagram (ERD) code for a cinema ticket system, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system.jpg\"\/><\/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\">\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:dLRDRkCs4BuBo3iGlhG9723TefTW4QpMOLhj-W-AiyXDeAMnbmL5QabgWIRfm_G1UkWpvCLAYgGjML8Az6IICnv-ytqpGtrGcaXTb-miEek0Qwh_G9CPesO94qGKojqQFPz525s4RKOBT8qU7f9RzFx6MYuldPsBSYl1sBx4wUotEFtnbwjpPo4LC4OBCMJBXPJGjlnqTNNk8ryW3GnsWhVjxy8_gvfheJ86X6bYCINBZRFi8FzACWbxghIq_zqa2to_YHVhi-ZFThPhOAz_vpKZJRu69RMRa73OZsPiWjIiYos0Aq3babOv5TpUZnyzjAAMn1vc9UMrWT-6lGSESf0abn0Z_8cKLWJhT1jliAUGCBgZEV6N7OayFqbtHhbNrYmEifhrVsYQDVvTYRooge6ZCYqqOT19fw2g4eessGO_O_zqlrgUuCAgWbo__cN85Wq-Q0w8tGUOhQDHjAE2ZMHvWRuAIRBsRPrQENZiAEzRQ455IORaKlNMbORDz-DgDSVnqYEKOFYmfMbWIgiYdYMBU6uedRuxx_XyfrNVtg4jTgGsZ7c20rj-EyhK21sWwRSQj4sOsSnSKNjSl2vDUGOfsqfhMhNFUvqAAYDv3efk6RGPwMIJWWBvtNMYTEkGZT-EPpCocTwk6gzjkAkdRoaiWqrX3mi5Pe0MWmcNe4KXiehis-QVWvaMcPQ4AqFAQSlsUjRJqjOwq76Y-G1Bx-y-JzUVRsv6YwBjSEWYLtzRmS0DcdxcThhLJInIcPPpBBnLgcl3X9knbf8mNyrwLDCnpRqkmxZSdFIqdyZfr3hLvFYQ44KaC38gceGTIE0vjIxEjpVvUygz_dCiQDwfP_v_olcj0TTz10wzcOlI12EIYiux59x81bR_WVm1fIO_6mjK5Bu3NbukByKpEZRCH9gtbpwHINHuEhrFTwHEAYdsafIa81QFc4JDWpBiIvZutKHid_OlrWOHJA9mOXrUddkDOHnpKopEDnnsWxLzpNBFRIsJayWlo1T5k7U0aOR6IVFgRw5FoD75TfVrYBYPBAQJf5N2_BRImqsfNgCrNjucUBd1KpHRBU-IT17VhimwNixml5dYntMIcfKBHf--rHHaqOGx9jOUpzSenRy-pEDqYhuawobQnod-5FUm-7nRFTD1Wn-JpUhUt7yNp-U91P9YlFYucjzRBD47u8NvhlmN\" \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  * correo : VARCHAR(100) &lt;&gt;\r\n  * telefono : VARCHAR(20)\r\n  * puntos_lealtad : 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 \"Espect\u00e1culo\" as espectaculo {\r\n  * espectaculo_id : UUID &lt;&gt;\r\n  --\r\n  * pelicula_id : UUID &lt;&gt;\r\n  * cine_id : UUID &lt;&gt;\r\n  * hora_espectaculo : 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  * espectaculo_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{ espectaculo : \"programada como\"\ncine ||--o{ espectaculo : \"aloja\"\nespectaculo ||--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:dLRDRkCs4BuBo3iGlhG9723TefTW4QpMOLhj-W-AiyXDeAMnbmL5QabgWIRfm_G1UkWpvCLAYgGjML8Az6IICnv-ytqpGtrGcaXTb-miEek0Qwh_G9CPesO94qGKojqQFPz525s4RKOBT8qU7f9RzFx6MYuldPsBSYl1sBx4wUotEFtnbwjpPo4LC4OBCMJBXPJGjlnqTNNk8ryW3GnsWhVjxy8_gvfheJ86X6bYCINBZRFi8FzACWbxghIq_zqa2to_YHVhi-ZFThPhOAz_vpKZJRu69RMRa73OZsPiWjIiYos0Aq3babOv5TpUZnyzjAAMn1vc9UMrWT-6lGSESf0abn0Z_8cKLWJhT1jliAUGCBgZEV6N7OayFqbtHhbNrYmEifhrVsYQDVvTYRooge6ZCYqqOT19fw2g4eessGO_O_zqlrgUuCAgWbo__cN85Wq-Q0w8tGUOhQDHjAE2ZMHvWRuAIRBsRPrQENZiAEzRQ455IORaKlNMbORDz-DgDSVnqYEKOFYmfMbWIgiYdYMBU6uedRuxx_XyfrNVtg4jTgGsZ7c20rj-EyhK21sWwRSQj4sOsSnSKNjSl2vDUGOfsqfhMhNFUvqAAYDv3efk6RGPwMIJWWBvtNMYTEkGZT-EPpCocTwk6gzjkAkdRoaiWqrX3mi5Pe0MWmcNe4KXiehis-QVWvaMcPQ4AqFAQSlsUjRJqjOwq76Y-G1Bx-y-JzUVRsv6YwBjSEWYLtzRmS0DcdxcThhLJInIcPPpBBnLgcl3X9knbf8mNyrwLDCnpRqkmxZSdFIqdyZfr3hLvFYQ44KaC38gceGTIE0vjIxEjpVvUygz_dCiQDwfP_v_olcj0TTz10wzcOlI12EIYiux59x81bR_WVm1fIO_6mjK5Bu3NbukByKpEZRCH9gtbpwHINHuEhrFTwHEAYdsafIa81QFc4JDWpBiIvZutKHid_OlrWOHJA9mOXrUddkDOHnpKopEDnnsWxLzpNBFRIsJayWlo1T5k7U0aOR6IVFgRw5FoD75TfVrYBYPBAQJf5N2_BRImqsfNgCrNjucUBd1KpHRBU-IT17VhimwNixml5dYntMIcfKBHf--rHHaqOGx9jOUpzSenRy-pEDqYhuawobQnod-5FUm-7nRFTD1Wn-JpUhUt7yNp-U91P9YlFYucjzRBD47u8NvhlmN\" \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<p><a href=\"https:\/\/www.vpascode.com\/#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\">Editar PlantUML en VPasCode<\/a><\/p>\n<h2>Mermaid.js: Diagramas amigables con Markdown<\/h2>\n<p>Para equipos que documentan extensamente en Markdown (como en READMEs de GitHub o Confluence), Mermaid.js es la elecci\u00f3n ideal. VPasCode renderiza Mermaid de forma nativa en el navegador, admitiendo diagramas de flujo, diagramas de clases, diagramas de secuencia, gr\u00e1ficos de Gantt, mapas mentales y m\u00e1s.<\/p>\n<h3>Diagrama de flujo de decisiones de atenci\u00f3n m\u00e9dica<\/h3>\n<p>Este diagrama de flujo gu\u00eda a los pacientes a trav\u00e9s de un proceso de toma de decisiones de atenci\u00f3n m\u00e9dica, desde el reconocimiento de s\u00edntomas hasta el tratamiento.<\/p>\n<p><img alt=\"A Mermaid.js flowchart code for a 'see doctor' flow, being edited with Visual Paradigm's VPasCode text-to-diagram live editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor.jpg\"\/><\/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\">\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:eNplkk1uwjAQhfdI3GEugHqDVlAC5VeoVN1YLAZnCq4cG9kJlVp6oC5YcYBKzcU6dgJEIjvLb9573zhv2n7ILbocXvrtFvDXFUsyuXKeIEMNFgxJ8ipHB+jJW4eZYoGFrPxJlbQr6HTuoff195t4KAwCZeQ2ZKTCh+92qzLtBdFhWR4P8CimGrPgBp7cXkllPaTUGONMFa6L+uxXTZO5PUBfLJzduGgjuRpIa4D0pdI5th+7JaLrlc+jp8Y4UDsm8X4gkj3qAqUqT4ar3PoMom7IjEuCLYIj1OoTUxtCU4UbU544QNor8fBK\/CQWGoMx5A7zen2rpiwwjcTSaiXjoneuoHXkrlSjmD8WzyTVmjkc+ULnnB83p9E3JoJ+XHGdx5\/iccIPuyl4mjvfFplEzZQRZ\/TOj2xAs7svjyzJ0F\/BplewWShU7MjVq7uDmFD\/H67IlUGnzgnTC+pcvFq9J36P5qqDZl4V\/weL4NOk\" \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 asesoramiento 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 realizado el diagn\u00f3stico?}\r\n\r\n    G --&gt;|S\u00ed| H[Plan de tratamiento]\r\n    G --&gt;|No| I[Solicitar 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{\u00bfMejoran 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:eNplkk1uwjAQhfdI3GEugHqDVlAC5VeoVN1YLAZnCq4cG9kJlVp6oC5YcYBKzcU6dgJEIjvLb9573zhv2n7ILbocXvrtFvDXFUsyuXKeIEMNFgxJ8ipHB+jJW4eZYoGFrPxJlbQr6HTuoff195t4KAwCZeQ2ZKTCh+92qzLtBdFhWR4P8CimGrPgBp7cXkllPaTUGONMFa6L+uxXTZO5PUBfLJzduGgjuRpIa4D0pdI5th+7JaLrlc+jp8Y4UDsm8X4gkj3qAqUqT4ar3PoMom7IjEuCLYIj1OoTUxtCU4UbU544QNor8fBK\/CQWGoMx5A7zen2rpiwwjcTSaiXjoneuoHXkrlSjmD8WzyTVmjkc+ULnnB83p9E3JoJ+XHGdx5\/iccIPuyl4mjvfFplEzZQRZ\/TOj2xAs7svjyzJ0F\/BplewWShU7MjVq7uDmFD\/H67IlUGnzgnTC+pcvFq9J36P5qqDZl4V\/weL4NOk\" \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<p><a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\">Editar Mermaid en VPasCode<\/a><\/p>\n<h2>Graphviz: Topolog\u00edas de red y estructuras de datos<\/h2>\n<p>Graphviz utiliza el lenguaje DOT para crear gr\u00e1ficos complejos. Es particularmente \u00fatil para visualizar topolog\u00edas de red, \u00e1rboles de dependencias y estructuras de datos.<\/p>\n<h3>Topolog\u00eda de red de centro de datos<\/h3>\n<p>Este gr\u00e1fico ilustra una red de centro de datos simplificada, mostrando hosts conectados a trav\u00e9s de switches interconectados con enlaces troncales y conexiones de conmutaci\u00f3n por error.<\/p>\n<p><img alt=\"A Graphviz code for a sample graph, being edited with Visual Paradigm's VPasCode text-to-diagram live editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph.jpg\"\/><\/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\">\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:eNqNU01r4zAQvS\/0Pwj36pQmsXfbgw4pFNpLL+myhxDKRBrbAmVkRko\/2Z+0p\/0J\/WMr2zEVJVmqg9HMvDd68xjXDG0jfpI2jCqgXrZAZKi+Z0TxdvJNxFM5CgRblNkN2kcMRkG+YAM290B+4pFNlQ1QCxu0MruligF94J0KOwahUTBqEdiRAtuFwbXOuvr9T1\/cgrX9RSFFUHfTEJxPu1qnZLbJPiR584pyWgyJ\/kMuEldfkpsL30CLUhlWFmMUXizKyliLOhcqamOZnRY\/yvL7ZQR3hTFZTauy6pJPRodGnp9ddPVn1L2gODOuB02o6yhnpF0WMN9cRFqLNDBnZ+X6Q\/zyyQTVLGzbgBCrvZHLXw+LT8+rjS5xmq0T0hWGyElJV\/8j3UWbpmJ\/RtKN8+HhPIXMDkNmCWR+GDJPIMVhSJEdGX0ySYcaSeKaLCgcN6gzH03dBFmuD3XoJzxWmH12bp+fH8kXiWljC7EaFkaDb9KF2fucjz+CuKWArBzhs3n\/S\/2KO9ruAqg+bh0LZHYc7fj9D9vQFyM=\" \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 red troncal de topolog\u00eda de malla de centro de datos\"\r\n    labelloc=\"b\"\r\n    fontsize=14\r\n    \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]\n    \n    SwitchAlpha  [label=\"SW_A\", fillcolor=\"#cbd5e1\"]\n    SwitchBeta   [label=\"SW_B\", fillcolor=\"#cbd5e1\"]\n    Node1        [label=\"Host_01\"]\n    Node2        [label=\"Host_02\"]\n    Node3        [label=\"Host_03\"]\n    Node4        [label=\"Host_04\"]\n    \n    SwitchAlpha -- SwitchBeta [label=\" Enlace troncal\", weight=5]\n    SwitchAlpha -- Node1\n    SwitchAlpha -- Node2\n    SwitchBeta -- Node3\n    SwitchBeta -- Node4\n    Node1 -- Node2 [style=dashed, color=\"#cbd5e1\", label=\" Interconexi\u00f3n de conmutaci\u00f3n por error\"]\n}\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU01r4zAQvS\/0Pwj36pQmsXfbgw4pFNpLL+myhxDKRBrbAmVkRko\/2Z+0p\/0J\/WMr2zEVJVmqg9HMvDd68xjXDG0jfpI2jCqgXrZAZKi+Z0TxdvJNxFM5CgRblNkN2kcMRkG+YAM290B+4pFNlQ1QCxu0MruligF94J0KOwahUTBqEdiRAtuFwbXOuvr9T1\/cgrX9RSFFUHfTEJxPu1qnZLbJPiR584pyWgyJ\/kMuEldfkpsL30CLUhlWFmMUXizKyliLOhcqamOZnRY\/yvL7ZQR3hTFZTauy6pJPRodGnp9ddPVn1L2gODOuB02o6yhnpF0WMN9cRFqLNDBnZ+X6Q\/zyyQTVLGzbgBCrvZHLXw+LT8+rjS5xmq0T0hWGyElJV\/8j3UWbpmJ\/RtKN8+HhPIXMDkNmCWR+GDJPIMVhSJEdGX0ySYcaSeKaLCgcN6gzH03dBFmuD3XoJzxWmH12bp+fH8kXiWljC7EaFkaDb9KF2fucjz+CuKWArBzhs3n\/S\/2KO9ruAqg+bh0LZHYc7fj9D9vQFyM=\" \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<p><a href=\"https:\/\/www.vpascode.com\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\">Editar Graphviz en VPasCode<\/a><\/p>\n<h2>Automatizaci\u00f3n nativa de IA: Potenciando tu flujo de trabajo<\/h2>\n<p>VPasCode no es solo un editor de texto; es un asistente impulsado por IA. Mientras que el plan gratuito ofrece soporte esencial para m\u00faltiples motores, vista previa en tiempo real y exportaciones flexibles (PNG\/SVG), las funciones de pago desbloquean capacidades de IA revolucionarias.<\/p>\n<h3>Funciones clave de IA:<\/h3>\n<ul>\n<li>\n<p><strong>De lenguaje natural a diagrama:<\/strong> Traducir descripciones de arquitectura en ingl\u00e9s sencillo directamente a scripts de c\u00f3digo limpios y listos para renderizar.<\/p>\n<\/li>\n<li>\n<p><strong>Correcci\u00f3n de errores de c\u00f3digo con IA:<\/strong> \u00bfAtascado con un error de sintaxis? La IA integrada analiza tu c\u00f3digo de PlantUML, Mermaid o Graphviz y corrige los errores autom\u00e1ticamente.<\/p>\n<\/li>\n<\/ul>\n<p><img alt=\"An illustration showing how the AI code error fix functionality works\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2.jpg\"\/><\/p>\n<ul>\n<li>\n<p><strong>Traducci\u00f3n de diagramas con IA:<\/strong> Traducir sin problemas texto y etiquetas dentro de tus diagramas a varios idiomas con un solo clic, manteniendo intactas las estructuras de sintaxis.<\/p>\n<\/li>\n<\/ul>\n<p><img alt=\"This is an illustration showing how the translation feature works in VPasCode\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese.jpg\"\/><\/p>\n<h2>Compartir y colaboraci\u00f3n<\/h2>\n<p>VPasCode hace que compartir sea sencillo. Puedes generar una URL web \u00fanica y persistente para compartir diagramas en vivo con compa\u00f1eros de equipo o clientes para revisiones colaborativas. Para documentaci\u00f3n formal, puedes descargar tu trabajo como im\u00e1genes PNG de alta calidad o gr\u00e1ficos vectoriales SVG escalables.<\/p>\n<h2>Acceso a funciones premium<\/h2>\n<p>Si eres un usuario existente de Visual Paradigm, es posible que ya tengas acceso a estas funciones premium de IA:<\/p>\n<ul>\n<li>\n<p><strong>Edici\u00f3n Combo Online de Visual Paradigm<\/strong> (o superior).<\/p>\n<\/li>\n<li>\n<p><strong>Edici\u00f3n Profesional de Escritorio de Visual Paradigm<\/strong> (o superior) con un contrato de mantenimiento activo.<\/p>\n<\/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 obtienes acceso instant\u00e1neo a las herramientas premium de IA de VPasCode sin coste adicional.<\/p>\n<\/blockquote>\n<h2>Consejos y trucos para equipos \u00e1giles<\/h2>\n<ol>\n<li>\n<p><strong>Control de versiones de tus diagramas:<\/strong> Dado que VPasCode genera texto, guarda tus <code data-backticks=\"1\">.puml<\/code>,\u00a0<code data-backticks=\"1\">.mmd<\/code>, o <code data-backticks=\"1\">.dot<\/code> en tu repositorio de Git. Esto te permite rastrear cambios, revertir errores y revisar la evoluci\u00f3n de la arquitectura con el tiempo.<\/p>\n<\/li>\n<li>\n<p><strong>Usa enlaces en vivo para las reuniones diarias:<\/strong>En lugar de capturar capturas de pantalla de diagramas para Slack o Teams, comparta la URL en vivo de VPasCode. Las partes interesadas pueden ver la versi\u00f3n m\u00e1s reciente sin necesidad de descargar archivos.<\/p>\n<\/li>\n<li>\n<p><strong>Aproveche la IA para el c\u00f3digo repetitivo:<\/strong>Utilice la funci\u00f3n de Diagramaci\u00f3n con Lenguaje Natural para generar r\u00e1pidamente c\u00f3digo esqueleto para diagramas complejos y luego ref\u00ednelos manualmente. Esto ahorra tiempo en la memorizaci\u00f3n de la sintaxis.<\/p>\n<\/li>\n<li>\n<p><strong>Estandarice las plantillas:<\/strong>Cree fragmentos de c\u00f3digo reutilizables para tipos de diagramas comunes (por ejemplo, plantillas de implementaci\u00f3n de AWS, diagramas de componentes de microservicios) y comp\u00e1rtalos en todo el equipo para garantizar la consistencia.<\/p>\n<\/li>\n<li>\n<p><strong>Integre con CI\/CD:<\/strong>Dado que los diagramas son c\u00f3digo, puede integrar las exportaciones de VPasCode en su pipeline de CI\/CD para generar y publicar autom\u00e1ticamente diagramas de arquitectura actualizados con cada lanzamiento.<\/p>\n<\/li>\n<\/ol>\n<h2>Conclusi\u00f3n<\/h2>\n<p>VPasCode representa un avance significativo para los equipos \u00e1giles que buscan cerrar la brecha entre el c\u00f3digo y la documentaci\u00f3n. Al unificar PlantUML, Mermaid.js y Graphviz en una \u00fanica plataforma potenciada por IA, elimina la fricci\u00f3n de las herramientas de diagramaci\u00f3n tradicionales. Para desarrolladores y arquitectos que valoran la velocidad, la precisi\u00f3n y el control de versiones, VPasCode ofrece una forma fluida de mantener la documentaci\u00f3n arquitect\u00f3nica viva, precisa e integrada en el flujo de trabajo de desarrollo. Ya sea que est\u00e9 modelando un viaje de usuario simple o un sistema distribuido complejo, VPasCode garantiza que sus diagramas evolucionen tan r\u00e1pidamente como su c\u00f3digo.<\/p>\n<hr\/>\n<h2>Referencia<\/h2>\n<ol>\n<li><strong><a href=\"https:\/\/www.visual-paradigm.com\/guide\/comprehensive-guide-to-vpascode-by-visual-paradigm\/\">Gu\u00eda completa de VPasCode por Visual Paradigm<\/a><\/strong>: Una descripci\u00f3n detallada de la arquitectura central de VPasCode, la unidad multi-motor y las funciones de automatizaci\u00f3n nativas de IA.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\">Presentaci\u00f3n de VPasCode: La plataforma definitiva unificada de texto a diagrama<\/a><\/strong>: El anuncio oficial de lanzamiento que detalla el lanzamiento de VPasCode y su soporte para PlantUML, Mermaid.js y Graphviz.<\/li>\n<li><strong><a href=\"https:\/\/www.visual-paradigm.com\/guide\/clarity-by-design-streamlining-infrastructure-documentation-with-vpascode-and-graphviz\/\">Claridad por dise\u00f1o: Simplificaci\u00f3n de la documentaci\u00f3n de infraestructura con VPasCode y Graphviz<\/a><\/strong>: Una gu\u00eda centrada en el uso de Graphviz dentro de VPasCode para crear diagramas claros de infraestructura y topolog\u00eda de red.<\/li>\n<li><strong><a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Caracter\u00edsticas de VPasCode<\/a><\/strong>: Un resumen de las caracter\u00edsticas clave, incluida la vista previa en tiempo real, el f\u00e1cil intercambio y las exportaciones flexibles.<\/li>\n<li><strong><a href=\"https:\/\/www.visual-paradigm.com\/guide\/mastering-vpascode-the-ultimate-guide-to-ai-powered-diagram-as-code-with-multi-engine-support\/\">Dominando VPasCode: La gu\u00eda definitiva para el diagrama como c\u00f3digo impulsado por IA con soporte multi-motor<\/a><\/strong>: Un tutorial completo sobre c\u00f3mo aprovechar las funciones de IA como la correcci\u00f3n de errores y la traducci\u00f3n dentro de VPasCode.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\">Rompa las barreras ling\u00fc\u00edsticas de forma nativa con la nueva traducci\u00f3n de diagramas con IA de VPasCode<\/a><\/strong>: Un art\u00edculo que explica la funci\u00f3n de traducci\u00f3n de diagramas con IA y c\u00f3mo localiza las etiquetas mientras preserva la sintaxis.<\/li>\n<li><strong><a href=\"https:\/\/online.visual-paradigm.com\/\">Visual Paradigm Online<\/a><\/strong>: El portal principal para acceder a las herramientas en l\u00ednea de Visual Paradigm, incluido VPasCode.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/never-get-stuck-on-syntax-again-introducing-ai-code-error-fixing-in-vpascode\/\">Nunca m\u00e1s atascado en la sintaxis: Presentaci\u00f3n de la correcci\u00f3n de errores de c\u00f3digo con IA en VPasCode<\/a><\/strong>: Un an\u00e1lisis detallado de la funcionalidad de correcci\u00f3n de errores de c\u00f3digo con IA y c\u00f3mo ayuda a los desarrolladores a resolver problemas de sintaxis al instante.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n En el mundo acelerado del desarrollo \u00c1gil, la documentaci\u00f3n a menudo se convierte en el cuello de botella. Las herramientas tradicionales de diagramaci\u00f3n con arrastrar y soltar requieren un&hellip;<\/p>\n","protected":false},"author":3,"featured_media":724,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","inline_featured_image":false,"fifu_image_url":"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png","fifu_image_alt":"","footnotes":""},"categories":[13,65],"tags":[],"class_list":["post-723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles - Go Minder Spanish - Your Hub for AI and Software Trends<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles - Go Minder Spanish - Your Hub for AI and Software Trends\" \/>\n<meta property=\"og:description\" content=\"Introducci\u00f3n En el mundo acelerado del desarrollo \u00c1gil, la documentaci\u00f3n a menudo se convierte en el cuello de botella. Las herramientas tradicionales de diagramaci\u00f3n con arrastrar y soltar requieren un&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\" \/>\n<meta property=\"og:site_name\" content=\"Go Minder Spanish - Your Hub for AI and Software Trends\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-16T01:12:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png\" \/>\n\t<meta property=\"og:image:width\" content=\"977\" \/>\n\t<meta property=\"og:image:height\" content=\"543\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.go-minder.com\/es\/#\/schema\/person\/16da910cd6b226cc1dd44b77156cb29d\"},\"headline\":\"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles\",\"datePublished\":\"2026-06-16T01:12:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\"},\"wordCount\":2127,\"publisher\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/img_6a30a2ba2873e.png\",\"articleSection\":[\"AI\",\"VPasCode\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\",\"url\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\",\"name\":\"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles - Go Minder Spanish - Your Hub for AI and Software Trends\",\"isPartOf\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/img_6a30a2ba2873e.png\",\"datePublished\":\"2026-06-16T01:12:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage\",\"url\":\"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/img_6a30a2ba2873e.png\",\"contentUrl\":\"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/img_6a30a2ba2873e.png\",\"width\":977,\"height\":543},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.go-minder.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.go-minder.com\/es\/#website\",\"url\":\"https:\/\/www.go-minder.com\/es\/\",\"name\":\"Go Minder Spanish - Your Hub for AI and Software Trends\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.go-minder.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.go-minder.com\/es\/#organization\",\"name\":\"Go Minder Spanish - Your Hub for AI and Software Trends\",\"url\":\"https:\/\/www.go-minder.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.go-minder.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/01\/cropped-go-minder-favicon.png\",\"contentUrl\":\"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/01\/cropped-go-minder-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"Go Minder Spanish - Your Hub for AI and Software Trends\"},\"image\":{\"@id\":\"https:\/\/www.go-minder.com\/es\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.go-minder.com\/es\/#\/schema\/person\/16da910cd6b226cc1dd44b77156cb29d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.go-minder.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.go-minder.com\/es\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles - Go Minder Spanish - Your Hub for AI and Software Trends","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","og_locale":"es_ES","og_type":"article","og_title":"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles - Go Minder Spanish - Your Hub for AI and Software Trends","og_description":"Introducci\u00f3n En el mundo acelerado del desarrollo \u00c1gil, la documentaci\u00f3n a menudo se convierte en el cuello de botella. Las herramientas tradicionales de diagramaci\u00f3n con arrastrar y soltar requieren un&hellip;","og_url":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","og_site_name":"Go Minder Spanish - Your Hub for AI and Software Trends","article_published_time":"2026-06-16T01:12:15+00:00","og_image":[{"url":"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png","type":"","width":"","height":""},{"width":977,"height":543,"url":"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png","twitter_misc":{"Escrito por":false,"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#article","isPartOf":{"@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/"},"author":{"name":"curtis","@id":"https:\/\/www.go-minder.com\/es\/#\/schema\/person\/16da910cd6b226cc1dd44b77156cb29d"},"headline":"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles","datePublished":"2026-06-16T01:12:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/"},"wordCount":2127,"publisher":{"@id":"https:\/\/www.go-minder.com\/es\/#organization"},"image":{"@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/img_6a30a2ba2873e.png","articleSection":["AI","VPasCode"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","url":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","name":"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles - Go Minder Spanish - Your Hub for AI and Software Trends","isPartOf":{"@id":"https:\/\/www.go-minder.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage"},"image":{"@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/img_6a30a2ba2873e.png","datePublished":"2026-06-16T01:12:15+00:00","breadcrumb":{"@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage","url":"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/img_6a30a2ba2873e.png","contentUrl":"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/img_6a30a2ba2873e.png","width":977,"height":543},{"@type":"BreadcrumbList","@id":"https:\/\/www.go-minder.com\/es\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.go-minder.com\/es\/"},{"@type":"ListItem","position":2,"name":"De Texto a Arquitectura: Dominando VPasCode de Visual Paradigm para Equipos \u00c1giles"}]},{"@type":"WebSite","@id":"https:\/\/www.go-minder.com\/es\/#website","url":"https:\/\/www.go-minder.com\/es\/","name":"Go Minder Spanish - Your Hub for AI and Software Trends","description":"","publisher":{"@id":"https:\/\/www.go-minder.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.go-minder.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.go-minder.com\/es\/#organization","name":"Go Minder Spanish - Your Hub for AI and Software Trends","url":"https:\/\/www.go-minder.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.go-minder.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/01\/cropped-go-minder-favicon.png","contentUrl":"https:\/\/www.go-minder.com\/es\/wp-content\/uploads\/sites\/5\/2026\/01\/cropped-go-minder-favicon.png","width":512,"height":512,"caption":"Go Minder Spanish - Your Hub for AI and Software Trends"},"image":{"@id":"https:\/\/www.go-minder.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.go-minder.com\/es\/#\/schema\/person\/16da910cd6b226cc1dd44b77156cb29d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.go-minder.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.go-minder.com\/es\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/posts\/723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/comments?post=723"}],"version-history":[{"count":0,"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/posts\/723\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/media\/724"}],"wp:attachment":[{"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/media?parent=723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/categories?post=723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.go-minder.com\/es\/wp-json\/wp\/v2\/tags?post=723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}