{"id":11562,"date":"2026-10-29T13:20:02","date_gmt":"2026-10-29T05:20:02","guid":{"rendered":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/"},"modified":"2026-10-29T13:29:23","modified_gmt":"2026-10-29T05:29:23","slug":"from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","title":{"rendered":"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm"},"content":{"rendered":"<h2 data-nodeid=\"28688\">Introducci\u00f3n<\/h2>\n<p data-nodeid=\"28689\">En la ingenier\u00eda de software moderna, la brecha entre el dise\u00f1o arquitect\u00f3nico y la documentaci\u00f3n t\u00e9cnica es a menudo donde los proyectos pierden impulso. Los diagramas se convierten en capturas de pantalla desactualizadas, la documentaci\u00f3n se desv\u00eda de la realidad y la incorporaci\u00f3n de nuevos miembros del equipo se convierte en un tedioso ejercicio de descifrar artefactos heredados.<\/p>\n<p data-nodeid=\"28690\">El ecosistema potenciado por IA de Visual Paradigm aborda este desaf\u00edo transformando la forma en que los equipos crean y mantienen la documentaci\u00f3n t\u00e9cnica. Al conectar el diagramaci\u00f3n conversacional, el modelado C4 estructurado, una tuber\u00eda de activos centralizada y la documentaci\u00f3n viva en un flujo de trabajo continuo, asegura que su arquitectura y sus documentos evolucionen juntos como una \u00fanica fuente de verdad.<\/p>\n<p><img alt=\"\" class=\"alignnone size-full wp-image-22363\" decoding=\"async\" height=\"1122\" loading=\"lazy\" sizes=\"auto, (max-width: 1402px) 100vw, 1402px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png 1402w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7-300x240.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7-1024x819.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7-768x615.png 768w\" width=\"1402\"\/><\/p>\n<p data-nodeid=\"28691\">Esta gu\u00eda ofrece una descripci\u00f3n completa y paso a paso de este flujo de trabajo completo, desde la lluvia de ideas inicial con IA hasta la publicaci\u00f3n de documentaci\u00f3n viva que se actualiza autom\u00e1ticamente, acompa\u00f1ada de extensos ejemplos de PlantUML y mejores pr\u00e1cticas.<\/p>\n<hr data-nodeid=\"28692\"\/>\n<h2 data-nodeid=\"28693\">Parte 1: Conceptos Clave y Visi\u00f3n General del Ecosistema<\/h2>\n<h3 data-nodeid=\"28694\">Los Cuatro Pilares<\/h3>\n<p data-nodeid=\"28695\">El ecosistema de Visual Paradigm consta de cuatro pilares de IA interconectados que trabajan juntos para crear un flujo de trabajo de bucle cerrado:<\/p>\n<p><img alt=\"\" class=\"alignnone size-full wp-image-22365\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<table data-nodeid=\"28697\">\n<thead data-nodeid=\"28698\">\n<tr data-nodeid=\"28699\">\n<th data-nodeid=\"28701\"><strong data-nodeid=\"29387\">Pilar<\/strong><\/th>\n<th data-nodeid=\"28702\"><strong data-nodeid=\"29391\">Prop\u00f3sito<\/strong><\/th>\n<th data-nodeid=\"28703\"><strong data-nodeid=\"29395\">Cu\u00e1ndo Usarlo<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"28707\">\n<tr data-nodeid=\"28708\">\n<td data-nodeid=\"28709\"><strong data-nodeid=\"29399\">Chatbot de Modelado Visual con IA<\/strong><\/td>\n<td data-nodeid=\"28710\">Copiloto de ideaci\u00f3n conversacional; genera diagramas a partir de lenguaje natural<\/td>\n<td data-nodeid=\"28711\">Lluvia de ideas, prototipado r\u00e1pido, superaci\u00f3n del s\u00edndrome de la &#8220;lienzo en blanco&#8221;<\/td>\n<\/tr>\n<tr data-nodeid=\"28712\">\n<td data-nodeid=\"28713\"><strong data-nodeid=\"29411\">Aplicaciones y Estudios con IA (Estudio C4-PlantUML)<\/strong><\/td>\n<td data-nodeid=\"28714\">Modelado guiado y basado en metodolog\u00edas con asistentes paso a paso<\/td>\n<td data-nodeid=\"28715\">Refinamiento estructurado, modelado C4, cumplimiento, incorporaci\u00f3n<\/td>\n<\/tr>\n<tr data-nodeid=\"28716\">\n<td data-nodeid=\"28717\"><strong data-nodeid=\"29417\">OpenDocs<\/strong><\/td>\n<td data-nodeid=\"28718\">Plataforma de gesti\u00f3n del conocimiento viva con diagramas en vivo y editables<\/td>\n<td data-nodeid=\"28719\">Documentaci\u00f3n t\u00e9cnica, incorporaci\u00f3n, informes para partes interesadas, wikis<\/td>\n<\/tr>\n<tr data-nodeid=\"28720\">\n<td data-nodeid=\"28721\"><strong data-nodeid=\"29423\">VP Desktop<\/strong><\/td>\n<td data-nodeid=\"28722\">Modelado de precisi\u00f3n profesional, validaci\u00f3n e ingenier\u00eda de c\u00f3digo<\/td>\n<td data-nodeid=\"28723\">Arquitectura empresarial, validaci\u00f3n sem\u00e1ntica, generaci\u00f3n de c\u00f3digo, trazabilidad<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"28724\">La Tuber\u00eda OpenDocs<\/h3>\n<p data-nodeid=\"28725\">La Tuber\u00eda act\u00faa como el centro de tr\u00e1nsito central seguro y alojado en la nube que conecta los cinco entornos de ejecuci\u00f3n dentro del ecosistema de Visual Paradigm. Permite a los equipos transmitir artefactos de m\u00faltiples fuentes directamente a la documentaci\u00f3n t\u00e9cnica unificada sin transferencias manuales de archivos ni capturas de pantalla.<\/p>\n<p data-nodeid=\"28725\"><img alt=\"El generador de mapas mentales con IA ahora se conecta a la tuber\u00eda | Visual Paradigm\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6aab4fe26afbe.png\"\/><\/p>\n<p data-nodeid=\"28726\"><strong data-nodeid=\"29432\">Caracter\u00edsticas Clave<\/strong>:<\/p>\n<ul data-nodeid=\"28727\">\n<li data-nodeid=\"28728\">\n<p data-nodeid=\"28729\"><strong data-nodeid=\"29437\">Repositorio alojado en la nube<\/strong>: Acceda a los artefactos desde cualquier dispositivo<\/p>\n<\/li>\n<li data-nodeid=\"28730\">\n<p data-nodeid=\"28731\"><strong data-nodeid=\"29442\">Consciente de las versiones<\/strong>: Seguimiento autom\u00e1tico de revisiones con notas de confirmaci\u00f3n<\/p>\n<\/li>\n<li data-nodeid=\"28732\">\n<p data-nodeid=\"28733\"><strong data-nodeid=\"29447\">Capacidad de edici\u00f3n preservada<\/strong>: Los diagramas permanecen vinculados a los modelos fuente, no a im\u00e1genes est\u00e1ticas<\/p>\n<\/li>\n<li data-nodeid=\"28734\">\n<p data-nodeid=\"28735\"><strong data-nodeid=\"29452\">Acceso basado en roles<\/strong>: Configurar permisos por proyecto, equipo o artefacto<\/p>\n<\/li>\n<li data-nodeid=\"28736\">\n<p data-nodeid=\"28737\"><strong data-nodeid=\"29457\">Integrado con IA<\/strong>: Soporte nativo para diagramas generados y refinados por IA<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"28738\"><strong data-nodeid=\"29462\">Los cinco entornos de ejecuci\u00f3n<\/strong>:<\/p>\n<table data-nodeid=\"28740\">\n<thead data-nodeid=\"28741\">\n<tr data-nodeid=\"28742\">\n<th data-nodeid=\"28744\"><strong data-nodeid=\"29466\">Plataforma<\/strong><\/th>\n<th data-nodeid=\"28745\"><strong data-nodeid=\"29470\">Modelado de la naturaleza<\/strong><\/th>\n<th data-nodeid=\"28746\"><strong data-nodeid=\"29476\">Ciclo de vida y versionado<\/strong><\/th>\n<th data-nodeid=\"28747\"><strong data-nodeid=\"29480\">Caso de uso ideal<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"28752\">\n<tr data-nodeid=\"28753\">\n<td data-nodeid=\"28754\">1. Chatbot de IA<\/td>\n<td data-nodeid=\"28755\">Impulsado por c\u00f3digo \/ Basado en instrucciones<\/td>\n<td data-nodeid=\"28756\">Instant\u00e1neas est\u00e1ticas<\/td>\n<td data-nodeid=\"28757\">Lluvia de ideas r\u00e1pida, generaci\u00f3n de diagramas a partir de texto<\/td>\n<\/tr>\n<tr data-nodeid=\"28758\">\n<td data-nodeid=\"28759\">2. Editor en l\u00ednea<\/td>\n<td data-nodeid=\"28760\">Impulsado por un lienzo visual<\/td>\n<td data-nodeid=\"28761\">Seguimiento manual<\/td>\n<td data-nodeid=\"28762\">Ajustes de estilo, edici\u00f3n colaborativa basada en el navegador<\/td>\n<\/tr>\n<tr data-nodeid=\"28763\">\n<td data-nodeid=\"28764\">3. OpenDocs<\/td>\n<td data-nodeid=\"28765\">Consumo y autor\u00eda nativa<\/td>\n<td data-nodeid=\"28766\">Inserci\u00f3n de enlaces en tiempo real<\/td>\n<td data-nodeid=\"28767\">Ensamblaje final de documentaci\u00f3n, referencias cruzadas<\/td>\n<\/tr>\n<tr data-nodeid=\"28768\">\n<td data-nodeid=\"28769\">4. Aplicaci\u00f3n de escritorio<\/td>\n<td data-nodeid=\"28770\">Impulsado por modelos y validado<\/td>\n<td data-nodeid=\"28771\">Revisiones autom\u00e1ticas<\/td>\n<td data-nodeid=\"28772\">Arquitectura empresarial, modelos de ingenier\u00eda validados<\/td>\n<\/tr>\n<tr data-nodeid=\"28773\">\n<td data-nodeid=\"28774\">5. Aplicaciones web (C4 Wizards)<\/td>\n<td data-nodeid=\"28775\">Asistentes guiados por el contexto<\/td>\n<td data-nodeid=\"28776\">Arquitectura estructural<\/td>\n<td data-nodeid=\"28777\">Modelado de marcos complejos, dise\u00f1o guiado paso a paso<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"28778\">El modelo C4<\/h3>\n<p data-nodeid=\"28779\">El modelo C4, creado por Simon Brown, es un enfoque jer\u00e1rquico para visualizar la arquitectura de software en cuatro niveles:<\/p>\n<p data-nodeid=\"28779\"><img decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_69faed56dfc7a.png\"\/><\/p>\n<table data-nodeid=\"28781\">\n<thead data-nodeid=\"28782\">\n<tr data-nodeid=\"28783\">\n<th data-nodeid=\"28785\"><strong data-nodeid=\"29523\">Nivel<\/strong><\/th>\n<th data-nodeid=\"28786\"><strong data-nodeid=\"29527\">Prop\u00f3sito<\/strong><\/th>\n<th data-nodeid=\"28787\"><strong data-nodeid=\"29531\">Ejemplo<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"28791\">\n<tr data-nodeid=\"28792\">\n<td data-nodeid=\"28793\"><strong data-nodeid=\"29535\">Contexto<\/strong><\/td>\n<td data-nodeid=\"28794\">Muestra el sistema en su entorno, incluidos los usuarios y los sistemas externos<\/td>\n<td data-nodeid=\"28795\">\u201cPlataforma de comercio electr\u00f3nico que interact\u00faa con usuarios, pasarelas de pago y sistemas de inventario\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"28796\">\n<td data-nodeid=\"28797\"><strong data-nodeid=\"29543\">Contenedor<\/strong><\/td>\n<td data-nodeid=\"28798\">Descompone el sistema en unidades desplegables (aplicaciones, bases de datos, microservicios)<\/td>\n<td data-nodeid=\"28799\">\u201cFrontend (React), Backend (Node.js), Base de datos (PostgreSQL)\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"28800\">\n<td data-nodeid=\"28801\"><strong data-nodeid=\"29551\">Componente<\/strong><\/td>\n<td data-nodeid=\"28802\">Detalla los m\u00f3dulos internos y sus interacciones<\/td>\n<td data-nodeid=\"28803\">\u201cServicio de usuario, Servicio de pedidos, Procesador de pagos\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"28804\">\n<td data-nodeid=\"28805\"><strong data-nodeid=\"29560\">C\u00f3digo<\/strong> (Opcional)<\/td>\n<td data-nodeid=\"28806\">Profundiza en los detalles a nivel de clase<\/td>\n<td data-nodeid=\"28807\">\u201cUserRepository, OrderController\u201d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"28808\">Las vistas din\u00e1micas (Secuencia, Despliegue) complementan la estructura est\u00e1tica, mostrando el comportamiento en tiempo de ejecuci\u00f3n y la infraestructura.<\/p>\n<hr data-nodeid=\"28809\"\/>\n<h2 data-nodeid=\"28810\">Parte 2: Gu\u00eda de flujo de trabajo paso a paso<\/h2>\n<h3 data-nodeid=\"28811\">Paso 1: Ideaci\u00f3n con el chatbot de IA<\/h3>\n<p data-nodeid=\"28812\"><strong data-nodeid=\"29572\">Objetivo<\/strong>: Transformar una idea vaga en un prototipo visual en segundos.<\/p>\n<p data-nodeid=\"28813\"><strong data-nodeid=\"29577\">Flujo de trabajo<\/strong>:<\/p>\n<ol data-nodeid=\"28814\">\n<li data-nodeid=\"28815\">\n<p data-nodeid=\"28816\"><strong data-nodeid=\"29585\">Acceder al chatbot de IA<\/strong> a trav\u00e9s de su espacio de trabajo de Visual Paradigm o <a data-nodeid=\"29584\" href=\"https:\/\/chat.visual-paradigm.com\/\">chat.visual-paradigm.com<\/a><\/p>\n<\/li>\n<li data-nodeid=\"28817\">\n<p data-nodeid=\"28818\"><strong data-nodeid=\"29590\">Solicite a la IA utilizando lenguaje natural<\/strong> describiendo su sistema o escenario:<\/p>\n<pre class=\"lang-text\" data-nodeid=\"28819\"><code data-language=\"text\">\"Genere un diagrama de contexto de sistema C4 para una plataforma de comercio electr\u00f3nico\"\r\n\"Cree un diagrama de secuencia para nuestro flujo de autenticaci\u00f3n de microservicios\"\r\n\"Mu\u00e9streme un diagrama de casos de uso para una aplicaci\u00f3n de entrega de comida\"\r\n<\/code><\/pre>\n<\/li>\n<li data-nodeid=\"28820\">\n<p data-nodeid=\"28821\"><strong data-nodeid=\"29595\">Revise y refine de forma iterativa<\/strong> utilizando comandos de seguimiento:<\/p>\n<ul data-nodeid=\"28822\">\n<li data-nodeid=\"28823\">\n<p data-nodeid=\"28824\">&#8220;Agregue un actor administrador que pueda restablecer contrase\u00f1as&#8221;<\/p>\n<\/li>\n<li data-nodeid=\"28825\">\n<p data-nodeid=\"28826\">&#8220;Inserte un bucle de reintento si la validaci\u00f3n del OTP falla (m\u00e1ximo 3 intentos)&#8221;<\/p>\n<\/li>\n<li data-nodeid=\"28827\">\n<p data-nodeid=\"28828\">&#8220;Muestre mensajes paralelos: despu\u00e9s del \u00e9xito del pago, notifique al cliente y actualice el inventario simult\u00e1neamente&#8221;<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28829\">\n<p data-nodeid=\"28830\"><strong data-nodeid=\"29612\">Exportar a Pipeline<\/strong>: Haga clic en el icono de Exportar \u2192 Seleccione <strong data-nodeid=\"29613\">Enviar a OpenDocs Pipeline<\/strong><\/p>\n<\/li>\n<li data-nodeid=\"28831\">\n<p data-nodeid=\"28832\"><strong data-nodeid=\"29622\">Agregar metadatos<\/strong>: Incluya comentarios descriptivos como &#8220;Borrador del flujo de autenticaci\u00f3n base \u2013 Q2 2026&#8221; para la identificaci\u00f3n de versiones<\/p>\n<\/li>\n<\/ol>\n<blockquote data-nodeid=\"28833\">\n<p data-nodeid=\"28834\"><strong data-nodeid=\"29627\">\ud83d\udca1 Consejo profesional<\/strong>: Utilice el chatbot para una iteraci\u00f3n r\u00e1pida en conceptos de etapas tempranas. Una vez que un diagrama se estabilice, migre-lo a Desktop para validaci\u00f3n sem\u00e1ntica y sincronizaci\u00f3n automatizada.<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"28835\">Ejemplo de PlantUML para diagrama de contexto C4<\/h4>\n<p data-nodeid=\"28836\"><img alt=\"\" data-nodeid=\"29630\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc80f5c2c1.png\"\/><\/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:TLFBRjim4BmRy3-mFhc0RLrwwYcf6YG16bI8qdD0Ksk9C1ygkPJZl--kB1jqu9wqud9cTsQakuWoOB9cFlkYdJAf0T4Xzl5xKGHvsBGQkxHD4OBo3i7XHdbRz4Ow1gqZDaPlY_BRkkAZFo-_2YiZGg2Zzv8H7xZfH_hv33KQ4FMH-bPCJV5JopP8AzRYOLrwQsaG22B3dG-MKHM4wDrIfOYUkYknAAToGNNT-Rwd6s8R_25grmhf6j6de3evllR1DqbXN7ozKCd6QaVOUtxgY46Y7ybUf9Cjn0jc9Nne2BCQITc4aMO-EsbOWfeM9koDxPdojpFQWGY0KXiHJzexeZFPSa99bCQtAn5P3dSKfN8zlfT7I_vVRV3-y87BgK73gbCb7YN2GHvvVXMyWXX9b0hGQ1uLhhao9kq6ElNXIC3dSpq5blj3zgkzC320YUDkksHssXZc_4GPEzrFszLKZjfg28DMm8nFx0GnZa950qOFG2EPas9HUxf-qliA9li4SkD_SF109aMGb3fNK_nPaap255FqEVx_eLy2PsG6oGo_k7jsL0nQZiBUtghw1ZQtkEn0xMEH-eRocbnbx7trV0EPEVaAVnD46dO-or3psHsuXlwuVm00\" 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:ZLExRjj04Em5w1ykgXH04fjKgMmeXXCW3eJ8IMkiZslgd7imTtkCbRz9wS9LFe4_bbsIjid0XIiIovtPsTdXIIA8b9sTpzuOhsqkKHs8wlI-A2BysbI63law9umwU49F6nrSKLlm0bedAgsvBhRlrZifVRluN3X8X95BLrj1tD6cxkZdCp9aKNqmK4Lme7YIxZi2lrkL30EvlbRCHN0JucEJu-acABIeARP_lT51-7OOK_1BdHD9oqejjjQmH5p8Qt1rX394JEfdHkMXmGgyEWeVV_6gZg7Cca9Ql7tYWj8Pp-XJURAUZa7epZ6H2HwUKIjLOsdAa9WofmpHz4ppsVueYooH1uboPFWhDf8f-y42xcbu4L3ebMqVF4AtWmEFjw0qKFl7Xafi6-lH4AFfp1nsd6YiePeAl3gxesKDHyUJH28aY6YxuNsl56FGcA0loBaKn-KMgLyZjlSb3nJI4QNneZt4utIXlYmsJVpqfc4NadJm6VKFEL1sjJLEJla_TpgOUj2xnzWOCP6Hw9lseUEzO8iYA2lMKUIBCvza2wiyC7RxzQxqRdn5EyhG-6fVkioi5ETVmrDofi4Hz92QCVJrUH624N9qa8dte3YCJNilJicY7oylT_iNy6FtlsCqDqP30PeoMFCRUey5Vxhxz09wx6-mR6-NmKTp1ynyTeA-v9_w7m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28837\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\n\r\ntitle Diagrama de contexto del sistema - Plataforma de comercio electr\u00f3nico\r\n\r\nPerson(customer, \"Cliente\", \"Compradores que navegan y compran productos\")\r\nPerson(admin, \"Administrador\", \"Gestiona productos, pedidos y usuarios\")\r\n\r\nSystem(ecommerce, \"Plataforma de comercio electr\u00f3nico\", \"Sistema de venta en l\u00ednea que maneja cat\u00e1logo de productos, carrito de compras, pedidos y pagos\")\r\n\r\nSystem_Ext(payment, \"Pasarela de pagos\", \"Procesa pagos con tarjeta de cr\u00e9dito\")\r\nSystem_Ext(inventory, \"Sistema de inventario\", \"Gestiona niveles de stock y cumplimiento\")\r\nSystem_Ext(shipment, \"Servicio de env\u00edo\", \"Manera la entrega y el seguimiento de pedidos\")\r\n\r\nRel(customer, ecommerce, \"Navega, busca y compra productos\")\r\nRel(admin, ecommerce, \"Gestiona productos, pedidos y usuarios\")\r\nRel(ecommerce, payment, \"Procesa pagos a trav\u00e9s de\", \"HTTPS\")\r\nRel(ecommerce, inventory, \"Verifica\/actualiza stock\", \"API\")\r\nRel(ecommerce, shipment, \"Solicita env\u00edo\", \"API\")\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:ZLExRjj04Em5w1ykgXH04fjKgMmeXXCW3eJ8IMkiZslgd7imTtkCbRz9wS9LFe4_bbsIjid0XIiIovtPsTdXIIA8b9sTpzuOhsqkKHs8wlI-A2BysbI63law9umwU49F6nrSKLlm0bedAgsvBhRlrZifVRluN3X8X95BLrj1tD6cxkZdCp9aKNqmK4Lme7YIxZi2lrkL30EvlbRCHN0JucEJu-acABIeARP_lT51-7OOK_1BdHD9oqejjjQmH5p8Qt1rX394JEfdHkMXmGgyEWeVV_6gZg7Cca9Ql7tYWj8Pp-XJURAUZa7epZ6H2HwUKIjLOsdAa9WofmpHz4ppsVueYooH1uboPFWhDf8f-y42xcbu4L3ebMqVF4AtWmEFjw0qKFl7Xafi6-lH4AFfp1nsd6YiePeAl3gxesKDHyUJH28aY6YxuNsl56FGcA0loBaKn-KMgLyZjlSb3nJI4QNneZt4utIXlYmsJVpqfc4NadJm6VKFEL1sjJLEJla_TpgOUj2xnzWOCP6Hw9lseUEzO8iYA2lMKUIBCvza2wiyC7RxzQxqRdn5EyhG-6fVkioi5ETVmrDofi4Hz92QCVJrUH624N9qa8dte3YCJNilJicY7oylT_iNy6FtlsCqDqP30PeoMFCRUey5Vxhxz09wx6-mR6-NmKTp1ynyTeA-v9_w7m00\" \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:TLFBRjim4BmRy3-mFhc0RLrwwYcf6YG16bI8qdD0Ksk9C1ygkPJZl--kB1jqu9wqud9cTsQakuWoOB9cFlkYdJAf0T4Xzl5xKGHvsBGQkxHD4OBo3i7XHdbRz4Ow1gqZDaPlY_BRkkAZFo-_2YiZGg2Zzv8H7xZfH_hv33KQ4FMH-bPCJV5JopP8AzRYOLrwQsaG22B3dG-MKHM4wDrIfOYUkYknAAToGNNT-Rwd6s8R_25grmhf6j6de3evllR1DqbXN7ozKCd6QaVOUtxgY46Y7ybUf9Cjn0jc9Nne2BCQITc4aMO-EsbOWfeM9koDxPdojpFQWGY0KXiHJzexeZFPSa99bCQtAn5P3dSKfN8zlfT7I_vVRV3-y87BgK73gbCb7YN2GHvvVXMyWXX9b0hGQ1uLhhao9kq6ElNXIC3dSpq5blj3zgkzC320YUDkksHssXZc_4GPEzrFszLKZjfg28DMm8nFx0GnZa950qOFG2EPas9HUxf-qliA9li4SkD_SF109aMGb3fNK_nPaap255FqEVx_eLy2PsG6oGo_k7jsL0nQZiBUtghw1ZQtkEn0xMEH-eRocbnbx7trV0EPEVaAVnD46dO-or3psHsuXlwuVm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28838\"><a data-nodeid=\"29633\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLFBRjim4BmRy3-mFhc0RLrwwYcf6YG16bI8qdD0Ksk9C1ygkPJZl--kB1jqu9wqud9cTsQakuWoOB9cFlkYdJAf0T4Xzl5xKGHvsBGQkxHD4OBo3i7XHdbRz4Ow1gqZDaPlY_BRkkAZFo-_2YiZGg2Zzv8H7xZfH_hv33KQ4FMH-bPCJV5JopP8AzRYOLrwQsaG22B3dG-MKHM4wDrIfOYUkYknAAToGNNT-Rwd6s8R_25grmhf6j6de3evllR1DqbXN7ozKCd6QaVOUtxgY46Y7ybUf9Cjn0jc9Nne2BCQITc4aMO-EsbOWfeM9koDxPdojpFQWGY0KXiHJzexeZFPSa99bCQtAn5P3dSKfN8zlfT7I_vVRV3-y87BgK73gbCb7YN2GHvvVXMyWXX9b0hGQ1uLhhao9kq6ElNXIC3dSpq5blj3zgkzC320YUDkksHssXZc_4GPEzrFszLKZjfg28DMm8nFx0GnZa950qOFG2EPas9HUxf-qliA9li4SkD_SF109aMGb3fNK_nPaap255FqEVx_eLy2PsG6oGo_k7jsL0nQZiBUtghw1ZQtkEn0xMEH-eRocbnbx7trV0EPEVaAVnD46dO-or3psHsuXlwuVm00\">Editar PlantUML en VPasCode<\/a><\/p>\n<h4 data-nodeid=\"28839\">Ejemplo de PlantUML para diagrama de secuencia<\/h4>\n<p data-nodeid=\"28840\"><img alt=\"\" data-nodeid=\"29636\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc84cf2db8.png\"\/><\/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:ZLHDRzim3BqRy7yWSagmvTBUSXZQ8Uqme4E7EjlEj4N4mcJ9a-Xu_VUZv8yuxT1D1uEc7lcU7mdV14RFNMFoZ3KRWe9-TMGhWht6eyS6jl0ja8S7TzGMUiqr77gtlSUAdOVRZckoh2jaxMoUvTcGNyMQ5M20Je8yQuL4Lxf5ox3wGILyzAwV8EKGlq1TjXPT_gGhIWKeLo_GnPS2FY5JZyy94fgGPmePImmqo87z-9e0gengephOVfWaxE3EicGgJofoemdfY_H9MfzrZa4iZ59sInje7NjQREWzj1X2xxpQB9eCskCpbgjo1z_HQ1Ml_iuQXQeIjZDPmakEBY1IOHYkxc_b4x0q90YGCn697pjuYhCD38-7h-Fjr27P5JCI9AekkL6GLMVqWd76TnS-3ExD1IE9IOoJRXZFe6pfVT5L5OK0x-3WVf8zGsU_Ps5FfBIdYe6TZ3NKfKC_zYOZ0uzyd-qfCiAwmTzm3SXCJSjXyvQ4E-zbUzTJgRJPl2MZg5q_r9nHrea_NXzhZZBPFuDnhWNTj8OQ6Uyq6R4spvBOEBIz3g-czazl_jkNn7MnCiCQBXBpSjy8MFu7Vm00\" 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:bLHBRjj03DqBq1q8hsoqthGxBOeaI8fcaJQeq-mf3MiFEfenPaPAhj1Zv0X5Zw2BbHnzdROfgeL0K8zyZu-qpq947vlQv5dKqH1SQjnxh14KGQ2g8LjfX2rSMrrfrsU3xdvQ2PlGeETivInW4yb6NM4rVbKkm5UielCKyYpFKWYhBttH2Z1m0_9vTcG9tFs8DiBg8xQqHyN81oeJgFJkuNVSZdmxIZhbJaMSEZohkCM0dWp2xcQNCA5cNGeZbXW8LXVo5jqOMVayNaXWLSeC8XYsxqPD1Vkov_7GG-L99RECJCkpwXOZpUA7G8f5Mm7desY_jgukFIqeNukbqREWxWTk5ktwiUGjZLHPm3qQhVxEBx9L2Tk9zhvxuWB7MJe1SOs9yERzENp0KXiTKK30pyZ6TXMmSuODvQE1JtUtm_UnJV9JCXmanYPPT6LRlSGlYAUAviIQoTIfPc1YXPoQPu3XwIKkzz9zVzJHmIkuSz_8piXf3PEypwIqrtljkJtmfP2HHIJ_dUaBoV1b2F6rRNjgMDVTqwEk7Rm5RMMHBcnUqdFbFP_qMfheiSdc9LatBl01U20fd87MiMqizn0Bk6Wgawx6qw01T7qqL7CuRO-iohCqWEpsaiBXZ-lzbtV_xLlYFRco_dONYUctSSPW_W_w1G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28841\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ntitle Diagrama de secuencia - Inicio de sesi\u00f3n de usuario con autenticaci\u00f3n de dos factores\r\n\r\nactor \"Usuario\" as user\r\nparticipant \"Navegador web\" as browser\r\nparticipant \"Servicio de autenticaci\u00f3n\" as auth\r\nparticipant \"Pasarela SMS\" as sms\r\ndatabase \"Base de datos de usuarios\" as db\r\n\r\nuser -&gt; browser: Ingresar credenciales\r\nactivate browser\r\nbrowser -&gt; auth: Autenticar(nombre de usuario, contrase\u00f1a)\r\nactivate auth\r\nauth -&gt; db: Validar credenciales\r\nactivate db\r\ndb --&gt; auth: V\u00e1lido\r\ndeactivate db\r\n\r\nalt 2FA Habilitado\r\n    auth -&gt; sms: Solicitar OTP\r\n    activate sms\r\n    sms --&gt; user: Enviar OTP\r\n    deactivate sms\r\n    user -&gt; auth: Ingresar OTP\r\n    \r\n    alt OTP V\u00e1lido\r\n        auth --&gt; browser: \u00c9xito + Token\r\n        browser --&gt; user: Redirigir al panel de control\r\n    else OTP Inv\u00e1lido (m\u00e1ximo 3 intentos)\r\n        auth --&gt; browser: Error (OTP inv\u00e1lido)\r\n        browser --&gt; user: Mostrar error\r\n        note right: Bucle de reintento implementado\r\n    end\r\nelse 2FA Deshabilitado\r\n    auth --&gt; browser: \u00c9xito + Token\r\n    browser --&gt; user: Redirigir al panel de control\r\nend\r\n\r\ndeactivate auth\r\ndeactivate browser\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLHBRjj03DqBq1q8hsoqthGxBOeaI8fcaJQeq-mf3MiFEfenPaPAhj1Zv0X5Zw2BbHnzdROfgeL0K8zyZu-qpq947vlQv5dKqH1SQjnxh14KGQ2g8LjfX2rSMrrfrsU3xdvQ2PlGeETivInW4yb6NM4rVbKkm5UielCKyYpFKWYhBttH2Z1m0_9vTcG9tFs8DiBg8xQqHyN81oeJgFJkuNVSZdmxIZhbJaMSEZohkCM0dWp2xcQNCA5cNGeZbXW8LXVo5jqOMVayNaXWLSeC8XYsxqPD1Vkov_7GG-L99RECJCkpwXOZpUA7G8f5Mm7desY_jgukFIqeNukbqREWxWTk5ktwiUGjZLHPm3qQhVxEBx9L2Tk9zhvxuWB7MJe1SOs9yERzENp0KXiTKK30pyZ6TXMmSuODvQE1JtUtm_UnJV9JCXmanYPPT6LRlSGlYAUAviIQoTIfPc1YXPoQPu3XwIKkzz9zVzJHmIkuSz_8piXf3PEypwIqrtljkJtmfP2HHIJ_dUaBoV1b2F6rRNjgMDVTqwEk7Rm5RMMHBcnUqdFbFP_qMfheiSdc9LatBl01U20fd87MiMqizn0Bk6Wgawx6qw01T7qqL7CuRO-iohCqWEpsaiBXZ-lzbtV_xLlYFRco_dONYUctSSPW_W_w1G00\" \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:ZLHDRzim3BqRy7yWSagmvTBUSXZQ8Uqme4E7EjlEj4N4mcJ9a-Xu_VUZv8yuxT1D1uEc7lcU7mdV14RFNMFoZ3KRWe9-TMGhWht6eyS6jl0ja8S7TzGMUiqr77gtlSUAdOVRZckoh2jaxMoUvTcGNyMQ5M20Je8yQuL4Lxf5ox3wGILyzAwV8EKGlq1TjXPT_gGhIWKeLo_GnPS2FY5JZyy94fgGPmePImmqo87z-9e0gengephOVfWaxE3EicGgJofoemdfY_H9MfzrZa4iZ59sInje7NjQREWzj1X2xxpQB9eCskCpbgjo1z_HQ1Ml_iuQXQeIjZDPmakEBY1IOHYkxc_b4x0q90YGCn697pjuYhCD38-7h-Fjr27P5JCI9AekkL6GLMVqWd76TnS-3ExD1IE9IOoJRXZFe6pfVT5L5OK0x-3WVf8zGsU_Ps5FfBIdYe6TZ3NKfKC_zYOZ0uzyd-qfCiAwmTzm3SXCJSjXyvQ4E-zbUzTJgRJPl2MZg5q_r9nHrea_NXzhZZBPFuDnhWNTj8OQ6Uyq6R4spvBOEBIz3g-czazl_jkNn7MnCiCQBXBpSjy8MFu7Vm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28842\"><a data-nodeid=\"29639\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLHDRzim3BqRy7yWSagmvTBUSXZQ8Uqme4E7EjlEj4N4mcJ9a-Xu_VUZv8yuxT1D1uEc7lcU7mdV14RFNMFoZ3KRWe9-TMGhWht6eyS6jl0ja8S7TzGMUiqr77gtlSUAdOVRZckoh2jaxMoUvTcGNyMQ5M20Je8yQuL4Lxf5ox3wGILyzAwV8EKGlq1TjXPT_gGhIWKeLo_GnPS2FY5JZyy94fgGPmePImmqo87z-9e0gengephOVfWaxE3EicGgJofoemdfY_H9MfzrZa4iZ59sInje7NjQREWzj1X2xxpQB9eCskCpbgjo1z_HQ1Ml_iuQXQeIjZDPmakEBY1IOHYkxc_b4x0q90YGCn697pjuYhCD38-7h-Fjr27P5JCI9AekkL6GLMVqWd76TnS-3ExD1IE9IOoJRXZFe6pfVT5L5OK0x-3WVf8zGsU_Ps5FfBIdYe6TZ3NKfKC_zYOZ0uzyd-qfCiAwmTzm3SXCJSjXyvQ4E-zbUzTJgRJPl2MZg5q_r9nHrea_NXzhZZBPFuDnhWNTj8OQ6Uyq6R4spvBOEBIz3g-czazl_jkNn7MnCiCQBXBpSjy8MFu7Vm00\">Editar PlantUML en VPasCode<\/a><\/p>\n<hr data-nodeid=\"28843\"\/>\n<h3 data-nodeid=\"28844\">Paso 2: Refinamiento estructurado con C4-PlantUML Studio<\/h3>\n<p data-nodeid=\"28845\"><strong data-nodeid=\"29645\">Objetivo<\/strong>: Evoluciona el boceto generado por IA en un modelo C4 completo y conforme a los est\u00e1ndares.<\/p>\n<p data-nodeid=\"28846\"><strong data-nodeid=\"29650\">Flujo de trabajo<\/strong>:<\/p>\n<ol data-nodeid=\"28847\">\n<li data-nodeid=\"28848\">\n<p data-nodeid=\"28849\"><strong data-nodeid=\"29655\">Inicia la Gu\u00eda de Arquitectura C4<\/strong>desde el men\u00fa de Aplicaciones Web<\/p>\n<\/li>\n<li data-nodeid=\"28850\">\n<p data-nodeid=\"28851\"><strong data-nodeid=\"29660\">Define el enunciado del problema<\/strong> \u2013 Usa la Asistencia de IA para generar una descripci\u00f3n completa:<\/p>\n<ul data-nodeid=\"28852\">\n<li data-nodeid=\"28853\">\n<p data-nodeid=\"28854\">Nombre del proyecto<\/p>\n<\/li>\n<li data-nodeid=\"28855\">\n<p data-nodeid=\"28856\">Prop\u00f3sito del sistema<\/p>\n<\/li>\n<li data-nodeid=\"28857\">\n<p data-nodeid=\"28858\">Usuarios principales<\/p>\n<\/li>\n<li data-nodeid=\"28859\">\n<p data-nodeid=\"28860\">Integraciones clave<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28861\">\n<p data-nodeid=\"28862\"><strong data-nodeid=\"29669\">Genera cada capa C4 paso a paso<\/strong>:<\/p>\n<ul data-nodeid=\"28863\">\n<li data-nodeid=\"28864\">\n<p data-nodeid=\"28865\"><strong data-nodeid=\"29674\">Nivel 1 \u2013 Contexto del sistema<\/strong>: Introduce los l\u00edmites del sistema, usuarios externos y sistemas dependientes<\/p>\n<\/li>\n<li data-nodeid=\"28866\">\n<p data-nodeid=\"28867\"><strong data-nodeid=\"29679\">Nivel 2 \u2013 Contenedores<\/strong>: Configura aplicaciones desplegables, bases de datos y servicios externos<\/p>\n<\/li>\n<li data-nodeid=\"28868\">\n<p data-nodeid=\"28869\"><strong data-nodeid=\"29684\">Nivel 3 \u2013 Componentes<\/strong>: Refina los m\u00f3dulos de c\u00f3digo internos y sus interacciones<\/p>\n<\/li>\n<li data-nodeid=\"28870\">\n<p data-nodeid=\"28871\"><strong data-nodeid=\"29689\">Nivel 4 \u2013 C\u00f3digo<\/strong> (opcional): Mapea a las estructuras de c\u00f3digo reales<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28872\">\n<p data-nodeid=\"28873\"><strong data-nodeid=\"29694\">A\u00f1ade vistas de soporte<\/strong>:<\/p>\n<ul data-nodeid=\"28874\">\n<li data-nodeid=\"28875\">\n<p data-nodeid=\"28876\"><strong data-nodeid=\"29699\">Diagramas din\u00e1micos\/De secuencia<\/strong>: Muestra las interacciones en tiempo de ejecuci\u00f3n<\/p>\n<\/li>\n<li data-nodeid=\"28877\">\n<p data-nodeid=\"28878\"><strong data-nodeid=\"29704\">Diagramas de despliegue<\/strong>: Mapea el software a la infraestructura<\/p>\n<\/li>\n<li data-nodeid=\"28879\">\n<p data-nodeid=\"28880\"><strong data-nodeid=\"29709\">Diagramas de paisaje<\/strong>: Muestra el sistema en un contexto empresarial m\u00e1s amplio<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28881\">\n<p data-nodeid=\"28882\"><strong data-nodeid=\"29718\">Transmitir a la tuber\u00eda<\/strong>: Haz clic <strong data-nodeid=\"29719\">Estructura de flujo a tuber\u00eda<\/strong> para exportar todo el bloque de modelo jer\u00e1rquico<\/p>\n<\/li>\n<\/ol>\n<blockquote data-nodeid=\"28883\">\n<p data-nodeid=\"28884\"><strong data-nodeid=\"29724\">\ud83c\udfaf Caso de uso<\/strong>: Ideal para juntas de revisi\u00f3n de arquitectura, documentaci\u00f3n de incorporaci\u00f3n y presentaciones a partes interesadas donde la claridad multicapa es esencial.<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"28885\">Ejemplo de diagrama de contenedores C4 (PlantUML)<\/h4>\n<p data-nodeid=\"28886\"><img alt=\"\" data-nodeid=\"29727\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc88c626bb.png\"\/><\/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:TLJ1RXen4BqZyGzJJaHAmgMddf90rAPA50f5EKPUxx1OzThks0lTLlttZktiiYYK2sOyysRclMTkV10KcbgFHn-KaRef4NOXEFzfDYDnkAvKs3L5uv6aDG5Dk9QsdZajJ2owyg7KgfZDFrujOsZpz3YhXGz877gTSuLG1kdQfGRZKL118_HnM2XHaQZX2bu4uSvo7tWIHbHOSojOjmnLny8bahTcoiDkjvSmEMQlOsJ2eQMIF_mbE96-X2d1xvJpOAdasib5Zr4dV3f1oJqfuZplEGsH2nsI2CeQdz0uGxT1oI6KjfNoCSPrZzqPlgEe8r86zQ1COHjJpcmJqY4D5lTBKEDHtlBrBju9QgU7sfyPRa38v0B-Z4V0dvx9wG4BuLoimm9kdTDAfk7Z82iKCYIEoEvLoIDj7c1h2GvzZqHi7ESKLJWLw-_Nt-5s-H0XrewKgU3EseJuXQdH3CWEuGBl8L8Y4s6Mv0vzo1o-X_R14gyL8VC9dbrGjVgTyc6Dj5SIpxJiQMKcW8qeCpMn9M4WXNkXpspIoSS8jzrvs6NPXbscwpEQg3ot87IMGjPV6Q-gNTRi17fHJCk2onxCdkUmrC921548ds6j3nNX-jlZv6tLv8YtrCitUsR3QfirEzj32gOpYLag3_FuQzBzZ8SKyR0b_Damk6v1ICcAO0abpnCX_mxSTlyhJ96YOUvNoyvN0tQtoWWZbT1vUqTMDfIOZaW349lS-XpNEEFKWKNIfg3L5cKhDMRlhr1tZxftyCPZOY3UzO_rxEtW_RsxpnbTE1jvBhHEP4L7To3fwkZ6FgTQBUSdEKCB_HyfUO5VNEbdByGUJLbV5tUdM4SrJnEpklnEWvLM7_T8HLclTMlOkKdJS_sp7XjN9WTdqfdXq9oCEnxTe2dvN_aV\" 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:XLNDRXen4BuZyGuk9o8buT9JJma4LQs8HA4vLuDtM5nvRSVsafAg3zDZ3Zdb4VR5EkDbbmsXBKB2wvdvvkVxPhaA4Nmi2ztllLD6wZ93iOdHXG-ZaOU7orp5JRag0tffJKGJBwKjHaw3uQ2B43EjLgF9-uivNztTpaO5X8YUhhvDA0AKGN_fKe9-BwgeKTmeo3qK82XNZOgPzHZ4XLWg2gujEOQegXV3Pz05oEh9CCOSVR1cI7Mlr-TYK3-29ZVT-Wt8i4IDKYgodGii7DoN647i19fjzGp2OQOo6mPdBM811dBq5FeHFNMARo5BXtwh0WXB1s1mgdedm5I_jGggYwPjJhqe6IXkUbygPxaHkgsU-He6AGyTgS2w9XleDteQOm8De1LNaK3xlUME9_DjR4kJWTyD7mf6_i-y1cVYPxydwDDoCNp05JX7iTTEKnqonT0b5xH0a94FSs-TzMbwGb4HVWsF35o64hoome6dgZLDyTJqpuvpWbESSFv9BARBhscKpYkJYx6rATyj6FmEGjEtUicfBAQC947927p71kk9GM8z5VmsHOZM4ts9UEA8IkTwhOkgK8_xBfl9e862PsjFLD9oGYcbrRQPq4vub6LDUuFbO_KiIrshwAXZ6ifkJt-te8DKUCgxkB6cpaf1FEgrzGNHZq9b26znRrR3R4N-OmWiJv519DdGGPajDSJS960ROkvn-MN6JzVxdZjEvut-gQzobMJ0MZwLZsmR7kk4VgidiQ2uK6jbVzWRsb90IWnMh7bUB606_TMHyFH77A9t7VLE5_DNeryh0-OHqcfbj3j17ShhWDX_hK2ptmTnaKAbaZhHi5KP9CtMRlMABL0thvLsIUu2i95DxVlXbB6pxiVcsg6vhLTXfkdzbwR8-x37IAQ3ZbkVV36VlFBfYkllI4aeCyJHD4YlLiXEds_6hw4QTe_yQF-ZPVdl-MxRI44DUqPwQsYxQkvF5b5pT2rZIQ-pnqG2Bt5ckzFl1FPxLsWo-hlu0m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28887\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Container.puml\r\n\r\ntitle Diagrama de contenedores - Sistema de gesti\u00f3n de almac\u00e9n\r\n\r\nPerson(staff, \"Personal del almac\u00e9n\", \"Selecciona, empaqueta y env\u00eda pedidos\")\r\nPerson(manager, \"Gerente del almac\u00e9n\", \"Supervisa operaciones y an\u00e1lisis\")\r\nPerson(logistics, \"Equipo de log\u00edstica\", \"Gestiona env\u00edos entrantes y salientes\")\r\n\r\nSystem_Boundary(wms, \"Sistema de gesti\u00f3n de almac\u00e9n\") {\r\n    Container(webapp, \"Aplicaci\u00f3n web\", \"React\", \"Proporciona interfaz de usuario para el personal del almac\u00e9n\")\r\n    Container(api, \"API REST\", \"Spring Boot\", \"Maneja la l\u00f3gica empresarial y la orquestaci\u00f3n\")\r\n    Container(storage, \"Servicio de optimizaci\u00f3n de almacenamiento\", \"Spring Boot\", \"Gestiona la colocaci\u00f3n y recuperaci\u00f3n de art\u00edculos\")\r\n    Container(analytics, \"Servicio de an\u00e1lisis\", \"Python\", \"Genera informes e ideas\")\r\n    ContainerDb(db, \"Base de datos de inventario\", \"PostgreSQL\", \"Almacena inventario, pedidos y ubicaciones\")\r\n    ContainerDb(cache, \"Cach\u00e9 Redis\", \"Redis\", \"Cach\u00e9 datos de acceso frecuente\")\r\n}\r\n\r\nSystem_Ext(erp, \"Sistema ERP\", \"Gestiona finanzas y adquisiciones\")\r\nSystem_Ext(oms, \"Sistema de gesti\u00f3n de pedidos\", \"Maneja el ciclo de vida del pedido\")\r\n\r\nRel(staff, webapp, \"Usa\")\r\nRel(manager, webapp, \"Usa\")\r\nRel(logistics, webapp, \"Usa\")\r\n\r\nRel(webapp, api, \"Llama\", \"REST\")\r\nRel(api, storage, \"Llama\", \"gRPC\")\r\nRel(api, analytics, \"Llama\", \"REST\")\r\nRel(api, db, \"Lee\/Escribe\", \"JDBC\")\r\nRel(api, cache, \"Lee\/Escribe\", \"Protocolo Redis\")\r\n\r\nRel(api, erp, \"Sincroniza datos\", \"REST\")\r\nRel(api, oms, \"Actualiza el estado del pedido\", \"REST\")\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:XLNDRXen4BuZyGuk9o8buT9JJma4LQs8HA4vLuDtM5nvRSVsafAg3zDZ3Zdb4VR5EkDbbmsXBKB2wvdvvkVxPhaA4Nmi2ztllLD6wZ93iOdHXG-ZaOU7orp5JRag0tffJKGJBwKjHaw3uQ2B43EjLgF9-uivNztTpaO5X8YUhhvDA0AKGN_fKe9-BwgeKTmeo3qK82XNZOgPzHZ4XLWg2gujEOQegXV3Pz05oEh9CCOSVR1cI7Mlr-TYK3-29ZVT-Wt8i4IDKYgodGii7DoN647i19fjzGp2OQOo6mPdBM811dBq5FeHFNMARo5BXtwh0WXB1s1mgdedm5I_jGggYwPjJhqe6IXkUbygPxaHkgsU-He6AGyTgS2w9XleDteQOm8De1LNaK3xlUME9_DjR4kJWTyD7mf6_i-y1cVYPxydwDDoCNp05JX7iTTEKnqonT0b5xH0a94FSs-TzMbwGb4HVWsF35o64hoome6dgZLDyTJqpuvpWbESSFv9BARBhscKpYkJYx6rATyj6FmEGjEtUicfBAQC947927p71kk9GM8z5VmsHOZM4ts9UEA8IkTwhOkgK8_xBfl9e862PsjFLD9oGYcbrRQPq4vub6LDUuFbO_KiIrshwAXZ6ifkJt-te8DKUCgxkB6cpaf1FEgrzGNHZq9b26znRrR3R4N-OmWiJv519DdGGPajDSJS960ROkvn-MN6JzVxdZjEvut-gQzobMJ0MZwLZsmR7kk4VgidiQ2uK6jbVzWRsb90IWnMh7bUB606_TMHyFH77A9t7VLE5_DNeryh0-OHqcfbj3j17ShhWDX_hK2ptmTnaKAbaZhHi5KP9CtMRlMABL0thvLsIUu2i95DxVlXbB6pxiVcsg6vhLTXfkdzbwR8-x37IAQ3ZbkVV36VlFBfYkllI4aeCyJHD4YlLiXEds_6hw4QTe_yQF-ZPVdl-MxRI44DUqPwQsYxQkvF5b5pT2rZIQ-pnqG2Bt5ckzFl1FPxLsWo-hlu0m00\" \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:TLJ1RXen4BqZyGzJJaHAmgMddf90rAPA50f5EKPUxx1OzThks0lTLlttZktiiYYK2sOyysRclMTkV10KcbgFHn-KaRef4NOXEFzfDYDnkAvKs3L5uv6aDG5Dk9QsdZajJ2owyg7KgfZDFrujOsZpz3YhXGz877gTSuLG1kdQfGRZKL118_HnM2XHaQZX2bu4uSvo7tWIHbHOSojOjmnLny8bahTcoiDkjvSmEMQlOsJ2eQMIF_mbE96-X2d1xvJpOAdasib5Zr4dV3f1oJqfuZplEGsH2nsI2CeQdz0uGxT1oI6KjfNoCSPrZzqPlgEe8r86zQ1COHjJpcmJqY4D5lTBKEDHtlBrBju9QgU7sfyPRa38v0B-Z4V0dvx9wG4BuLoimm9kdTDAfk7Z82iKCYIEoEvLoIDj7c1h2GvzZqHi7ESKLJWLw-_Nt-5s-H0XrewKgU3EseJuXQdH3CWEuGBl8L8Y4s6Mv0vzo1o-X_R14gyL8VC9dbrGjVgTyc6Dj5SIpxJiQMKcW8qeCpMn9M4WXNkXpspIoSS8jzrvs6NPXbscwpEQg3ot87IMGjPV6Q-gNTRi17fHJCk2onxCdkUmrC921548ds6j3nNX-jlZv6tLv8YtrCitUsR3QfirEzj32gOpYLag3_FuQzBzZ8SKyR0b_Damk6v1ICcAO0abpnCX_mxSTlyhJ96YOUvNoyvN0tQtoWWZbT1vUqTMDfIOZaW349lS-XpNEEFKWKNIfg3L5cKhDMRlhr1tZxftyCPZOY3UzO_rxEtW_RsxpnbTE1jvBhHEP4L7To3fwkZ6FgTQBUSdEKCB_HyfUO5VNEbdByGUJLbV5tUdM4SrJnEpklnEWvLM7_T8HLclTMlOkKdJS_sp7XjN9WTdqfdXq9oCEnxTe2dvN_aV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28888\"><a data-nodeid=\"29730\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLJ1RXen4BqZyGzJJaHAmgMddf90rAPA50f5EKPUxx1OzThks0lTLlttZktiiYYK2sOyysRclMTkV10KcbgFHn-KaRef4NOXEFzfDYDnkAvKs3L5uv6aDG5Dk9QsdZajJ2owyg7KgfZDFrujOsZpz3YhXGz877gTSuLG1kdQfGRZKL118_HnM2XHaQZX2bu4uSvo7tWIHbHOSojOjmnLny8bahTcoiDkjvSmEMQlOsJ2eQMIF_mbE96-X2d1xvJpOAdasib5Zr4dV3f1oJqfuZplEGsH2nsI2CeQdz0uGxT1oI6KjfNoCSPrZzqPlgEe8r86zQ1COHjJpcmJqY4D5lTBKEDHtlBrBju9QgU7sfyPRa38v0B-Z4V0dvx9wG4BuLoimm9kdTDAfk7Z82iKCYIEoEvLoIDj7c1h2GvzZqHi7ESKLJWLw-_Nt-5s-H0XrewKgU3EseJuXQdH3CWEuGBl8L8Y4s6Mv0vzo1o-X_R14gyL8VC9dbrGjVgTyc6Dj5SIpxJiQMKcW8qeCpMn9M4WXNkXpspIoSS8jzrvs6NPXbscwpEQg3ot87IMGjPV6Q-gNTRi17fHJCk2onxCdkUmrC921548ds6j3nNX-jlZv6tLv8YtrCitUsR3QfirEzj32gOpYLag3_FuQzBzZ8SKyR0b_Damk6v1ICcAO0abpnCX_mxSTlyhJ96YOUvNoyvN0tQtoWWZbT1vUqTMDfIOZaW349lS-XpNEEFKWKNIfg3L5cKhDMRlhr1tZxftyCPZOY3UzO_rxEtW_RsxpnbTE1jvBhHEP4L7To3fwkZ6FgTQBUSdEKCB_HyfUO5VNEbdByGUJLbV5tUdM4SrJnEpklnEWvLM7_T8HLclTMlOkKdJS_sp7XjN9WTdqfdXq9oCEnxTe2dvN_aV\">Editar Plantuml en VPasCode<\/a><\/p>\n<h4 data-nodeid=\"28889\">Ejemplo de diagrama de componentes (PlantUML)<\/h4>\n<p data-nodeid=\"28890\"><img alt=\"\" data-nodeid=\"29733\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc8d80b6a9.png\"\/><\/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:VPDDRnen48RlIFo7AIUGIhZqr5DIe5Aae4PiK8vey4uMArxRjMT9ITN_tl5-a1MqS5gFvtqVpmUtaJ5mLPhXu9EsobGvmPxPnw-pMS2tcqBpljfLaO9obidoZNBbp1kqIJIDd1kzcys_J1zJQBDwc9KOcOA4jdDNUcUJnjU0uO0r6u9J71OQYu0bJ25Z5x0W-E5Pb_eTMJiB6OM3LfIKSw6ZjXIstrnbSmp7SMmads5qJJoQmE_X0EHtmexHeZb67NlIkpO4Iri8PYHNTUYT8cYc4afte3AzsIDBVJO2sXnSGvGaQOcg4qQJSroK1F6xJpQPVCCSZQeC2ZfnkbD7ohNOH2cXGRoHBlOCBovSOxm4-bcHLSSEzBqBd1eXDqy1rMkBEP1nIlEnXdZdvGb1ZfVMWRmXg-C-aSLatJ_ttLVIrqAg22IZKQ_Q5i115mM5fX8q53XsW3FCOZUMzzIZ4wk7zXCMoBZ3UF7wBhTnRbS157fKRH5_qjfaHrd6Shly9KFtEZr-cJt1tUCzZ9zNsQHjluadXzYKKxVRUGeD9FaD1sioZKjlVzQfov5xy-zsebOcOIqxATfbs4IAbvVzAVuxezUZDM4UPyyoj8_4nhsNjF4vzkvxWFyddGty2d8uk2MRov_xBm00\" 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:bLJDZjem4BuZyGuk9v2MpQMdddQNHLKba5RGLOzeuanX9CTsROSsM_LX-W0zL7q4NgmpOM53eAsQMoRp_SpuSsvYWf2gqlHxhyXgKnMeDYdv-2RB0do-NbFQL7aLCMXd4zfqhLsPUGDMGEEO2aDvDdazVf3IutoMbH0J1Ywj9gxqpWh6DmBzNg9aKDqJh0EKe5XB7temgh5QOjYI9YTVd4zKqXDeslsoKW1JWaOB9N6x4xe9MmAo65Pthh85X7eOamkmnYir-0-kmKXzxVSKFqVBGx1WwaYHcUQEIHkKtNqtnCKB5Dnton0MKHvIO9AcgtHRsdSqc91sFtHbN5JrqPGom6imJk_j3KPTAv6UPA0968P2mGCAL-8DxdwUqWvUsbH19Tf8ZP5QUOnT1nx2lxK_1lnKeTLrPwDSrr8dE6KL1mjEGC26UulCJGKKOi5vzXMQDyQ8XHRkJ3cWDsWfRdYCr55dzbnYfkbb-syn9fvM_4Gs1WMVJHEhceyAGu9u4Vcisr6_puUo525awZk8AE02acjOgfnaOxBRzi2jyjbfQ_2W3xDtuzVlVPCyBsjsLgwcNpX-dYHH3-_KOhfyhuOVvikHICsCN1mmAhRMSKgtFrZdCHmiZeHyWMRFsahsqXdcI71-GJgXQC17t7CW7oESVsi7vc93Qwypn6mQTQ0S3trxwbRFhKvLSwqE7Is1lxLrulDdrNxl1ct1FwZV\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28891\"><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\ntitle Diagrama de componentes - Servicio de optimizaci\u00f3n de almacenamiento\r\n\r\nContainer_Boundary(storage, \"Servicio de optimizaci\u00f3n de almacenamiento\") {\r\n    Component(analysis, \"Motor de an\u00e1lisis de almacenamiento\", \"Analiza patrones de movimiento de art\u00edculos y optimiza la colocaci\u00f3n\")\r\n    Component(size, \"Calculadora de tama\u00f1o de art\u00edculo\", \"Calcula dimensiones y peso de art\u00edculos para la colocaci\u00f3n\")\r\n    Component(frequency, \"Servicio de frecuencia de art\u00edculos\", \"Rastrea la velocidad y popularidad de los art\u00edculos\")\r\n    Component(replenishment, \"Servicio de reabastecimiento\", \"Gestiona desencadenantes y alertas de reabastecimiento\")\r\n    \r\n    ComponentDb(location, \"Base de datos de ubicaciones\", \"Rastrea ubicaciones de art\u00edculos y capacidad de almacenamiento\")\r\n}\r\n\r\nSystem_Ext(api, \"API REST (WMS)\", \"Llama al servicio de almacenamiento para operaciones\")\r\n\r\nRel(api, analysis, \"Solicita optimizaci\u00f3n de colocaci\u00f3n\")\r\nRel(analysis, size, \"Usa\")\r\nRel(analysis, frequency, \"Usa\")\r\nRel(analysis, location, \"Lee\/Escribe\")\r\nRel(size, location, \"Actualiza\")\r\nRel(frequency, location, \"Actualiza\")\r\nRel(replenishment, location, \"Lee\/Escribe\")\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:bLJDZjem4BuZyGuk9v2MpQMdddQNHLKba5RGLOzeuanX9CTsROSsM_LX-W0zL7q4NgmpOM53eAsQMoRp_SpuSsvYWf2gqlHxhyXgKnMeDYdv-2RB0do-NbFQL7aLCMXd4zfqhLsPUGDMGEEO2aDvDdazVf3IutoMbH0J1Ywj9gxqpWh6DmBzNg9aKDqJh0EKe5XB7temgh5QOjYI9YTVd4zKqXDeslsoKW1JWaOB9N6x4xe9MmAo65Pthh85X7eOamkmnYir-0-kmKXzxVSKFqVBGx1WwaYHcUQEIHkKtNqtnCKB5Dnton0MKHvIO9AcgtHRsdSqc91sFtHbN5JrqPGom6imJk_j3KPTAv6UPA0968P2mGCAL-8DxdwUqWvUsbH19Tf8ZP5QUOnT1nx2lxK_1lnKeTLrPwDSrr8dE6KL1mjEGC26UulCJGKKOi5vzXMQDyQ8XHRkJ3cWDsWfRdYCr55dzbnYfkbb-syn9fvM_4Gs1WMVJHEhceyAGu9u4Vcisr6_puUo525awZk8AE02acjOgfnaOxBRzi2jyjbfQ_2W3xDtuzVlVPCyBsjsLgwcNpX-dYHH3-_KOhfyhuOVvikHICsCN1mmAhRMSKgtFrZdCHmiZeHyWMRFsahsqXdcI71-GJgXQC17t7CW7oESVsi7vc93Qwypn6mQTQ0S3trxwbRFhKvLSwqE7Is1lxLrulDdrNxl1ct1FwZV\" \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:VPDDRnen48RlIFo7AIUGIhZqr5DIe5Aae4PiK8vey4uMArxRjMT9ITN_tl5-a1MqS5gFvtqVpmUtaJ5mLPhXu9EsobGvmPxPnw-pMS2tcqBpljfLaO9obidoZNBbp1kqIJIDd1kzcys_J1zJQBDwc9KOcOA4jdDNUcUJnjU0uO0r6u9J71OQYu0bJ25Z5x0W-E5Pb_eTMJiB6OM3LfIKSw6ZjXIstrnbSmp7SMmads5qJJoQmE_X0EHtmexHeZb67NlIkpO4Iri8PYHNTUYT8cYc4afte3AzsIDBVJO2sXnSGvGaQOcg4qQJSroK1F6xJpQPVCCSZQeC2ZfnkbD7ohNOH2cXGRoHBlOCBovSOxm4-bcHLSSEzBqBd1eXDqy1rMkBEP1nIlEnXdZdvGb1ZfVMWRmXg-C-aSLatJ_ttLVIrqAg22IZKQ_Q5i115mM5fX8q53XsW3FCOZUMzzIZ4wk7zXCMoBZ3UF7wBhTnRbS157fKRH5_qjfaHrd6Shly9KFtEZr-cJt1tUCzZ9zNsQHjluadXzYKKxVRUGeD9FaD1sioZKjlVzQfov5xy-zsebOcOIqxATfbs4IAbvVzAVuxezUZDM4UPyyoj8_4nhsNjF4vzkvxWFyddGty2d8uk2MRov_xBm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28892\"><a data-nodeid=\"29736\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VPDDRnen48RlIFo7AIUGIhZqr5DIe5Aae4PiK8vey4uMArxRjMT9ITN_tl5-a1MqS5gFvtqVpmUtaJ5mLPhXu9EsobGvmPxPnw-pMS2tcqBpljfLaO9obidoZNBbp1kqIJIDd1kzcys_J1zJQBDwc9KOcOA4jdDNUcUJnjU0uO0r6u9J71OQYu0bJ25Z5x0W-E5Pb_eTMJiB6OM3LfIKSw6ZjXIstrnbSmp7SMmads5qJJoQmE_X0EHtmexHeZb67NlIkpO4Iri8PYHNTUYT8cYc4afte3AzsIDBVJO2sXnSGvGaQOcg4qQJSroK1F6xJpQPVCCSZQeC2ZfnkbD7ohNOH2cXGRoHBlOCBovSOxm4-bcHLSSEzBqBd1eXDqy1rMkBEP1nIlEnXdZdvGb1ZfVMWRmXg-C-aSLatJ_ttLVIrqAg22IZKQ_Q5i115mM5fX8q53XsW3FCOZUMzzIZ4wk7zXCMoBZ3UF7wBhTnRbS157fKRH5_qjfaHrd6Shly9KFtEZr-cJt1tUCzZ9zNsQHjluadXzYKKxVRUGeD9FaD1sioZKjlVzQfov5xy-zsebOcOIqxATfbs4IAbvVzAVuxezUZDM4UPyyoj8_4nhsNjF4vzkvxWFyddGty2d8uk2MRov_xBm00\">Editar Plantuml en VPasCode<\/a><\/p>\n<h4 data-nodeid=\"28893\">Ejemplo de diagrama de implementaci\u00f3n (PlantUML)<\/h4>\n<p data-nodeid=\"28894\"><img alt=\"\" data-nodeid=\"29739\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc900ada9c.png\"\/><\/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:bLLDZzem4BqZyH-cd7QbBaZTzjBJGbZrGsoR4heSqJYnWbKdjcm7H2l-UySEaB10o-OIUpplEVFc8m_MeN5L8RkTDw9CPPLnM3gdxSV1mE2wdmkth5XbkKbLwNZf-gag1bfYwK5trcLIi47q_YxsffzFaq61rd53fiMOQwasXGVfS4EtuuIJ79e360lC3HPm1tCqVAde9dZ24dCUZfCDaHKUsM0MtrJ6Rt1jtq9lE4yWaghAUhVmfzi1UbuwhdHAZiznrBYSSzCLao9Ts8gLt14W3dj8mluOUWuk6M4c2ZCO8IcHSjFRVTvmCZg5-oSYGL6KtDoiEKEjoN_E6GorfelH2LLwYYd7r7aZB1LfaO4g8RdltHxpRPjjQ_cFQ8rOeUEjS6l3rV4oJ7_nCbkWpGazgdSmh9o294KfoXm-6LNfyw5VObiLBRA4cnKtyFpaPNYCtb6DkFk-H9Fpywp7eg8MNhx7P0R3-8ldI2Xg-gwHKgxnUwdaAP5rob0zUe9w1T-r4uNuVSZHrSJRYraxJjSvZJBMP6kC3XdQo-cwG43zxPkppH3Lfb1gumHYAhBSyEJ7XEJEMDzyk5hnCRkfUxykfmBD1lRN_5Tb0jCaAZEs2Jg75KnvQ8Khb3oLxvm2AQPBtX8Xylks0e-I0X2rUSepOKc407gb3W4JcjTp1BxNbSDkIQ-j7tvJBWz38aoQq1lMS_eZRzgLkweSsMdrUJQBaxr3E6pgE48fWrC-zMEnvND888sTp0xcHkpelev7nvvDYCUETSYnKKwbIkuXUzucnxlSkZgARkU1Mfv-4dy1\" 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:bLN9Rjim4Bq7o3-mFYL0OmDDU-afyO8kS5BNIjEZCI872bkA94ZAGLhaOthCkRTU_METaUnuJUle8chuvf7pPj5PJ11ILPh3WnVQIbCf53Sf-VYsqmbmsovqkgdoAcAGpYQqgIrTsV46B3kTnAICpZkzroSZDdsv67PAY0a3cIPzzCRTbUpawnCE3v9E1aLVGn6W1467wT8RP0n8FVjjnOd8D14qcmN6L5jf3QO4ENkmJBDadbmwXKTm6r-ArcMLepZ_chMEnS_30q7F9cxg9U6kHxqbP1VCLxdHSXAht68YXwpA0ohXPt_O3klEkmXCJbvT84aaWdA1xoyX5D0YEzrGd0-xsopyz4Xbq1R3qItcu3tZFH_Qg4F6rePfZ20JgUE-WGA1LcIdhUDrullbvyho7_47FOM4smAmNUqHVmxoErerWLYGzxjGUSSIO9IaYN82gkJAsQ-a9TkDcEDtI_8K-RJacs6OQbPuRXNN5opGeFUAAYcTjWsfZhjvr-K6hrdOqGSn7cHNpD6h2nwPFAF8RI6wpgLDRRUPOd812YI6JpxfKl-O9sfHmsYXr1IDUzuXzq_cT3sPkoHJ-LOkwJOvHEItWkJYVjeJ4Sq8Rd2-UxFQfgAzSJyJ8nTJ4J3xFAHSgBmTtkoTZdv-rCoHkezMkBa6hTGUp7yJGHmqtApAx_W-iuUwPvWeO2H_vVPGULlQNQfGAzxWRc5uQ_PGbwIXW7IFeTIpIaSIfNPyfYwr3nzICpTKpwkN-P9UzpnCnsWUXqqzk38TfiYKlCEMfZS6DbIfdc3lhwv6sG9GRovhVcXei3Ee6FEONS4y9dI8s1b46NIE3FpOxwu35n5ku4R19IUTSSkOsML1kv9hzCsOvkZEQ2ZGp-Sl\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28895\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Deployment.puml\r\n\r\ntitle Diagrama de implementaci\u00f3n - Sistema de gesti\u00f3n de almac\u00e9n\r\n\r\nDeployment_Node(aws, \"Nube AWS\") {\r\n    Deployment_Node(vpc, \"VPC\") {\r\n        Deployment_Node(public_subnet, \"Subred p\u00fablica\") {\r\n            Deployment_Node(lb, \"Balanceador de carga\", \"AWS ALB\") {\r\n                Container(webapp, \"Aplicaci\u00f3n web\", \"Aplicaci\u00f3n React alojada en S3\")\r\n            }\r\n        }\r\n        \r\n        Deployment_Node(private_subnet, \"Subred privada\") {\r\n            Deployment_Node(backend_asg, \"Grupo de escalado autom\u00e1tico del backend\") {\r\n                Deployment_Node(backend_vm, \"Servidor backend VM\", \"EC2 - t3.large\") {\r\n                    Container(api, \"API REST\", \"Contenedor Spring Boot\")\r\n                    Container(storage, \"Optimizaci\u00f3n de almacenamiento\", \"Contenedor Spring Boot\")\r\n                }\r\n            }\r\n            \r\n            Deployment_Node(db_subnet, \"Subred de base de datos\") {\r\n                Deployment_Node(db_cluster, \"Cluster de base de datos\", \"RDS PostgreSQL - db.r5.large\") {\r\n                    ContainerDb(master, \"Base de datos principal\")\r\n                    ContainerDb(standby, \"R\u00e9plica de respaldo\")\r\n                }\r\n                \r\n                Deployment_Node(cache_cluster, \"Cluster de cach\u00e9\", \"ElastiCache Redis - cache.r5.large\") {\r\n                    ContainerDb(cache, \"Cach\u00e9 Redis\")\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nRel(webapp, lb, \"Sirve\")\r\nRel(lb, api, \"Enruta\", \"HTTPS\")\r\nRel(api, storage, \"Llama\", \"gRPC\")\r\nRel(api, master, \"Lee\/Escribe\", \"JDBC\")\r\nRel(api, cache, \"Lee\/Escribe\", \"Protocolo Redis\")\r\nRel(master, standby, \"Replica\")\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:bLN9Rjim4Bq7o3-mFYL0OmDDU-afyO8kS5BNIjEZCI872bkA94ZAGLhaOthCkRTU_METaUnuJUle8chuvf7pPj5PJ11ILPh3WnVQIbCf53Sf-VYsqmbmsovqkgdoAcAGpYQqgIrTsV46B3kTnAICpZkzroSZDdsv67PAY0a3cIPzzCRTbUpawnCE3v9E1aLVGn6W1467wT8RP0n8FVjjnOd8D14qcmN6L5jf3QO4ENkmJBDadbmwXKTm6r-ArcMLepZ_chMEnS_30q7F9cxg9U6kHxqbP1VCLxdHSXAht68YXwpA0ohXPt_O3klEkmXCJbvT84aaWdA1xoyX5D0YEzrGd0-xsopyz4Xbq1R3qItcu3tZFH_Qg4F6rePfZ20JgUE-WGA1LcIdhUDrullbvyho7_47FOM4smAmNUqHVmxoErerWLYGzxjGUSSIO9IaYN82gkJAsQ-a9TkDcEDtI_8K-RJacs6OQbPuRXNN5opGeFUAAYcTjWsfZhjvr-K6hrdOqGSn7cHNpD6h2nwPFAF8RI6wpgLDRRUPOd812YI6JpxfKl-O9sfHmsYXr1IDUzuXzq_cT3sPkoHJ-LOkwJOvHEItWkJYVjeJ4Sq8Rd2-UxFQfgAzSJyJ8nTJ4J3xFAHSgBmTtkoTZdv-rCoHkezMkBa6hTGUp7yJGHmqtApAx_W-iuUwPvWeO2H_vVPGULlQNQfGAzxWRc5uQ_PGbwIXW7IFeTIpIaSIfNPyfYwr3nzICpTKpwkN-P9UzpnCnsWUXqqzk38TfiYKlCEMfZS6DbIfdc3lhwv6sG9GRovhVcXei3Ee6FEONS4y9dI8s1b46NIE3FpOxwu35n5ku4R19IUTSSkOsML1kv9hzCsOvkZEQ2ZGp-Sl\" \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:bLLDZzem4BqZyH-cd7QbBaZTzjBJGbZrGsoR4heSqJYnWbKdjcm7H2l-UySEaB10o-OIUpplEVFc8m_MeN5L8RkTDw9CPPLnM3gdxSV1mE2wdmkth5XbkKbLwNZf-gag1bfYwK5trcLIi47q_YxsffzFaq61rd53fiMOQwasXGVfS4EtuuIJ79e360lC3HPm1tCqVAde9dZ24dCUZfCDaHKUsM0MtrJ6Rt1jtq9lE4yWaghAUhVmfzi1UbuwhdHAZiznrBYSSzCLao9Ts8gLt14W3dj8mluOUWuk6M4c2ZCO8IcHSjFRVTvmCZg5-oSYGL6KtDoiEKEjoN_E6GorfelH2LLwYYd7r7aZB1LfaO4g8RdltHxpRPjjQ_cFQ8rOeUEjS6l3rV4oJ7_nCbkWpGazgdSmh9o294KfoXm-6LNfyw5VObiLBRA4cnKtyFpaPNYCtb6DkFk-H9Fpywp7eg8MNhx7P0R3-8ldI2Xg-gwHKgxnUwdaAP5rob0zUe9w1T-r4uNuVSZHrSJRYraxJjSvZJBMP6kC3XdQo-cwG43zxPkppH3Lfb1gumHYAhBSyEJ7XEJEMDzyk5hnCRkfUxykfmBD1lRN_5Tb0jCaAZEs2Jg75KnvQ8Khb3oLxvm2AQPBtX8Xylks0e-I0X2rUSepOKc407gb3W4JcjTp1BxNbSDkIQ-j7tvJBWz38aoQq1lMS_eZRzgLkweSsMdrUJQBaxr3E6pgE48fWrC-zMEnvND888sTp0xcHkpelev7nvvDYCUETSYnKKwbIkuXUzucnxlSkZgARkU1Mfv-4dy1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28896\"><a data-nodeid=\"29742\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLDZzem4BqZyH-cd7QbBaZTzjBJGbZrGsoR4heSqJYnWbKdjcm7H2l-UySEaB10o-OIUpplEVFc8m_MeN5L8RkTDw9CPPLnM3gdxSV1mE2wdmkth5XbkKbLwNZf-gag1bfYwK5trcLIi47q_YxsffzFaq61rd53fiMOQwasXGVfS4EtuuIJ79e360lC3HPm1tCqVAde9dZ24dCUZfCDaHKUsM0MtrJ6Rt1jtq9lE4yWaghAUhVmfzi1UbuwhdHAZiznrBYSSzCLao9Ts8gLt14W3dj8mluOUWuk6M4c2ZCO8IcHSjFRVTvmCZg5-oSYGL6KtDoiEKEjoN_E6GorfelH2LLwYYd7r7aZB1LfaO4g8RdltHxpRPjjQ_cFQ8rOeUEjS6l3rV4oJ7_nCbkWpGazgdSmh9o294KfoXm-6LNfyw5VObiLBRA4cnKtyFpaPNYCtb6DkFk-H9Fpywp7eg8MNhx7P0R3-8ldI2Xg-gwHKgxnUwdaAP5rob0zUe9w1T-r4uNuVSZHrSJRYraxJjSvZJBMP6kC3XdQo-cwG43zxPkppH3Lfb1gumHYAhBSyEJ7XEJEMDzyk5hnCRkfUxykfmBD1lRN_5Tb0jCaAZEs2Jg75KnvQ8Khb3oLxvm2AQPBtX8Xylks0e-I0X2rUSepOKc407gb3W4JcjTp1BxNbSDkIQ-j7tvJBWz38aoQq1lMS_eZRzgLkweSsMdrUJQBaxr3E6pgE48fWrC-zMEnvND888sTp0xcHkpelev7nvvDYCUETSYnKKwbIkuXUzucnxlSkZgARkU1Mfv-4dy1\">Editar Plantuml en VPasCode<\/a><\/p>\n<hr data-nodeid=\"28897\"\/>\n<h3 data-nodeid=\"28898\">Paso 3: Refinar y enriquecer relaciones<\/h3>\n<p data-nodeid=\"28899\"><strong data-nodeid=\"29748\">Objetivo<\/strong>: Transformar el modelo C4 inicial en una arquitectura precisa y mantenible con relaciones adecuadas.<\/p>\n<p data-nodeid=\"28900\"><strong data-nodeid=\"29753\">Patrones clave de relaciones<\/strong>:<\/p>\n<table data-nodeid=\"28902\">\n<thead data-nodeid=\"28903\">\n<tr data-nodeid=\"28904\">\n<th data-nodeid=\"28906\"><strong data-nodeid=\"29757\">Relaci\u00f3n<\/strong><\/th>\n<th data-nodeid=\"28907\"><strong data-nodeid=\"29761\">Prop\u00f3sito<\/strong><\/th>\n<th data-nodeid=\"28908\"><strong data-nodeid=\"29765\">Ejemplo<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"28912\">\n<tr data-nodeid=\"28913\">\n<td data-nodeid=\"28914\"><strong data-nodeid=\"29769\">\u00abinclude\u00bb<\/strong><\/td>\n<td data-nodeid=\"28915\">Comportamiento compartido obligatorio reutilizado en varios casos de uso<\/td>\n<td data-nodeid=\"28916\">\u00abReservar una mesa\u00bb incluye \u00abProcesar el pago\u00bb<\/td>\n<\/tr>\n<tr data-nodeid=\"28917\">\n<td data-nodeid=\"28918\"><strong data-nodeid=\"29781\">\u00abextend\u00bb<\/strong><\/td>\n<td data-nodeid=\"28919\">Comportamiento opcional o condicional<\/td>\n<td data-nodeid=\"28920\">\u00abAplicar descuento\u00bb extiende \u00abReservar una mesa\u00bb cuando se introduce un c\u00f3digo promocional<\/td>\n<\/tr>\n<tr data-nodeid=\"28921\">\n<td data-nodeid=\"28922\"><strong data-nodeid=\"29794\">Generalizaci\u00f3n<\/strong><\/td>\n<td data-nodeid=\"28923\">Herencia entre actores o casos de uso<\/td>\n<td data-nodeid=\"28924\">\u00abAdministrador\u00bb hereda de \u00abUsuario\u00bb<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"28925\"><strong data-nodeid=\"29807\">Refinamientos sugeridos por IA<\/strong>:<\/p>\n<ul data-nodeid=\"28926\">\n<li data-nodeid=\"28927\">\n<p data-nodeid=\"28928\"><strong data-nodeid=\"29812\">Extracci\u00f3n de similitudes<\/strong>: Identificar pasos redundantes \u2192 sugerir relaciones \u00abinclude\u00bb<\/p>\n<\/li>\n<li data-nodeid=\"28929\">\n<p data-nodeid=\"28930\"><strong data-nodeid=\"29821\">Ramificaci\u00f3n de l\u00f3gica condicional<\/strong>: Detectar escenarios \u00absi-entonces\u00bb \u2192 sugerir relaciones \u00abextend\u00bb<\/p>\n<\/li>\n<li data-nodeid=\"28931\">\n<p data-nodeid=\"28932\"><strong data-nodeid=\"29826\">Generalizaci\u00f3n de actores<\/strong>: Encontrar responsabilidades superpuestas \u2192 sugerir jerarqu\u00eda<\/p>\n<\/li>\n<li data-nodeid=\"28933\">\n<p data-nodeid=\"28934\"><strong data-nodeid=\"29831\">Descomposici\u00f3n de la complejidad<\/strong>: Identificar casos de uso excesivamente grandes \u2192 dividir en subdiagramas<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"28935\">\n<p data-nodeid=\"28936\"><strong data-nodeid=\"29836\">Aporte clave<\/strong>: La IA elimina el trabajo mec\u00e1nico de dibujar flechas y detectar patrones, mientras que tu conocimiento del dominio asegura que las relaciones tengan sentido real en el negocio.<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"28937\">Diagrama de casos de uso de ejemplo con relaciones refinadas<\/h4>\n<p data-nodeid=\"28938\"><img alt=\"\" data-nodeid=\"29839\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc924bda49.png\"\/><\/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:XLHDJzmm4Br7odyOvG8SThcZLGGiLU60X6YhNhWCzh1hrR4jsu6k4F-zOpjXLqRQvX2D9-_DnvjnBaD47yT1jqrKKHCyqeio9E5N85WZlsuKRZmEi83lTlG3nKSAv5yJahcZHnFXohcsQHjDBn6Y1QyssmXIUH9HMTCsAABrqDrmPDy11lx6rgV_7WrkfYz3iLEuH4UpuQAwAlMFNOWqTF3UDi3F64YaKhjhQ_y0mazyrfIZFREZmZnuMbWloSCzeSuevobxAkGQZI0D9IccJZ9QP7U5BIqSOiD1EmLSKQx6k2KJbS18IUxIFxBtIyLMK0ZmWBk12QNaOjSXdTCxdbWGTkInhEtefgBbvAi8jsWaw_iRUVOgbD1lq-6mw1EuCqAFai2JBkrjbGjmolr9v27kpWem2GxBPP_xW0jOhLGXzdq1p5eV1HM9ZqAAi4SXLKMJPFyjwWXk5kFRtqX6rbfObmwepuKrKXNxK9RLSlavXnoTSfY-VpAdd93JEsy72y9AgddpK6gUiH3JjlFYlABIoMJgHxe--Ox1Oj5Fjs1_tk_xtZTlzNJ_iczUthQvv7pya_W7\" 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:XLHBZjim3DqRy1s8R3fT9DqNWJ63AP1jCJq18x4UehRewjClUfWUeAivGYvMId8-uobIhspoaNfyJ_HjYEXZ6eUsYOS_CGq2xnXxZoE29J0O9EIN50GyVMI7Lc0DTzF01WqVdbpEUj8soQEB13j9VgJuG87y5sgRjh7ioPom_EDpOl8M8P-WcKTi6pHHFApkPIGNS5W1wgdio9zIEuLg-v8PqM6VSssZzV7ms_MP-Ee3XqXA_3c55Vni6z0d1T9v25OrWHwIGnWfOEcw5_cq0BudvGv6HbQwaz90IuDEgIAKaicJU9kPF2kxHsSKvxCk-Q22DIMuGEvKE1PtXeQB0IjsKN6NekgWuYlxaD1pPO8fFYx9Up4wcuS9-vakVbTzux9ZyLB7JDDiaQLWaW9bzY4OII_ApjG7bRtS5WeJ-JhjL-IOuvSpl887LSLe4GLWPuQaDJUo7xX7zPWnlAx0x0HiDbsP2jx2TZkZkwu2ZhfV1LN1hqAgpbSX2qQpXFybTGNt3p7ecvfgLOif1t2WyCQ8itpykjHbkzcSB2djQt7NkHjsqOjD9j_PmvFbNfIKZ5BRB9iSBLeq2UpAJXJZ9t6yhmH-rLNMdOJrkfktvVnzNeLpx7ZbvtqjiUFLRfjRFL1_F7y1\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28939\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nt\u00edtulo Diagrama de casos de uso refinado - Aplicaci\u00f3n de restaurante GourmetReserve\r\n\r\ndirecci\u00f3n de izquierda a derecha\r\nactor \"Comensal\" as diner\r\nactor \"Gerente\" as manager\r\n\r\nrect\u00e1ngulo \"Sistema GourmetReserve\" {\r\n    usecase \"Reservar una mesa\" as book\r\n    usecase \"Pedir comida por adelantado\" as preorder\r\n    usecase \"Cancelar reserva\" as cancel\r\n    usecase \"Gestionar reservas\" as manage\r\n    \r\n    usecase \"Autenticar usuario\" as auth\r\n    usecase \"Procesar pago\" as payment\r\n    usecase \"Aplicar cup\u00f3n de descuento\" as discount\r\n    usecase \"Gestionar lista de espera\" as waitlist\r\n    \r\n    ' Relaciones include (obligatorias)\r\n    book ..&gt; auth : &lt;&lt;include&gt;&gt;\r\n    preorder ..&gt; auth : &lt;&lt;include&gt;&gt;\r\n    cancel ..&gt; auth : &lt;&lt;include&gt;&gt;\r\n    manage ..&gt; auth : &lt;&lt;include&gt;&gt;\r\n    \r\n    book ..&gt; payment : &lt;&lt;include&gt;&gt;\r\n    preorder ..&gt; payment : &lt;&lt;include&gt;&gt;\r\n    \r\n    ' Relaciones extend (opcionales\/condicionales)\r\n    book &lt;.. discount : &lt;&lt;extend&gt;&gt;n(introducir c\u00f3digo promocional)\r\n    book &lt;.. waitlist : &lt;&lt;extend&gt;&gt;n(sin mesas disponibles)\r\n}\r\n\r\ndiner --&gt; book\r\ndiner --&gt; preorder\r\ndiner --&gt; cancel\r\nmanager --&gt; manage\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:XLHBZjim3DqRy1s8R3fT9DqNWJ63AP1jCJq18x4UehRewjClUfWUeAivGYvMId8-uobIhspoaNfyJ_HjYEXZ6eUsYOS_CGq2xnXxZoE29J0O9EIN50GyVMI7Lc0DTzF01WqVdbpEUj8soQEB13j9VgJuG87y5sgRjh7ioPom_EDpOl8M8P-WcKTi6pHHFApkPIGNS5W1wgdio9zIEuLg-v8PqM6VSssZzV7ms_MP-Ee3XqXA_3c55Vni6z0d1T9v25OrWHwIGnWfOEcw5_cq0BudvGv6HbQwaz90IuDEgIAKaicJU9kPF2kxHsSKvxCk-Q22DIMuGEvKE1PtXeQB0IjsKN6NekgWuYlxaD1pPO8fFYx9Up4wcuS9-vakVbTzux9ZyLB7JDDiaQLWaW9bzY4OII_ApjG7bRtS5WeJ-JhjL-IOuvSpl887LSLe4GLWPuQaDJUo7xX7zPWnlAx0x0HiDbsP2jx2TZkZkwu2ZhfV1LN1hqAgpbSX2qQpXFybTGNt3p7ecvfgLOif1t2WyCQ8itpykjHbkzcSB2djQt7NkHjsqOjD9j_PmvFbNfIKZ5BRB9iSBLeq2UpAJXJZ9t6yhmH-rLNMdOJrkfktvVnzNeLpx7ZbvtqjiUFLRfjRFL1_F7y1\" \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:XLHDJzmm4Br7odyOvG8SThcZLGGiLU60X6YhNhWCzh1hrR4jsu6k4F-zOpjXLqRQvX2D9-_DnvjnBaD47yT1jqrKKHCyqeio9E5N85WZlsuKRZmEi83lTlG3nKSAv5yJahcZHnFXohcsQHjDBn6Y1QyssmXIUH9HMTCsAABrqDrmPDy11lx6rgV_7WrkfYz3iLEuH4UpuQAwAlMFNOWqTF3UDi3F64YaKhjhQ_y0mazyrfIZFREZmZnuMbWloSCzeSuevobxAkGQZI0D9IccJZ9QP7U5BIqSOiD1EmLSKQx6k2KJbS18IUxIFxBtIyLMK0ZmWBk12QNaOjSXdTCxdbWGTkInhEtefgBbvAi8jsWaw_iRUVOgbD1lq-6mw1EuCqAFai2JBkrjbGjmolr9v27kpWem2GxBPP_xW0jOhLGXzdq1p5eV1HM9ZqAAi4SXLKMJPFyjwWXk5kFRtqX6rbfObmwepuKrKXNxK9RLSlavXnoTSfY-VpAdd93JEsy72y9AgddpK6gUiH3JjlFYlABIoMJgHxe--Ox1Oj5Fjs1_tk_xtZTlzNJ_iczUthQvv7pya_W7\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28940\"><a data-nodeid=\"29842\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLHDJzmm4Br7odyOvG8SThcZLGGiLU60X6YhNhWCzh1hrR4jsu6k4F-zOpjXLqRQvX2D9-_DnvjnBaD47yT1jqrKKHCyqeio9E5N85WZlsuKRZmEi83lTlG3nKSAv5yJahcZHnFXohcsQHjDBn6Y1QyssmXIUH9HMTCsAABrqDrmPDy11lx6rgV_7WrkfYz3iLEuH4UpuQAwAlMFNOWqTF3UDi3F64YaKhjhQ_y0mazyrfIZFREZmZnuMbWloSCzeSuevobxAkGQZI0D9IccJZ9QP7U5BIqSOiD1EmLSKQx6k2KJbS18IUxIFxBtIyLMK0ZmWBk12QNaOjSXdTCxdbWGTkInhEtefgBbvAi8jsWaw_iRUVOgbD1lq-6mw1EuCqAFai2JBkrjbGjmolr9v27kpWem2GxBPP_xW0jOhLGXzdq1p5eV1HM9ZqAAi4SXLKMJPFyjwWXk5kFRtqX6rbfObmwepuKrKXNxK9RLSlavXnoTSfY-VpAdd93JEsy72y9AgddpK6gUiH3JjlFYlABIoMJgHxe--Ox1Oj5Fjs1_tk_xtZTlzNJ_iczUthQvv7pya_W7\">Editar PlantUML en VPasCode<\/a><\/p>\n<hr data-nodeid=\"28941\"\/>\n<h3 data-nodeid=\"28942\">Paso 4: OpenDocs \u2013 El centro de documentaci\u00f3n vivo<\/h3>\n<p data-nodeid=\"28943\"><strong data-nodeid=\"29848\">Objetivo<\/strong>: Compilar y publicar documentaci\u00f3n viva donde los diagramas se actualizan autom\u00e1ticamente cuando cambian los modelos fuente.<\/p>\n<p data-nodeid=\"28944\"><strong data-nodeid=\"29853\">Flujo de trabajo<\/strong>:<\/p>\n<ol data-nodeid=\"28945\">\n<li data-nodeid=\"28946\">\n<p data-nodeid=\"28947\"><strong data-nodeid=\"29858\">Abre tu manual t\u00e9cnico<\/strong> en el editor de documentos OpenDocs<\/p>\n<\/li>\n<li data-nodeid=\"28948\">\n<p data-nodeid=\"28949\"><strong data-nodeid=\"29863\">Posiciona el cursor<\/strong> en el punto de inserci\u00f3n deseado<\/p>\n<\/li>\n<li data-nodeid=\"28950\">\n<p data-nodeid=\"28951\"><strong data-nodeid=\"29868\">Insertar elemento de Pipeline<\/strong>:<\/p>\n<ul data-nodeid=\"28952\">\n<li data-nodeid=\"28953\">\n<p data-nodeid=\"28954\">Barra de herramientas \u2192 <strong data-nodeid=\"29878\">Insertar<\/strong> \u2192 <strong data-nodeid=\"29879\">Pipeline<\/strong> (barra lateral izquierda)<\/p>\n<\/li>\n<li data-nodeid=\"28955\">\n<p data-nodeid=\"28956\">Navega por la colecci\u00f3n compartida del equipo<\/p>\n<\/li>\n<li data-nodeid=\"28957\">\n<p data-nodeid=\"28958\">Filtrar por comentario, fecha o plataforma de origen<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28959\">\n<p data-nodeid=\"28960\"><strong data-nodeid=\"29886\">Renderizar en l\u00ednea<\/strong>: El diagrama aparece instant\u00e1neamente con resoluci\u00f3n completa y capacidades interactivas<\/p>\n<\/li>\n<li data-nodeid=\"28961\">\n<p data-nodeid=\"28962\"><strong data-nodeid=\"29891\">Escribe el contexto circundante<\/strong> usando Markdown con vista previa en vivo:<\/p>\n<ul data-nodeid=\"28963\">\n<li data-nodeid=\"28964\">\n<p data-nodeid=\"28965\">Edici\u00f3n de texto enriquecido<\/p>\n<\/li>\n<li data-nodeid=\"28966\">\n<p data-nodeid=\"28967\">Tablas, bloques de c\u00f3digo, carpetas jer\u00e1rquicas<\/p>\n<\/li>\n<li data-nodeid=\"28968\">\n<p data-nodeid=\"28969\">Todo mientras los diagramas permanecen interactivos<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28970\">\n<p data-nodeid=\"28971\"><strong data-nodeid=\"29899\">Gestionar actualizaciones<\/strong>:<\/p>\n<ul data-nodeid=\"28972\">\n<li data-nodeid=\"28973\">\n<p data-nodeid=\"28974\">Un indicador flotante <strong data-nodeid=\"29905\">Indicador de revisi\u00f3n (\ud83d\udd04)<\/strong> aparece junto a los diagramas incrustados cuando existen versiones m\u00e1s recientes de Pipeline<\/p>\n<\/li>\n<li data-nodeid=\"28975\">\n<p data-nodeid=\"28976\">Haz clic en el indicador para ver marcas de tiempo cronol\u00f3gicas, notas de commit y la plataforma de origen lado a lado<\/p>\n<\/li>\n<li data-nodeid=\"28977\">\n<p data-nodeid=\"28978\">Cambia de versi\u00f3n para actualizar tu documento principal instant\u00e1neamente<\/p>\n<\/li>\n<li data-nodeid=\"28979\">\n<p data-nodeid=\"28980\">Las versiones anteriores siguen siendo accesibles para auditor\u00edas o escenarios de reversi\u00f3n<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<blockquote data-nodeid=\"28981\">\n<p data-nodeid=\"28982\"><strong data-nodeid=\"29913\">\ud83d\udca1 Concepto clave<\/strong>: A diferencia de las plataformas de texto est\u00e1ndar donde las im\u00e1genes son capturas est\u00e1ticas, los elementos visuales incrustados en OpenDocs permanecen como vectores en vivo. Los usuarios pueden hacer clic directamente en el elemento dentro del documento para abrir el modelo fuente y actualizarlo.<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"28983\">Estructura de contenido de ejemplo de OpenDocs<\/h4>\n<pre class=\"lang-text\" data-nodeid=\"28984\"><code data-language=\"text\">\ud83d\udcc1 Documentaci\u00f3n del proyecto\r\n\u251c\u2500\u2500 \ud83d\udcc4 01 - Resumen ejecutivo\r\n\u2502   \u2514\u2500\u2500 [Resumen de partes interesadas generado por IA con diagrama de contexto del sistema]\r\n\u251c\u2500\u2500 \ud83d\udcc4 02 - Visi\u00f3n general de la arquitectura\r\n\u2502   \u251c\u2500\u2500 [Diagrama de contexto C4 - En vivo]\r\n\u2502   \u251c\u2500\u2500 [Diagrama de contenedores C4 - En vivo]\r\n\u2502   \u2514\u2500\u2500 Decisiones sobre la pila tecnol\u00f3gica\r\n\u251c\u2500\u2500 \ud83d\udcc4 03 - Dise\u00f1o detallado\r\n\u2502   \u251c\u2500\u2500 [Diagramas de componentes - En vivo]\r\n\u2502   \u251c\u2500\u2500 [Diagramas de secuencia - En vivo]\r\n\u2502   \u2514\u2500\u2500 Especificaciones de API\r\n\u251c\u2500\u2500 \ud83d\udcc4 04 - Arquitectura de implementaci\u00f3n\r\n\u2502   \u251c\u2500\u2500 [Diagrama de implementaci\u00f3n - En vivo]\r\n\u2502   \u2514\u2500\u2500 Requisitos de infraestructura\r\n\u2514\u2500\u2500 \ud83d\udcc4 05 - Aseguramiento de la calidad\r\n    \u251c\u2500\u2500 [Casos de prueba generados por IA]\r\n    \u2514\u2500\u2500 M\u00e9tricas de cobertura\r\n<\/code><\/pre>\n<hr data-nodeid=\"28985\"\/>\n<h3 data-nodeid=\"28986\">Paso 5: Aseguramiento de la calidad y pruebas<\/h3>\n<p data-nodeid=\"28987\"><strong data-nodeid=\"29920\">Objetivo<\/strong>: Generar autom\u00e1ticamente casos de prueba rastreables a partir de sus modelos.<\/p>\n<p data-nodeid=\"28988\"><strong data-nodeid=\"29925\">Activos de prueba generados por IA<\/strong>:<\/p>\n<table data-nodeid=\"28990\">\n<thead data-nodeid=\"28991\">\n<tr data-nodeid=\"28992\">\n<th data-nodeid=\"28994\"><strong data-nodeid=\"29929\">Artefacto de prueba<\/strong><\/th>\n<th data-nodeid=\"28995\"><strong data-nodeid=\"29933\">Fuente<\/strong><\/th>\n<th data-nodeid=\"28996\"><strong data-nodeid=\"29937\">Ejemplo<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29000\">\n<tr data-nodeid=\"29001\">\n<td data-nodeid=\"29002\">Casos de prueba<\/td>\n<td data-nodeid=\"29003\">Especificaciones de casos de uso, tablas de decisi\u00f3n, diagramas de actividad\/secuencia<\/td>\n<td data-nodeid=\"29004\">TC-001 \u2013 Camino feliz, TC-002 \u2013 Fallo de pago<\/td>\n<\/tr>\n<tr data-nodeid=\"29005\">\n<td data-nodeid=\"29006\">Precondiciones<\/td>\n<td data-nodeid=\"29007\">Flujos de casos de uso<\/td>\n<td data-nodeid=\"29008\">\u201cCliente conectado, mesas disponibles, grupo de 4 personas\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"29009\">\n<td data-nodeid=\"29010\">Enlaces de trazabilidad<\/td>\n<td data-nodeid=\"29011\">De requisitos a elementos de dise\u00f1o y a casos de prueba<\/td>\n<td data-nodeid=\"29012\">\u201cTrazar: Pasos 1\u20137 del flujo principal, Regla R1 de la tabla de decisi\u00f3n\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"29013\">\n<td data-nodeid=\"29014\">M\u00e9tricas de cobertura<\/td>\n<td data-nodeid=\"29015\">Panel de proyecto<\/td>\n<td data-nodeid=\"29016\">\u201c92% de las reglas de la tabla de decisi\u00f3n probadas\u201d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29017\"><strong data-nodeid=\"29960\">Ejemplo de casos de prueba generados por IA<\/strong>:<\/p>\n<pre class=\"lang-text\" data-nodeid=\"29018\"><code data-language=\"text\">TC-001 \u2013 Camino feliz \u2013 Sin dep\u00f3sito requerido\r\nPrioridad: Alta\r\nPrecondiciones: Cliente conectado (lealtad Oro), mesas disponibles, horas no pico, grupo de 4 personas\r\nPasos:\r\n  1. Buscar mesas \u2192 seleccionar hueco\r\n  2. Revisar resumen (no se muestra dep\u00f3sito)\r\n  3. Confirmar reserva\r\nEsperado: Reserva confirmada, confirmaci\u00f3n enviada, sin pantalla de pago\r\nTrazar: Pasos 1\u20137 del flujo principal, Regla R1 de la tabla de decisi\u00f3n\r\n\r\nTC-002 \u2013 Dep\u00f3sito requerido \u2013 Pago fallido\r\nPrioridad: Alta\r\nPrecondiciones: Grupo de 10 personas, horas pico, no Oro, tarjeta v\u00e1lida pero fondos insuficientes\r\nPasos:\r\n  1. Seleccionar hueco \u2192 proceder al pago\r\n  2. Introducir tarjeta \u2192 enviar\r\nEsperado: Mensaje de error \"Pago rechazado\", reserva no creada, volver a la selecci\u00f3n de hueco\r\nTrazar: Regla R5 de la tabla de decisi\u00f3n, flujo de excepci\u00f3n 4b\r\n<\/code><\/pre>\n<hr data-nodeid=\"29019\"\/>\n<h3 data-nodeid=\"29020\">Paso 6: Sincronizaci\u00f3n y actualizaciones continuas<\/h3>\n<p data-nodeid=\"29021\"><strong data-nodeid=\"29966\">Objetivo<\/strong>: Mantener una \u00fanica fuente de verdad en todos los artefactos.<\/p>\n<p data-nodeid=\"29022\"><strong data-nodeid=\"29974\">El flujo de trabajo de bucle cerrado<\/strong>:<br \/>\n<img alt=\"\" data-nodeid=\"29973\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc99b3ad7d.png\"\/><\/p>\n<p data-nodeid=\"29023\"><strong data-nodeid=\"29979\">Beneficios de la sincronizaci\u00f3n bidireccional<\/strong>:<\/p>\n<ul data-nodeid=\"29024\">\n<li data-nodeid=\"29025\">\n<p data-nodeid=\"29026\">Actualizar una clase en Desktop \u2192 se actualiza autom\u00e1ticamente en OpenDocs<\/p>\n<\/li>\n<li data-nodeid=\"29027\">\n<p data-nodeid=\"29028\">Refinar un prompt en el Chatbot \u2192 enviar los cambios de vuelta a Studios<\/p>\n<\/li>\n<li data-nodeid=\"29029\">\n<p data-nodeid=\"29030\">Sincronizaci\u00f3n con una sola cuenta<\/p>\n<\/li>\n<li data-nodeid=\"29031\">\n<p data-nodeid=\"29032\">Historial de versiones y trazabilidad completa<\/p>\n<\/li>\n<li data-nodeid=\"29033\">\n<p data-nodeid=\"29034\">Cero retrabajo manual<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"29035\"\/>\n<h2 data-nodeid=\"29036\">Parte 3: Directrices y mejores pr\u00e1cticas<\/h2>\n<h3 data-nodeid=\"29037\">1. Mejores pr\u00e1cticas para chatbots de IA<\/h3>\n<p data-nodeid=\"29038\"><strong data-nodeid=\"29991\">T\u00e9cnicas efectivas de formulaci\u00f3n de prompts<\/strong>:<\/p>\n<table data-nodeid=\"29040\">\n<thead data-nodeid=\"29041\">\n<tr data-nodeid=\"29042\">\n<th data-nodeid=\"29044\"><strong data-nodeid=\"29995\">Hacer<\/strong><\/th>\n<th data-nodeid=\"29045\"><strong data-nodeid=\"30001\">No hacer<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29048\">\n<tr data-nodeid=\"29049\">\n<td data-nodeid=\"29050\">Identificar claramente a los participantes desde el principio: \u201cUsuario, Navegador, AuthService\u201d<\/td>\n<td data-nodeid=\"29051\">Solicitudes vagas como \u201cHacer un diagrama de sistema\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"29052\">\n<td data-nodeid=\"29053\">Usar lenguaje de flujo de control: \u201csi\u2026entonces\u2026si no\u201d, \u201cmientras\u201d, \u201cen paralelo\u201d<\/td>\n<td data-nodeid=\"29054\">Asumir que la IA conoce las capas arquitect\u00f3nicas que no has mencionado<\/td>\n<\/tr>\n<tr data-nodeid=\"29055\">\n<td data-nodeid=\"29056\">Especificar las capas arquitect\u00f3nicas: \u201cControlador \u2192 Servicio \u2192 Repositorio\u201d<\/td>\n<td data-nodeid=\"29057\">Mezclar m\u00faltiples escenarios no relacionados en un solo prompt<\/td>\n<\/tr>\n<tr data-nodeid=\"29058\">\n<td data-nodeid=\"29059\">Solicitar anotaciones: \u201cA\u00f1adir notas para las precondiciones\u201d<\/td>\n<td data-nodeid=\"29060\">Esperar un dise\u00f1o perfecto en el primer intento<\/td>\n<\/tr>\n<tr data-nodeid=\"29061\">\n<td data-nodeid=\"29062\">Solicitar variaciones: \u201cMostrar el camino de fallo por separado\u201d<\/td>\n<td data-nodeid=\"29063\">Olvidar iterar y refinar<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29064\"><strong data-nodeid=\"30044\">Comandos de refinamiento iterativo<\/strong>:<\/p>\n<pre class=\"lang-text\" data-nodeid=\"29065\"><code data-language=\"text\">\"A\u00f1adir un bucle de reintento si la validaci\u00f3n del OTP falla (m\u00e1ximo 3 intentos)\"\r\n\"Insertar el paso de dos factores solo si el usuario tiene 2FA habilitado (usar fragmento opt)\"\r\n\"Mostrar mensajes en paralelo: tras el \u00e9xito del pago, notificar al cliente y actualizar el inventario simult\u00e1neamente\"\r\n\"Cambiar la l\u00ednea de vida de PaymentGateway para mostrar un tiempo de espera despu\u00e9s de 30 segundos\"\r\n\"A\u00f1adir un mensaje propio en OrderService para calcular el total antes de llamar a PaymentGateway\"\r\n<\/code><\/pre>\n<h3 data-nodeid=\"29066\">2. Mejores pr\u00e1cticas para modelado C4<\/h3>\n<p data-nodeid=\"29067\"><strong data-nodeid=\"30050\">Gu\u00edas Espec\u00edficas por Capa<\/strong>:<\/p>\n<table data-nodeid=\"29069\">\n<thead data-nodeid=\"29070\">\n<tr data-nodeid=\"29071\">\n<th data-nodeid=\"29073\"><strong data-nodeid=\"30054\">Capa<\/strong><\/th>\n<th data-nodeid=\"29074\"><strong data-nodeid=\"30058\">Mejor Pr\u00e1ctica<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29077\">\n<tr data-nodeid=\"29078\">\n<td data-nodeid=\"29079\"><strong data-nodeid=\"30062\">Contexto<\/strong><\/td>\n<td data-nodeid=\"29080\">Mostrar solo el l\u00edmite del sistema y las interacciones externas inmediatas; una caja para todo el sistema<\/td>\n<\/tr>\n<tr data-nodeid=\"29081\">\n<td data-nodeid=\"29082\"><strong data-nodeid=\"30067\">Contenedor<\/strong><\/td>\n<td data-nodeid=\"29083\">Mostrar unidades desplegables (aplicaciones, bases de datos, servicios); evitar mostrar detalles tecnol\u00f3gicos en las relaciones<\/td>\n<\/tr>\n<tr data-nodeid=\"29084\">\n<td data-nodeid=\"29085\"><strong data-nodeid=\"30072\">Componente<\/strong><\/td>\n<td data-nodeid=\"29086\">Mostrar agrupaci\u00f3n l\u00f3gica de clases; asegurar que cada componente tenga una responsabilidad clara<\/td>\n<\/tr>\n<tr data-nodeid=\"29087\">\n<td data-nodeid=\"29088\"><strong data-nodeid=\"30077\">Despliegue<\/strong><\/td>\n<td data-nodeid=\"29089\">Mapear componentes a la infraestructura real; incluir informaci\u00f3n de redundancia y escalado<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29090\"><strong data-nodeid=\"30083\">Principios Generales de C4<\/strong>:<\/p>\n<ul data-nodeid=\"29091\">\n<li data-nodeid=\"29092\">\n<p data-nodeid=\"29093\">Cada nivel debe proporcionar una perspectiva diferente, no solo m\u00e1s detalle<\/p>\n<\/li>\n<li data-nodeid=\"29094\">\n<p data-nodeid=\"29095\">Los diagramas deben ser autoexplicativos con texto m\u00ednimo<\/p>\n<\/li>\n<li data-nodeid=\"29096\">\n<p data-nodeid=\"29097\">Mantener la consistencia de la terminolog\u00eda en todos los niveles<\/p>\n<\/li>\n<li data-nodeid=\"29098\">\n<p data-nodeid=\"29099\">Usar codificaci\u00f3n de colores para diferenciar componentes del sistema frente a componentes externos<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"29100\">3. Mejores Pr\u00e1cticas de Pipeline<\/h3>\n<p data-nodeid=\"29101\"><strong data-nodeid=\"30093\">Gesti\u00f3n de Metadatos<\/strong>:<\/p>\n<table data-nodeid=\"29103\">\n<thead data-nodeid=\"29104\">\n<tr data-nodeid=\"29105\">\n<th data-nodeid=\"29107\"><strong data-nodeid=\"30097\">Pr\u00e1ctica<\/strong><\/th>\n<th data-nodeid=\"29108\"><strong data-nodeid=\"30101\">Por qu\u00e9<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29111\">\n<tr data-nodeid=\"29112\">\n<td data-nodeid=\"29113\">Agregar notas descriptivas de commit<\/td>\n<td data-nodeid=\"29114\">Ayudar en la identificaci\u00f3n de versiones y trazas de auditor\u00eda<\/td>\n<\/tr>\n<tr data-nodeid=\"29115\">\n<td data-nodeid=\"29116\">Usar convenciones de nomenclatura consistentes<\/td>\n<td data-nodeid=\"29117\">Habilitar filtrado y b\u00fasqueda en toda la colecci\u00f3n del equipo<\/td>\n<\/tr>\n<tr data-nodeid=\"29118\">\n<td data-nodeid=\"29119\">Incluir informaci\u00f3n de la plataforma de origen<\/td>\n<td data-nodeid=\"29120\">Rastrear el origen del artefacto<\/td>\n<\/tr>\n<tr data-nodeid=\"29121\">\n<td data-nodeid=\"29122\">Etiquetar con identificadores de sprint o versi\u00f3n<\/td>\n<td data-nodeid=\"29123\">Facilitar el retroceso y la comparaci\u00f3n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29124\"><strong data-nodeid=\"30114\">Gesti\u00f3n de versiones<\/strong>:<\/p>\n<ul data-nodeid=\"29125\">\n<li data-nodeid=\"29126\">\n<p data-nodeid=\"29127\">Revisar las revisiones antes de sustituir en los documentos<\/p>\n<\/li>\n<li data-nodeid=\"29128\">\n<p data-nodeid=\"29129\">Mantener las versiones anteriores accesibles para las trazas de auditor\u00eda<\/p>\n<\/li>\n<li data-nodeid=\"29130\">\n<p data-nodeid=\"29131\">Utilice el indicador de revisi\u00f3n (\ud83d\udd04) para identificar diagramas desactualizados<\/p>\n<\/li>\n<li data-nodeid=\"29132\">\n<p data-nodeid=\"29133\">Realice actualizaciones por lotes cuando sea posible para mantener la coherencia del documento<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"29134\">4. Mejores pr\u00e1cticas de OpenDocs<\/h3>\n<p data-nodeid=\"29135\"><strong data-nodeid=\"30124\">Estructura de la documentaci\u00f3n<\/strong>:<\/p>\n<table data-nodeid=\"29137\">\n<thead data-nodeid=\"29138\">\n<tr data-nodeid=\"29139\">\n<th data-nodeid=\"29141\"><strong data-nodeid=\"30128\">Pr\u00e1ctica<\/strong><\/th>\n<th data-nodeid=\"29142\"><strong data-nodeid=\"30132\">Descripci\u00f3n<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29145\">\n<tr data-nodeid=\"29146\">\n<td data-nodeid=\"29147\">Utilice espacios con estructura de \u00e1rbol<\/td>\n<td data-nodeid=\"29148\">Organice la documentaci\u00f3n utilizando carpetas anidadas jer\u00e1rquicas; refleje la arquitectura del sistema<\/td>\n<\/tr>\n<tr data-nodeid=\"29149\">\n<td data-nodeid=\"29150\">Incrustar, no adjuntar<\/td>\n<td data-nodeid=\"29151\">Inserte artefactos de Pipeline en vivo en lugar de capturas de pantalla est\u00e1ticas<\/td>\n<\/tr>\n<tr data-nodeid=\"29152\">\n<td data-nodeid=\"29153\">Mantenga la separaci\u00f3n de responsabilidades<\/td>\n<td data-nodeid=\"29154\">Separe los diagramas de arquitectura de los documentos de implementaci\u00f3n detallada<\/td>\n<\/tr>\n<tr data-nodeid=\"29155\">\n<td data-nodeid=\"29156\">Habilitar la colaboraci\u00f3n<\/td>\n<td data-nodeid=\"29157\">Comparta enlaces \u00fanicos; los interesados comenten directamente en los diagramas o el texto<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29158\"><strong data-nodeid=\"30147\">V\u00edas de incrustaci\u00f3n JIT (Justo a Tiempo)<\/strong>:<\/p>\n<ol data-nodeid=\"29159\">\n<li data-nodeid=\"29160\">\n<p data-nodeid=\"29161\"><strong data-nodeid=\"30152\">Incrustaci\u00f3n ad hoc<\/strong>: Haga clic en Insertar &gt; Diagrama directamente dentro de una p\u00e1gina de documento<\/p>\n<\/li>\n<li data-nodeid=\"29162\">\n<p data-nodeid=\"29163\"><strong data-nodeid=\"30157\">Generaci\u00f3n impulsada por IA<\/strong>: Utilice el lenguaje natural para crear diagramas dentro de la narrativa del texto<\/p>\n<\/li>\n<li data-nodeid=\"29164\">\n<p data-nodeid=\"29165\"><strong data-nodeid=\"30162\">Tuber\u00eda central de activos<\/strong>: Env\u00ede desde el escritorio\/en l\u00ednea a la tuber\u00eda; extraiga en los documentos<\/p>\n<\/li>\n<\/ol>\n<h3 data-nodeid=\"29166\">5. Mejores pr\u00e1cticas de aseguramiento de la calidad<\/h3>\n<p data-nodeid=\"29167\"><strong data-nodeid=\"30168\">Requisitos de trazabilidad<\/strong>:<\/p>\n<table data-nodeid=\"29169\">\n<thead data-nodeid=\"29170\">\n<tr data-nodeid=\"29171\">\n<th data-nodeid=\"29173\"><strong data-nodeid=\"30172\">Artefacto<\/strong><\/th>\n<th data-nodeid=\"29174\"><strong data-nodeid=\"30176\">Requisito de trazabilidad<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29177\">\n<tr data-nodeid=\"29178\">\n<td data-nodeid=\"29179\">Casos de uso<\/td>\n<td data-nodeid=\"29180\">Vincular con requisitos y casos de prueba<\/td>\n<\/tr>\n<tr data-nodeid=\"29181\">\n<td data-nodeid=\"29182\">Tablas de decisi\u00f3n<\/td>\n<td data-nodeid=\"29183\">Asegurar que cada regla est\u00e9 cubierta por al menos un caso de prueba<\/td>\n<\/tr>\n<tr data-nodeid=\"29184\">\n<td data-nodeid=\"29185\">Diagramas de actividad\/secuencia<\/td>\n<td data-nodeid=\"29186\">Vincular los pasos de prueba a elementos espec\u00edficos del diagrama<\/td>\n<\/tr>\n<tr data-nodeid=\"29187\">\n<td data-nodeid=\"29188\">Aspectos no funcionales<\/td>\n<td data-nodeid=\"29189\">Incluir en notas o restricciones; probar por separado<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29190\"><strong data-nodeid=\"30189\">M\u00e9tricas de cobertura de pruebas<\/strong>:<\/p>\n<ul data-nodeid=\"29191\">\n<li data-nodeid=\"29192\">\n<p data-nodeid=\"29193\">Monitorear la completitud mediante el panel de control del proyecto<\/p>\n<\/li>\n<li data-nodeid=\"29194\">\n<p data-nodeid=\"29195\">Seguir la cobertura en: casos de uso, tablas de decisi\u00f3n, escenarios (camino feliz, alternativas, excepciones, casos l\u00edmite)<\/p>\n<\/li>\n<li data-nodeid=\"29196\">\n<p data-nodeid=\"29197\">Priorizaci\u00f3n basada en riesgos de los casos de prueba restantes<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"29198\">6. Mejores pr\u00e1cticas de informes y documentaci\u00f3n<\/h3>\n<p data-nodeid=\"29199\"><strong data-nodeid=\"30198\">Estructura de informe generada por IA<\/strong>:<\/p>\n<table data-nodeid=\"29201\">\n<thead data-nodeid=\"29202\">\n<tr data-nodeid=\"29203\">\n<th data-nodeid=\"29205\"><strong data-nodeid=\"30202\">Secci\u00f3n<\/strong><\/th>\n<th data-nodeid=\"29206\"><strong data-nodeid=\"30206\">Contenido<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29209\">\n<tr data-nodeid=\"29210\">\n<td data-nodeid=\"29211\">Resumen ejecutivo<\/td>\n<td data-nodeid=\"29212\">Narrativa de alto nivel de los objetivos del sistema<\/td>\n<\/tr>\n<tr data-nodeid=\"29213\">\n<td data-nodeid=\"29214\">Modelos l\u00f3gicos visuales<\/td>\n<td data-nodeid=\"29215\">Diagramas de casos de uso, actividad y secuencia renderizados<\/td>\n<\/tr>\n<tr data-nodeid=\"29216\">\n<td data-nodeid=\"29217\">Especificaciones funcionales<\/td>\n<td data-nodeid=\"29218\">Flujo detallado de eventos (caminos principales, alternativos y de excepci\u00f3n)<\/td>\n<\/tr>\n<tr data-nodeid=\"29219\">\n<td data-nodeid=\"29220\">Matriz de trazabilidad<\/td>\n<td data-nodeid=\"29221\">Requisitos \u2192 Dise\u00f1o \u2192 Casos de prueba<\/td>\n<\/tr>\n<tr data-nodeid=\"29222\">\n<td data-nodeid=\"29223\">Esquema de datos<\/td>\n<td data-nodeid=\"29224\">Diagramas de Entidad-Relaci\u00f3n y estructuras de clases<\/td>\n<\/tr>\n<tr data-nodeid=\"29225\">\n<td data-nodeid=\"29226\">Plan de Implementaci\u00f3n<\/td>\n<td data-nodeid=\"29227\">Requisitos de infraestructura y topolog\u00eda<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"29228\"\/>\n<h2 data-nodeid=\"29229\">Parte 4: Ejemplo de Flujo de Trabajo de Extremo a Extremo<\/h2>\n<h3 data-nodeid=\"29230\">Escenario: Construcci\u00f3n de un Sistema de Gesti\u00f3n de Almac\u00e9n<\/h3>\n<p data-nodeid=\"29231\"><strong data-nodeid=\"30224\">Paso 1: Chatbot de IA \u2013 Ideaci\u00f3n<\/strong><\/p>\n<pre class=\"lang-text\" data-nodeid=\"29232\"><code data-language=\"text\">Indicaci\u00f3n: \"Crear un diagrama de contexto de sistema C4 para un Sistema de Gesti\u00f3n de Almac\u00e9n \r\nque se integre con ERP y Gesti\u00f3n de Pedidos\"\r\n<\/code><\/pre>\n<p data-nodeid=\"29233\"><strong data-nodeid=\"30229\">Salida<\/strong>: Diagrama de contexto inicial que muestra usuarios (Personal del Almac\u00e9n, Gerente, Log\u00edstica) y sistemas externos (ERP, OMS).<\/p>\n<p data-nodeid=\"29234\"><strong data-nodeid=\"30233\">Paso 2: Estudio C4-PlantUML \u2013 Refinamiento Guiado<\/strong><\/p>\n<ul data-nodeid=\"29235\">\n<li data-nodeid=\"29236\">\n<p data-nodeid=\"29237\">Definir el enunciado del problema con la asistencia de IA<\/p>\n<\/li>\n<li data-nodeid=\"29238\">\n<p data-nodeid=\"29239\">Generar Diagrama de Contenedores: Aplicaci\u00f3n Web (React), Servicio de Optimizaci\u00f3n de Almacenamiento (Spring Boot), Base de Datos de Inventario (PostgreSQL)<\/p>\n<\/li>\n<li data-nodeid=\"29240\">\n<p data-nodeid=\"29241\">Generar Diagrama de Componentes: Motor de An\u00e1lisis de Almacenamiento, Calculadora de Tama\u00f1o de Art\u00edculo, Servicio de Frecuencia de Art\u00edculo, Servicio de Reabastecimiento<\/p>\n<\/li>\n<li data-nodeid=\"29242\">\n<p data-nodeid=\"29243\">Generar Diagrama de Despliegue: Arquitectura AWS con EC2, RDS, ElastiCache<\/p>\n<\/li>\n<li data-nodeid=\"29244\">\n<p data-nodeid=\"29245\">Agregar Vistas Din\u00e1micas: Diagramas de secuencia para el seguimiento del movimiento de inventario<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"29246\"><strong data-nodeid=\"30244\">Paso 3: Refinamiento de Relaciones<\/strong><br \/>\nLa IA identifica y sugiere:<\/p>\n<ul data-nodeid=\"29247\">\n<li data-nodeid=\"29248\">\n<p data-nodeid=\"29249\">\u00abinclude\u00bb \u2192 Autenticar Usuario para todos los casos de uso<\/p>\n<\/li>\n<li data-nodeid=\"29250\">\n<p data-nodeid=\"29251\">\u00abinclude\u00bb \u2192 Procesar Pago para Reservar Mesa y Pedir Comida con Antelaci\u00f3n<\/p>\n<\/li>\n<li data-nodeid=\"29252\">\n<p data-nodeid=\"29253\">\u00abextend\u00bb \u2192 Aplicar Cup\u00f3n de Descuento (condicional al c\u00f3digo promocional)<\/p>\n<\/li>\n<li data-nodeid=\"29254\">\n<p data-nodeid=\"29255\">\u00abextend\u00bb \u2192 Gestionar Lista de Espera (condicional a que no haya mesas disponibles)<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"29256\"><strong data-nodeid=\"30252\">Paso 4: OpenDocs \u2013 Documentaci\u00f3n Viva<\/strong><\/p>\n<ul data-nodeid=\"29257\">\n<li data-nodeid=\"29258\">\n<p data-nodeid=\"29259\">Insertar todos los artefactos del Pipeline en las p\u00e1ginas de documentaci\u00f3n<\/p>\n<\/li>\n<li data-nodeid=\"29260\">\n<p data-nodeid=\"29261\">Escribir explicaciones en Markdown con diagramas en vivo incrustados<\/p>\n<\/li>\n<li data-nodeid=\"29262\">\n<p data-nodeid=\"29263\">Agregar casos de prueba generados autom\u00e1ticamente a partir de casos de uso y tablas de decisi\u00f3n<\/p>\n<\/li>\n<li data-nodeid=\"29264\">\n<p data-nodeid=\"29265\">Publicar en el portal de interesados mediante un enlace de compartici\u00f3n seguro<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"29266\"><strong data-nodeid=\"30260\">Paso 5: Sincronizaci\u00f3n<\/strong><\/p>\n<ul data-nodeid=\"29267\">\n<li data-nodeid=\"29268\">\n<p data-nodeid=\"29269\">Dos semanas despu\u00e9s, ingenier\u00eda modifica el algoritmo de optimizaci\u00f3n de almacenamiento<\/p>\n<\/li>\n<li data-nodeid=\"29270\">\n<p data-nodeid=\"29271\">El arquitecto edita el diagrama en VP Desktop<\/p>\n<\/li>\n<li data-nodeid=\"29272\">\n<p data-nodeid=\"29273\">OpenDocs marca el cambio de sincronizaci\u00f3n al equipo de redacci\u00f3n<\/p>\n<\/li>\n<li data-nodeid=\"29274\">\n<p data-nodeid=\"29275\">El equipo cambia a una nueva revisi\u00f3n sin romper el formato manual<\/p>\n<\/li>\n<li data-nodeid=\"29276\">\n<p data-nodeid=\"29277\">Todas las partes interesadas ven la documentaci\u00f3n actualizada de inmediato<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"29278\"\/>\n<h2 data-nodeid=\"29279\">Parte 5: Resumen y conclusiones clave<\/h2>\n<h3 data-nodeid=\"29280\">La Propuesta de Valor<\/h3>\n<p data-nodeid=\"29281\">El ecosistema de IA de Visual Paradigm transforma los flujos de trabajo fragmentados de \u00abConcepto a Documentos\u00bb en una tuber\u00eda automatizada unificada donde los modelos visuales y la documentaci\u00f3n evolucionan juntos como una \u00fanica fuente de verdad.<\/p>\n<p data-nodeid=\"29282\"><strong data-nodeid=\"30279\">Beneficios Clave<\/strong>:<\/p>\n<table data-nodeid=\"29284\">\n<thead data-nodeid=\"29285\">\n<tr data-nodeid=\"29286\">\n<th data-nodeid=\"29288\"><strong data-nodeid=\"30283\">Para Equipos T\u00e9cnicos<\/strong><\/th>\n<th data-nodeid=\"29289\"><strong data-nodeid=\"30287\">Para las Partes Interesadas del Negocio<\/strong><\/th>\n<th data-nodeid=\"29290\"><strong data-nodeid=\"30291\">Para las Organizaciones<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29294\">\n<tr data-nodeid=\"29295\">\n<td data-nodeid=\"29296\">Reducci\u00f3n de la sobrecarga de mantenimiento<\/td>\n<td data-nodeid=\"29297\">Mejor comprensi\u00f3n de sistemas complejos<\/td>\n<td data-nodeid=\"29298\">\u00danica fuente de verdad<\/td>\n<\/tr>\n<tr data-nodeid=\"29299\">\n<td data-nodeid=\"29300\">Precisi\u00f3n mejorada<\/td>\n<td data-nodeid=\"29301\">Toma de decisiones m\u00e1s r\u00e1pida<\/td>\n<td data-nodeid=\"29302\">Silos de informaci\u00f3n eliminados<\/td>\n<\/tr>\n<tr data-nodeid=\"29303\">\n<td data-nodeid=\"29304\">Colaboraci\u00f3n mejorada<\/td>\n<td data-nodeid=\"29305\">Riesgo reducido de mala comunicaci\u00f3n<\/td>\n<td data-nodeid=\"29306\">Gesti\u00f3n del conocimiento escalable<\/td>\n<\/tr>\n<tr data-nodeid=\"29307\">\n<td data-nodeid=\"29308\">Eficiencia impulsada por IA<\/td>\n<td data-nodeid=\"29309\">Informaci\u00f3n actualizada siempre disponible<\/td>\n<td data-nodeid=\"29310\">Publicaci\u00f3n a prueba del futuro<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"29311\">Resumen Final del Flujo de Trabajo<\/h3>\n<p data-nodeid=\"29312\"><img alt=\"\" data-nodeid=\"30306\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc9f44192b.png\"\/><\/p>\n<h3 data-nodeid=\"29313\">Referencia R\u00e1pida: \u00bfQu\u00e9 Herramienta para Cada Tarea?<\/h3>\n<table data-nodeid=\"29315\">\n<thead data-nodeid=\"29316\">\n<tr data-nodeid=\"29317\">\n<th data-nodeid=\"29319\"><strong data-nodeid=\"30311\">Tarea<\/strong><\/th>\n<th data-nodeid=\"29320\"><strong data-nodeid=\"30315\">Herramienta<\/strong><\/th>\n<th data-nodeid=\"29321\"><strong data-nodeid=\"30319\">Por qu\u00e9<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29325\">\n<tr data-nodeid=\"29326\">\n<td data-nodeid=\"29327\">Lluvia de ideas y prototipado r\u00e1pido<\/td>\n<td data-nodeid=\"29328\">Chatbot de IA<\/td>\n<td data-nodeid=\"29329\">La forma m\u00e1s r\u00e1pida de pasar de la idea a lo visual<\/td>\n<\/tr>\n<tr data-nodeid=\"29330\">\n<td data-nodeid=\"29331\">Modelado C4 estructurado<\/td>\n<td data-nodeid=\"29332\">Estudio C4-PlantUML<\/td>\n<td data-nodeid=\"29333\">Los flujos de trabajo guiados aseguran la completitud<\/td>\n<\/tr>\n<tr data-nodeid=\"29334\">\n<td data-nodeid=\"29335\">Documentaci\u00f3n viva<\/td>\n<td data-nodeid=\"29336\">OpenDocs<\/td>\n<td data-nodeid=\"29337\">Los diagramas se actualizan autom\u00e1ticamente; una \u00fanica fuente de verdad<\/td>\n<\/tr>\n<tr data-nodeid=\"29338\">\n<td data-nodeid=\"29339\">Ingenier\u00eda de precisi\u00f3n<\/td>\n<td data-nodeid=\"29340\">VP Desktop<\/td>\n<td data-nodeid=\"29341\">Validaci\u00f3n, generaci\u00f3n de c\u00f3digo, funciones empresariales<\/td>\n<\/tr>\n<tr data-nodeid=\"29342\">\n<td data-nodeid=\"29343\">Generaci\u00f3n de casos de prueba<\/td>\n<td data-nodeid=\"29344\">Estudio de casos de uso con IA<\/td>\n<td data-nodeid=\"29345\">De casos de uso y tablas de decisi\u00f3n a activos de prueba<\/td>\n<\/tr>\n<tr data-nodeid=\"29346\">\n<td data-nodeid=\"29347\">Informes<\/td>\n<td data-nodeid=\"29348\">Informes con IA<\/td>\n<td data-nodeid=\"29349\">Resumen ejecutivo, gu\u00edas t\u00e9cnicas, registros de auditor\u00eda<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"29350\"\/>\n<h2 data-nodeid=\"29351\">Ap\u00e9ndice: Referencia r\u00e1pida de fragmentos de c\u00f3digo PlantUML<\/h2>\n<h3 data-nodeid=\"29352\">Contexto C4<\/h3>\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:TKwx3e904En9-0UaWaIunieMwTGG3JKvZerSSg_SBH7_taM8bLQpEu_TsKaZr3H0CYAwS6JCysVva3XE_HJ02siG39R2QkOKDpXfLGGSbEnPTIYQXMelPwPvGF14TTMIcB5qv8oZ1dom9bjExPEq9KW9Jn24bmwbDMaUH_SNXNKMFa3okYTNhk6lkwjdpEWFUCCLcUfjJ5RvH-u6QklnVKHzmk9il4Khh4hpDm00\" 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:TOuxRiCm38Rt0Bw3uia66clfbDNfrWP63S-6B1E904aqI0frpzKZz6ALaw9JCv7u-3-uTz7wD8EwYYnyr9hCHtDnSarJOY2BKI1AOp7enPieAVW3o-pTfDldGxUXuUrL1yC2bD7ORevLcYKhYrq7n1YhBUf9bGCdGmxBl9w0BRd5kk-lMDR5hl_C0Q7YsyZtCuQ9GCtW5RkDcSUkyMMLAdS2HUEpghyRr1tzM_SE_lUflyQ1RnKTeQ15ZsNz0m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29353\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\nPerson(user, \"Usuario\", \"Descripci\u00f3n\")\r\nSystem(system, \"Nombre del sistema\", \"Descripci\u00f3n\")\r\nSystem_Ext(external, \"Sistema externo\", \"Descripci\u00f3n\")\r\nRel(user, system, \"Usa\", \"Protocolo\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TOuxRiCm38Rt0Bw3uia66clfbDNfrWP63S-6B1E904aqI0frpzKZz6ALaw9JCv7u-3-uTz7wD8EwYYnyr9hCHtDnSarJOY2BKI1AOp7enPieAVW3o-pTfDldGxUXuUrL1yC2bD7ORevLcYKhYrq7n1YhBUf9bGCdGmxBl9w0BRd5kk-lMDR5hl_C0Q7YsyZtCuQ9GCtW5RkDcSUkyMMLAdS2HUEpghyRr1tzM_SE_lUflyQ1RnKTeQ15ZsNz0m00\" \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:TKwx3e904En9-0UaWaIunieMwTGG3JKvZerSSg_SBH7_taM8bLQpEu_TsKaZr3H0CYAwS6JCysVva3XE_HJ02siG39R2QkOKDpXfLGGSbEnPTIYQXMelPwPvGF14TTMIcB5qv8oZ1dom9bjExPEq9KW9Jn24bmwbDMaUH_SNXNKMFa3okYTNhk6lkwjdpEWFUCCLcUfjJ5RvH-u6QklnVKHzmk9il4Khh4hpDm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29354\"><a data-nodeid=\"30342\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TKwx3e904En9-0UaWaIunieMwTGG3JKvZerSSg_SBH7_taM8bLQpEu_TsKaZr3H0CYAwS6JCysVva3XE_HJ02siG39R2QkOKDpXfLGGSbEnPTIYQXMelPwPvGF14TTMIcB5qv8oZ1dom9bjExPEq9KW9Jn24bmwbDMaUH_SNXNKMFa3okYTNhk6lkwjdpEWFUCCLcUfjJ5RvH-u6QklnVKHzmk9il4Khh4hpDm00\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29355\">Contenedor C4<\/h3>\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:JOpB2i8m44NtWlyGish1DXjNRjjbbKfrBNaCRI0laYdYtvi85dTpphrt3jf9ioeW2s98PyOYVxMpncKLQu8elKDms4flMJ3SuMfDar0PBLXtQiQY7fU1MPuGObRFBY-uTX3RaBlxtSQL_5r7GZTBhjm2pUOESd7U-FbTg8SaemwelQFrtvDUL4gKd2CNF7sNeqyuHvXkGw49VOH4L2xG-WC0\" 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:JOqv3i8m44Lx9EvWKYKIn0qL7IGb811Gex4zIYnvYUo9E1KLH-1Ys68HtRo_pKmxQKQ5h2SQuehp0BUwqzIFOemOf7U4ZchfBHyCE1gjMKHIHWlUB1U7B5rsMsuX4eOaNPlK0Eqmr4FAJYS_BkNtchDYxwq8o1GQzdw1oeSY6MUKpXlVFU-GiSKeWnwaVZvSKVsjjQ9K8WKs4FCCKq0-viR1H-e2dexRJ6jZGQA3Zr-z0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29356\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Container.puml\r\nContainer(container, \"Nombre del contenedor\", \"Tecnolog\u00eda\", \"Descripci\u00f3n\")\r\nContainerDb(db, \"Base de datos\", \"PostgreSQL\", \"Almacena datos\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOqv3i8m44Lx9EvWKYKIn0qL7IGb811Gex4zIYnvYUo9E1KLH-1Ys68HtRo_pKmxQKQ5h2SQuehp0BUwqzIFOemOf7U4ZchfBHyCE1gjMKHIHWlUB1U7B5rsMsuX4eOaNPlK0Eqmr4FAJYS_BkNtchDYxwq8o1GQzdw1oeSY6MUKpXlVFU-GiSKeWnwaVZvSKVsjjQ9K8WKs4FCCKq0-viR1H-e2dexRJ6jZGQA3Zr-z0000\" \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:JOpB2i8m44NtWlyGish1DXjNRjjbbKfrBNaCRI0laYdYtvi85dTpphrt3jf9ioeW2s98PyOYVxMpncKLQu8elKDms4flMJ3SuMfDar0PBLXtQiQY7fU1MPuGObRFBY-uTX3RaBlxtSQL_5r7GZTBhjm2pUOESd7U-FbTg8SaemwelQFrtvDUL4gKd2CNF7sNeqyuHvXkGw49VOH4L2xG-WC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29357\"><a data-nodeid=\"30346\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOpB2i8m44NtWlyGish1DXjNRjjbbKfrBNaCRI0laYdYtvi85dTpphrt3jf9ioeW2s98PyOYVxMpncKLQu8elKDms4flMJ3SuMfDar0PBLXtQiQY7fU1MPuGObRFBY-uTX3RaBlxtSQL_5r7GZTBhjm2pUOESd7U-FbTg8SaemwelQFrtvDUL4gKd2CNF7sNeqyuHvXkGw49VOH4L2xG-WC0\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29358\">Componente C4<\/h3>\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:FSkn3i8m30JG7Ob_29b0eit2n5h6WbYOKPfQD59YMx4ZVfzqeDlTqzqXOaXr1hEeiboTA_xRVw8kTQe29H0geFQ1ikFaKMjEdUYSukI6I_TSwNKVNVQYK1gz1yfCk7wuRVUxhH_3FvsDtTGyV0RRv0OIIcIDXFRq0m00\" 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:FOkn3i8W54Lt4_-1CcbYo-BaMiTgkZWRUBnO4dWGUCGFynFyCUbWjtlFFRTp1BvQ50jpAXUbiduFByTBDRLWXaYCn0F4e9BNn3Nulh3rpgZntCyhUjmc5NHXp0qznnXIfFMJchlVRVq0_tGIyXw3oIWiUh49ADjmnGBP9N3V3ydZ3m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29359\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Component.puml\r\nComponent(component, \"Nombre del Componente\", \"Descripci\u00f3n\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOkn3i8W54Lt4_-1CcbYo-BaMiTgkZWRUBnO4dWGUCGFynFyCUbWjtlFFRTp1BvQ50jpAXUbiduFByTBDRLWXaYCn0F4e9BNn3Nulh3rpgZntCyhUjmc5NHXp0qznnXIfFMJchlVRVq0_tGIyXw3oIWiUh49ADjmnGBP9N3V3ydZ3m00\" \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:FSkn3i8m30JG7Ob_29b0eit2n5h6WbYOKPfQD59YMx4ZVfzqeDlTqzqXOaXr1hEeiboTA_xRVw8kTQe29H0geFQ1ikFaKMjEdUYSukI6I_TSwNKVNVQYK1gz1yfCk7wuRVUxhH_3FvsDtTGyV0RRv0OIIcIDXFRq0m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29360\"><a data-nodeid=\"30350\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FSkn3i8m30JG7Ob_29b0eit2n5h6WbYOKPfQD59YMx4ZVfzqeDlTqzqXOaXr1hEeiboTA_xRVw8kTQe29H0geFQ1ikFaKMjEdUYSukI6I_TSwNKVNVQYK1gz1yfCk7wuRVUxhH_3FvsDtTGyV0RRv0OIIcIDXFRq0m00\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29361\">Despliegue C4<\/h3>\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:HOkn3W8X44Hx4_y1gJJnZiRALakzM6XzuM1paC0kWINc_bweR2PlNcOE7ase5eHZJkMgLDRVSVNiwb8BP4F8W3mQYYe5ZLnZ60hRu1TrkmolhZxFXugwCEIcvZkaG5lifzJ6-zrVp1DPE6ABiv2TnQGZo5RUO1nIe7MJfny0\" 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:5Siz2W8n48RXNl0ECPM2ksciRBNKnKBh9J_3Rc2I2Sa4yL2UmekPm5SzlD_EHulLWLYPKpahbVLxN3olrTG2sL9aY3nQ2YgXZbm33eKTUgCkf-7HwNM_gQ0BGsuqNo4XVK8_fHPlDnCvcXsqbOGUbWhxI0wEGauKJ0RX04MFPACds4X8o--hvU4F\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29362\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Deployment.puml\r\nNodo_de_despliegue(node, \"Nombre del Nodo\", \"Tecnolog\u00eda\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Siz2W8n48RXNl0ECPM2ksciRBNKnKBh9J_3Rc2I2Sa4yL2UmekPm5SzlD_EHulLWLYPKpahbVLxN3olrTG2sL9aY3nQ2YgXZbm33eKTUgCkf-7HwNM_gQ0BGsuqNo4XVK8_fHPlDnCvcXsqbOGUbWhxI0wEGauKJ0RX04MFPACds4X8o--hvU4F\" \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:HOkn3W8X44Hx4_y1gJJnZiRALakzM6XzuM1paC0kWINc_bweR2PlNcOE7ase5eHZJkMgLDRVSVNiwb8BP4F8W3mQYYe5ZLnZ60hRu1TrkmolhZxFXugwCEIcvZkaG5lifzJ6-zrVp1DPE6ABiv2TnQGZo5RUO1nIe7MJfny0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29363\"><a data-nodeid=\"30354\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HOkn3W8X44Hx4_y1gJJnZiRALakzM6XzuM1paC0kWINc_bweR2PlNcOE7ase5eHZJkMgLDRVSVNiwb8BP4F8W3mQYYe5ZLnZ60hRu1TrkmolhZxFXugwCEIcvZkaG5lifzJ6-zrVp1DPE6ABiv2TnQGZo5RUO1nIe7MJfny0\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29364\">Diagrama de secuencia<\/h3>\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:IqmkoIzIK784Ktw9kQbA2ed52eaWBYzNGM9HIMPoPa5YNec2KW220rQ39CdB1TQWe6k7B6gbu9jQN9oOdWgMpYnBB4b5rOHil2vGBzWGAuMWr9BIeZnUhfHKRDe0\" 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:IqmkoIzIKFBBpqqgIbL8ISrHS0I9A2aa5YiaWbYyN0M9HIMPoPa5YNab2ae124ugM16IB2yNM8U2hXsog9M2RsfUSM9MAbWwioon91LL4xBvka2zO4Ei589IWLHUFYzNIYesVG00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29365\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">actor \"Nombre del Actor\" as actor\r\nparticipant \"Participante\" as participant\r\nactor -&gt; participant: Mensaje\r\nactivate participant\r\nparticipant --&gt; actor: Retorno\r\ndeactivate participant\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzIKFBBpqqgIbL8ISrHS0I9A2aa5YiaWbYyN0M9HIMPoPa5YNab2ae124ugM16IB2yNM8U2hXsog9M2RsfUSM9MAbWwioon91LL4xBvka2zO4Ei589IWLHUFYzNIYesVG00\" \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:IqmkoIzIK784Ktw9kQbA2ed52eaWBYzNGM9HIMPoPa5YNec2KW220rQ39CdB1TQWe6k7B6gbu9jQN9oOdWgMpYnBB4b5rOHil2vGBzWGAuMWr9BIeZnUhfHKRDe0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29366\"><a data-nodeid=\"30358\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzIK784Ktw9kQbA2ed52eaWBYzNGM9HIMPoPa5YNec2KW220rQ39CdB1TQWe6k7B6gbu9jQN9oOdWgMpYnBB4b5rOHil2vGBzWGAuMWr9BIeZnUhfHKRDe0\">Editar PlantUML en VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29367\">Diagrama de casos de uso<\/h3>\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:IqmkoIzIK0ejJYrIKaWiLYW5CdYvW6HoOd4gM5p16SY2o2M3POeKT7Nj89na1JqzEuNClEISqfJK50Kh1HiRACVE3YnjewUda5fHafe7auPmxEm0\" 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:DSax2i0W48JXFf0x3FPwW23Rv0mvmB9k8GG5Lo77Z-JH3FppiVJQu0uRt79rOCCmRUioLzWKRcUhI3hlZ-N11k_f3K48X5pa74aJDiJu1T73CGJerRNy_0RH3G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29368\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">actor \"Usuario\" as user\r\nusecase \"Caso de uso\" as uc\r\nuser --&gt; uc\r\nuc ..&gt; included : &lt;&lt;include&gt;&gt;\r\nuc &lt;.. extended : &lt;&lt;extend&gt;&gt;\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:DSax2i0W48JXFf0x3FPwW23Rv0mvmB9k8GG5Lo77Z-JH3FppiVJQu0uRt79rOCCmRUioLzWKRcUhI3hlZ-N11k_f3K48X5pa74aJDiJu1T73CGJerRNy_0RH3G00\" \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:IqmkoIzIK0ejJYrIKaWiLYW5CdYvW6HoOd4gM5p16SY2o2M3POeKT7Nj89na1JqzEuNClEISqfJK50Kh1HiRACVE3YnjewUda5fHafe7auPmxEm0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29369\"><a data-nodeid=\"30362\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzIK0ejJYrIKaWiLYW5CdYvW6HoOd4gM5p16SY2o2M3POeKT7Nj89na1JqzEuNClEISqfJK50Kh1HiRACVE3YnjewUda5fHafe7auPmxEm0\">Editar PlantUML en VPasCode<\/a><\/p>\n<hr data-nodeid=\"29370\"\/>\n<h2 data-nodeid=\"29371\">Conclusi\u00f3n<\/h2>\n<p data-nodeid=\"29372\">El ecosistema impulsado por IA de Visual Paradigm representa un avance significativo en c\u00f3mo los equipos t\u00e9cnicos gestionan la complejidad. Al integrar la ideaci\u00f3n impulsada por IA, el modelado estructurado C4 y la documentaci\u00f3n viva en una sola tuber\u00eda, elimina la fricci\u00f3n tradicional entre el dise\u00f1o y la documentaci\u00f3n.<\/p>\n<p class=\"\" data-nodeid=\"29373\">Ya sea que est\u00e9 generando ideas para una nueva arquitectura de microservicios, refinando estrategias de despliegue a nivel empresarial o asegurando que sus documentos de incorporaci\u00f3n se mantengan actualizados, este flujo de trabajo garantiza que sus modelos visuales y explicaciones textuales permanezcan sincronizados, precisos y accesibles. Comience con el Chatbot de IA para una ideaci\u00f3n r\u00e1pida, utilice C4-PlantUML Studio para un refinamiento estructurado y complete el ciclo con OpenDocs para una documentaci\u00f3n viva que se mantiene autom\u00e1ticamente sincronizada con su arquitectura en evoluci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n En la ingenier\u00eda de software moderna, la brecha entre el dise\u00f1o arquitect\u00f3nico y la documentaci\u00f3n t\u00e9cnica es a menudo<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[81,110,119],"tags":[],"asset-category":[],"class_list":["post-11562","post","type-post","status-publish","format-standard","hentry","category-ai","category-c4-model","category-vpascode-editor"],"source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm - Cibermedio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm - Cibermedio\" \/>\n<meta property=\"og:description\" content=\"Introducci\u00f3n En la ingenier\u00eda de software moderna, la brecha entre el dise\u00f1o arquitect\u00f3nico y la documentaci\u00f3n t\u00e9cnica es a menudo\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Cibermedio\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-29T05:20:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T05:29:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm\",\"datePublished\":\"2026-10-29T05:20:02+00:00\",\"dateModified\":\"2026-10-29T05:29:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\"},\"wordCount\":3417,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\",\"articleSection\":[\"AI\",\"C4 Model\",\"VPasCode Editor\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\",\"url\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\",\"name\":\"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm - Cibermedio\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\",\"datePublished\":\"2026-10-29T05:20:02+00:00\",\"dateModified\":\"2026-10-29T05:29:23+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/es\/\",\"name\":\"Cibermedio\",\"description\":\"Aprendiendo una cosa nueva todos los d\u00edas\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/es\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm - Cibermedio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","og_locale":"es_ES","og_type":"article","og_title":"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm - Cibermedio","og_description":"Introducci\u00f3n En la ingenier\u00eda de software moderna, la brecha entre el dise\u00f1o arquitect\u00f3nico y la documentaci\u00f3n t\u00e9cnica es a menudo","og_url":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","og_site_name":"Cibermedio","article_published_time":"2026-10-29T05:20:02+00:00","article_modified_time":"2026-10-29T05:29:23+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png","type":"","width":"","height":""}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"curtis","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm","datePublished":"2026-10-29T05:20:02+00:00","dateModified":"2026-10-29T05:29:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/"},"wordCount":3417,"image":{"@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png","articleSection":["AI","C4 Model","VPasCode Editor"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","url":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","name":"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm - Cibermedio","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png","datePublished":"2026-10-29T05:20:02+00:00","dateModified":"2026-10-29T05:29:23+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage","url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png","contentUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/es\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/es\/"},{"@type":"ListItem","position":2,"name":"Desde el Prompt hasta los Documentos Vivos: Dominar el Flujo de Trabajo C4 Potenciado por IA de Visual Paradigm"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/es\/#website","url":"https:\/\/www.cybermedian.com\/es\/","name":"Cibermedio","description":"Aprendiendo una cosa nueva todos los d\u00edas","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/es\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/11562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/comments?post=11562"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/11562\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/media?parent=11562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/categories?post=11562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/tags?post=11562"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/asset-category?post=11562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}