{"id":2127,"date":"2026-05-26T07:16:09","date_gmt":"2026-05-26T07:16:09","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/docs\/uncategorized\/plantuml-state-diagram-syntax-guide\/"},"modified":"2026-05-26T07:16:09","modified_gmt":"2026-05-26T07:16:09","slug":"plantuml-state-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/","title":{"rendered":"Gu\u00eda de sintaxis de diagramas de estado de PlantUML"},"content":{"rendered":"<h2>\u00bfQu\u00e9 es un diagrama de estado?<\/h2>\n<p>Un <strong>diagrama de estado<\/strong> (a menudo llamado m\u00e1quina de estados o diagrama de estado) es un diagrama comportamental <strong>diagrama UML<\/strong> que modela el ciclo de vida de un objeto del sistema, entidad empresarial o proceso en tiempo de ejecuci\u00f3n. Como componente fundamental de la especificaci\u00f3n del Lenguaje Unificado de Modelado (UML), este tipo espec\u00edfico de<strong>tipo de diagrama UML<\/strong> ilustra los diversos estados que un objeto puede ocupar desde su instanciaci\u00f3n inicial hasta su destrucci\u00f3n final, junto con los eventos o condiciones espec\u00edficos que desencadenan un cambio de un estado a otro.<\/p>\n<p>Ya sea que est\u00e9s documentando las banderas de conexi\u00f3n intrincadas de una conexi\u00f3n WebSocket, los pasos de procesamiento de pedidos de un modelo de pago de comercio electr\u00f3nico o el comportamiento de un sistema de hardware aut\u00f3nomo, una m\u00e1quina de estados UML proporciona a los desarrolladores de software y arquitectos de software un plano claro y sin ambig\u00fcedades de l\u00f3gica reactiva compleja. Con <strong>VPasCode<\/strong>, puedes crear transiciones de estado complejas instant\u00e1neamente sin lidiar con alineaciones de cuadr\u00edcula ni flechas de borde superpuestas.<\/p>\n<h2>Gu\u00eda de sintaxis principal: elementos y construcciones<\/h2>\n<p>Para escribir dise\u00f1os de diagramas de estado de alta calidad y conformes con las normas, necesitas entender puntos de inicio y final, definiciones de estado, transiciones de eventos, estados compuestos anidados y puntos de elecci\u00f3n condicional.<\/p>\n<h3>1. Estados inicial y final<\/h3>\n<p>Cada m\u00e1quina de estados debe tener un punto de entrada y, opcionalmente, un punto terminal. En la sintaxis de PlantUML, estos elementos de borde se representan con un s\u00edmbolo de asterisco limpio:<\/p>\n<ul>\n<li><code>[*] --&gt; NombreEstado<\/code> (Define el estado inicial de inicio)<\/li>\n<li><code>NombreEstado --&gt; [*]<\/code> (Define el estado final terminal)<\/li>\n<\/ul>\n<h3>2. Definici\u00f3n de estados y transiciones de eventos<\/h3>\n<p>Los estados se declaran autom\u00e1ticamente cada vez que est\u00e1n conectados por una flecha direccional (<code>--&gt;<\/code>). Para agregar contexto a una transici\u00f3n, a\u00f1ade dos puntos (<code>:<\/code>) seguido por el evento espec\u00edfico, activador de API o llamada de m\u00e9todo que causa el cambio de estado:<\/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:YzQALT3LjLDmoInEpi_BIqqkIKtXvKBcWQMT8RpCl7G5AmKbg9o6fX8l5v8CaaAWDg2wnDAIZFZYqkJarE9Y9G00\" 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:YzQALT3LjLDmIIrEpizBJIv9JCddvKBcWQMT8Rmy8DTAGGae1-9gQ2hnSY7982c4g4iiBSc8BovDJaujBbO20000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">[*] --&gt; Desconectado\r\nDesconectado --&gt; Conectando : \"connect()\"\r\nConectando --&gt; Conectado : \"auth_success\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:YzQALT3LjLDmIIrEpizBJIv9JCddvKBcWQMT8Rmy8DTAGGae1-9gQ2hnSY7982c4g4iiBSc8BovDJaujBbO20000\" \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:YzQALT3LjLDmoInEpi_BIqqkIKtXvKBcWQMT8RpCl7G5AmKbg9o6fX8l5v8CaaAWDg2wnDAIZFZYqkJarE9Y9G00\" 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=\"YJmYckH\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-573\" decoding=\"async\" fetchpriority=\"high\" height=\"386\" sizes=\"(max-width: 158px) 100vw, 158px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18feb546e94.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18feb546e94.png 158w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18feb546e94-123x300.png 123w\" width=\"158\"\/><\/p>\n<h3>3. Estados compuestos \/ anidados<\/h3>\n<p>Las aplicaciones complejas a menudo presentan estados individuales que contienen sus propios subestados anidados. Puedes implementar estas estructuras compuestas utilizando la palabra clave <code>estado<\/code>seguida de una llave de apertura:<\/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:Aov9B4bLS4mkoInB3SyloYukI4nELQZcvL80WcYjM0LTNJi5pvISL8W8Y0KM2gaioCnBLx1IKCfEhImeIYqkLeAeW4h0j85Kb6JcfkQNbW0Lr080\" 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:IoqkIKp9Lt1CBiaiImtFByekBaXCJbMevkLI089ehLW5NLqx1S-Kd5I828W55d8jJYxAJCfCpGFgjb9GAabDpabKA2XABSxCpqjCILI2A4TM1JC8h3mpDRSWNo4bLI6rk22r2AIy5W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">estado ActiveWorkspace {\r\n    [*] --&gt; Idle\r\n    Idle --&gt; Escribiendo : \"tecla presionada\"\r\n    Escribiendo --&gt; Idle : \"tiempo de espera\"\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IoqkIKp9Lt1CBiaiImtFByekBaXCJbMevkLI089ehLW5NLqx1S-Kd5I828W55d8jJYxAJCfCpGFgjb9GAabDpabKA2XABSxCpqjCILI2A4TM1JC8h3mpDRSWNo4bLI6rk22r2AIy5W00\" \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:Aov9B4bLS4mkoInB3SyloYukI4nELQZcvL80WcYjM0LTNJi5pvISL8W8Y0KM2gaioCnBLx1IKCfEhImeIYqkLeAeW4h0j85Kb6JcfkQNbW0Lr080\" 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=\"hZnVjpF\"><img alt=\"\" class=\"alignnone size-full wp-image-574\" decoding=\"async\" height=\"259\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fec6f2cd1.png\" width=\"167\"\/><\/p>\n<h3>4. Puntos de elecci\u00f3n (ramificaci\u00f3n condicional)<\/h3>\n<p>Cuando ocurre un evento, el sistema a menudo debe evaluar banderas de datos internas antes de determinar el destino del siguiente estado. Para dibujar un diamante de elecci\u00f3n est\u00e1ndar de UML, utiliza el token de estereotipo <code>&lt;&lt;elecci\u00f3n&gt;&gt;<\/code> de estereotipo:<\/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:Aov9B4bLICv8JSwEBqYip4tDAr6miKdEoCzCJhMpu-NoBqf9BGh8IKnEJL7GrRL3Kscbe5HGb9-SMboieQd4ouKg2L8Ua9YP0bGLdPIOavYNdAfWPwjGab-Ic1EBJR5ROcPEAefo6wXg0000\" 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:IoqkIKp9LoXBBSfCoqnEB8elI4pFLx2nISr9JKxEFBmvpywEbyk_A2KrBoWrCIUpAZ4bKK5NrmvTWvM2Ka5HVd9gSMAHXgOIBnUQD4X7G68wo2OhXUZYn1mWmyvMeII_934d5gjgjyISd4navJPGrG00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">estado verificar_pago &lt;&lt;elecci\u00f3n&gt;&gt;\r\nOrdenRealizada --&gt; verificar_pago : \"procesar()\"\r\nverificar_pago --&gt; Pagado : [saldo &gt;= total]\r\nverificar_pago --&gt; Fallido : [saldo &lt; total]<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IoqkIKp9LoXBBSfCoqnEB8elI4pFLx2nISr9JKxEFBmvpywEbyk_A2KrBoWrCIUpAZ4bKK5NrmvTWvM2Ka5HVd9gSMAHXgOIBnUQD4X7G68wo2OhXUZYn1mWmyvMeII_934d5gjgjyISd4navJPGrG00\" \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:Aov9B4bLICv8JSwEBqYip4tDAr6miKdEoCzCJhMpu-NoBqf9BGh8IKnEJL7GrRL3Kscbe5HGb9-SMboieQd4ouKg2L8Ua9YP0bGLdPIOavYNdAfWPwjGab-Ic1EBJR5ROcPEAefo6wXg0000\" 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=\"RkdCHRB\"><img alt=\"\" class=\"alignnone size-full wp-image-575\" decoding=\"async\" height=\"279\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fed4616f4.png\" width=\"273\"\/><\/p>\n<h2>Mejores pr\u00e1cticas para diagramas de estado limpios<\/h2>\n<ul>\n<li><strong>Aprovecha las descripciones de estado:<\/strong>Puedes agregar detalles operativos claros, funciones de entrada o funciones de salida directamente dentro de un nodo de estado usando un envoltorio de dos puntos en l\u00ednea (por ejemplo, <code>NombreEstado : entrada \/ registrarHora()<\/code>).<\/li>\n<li><strong>Mant\u00e9n los nombres de estado compactos:<\/strong>Usa CamelCase o snake_case para tus c\u00f3digos de variables de estado internas (por ejemplo, <code>ProcesamientoPago<\/code>), y usa comillas si necesitas adjuntar una etiqueta larga y legible para humanos a ellos.<\/li>\n<li><strong>Gestiona las direcciones de enrutamiento de vectores:<\/strong>Si tus mapas de ciclo de vida de m\u00faltiples niveles se vuelven desordenados verticalmente, inserta reglas espaciales en l\u00ednea dentro de las flechas de conexi\u00f3n (por ejemplo, <code>-derecha-&gt;<\/code> o <code>-abajo-&gt;<\/code>) para equilibrar la densidad del dise\u00f1o.<\/li>\n<\/ul>\n<h2>Ejemplos de diagramas de estado de PlantUML en el mundo real<\/h2>\n<h3>Ejemplo 1: Ciclo de vida de red de dispositivo IoT (Estados compuestos y opciones)<\/h3>\n<p>Esta plantilla rastrea los bucles de estado de comportamiento de conexi\u00f3n de un m\u00f3dulo de sensor IoT, demostrando bloques anidados estructurales complejos y puntos de elecci\u00f3n de evaluaci\u00f3n condicional.<\/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:VLBBRW8n3BoljFyGxR4IFu0GGYg7zj9MfJU48fEOtMX3GhDcAQtwxtL2A8-YvfJOCxPdd4b746YxjcKnlrk8mM0idbShQnoMHLdaQmhVU-TGaN6r68fgutSOf7TLX74DmdF0Lra8FiUAZywG0Mi-ENV8d4SIv1KxRtj-JPzciNu3GUyWe0m8UbyTM1UWo9gXq_ny0AUx1bgCJBEHeDwt9g1cslTfFjXIWuwC0ZBUITMWQiLef1fl58x7PN4c81Q_YUS60HMQ7cM7eMSFL0FMeginMN6Jb5nroScXc9DlqScUrUl5VuJi_Iy3FpPHr2BEiEHKozveQPFCeyRSvTf_RJ7xphSKUWlWkhMXg7OA1B4ecJNheM3g6aEs_0_kM2yIGCKPaXkwkchm4Z_83FhyNwpVoIKGOTXBZSGsdzQJXxuKNQcy3JR5-euOFE5jyq_z0G00\" 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:XLBBRi8m4Bn7oZz472ln0nL2L2s7NefKUaF8Mkm55X9lkZOKjUg_Tvs4yb15StBiUQndF0eH9EwgCizcT_EYtnyMa-Mo98zvbcVTijb-PE_HHlAhuhxeeRVe7Jdk9PoAH3n7VELPeTzHyjcJ9IZf4xpZzkXYgm6zOk1oJohBJo_JPB86SHyWQ4eACJabuXKiCST-Jqbc2kLEnPH9jG7tlYDf9_m-3McvgeKNO8czWLr47yasVyLWODTC5eV3F3kxItAumL8tGKiB4kCmm9BO19Iz6akJpGrgaxPl4hulPf6twCrUCt4y_v_NLVDBn4DD0afD4zKWDJXaKw8pmflpcZh7guecgXowRjfri_qcu4D5iSqR8eSaxoYe0vj85KhNon_8asuYWTsQDYbtxFBCw67D8ZpsA2k215_eh49W5h01JJPg6-3WM6PtYSiaUfOz7b9UDOe-peGUwJZwl7y0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n[*] --&gt; Offline\r\n\r\nOffline --&gt; Connecting : \"encendido\"\r\n\r\nstate Connecting {\r\n    [*] --&gt; Inicializando\r\n    Inicializando --&gt; ResolviendoDNS : \"hardware_listo\"\r\n    ResolviendoDNS --&gt; EnviandoSaludo : \"ip_adquirido\"\r\n}\r\n\r\nstate comprobacion_autenticacion &lt;&lt;choice&gt;&gt;\r\nConnecting --&gt; comprobacion_autenticacion : \"recibir_desafio_servidor\"\r\n\r\ncomprobacion_autenticacion --&gt; Online : [token_valido]\r\ncomprobacion_autenticacion --&gt; Offline : [token_expirado] : \"parpadeo_led_rojo\"\r\n\r\nstate Online {\r\n    [*] --&gt; Ocioso\r\n    Ocioso --&gt; TransmitiendoDatos : \"disparo_timer\"\r\n    TransmitiendoDatos --&gt; Ocioso : \"ack_recibido\"\r\n    Ocioso --&gt; AhorroEnergia : \"bateria_baja_detectada\"\r\n}\r\n\r\nOnline --&gt; Offline : \"conexion_perdida\"\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLBBRi8m4Bn7oZz472ln0nL2L2s7NefKUaF8Mkm55X9lkZOKjUg_Tvs4yb15StBiUQndF0eH9EwgCizcT_EYtnyMa-Mo98zvbcVTijb-PE_HHlAhuhxeeRVe7Jdk9PoAH3n7VELPeTzHyjcJ9IZf4xpZzkXYgm6zOk1oJohBJo_JPB86SHyWQ4eACJabuXKiCST-Jqbc2kLEnPH9jG7tlYDf9_m-3McvgeKNO8czWLr47yasVyLWODTC5eV3F3kxItAumL8tGKiB4kCmm9BO19Iz6akJpGrgaxPl4hulPf6twCrUCt4y_v_NLVDBn4DD0afD4zKWDJXaKw8pmflpcZh7guecgXowRjfri_qcu4D5iSqR8eSaxoYe0vj85KhNon_8asuYWTsQDYbtxFBCw67D8ZpsA2k215_eh49W5h01JJPg6-3WM6PtYSiaUfOz7b9UDOe-peGUwJZwl7y0\" \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:VLBBRW8n3BoljFyGxR4IFu0GGYg7zj9MfJU48fEOtMX3GhDcAQtwxtL2A8-YvfJOCxPdd4b746YxjcKnlrk8mM0idbShQnoMHLdaQmhVU-TGaN6r68fgutSOf7TLX74DmdF0Lra8FiUAZywG0Mi-ENV8d4SIv1KxRtj-JPzciNu3GUyWe0m8UbyTM1UWo9gXq_ny0AUx1bgCJBEHeDwt9g1cslTfFjXIWuwC0ZBUITMWQiLef1fl58x7PN4c81Q_YUS60HMQ7cM7eMSFL0FMeginMN6Jb5nroScXc9DlqScUrUl5VuJi_Iy3FpPHr2BEiEHKozveQPFCeyRSvTf_RJ7xphSKUWlWkhMXg7OA1B4ecJNheM3g6aEs_0_kM2yIGCKPaXkwkchm4Z_83FhyNwpVoIKGOTXBZSGsdzQJXxuKNQcy3JR5-euOFE5jyq_z0G00\" 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=\"FHGMizM\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-576\" decoding=\"async\" height=\"735\" loading=\"lazy\" sizes=\"auto, (max-width: 662px) 100vw, 662px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fee62c246.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fee62c246.png 662w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fee62c246-270x300.png 270w\" width=\"662\"\/><\/p>\n<p><strong>Desglose de sintaxis:<\/strong> Este mapa separa claramente los bucles operativos individuales. Cuando el hardware pasa al estado compuesto <code>Conectando<\/code> de envoltura, rastrea subestados localizados como la resoluci\u00f3n DNS antes de alcanzar el <code>comprobacion_autenticacion<\/code>diamante de elecci\u00f3n. Los corchetes (<code>[token_valido]<\/code>) representan condiciones de guardia est\u00e1ndar de UML.<\/p>\n<h3>Ejemplo 2: M\u00e1quina de estados de cumplimiento de pedidos de comercio electr\u00f3nico (subestados concurrentes)<\/h3>\n<p>Este plano avanzado de empresa modela un sistema de pedidos multi-hilo que muestra comportamientos concurrentes ortogonales (procesamiento simult\u00e1neo de paquetes de env\u00edo y registros de facturaci\u00f3n) utilizando l\u00edneas de divisi\u00f3n (<code>--<\/code>).<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLFBQiCm4BmR_0ycnu9_e8UI9crfeD3G74inYhI9HVGmgrLeMlBlbQpOiTtuOdbdPdV6QyyTCIIlLPvztdqLPVbGR6hRDDBibm78ipmRFhU4TnI06x_LaWX4SL_CU0tyO3rLN4b-cENPX19LQxGSd0kDrkoamL0KCa-rHVa3rSuRuMPnNd14S8F-csT5k3gRIsk8SGg41JE7X8rhAGqGAOWDqYdvPGrvXCfv7eU4iUSu-V_CFcxel9Eeaxn9Q4WB344CN4-u4yjlTYyTIUvUcH4gZ4bmalu3E_MmmpgytW2j2BIxeiDgeh6siB3VqQuqn-3Mugbom7qot4klp3QhfnUBJw3a4V0KnOfjGLKDIaEzy9nkPJcEjv0g-lu0Rb6uOROnSYlOqkf6HixA7AtaS6LCaPP-EJzh9YyhRSIkseC1P2EVxLudM-cN-eYy3a5RlRXahdZ7wpxZdXLrmM-UpS68yCly0G00\" 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:RLD1ReD03BmZyGUKOoK-q4EL52MdL8fohIfaBGvn2ckokw2gLVvUxm8X8U42icViiSSihGFZshgAey-NhoHDtv8CZ2776TUD0Hj7SNGV2Q0T5bJmMdS41IUloK9Lf79rHFNDhLl4qJqWK0mhjA0Bta4PED0wDlGB9Z-mXEt2DnD13kVWlpXAvBbAPEr0EPz-1wsupywZ0RgbSqi5A6Az8GsLj2iW28R6jGPo_97HB4ZlYsy_QppDAjKFPEfXt4QIUIVb2WdSwfvZPye_GEE9jroITJGAxwcprCYyPUzHIHf5tCe8fgtOJg0doK1QrmsSMmnxoU0KXYVTeIpB4ESMozRu4SOw3_XGH6TGanP3dS4or4170PQJd0M63NhwfN-bwVtWU_Hp6RORiKZsxWsvdVvP_jaA_15IvRKDm0doa0g4uRk_n22yAGvvYHfDRzqWkdT_Rj_a_yge8tM3_TYl8LSZ4gudF-4yLsJ7qL9CaL_i7m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n[*] --&gt; CarritoCompras\r\n\r\nCarritoCompras --&gt; PedidoEnviado : \"clic_checkout\"\r\nPedidoEnviado --&gt; ProcesandoPago : \"autorizar_fondos\"\r\n\r\nstate ProcesandoPago {\r\n    [*] --&gt; ContactandoBanco\r\n    ContactandoBanco --&gt; LiquidacionFinalizada : \"captura_exitosa\"\r\n}\r\n\r\nProcesandoPago --&gt; PedidoConfirmado : \"pago_validado\"\r\n\r\nstate PedidoConfirmado {\r\n    [*] --&gt; ManejoLogistico\r\n    state ManejoLogistico {\r\n        [*] --&gt; RecogiendoArticulos\r\n        RecogiendoArticulos --&gt; EmpaquetandoCaja : \"inventario_seguro\"\r\n        EmpaquetandoCaja --&gt; EnCaminoEntrega : \"etiqueta_impresa\"\r\n    }\r\n    --\r\n    [*] --&gt; RegistrosFacturacion\r\n    state RegistrosFacturacion {\r\n        [*] --&gt; CompilandoFactura\r\n        CompilandoFactura --&gt; FacturaEnviada : \"pdf_generado\"\r\n    }\r\n}\r\n\r\nPedidoConfirmado --&gt; PedidoArchivado : \"entrega_confirmada\"\r\nPedidoArchivado --&gt; [*]\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLD1ReD03BmZyGUKOoK-q4EL52MdL8fohIfaBGvn2ckokw2gLVvUxm8X8U42icViiSSihGFZshgAey-NhoHDtv8CZ2776TUD0Hj7SNGV2Q0T5bJmMdS41IUloK9Lf79rHFNDhLl4qJqWK0mhjA0Bta4PED0wDlGB9Z-mXEt2DnD13kVWlpXAvBbAPEr0EPz-1wsupywZ0RgbSqi5A6Az8GsLj2iW28R6jGPo_97HB4ZlYsy_QppDAjKFPEfXt4QIUIVb2WdSwfvZPye_GEE9jroITJGAxwcprCYyPUzHIHf5tCe8fgtOJg0doK1QrmsSMmnxoU0KXYVTeIpB4ESMozRu4SOw3_XGH6TGanP3dS4or4170PQJd0M63NhwfN-bwVtWU_Hp6RORiKZsxWsvdVvP_jaA_15IvRKDm0doa0g4uRk_n22yAGvvYHfDRzqWkdT_Rj_a_yge8tM3_TYl8LSZ4gudF-4yLsJ7qL9CaL_i7m00\" \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:RLFBQiCm4BmR_0ycnu9_e8UI9crfeD3G74inYhI9HVGmgrLeMlBlbQpOiTtuOdbdPdV6QyyTCIIlLPvztdqLPVbGR6hRDDBibm78ipmRFhU4TnI06x_LaWX4SL_CU0tyO3rLN4b-cENPX19LQxGSd0kDrkoamL0KCa-rHVa3rSuRuMPnNd14S8F-csT5k3gRIsk8SGg41JE7X8rhAGqGAOWDqYdvPGrvXCfv7eU4iUSu-V_CFcxel9Eeaxn9Q4WB344CN4-u4yjlTYyTIUvUcH4gZ4bmalu3E_MmmpgytW2j2BIxeiDgeh6siB3VqQuqn-3Mugbom7qot4klp3QhfnUBJw3a4V0KnOfjGLKDIaEzy9nkPJcEjv0g-lu0Rb6uOROnSYlOqkf6HixA7AtaS6LCaPP-EJzh9YyhRSIkseC1P2EVxLudM-cN-eYy3a5RlRXahdZ7wpxZdXLrmM-UpS68yCly0G00\" 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=\"viuKPko\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-578\" decoding=\"async\" height=\"1679\" loading=\"lazy\" sizes=\"auto, (max-width: 271px) 100vw, 271px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18ff89bb741.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18ff89bb741.png 271w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18ff89bb741-248x1536.png 248w\" width=\"271\"\/><\/p>\n<p><strong>Desglose de sintaxis:<\/strong> Dentro de la <code>PedidoConfirmado<\/code> estructura compuesta, el delimitador de doble guion (<code>--<\/code>) act\u00faa como un divisor ortogonal. Esto instruye a PlantUML para dividir el diagrama en dos estados concurrentes que se ejecutan en paralelo: la cadena log\u00edstica f\u00edsica a la izquierda, y las actualizaciones de facturaci\u00f3n corporativas a la derecha.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es un diagrama de estado? Un diagrama de estado (a menudo llamado m\u00e1quina de estados o diagrama de estado) es un diagrama comportamental diagrama UML que modela el ciclo de vida de un objeto del sistema, entidad empresarial o&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":5,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2127","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PlantUML State Diagram Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Map complex state machine transitions with PlantUML state diagrams using VPasCode, an agile diagram-as-code tool.\" \/>\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.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML State Diagram Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Map complex state machine transitions with PlantUML state diagrams using VPasCode, an agile diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18feb546e94.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-state-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-state-diagram-syntax-guide\\\/\",\"name\":\"PlantUML State Diagram Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-state-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-state-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a18feb546e94.png\",\"datePublished\":\"2026-05-26T07:16:09+00:00\",\"description\":\"Map complex state machine transitions with PlantUML state diagrams using VPasCode, an agile diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-state-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-state-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-state-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a18feb546e94.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a18feb546e94.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-state-diagram-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gu\u00eda de sintaxis de diagramas de estado de PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML State Diagram Syntax | VPasCode Text to Diagram Guide","description":"Map complex state machine transitions with PlantUML state diagrams using VPasCode, an agile diagram-as-code tool.","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.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/","og_locale":"es_ES","og_type":"article","og_title":"PlantUML State Diagram Syntax | VPasCode Text to Diagram Guide","og_description":"Map complex state machine transitions with PlantUML state diagrams using VPasCode, an agile diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18feb546e94.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/","name":"PlantUML State Diagram Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18feb546e94.png","datePublished":"2026-05-26T07:16:09+00:00","description":"Map complex state machine transitions with PlantUML state diagrams using VPasCode, an agile diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18feb546e94.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18feb546e94.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-state-diagram-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/es\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/es\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Gu\u00eda de sintaxis de diagramas de estado de PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/es\/#website","url":"https:\/\/www.vpascode.com\/es\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/es\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs\/2127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media?parent=2127"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_collection?post=2127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}