{"id":11091,"date":"2026-05-28T11:25:50","date_gmt":"2026-05-28T03:25:50","guid":{"rendered":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/"},"modified":"2026-05-28T11:25:50","modified_gmt":"2026-05-28T03:25:50","slug":"a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach","status":"publish","type":"post","link":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/","title":{"rendered":"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm"},"content":{"rendered":"<h2>Introducci\u00f3n<\/h2>\n<p>En el actual entorno de software en constante evoluci\u00f3n, la capacidad de comunicar arquitecturas de sistemas complejas de forma clara y consistente se ha convertido en un diferenciador cr\u00edtico para los equipos de ingenier\u00eda exitosos. El modelo C4\u2014Contexto, Contenedores, Componentes y C\u00f3digo\u2014ha surgido como el est\u00e1ndar de facto para la visualizaci\u00f3n jer\u00e1rquica de arquitecturas, ofreciendo un marco escalable que beneficia a todos, desde CTOs hasta desarrolladores junior. Sin embargo, crear y mantener estos diagramas tradicionalmente ha requerido una gran cantidad de esfuerzo manual, conocimientos especializados en herramientas y una sobrecarga continua de mantenimiento.<\/p>\n<p><img alt=\"Building C4 Diagrams with Visual Paradigm's Multi-Method Approach\" class=\"alignnone\" decoding=\"async\" height=\"506\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/img_69e8ac02e7121.png\" width=\"912\"\/><\/p>\n<p>Visual Paradigm ha redise\u00f1ado este flujo de trabajo al introducir cuatro m\u00e9todos distintos y complementarios para crear diagramas C4: modelado manual, generaci\u00f3n impulsada por IA, C4-PlantUML Studio para arquitectos orientados al c\u00f3digo y automatizaci\u00f3n program\u00e1tica mediante API. Este estudio de caso completo explora cada enfoque desde la perspectiva de una implementaci\u00f3n real: el dise\u00f1o de la arquitectura para una red inteligente de carga de veh\u00edculos el\u00e9ctricos. Ya sea que est\u00e9 evaluando herramientas para su organizaci\u00f3n, buscando modernizar sus pr\u00e1cticas de documentaci\u00f3n o simplemente curioso sobre el dise\u00f1o de arquitecturas asistido por IA, esta gu\u00eda ofrece ideas pr\u00e1cticas, flujos de trabajo \u00fatiles y patrones comprobados para ayudarle a dominar la creaci\u00f3n de diagramas C4 con Visual Paradigm.<\/p>\n<hr\/>\n<h2>1. Modelado manual (Web y escritorio): El enfoque tradicional<\/h2>\n<p>Para arquitectos que prefieren un control granular sobre cada elemento, las capacidades de modelado manual de Visual Paradigm ofrecen una base s\u00f3lida. Este m\u00e9todo implica arrastrar y soltar elementos espec\u00edficos C4\u2014Personas, Sistemas de software, Contenedores y Componentes\u2014en su lienzo.<\/p>\n<p><strong>Experiencia web (VP Online):<\/strong><br \/>\nEl editor basado en la nube destaca por su accesibilidad. En nuestras pruebas, puede accederse desde cualquier navegador sin configuraci\u00f3n alguna, lo que lo hace ideal para ediciones r\u00e1pidas o sesiones colaborativas. La interfaz es intuitiva y la curva de aprendizaje es suave para quienes ya est\u00e1n familiarizados con herramientas de diagramaci\u00f3n. Sin embargo, los usuarios deben tener en cuenta que los diagramas complejos con cientos de elementos podr\u00edan experimentar una ligera latencia dependiendo de la velocidad de conexi\u00f3n a internet.<\/p>\n<p><strong>Experiencia de escritorio:<\/strong><br \/>\nLa aplicaci\u00f3n instalada es donde Visual Paradigm realmente demuestra todo su potencial. Las caracter\u00edsticas avanzadas de modelado, atributos personalizados (esterotipos) y capacidades sin conexi\u00f3n lo convierten en la opci\u00f3n para trabajos de arquitectura serios. Durante nuestra revisi\u00f3n, encontramos que la versi\u00f3n de escritorio es especialmente valiosa para proyectos empresariales a gran escala que requieren una personalizaci\u00f3n extensa e integraci\u00f3n con otras herramientas de modelado. El rendimiento es notablemente m\u00e1s fluido al manejar diagramas complejos con m\u00faltiples capas de abstracci\u00f3n.<\/p>\n<p><strong>Ideal para:<\/strong>Equipos que requieren un control preciso, atributos personalizados o que trabajan en entornos con conectividad a internet limitada.<\/p>\n<hr\/>\n<h2>2. Generaci\u00f3n impulsada por IA (Web y escritorio): El cambio de juego<\/h2>\n<p>El generador de diagramas con IA de Visual Paradigm representa un avance significativo en la eficiencia de la documentaci\u00f3n de arquitecturas. Esta funci\u00f3n puede crear instant\u00e1neamente cualquiera de los seis tipos de diagramas C4 bas\u00e1ndose \u00fanicamente en una descripci\u00f3n en lenguaje natural.<\/p>\n<p><strong>C\u00f3mo funciona en la pr\u00e1ctica:<\/strong><br \/>\nDurante nuestras pruebas, proporcionamos descripciones como \u00abCree un diagrama de contenedores para una plataforma de comercio electr\u00f3nico con frontend web, puerta de enlace de API, microservicios para pedidos e inventario, y base de datos PostgreSQL\u00bb. En cuesti\u00f3n de segundos, la IA gener\u00f3 un diagrama completo, correctamente estructurado, con relaciones y estilos adecuados.<\/p>\n<p><strong>Implementaci\u00f3n web:<\/strong><br \/>\nEl\u00a0<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-diagram-generator-complete-c4-model\/\">Generador de modelos C4 con IA<\/a>\u00a0accesible directamente desde su navegador es notablemente \u00e1gil. Lo encontramos especialmente \u00fatil para prototipos r\u00e1pidos y sesiones de lluvia de ideas donde la velocidad prevalece sobre la perfecci\u00f3n.<\/p>\n<p><img alt=\"\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/img_69e8ab71e9001.png\"\/><\/p>\n<p><strong>Integraci\u00f3n en escritorio:<\/strong><br \/>\nLas funciones de IA en la aplicaci\u00f3n de escritorio requieren una conexi\u00f3n con su cuenta de VP Online, lo que inicialmente parec\u00eda una limitaci\u00f3n. Sin embargo, este enfoque h\u00edbrido tiene sentido: aprovecha la potencia de procesamiento en la nube de IA, al tiempo que mantiene las s\u00f3lidas capacidades de edici\u00f3n del entorno de escritorio. La sincronizaci\u00f3n fluida entre la generaci\u00f3n con IA y la refinaci\u00f3n manual es impresionante.<\/p>\n<p><strong>Ideal para:<\/strong>Prototipado r\u00e1pido, equipos nuevos en el modelado C4, o cuando necesite visualizar r\u00e1pidamente un concepto de arquitectura sin complicarse con la colocaci\u00f3n manual.<\/p>\n<hr\/>\n<h2>3. C4-PlantUML Studio (web): Para arquitectos orientados al c\u00f3digo<\/h2>\n<p>Esta herramienta especializada\u00a0<a href=\"https:\/\/www.visual-paradigm.com\/features\/c4-plantuml-studio\/\">C4-PlantUML Studio<\/a>\u00a0representa un enfoque h\u00edbrido \u00fanico, combinando asistencia de IA con c\u00f3digo PlantUML, un lenguaje de diagramaci\u00f3n basado en texto muy apreciado por desarrolladores que prefieren el c\u00f3digo sobre las interacciones con GUI.<\/p>\n<p><img alt=\"AI-Powered C4 PlantUML Studio\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/ai-powered-c4-plantuml-studio-1.png\"\/><\/p>\n<p><strong>El flujo de trabajo:<\/strong><br \/>\nNuestra experiencia con esta herramienta revel\u00f3 un proceso de dos etapas sofisticado:<\/p>\n<ol>\n<li>\n<p>Proporcionas una descripci\u00f3n en lenguaje natural<\/p>\n<\/li>\n<li>\n<p>La IA genera c\u00f3digo PlantUML<\/p>\n<\/li>\n<li>\n<p>Puedes editar el c\u00f3digo directamente o cambiar al editor visual para su refinamiento<\/p>\n<\/li>\n<\/ol>\n<p><strong>\u00bfPor qu\u00e9 esto importa:<\/strong><br \/>\nPara equipos que practican la documentaci\u00f3n como c\u00f3digo o aquellos que necesitan control de versiones para sus diagramas de arquitectura, este enfoque es invaluable. Durante nuestra revisi\u00f3n, apreciamos poder almacenar el c\u00f3digo PlantUML en repositorios Git, revisar cambios mediante solicitudes de extracci\u00f3n y mantener un historial claro de la evoluci\u00f3n arquitect\u00f3nica.<\/p>\n<p><strong>Consideraciones de plataforma:<\/strong><br \/>\nSe trata principalmente de un servicio basado en web accesible a trav\u00e9s del navegador, lo que significa que necesitar\u00e1s una conexi\u00f3n a internet estable. Sin embargo, la capacidad de exportar tanto el c\u00f3digo como los diagramas renderizados ofrece flexibilidad para ver y compartirlos fuera de l\u00ednea.<\/p>\n<p><strong>Ideal para:<\/strong>Equipos de desarrollo que practican principios DevOps, aquellos que requieren control de versiones para la documentaci\u00f3n de arquitectura, o arquitectos que prefieren interfaces basadas en texto.<\/p>\n<hr\/>\n<h2>4. API program\u00e1tica (Escritorio): El potente automatizador<\/h2>\n<p>Para usuarios avanzados, escenarios de integraci\u00f3n o organizaciones que necesitan generar diagramas a gran escala, la API de complementos de Visual Paradigm ofrece control program\u00e1tico sobre la creaci\u00f3n de diagramas C4.<\/p>\n<p><strong>Implementaci\u00f3n t\u00e9cnica:<\/strong><br \/>\nLos desarrolladores pueden usar m\u00e9todos como\u00a0<code data-backticks=\"1\">createC4modelSoftwareSystem<\/code>\u00a0o\u00a0<code data-backticks=\"1\">createC4modelPerson<\/code>\u00a0para crear diagramas mediante c\u00f3digo Java. Durante nuestra revisi\u00f3n t\u00e9cnica, encontramos que la API est\u00e1 bien documentada y es coherente con la filosof\u00eda general de desarrollo de Visual Paradigm.<\/p>\n<p><strong>Casos de uso que identificamos:<\/strong><\/p>\n<ul>\n<li>\n<p>Generaci\u00f3n automatizada de documentaci\u00f3n a partir de herramientas de an\u00e1lisis de c\u00f3digo<\/p>\n<\/li>\n<li>\n<p>Integraci\u00f3n con pipelines CI\/CD<\/p>\n<\/li>\n<li>\n<p>Creaci\u00f3n masiva de diagramas para migraciones de sistemas a gran escala<\/p>\n<\/li>\n<li>\n<p>Herramientas personalizadas que necesitan generar diagramas de arquitectura de forma program\u00e1tica<\/p>\n<\/li>\n<\/ul>\n<p><strong>Especificaciones de plataforma:<\/strong><br \/>\nSe trata de un\u00a0<a href=\"https:\/\/knowhow.visual-paradigm.com\/openapi\/c4-system-context-diagram\/\">funcionalidad OpenAPI<\/a>\u00a0espec\u00edficamente para la aplicaci\u00f3n de escritorio de Visual Paradigm. La exigencia de la versi\u00f3n de escritorio tiene sentido dada la necesidad de ejecuci\u00f3n local e integraci\u00f3n con entornos de desarrollo.<\/p>\n<p><strong>Ideal para:<\/strong>Arquitectos empresariales que trabajan con equipos de desarrollo, organizaciones que construyen herramientas personalizadas de arquitectura, o cualquier persona que necesite automatizar la generaci\u00f3n de diagramas.<\/p>\n<hr\/>\n<h2>Tipos de diagramas C4 admitidos: Cobertura completa<\/h2>\n<p>Independientemente del m\u00e9todo de creaci\u00f3n que elijas, Visual Paradigm admite los seis niveles de la jerarqu\u00eda del modelo C4:<\/p>\n<ol>\n<li>\n<p><strong>Diagrama de contexto del sistema<\/strong>\u00a0\u2013 La vista general desde 10.000 pies que muestra su sistema y sus usuarios<\/p>\n<\/li>\n<li>\n<p><strong>Diagrama de contenedores<\/strong>\u00a0\u2013 Elecciones tecnol\u00f3gicas de alto nivel y c\u00f3mo se comunican los contenedores<\/p>\n<\/li>\n<li>\n<p><strong>Diagrama de componentes<\/strong>\u00a0\u2013 Desglosando contenedores en sus componentes constituyentes<\/p>\n<\/li>\n<li>\n<p><strong>Diagrama del entorno del sistema<\/strong>\u00a0\u2013 Mostrando c\u00f3mo su sistema se integra en el entorno de TI m\u00e1s amplio<\/p>\n<\/li>\n<li>\n<p><strong>Diagrama din\u00e1mico<\/strong>\u00a0\u2013 Ilustrando c\u00f3mo los elementos colaboran durante la ejecuci\u00f3n<\/p>\n<\/li>\n<li>\n<p><strong>Diagrama de despliegue<\/strong>\u00a0\u2013 Mapeando software a infraestructura<\/p>\n<\/li>\n<\/ol>\n<p>Nuestros pruebas confirmaron que los cuatro m\u00e9todos de creaci\u00f3n pueden generar cada uno de estos tipos de diagramas, aunque la eficiencia y la facilidad de uso var\u00edan significativamente seg\u00fan el m\u00e9todo elegido.<\/p>\n<hr\/>\n<h2>Estudio de caso: Red inteligente de carga de veh\u00edculos el\u00e9ctricos<\/h2>\n<h3>Descripci\u00f3n del problema<\/h3>\n<p><strong>Contexto<\/strong>: Una red urbana de puntos de carga para veh\u00edculos el\u00e9ctricos (VE) necesita un sistema de gesti\u00f3n.<\/p>\n<p><strong>Requisitos<\/strong>:<\/p>\n<ul>\n<li>\n<p>Los conductores utilizan una aplicaci\u00f3n m\u00f3vil para encontrar, reservar y pagar sesiones de carga.<\/p>\n<\/li>\n<li>\n<p>Las estaciones de carga informan el estado en tiempo real y el consumo de energ\u00eda a un servidor central.<\/p>\n<\/li>\n<li>\n<p>El sistema se integra con una pasarela de pago de terceros y una red el\u00e9ctrica externa para gestionar la carga de energ\u00eda.<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h3>Nivel 1: Diagrama de contexto del sistema<\/h3>\n<p>Muestra el alcance de alto nivel del sistema de gesti\u00f3n de veh\u00edculos el\u00e9ctricos.<\/p>\n<p><img alt=\"\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/downloaded-image-3.png\"\/><\/p>\n<p><strong>C\u00f3digo PlantUML<\/strong><\/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#plantuml:RP91JyCm38Nla_eVp4v3sjOB9qv3C7PXKc62Q-KrfereasAx7Vlt9Er0c-1cF-Lzzako4aNMhgcJoPLrHTqPWagrbTiqPJmiIwjLj--4kF1EoUcoy4tQrkYYQI5gQhjFxsyMMPHUjqzfWwB4GShlVTDw5ptjC22PPCJYtSomxOddC5s_mSDGJqDp1t4CrDv_M5U2UYWgv990Ax8CFLMsg6avlKucksEOqSoepsMeHjGM7PRKX84m7eZKKPGJYsKE-t50gD0PQF4O7NB6pTTVEZlfUNa8a6niO8DA1pn6RiQ-8958PZ9MeK0se8nEi53htHyYEUBoc9TiJTntw60JkXEkjoRGMdyOBW4D65GS8CdaXUhVMpjF_MYTaPyS0k-Unw0XNpH6szdnYqmxYjQJ14oV7OdAFwxBlPyxOXls73OCVq92PEj6uoeWmqj_0m00\" 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#plantuml:PPAnJYCn48RxI7a7NweWGRQXeaAAecj0Ya1SkvfuHnkVlFRUp7YvF1855O-mByRCNYu4w2nx_k_t_zktB41IkZYV_GZ9nzAWsulqV5DL1C-hDiY-x0eZ-Pm4awnyxge-GZBH5KiJmwvQNrzjRUlf_gxgW0L9j-frxlgSJDDF1lFP5ebpMZOK1gHBjrZdr1GlcPpQ_jeiTEifkS85A6Jtfw1JQm_E0xL0ZeiRS3---XBpQd4ndpqUrAjRub3pj5BzOx056B15bZ2-9LkVTEmmZYzUAFZCPlZJfd82rvSaUgp3azsb8zJO0x0xk1xQp6UMzUQlB7iuT9gkRfyLimK6mZWPsxIXjvGzCZWXI0pUgmsoqoATbluRPHhsDBuqGV9NEYQazb2t51f5FM3pSN4umljCVhfw0tPppZj25uzr6NjYZAymiUUp1uodxiyxsoHVD0Z1lwHmOfZCH6V3dq9lqg1qDOx11z6_mwVutvMV0-dJSubYNcnDMwvZGVzVm1Ytg3-aY-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!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Component.puml\r\n\r\nPerson(driver, \"Conductor de VE\", \"Un usuario que busca cargar su veh\u00edculo.\")\r\nSystem(ev_system, \"Sistema de gesti\u00f3n de veh\u00edculos el\u00e9ctricos\", \"Gestiona puntos de carga, reservas y pagos.\")\r\nSystem_Ext(payment_gw, \"Pasarela de pago\", \"Procesa transacciones con tarjeta de cr\u00e9dito.\")\r\nSystem_Ext(energy_grid, \"Red el\u00e9ctrica\", \"Proporciona datos sobre la carga de energ\u00eda.\")\r\n\r\nRel(driver, ev_system, \"Encuentra y paga la carga\")\r\nRel(ev_system, payment_gw, \"Env\u00eda solicitudes de pago\")\r\nRel(ev_system, energy_grid, \"Consulta las restricciones de carga\")\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:PPAnJYCn48RxI7a7NweWGRQXeaAAecj0Ya1SkvfuHnkVlFRUp7YvF1855O-mByRCNYu4w2nx_k_t_zktB41IkZYV_GZ9nzAWsulqV5DL1C-hDiY-x0eZ-Pm4awnyxge-GZBH5KiJmwvQNrzjRUlf_gxgW0L9j-frxlgSJDDF1lFP5ebpMZOK1gHBjrZdr1GlcPpQ_jeiTEifkS85A6Jtfw1JQm_E0xL0ZeiRS3---XBpQd4ndpqUrAjRub3pj5BzOx056B15bZ2-9LkVTEmmZYzUAFZCPlZJfd82rvSaUgp3azsb8zJO0x0xk1xQp6UMzUQlB7iuT9gkRfyLimK6mZWPsxIXjvGzCZWXI0pUgmsoqoATbluRPHhsDBuqGV9NEYQazb2t51f5FM3pSN4umljCVhfw0tPppZj25uzr6NjYZAymiUUp1uodxiyxsoHVD0Z1lwHmOfZCH6V3dq9lqg1qDOx11z6_mwVutvMV0-dJSubYNcnDMwvZGVzVm1Ytg3-aY-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#plantuml:RP91JyCm38Nla_eVp4v3sjOB9qv3C7PXKc62Q-KrfereasAx7Vlt9Er0c-1cF-Lzzako4aNMhgcJoPLrHTqPWagrbTiqPJmiIwjLj--4kF1EoUcoy4tQrkYYQI5gQhjFxsyMMPHUjqzfWwB4GShlVTDw5ptjC22PPCJYtSomxOddC5s_mSDGJqDp1t4CrDv_M5U2UYWgv990Ax8CFLMsg6avlKucksEOqSoepsMeHjGM7PRKX84m7eZKKPGJYsKE-t50gD0PQF4O7NB6pTTVEZlfUNa8a6niO8DA1pn6RiQ-8958PZ9MeK0se8nEi53htHyYEUBoc9TiJTntw60JkXEkjoRGMdyOBW4D65GS8CdaXUhVMpjF_MYTaPyS0k-Unw0XNpH6szdnYqmxYjQJ14oV7OdAFwxBlPyxOXls73OCVq92PEj6uoeWmqj_0m00\" 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<hr\/>\n<h3>Nivel 2: Diagrama de contenedores<\/h3>\n<p>Descompone el sistema en bloques de construcci\u00f3n t\u00e9cnicos de alto nivel.<\/p>\n<p><img alt=\"\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/downloaded-image-4.png\"\/><\/p>\n<p><strong>C\u00f3digo PlantUML<\/strong><\/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#plantuml:PP5FJm8n4CNl97o7aHCambuyUG91emOKMT7ZPdOxMPfqswQTXH3ZTtUw4l_kgMzstkzDfzF86BXjJBztfcrbMaMmO_RnCii27YQrvbrRjf52vIoJvKdbcimRjCaqZgoCBhFvnNYTIjlLCcimCWKf5NFNU6UJntS1_Lv-b7zDSULQgp0SXxGlojFv70RNBx12YpKrue7Fti48tleza6yk-QWjXM7ZIcseGE_5jEe4pBmVYBenBKjwEiwCSOS8AkWzXGZiGCi50bOC1xaKy8uWTXcJmUXl17fzui_MTmbkT8MidKtaUznZblkWRPtaEhYzLXIXSe50TYM46C6uMbV_qOjog92nn4XfUgd1ugGxc8jS1ygVbadbB4W1xp3K502jWlGKa0WT-ZrjTKFcrqw-Xzz6Yjt4-UD3TllylCwJAVL_zVmOPaEeOlOQD8jB-gPabJpS1m00\" 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#plantuml:RL7BRjim4BmRy3ymFZb0ObrowYcEyuRJg9NJgx6Y5l82V85Skd22VfK_mJ_MfTAqJLf205V36SqCTPuO8cThngCZSjha3jM6EQHFLHNX-wmdtkGs9upQEqR7C-rj5Gou8ZfDt1bggyNPQLsWfuTbPI4nHe7M2s-3TqKJ1eFngDd9cLrV-EmwYBifRjVjh_b4JHegfw0amWqcfiFUbVdgs-HOlOn7IjP2GW0vZ5FhMpAuXX14EG-6DEX1yN3ORybC1BqscILA6MkCbXWLAEEJaYfTrkmZ9aNIAeBc3B7W2erAhpbca-EFfX3eFuwISLxV5Pjxs4BLX4Yk7roZ3pvgyavyvJdiUn4LliFU2wuALLC0yw_PPJljWA65XFAf2zcAy19O2jHlii759-uZDb-MvMrkB6WKmsvWYaH3xA4RokvKJbAKV1hyVfH_yXNDkylyq_69oT0p3CMQny_LxMfLDqLN9BzfVuLS8bPNIKTgiT3EKQxPcfy0\" \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!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Component.puml\r\n\r\nSystem_Boundary(ev_boundary, \"Sistema de Gesti\u00f3n de EV\") {\r\n    Container(mobile_app, \"Aplicaci\u00f3n M\u00f3vil\", \"Flutter\", \"Permite a los conductores interactuar con el sistema.\")\r\n    Container(api_app, \"Aplicaci\u00f3n de API\", \"Java\/Spring\", \"Proporciona la l\u00f3gica de negocio principal.\")\r\n    ContainerDb(database, \"Base de Datos Principal\", \"PostgreSQL\", \"Almacena datos de cargadores y usuarios.\")\r\n}\r\n\r\nRel(mobile_app, api_app, \"Utiliza\", \"JSON\/HTTPS\")\r\nRel(api_app, database, \"Lee\/Escribe\")\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:RL7BRjim4BmRy3ymFZb0ObrowYcEyuRJg9NJgx6Y5l82V85Skd22VfK_mJ_MfTAqJLf205V36SqCTPuO8cThngCZSjha3jM6EQHFLHNX-wmdtkGs9upQEqR7C-rj5Gou8ZfDt1bggyNPQLsWfuTbPI4nHe7M2s-3TqKJ1eFngDd9cLrV-EmwYBifRjVjh_b4JHegfw0amWqcfiFUbVdgs-HOlOn7IjP2GW0vZ5FhMpAuXX14EG-6DEX1yN3ORybC1BqscILA6MkCbXWLAEEJaYfTrkmZ9aNIAeBc3B7W2erAhpbca-EFfX3eFuwISLxV5Pjxs4BLX4Yk7roZ3pvgyavyvJdiUn4LliFU2wuALLC0yw_PPJljWA65XFAf2zcAy19O2jHlii759-uZDb-MvMrkB6WKmsvWYaH3xA4RokvKJbAKV1hyVfH_yXNDkylyq_69oT0p3CMQny_LxMfLDqLN9BzfVuLS8bPNIKTgiT3EKQxPcfy0\" \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#plantuml:PP5FJm8n4CNl97o7aHCambuyUG91emOKMT7ZPdOxMPfqswQTXH3ZTtUw4l_kgMzstkzDfzF86BXjJBztfcrbMaMmO_RnCii27YQrvbrRjf52vIoJvKdbcimRjCaqZgoCBhFvnNYTIjlLCcimCWKf5NFNU6UJntS1_Lv-b7zDSULQgp0SXxGlojFv70RNBx12YpKrue7Fti48tleza6yk-QWjXM7ZIcseGE_5jEe4pBmVYBenBKjwEiwCSOS8AkWzXGZiGCi50bOC1xaKy8uWTXcJmUXl17fzui_MTmbkT8MidKtaUznZblkWRPtaEhYzLXIXSe50TYM46C6uMbV_qOjog92nn4XfUgd1ugGxc8jS1ygVbadbB4W1xp3K502jWlGKa0WT-ZrjTKFcrqw-Xzz6Yjt4-UD3TllylCwJAVL_zVmOPaEeOlOQD8jB-gPabJpS1m00\" 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<hr\/>\n<h3>Nivel 3: Diagrama de Componentes<\/h3>\n<p>Analiza el contenedor de la Aplicaci\u00f3n de API para mostrar la l\u00f3gica interna.<\/p>\n<p><img alt=\"\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/downloaded-image-5.png\"\/><\/p>\n<p><strong>C\u00f3digo PlantUML<\/strong><\/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#plantuml:RLDDRzim3Bq7o7_GSbaAhFLbfvsQZtRjq6vPd6n7WvPPHwWiQPASn1ZwtqVw0qs2tKoAxv7laRuD4NoiApqUVL16whf0iOlHXIz9uk5mKwgug_Cwe9VMH3JnHjegSHeCWwv3BBJAayNdwnMdjizFIGKXegTKjh2LiuOnhcqm7dqKItnH1WKUgSQ05gYneeeWeXKlwYZY3eKALaDKren72seA1F3JokPAOmREVHAJvpOGC-Sc5DthEX8TVsu35Y9lHE7L7dsON9rGBFDf0H5o2CWKb1FBFcReoePOUan_Fd6KHkin28_I-gBbIHlILMLtnpXrqF3GMNbWN1U8hn3n00s3xmPrizKZGq-6oEQsDWNuPWfEPNaV48PAMOzMifK-kH9_6TOxECsjVLMcpCXzDc3UXO9vlTMwKvywpyddNmkE7i0KkjL0szkth4BRKicRpfQ1Ub3JKmzwKW8fYIUySmJ3uICTGkb9RX07Ee_tPPQT1HVyT67SEmkDaQsptIWfXUBEbEGAayv1lfQU_H0R2A-JTaK6IceYT-1Bz6A7TAevGhneuD5PAkTbYZLz1qNBQqu6vnSEPtc87cJR_iLwiPmBa193Q0dVkWjzOej8pBssX_5eZVhiz2xsiCO_DGOwtpxFNRwbFxud3vlDAcLM9ZW7NVYzyQeaTM783w3pilEJyvQd9cj8ZWcTeabtHF_lsLkKmXxVP-qhp_VJLsvTqIwO7-imb7QF9t_H6g48oM-lgBRLlfmlkFWMJK7__3y0\" 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#plantuml:RLDDSzCm4Brd9lz1v48wG-CB9qvjFYWm3OIwvUfPsrjNHTPg9BbjOFgh-XFwnzYr5KWod6pP-zxkUszr5YBusBLcF7gZRMMw6jLTZ2vyo38FZxD6nxkkx0BwYcn46sSLjPapO0Lq6c9jT9ajtfzkvDFD-Z9h8KJq_AbOKEl82iRr3SQZjsg9jzgYGeCj_w2Wy8chBRyuyA1kzJruPK213WOg_VfYnwC5TmP6-MbBfJPOW7FlrEJS6LqDDMhz-lAWpOI_VZHTP4PvlOdQw5zGWtBa5SzVTrKaZs5oiaUwBASrH2WX86Fc_53imH9ak8rdJxI3ddb38JOUy--NSZetBLHeGNbiT8YUUjPyo-BROlKKfmws8h5e7WKB0JooBgRUG4Czm-PpKWy2tHkfc5DdQ_3RAJXTbEbm99cPc65oeduBCZazBOb-QjiKd99u99IU3DHi00Eka8DyW23jSyVY6hN-iP3J1OQeYUNmZERrfU4s0l09C1iistNPQKjTSgxHbQPzTOb-Zc3x8ohD-zDmnXo4T74xIv87HoruBsMW8cnjnVWrnK52pebuifphNnjMNClTBVQwhfcLIQqAsB1nf6HPwK0Z6XuWwbe6Dge2tuX1HmDuTCIWAtu4pSq7UVrUxEdZC_HXbhm3K0qpzQlCp7p6GAetjKoBLGj1t-fvk16yiFUKFAVnw0hDmPeV1PeJRu2Ei4j6Ud_9lttDFbrVRtAX5O93q55QIntw0PqabG279OUhwubLW69vDYI5QNt_touPTz61h__DcKeFOqsbvrNiGAwgueGuYbtny7llTbuYPgjGULrYBtmvNqZj6VBLRiqV\" \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!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Component.puml\r\n\r\n' Define elementos externos para fijar la aislaci\u00f3n\r\nContainer(mobile_app, \"Aplicaci\u00f3n M\u00f3vil\", \"Flutter\", \"Utilizada por conductores\")\r\nContainerDb(database, \"Base de Datos Principal\", \"PostgreSQL\", \"Almacena registros\")\r\nSystem_Ext(payment_gw, \"Pasarela de Pago\", \"API externa\")\r\n\r\nContainer_Boundary(api_boundary, \"Aplicaci\u00f3n de API\") {\r\nComponent(booking_comp, \"Controlador de Reservas\", \"Spring MVC\", \"Gestiona la l\u00f3gica de reservas.\")\r\nComponent(payment_comp, \"Servicio de Pago\", \"Spring Bean\", \"Se integra con la pasarela externa.\")\r\nComponent(station_sync, \"Motor de Sincronizaci\u00f3n de Estaciones\", \"Tarea en segundo plano\", \"Gestiona el latido del cargador.\")\r\nComponent(repo, \"Repositorio de Datos\", \"Spring Data\", \"Abstracci\u00f3n para el acceso a la base de datos.\")\r\n}\r\n\r\n' Flujo l\u00f3gico\r\nRel(mobile_app, booking_comp, \"Solicita reserva\", \"JSON\/HTTPS\")\r\nRel(booking_comp, payment_comp, \"Dispara pago\")\r\nRel(payment_comp, payment_gw, \"Procesa transacci\u00f3n\", \"API\")\r\nRel(booking_comp, repo, \"Guarda reserva\")\r\nRel(station_sync, repo, \"Actualiza estado\")\r\nRel(repo, database, \"Lee\/Escribe\", \"JDBC\")\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:RLDDSzCm4Brd9lz1v48wG-CB9qvjFYWm3OIwvUfPsrjNHTPg9BbjOFgh-XFwnzYr5KWod6pP-zxkUszr5YBusBLcF7gZRMMw6jLTZ2vyo38FZxD6nxkkx0BwYcn46sSLjPapO0Lq6c9jT9ajtfzkvDFD-Z9h8KJq_AbOKEl82iRr3SQZjsg9jzgYGeCj_w2Wy8chBRyuyA1kzJruPK213WOg_VfYnwC5TmP6-MbBfJPOW7FlrEJS6LqDDMhz-lAWpOI_VZHTP4PvlOdQw5zGWtBa5SzVTrKaZs5oiaUwBASrH2WX86Fc_53imH9ak8rdJxI3ddb38JOUy--NSZetBLHeGNbiT8YUUjPyo-BROlKKfmws8h5e7WKB0JooBgRUG4Czm-PpKWy2tHkfc5DdQ_3RAJXTbEbm99cPc65oeduBCZazBOb-QjiKd99u99IU3DHi00Eka8DyW23jSyVY6hN-iP3J1OQeYUNmZERrfU4s0l09C1iistNPQKjTSgxHbQPzTOb-Zc3x8ohD-zDmnXo4T74xIv87HoruBsMW8cnjnVWrnK52pebuifphNnjMNClTBVQwhfcLIQqAsB1nf6HPwK0Z6XuWwbe6Dge2tuX1HmDuTCIWAtu4pSq7UVrUxEdZC_HXbhm3K0qpzQlCp7p6GAetjKoBLGj1t-fvk16yiFUKFAVnw0hDmPeV1PeJRu2Ei4j6Ud_9lttDFbrVRtAX5O93q55QIntw0PqabG279OUhwubLW69vDYI5QNt_touPTz61h__DcKeFOqsbvrNiGAwgueGuYbtny7llTbuYPgjGULrYBtmvNqZj6VBLRiqV\" \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#plantuml:RLDDRzim3Bq7o7_GSbaAhFLbfvsQZtRjq6vPd6n7WvPPHwWiQPASn1ZwtqVw0qs2tKoAxv7laRuD4NoiApqUVL16whf0iOlHXIz9uk5mKwgug_Cwe9VMH3JnHjegSHeCWwv3BBJAayNdwnMdjizFIGKXegTKjh2LiuOnhcqm7dqKItnH1WKUgSQ05gYneeeWeXKlwYZY3eKALaDKren72seA1F3JokPAOmREVHAJvpOGC-Sc5DthEX8TVsu35Y9lHE7L7dsON9rGBFDf0H5o2CWKb1FBFcReoePOUan_Fd6KHkin28_I-gBbIHlILMLtnpXrqF3GMNbWN1U8hn3n00s3xmPrizKZGq-6oEQsDWNuPWfEPNaV48PAMOzMifK-kH9_6TOxECsjVLMcpCXzDc3UXO9vlTMwKvywpyddNmkE7i0KkjL0szkth4BRKicRpfQ1Ub3JKmzwKW8fYIUySmJ3uICTGkb9RX07Ee_tPPQT1HVyT67SEmkDaQsptIWfXUBEbEGAayv1lfQU_H0R2A-JTaK6IceYT-1Bz6A7TAevGhneuD5PAkTbYZLz1qNBQqu6vnSEPtc87cJR_iLwiPmBa193Q0dVkWjzOej8pBssX_5eZVhiz2xsiCO_DGOwtpxFNRwbFxud3vlDAcLM9ZW7NVYzyQeaTM783w3pilEJyvQd9cj8ZWcTeabtHF_lsLkKmXxVP-qhp_VJLsvTqIwO7-imb7QF9t_H6g48oM-lgBRLlfmlkFWMJK7__3y0\" 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<hr\/>\n<h3>Nivel 4: Diagrama de C\u00f3digo (Diagrama de Clases)<\/h3>\n<p>Visualiza los detalles de implementaci\u00f3n interna del componente Controlador de Reservas.<\/p>\n<p><img alt=\"\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/downloaded-image-6.png\"\/><\/p>\n<p><strong>C\u00f3digo PlantUML<\/strong><\/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#plantuml:VLHTZzem47oFbF-mug45dK2LsgS8eIjm3xJeUe9Vi3XBiCwnKzk1qeh_tdLYlj4zEfxPdPqTvzbvjBukLPfuwHN1dBQau5i64uNEmLHYOR64xjYOTwaB-0Hlk2z9UvYRGefUcgJ9PvZZtjGU77dF89ScZi4L1cPJvxltLgvgJpDXz5B-9VWIY1MATom8EiAK0zgA3Tg21bZ9mQfjru5_QI8Q9L70n6XlZL9amrK_ufPajr9GTaJ5Svey2KleANxkMlfTa_CdtA8zzp9OaAkCTlIYsOTz8A8Mf8v4cMSyi2uU80zXaYkDiNiZi6hTEWbykpgV9rXGPIvaLSP9RsmGKbaZoBbNsXt5vEZnX9toeNV15CRcKPJKdkmQMSbTNHWEpuVHA4XzShYbRfHpAdWkpOYrrFbuFxLoItQMNveobyuF8t3Kj3zylE3eoyM2hvrfp2juTJlSJvJaYmnU_l0y6bL4jfzP5jP-OoodAbvqiJHr84nDlLBKZg08zTMo7bPZNsRi6cVUIwDRO_gizoVjCrXoY1iV7EayHgVBWoY3-McpFvQ_Ncyw7jf7iY3LL7KRMJaefRKcr8FvLr3XBQN9VSRx_T5jgZBevAGeUEF0cyw9TWG4pesPp8dHTt1qgz5opnuCHW_YmWKgiaw60Y5-i9N8t9iseVDZMxCc0cMjfMXqxwJVT88jsdW2AukD1xE-UxxZsadDuMyDWhMnq6IeMOFZYs0deCwXia60G2NgrkKquIL1A1_QFFE1_tB_0G00\" 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#plantuml:VLHTRjim37utu3iGULcA8i60xSaeWgvD7xeLNP6SW94PLwiYUfASpXjwc1rXw15oiLAsu-OFUvJqyUF7ZwGkVK0NgfL9aw238RZNQpBmEOEfniBX2Y4dk3ReoSFmRlDQQDLSpSYJMwE76XwmO7-M9cdo0QxPBdLHELHwyseZCDUUDlyuJVoJjYKAPKFdluJWzA8ATAlOplLlWe-HeaJrX0N1GF5gJ6lrYAwWCPPwl60MXc80Vz94HGQuQcyaPt1i3BduDEfmSv6d5MLRL7TEatFb20DrrqD7FoloeSVDslDP5aiisNgwiM9D7GFHAZBRG9rdSCUsE85yYPNiQUooDm9Bh5TaGo_mOU_yNi6CIjwHLRBNWLqKKZfMvFqzFM_5v1YmnqxbSBOJgTZbdIXj0xabYf8ZNhYuU3zC9b7gkSSr3JivFU4xjI2MskPNzTJ9sBZRVDUKE-t3HGUSDEbV_j_WpfUT1kyxqvXNIEkUiRusMXuokFabzLWq7RAz5bbOXKTsCbNTmn1NNCM0ALSBGsq9Xj3kDUiac_XoAwx9CWJDjZLc97g_KPt1N8QuyS6JpRlH6KeXXZ7lE_jr_lt-8EDBkoupCh8fR6Mv91GSBGtzG0i6mVIxPhgb_9GcnnC_6aqEPoo3WGHHWO23FcJx6F47jWhUiz5A1uceGhIjNT_ZwF5uSc9mXA0avwNVikuOsCEASerYcZ0S98lvJzkSDIDHsLYqV0c3w91beNIwU0p0owDDtlcEB1KiHaByO43-gjPJUL0oNfWcDQZDNwCgm_6oT2HWdoRID8WvOgvBESX7-0O0\" \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\ntitle Nivel 4: Diagrama de Clases (L\u00f3gica de Reservas y Pagos)\r\n\r\n' Configuraci\u00f3n de dise\u00f1o\r\nskinparam ClassAttributeIconSize 0\r\n\r\npackage \"com.evcharge.api.booking\" {\r\nclass BookingController {\r\n-bookingService: BookingService\r\n+createBooking(request: BookingRequest): ResponseEntity\r\n+cancelBooking(id: Long): ResponseEntity\r\n}\r\n\r\nclass BookingService {\r\n-paymentService: PaymentService\r\n-bookingRepo: BookingRepository\r\n+processNewBooking(data: BookingData): BookingRecord\r\n}\r\n\r\ninterface BookingRepository &lt;&lt;Repository&gt;&gt; {\r\n+save(booking: Booking): Booking\r\n+findByDriverId(id: Long): List&lt;Booking&gt;\r\n}\r\n}\r\n\r\npackage \"com.evcharge.api.payment\" {\r\nclass PaymentService {\r\n-gatewayClient: ExternalPaymentClient\r\n+authorizePayment(amount: Double): Boolean\r\n}\r\n\r\nclass ExternalPaymentClient &lt;&lt;Integration&gt;&gt; {\r\n-apiKey: String\r\n+sendRequest(payload: PaymentJSON): Boolean\r\n}\r\n}\r\n\r\n' Relaciones que reflejan la l\u00f3gica del Nivel 3\r\nBookingController --&gt; BookingService : \"delega a\"\r\nBookingService --&gt; PaymentService : \"solicita autorizaci\u00f3n\"\r\nBookingService ..&gt; BookingRepository : \"persiste datos mediante\"\r\nPaymentService --&gt; ExternalPaymentClient : \"comunica con\"\r\n\r\nnote right of BookingService\r\nL\u00f3gica de negocio para sesiones de carga\r\ny c\u00e1lculo de precios\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#plantuml:VLHTRjim37utu3iGULcA8i60xSaeWgvD7xeLNP6SW94PLwiYUfASpXjwc1rXw15oiLAsu-OFUvJqyUF7ZwGkVK0NgfL9aw238RZNQpBmEOEfniBX2Y4dk3ReoSFmRlDQQDLSpSYJMwE76XwmO7-M9cdo0QxPBdLHELHwyseZCDUUDlyuJVoJjYKAPKFdluJWzA8ATAlOplLlWe-HeaJrX0N1GF5gJ6lrYAwWCPPwl60MXc80Vz94HGQuQcyaPt1i3BduDEfmSv6d5MLRL7TEatFb20DrrqD7FoloeSVDslDP5aiisNgwiM9D7GFHAZBRG9rdSCUsE85yYPNiQUooDm9Bh5TaGo_mOU_yNi6CIjwHLRBNWLqKKZfMvFqzFM_5v1YmnqxbSBOJgTZbdIXj0xabYf8ZNhYuU3zC9b7gkSSr3JivFU4xjI2MskPNzTJ9sBZRVDUKE-t3HGUSDEbV_j_WpfUT1kyxqvXNIEkUiRusMXuokFabzLWq7RAz5bbOXKTsCbNTmn1NNCM0ALSBGsq9Xj3kDUiac_XoAwx9CWJDjZLc97g_KPt1N8QuyS6JpRlH6KeXXZ7lE_jr_lt-8EDBkoupCh8fR6Mv91GSBGtzG0i6mVIxPhgb_9GcnnC_6aqEPoo3WGHHWO23FcJx6F47jWhUiz5A1uceGhIjNT_ZwF5uSc9mXA0avwNVikuOsCEASerYcZ0S98lvJzkSDIDHsLYqV0c3w91beNIwU0p0owDDtlcEB1KiHaByO43-gjPJUL0oNfWcDQZDNwCgm_6oT2HWdoRID8WvOgvBESX7-0O0\" \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#plantuml:VLHTZzem47oFbF-mug45dK2LsgS8eIjm3xJeUe9Vi3XBiCwnKzk1qeh_tdLYlj4zEfxPdPqTvzbvjBukLPfuwHN1dBQau5i64uNEmLHYOR64xjYOTwaB-0Hlk2z9UvYRGefUcgJ9PvZZtjGU77dF89ScZi4L1cPJvxltLgvgJpDXz5B-9VWIY1MATom8EiAK0zgA3Tg21bZ9mQfjru5_QI8Q9L70n6XlZL9amrK_ufPajr9GTaJ5Svey2KleANxkMlfTa_CdtA8zzp9OaAkCTlIYsOTz8A8Mf8v4cMSyi2uU80zXaYkDiNiZi6hTEWbykpgV9rXGPIvaLSP9RsmGKbaZoBbNsXt5vEZnX9toeNV15CRcKPJKdkmQMSbTNHWEpuVHA4XzShYbRfHpAdWkpOYrrFbuFxLoItQMNveobyuF8t3Kj3zylE3eoyM2hvrfp2juTJlSJvJaYmnU_l0y6bL4jfzP5jP-OoodAbvqiJHr84nDlLBKZg08zTMo7bPZNsRi6cVUIwDRO_gizoVjCrXoY1iV7EayHgVBWoY3-McpFvQ_Ncyw7jf7iY3LL7KRMJaefRKcr8FvLr3XBQN9VSRx_T5jgZBevAGeUEF0cyw9TWG4pesPp8dHTt1qgz5opnuCHW_YmWKgiaw60Y5-i9N8t9iseVDZMxCc0cMjfMXqxwJVT88jsdW2AukD1xE-UxxZsadDuMyDWhMnq6IeMOFZYs0deCwXia60G2NgrkKquIL1A1_QFFE1_tB_0G00\" 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<hr\/>\n<h2>Implementaci\u00f3n con las herramientas impulsadas por IA de Visual Paradigm<\/h2>\n<p>Puedes generar estas vistas utilizando el<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-diagram-generator-complete-c4-model\/\">Estudio C4 PlantUML impulsado por IA<\/a>\u00a0navegando hasta Herramientas &gt; Generaci\u00f3n de Diagramas con IA. La IA convierte instant\u00e1neamente tus descripciones en lenguaje natural en este c\u00f3digo estructurado de PlantUML.<\/p>\n<p>Visual Paradigm ofrece soporte integral para el modelo C4 mediante herramientas de modelado dedicadas y funciones avanzadas impulsadas por IA que automatizan la creaci\u00f3n de vistas arquitect\u00f3nicas. Puedes generar suites C4 completas y de m\u00faltiples capas a partir de descripciones de texto simples, evitando la configuraci\u00f3n manual de estructuras complejas.<\/p>\n<h3>Caracter\u00edsticas C4 impulsadas por IA<\/h3>\n<p>La plataforma integra varias herramientas inteligentes dise\u00f1adas para simplificar la documentaci\u00f3n arquitect\u00f3nica:<\/p>\n<ul>\n<li>\n<p><strong>Generaci\u00f3n instant\u00e1nea de diagramas<\/strong>: Al describir tu sistema en ingl\u00e9s sencillo, la IA crea instant\u00e1neamente diagramas en todos los niveles C4: Contexto, Contenedor, Componente y C\u00f3digo.<\/p>\n<\/li>\n<li>\n<p><strong>Edici\u00f3n conversacional<\/strong>: Puedes refinar diagramas utilizando una interfaz de chatbot. Comandos simples como \u00abA\u00f1adir pasarela de pago\u00bb o \u00abCambiar Cliente por Comprador\u00bb actualizan el modelo visual de inmediato.<\/p>\n<\/li>\n<li>\n<p><strong>Estudio C4 PlantUML impulsado por IA<\/strong>: Esta herramienta especializada convierte lenguaje natural en c\u00f3digo PlantUML, generando diagramas que son controlables por versi\u00f3n y precisos.<\/p>\n<\/li>\n<li>\n<p><strong>An\u00e1lisis inteligente<\/strong>: La IA puede detectar pasos faltantes, sugerir mejoras en el dise\u00f1o e identificar brechas en tu l\u00f3gica arquitect\u00f3nica.<\/p>\n<\/li>\n<li>\n<p><strong>Redacci\u00f3n automatizada de contenido<\/strong>: M\u00e1s all\u00e1 de los aspectos visuales, el motor de IA puede redactar tu declaraci\u00f3n inicial del problema y el contexto del sistema bas\u00e1ndose en el nombre del proyecto o una breve descripci\u00f3n.<\/p>\n<\/li>\n<\/ul>\n<h3>Tipos de diagramas C4 compatibles<\/h3>\n<p>Visual Paradigm admite las seis vistas esenciales de la metodolog\u00eda C4:<\/p>\n<ol>\n<li>\n<p><strong>Contexto del sistema<\/strong>: Muestra el sistema como una \u00abcaja negra\u00bb y sus relaciones con los usuarios y otros sistemas.<\/p>\n<\/li>\n<li>\n<p><strong>Contenedor<\/strong>: Ilustra las elecciones tecnol\u00f3gicas de alto nivel (por ejemplo, aplicaciones, bases de datos) y su comunicaci\u00f3n.<\/p>\n<\/li>\n<li>\n<p><strong>Componente<\/strong>: Descompone los contenedores en sus bloques de construcci\u00f3n de software internos y responsabilidades.<\/p>\n<\/li>\n<li>\n<p><strong>Panorama del sistema<\/strong>: Proporciona una visi\u00f3n de alto nivel de c\u00f3mo el sistema se integra en el entorno de TI empresarial m\u00e1s amplio.<\/p>\n<\/li>\n<li>\n<p><strong>Diagrama din\u00e1mico<\/strong>: Visualiza el comportamiento en tiempo de ejecuci\u00f3n y la secuencia de interacciones entre los elementos.<\/p>\n<\/li>\n<li>\n<p><strong>Diagrama de despliegue<\/strong>: Mapea los contenedores de software a infraestructura f\u00edsica o virtual.<\/p>\n<\/li>\n<\/ol>\n<h3>Acceso y disponibilidad<\/h3>\n<ul>\n<li>\n<p><strong>Visual Paradigm Online<\/strong>: Ofrece una herramienta de modelo C4 basada en navegador con colaboraci\u00f3n en tiempo real, una biblioteca de s\u00edmbolos C4 y acceso a chatbot de IA.<\/p>\n<\/li>\n<li>\n<p><strong>Visual Paradigm Escritorio<\/strong>: Proporciona caracter\u00edsticas avanzadas de modelado, atributos personalizados y un generador de diagramas de IA integrado (disponible a trav\u00e9s de Herramientas &gt; Generaci\u00f3n de diagramas de IA).<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>Beneficios y resultados para el proyecto de carga de veh\u00edculos el\u00e9ctricos<\/h2>\n<p>Aplicar el modelo C4 con las capacidades de IA de Visual Paradigm gener\u00f3 un valor medible en la iniciativa de Red Inteligente de Carga para Veh\u00edculos El\u00e9ctricos:<\/p>\n<p>\u2705\u00a0<strong>Onboarding acelerado<\/strong>: Los nuevos miembros del equipo pudieron comprender los l\u00edmites del sistema y los flujos de datos en cuesti\u00f3n de horas, no semanas, gracias a diagramas claros y jer\u00e1rquicos.<\/p>\n<p>\u2705\u00a0<strong>Alineaci\u00f3n de partes interesadas<\/strong>: Las partes interesadas no t\u00e9cnicas participaron de forma significativa con los diagramas de contexto del sistema, reduciendo las ambig\u00fcedades en los requisitos desde etapas tempranas.<\/p>\n<p>\u2705\u00a0<strong>Precisi\u00f3n t\u00e9cnica<\/strong>: Los desarrolladores utilizaron los diagramas de componentes y de c\u00f3digo como documentaci\u00f3n din\u00e1mica, reduciendo los errores de integraci\u00f3n durante los ciclos de sprint.<\/p>\n<p>\u2705\u00a0<strong>Adaptaci\u00f3n \u00e1gil<\/strong>: Cuando los requisitos cambiaron, como al agregar la integraci\u00f3n solar, el chatbot de IA permiti\u00f3 actualizaciones r\u00e1pidas de los diagramas sin necesidad de dibujarlos manualmente.<\/p>\n<p>\u2705\u00a0<strong>Documentaci\u00f3n lista para auditor\u00eda<\/strong>: El c\u00f3digo PlantUML generado permiti\u00f3 la integraci\u00f3n con el control de versiones, asegurando que las decisiones arquitect\u00f3nicas fueran rastreables y reproducibles.<\/p>\n<p>La naturaleza jer\u00e1rquica del modelo C4 asegur\u00f3 que cada audiencia recibiera el nivel adecuado de detalle: los ejecutivos vieron las interacciones estrat\u00e9gicas, los arquitectos revisaron los l\u00edmites de los contenedores y los desarrolladores implementaron seg\u00fan contratos precisos de componentes.<\/p>\n<hr\/>\n<h2>Conclusi\u00f3n: El futuro de la documentaci\u00f3n arquitect\u00f3nica es colaborativo, inteligente y accesible<\/h2>\n<p>El estudio de caso de la red inteligente de carga para veh\u00edculos el\u00e9ctricos demuestra que la arquitectura de software moderna exige m\u00e1s que solo correcci\u00f3n t\u00e9cnica: requiere claridad, colaboraci\u00f3n y adaptabilidad. Al adoptar el modelo C4 a trav\u00e9s de la plataforma impulsada por IA de Visual Paradigm, los equipos pueden transformar requisitos abstractos en artefactos arquitect\u00f3nicos vivos y navegables que sirven a todos, desde los due\u00f1os de productos hasta los ingenieros de backend.<\/p>\n<p>Lo que distingue a Visual Paradigm no es \u00fanicamente su apoyo al modelo C4, sino su compromiso de reunirse con arquitectos y desarrolladores donde trabajan. Ya sea que prefieras el control t\u00e1ctil de la modelizaci\u00f3n manual, la velocidad de la generaci\u00f3n por IA, la precisi\u00f3n del c\u00f3digo PlantUML o la escalabilidad de las APIs program\u00e1ticas, la plataforma se adapta a tu flujo de trabajo, no al rev\u00e9s. Esta flexibilidad es cr\u00edtica en los entornos de ingenier\u00eda heterog\u00e9neos de hoy, donde los equipos combinan habilidades diversas, preferencias de herramientas y estilos de colaboraci\u00f3n.<\/p>\n<p>El verdadero poder no reside \u00fanicamente en generar diagramas, sino en crear un lenguaje compartido para el dise\u00f1o de sistemas. Con la IA encargada de la carga pesada de creaci\u00f3n y mantenimiento de diagramas, arquitectos y desarrolladores pueden centrarse en lo que m\u00e1s importa: resolver problemas complejos, entregar valor a los usuarios y construir sistemas resilientes para un futuro sostenible.<\/p>\n<p>Mientras las organizaciones contin\u00faan navegando la transformaci\u00f3n digital, la migraci\u00f3n a la nube y la integraci\u00f3n de IA, la capacidad de documentar, comunicar y evolucionar la arquitectura solo aumentar\u00e1 en importancia. El enfoque multimitol\u00f3gico de Visual Paradigm para el diagramado C4 ofrece una ruta probada y escalable hacia adelante, que honra tanto el arte como la ciencia de la arquitectura de software.<\/p>\n<p>Ya sea que est\u00e9s dise\u00f1ando infraestructura verde, plataformas fintech o productos SaaS empresariales, la combinaci\u00f3n de modelado C4 y herramientas inteligentes ofrece una ruta probada hacia la excelencia arquitect\u00f3nica. Comienza con una descripci\u00f3n sencilla, deja que la IA genere tu primer diagrama y observa c\u00f3mo se despliega la historia de tu sistema, una capa clara y colaborativa a la vez.<\/p>\n<hr\/>\n<h2>Referencias<\/h2>\n<ol>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/features\/c4-diagram-tool\/\"><strong>Herramienta de diagramas C4 y software de modelado<\/strong><\/a>: Visi\u00f3n general completa de las capacidades dedicadas de modelado C4 de Visual Paradigm, incluyendo plantillas, s\u00edmbolos y caracter\u00edsticas de integraci\u00f3n para la documentaci\u00f3n de arquitectura de software.<\/li>\n<li><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-diagram-generator-complete-c4-model\/\"><strong>Generador de diagramas con IA: Soporte completo para el modelo C4<\/strong><\/a>: Anuncio de lanzamiento que detalla c\u00f3mo las herramientas de IA de Visual Paradigm ahora admiten la generaci\u00f3n completa del modelo C4 a trav\u00e9s de todos los niveles de abstracci\u00f3n.<\/li>\n<li><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-diagram-generator\/\"><strong>Notas de lanzamiento del generador de diagramas con IA<\/strong><\/a>: Documentaci\u00f3n t\u00e9cnica y resumen de caracter\u00edsticas para el motor de generaci\u00f3n de diagramas impulsado por IA integrado en Visual Paradigm.<\/li>\n<li><a href=\"https:\/\/ai.visual-paradigm.com\/tool\/ai-powered-c4-plantuml-studio\"><strong>Estudio C4 impulsado por IA con PlantUML<\/strong><\/a>: Descripci\u00f3n de herramienta especializada para convertir requisitos en lenguaje natural en c\u00f3digo PlantUML controlable por versi\u00f3n para diagramas C4.<\/li>\n<li><a href=\"https:\/\/ai.visual-paradigm.com\/\"><strong>Plataforma de IA de Visual Paradigm<\/strong><\/a>: Centro central para la suite de herramientas de modelado, diagramaci\u00f3n y documentaci\u00f3n asistidas por IA de Visual Paradigm.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/features\/ai-chatbot\/\"><strong>Chatbot de IA para la generaci\u00f3n de diagramas<\/strong><\/a>: Visi\u00f3n general de la interfaz de IA conversacional que permite a los usuarios crear y perfeccionar diagramas utilizando comandos de lenguaje natural.<\/li>\n<li><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-powered-c4-plantuml-markdown-editor\/\"><strong>Editor de PlantUML de C4 impulsado por IA con formato Markdown<\/strong><\/a>: Lanzamiento de funci\u00f3n que introduce flujos de trabajo de edici\u00f3n basados en Markdown para diagramas C4 con asistencia de IA.<\/li>\n<li><a href=\"https:\/\/ai.visual-paradigm.com\/tool\/ai-chatbot\/\"><strong>Herramienta de chatbot de IA<\/strong><\/a>: P\u00e1gina dedicada a la interfaz de chatbot de IA utilizada para la creaci\u00f3n e refinamiento interactivos de diagramas.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/features\/use-case-to-activity-diagram\/\"><strong>Funci\u00f3n de transformaci\u00f3n de diagrama de casos de uso a diagrama de actividades<\/strong><\/a>: Documentaci\u00f3n de la funci\u00f3n de Visual Paradigm para transformar modelos de casos de uso en diagramas de actividades, apoyando flujos de trabajo arquitect\u00f3nicos m\u00e1s amplios.<\/li>\n<li><a href=\"https:\/\/online.visual-paradigm.com\/diagrams\/features\/c4-model-tool\/\"><strong>Herramienta de modelo C4 en Visual Paradigm Online<\/strong><\/a>: Capabilidades de modelado C4 basadas en navegador que incluyen colaboraci\u00f3n en tiempo real, bibliotecas de s\u00edmbolos y sincronizaci\u00f3n en la nube.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/solution\/c4-diagram-tool\/\"><strong>Soluci\u00f3n de diagramas C4<\/strong><\/a>: P\u00e1gina de soluci\u00f3n enfocada en empresas que destaca c\u00f3mo las herramientas C4 de Visual Paradigm apoyan iniciativas arquitect\u00f3nicas a gran escala.<\/li>\n<li><a href=\"https:\/\/blog.visual-paradigm.com\/what-is-c4-model\/\"><strong>\u00bfQu\u00e9 es el modelo C4?<\/strong><\/a>: Publicaci\u00f3n educativa en blog que explica los fundamentos, beneficios y aplicaciones pr\u00e1cticas de la metodolog\u00eda de modelado C4.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n En el actual entorno de software en constante evoluci\u00f3n, la capacidad de comunicar arquitecturas de sistemas complejas de forma<\/p>\n","protected":false},"author":3482,"featured_media":11092,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/img_69e8ac02e7121.png","fifu_image_alt":"","footnotes":""},"categories":[144,143],"tags":[],"class_list":["post-11091","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-c4"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm - ArchiMetric Spanish<\/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.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm - ArchiMetric Spanish\" \/>\n<meta property=\"og:description\" content=\"Introducci\u00f3n En el actual entorno de software en constante evoluci\u00f3n, la capacidad de comunicar arquitecturas de sistemas complejas de forma\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/\" \/>\n<meta property=\"og:site_name\" content=\"ArchiMetric Spanish\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-28T03:25:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/img_69e8ac02e7121.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/img_69e8ac02e7121.png\" \/>\n\t<meta property=\"og:image:width\" content=\"912\" \/>\n\t<meta property=\"og:image:height\" content=\"506\" \/>\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.archimetric.com\/wp-content\/uploads\/2026\/05\/img_69e8ac02e7121.png\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.archimetric.com\/es\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\"},\"headline\":\"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm\",\"datePublished\":\"2026-05-28T03:25:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/\"},\"wordCount\":3106,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/es\/wp-content\/uploads\/sites\/7\/2026\/05\/img_69e8ac02e7121.png\",\"articleSection\":[\"AI\",\"C4\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/\",\"url\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/\",\"name\":\"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm - ArchiMetric Spanish\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/es\/wp-content\/uploads\/sites\/7\/2026\/05\/img_69e8ac02e7121.png\",\"datePublished\":\"2026-05-28T03:25:50+00:00\",\"author\":{\"@id\":\"https:\/\/www.archimetric.com\/es\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#primaryimage\",\"url\":\"https:\/\/www.archimetric.com\/es\/wp-content\/uploads\/sites\/7\/2026\/05\/img_69e8ac02e7121.png\",\"contentUrl\":\"https:\/\/www.archimetric.com\/es\/wp-content\/uploads\/sites\/7\/2026\/05\/img_69e8ac02e7121.png\",\"width\":912,\"height\":506},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.archimetric.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.archimetric.com\/es\/#website\",\"url\":\"https:\/\/www.archimetric.com\/es\/\",\"name\":\"ArchiMetric Spanish\",\"description\":\"EA, Dev Ops, Scrum, Agile and More\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.archimetric.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.archimetric.com\/es\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.archimetric.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.archimetric.com\/es\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm - ArchiMetric Spanish","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.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/","og_locale":"es_ES","og_type":"article","og_title":"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm - ArchiMetric Spanish","og_description":"Introducci\u00f3n En el actual entorno de software en constante evoluci\u00f3n, la capacidad de comunicar arquitecturas de sistemas complejas de forma","og_url":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/","og_site_name":"ArchiMetric Spanish","article_published_time":"2026-05-28T03:25:50+00:00","og_image":[{"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/img_69e8ac02e7121.png","type":"","width":"","height":""},{"width":912,"height":506,"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/img_69e8ac02e7121.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/05\/img_69e8ac02e7121.png","twitter_misc":{"Escrito por":"curtis","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#article","isPartOf":{"@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/"},"author":{"name":"curtis","@id":"https:\/\/www.archimetric.com\/es\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba"},"headline":"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm","datePublished":"2026-05-28T03:25:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/"},"wordCount":3106,"commentCount":0,"image":{"@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/es\/wp-content\/uploads\/sites\/7\/2026\/05\/img_69e8ac02e7121.png","articleSection":["AI","C4"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/","url":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/","name":"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm - ArchiMetric Spanish","isPartOf":{"@id":"https:\/\/www.archimetric.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#primaryimage"},"image":{"@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/es\/wp-content\/uploads\/sites\/7\/2026\/05\/img_69e8ac02e7121.png","datePublished":"2026-05-28T03:25:50+00:00","author":{"@id":"https:\/\/www.archimetric.com\/es\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba"},"breadcrumb":{"@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#primaryimage","url":"https:\/\/www.archimetric.com\/es\/wp-content\/uploads\/sites\/7\/2026\/05\/img_69e8ac02e7121.png","contentUrl":"https:\/\/www.archimetric.com\/es\/wp-content\/uploads\/sites\/7\/2026\/05\/img_69e8ac02e7121.png","width":912,"height":506},{"@type":"BreadcrumbList","@id":"https:\/\/www.archimetric.com\/es\/a-comprehensive-case-study-on-building-c4-diagrams-with-visual-paradigms-multi-method-approach\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.archimetric.com\/es\/"},{"@type":"ListItem","position":2,"name":"Un estudio de caso completo sobre la creaci\u00f3n de diagramas C4 con el enfoque multimetodol\u00f3gico de Visual Paradigm"}]},{"@type":"WebSite","@id":"https:\/\/www.archimetric.com\/es\/#website","url":"https:\/\/www.archimetric.com\/es\/","name":"ArchiMetric Spanish","description":"EA, Dev Ops, Scrum, Agile and More","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.archimetric.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.archimetric.com\/es\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba","name":"curtis","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.archimetric.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.archimetric.com\/es\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/posts\/11091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/users\/3482"}],"replies":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/comments?post=11091"}],"version-history":[{"count":0,"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/posts\/11091\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/media\/11092"}],"wp:attachment":[{"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/media?parent=11091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/categories?post=11091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.archimetric.com\/es\/wp-json\/wp\/v2\/tags?post=11091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}