{"id":11531,"date":"2026-10-13T15:47:48","date_gmt":"2026-10-13T07:47:48","guid":{"rendered":"https:\/\/www.cybermedian.com\/es\/diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode\/"},"modified":"2026-10-14T13:08:38","modified_gmt":"2026-10-14T05:08:38","slug":"diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/es\/diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode\/","title":{"rendered":"Diagramas como c\u00f3digo: Diagramas de secuencia UML con PlantUML y VPasCode"},"content":{"rendered":"

Un UML<\/a> diagrama de secuencia<\/a> muestra c\u00f3mo interact\u00faan los participantes a lo largo del tiempo. Es \u00fatil para documentar un caso de uso<\/a>, flujo de API, proceso empresarial o escenario del sistema. El tiempo generalmente avanza de arriba hacia abajo; la colocaci\u00f3n horizontal muestra qui\u00e9n participa, no una medida precisa del tiempo transcurrido.<\/p>\n

PlantUML<\/a> te permite describir el diagrama como texto. el editor VPasCode de Visual Paradigm<\/a> combina un editor de c\u00f3digo con una vista previa en tiempo real y asistencia de IA para generar, modificar y corregir c\u00f3digo de diagramas. Un buen flujo de trabajo es utilizar la IA para obtener un primer borrador y luego inspeccionar y refinar el c\u00f3digo PlantUML t\u00fa mismo.<\/p>\n

\"Diagrama<\/p>\n

1. La estructura b\u00e1sica<\/h2>\n

Un diagrama de secuencia PlantUML<\/a> comienza con @startuml<\/code> y termina con @enduml<\/code>. Los participantes suelen listarse antes de los mensajes para que puedas controlar sus nombres y orden.<\/p>\n

\"Interfaz<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML en VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML en VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\r\nactor Cliente\r\nparticipant Navegador\r\nparticipant \"API de pedidos\" como API\r\ndatabase \"Base de datos de pedidos\" como DB\r\n\r\nCliente -> Navegador: Realizar pedido\r\nNavegador -> API: POST \/pedidos\r\nAPI -> DB: Guardar pedido\r\nDB --> API: ID de pedido\r\nAPI --> Navegador: 201 Creado\r\nNavegador -> Cliente: Mostrar confirmaci\u00f3n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
La etiqueta mostrada del participante puede estar entre comillas, con como<\/code> que proporciona un alias m\u00e1s corto para usar en mensajes. Las palabras clave comunes de participantes incluyen actor<\/code>, participante<\/code>, l\u00edmite<\/code>, control<\/code>, entidad<\/code>, base de datos<\/code>, y colecciones<\/code>. Utilice la palabra clave que mejor comunique el rol del participante; no impone una arquitectura particular.<\/p>\n
2. Lectura de mensajes y tiempo<\/h2>\n
Cada mensaje se escribe como un remitente, una flecha, un destinatario y una etiqueta. El orden de las l\u00edneas de mensajes determina su orden vertical en el diagrama.<\/p>\n
\"Diagrama<\/p>\n