{"id":11514,"date":"2026-10-13T11:08:32","date_gmt":"2026-10-13T03:08:32","guid":{"rendered":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"},"modified":"2026-10-14T13:09:18","modified_gmt":"2026-10-14T05:09:18","slug":"vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","title":{"rendered":"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico"},"content":{"rendered":"<p data-nodeid=\"14979\">Un diagrama de actividad UML modela <strong data-nodeid=\"15152\">c\u00f3mo fluye el trabajo<\/strong> a trav\u00e9s de un proceso: las acciones realizadas, las decisiones tomadas, el trabajo paralelo y las rutas de finalizaci\u00f3n. PlantUML le permite describir ese modelo como texto y luego renderizarlo como un diagrama, un enfoque \u00fatil cuando desea diagramas que sean f\u00e1ciles de revisar, examinar y mantener junto con la documentaci\u00f3n del proyecto. La sintaxis actual de actividades de PlantUML utiliza palabras clave legibles como <code data-backticks=\"1\" data-nodeid=\"15142\">inicio<\/code>, <code data-backticks=\"1\" data-nodeid=\"15144\">si<\/code>, <code data-backticks=\"1\" data-nodeid=\"15146\">repetir<\/code>, y <code data-backticks=\"1\" data-nodeid=\"15148\">bifurcaci\u00f3n<\/code>; su sintaxis de actividades m\u00e1s antigua a\u00fan es compatible, pero se recomienda la sintaxis m\u00e1s nueva para nuevos diagramas.<\/p>\n<p><img alt=\"Diagrama de actividad UML que ilustra un proceso de pago con sintaxis de PlantUML, mostrando acciones, decisiones y flujos de trabajo paralelos.\" class=\"alignnone size-full wp-image-21861\" decoding=\"async\" height=\"1086\" loading=\"lazy\" sizes=\"auto, (max-width: 1448px) 100vw, 1448px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb.jpeg\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb.jpeg 1448w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-300x225.jpeg 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-1024x768.jpeg 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-768x576.jpeg 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-880x660.jpeg 880w\" width=\"1448\"\/><\/p>\n<h2 data-nodeid=\"14980\">1. Qu\u00e9 modelar<\/h2>\n<p data-nodeid=\"14981\">Utilice un diagrama de actividad para explicar un proceso o algoritmo, por ejemplo:<\/p>\n<p><img alt=\"Diagrama de actividad UML que ilustra flujos de trabajo como el pago del cliente, procesos de aprobaci\u00f3n y tuber\u00edas de datos con diamantes de decisi\u00f3n y tareas paralelas.\" class=\"alignnone size-full wp-image-21864\" decoding=\"async\" height=\"1122\" loading=\"lazy\" sizes=\"auto, (max-width: 1402px) 100vw, 1402px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b.png 1402w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b-300x240.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b-1024x819.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b-768x615.png 768w\" width=\"1402\"\/><\/p>\n<ul data-nodeid=\"14982\">\n<li data-nodeid=\"14983\">\n<p data-nodeid=\"14984\">Un flujo de trabajo de pago de cliente<\/p>\n<\/li>\n<li data-nodeid=\"14985\">\n<p data-nodeid=\"14986\">Un proceso de aprobaci\u00f3n<\/p>\n<\/li>\n<li data-nodeid=\"14987\">\n<p data-nodeid=\"14988\">Una tuber\u00eda de importaci\u00f3n de datos<\/p>\n<\/li>\n<li data-nodeid=\"14989\">\n<p data-nodeid=\"14990\">Los pasos en un caso de uso<\/p>\n<\/li>\n<li data-nodeid=\"14991\">\n<p data-nodeid=\"14992\">Trabajo dividido entre personas, equipos o componentes del sistema<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"14993\">Una actividad es una unidad de trabajo, como \u00abValidar pedido\u00bb. Un <strong data-nodeid=\"15173\">flujo de control<\/strong> conecta las actividades e indica su orden. Un <strong data-nodeid=\"15174\">decisi\u00f3n<\/strong> elige entre rutas alternativas; <strong data-nodeid=\"15175\">flujos paralelos<\/strong> muestran el trabajo que puede proceder concurrentemente. El diagrama debe aclarar el comportamiento, no intentar documentar cada detalle de implementaci\u00f3n.<\/p>\n<p data-nodeid=\"14994\">Una regla pr\u00e1ctica \u00fatil: si la pregunta principal es \u00ab\u00bfQu\u00e9 sucede a continuaci\u00f3n y bajo qu\u00e9 condici\u00f3n?\u00bb, un diagrama de actividad es una buena opci\u00f3n.<\/p>\n<h2 data-nodeid=\"14995\">2. Conceptos b\u00e1sicos de PlantUML<\/h2>\n<p data-nodeid=\"14996\">Un diagrama de PlantUML comienza con <code data-backticks=\"1\" data-nodeid=\"15179\">@startuml<\/code> y termina con &#8220;<code data-backticks=\"1\" data-nodeid=\"15181\">@enduml<\/code>. En la sintaxis de actividad actual:<\/p>\n<p><img alt=\"Ejemplo de sintaxis de PlantUML que muestra el c\u00f3digo para validar un pedido, junto con el diagrama de actividad correspondiente y una leyenda de s\u00edmbolos clave.\" class=\"alignnone size-full wp-image-21869\" decoding=\"async\" height=\"1086\" loading=\"lazy\" sizes=\"auto, (max-width: 1448px) 100vw, 1448px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e.png 1448w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-300x225.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-1024x768.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-768x576.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-880x660.png 880w\" width=\"1448\"\/><\/p>\n<ul data-nodeid=\"14997\">\n<li data-nodeid=\"14998\">\n<p data-nodeid=\"14999\"><code data-backticks=\"1\" data-nodeid=\"15183\">inicio<\/code> marca el nodo inicial.<\/p>\n<\/li>\n<li data-nodeid=\"15000\">\n<p data-nodeid=\"15001\"><code data-backticks=\"1\" data-nodeid=\"15185\">:Acci\u00f3n;<\/code> define una acci\u00f3n.<\/p>\n<\/li>\n<li data-nodeid=\"15002\">\n<p data-nodeid=\"15003\"><code data-backticks=\"1\" data-nodeid=\"15187\">si (...) entonces (...)<\/code> ramifica seg\u00fan una condici\u00f3n.<\/p>\n<\/li>\n<li data-nodeid=\"15004\">\n<p data-nodeid=\"15005\"><code data-backticks=\"1\" data-nodeid=\"15189\">fin si<\/code> cierra la condicional.<\/p>\n<\/li>\n<li data-nodeid=\"15006\">\n<p data-nodeid=\"15007\"><code data-backticks=\"1\" data-nodeid=\"15191\">detener<\/code> finaliza un flujo.<\/p>\n<\/li>\n<li data-nodeid=\"15008\">\n<p data-nodeid=\"15009\"><code data-backticks=\"1\" data-nodeid=\"15193\">repetir<\/code> y <code data-backticks=\"1\" data-nodeid=\"15195\">repetir mientras<\/code> modela la repetici\u00f3n.<\/p>\n<\/li>\n<li data-nodeid=\"15010\">\n<p data-nodeid=\"15011\"><code data-backticks=\"1\" data-nodeid=\"15197\">bifurcar<\/code>, <code data-backticks=\"1\" data-nodeid=\"15199\">bifurcar de nuevo<\/code>, y <code data-backticks=\"1\" data-nodeid=\"15201\">fin bifurcaci\u00f3n<\/code> modela el trabajo en paralelo.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"15012\">Las acciones se escriben en orden y est\u00e1n impl\u00edcitamente conectadas. Puedes a\u00f1adir etiquetas a las ramas y usar <code data-backticks=\"1\" data-nodeid=\"15204\">partici\u00f3n<\/code> para agrupar el trabajo por responsabilidad o rol.<\/p>\n<p data-nodeid=\"15013\">Aqu\u00ed tienes un ejemplo m\u00ednimo:<\/p>\n<p id=\"fIKVIxF\"><img alt=\"Interfaz de VPasCode que muestra la sintaxis de c\u00f3digo de PlantUML junto con un diagrama de actividad generado que muestra el flujo de recepci\u00f3n y validaci\u00f3n de solicitudes.\" class=\"alignnone size-full wp-image-21871\" decoding=\"async\" height=\"874\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4.png 1918w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-1536x700.png 1536w\" width=\"1918\"\/><\/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:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" 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:SoWkIImgAStDuUK2itYvh89IapEJCeiKYlDpCfCpIqfJh862OOavcIc9g8B59Va5l5mEgNafGFq0\" \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=\"15014\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Recibir solicitud;\r\n:Validar solicitud;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2itYvh89IapEJCeiKYlDpCfCpIqfJh862OOavcIc9g8B59Va5l5mEgNafGFq0\" \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:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" 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<h2 data-nodeid=\"15015\">3. Decisiones y rutas alternativas<\/h2>\n<p data-nodeid=\"15016\">Usar <code data-backticks=\"1\" data-nodeid=\"15211\">si<\/code> cuando el proceso toma una decisi\u00f3n. Las etiquetas de las ramas deben comunicar los resultados de la condici\u00f3n, no simplemente repetir la condici\u00f3n.<\/p>\n<p id=\"erIyTrB\"><img alt=\"Interfaz de VPasCode que muestra el c\u00f3digo de PlantUML y el diagrama de actividad UML correspondiente que ilustra una decisi\u00f3n if-else para la disponibilidad del inventario.\" class=\"alignnone size-full wp-image-21872\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-1536x700.png 1536w\" width=\"1914\"\/><\/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:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" 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:JOyn3eCm34Lt9ExW4Qu0Gv6wCvIgUqXCPId4KHAu5MUeL2vM1ogrWoNB_kz_kuj9XRJCjYoEhYoQ6seQAO17GuPRcJmmq4HQ1I2teXCTvRaW1DNxTMV34QoK6EoRNd9hA7fsD5gCbne4OgSnGZNiMrqM018JCQpY-OFQOp6m9KqI0buzSmxQY53rV78zf-ynoeAs9DPuW36n5x4pDENRcYkxYSAi_Zuv9PrevECF\" \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=\"15017\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Recibir pedido;\r\n:Verificar inventario;\r\n\r\nsi (\u00bfTodos los art\u00edculos disponibles?) entonces (S\u00ed)\r\n  :Reservar art\u00edculos;\r\n  :Solicitar pago;\r\nelse (No)\r\n  :Notificar al cliente;\r\n  stop\r\nendif\r\n\r\n:Confirmar pedido;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOyn3eCm34Lt9ExW4Qu0Gv6wCvIgUqXCPId4KHAu5MUeL2vM1ogrWoNB_kz_kuj9XRJCjYoEhYoQ6seQAO17GuPRcJmmq4HQ1I2teXCTvRaW1DNxTMV34QoK6EoRNd9hA7fsD5gCbne4OgSnGZNiMrqM018JCQpY-OFQOp6m9KqI0buzSmxQY53rV78zf-ynoeAs9DPuW36n5x4pDENRcYkxYSAi_Zuv9PrevECF\" \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:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" 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=\"15018\">Aqu\u00ed, <code data-backticks=\"1\" data-nodeid=\"15214\">si<\/code> introduce una decisi\u00f3n y <code data-backticks=\"1\" data-nodeid=\"15216\">endif<\/code> la cierra. Las <code data-backticks=\"1\" data-nodeid=\"15218\">S\u00ed<\/code> y <code data-backticks=\"1\" data-nodeid=\"15220\">No<\/code> etiquetas hacen visibles las alternativas. Cuando las rutas contin\u00faan hacia una acci\u00f3n compartida despu\u00e9s de <code data-backticks=\"1\" data-nodeid=\"15222\">endif<\/code>, se vuelven a unir al flujo.<\/p>\n<p data-nodeid=\"15019\"><strong data-nodeid=\"15228\">Consejo de modelado:<\/strong> Sea expl\u00edcito sobre lo que ocurre en cada resultado significativo. Si una ruta de error, tiempo de espera o rechazo es relevante para las partes interesadas, mu\u00e9strela en lugar de dejarla impl\u00edcita.<\/p>\n<h2 data-nodeid=\"15020\">4. Bucles y reintentos<\/h2>\n<p data-nodeid=\"15021\">Use un bucle cuando una acci\u00f3n o grupo de acciones pueda repetirse. Este ejemplo sigue solicitando entrada hasta que pasa la validaci\u00f3n:<\/p>\n<p id=\"LPNOiFi\"><img alt=\"Interfaz de VPasCode que muestra el c\u00f3digo de PlantUML para un bucle de validaci\u00f3n de datos junto con su diagrama de actividad UML generado que muestra la l\u00f3gica de reintento.\" class=\"alignnone size-full wp-image-21873\" decoding=\"async\" height=\"868\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-1024x464.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-768x348.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-1536x696.png 1536w\" width=\"1915\"\/><\/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:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" 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:LP0nJWD134NxaUOElznSOLEG1j40Ga9Ax-muoi0m3fxPS9uSW8gE1ecz69xLHX6TPV_l_-nDgQHrV4lUpPLt_Jsp8b2L0iwdI47AsZllb8zC9W3wBQKOQ56jMolkqVt-RAUp3UHcXNhWZEvv-borgLdkHjB_5c2dJA-jv5GOtQDSn0zIgfgOLKMv831ES-GGfw-ykFid3b512MEnvL7mFZ86KOqlX6JuropE8Uul9-3Z41CttjkhTv1SOvw-oU0jSKP7beMgVKUEtcriaJth3m00\" \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=\"15022\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Leer datos enviados;\r\n\r\nrepeat\r\n  :Validar datos;\r\n  if (\u00bfV\u00e1lido?) then (S\u00ed)\r\n    :Guardar datos;\r\n    break\r\n  else (No)\r\n    :Mostrar errores de validaci\u00f3n;\r\n    :Pedir al usuario que corrija los datos;\r\n  endif\r\nrepeat while (\u00bfEl usuario contin\u00faa?) es (S\u00ed) no (No)\r\n\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP0nJWD134NxaUOElznSOLEG1j40Ga9Ax-muoi0m3fxPS9uSW8gE1ecz69xLHX6TPV_l_-nDgQHrV4lUpPLt_Jsp8b2L0iwdI47AsZllb8zC9W3wBQKOQ56jMolkqVt-RAUp3UHcXNhWZEvv-borgLdkHjB_5c2dJA-jv5GOtQDSn0zIgfgOLKMv831ES-GGfw-ykFid3b512MEnvL7mFZ86KOqlX6JuropE8Uul9-3Z41CttjkhTv1SOvw-oU0jSKP7beMgVKUEtcriaJth3m00\" \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:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" 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=\"15023\">Los bucles pueden ser dif\u00edciles de leer si su condici\u00f3n de salida es vaga. Indique qu\u00e9 provoca un nuevo intento y qu\u00e9 termina la repetici\u00f3n, especialmente cuando los reintentos son limitados o pueden cancelarse.<\/p>\n<h2 data-nodeid=\"15024\">5. Trabajo paralelo y sincronizaci\u00f3n<\/h2>\n<p data-nodeid=\"15025\">Use <code data-backticks=\"1\" data-nodeid=\"15234\">fork<\/code> cuando acciones independientes pueden ocurrir concurrentemente, y <code data-backticks=\"1\" data-nodeid=\"15236\">end fork<\/code> cuando las rutas deben sincronizarse antes de que el proceso contin\u00fae.<\/p>\n<p id=\"frWqtgq\"><img alt=\"Diagrama de actividad UML de VPasCode que muestra rutas de bifurcaci\u00f3n paralelas para enviar correos electr\u00f3nicos, preparar listas y actualizar paneles antes de sincronizar.\" class=\"alignnone size-full wp-image-21874\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-1536x700.png 1536w\" width=\"1914\"\/><\/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:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" 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:ROyn3eCm303tIFc3tm4B7JfMuWjM4f15i2CJ6FgZpdq27wi1jLCtIxwJpzrIKUiwP-_EoRkcJv6YG10UI6UCqdhdtI0wUGVGt7aZL5kh9e6OVc2W_StjHGAEI7polQQ2QaOckt08XS94FDgO0RE9--kFTmjrnKnFCmkoeMPkYIiknYQES1LPy0Cr7DItUnP834KbfEM8NweKxpfpxCyF\" \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=\"15026\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Pedido confirmado;\r\n\r\nfork\r\n  :Enviar correo de confirmaci\u00f3n;\r\nfork again\r\n  :Preparar lista de picking del almac\u00e9n;\r\nfork again\r\n  :Actualizar panel de ventas;\r\nend fork\r\n\r\n:Marcar pedido como en proceso;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROyn3eCm303tIFc3tm4B7JfMuWjM4f15i2CJ6FgZpdq27wi1jLCtIxwJpzrIKUiwP-_EoRkcJv6YG10UI6UCqdhdtI0wUGVGt7aZL5kh9e6OVc2W_StjHGAEI7polQQ2QaOckt08XS94FDgO0RE9--kFTmjrnKnFCmkoeMPkYIiknYQES1LPy0Cr7DItUnP834KbfEM8NweKxpfpxCyF\" \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:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" 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=\"15027\">Un fork no significa necesariamente personas separadas; puede representar comportamiento concurrente del sistema. \u00dasalo solo cuando las acciones realmente puedan ocurrir en paralelo. Si una tarea debe terminar antes de que comience otra, modela las tareas de forma secuencial en su lugar.<\/p>\n<h2 data-nodeid=\"15028\">6. Carriles con particiones<\/h2>\n<p data-nodeid=\"15029\">Las particiones agrupan acciones seg\u00fan el rol, equipo o sistema responsable. Esto puede hacer claras las transferencias sin cambiar el proceso en s\u00ed. PlantUML soporta agrupar actividades con <code data-backticks=\"1\" data-nodeid=\"15241\">partition<\/code>.<\/p>\n<p id=\"OQtJUKg\"><img alt=\"Interfaz de VPasCode que muestra un diagrama de actividad de PlantUML con carriles divididos por roles de Cliente, Servicio de Pedidos y Almac\u00e9n.\" class=\"alignnone size-full wp-image-21875\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-1536x700.png 1536w\" width=\"1916\"\/><\/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:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" 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:bP0nQWCn44LxWUumk5fV8IvYuwGD1aFwPJNh36Xdbf6i9kGmALEuoW42riKiQpV18LKg2VJ-rvjPXzXgF0xUcdgpnfgnd1H96BQUa2F2gpK0Tu-Sg5KOqP6JbJLll-757ZLHHm8EOLUXi9YZpwqdTvi5e1wQyzV4GShl1P3x9SGNP6Zs-RIyGYMwLIn1nGE5gBNxfWHzG6YUv1j-m2G-eGAgYcAuugd-tL7-vDM4XIXZJREZ_iyS6p-qNVxWMNsdMDwA0dBAft_EFQ-i4-v9Xn-9sZ1Ph8j4MVy5\" \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=\"15030\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n\r\npartition Cliente {\r\n  :Enviar pedido;\r\n}\r\n\r\npartition \"Servicio de Pedidos\" {\r\n  :Validar pedido;\r\n  if (\u00bfPedido v\u00e1lido?) then (S\u00ed)\r\n    :Crear registro de pedido;\r\n  else (No)\r\n    :Devolver errores de validaci\u00f3n;\r\n    stop\r\n  endif\r\n}\r\n\r\npartition Almac\u00e9n {\r\n  :Preparar env\u00edo;\r\n}\r\n\r\npartition \"Servicio de Pedidos\" {\r\n  :Enviar confirmaci\u00f3n;\r\n}\r\n\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bP0nQWCn44LxWUumk5fV8IvYuwGD1aFwPJNh36Xdbf6i9kGmALEuoW42riKiQpV18LKg2VJ-rvjPXzXgF0xUcdgpnfgnd1H96BQUa2F2gpK0Tu-Sg5KOqP6JbJLll-757ZLHHm8EOLUXi9YZpwqdTvi5e1wQyzV4GShl1P3x9SGNP6Zs-RIyGYMwLIn1nGE5gBNxfWHzG6YUv1j-m2G-eGAgYcAuugd-tL7-vDM4XIXZJREZ_iyS6p-qNVxWMNsdMDwA0dBAft_EFQ-i4-v9Xn-9sZ1Ph8j4MVy5\" \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:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" 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=\"15031\">Elige las etiquetas de carril que coincidan con la divisi\u00f3n real de responsabilidades. Evita crear una nueva partici\u00f3n para cada componente peque\u00f1o; demasiados carriles pueden hacer que el diagrama sea m\u00e1s dif\u00edcil de escanear.<\/p>\n<h2 data-nodeid=\"15032\">7. Objetos de datos y notas<\/h2>\n<p data-nodeid=\"15033\">Algunos flujos de trabajo se benefician de mostrar entradas o salidas importantes. Los diagramas de actividad de PlantUML admiten estereotipos de nodo de objeto; las notas tambi\u00e9n pueden a\u00f1adir contexto sin convertir cada etiqueta de acci\u00f3n en un p\u00e1rrafo.<\/p>\n<p id=\"xkTLSwh\"><img alt=\"Interfaz de VPasCode que muestra el c\u00f3digo de PlantUML para un flujo de pago junto con el diagrama de actividad renderizado que incluye una nota adjunta a la acci\u00f3n de autorizar el pago.\" class=\"alignnone size-full wp-image-21876\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1910px) 100vw, 1910px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26.png 1910w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-1536x700.png 1536w\" width=\"1910\"\/><\/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:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" 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:DO_D3S8m38NlaRA39s00k9GLAZ60IKon5EB8TZYm5YEm66aBDyllvzERp56zFqeCsnN3SQR4LrOmAPpOUuPCq72HKmn3FdSNvHVg_rV5SLYKqXrZ0BWubw53GL2orias7V0NJFnvrzMOgK1JUH9bqJ_43Z7SkCBQkl5cMjXS1s-qzUAOPK_kT7DfCKnKynZn1G00\" \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=\"15034\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Recibir solicitud de pago;\r\n\r\n:Autorizar pago;\r\nnota derecha\r\n  Utiliza la respuesta de autorizaci\u00f3n\r\n  del proveedor de pagos.\r\nfin nota\r\n\r\n:Registrar resultado del pago;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:DO_D3S8m38NlaRA39s00k9GLAZ60IKon5EB8TZYm5YEm66aBDyllvzERp56zFqeCsnN3SQR4LrOmAPpOUuPCq72HKmn3FdSNvHVg_rV5SLYKqXrZ0BWubw53GL2orias7V0NJFnvrzMOgK1JUH9bqJ_43Z7SkCBQkl5cMjXS1s-qzUAOPK_kT7DfCKnKynZn1G00\" \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:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" 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=\"15035\">Mant\u00e9n las etiquetas de las actividades principales breves. Coloca las reglas de negocio, suposiciones o aclaraciones en las notas cuando los lectores las necesiten, pero no sean pasos en s\u00ed mismos del flujo.<\/p>\n<h2 data-nodeid=\"15036\">8. Ejemplo completo: pago en l\u00ednea<\/h2>\n<p data-nodeid=\"15037\">Este ejemplo m\u00e1s grande combina particiones, una decisi\u00f3n, un camino alternativo y trabajo en paralelo.<\/p>\n<p id=\"uthqljR\"><img alt=\"Diagrama de actividad UML para un proceso de pago en l\u00ednea que muestra la presentaci\u00f3n del cliente, validaci\u00f3n, autorizaci\u00f3n de pago y confirmaci\u00f3n paralela y preparaci\u00f3n del almac\u00e9n.\" class=\"alignnone size-full wp-image-21877\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-1536x699.png 1536w\" width=\"1916\"\/><\/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:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" 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:bPDDRi8m48NtIBd3Y1LSeImAIhiiGY1rxpeJEghnH1CdKgauJ9TTiEe1AZKNwpWGKgJ-Rk9eykRpUsDdMWOZeTguP12QVQWSmyAi6T23Q_OUJJ981gqclXIwKY3sa3f27n2UaW70nH9hAes0DI8KUD8MhtrDMYiKfuNTUVzmXLAJ9OOCOO4PPLmEZxHRuoZhQV086GbQIyshdqGC0EKmUdzBln10tJoxIBiSGxZN6ADLin_77YMdnjdAAJfmCAwrYQv46Csvaznm6KGLACA2PRHNjtwwxQEg35oqpJwZ_9Ti6l-KR5O55jhsK-cpj5CtXV2ToVZaVNOiz06AK4dVt_bVehqtsq_2AwpPrIYG6-TQ8wUE_za_FvfKC6xU5hj3pLaUuiTl27CEb9FL-R773jHV3yi-9zaSngjwrzC1TWSwcBKXVxx7p6bFy-9Fl8NYEsln-bfs9khr8HZN_W0Lgz7XOFolqRkByOFXtU5dYSETwWRwLtq0\" \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=\"15038\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nt\u00edtulo Pago en l\u00ednea\r\n\r\nstart\r\n\r\npartition Cliente {\r\n  :Revisar carrito;\r\n  :Enviar pago;\r\n}\r\n\r\npartition \"Servicio de Pedidos\" {\r\n  :Validar carrito y direcci\u00f3n;\r\n\r\n  if (\u00bfCarrito y direcci\u00f3n v\u00e1lidos?) then (S\u00ed)\r\n    :Calcular total;\r\n  else (No)\r\n    :Mostrar errores de validaci\u00f3n;\r\n    stop\r\n  endif\r\n}\r\n\r\npartition \"Servicio de Pagos\" {\r\n  :Autorizar pago;\r\n\r\n  if (\u00bfPago aprobado?) then (Aprobado)\r\n    :Capturar pago;\r\n  else (Rechazado)\r\n    :Devolver fallo de pago;\r\n    stop\r\n  endif\r\n}\r\n\r\npartition \"Servicio de Pedidos\" {\r\n  :Crear pedido;\r\n}\r\n\r\nfork\r\n  partition \"Servicio de Notificaciones\" {\r\n    :Enviar confirmaci\u00f3n del pedido;\r\n  }\r\nfork again\r\n  partition Almac\u00e9n {\r\n    :Poner pedido en cola para preparaci\u00f3n;\r\n  }\r\nend fork\r\n\r\npartition \"Servicio de Pedidos\" {\r\n  :Mostrar confirmaci\u00f3n del pedido;\r\n}\r\n\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPDDRi8m48NtIBd3Y1LSeImAIhiiGY1rxpeJEghnH1CdKgauJ9TTiEe1AZKNwpWGKgJ-Rk9eykRpUsDdMWOZeTguP12QVQWSmyAi6T23Q_OUJJ981gqclXIwKY3sa3f27n2UaW70nH9hAes0DI8KUD8MhtrDMYiKfuNTUVzmXLAJ9OOCOO4PPLmEZxHRuoZhQV086GbQIyshdqGC0EKmUdzBln10tJoxIBiSGxZN6ADLin_77YMdnjdAAJfmCAwrYQv46Csvaznm6KGLACA2PRHNjtwwxQEg35oqpJwZ_9Ti6l-KR5O55jhsK-cpj5CtXV2ToVZaVNOiz06AK4dVt_bVehqtsq_2AwpPrIYG6-TQ8wUE_za_FvfKC6xU5hj3pLaUuiTl27CEb9FL-R773jHV3yi-9zaSngjwrzC1TWSwcBKXVxx7p6bFy-9Fl8NYEsln-bfs9khr8HZN_W0Lgz7XOFolqRkByOFXtU5dYSETwWRwLtq0\" \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:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" 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 id=\"QdBXLzE\"><img alt=\"Diagrama de actividad de PlantUML que muestra el flujo de pago en l\u00ednea con particiones de servicio de cliente, pedido, pago, notificaci\u00f3n y almac\u00e9n.\" class=\"alignnone size-full wp-image-21878\" decoding=\"async\" height=\"1054\" loading=\"lazy\" sizes=\"auto, (max-width: 456px) 100vw, 456px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16.png 456w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16-130x300.png 130w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16-443x1024.png 443w\" width=\"456\"\/><\/p>\n<p data-nodeid=\"15039\">L\u00e9elo de arriba a abajo: el cliente env\u00eda el pago, el servicio de pedidos lo valida, se autoriza el pago y se crea el pedido. Despu\u00e9s, la confirmaci\u00f3n y la preparaci\u00f3n en el almac\u00e9n se ejecutan en paralelo. Si la validaci\u00f3n o el pago fallan, el flujo termina a trav\u00e9s de la ruta de fallo correspondiente.<\/p>\n<h2 data-nodeid=\"15040\">9. Flujo de trabajo de diagramas como c\u00f3digo<\/h2>\n<p data-nodeid=\"15041\">Un flujo de trabajo pr\u00e1ctico es:<\/p>\n<h2 data-nodeid=\"15040\">Flujo de trabajo de diagramas como c\u00f3digo<\/h2>\n<p data-nodeid=\"15041\">Un flujo de trabajo pr\u00e1ctico es:<\/p>\n<ol data-nodeid=\"15042\">\n<li data-nodeid=\"15043\">\n<p data-nodeid=\"15044\"><strong data-nodeid=\"15260\">Describe el proceso en lenguaje sencillo.<\/strong> Identifica su inicio, fin, acciones principales, decisiones, excepciones, tareas en paralelo y roles responsables.<\/p>\n<\/li>\n<li data-nodeid=\"15045\">\n<p data-nodeid=\"15046\"><strong data-nodeid=\"15265\">Escribe un primer borrador de PlantUML.<\/strong>Enf\u00f3cate en la l\u00f3gica antes del estilo.<\/p>\n<\/li>\n<li data-nodeid=\"15047\">\n<p data-nodeid=\"15048\"><strong data-nodeid=\"15270\">Renderiza e inspeccionalo.<\/strong>Verifica que el resultado se lea de forma natural y que las ramas y los bucles sean comprensibles.<\/p>\n<\/li>\n<li data-nodeid=\"15049\">\n<p data-nodeid=\"15050\"><strong data-nodeid=\"15275\">Revisa la l\u00f3gica con las partes interesadas.<\/strong>El renderizado verifica la sintaxis, no si el proceso es correcto.<\/p>\n<\/li>\n<li data-nodeid=\"15051\">\n<p data-nodeid=\"15052\"><strong data-nodeid=\"15280\">Revisa el c\u00f3digo fuente y gu\u00e1rdalo junto con el proyecto.<\/strong>Los diagramas basados en texto son f\u00e1ciles de comparar y revisar junto con otra documentaci\u00f3n.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"15053\">Para el renderizado local, la herramienta de l\u00ednea de comandos de PlantUML puede generar archivos de diagramas; los editores basados en navegador son convenientes para borradores r\u00e1pidos y vistas previas. PlantUML tambi\u00e9n ofrece un editor en navegador, mientras que VPasCode proporciona un editor basado en navegador con vista previa en vivo y soporte para diagramas de actividad de PlantUML.<\/p>\n<ol data-nodeid=\"15042\">\n<li data-nodeid=\"15043\">\n<p data-nodeid=\"15044\"><strong data-nodeid=\"15260\">Describe el proceso en lenguaje sencillo.<\/strong>Identifica su inicio, fin, acciones principales, decisiones, excepciones, tareas paralelas y roles responsables.<\/p>\n<\/li>\n<li data-nodeid=\"15045\">\n<p data-nodeid=\"15046\"><strong data-nodeid=\"15265\">Escribe un primer borrador de PlantUML.<\/strong>Enf\u00f3cate en la l\u00f3gica antes del estilo.<\/p>\n<\/li>\n<li data-nodeid=\"15047\">\n<p data-nodeid=\"15048\"><strong data-nodeid=\"15270\">Renderiza e inspeccionalo.<\/strong>Verifica que el resultado se lea de forma natural y que las ramas y los bucles sean comprensibles.<\/p>\n<\/li>\n<li data-nodeid=\"15049\">\n<p data-nodeid=\"15050\"><strong data-nodeid=\"15275\">Revisa la l\u00f3gica con las partes interesadas.<\/strong>El renderizado verifica la sintaxis, no si el proceso es correcto.<\/p>\n<\/li>\n<li data-nodeid=\"15051\">\n<p data-nodeid=\"15052\"><strong data-nodeid=\"15280\">Revisa el c\u00f3digo fuente y gu\u00e1rdalo junto con el proyecto.<\/strong>Los diagramas basados en texto son f\u00e1ciles de comparar y revisar junto con otra documentaci\u00f3n.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"15053\">Para el renderizado local, la herramienta de l\u00ednea de comandos de PlantUML puede generar archivos de diagramas; los editores basados en navegador son convenientes para borradores r\u00e1pidos y vistas previas. PlantUML tambi\u00e9n ofrece un editor en navegador, mientras que VPasCode proporciona un editor basado en navegador con vista previa en vivo y soporte para diagramas de actividad de PlantUML.<\/p>\n<h2 data-nodeid=\"15054\">10. Uso de Visual Paradigm VPasCode y asistencia de IA<\/h2>\n<p data-nodeid=\"15055\">VPasCode es el editor de texto a diagramas basado en navegador de Visual Paradigm. Su soporte de PlantUML incluye diagramas de actividad, y su editor proporciona renderizado en vivo. Visual Paradigm tambi\u00e9n describe la generaci\u00f3n de diagramas con lenguaje natural integrada y la asistencia de IA para modificar o corregir el c\u00f3digo del diagrama.<\/p>\n<p data-nodeid=\"15056\">Un flujo de trabajo \u00fatil asistido por IA:<\/p>\n<p><img alt=\"Flujo de trabajo de cinco pasos que ilustra c\u00f3mo crear diagramas de actividad de PlantUML usando VPasCode, desde la redacci\u00f3n del c\u00f3digo hasta la revisi\u00f3n de la l\u00f3gica y el guardado de archivos fuente.\" class=\"alignnone size-full wp-image-21880\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ol data-nodeid=\"15057\">\n<li data-nodeid=\"15058\">\n<p data-nodeid=\"15059\"><strong data-nodeid=\"15297\">Solicita el comportamiento, no solo el tipo de diagrama.<\/strong>Por ejemplo:<br \/>\n<em data-nodeid=\"15298\">&#8220;Crea un diagrama de actividad de PlantUML para el proceso de pago en l\u00ednea. Incluye la validaci\u00f3n del carrito, la validaci\u00f3n de la direcci\u00f3n, la autorizaci\u00f3n del pago, los caminos de fallo, la creaci\u00f3n del pedido y la confirmaci\u00f3n paralela por correo electr\u00f3nico y la preparaci\u00f3n en el almac\u00e9n. Usa particiones para Cliente, Servicio de Pedidos, Servicio de Pago, Servicio de Notificaciones y Almac\u00e9n. Usa la sintaxis actual de diagramas de actividad de PlantUML.&#8221;<\/em><\/p>\n<\/li>\n<li data-nodeid=\"15060\">\n<p data-nodeid=\"15061\"><strong data-nodeid=\"15307\">Inspecciona el c\u00f3digo generado.<\/strong>Verifica que utilice <code data-backticks=\"1\" data-nodeid=\"15303\">@startuml<\/code>\/<code data-backticks=\"1\" data-nodeid=\"15305\">@enduml<\/code>, de que cada rama representa una condici\u00f3n real y que los caminos fallidos o alternativos est\u00e1n gestionados.<\/p>\n<\/li>\n<li data-nodeid=\"15062\">\n<p data-nodeid=\"15063\"><strong data-nodeid=\"15312\">R\u00e9nderealo en VPasCode.<\/strong> Utiliza la vista previa para detectar errores de sintaxis, etiquetas confusas o dise\u00f1os excesivamente complejos.<\/p>\n<\/li>\n<li data-nodeid=\"15064\">\n<p data-nodeid=\"15065\"><strong data-nodeid=\"15317\">Refina el PlantUML t\u00fa mismo o con ediciones dirigidas por IA.<\/strong> Solicita un cambio espec\u00edfico, como \u00abA\u00f1adir un camino de tiempo de espera de pago\u00bb o \u00abHacer que la preparaci\u00f3n del almac\u00e9n sea secuencial despu\u00e9s de la creaci\u00f3n del pedido\u00bb.<\/p>\n<\/li>\n<li data-nodeid=\"15066\">\n<p data-nodeid=\"15067\"><strong data-nodeid=\"15322\">Valida el proceso con alguien que lo conozca.<\/strong>La IA puede redactar un diagrama plausible, pero no puede establecer que el proceso real de tu organizaci\u00f3n sea correcto.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"15068\">Los controles exactos y la disponibilidad de funciones de VPasCode pueden variar seg\u00fan la edici\u00f3n del producto; confirma las opciones actuales en el editor que est\u00e1s utilizando.<\/p>\n<h2 data-nodeid=\"15069\">11. Flujo de trabajo de modelado de Visual Paradigm<\/h2>\n<p data-nodeid=\"15070\">Usa VPasCode cuando quieras trabajar directamente con el c\u00f3digo fuente del diagrama y la vista previa. Usa el entorno de modelado de Visual Paradigm cuando la tarea requiera edici\u00f3n gr\u00e1fica o un trabajo de modelado m\u00e1s amplio. La gu\u00eda de Visual Paradigm describe un flujo de trabajo de generar o importar un diagrama y luego refinarlo en el editor visual; las rutas de importaci\u00f3n exactas pueden depender del producto y la versi\u00f3n.<\/p>\n<p data-nodeid=\"15071\">Una entrega sensata es:<\/p>\n<p><img alt=\"Diagrama de flujo de trabajo de Visual Paradigm que muestra cuatro pasos: redacci\u00f3n del c\u00f3digo fuente de PlantUML, compartir para revisi\u00f3n, importar a Visual Paradigm y refinar manteniendo el control de versiones.\" class=\"alignnone size-full wp-image-21882\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ol data-nodeid=\"15072\">\n<li data-nodeid=\"15073\">\n<p data-nodeid=\"15074\">Borrador e iteraci\u00f3n en PlantUML.<\/p>\n<\/li>\n<li data-nodeid=\"15075\">\n<p data-nodeid=\"15076\">Comparte el diagrama renderizado y el c\u00f3digo fuente para su revisi\u00f3n.<\/p>\n<\/li>\n<li data-nodeid=\"15077\">\n<p data-nodeid=\"15078\">\u00c1brelo o imp\u00f3rtalo en el editor correspondiente de Visual Paradigm si necesitas edici\u00f3n visual u otras capacidades de modelado.<\/p>\n<\/li>\n<li data-nodeid=\"15079\">\n<p data-nodeid=\"15080\">Mant\u00e9n el c\u00f3digo fuente de PlantUML como la versi\u00f3n mantenida si es la fuente de verdad elegida por el equipo; evita realizar silenciosamente ediciones conflictivas en dos lugares.<\/p>\n<\/li>\n<\/ol>\n<h2 data-nodeid=\"15081\">12. Errores comunes y lista de verificaci\u00f3n de calidad<\/h2>\n<p data-nodeid=\"15082\">Antes de compartir un diagrama, verifica:<\/p>\n<p><img alt=\"Infograf\u00eda de lista de verificaci\u00f3n de calidad para diagramas de actividad, que incluye pasos de validaci\u00f3n del flujo y un flujo de trabajo de proceso de pedido de muestra con puntos de decisi\u00f3n y manejo de errores.\" class=\"alignnone size-full wp-image-21884\" decoding=\"async\" height=\"1151\" loading=\"lazy\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9.png 1367w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9-300x253.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9-1024x862.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9-768x647.png 768w\" width=\"1367\"\/><\/p>\n<ul data-nodeid=\"15083\">\n<li data-nodeid=\"15084\">\n<p data-nodeid=\"15085\">\u00bfTiene un inicio claro y un final significativo?<\/p>\n<\/li>\n<li data-nodeid=\"15086\">\n<p data-nodeid=\"15087\">\u00bfDescribe cada acci\u00f3n una pieza de trabajo reconocible?<\/p>\n<\/li>\n<li data-nodeid=\"15088\">\n<p data-nodeid=\"15089\">\u00bfEst\u00e1n las decisiones claramente etiquetadas?<\/p>\n<\/li>\n<li data-nodeid=\"15090\">\n<p data-nodeid=\"15091\">\u00bfSe incluyen caminos de rechazo, error, tiempo de espera o cancelaci\u00f3n donde son relevantes?<\/p>\n<\/li>\n<li data-nodeid=\"15092\">\n<p data-nodeid=\"15093\">\u00bfLas condiciones de bucle hacen claro el comportamiento de repetici\u00f3n y salida?<\/p>\n<\/li>\n<li data-nodeid=\"15094\">\n<p data-nodeid=\"15095\">\u00bfLas acciones paralelas son genuinamente independientes y se muestra la sincronizaci\u00f3n donde es necesario?<\/p>\n<\/li>\n<li data-nodeid=\"15096\">\n<p data-nodeid=\"15097\">\u00bfLas particiones representan l\u00edmites de propiedad \u00fatiles?<\/p>\n<\/li>\n<li data-nodeid=\"15098\">\n<p data-nodeid=\"15099\">\u00bfPuede un lector entender el flujo sin leer etiquetas de acci\u00f3n largas?<\/p>\n<\/li>\n<li data-nodeid=\"15100\">\n<p data-nodeid=\"15101\">\u00bfEl diagrama renderizado coincide con el proceso real?<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"15102\">Un buen diagrama de actividad no es el m\u00e1s largo ni el m\u00e1s detallado. Es el diagrama m\u00e1s peque\u00f1o que hace claros el flujo de trabajo, las decisiones, las responsabilidades y las excepciones importantes.<\/p>\n<h3 data-nodeid=\"15103\">Referencia r\u00e1pida de sintaxis<\/h3>\n<table data-nodeid=\"15105\">\n<thead data-nodeid=\"15106\">\n<tr data-nodeid=\"15107\">\n<th data-nodeid=\"15109\">Prop\u00f3sito<\/th>\n<th data-nodeid=\"15110\">Patr\u00f3n de PlantUML<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"15113\">\n<tr data-nodeid=\"15114\">\n<td data-nodeid=\"15115\">Inicio<\/td>\n<td data-nodeid=\"15116\"><code data-backticks=\"1\" data-nodeid=\"15349\">inicio<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15117\">\n<td data-nodeid=\"15118\">Acci\u00f3n<\/td>\n<td data-nodeid=\"15119\"><code data-backticks=\"1\" data-nodeid=\"15351\">:Hacer algo;<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15120\">\n<td data-nodeid=\"15121\">Decisi\u00f3n<\/td>\n<td data-nodeid=\"15122\"><code data-backticks=\"1\" data-nodeid=\"15353\">if (Condici\u00f3n?) then (S\u00ed) ... else (No) ... endif<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15123\">\n<td data-nodeid=\"15124\">Bucle<\/td>\n<td data-nodeid=\"15125\"><code data-backticks=\"1\" data-nodeid=\"15355\">repeat ... repeat while (Condici\u00f3n?)<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15126\">\n<td data-nodeid=\"15127\">Trabajo paralelo<\/td>\n<td data-nodeid=\"15128\"><code data-backticks=\"1\" data-nodeid=\"15357\">fork ... fork again ... end fork<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15129\">\n<td data-nodeid=\"15130\">Grupo de responsabilidades<\/td>\n<td data-nodeid=\"15131\"><code data-backticks=\"1\" data-nodeid=\"15359\">partition Rol { ... }<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15132\">\n<td data-nodeid=\"15133\">Fin<\/td>\n<td data-nodeid=\"15134\"><code data-backticks=\"1\" data-nodeid=\"15361\">detener<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"\" data-nodeid=\"15135\">Los ejemplos utilizan la sintaxis actual de diagramas de actividad de PlantUML. Para construcciones poco comunes o comportamientos de renderizado espec\u00edficos de versi\u00f3n, consulte la referencia de diagramas de actividad de PlantUML.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un diagrama de actividad UML modela c\u00f3mo fluye el trabajo a trav\u00e9s de un proceso: las acciones realizadas, las decisiones<\/p>\n","protected":false},"author":11,"featured_media":11515,"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,85,119],"tags":[],"asset-category":[126,127,125],"class_list":["post-11514","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-visual-paradigm","category-vpascode-editor","asset-category-uml","asset-category-visual-paradigm","asset-category-vpascode"],"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>VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico - 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\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico - Cibermedio\" \/>\n<meta property=\"og:description\" content=\"Un diagrama de actividad UML modela c\u00f3mo fluye el trabajo a trav\u00e9s de un proceso: las acciones realizadas, las decisiones\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Cibermedio\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-13T03:08:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-14T05:09:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1402\" \/>\n\t<meta property=\"og:image:height\" content=\"1122\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter: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=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico\",\"datePublished\":\"2026-10-13T03:08:32+00:00\",\"dateModified\":\"2026-10-14T05:09:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\"},\"wordCount\":1982,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png\",\"articleSection\":[\"AI\",\"Visual Paradigm\",\"VPasCode Editor\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\",\"url\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\",\"name\":\"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico - Cibermedio\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png\",\"datePublished\":\"2026-10-13T03:08:32+00:00\",\"dateModified\":\"2026-10-14T05:09:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png\",\"width\":1402,\"height\":1122},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico\"}]},{\"@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":"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico - 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\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","og_locale":"es_ES","og_type":"article","og_title":"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico - Cibermedio","og_description":"Un diagrama de actividad UML modela c\u00f3mo fluye el trabajo a trav\u00e9s de un proceso: las acciones realizadas, las decisiones","og_url":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","og_site_name":"Cibermedio","article_published_time":"2026-10-13T03:08:32+00:00","article_modified_time":"2026-10-14T05:09:18+00:00","og_image":[{"width":1402,"height":1122,"url":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"curtis","Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico","datePublished":"2026-10-13T03:08:32+00:00","dateModified":"2026-10-14T05:09:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"},"wordCount":1982,"image":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png","articleSection":["AI","Visual Paradigm","VPasCode Editor"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","url":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","name":"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico - Cibermedio","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png","datePublished":"2026-10-13T03:08:32+00:00","dateModified":"2026-10-14T05:09:18+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage","url":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png","contentUrl":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acda0c62804b.png","width":1402,"height":1122},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/es\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/es\/"},{"@type":"ListItem","position":2,"name":"VPasCode: Diagramas de actividad UML con PlantUML &#8211; Un tutorial pr\u00e1ctico"}]},{"@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\/11514","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=11514"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/11514\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/media\/11515"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/media?parent=11514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/categories?post=11514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/tags?post=11514"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/asset-category?post=11514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}