{"id":4873,"date":"2022-06-16T16:44:40","date_gmt":"2022-06-16T08:44:40","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/vn\/?p=4873"},"modified":"2022-06-16T16:44:40","modified_gmt":"2022-06-16T08:44:40","slug":"diagrama-de-estado-un-tutorial-rapido","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/","title":{"rendered":"Diagrama De Estado: Un Tutorial R\u00e1pido"},"content":{"rendered":"<h2><span id=\"What_is_a_UML_state_diagram\"><span>\u00bfQu\u00e9 es un diagrama de estado UML?<\/span><\/span><\/h2>\n<p><a href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/what-is-state-machine-diagram\/\"><span>Un diagrama de estado<\/span><\/a><span>\u00a0(llamado en la\u00a0<\/span><a href=\"https:\/\/www.omg.org\/spec\/UML\/2.5.1\/About-UML\/\"><span>especificaci\u00f3n UML 1.x<\/span><\/a><span>\u00a0) es un diagrama que muestra una m\u00e1quina de estado y se denomina diagrama de m\u00e1quina de estado en\u00a0<\/span><a href=\"https:\/\/www.omg.org\/spec\/UML\/2.5.1\/About-UML\/\"><span>UML<\/span><\/a><span>\u00a02.x.\u00a0La llamada m\u00e1quina de estado es un comportamiento que describe los diversos estados y transiciones de estado de un objeto en su ciclo de vida.\u00a0Un diagrama de estado es uno de los\u00a0<\/span><a href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/overview-of-the-14-uml-diagram-types\/\"><span>14 diagramas UML<\/span><\/a><span>\u00a0que se utilizan para modelar en UML 2.0.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/06\/01-uml-diagram-types.png\" alt=\"Descripci\u00f3n general de los 14 tipos de diagramas UML\" \/><\/p>\n<p><span>Define los diferentes estados de un objeto durante su ciclo de vida, que cambian en respuesta a los eventos.\u00a0<\/span><a href=\"https:\/\/online.visual-paradigm.com\/diagrams\/tutorials\/state-machine-diagram-tutorial\/\"><span>Los diagramas de estado<\/span><\/a><span>\u00a0son \u00fatiles para modelar sistemas reactivos, que pueden definirse como sistemas que reaccionan a eventos externos o internos.\u00a0Un diagrama de estado describe el flujo de control de un estado a otro.\u00a0Un estado se define como una condici\u00f3n para la existencia de un objeto que cambia cuando se desencadena un evento.<\/span><\/p>\n<h2><span id=\"What_is_the_purpose_of_a_state_diagram\"><span>\u00bfCu\u00e1l es el prop\u00f3sito de un diagrama de estado?<\/span><\/span><\/h2>\n<p><span>El prop\u00f3sito importante de un diagrama de estado es modelar el ciclo de vida de un objeto desde su creaci\u00f3n hasta su finalizaci\u00f3n.<\/span><\/p>\n<ol>\n<li><span>Modele los aspectos din\u00e1micos del sistema y proporcione una representaci\u00f3n m\u00e1s completa de la informaci\u00f3n sobre el sistema.<\/span><\/li>\n<li><span>Describir los diferentes estados de un objeto en su ciclo de vida, ya sea en un estado activado, un estado inactivo o un estado muerto.<\/span><\/li>\n<li><span>Modelar el ciclo de vida de un objeto, lo que ayuda al programador a dise\u00f1ar los m\u00e9todos del objeto, etc.<\/span><\/li>\n<li><span>Ayude a los programadores a comprender los requisitos y mejorar la velocidad de codificaci\u00f3n.<\/span><\/li>\n<\/ol>\n<h2><span id=\"The_Components_of_UML_state_diagram\"><span>Los componentes del diagrama de estado de UML<\/span><\/span><\/h2>\n<p data-pid=\"RKx2An2n\"><a href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/about-state-diagrams\/\"><span>El diagrama de estado UML<\/span><\/a><span>\u00a0se compone principalmente de cinco elementos, a saber, estado, transici\u00f3n, evento, acci\u00f3n y actividad.<\/span><\/p>\n<p><span>En realidad, los diagramas de estado pueden ser muy complejos: puede anidar diagramas de estado, colocar guardias (verdadero\/falso) antes de los estados, agregar acciones desencadenadas por cambios de estado o incluso aplazar eventos para que se procesen m\u00e1s tarde.\u00a0Estos diagramas pueden ocupar mucho texto y las condiciones generalmente se escriben para un lenguaje de programaci\u00f3n espec\u00edfico.\u00a0Esto puede hacer que los diagramas parezcan complejos, pero tambi\u00e9n puede hacer que la programaci\u00f3n (y las pruebas) sean m\u00e1s r\u00e1pidas, ya que hay menos posibilidades de mala interpretaci\u00f3n.<\/span><\/p>\n<p data-pid=\"RKx2An2n\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/06\/state-machine-diagram-symbols.png\" \/><\/p>\n<p data-pid=\"RKx2An2n\"><a class=\"edit-template-v1\" href=\"https:\/\/online.visual-paradigm.com\/app\/diagrams\/#diagram:proj=0&amp;type=StateMachineDiagram&amp;gallery=\/repository\/d7ea8d13-c2da-4a32-b8ac-0d85bcdf51e2.xml&amp;name=State%20Machine%20Diagram%20Symbols\"><span>EDITE ESTE DIAGRAMA DE M\u00c1QUINA DE ESTADO<\/span><\/a><\/p>\n<h2><span id=\"Components_of_a_UML_State_Diagram\"><span>Componentes de un diagrama de estado UML<\/span><\/span><\/h2>\n<p><span>Los diagramas de estado de UML utilizan s\u00edmbolos que puede haber visto en los diagramas de actividad de UML.<\/span><\/p>\n<ul>\n<li><strong><span>Estado inicial<\/span><\/strong><span>\u00a0: c\u00edrculo s\u00f3lido.<\/span><\/li>\n<li><strong><span>Estado final<\/span><\/strong><span>\u00a0: c\u00edrculo s\u00f3lido con esquinas redondeadas.<\/span><\/li>\n<li><strong><span>Estado<\/span><\/strong><span>\u00a0: rect\u00e1ngulo con esquinas redondeadas con el nombre de la acci\u00f3n.<\/span><\/li>\n<li><strong><span>Transici\u00f3n<\/span><\/strong><span>\u00a0: flecha conectada con una etiqueta que indica el desencadenante de esa transici\u00f3n (si corresponde).<\/span><\/li>\n<li><strong><span>Estados con actividad interna<\/span><\/strong><span>\u00a0: Estados con l\u00edneas horizontales cuyo comportamiento se enumera en la mitad inferior.<\/span><\/li>\n<li><strong><span>Estados compuestos<\/span><\/strong><span>\u00a0: estados con l\u00edneas horizontales y diagramas de estado anidados (o enlaces a otra p\u00e1gina de draw.io) en la mitad inferior.<\/span><\/li>\n<li><strong><span>Guardias o condiciones<\/span><\/strong><span>\u00a0: Diamantes.<\/span><\/li>\n<li><strong><span>Bifurcaci\u00f3n<\/span><\/strong><span>\u00a0: una l\u00ednea m\u00e1s gruesa con una entrada de transici\u00f3n y dos o m\u00e1s salidas.<\/span><\/li>\n<li><strong><span>Unirse:<\/span><\/strong><span>\u00a0una l\u00ednea m\u00e1s gruesa con m\u00e1s de una entrada de transici\u00f3n y solo una transici\u00f3n.<\/span><\/li>\n<\/ul>\n<h2 id=\"BLaxbnn\"><span id=\"State_Machine_Diagram_Example_Phone_Call\"><span>Ejemplo de diagrama de m\u00e1quina de estado: llamada telef\u00f3nica<\/span><\/span><\/h2>\n<p><span>En este ejemplo de diagrama de estado, la l\u00ednea telef\u00f3nica est\u00e1 inactiva al comienzo de la llamada.\u00a0Cuando el tel\u00e9fono se retira del gancho, emite un tono de marcaci\u00f3n y puede aceptar d\u00edgitos para marcar.\u00a0Una vez que se ingresa un n\u00famero v\u00e1lido, el sistema telef\u00f3nico intenta conectar la llamada y enrutarla al destino apropiado.\u00a0Si el n\u00famero o la troncal est\u00e1n ocupados, la conexi\u00f3n puede fallar.\u00a0Si la conexi\u00f3n es exitosa, el tel\u00e9fono llamado comienza a sonar.\u00a0Cuando la l\u00ednea se cuelgue nuevamente, la l\u00ednea telef\u00f3nica volver\u00e1 a estar inactiva.<\/span><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/06\/State-Machine-Diagram-Phone.png\" \/><\/p>\n<p><a class=\"edit-template-v1\" href=\"https:\/\/online.visual-paradigm.com\/app\/diagrams\/#diagram:proj=0&amp;type=StateMachineDiagram&amp;gallery=\/repository\/0994baa4-5ebd-4166-abfb-88d1e6bcee25.xml&amp;name=UML%20State%20Machine%20Diagram%3A%20Phone%20Example\"><span>EDITE ESTE DIAGRAMA DE M\u00c1QUINA DE ESTADO<\/span><\/a><\/p>\n<h2><span id=\"UML_state_diagram_example_Online_Bookshop\"><span>Ejemplo de diagrama de estado UML &#8211; Librer\u00eda en l\u00ednea<\/span><\/span><\/h2>\n<p id=\"kTrEfrN\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4887 aligncenter\" title=\"Diagrama de estado: un tutorial r\u00e1pido\" src=\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" srcset=\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png 717w, https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861-300x111.png 300w, https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861-705x261.png 705w\" alt=\"Diagrama de estado: un tutorial r\u00e1pido\" width=\"717\" height=\"265\" \/><\/p>\n<p><span>Edite este diagrama de m\u00e1quina de estado<\/span><\/p>\n<h2><span id=\"UML_State_Diagram_Library_System\"><span>Diagrama de estado UML &#8211; Sistema de biblioteca<\/span><\/span><\/h2>\n<p id=\"KKSSJMz\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4886 aligncenter\" src=\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc4966c26c.png\" sizes=\"auto, (max-width: 617px) 100vw, 617px\" srcset=\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc4966c26c.png 617w, https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc4966c26c-300x257.png 300w\" alt=\"\" width=\"617\" height=\"528\" \/><\/p>\n<p><span>Edite este diagrama de m\u00e1quina de estado<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es un diagrama de estado UML? Un diagrama de estado\u00a0(llamado en la\u00a0especificaci\u00f3n UML 1.x\u00a0) es un diagrama que muestra una m\u00e1quina de estado y se denomina diagrama de m\u00e1quina de estado en\u00a0UML\u00a02.x.\u00a0La llamada m\u00e1quina de estado es un comportamiento que describe los diversos estados y transiciones de estado de un objeto en su ciclo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4892,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[36],"tags":[],"class_list":["post-4873","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uml","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Diagrama De Estado: Un Tutorial R\u00e1pido - Visual Paradigm Blog<\/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:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diagrama De Estado: Un Tutorial R\u00e1pido - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"\u00bfQu\u00e9 es un diagrama de estado UML? Un diagrama de estado\u00a0(llamado en la\u00a0especificaci\u00f3n UML 1.x\u00a0) es un diagrama que muestra una m\u00e1quina de estado y se denomina diagrama de m\u00e1quina de estado en\u00a0UML\u00a02.x.\u00a0La llamada m\u00e1quina de estado es un comportamiento que describe los diversos estados y transiciones de estado de un objeto en su ciclo [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-16T08:44:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png\" \/>\n<meta name=\"author\" content=\"Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/\",\"name\":\"Diagrama De Estado: Un Tutorial R\u00e1pido - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png\",\"datePublished\":\"2022-06-16T08:44:40+00:00\",\"dateModified\":\"2022-06-16T08:44:40+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png\",\"width\":\"717\",\"height\":\"265\",\"caption\":\"Diagrama De Estado: Un Tutorial R\u00e1pido\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diagrama De Estado: Un Tutorial R\u00e1pido\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/vn\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"caption\":\"Admin\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/vn\/author\/vpadminuser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Diagrama De Estado: Un Tutorial R\u00e1pido - Visual Paradigm Blog","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:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/","og_locale":"vi_VN","og_type":"article","og_title":"Diagrama De Estado: Un Tutorial R\u00e1pido - Visual Paradigm Blog","og_description":"\u00bfQu\u00e9 es un diagrama de estado UML? Un diagrama de estado\u00a0(llamado en la\u00a0especificaci\u00f3n UML 1.x\u00a0) es un diagrama que muestra una m\u00e1quina de estado y se denomina diagrama de m\u00e1quina de estado en\u00a0UML\u00a02.x.\u00a0La llamada m\u00e1quina de estado es un comportamiento que describe los diversos estados y transiciones de estado de un objeto en su ciclo [&hellip;]","og_url":"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2022-06-16T08:44:40+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png","type":"","width":"","height":""}],"author":"Admin","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Admin","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/","url":"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/","name":"Diagrama De Estado: Un Tutorial R\u00e1pido - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png","datePublished":"2022-06-16T08:44:40+00:00","dateModified":"2022-06-16T08:44:40+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/a649c442f11a53040710ddec750926c6"},"breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2022\/03\/img_621dc49eae861.png","width":"717","height":"265","caption":"Diagrama De Estado: Un Tutorial R\u00e1pido"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/vn\/diagrama-de-estado-un-tutorial-rapido\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/vn\/"},{"@type":"ListItem","position":2,"name":"Diagrama De Estado: Un Tutorial R\u00e1pido"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/vn\/#website","url":"https:\/\/blog.visual-paradigm.com\/vn\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/a649c442f11a53040710ddec750926c6","name":"Admin","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","caption":"Admin"},"url":"https:\/\/blog.visual-paradigm.com\/vn\/author\/vpadminuser\/"}]}},"modified_by":"vpleanda","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts\/4873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/comments?post=4873"}],"version-history":[{"count":6,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts\/4873\/revisions"}],"predecessor-version":[{"id":8379,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts\/4873\/revisions\/8379"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media\/4892"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media?parent=4873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/categories?post=4873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/tags?post=4873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}