{"id":7938,"date":"2022-01-26T00:51:35","date_gmt":"2022-01-26T00:51:35","guid":{"rendered":"https:\/\/www.cybermedian.com\/es\/?p=7938"},"modified":"2026-04-20T09:13:34","modified_gmt":"2026-04-20T09:13:34","slug":"diagrama-de-estado-guia-completa-con-ejemplos","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/","title":{"rendered":"Diagrama de estado Gu\u00eda completa con ejemplos"},"content":{"rendered":"<header class=\"entry-header\"><span style=\"font-size: 1.125rem\">Un diagrama de m\u00e1quina de estado es un comportamiento que especifica la secuencia de estados que visita un objeto durante su vida \u00fatil en respuesta a eventos, junto con sus respuestas a esos eventos.<\/span><\/header>\n<div class=\"entry-content clearfix\">\n<h4 id=\"454a\" class=\"graf graf--h4 graf-after--p\"><span id=\"State\">Estado<\/span><\/h4>\n<p id=\"3846\" class=\"graf graf--p graf-after--h4\">Un estado es una condici\u00f3n durante la vida de un objeto durante la cual satisface alguna condici\u00f3n, realiza alguna actividad o espera alg\u00fan evento externo.<\/p>\n<p id=\"e274\" class=\"graf graf--p graf-after--p\">Ejemplo:<\/p>\n<figure id=\"9df0\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0hsNHuGCBeG8TfFbJ.png\" data-image-id=\"0*hsNHuGCBeG8TfFbJ.png\" data-width=\"270\" data-height=\"138\" \/><\/figure>\n<h4 id=\"7f17\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Characteristics_of_State\">Caracter\u00edsticas del Estado<\/span><\/h4>\n<ul class=\"postList\">\n<li id=\"ab85\" class=\"graf graf--li graf-after--h4\">Los estados representan las condiciones de los objetos en ciertos puntos en el tiempo.<\/li>\n<li id=\"03c5\" class=\"graf graf--li graf-after--li\">Los objetos (o sistemas) pueden verse como movi\u00e9ndose de un estado a otro<\/li>\n<li id=\"0a1c\" class=\"graf graf--li graf-after--li\">Un punto en el ciclo de vida de un elemento del modelo que satisface alguna condici\u00f3n, donde se realiza alguna acci\u00f3n en particular o donde se espera alg\u00fan evento<\/li>\n<\/ul>\n<p id=\"55cf\" class=\"graf graf--p graf-after--li\">La siguiente figura muestra una descripci\u00f3n detallada de un estado.\u00a0El estado se ampl\u00eda con acciones internas (hacer, ayudar).\u00a0A diferencia de otras acciones, estas acciones pueden interrumpirse.\u00a0Si ocurre &#8220;cancelar&#8221;, las acciones de hacer o ayudar se interrumpen.\u00a0Las acciones internas se realizan despu\u00e9s de la secci\u00f3n de &#8220;entrada&#8221; y se cancelan cuando se abandona el estado.<\/p>\n<figure id=\"8f5b\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/1j2IDuAWcP3bugEspfAmcTw.png\" data-image-id=\"1*j2IDuAWcP3bugEspfAmcTw.png\" data-width=\"276\" data-height=\"372\" data-is-featured=\"true\" \/><\/figure>\n<h4 id=\"6020\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Initial_and_Final_States\">Estados inicial y final<\/span><\/h4>\n<ul class=\"postList\">\n<li id=\"15c0\" class=\"graf graf--li graf-after--h4\">El\u00a0\u00a0<strong class=\"markup--strong markup--li-strong\">estado inicial<\/strong>\u00a0\u00a0de un diagrama de m\u00e1quina de estados, conocido como pseudoestado inicial, se indica con un c\u00edrculo s\u00f3lido.\u00a0Una transici\u00f3n de este estado mostrar\u00e1 el primer estado real<\/li>\n<li id=\"3711\" class=\"graf graf--li graf-after--li\">El\u00a0\u00a0<strong class=\"markup--strong markup--li-strong\">estado final<\/strong>\u00a0\u00a0de un diagrama de m\u00e1quina de estado se muestra como c\u00edrculos conc\u00e9ntricos.\u00a0Una m\u00e1quina de estado de bucle abierto representa un objeto que puede terminar antes de que termine el sistema, mientras que un diagrama de m\u00e1quina de estado de bucle cerrado no tiene un estado final;\u00a0si es el caso, entonces el objeto vive hasta que todo el sistema termina.<\/li>\n<\/ul>\n<p id=\"1d35\" class=\"graf graf--p graf-after--li\">Ejemplo:<\/p>\n<figure id=\"6438\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/08z_MFR0W-K7bcQKU.png\" data-image-id=\"0*8z_MFR0W-K7bcQKU.png\" data-width=\"618\" data-height=\"125\" \/><\/figure>\n<h4 id=\"392d\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Event\">Evento<\/span><\/h4>\n<p id=\"9423\" class=\"graf graf--p graf-after--h4\">Un evento es la especificaci\u00f3n de un acontecimiento significativo.\u00a0Para una m\u00e1quina de estado, un evento es la ocurrencia de un est\u00edmulo que puede desencadenar una transici\u00f3n de estado.<\/p>\n<h4 id=\"b35a\" class=\"graf graf--h4 graf-after--p\"><span id=\"Transition\">Transici\u00f3n<\/span><\/h4>\n<p id=\"eb40\" class=\"graf graf--p graf-after--h4\">Una transici\u00f3n es una relaci\u00f3n entre dos estados que indica que un objeto en el primer estado, cuando se cumpla un conjunto espec\u00edfico de eventos y condiciones, realizar\u00e1 ciertas acciones y entrar\u00e1 en el segundo estado.<\/p>\n<p id=\"6c89\" class=\"graf graf--p graf-after--p\">Una transici\u00f3n tiene: Componentes de transici\u00f3n que incluyen (1) un estado de origen (2) un desencadenante de eventos (3) una acci\u00f3n (4) un estado de destino<\/p>\n<h4 id=\"376d\" class=\"graf graf--h4 graf-after--p\"><span id=\"Self-Transition\">Autotransici\u00f3n<\/span><\/h4>\n<p id=\"86a7\" class=\"graf graf--p graf-after--h4\">Una autotransici\u00f3n es una transici\u00f3n cuyos estados de origen y de destino son los mismos<\/p>\n<h4 id=\"421a\" class=\"graf graf--h4 graf-after--p\"><span id=\"Action\">Acci\u00f3n<\/span><\/h4>\n<p id=\"de6b\" class=\"graf graf--p graf-after--h4\">Una acci\u00f3n es un c\u00e1lculo at\u00f3mico ejecutable (con referencia a la m\u00e1quina de estado).\u00a0Las acciones pueden incluir operaciones, la creaci\u00f3n o destrucci\u00f3n de otros objetos o el env\u00edo de se\u00f1ales a otros objetos (eventos)<\/p>\n<h4 id=\"6a3b\" class=\"graf graf--h4 graf-after--p\"><span id=\"Library_Example\">Ejemplo de biblioteca<\/span><\/h4>\n<p id=\"4cbc\" class=\"graf graf--p graf-after--h4\">La siguiente figura muestra un diagrama de m\u00e1quina de estado simple.\u00a0Los componentes principales de dicho diagrama son:<\/p>\n<ul class=\"postList\">\n<li id=\"93ab\" class=\"graf graf--li graf-after--p\">Estado: el ejemplo tiene dos estados: \u201dEn pr\u00e9stamo\u201d y \u201dEn el estante\u201d.<\/li>\n<li id=\"b19f\" class=\"graf graf--li graf-after--li\">Estado inicial: este es el estado en el que se inicia el sistema.<\/li>\n<li id=\"7439\" class=\"graf graf--li graf-after--li\">Transiciones: las transiciones describen posibles cambios de estado.\u00a0El diagrama tiene dos transiciones: de \u201dEn pr\u00e9stamo\u201d a \u201dEn el estante\u201d y viceversa.<\/li>\n<li id=\"bb1d\" class=\"graf graf--li graf-after--li\">Eventos: los eventos se etiquetan en las transiciones.\u00a0Representan el evento realizado en una transici\u00f3n.\u00a0Al pasar del estado &#8220;En pr\u00e9stamo&#8221; al estado &#8220;En el estante&#8221;, se realiza el evento &#8220;devuelto ()&#8221;.<\/li>\n<\/ul>\n<p id=\"b65a\" class=\"graf graf--p graf-after--li\">Las acciones son modificaciones de las variables de estado.\u00a0En el siguiente ejemplo, las acciones se especifican en las transiciones.\u00a0Cuando se toma la transici\u00f3n de &#8220;En el estante&#8221; a &#8220;En pr\u00e9stamo&#8221;, los libros variables estatales se reducen.<\/p>\n<figure id=\"728c\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/1pIDv6uHDJ1S46mnC5FOoQQ.png\" data-image-id=\"1*pIDv6uHDJ1S46mnC5FOoQQ.png\" data-width=\"685\" data-height=\"179\" \/><\/figure>\n<p id=\"e4fc\" class=\"graf graf--p graf-after--figure\">Las acciones se pueden especificar en las transiciones, pero tambi\u00e9n en los estados.\u00a0En ese caso, se puede especificar si la acci\u00f3n debe realizarse al entrar o salir del estado.\u00a0En la figura siguiente se muestran estas opciones.<\/p>\n<ul class=\"postList\">\n<li id=\"8428\" class=\"graf graf--li graf-after--p\">La primera opci\u00f3n muestra la especificaci\u00f3n de acciones cuando se realiza una transici\u00f3n.\u00a0La acci\u00f3n se realiza en el cambio de estado.<\/li>\n<li id=\"c136\" class=\"graf graf--li graf-after--li\">La segunda opci\u00f3n muestra la especificaci\u00f3n de una acci\u00f3n en un estado.\u00a0La palabra clave &#8220;entrada&#8221; indica que la acci\u00f3n debe realizarse cuando se ingresa al estado.<\/li>\n<li id=\"b36a\" class=\"graf graf--li graf-after--li\">Finalmente, la tercera opci\u00f3n muestra c\u00f3mo especificar que se realiza una acci\u00f3n al salir de un estado.\u00a0Tenga en cuenta la palabra clave &#8220;salir&#8221;.<\/li>\n<\/ul>\n<figure id=\"91a2\" class=\"graf graf--figure graf-after--li\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/1mUWHLxcINFtteW0A8GzfKw.png\" data-image-id=\"1*mUWHLxcINFtteW0A8GzfKw.png\" data-width=\"935\" data-height=\"519\" \/><\/figure>\n<h4 id=\"39de\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Simple_State_Machine_Diagram_Notation\">Notaci\u00f3n de diagrama de m\u00e1quina de estado simple<\/span><\/h4>\n<figure id=\"ce5d\" class=\"graf graf--figure graf-after--h4\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0UxT-FbCuYYGoriSY.png\" data-image-id=\"0*UxT-FbCuYYGoriSY.png\" data-width=\"513\" data-height=\"134\" \/><\/figure>\n<h3 id=\"bfee\" class=\"graf graf--h3 graf-after--figure\"><span id=\"State_Machine_Diagram_Advanced_Concepts\">Diagrama de m\u00e1quina de estados \u2014 Conceptos avanzados<\/span><\/h3>\n<h4 id=\"f876\" class=\"graf graf--h4 graf-after--h3\"><span id=\"Constraints\">Restricciones<\/span><\/h4>\n<p id=\"d2c1\" class=\"graf graf--p graf-after--h4\">Es posible agregar restricciones a las transiciones.\u00a0Considere la figura siguiente.\u00a0Las restricciones \u201d[no es la \u00faltima copia]\u201d y \u201d[\u00faltima copia]\u201d se utilizan para distinguir las dos transiciones con el evento \u201dcopiar prestado()\u201d.\u00a0La sem\u00e1ntica es que una transici\u00f3n est\u00e1 habilitada cuando la restricci\u00f3n es verdadera.<\/p>\n<figure id=\"03b3\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/1ZgJCWkgENEpeJx950-6kVQ.png\" data-image-id=\"1*ZgJCWkgENEpeJx950-6kVQ.png\" data-width=\"721\" data-height=\"237\" \/><\/figure>\n<h4 id=\"c1bb\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Substates\">Subestados<\/span><\/h4>\n<p id=\"3047\" class=\"graf graf--p graf-after--h4\">Un estado simple es aquel que no tiene subestructura.\u00a0Un estado que tiene subestados (estados anidados) se llama estado compuesto.\u00a0Los subestados se pueden anidar en cualquier nivel.\u00a0Una m\u00e1quina de estados anidados puede tener como m\u00e1ximo un estado inicial y un estado final.\u00a0Los subestados se utilizan para simplificar m\u00e1quinas complejas de estados planos al mostrar que algunos estados solo son posibles dentro de un contexto particular (el estado envolvente).<\/p>\n<p id=\"956f\" class=\"graf graf--p graf-after--p\">Ejemplo de subestado: calentador<\/p>\n<figure id=\"1301\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0OxzAaBIq8AxzV6JY.png\" data-image-id=\"0*OxzAaBIq8AxzV6JY.png\" data-width=\"503\" data-height=\"287\" \/><\/figure>\n<p id=\"54bd\" class=\"graf graf--p graf-after--figure\">Los diagramas de m\u00e1quina de estados se utilizan a menudo para derivar casos de prueba, aqu\u00ed hay una lista de posibles ideas de prueba:<\/p>\n<ul class=\"postList\">\n<li id=\"cfb2\" class=\"graf graf--li graf-after--p\">El estado inactivo recibe un evento demasiado caliente<\/li>\n<li id=\"2f29\" class=\"graf graf--li graf-after--li\">El estado inactivo recibe el evento Too Cool<\/li>\n<li id=\"0887\" class=\"graf graf--li graf-after--li\">El estado de enfriamiento\/arranque recibe el evento Compresor en funcionamiento<\/li>\n<li id=\"40cf\" class=\"graf graf--li graf-after--li\">El estado Enfriando\/Listo recibe el evento Ventilador en marcha<\/li>\n<li id=\"f43a\" class=\"graf graf--li graf-after--li\">El estado de refrigeraci\u00f3n\/funcionamiento recibe un evento OK<\/li>\n<li id=\"a3e2\" class=\"graf graf--li graf-after--li\">El estado de refrigeraci\u00f3n\/funcionamiento recibe un evento de falla<\/li>\n<li id=\"6dc5\" class=\"graf graf--li graf-after--li\">El estado de falla recibe el evento de falla eliminada<\/li>\n<li id=\"2774\" class=\"graf graf--li graf-after--li\">El estado de calefacci\u00f3n recibe un evento OK<\/li>\n<li id=\"6638\" class=\"graf graf--li graf-after--li\">El estado de calefacci\u00f3n recibe un evento de falla<\/li>\n<\/ul>\n<h4 id=\"6359\" class=\"graf graf--h4 graf-after--li\"><span id=\"History_States\">Estados hist\u00f3ricos<\/span><\/h4>\n<p id=\"140c\" class=\"graf graf--p graf-after--h4\">A menos que se especifique lo contrario, cuando una transici\u00f3n entra en un estado compuesto, la acci\u00f3n de\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">la m\u00e1quina de estados anidados vuelve a empezar en el estado inicial<\/strong>\u00a0\u00a0(a menos que la transici\u00f3n se dirija directamente a un subestado).\u00a0Los estados de historial permiten que la m\u00e1quina de estado\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">vuelva a ingresar al \u00faltimo subestado que estaba activo antes de abandonar<\/strong>\u00a0\u00a0el estado compuesto.\u00a0En la siguiente figura se presenta un ejemplo del uso del estado hist\u00f3rico.<\/p>\n<figure id=\"5739\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0ix06QmiG64x_ODgQ.png\" data-image-id=\"0*ix06QmiG64x_ODgQ.png\" data-width=\"362\" data-height=\"294\" \/><\/figure>\n<h4 id=\"dbcd\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Concurrent_State\">Estado concurrente<\/span><\/h4>\n<p id=\"e861\" class=\"graf graf--p graf-after--h4\">Como se mencion\u00f3 anteriormente, los estados en los diagramas de m\u00e1quinas de estado se pueden anidar.\u00a0Los estados relacionados se pueden agrupar en un solo estado compuesto.\u00a0Es necesario anidar estados dentro de otros cuando una actividad involucra subactividades concurrentes.\u00a0El siguiente diagrama de m\u00e1quina de estados modela una subasta con dos subestados simult\u00e1neos: procesar la oferta y autorizar el l\u00edmite de pago.<\/p>\n<p id=\"436d\" class=\"graf graf--p graf-after--p\">Ejemplo de diagrama de m\u00e1quina de estados concurrentes: proceso de subasta<\/p>\n<p id=\"8429\" class=\"graf graf--p graf-after--p\">En este ejemplo, la m\u00e1quina de estado que ingresa primero a la Subasta requiere una bifurcaci\u00f3n al comienzo en dos subprocesos de inicio separados.\u00a0Cada subestado tiene un estado de salida para marcar el final del hilo.\u00a0A menos que haya una salida anormal (Cancelado o Rechazado), la salida del estado compuesto ocurre cuando ambos subestados han salido.<\/p>\n<figure id=\"2680\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0oDG-DqsYwXKN4_qK.png\" data-image-id=\"0*oDG-DqsYwXKN4_qK.png\" data-width=\"755\" data-height=\"318\" \/><\/figure>\n<h4 id=\"f932\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Related_Links\">enlaces relacionados<\/span><\/h4>\n<ol class=\"postList\">\n<li id=\"312b\" class=\"graf graf--li graf-after--h4\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/what-is-uml\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/what-is-uml\/\">\u00bfQu\u00e9 es el lenguaje de modelado unificado?<\/a><\/li>\n<li id=\"32e4\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.visual-paradigm.com\/features\/uml-tool\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/features\/uml-tool\/\">Herramienta profesional de diagramas UML<\/a><\/li>\n<\/ol>\n<h3 id=\"7183\" class=\"graf graf--h3 graf-after--li\"><span id=\"Do_It_Yourself_State_Diagram_Examples_with_Visual_Paradigm_Online\">H\u00e1galo usted mismo Ejemplos de diagramas de estado con Visual Paradigm Online<\/span><\/h3>\n<ul class=\"postList\">\n<li id=\"5cb6\" class=\"graf graf--li graf-after--h3\">Ejemplos de Diagrama de m\u00e1quina de estado gratuitos y plantillas editables en un software de Diagrama de m\u00e1quina de estado en l\u00ednea:\u00a0\u00a0<a class=\"markup--anchor markup--li-anchor\" href=\"http:\/\/online.visual-paradigm.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/online.visual-paradigm.com\">Visual Paradigm Online<\/a>\u00a0.<\/li>\n<li id=\"b6ff\" class=\"graf graf--li graf-after--li\">Utilice las plantillas como punto de partida para crear su propio diagrama de m\u00e1quina de estados.<\/li>\n<\/ul>\n<p id=\"f86c\" class=\"graf graf--p graf-after--li\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/oven\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/oven\/\">Horno<\/a><\/p>\n<figure id=\"2645\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0H2RtW8mSJilv338u.png\" data-image-id=\"0*H2RtW8mSJilv338u.png\" data-width=\"758\" data-height=\"524\" \/><\/figure>\n<p id=\"7f48\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/digital-clock\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/digital-clock\/\">Reloj digital<\/a><\/p>\n<figure id=\"73af\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/05OEY0NIEl_tQe_3d.png\" data-image-id=\"0*5OEY0NIEl_tQe_3d.png\" data-width=\"457\" data-height=\"358\" \/><\/figure>\n<p id=\"47d6\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/orthogonal-state\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/orthogonal-state\/\">Estado ortogonal<\/a><\/p>\n<figure id=\"0828\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0d6JnTvh0kcY6-v3u.png\" data-image-id=\"0*d6JnTvh0kcY6-v3u.png\" data-width=\"747\" data-height=\"306\" \/><\/figure>\n<p id=\"ffb7\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/composite-state\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/composite-state\/\">Estado compuesto<\/a><\/p>\n<figure id=\"bf23\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/05k6-rc6mmN5YHQnZ.png\" data-image-id=\"0*5k6-rc6mmN5YHQnZ.png\" data-width=\"442\" data-height=\"205\" \/><\/figure>\n<p id=\"8cd0\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/heater\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/heater\/\">Calentador<\/a><\/p>\n<figure id=\"b444\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0i1Csne2_T5NvdEqP.png\" data-image-id=\"0*i1Csne2_T5NvdEqP.png\" data-width=\"678\" data-height=\"337\" \/><\/figure>\n<p id=\"7e30\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/toaster\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/toaster\/\">Tostadora<\/a><\/p>\n<figure id=\"1346\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0vuIwUshjtKd-dqhb.png\" data-image-id=\"0*vuIwUshjtKd-dqhb.png\" data-width=\"664\" data-height=\"195\" \/><\/figure>\n<p id=\"cc0d\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/ticket-selling-system\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/ticket-selling-system\/\">Sistema de Venta de Entradas<\/a><\/p>\n<figure id=\"1464\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0kFM6eMMWf5pJWKy7.png\" data-image-id=\"0*kFM6eMMWf5pJWKy7.png\" data-width=\"504\" data-height=\"199\" \/><\/figure>\n<p id=\"dfcf\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/phone\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/phone\/\">Tel\u00e9fono<\/a><\/p>\n<figure id=\"d3f9\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2022\/02\/0-ZoXofG11LRsjIaH.png\" data-image-id=\"0*-ZoXofG11LRsjIaH.png\" data-width=\"870\" data-height=\"379\" \/><\/figure>\n<h3 id=\"2a90\" class=\"graf graf--h3 graf-after--figure\"><span id=\"Free_UML_Software_Tool\">Herramienta gratuita de software UML<\/span><\/h3>\n<p id=\"e3d8\" class=\"graf graf--p graf-after--h3\">Ha aprendido qu\u00e9 es un diagrama de m\u00e1quina de estados y c\u00f3mo dibujar un diagrama de m\u00e1quina de estados.\u00a0Es hora de dibujar un diagrama de m\u00e1quina de estados propio.\u00a0Obtenga Visual Paradigm Community Edition, un software UML gratuito, y cree su propio Diagrama de m\u00e1quina de estados con la herramienta gratuita Diagrama de m\u00e1quina de estados.\u00a0Es f\u00e1cil de usar e intuitivo.<\/p>\n<p id=\"3e9b\" class=\"graf graf--p graf-after--p graf--trailing\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.visual-paradigm.com\/download\/community.jsp\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/download\/community.jsp\">Descarga gratis<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Un diagrama de m\u00e1quina de estados es un comportamiento que especifica la secuencia de estados que visita un objeto durante su vida en respuesta a eventos, junto con sus respuestas a esos eventos.<\/p>\n","protected":false},"author":3,"featured_media":7942,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-7938","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unified-modeling-language"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Diagrama de estado Gu\u00eda completa con ejemplos - 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\/state-diagram-comprehensive-guide-with-examples\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diagrama de estado Gu\u00eda completa con ejemplos - Cibermedio\" \/>\n<meta property=\"og:description\" content=\"Un diagrama de m\u00e1quina de estados es un comportamiento que especifica la secuencia de estados que visita un objeto durante su vida en respuesta a eventos, junto con sus respuestas a esos eventos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Cibermedio\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-26T00:51:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T09:13:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\" \/>\n<meta name=\"author\" content=\"vpvera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpvera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/\"},\"author\":{\"name\":\"vpvera\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/54a5a46528997d1917d55add9b0de7d5\"},\"headline\":\"Diagrama de estado Gu\u00eda completa con ejemplos\",\"datePublished\":\"2022-01-26T00:51:35+00:00\",\"dateModified\":\"2026-04-20T09:13:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/\"},\"wordCount\":1392,\"commentCount\":15,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\",\"articleSection\":[\"Unified Modeling Language\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/\",\"url\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/\",\"name\":\"Diagrama de estado Gu\u00eda completa con ejemplos - Cibermedio\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\",\"datePublished\":\"2022-01-26T00:51:35+00:00\",\"dateModified\":\"2026-04-20T09:13:34+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/54a5a46528997d1917d55add9b0de7d5\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#primaryimage\",\"url\":\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\",\"contentUrl\":\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\",\"width\":\"1170\",\"height\":\"665\",\"caption\":\"Diagrama de estado Gu\u00eda completa con ejemplos\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diagrama de estado Gu\u00eda completa con ejemplos\"}]},{\"@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\/54a5a46528997d1917d55add9b0de7d5\",\"name\":\"vpvera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/308f3b229618b77cd1764bf92dc496296ea49a0db7c1c881fa7c4f063b2b58da?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/308f3b229618b77cd1764bf92dc496296ea49a0db7c1c881fa7c4f063b2b58da?s=96&d=mm&r=g\",\"caption\":\"vpvera\"},\"url\":\"https:\/\/www.cybermedian.com\/es\/author\/vpvera\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Diagrama de estado Gu\u00eda completa con ejemplos - 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\/state-diagram-comprehensive-guide-with-examples\/","og_locale":"es_ES","og_type":"article","og_title":"Diagrama de estado Gu\u00eda completa con ejemplos - Cibermedio","og_description":"Un diagrama de m\u00e1quina de estados es un comportamiento que especifica la secuencia de estados que visita un objeto durante su vida en respuesta a eventos, junto con sus respuestas a esos eventos.","og_url":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/","og_site_name":"Cibermedio","article_published_time":"2022-01-26T00:51:35+00:00","article_modified_time":"2026-04-20T09:13:34+00:00","og_image":[{"url":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","type":"","width":"","height":""}],"author":"vpvera","twitter_card":"summary_large_image","twitter_image":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","twitter_misc":{"Escrito por":"vpvera","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/"},"author":{"name":"vpvera","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/54a5a46528997d1917d55add9b0de7d5"},"headline":"Diagrama de estado Gu\u00eda completa con ejemplos","datePublished":"2022-01-26T00:51:35+00:00","dateModified":"2026-04-20T09:13:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/"},"wordCount":1392,"commentCount":15,"image":{"@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","articleSection":["Unified Modeling Language"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/","url":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/","name":"Diagrama de estado Gu\u00eda completa con ejemplos - Cibermedio","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","datePublished":"2022-01-26T00:51:35+00:00","dateModified":"2026-04-20T09:13:34+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/54a5a46528997d1917d55add9b0de7d5"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#primaryimage","url":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","contentUrl":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","width":"1170","height":"665","caption":"Diagrama de estado Gu\u00eda completa con ejemplos"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/es\/state-diagram-comprehensive-guide-with-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/es\/"},{"@type":"ListItem","position":2,"name":"Diagrama de estado Gu\u00eda completa con ejemplos"}]},{"@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\/54a5a46528997d1917d55add9b0de7d5","name":"vpvera","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/308f3b229618b77cd1764bf92dc496296ea49a0db7c1c881fa7c4f063b2b58da?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/308f3b229618b77cd1764bf92dc496296ea49a0db7c1c881fa7c4f063b2b58da?s=96&d=mm&r=g","caption":"vpvera"},"url":"https:\/\/www.cybermedian.com\/es\/author\/vpvera\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/7938","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/comments?post=7938"}],"version-history":[{"count":5,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/7938\/revisions"}],"predecessor-version":[{"id":9268,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/7938\/revisions\/9268"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/media\/7942"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/media?parent=7938"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/categories?post=7938"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/tags?post=7938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}