{"id":10444,"date":"2026-03-04T14:45:53","date_gmt":"2026-03-04T06:45:53","guid":{"rendered":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/"},"modified":"2026-03-04T14:45:53","modified_gmt":"2026-03-04T06:45:53","slug":"complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners","status":"publish","type":"post","link":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","title":{"rendered":"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos)"},"content":{"rendered":"<p data-nodeid=\"354\">A\u00a0<strong data-nodeid=\"141\">Diagrama de Estado UML<\/strong>\u00a0\u00e9 uma ferramenta visual poderosa que modela o comportamento din\u00e2mico de um sistema ao ilustrar como ele transita entre diferentes estados em resposta a eventos. Ele captura o ciclo de vida de um objeto ou processo\u2014mostrando o que ele pode\u00a0<em data-nodeid=\"142\">ser<\/em>\u00a0em, o que dispara uma mudan\u00e7a e quais a\u00e7\u00f5es ocorrem durante as mudan\u00e7as de estado\u2014tornando-o ideal para compreender sistemas complexos como sem\u00e1foros, m\u00e1quinas de venda autom\u00e1tica, fluxos de login ou personagens de jogos. Ao focar em estados (como \u201cVermelho\u201d, \u201cAguardando pagamento\u201d ou \u201cPulando\u201d), transi\u00e7\u00f5es (impulsionadas por eventos como \u201ctemporizador expira\u201d ou \u201cbot\u00e3o pressionado\u201d) e condi\u00e7\u00f5es (guardas), os diagramas de estado proporcionam clareza, evitam falhas l\u00f3gicas e servem como base para o design e o c\u00f3digo. Seja voc\u00ea um iniciante aprendendo modelagem de sistemas ou um desenvolvedor criando software robusto, dominar os diagramas de estado equipa voc\u00ea com a capacidade de pensar, projetar e comunicar o comportamento do sistema com precis\u00e3o e clareza.<\/p>\n<p><img alt=\"State Machines for Everyone \u2014 Part 1 Introduction | by Alex Dodge | Well  Red | Medium\" decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\"\/><\/p>\n<p data-nodeid=\"354\">\ud83d\udca1\u00a0<strong data-nodeid=\"804\">Objetivo<\/strong>: Aprenda a modelar sistemas do mundo real usando m\u00e1quinas de estados \u2014 desde a ideia at\u00e9 um diagrama limpo e profissional.<\/p>\n<p data-nodeid=\"354\">\n<h2 data-nodeid=\"356\">\ud83d\udd11 <strong data-nodeid=\"809\">Conceitos-Chave que Voc\u00ea Precisa Entender Primeiro<\/strong><\/h2>\n<table data-nodeid=\"358\">\n<thead data-nodeid=\"359\">\n<tr data-nodeid=\"360\">\n<th data-nodeid=\"362\">Conceito<\/th>\n<th data-nodeid=\"363\">O que Significa<\/th>\n<th data-nodeid=\"364\">Por que Isso Importa<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"368\">\n<tr data-nodeid=\"369\">\n<td data-nodeid=\"370\"><strong data-nodeid=\"816\">Estado<\/strong><\/td>\n<td data-nodeid=\"371\">Uma condi\u00e7\u00e3o ou situa\u00e7\u00e3o em que o sistema se encontra (por exemplo,\u00a0<code data-backticks=\"1\" data-nodeid=\"818\">Vermelho<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"820\">Aguardando moeda<\/code>)<\/td>\n<td data-nodeid=\"372\">Mostra o que est\u00e1 acontecendo a qualquer momento<\/td>\n<\/tr>\n<tr data-nodeid=\"373\">\n<td data-nodeid=\"374\"><strong data-nodeid=\"826\">Evento<\/strong><\/td>\n<td data-nodeid=\"375\">Algo que dispara uma mudan\u00e7a (por exemplo,\u00a0<code data-backticks=\"1\" data-nodeid=\"828\">Inserir moeda<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"830\">temporizador expira<\/code>)<\/td>\n<td data-nodeid=\"376\">Causa movimenta\u00e7\u00e3o entre estados<\/td>\n<\/tr>\n<tr data-nodeid=\"377\">\n<td data-nodeid=\"378\"><strong data-nodeid=\"836\">Transi\u00e7\u00e3o<\/strong><\/td>\n<td data-nodeid=\"379\">Uma seta de um estado para outro<\/td>\n<td data-nodeid=\"380\">Liga estados por meio de eventos<\/td>\n<\/tr>\n<tr data-nodeid=\"381\">\n<td data-nodeid=\"382\"><strong data-nodeid=\"842\">Estado Inicial<\/strong><\/td>\n<td data-nodeid=\"383\">O ponto de partida (\u25cf)<\/td>\n<td data-nodeid=\"384\">Sempre h\u00e1 um<\/td>\n<\/tr>\n<tr data-nodeid=\"385\">\n<td data-nodeid=\"386\"><strong data-nodeid=\"848\">Estado Final<\/strong><\/td>\n<td data-nodeid=\"387\">Fim do processo (\u25cb)<\/td>\n<td data-nodeid=\"388\">Opcional \u2014 nem sempre necess\u00e1rio<\/td>\n<\/tr>\n<tr data-nodeid=\"389\">\n<td data-nodeid=\"390\"><strong data-nodeid=\"857\">Guarda [condi\u00e7\u00e3o]<\/strong><\/td>\n<td data-nodeid=\"391\">Condi\u00e7\u00e3o que deve ser verdadeira para que a transi\u00e7\u00e3o ocorra<\/td>\n<td data-nodeid=\"392\">Adiciona l\u00f3gica (por exemplo, se houver dinheiro suficiente?)<\/td>\n<\/tr>\n<tr data-nodeid=\"393\">\n<td data-nodeid=\"394\"><strong data-nodeid=\"863\">A\u00e7\u00e3o \/ entrada\/fazer<\/strong><\/td>\n<td data-nodeid=\"395\">O que acontece ao entrar, durante ou sair de um estado<\/td>\n<td data-nodeid=\"396\">Adiciona comportamento aos estados<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote data-nodeid=\"397\">\n<p data-nodeid=\"398\">\ud83d\udccc Pense:<br \/>\n\u201cEste sistema pode estar em\u00a0<strong data-nodeid=\"886\">X<\/strong>\u00a0estados.<br \/>\nQuando\u00a0<strong data-nodeid=\"887\">Y<\/strong>\u00a0ocorre, ele passa para\u00a0<strong data-nodeid=\"888\">Z<\/strong>.\u201d<br \/>\nIsso \u00e9 uma m\u00e1quina de estados!<\/p>\n<\/blockquote>\n<hr data-nodeid=\"399\"\/>\n<h2 data-nodeid=\"400\">\ud83d\udee0 Etapa 0 \u2013 Mentalidade: Fa\u00e7a estas perguntas<\/h2>\n<p data-nodeid=\"401\">Antes de desenhar qualquer coisa:<\/p>\n<ul data-nodeid=\"402\">\n<li data-nodeid=\"403\">\n<p data-nodeid=\"404\">Quais s\u00e3o os\u00a0<strong data-nodeid=\"896\">situa\u00e7\u00f5es claramente diferentes<\/strong>\u00a0este objeto pode estar?<\/p>\n<\/li>\n<li data-nodeid=\"405\">\n<p data-nodeid=\"406\">Qual\u00a0<strong data-nodeid=\"902\">eventos<\/strong>\u00a0(a\u00e7\u00f5es do usu\u00e1rio, tempo, erros) causam mudan\u00e7as?<\/p>\n<\/li>\n<li data-nodeid=\"407\">\n<p data-nodeid=\"408\">Pode estar em dois estados ao mesmo tempo? (N\u00e3o \u2192 m\u00e1quinas de estado b\u00e1sicas s\u00e3o mutuamente exclusivas.)<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"409\">\ud83d\udc49 Exemplo: Um\u00a0<strong data-nodeid=\"913\">interruptor de luz<\/strong>\u00a0\u00e9 ou\u00a0<code data-backticks=\"1\" data-nodeid=\"909\">Ligado<\/code>\u00a0ou\u00a0<code data-backticks=\"1\" data-nodeid=\"911\">Desligado<\/code>. Nunca os dois.<\/p>\n<hr data-nodeid=\"410\"\/>\n<h2 data-nodeid=\"411\">\ud83e\udde9 Passo 1 \u2013 Escolha uma coisa concreta para modelar<\/h2>\n<p data-nodeid=\"412\">\u2705 Boas escolhas para iniciantes:<\/p>\n<ul data-nodeid=\"413\">\n<li data-nodeid=\"414\">\n<p data-nodeid=\"415\">Porteiro (trancado\/desbloqueado)<\/p>\n<\/li>\n<li data-nodeid=\"416\">\n<p data-nodeid=\"417\">Sinal de tr\u00e2nsito (vermelho\/verde\/amarelo)<\/p>\n<\/li>\n<li data-nodeid=\"418\">\n<p data-nodeid=\"419\">M\u00e1quina de venda autom\u00e1tica<\/p>\n<\/li>\n<li data-nodeid=\"420\">\n<p data-nodeid=\"421\">Sistema de login<\/p>\n<\/li>\n<li data-nodeid=\"422\">\n<p data-nodeid=\"423\">Status do pedido:\u00a0<code data-backticks=\"1\" data-nodeid=\"921\">Criado \u2192 Pago \u2192 Enviado \u2192 Entregue<\/code><\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"424\">\u274c Evite:<\/p>\n<ul data-nodeid=\"425\">\n<li data-nodeid=\"426\">\n<p data-nodeid=\"427\">\u201cA loja online inteira\u201d \u2192 muito grande<\/p>\n<\/li>\n<li data-nodeid=\"428\">\n<p data-nodeid=\"429\">\u201cA experi\u00eancia do usu\u00e1rio\u201d \u2192 muito vago<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"430\">\n<p data-nodeid=\"431\">\u270f\ufe0f\u00a0<strong data-nodeid=\"930\">Comece simples.<\/strong>\u00a0Domine primeiro o exemplo pequeno.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"432\"\/>\n<h2 data-nodeid=\"433\">\ud83d\udccc Passo 2 \u2013 Liste os estados (use substantivos ou ger\u00fandios)<\/h2>\n<p data-nodeid=\"434\">Anote\u00a0<strong data-nodeid=\"937\">4 a 8 estados realistas<\/strong>.<\/p>\n<p data-nodeid=\"435\">Use\u00a0<strong data-nodeid=\"943\">adjetivos ou ger\u00fandios<\/strong>\u00a0para torn\u00e1-lo parecido com um estado:<\/p>\n<ul data-nodeid=\"436\">\n<li data-nodeid=\"437\">\n<p data-nodeid=\"438\"><code data-backticks=\"1\" data-nodeid=\"944\">Vermelho<\/code><\/p>\n<\/li>\n<li data-nodeid=\"439\">\n<p data-nodeid=\"440\"><code data-backticks=\"1\" data-nodeid=\"945\">Verde<\/code><\/p>\n<\/li>\n<li data-nodeid=\"441\">\n<p data-nodeid=\"442\"><code data-backticks=\"1\" data-nodeid=\"946\">Amarelo<\/code><\/p>\n<\/li>\n<li data-nodeid=\"443\">\n<p data-nodeid=\"444\"><code data-backticks=\"1\" data-nodeid=\"947\">Aguardando moeda<\/code><\/p>\n<\/li>\n<li data-nodeid=\"445\">\n<p data-nodeid=\"446\"><code data-backticks=\"1\" data-nodeid=\"948\">Entregando item<\/code><\/p>\n<\/li>\n<li data-nodeid=\"447\">\n<p data-nodeid=\"448\"><code data-backticks=\"1\" data-nodeid=\"949\">Preparando<\/code><\/p>\n<\/li>\n<li data-nodeid=\"449\">\n<p data-nodeid=\"450\"><code data-backticks=\"1\" data-nodeid=\"950\">Pagamento falhou<\/code><\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"451\">\n<p data-nodeid=\"452\">\u2705 Dica: Se voc\u00ea tiver mais de 10 estados \u2192 divida o sistema em sistemas menores.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"453\"\/>\n<h2 data-nodeid=\"454\">\ud83d\udd8c Etapa 3 \u2013 Desenhe os estados como ret\u00e2ngulos arredondados<\/h2>\n<p data-nodeid=\"455\">Use\u00a0<strong data-nodeid=\"958\">ret\u00e2ngulos arredondados<\/strong>:<\/p>\n<pre data-nodeid=\"456\"><code>[ Vermelho ]\r\n[ Verde ]\r\n[ Aguardando moeda ]\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"457\">\n<p data-nodeid=\"458\">\u2705 Ferramentas:<\/p>\n<ul data-nodeid=\"459\">\n<li data-nodeid=\"460\">\n<p data-nodeid=\"461\">draw.io \/ diagrams.net (melhor escolha gratuita)<\/p>\n<\/li>\n<li data-nodeid=\"462\">\n<p data-nodeid=\"463\">Excalidraw (sensa\u00e7\u00e3o de desenho \u00e0 m\u00e3o)<\/p>\n<\/li>\n<li data-nodeid=\"464\">\n<p data-nodeid=\"465\">PlantUML (baseado em texto \u2192 f\u00e1cil de controlar vers\u00f5es)<\/p>\n<\/li>\n<li data-nodeid=\"466\">\n<p data-nodeid=\"467\">Lucidchart \/ Miro<\/p>\n<\/li>\n<\/ul>\n<\/blockquote>\n<hr data-nodeid=\"468\"\/>\n<h2 data-nodeid=\"469\">\ud83d\udd37 Etapa 4 \u2013 Adicione o estado inicial (ponto preto)<\/h2>\n<p data-nodeid=\"470\">Desenhe um\u00a0<strong data-nodeid=\"970\">c\u00edrculo preenchido<\/strong>\u00a0com uma seta apontando para o primeiro estado.<\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"471\"><code data-language=\"plantuml\">[*] --&gt; Vermelho\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"472\">\n<p data-nodeid=\"473\">O\u00a0<code data-backticks=\"1\" data-nodeid=\"972\">[*]<\/code>\u00a0significa \u201cestado inicial\u201d \u2014 \u00e9 o ponto de partida.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"474\"\/>\n<h2 data-nodeid=\"475\">\u27a1\ufe0f Etapa 5 \u2013 Desenhe transi\u00e7\u00f5es com eventos<\/h2>\n<p data-nodeid=\"476\">Para cada estado, pergunte:<\/p>\n<blockquote data-nodeid=\"477\">\n<p data-nodeid=\"478\">\u201cO que pode acontecer aqui que me faz sair deste estado?\u201d<\/p>\n<\/blockquote>\n<p data-nodeid=\"479\">Rotule as setas com:<\/p>\n<pre data-nodeid=\"480\"><code>evento [guarda] \/ a\u00e7\u00e3o\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"481\">\n<p data-nodeid=\"482\">\ud83d\udd39 Comece simples: apenas\u00a0<code data-backticks=\"1\" data-nodeid=\"981\">evento<\/code>\u00a0ou\u00a0<code data-backticks=\"1\" data-nodeid=\"983\">evento \/ a\u00e7\u00e3o<\/code><\/p>\n<\/blockquote>\n<p data-nodeid=\"483\"><strong data-nodeid=\"988\">Eventos comuns<\/strong>:<\/p>\n<ul data-nodeid=\"484\">\n<li data-nodeid=\"485\">\n<p data-nodeid=\"486\"><code data-backticks=\"1\" data-nodeid=\"989\">Insira moeda<\/code><\/p>\n<\/li>\n<li data-nodeid=\"487\">\n<p data-nodeid=\"488\"><code data-backticks=\"1\" data-nodeid=\"990\">temporizador expira<\/code><\/p>\n<\/li>\n<li data-nodeid=\"489\">\n<p data-nodeid=\"490\"><code data-backticks=\"1\" data-nodeid=\"991\">pagamento falhou<\/code><\/p>\n<\/li>\n<li data-nodeid=\"491\">\n<p data-nodeid=\"492\"><code data-backticks=\"1\" data-nodeid=\"992\">bot\u00e3o pressionado<\/code><\/p>\n<\/li>\n<li data-nodeid=\"493\">\n<p data-nodeid=\"494\"><code data-backticks=\"1\" data-nodeid=\"993\">pedButton<\/code><\/p>\n<\/li>\n<li data-nodeid=\"495\">\n<p data-nodeid=\"496\"><code data-backticks=\"1\" data-nodeid=\"994\">tempo esgotado<\/code><\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"497\"\/>\n<h2 data-nodeid=\"498\">\u2705 Etapa 6 \u2013 Adicionar estado final (opcional)<\/h2>\n<p data-nodeid=\"499\">Use um\u00a0<strong data-nodeid=\"1001\">c\u00edrculo com borda grossa<\/strong>\u00a0para estado final.<\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"500\"><code data-language=\"plantuml\">[Entregue] --&gt; [\u25cf]\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"501\">\n<p data-nodeid=\"502\">Nem todos os sistemas t\u00eam estados finais (como sem\u00e1foros que funcionam para sempre).<\/p>\n<\/blockquote>\n<hr data-nodeid=\"503\"\/>\n<h2 data-nodeid=\"504\">\ud83d\udd01 Etapa 7 \u2013 Adicionar casos extremos realistas<\/h2>\n<p data-nodeid=\"505\">Pergunte:<\/p>\n<ul data-nodeid=\"506\">\n<li data-nodeid=\"507\">\n<p data-nodeid=\"508\">Voc\u00ea pode cancelar? \u2192 adicione\u00a0<code data-backticks=\"1\" data-nodeid=\"1006\">Cancelar<\/code>\u00a0\u2192 voltar para\u00a0<code data-backticks=\"1\" data-nodeid=\"1008\">Inativo<\/code><\/p>\n<\/li>\n<li data-nodeid=\"509\">\n<p data-nodeid=\"510\">O tempo acaba? \u2192\u00a0<code data-backticks=\"1\" data-nodeid=\"1010\">tempo esgotado<\/code>\u00a0\u2192 voltar para\u00a0<code data-backticks=\"1\" data-nodeid=\"1012\">Aguardando<\/code><\/p>\n<\/li>\n<li data-nodeid=\"511\">\n<p data-nodeid=\"512\">Pode falhar? \u2192 adicione\u00a0<code data-backticks=\"1\" data-nodeid=\"1014\">erro<\/code>\u00a0\u2192\u00a0<code data-backticks=\"1\" data-nodeid=\"1016\">Voltar ao In\u00edcio<\/code><\/p>\n<\/li>\n<li data-nodeid=\"513\">\n<p data-nodeid=\"514\">Pode permanecer no mesmo estado? \u2192<strong data-nodeid=\"1021\">transi\u00e7\u00e3o auto<\/strong><\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"515\">Exemplo de<strong data-nodeid=\"1027\">transi\u00e7\u00e3o auto<\/strong>\u00a0(adicione mais dinheiro):<\/p>\n<pre data-nodeid=\"516\"><code>[Tem cr\u00e9dito] -- moeda inserida --&gt; [Tem cr\u00e9dito]\r\n<\/code><\/pre>\n<hr data-nodeid=\"517\"\/>\n<h2 data-nodeid=\"518\">\ud83d\udea6 Etapa 8 \u2013 Use Guardas para L\u00f3gica Inteligente<\/h2>\n<p data-nodeid=\"519\">Quando<strong data-nodeid=\"1042\">o mesmo evento<\/strong>\u00a0leva a\u00a0<strong data-nodeid=\"1043\">resultados diferentes<\/strong>, use\u00a0<strong data-nodeid=\"1044\">guardas<\/strong>.<\/p>\n<p data-nodeid=\"520\">Exemplo:<\/p>\n<blockquote data-nodeid=\"521\">\n<p data-nodeid=\"522\">Se voc\u00ea pressionar\u00a0<code data-backticks=\"1\" data-nodeid=\"1047\">pedButton<\/code>\u00a0durante\u00a0<code data-backticks=\"1\" data-nodeid=\"1049\">Verde<\/code>, mas ainda n\u00e3o h\u00e1 demanda \u2192 voc\u00ea entra em<code data-backticks=\"1\" data-nodeid=\"1053\">Verde com pedestre esperando<\/code>.<\/p>\n<\/blockquote>\n<p data-nodeid=\"523\">Mas se a demanda j\u00e1 estiver definida \u2192 voc\u00ea apenas ignora.<\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"524\"><code data-language=\"plantuml\">[Verde do Ve\u00edculo] --&gt; [Verde do Ve\u00edculo] : pedButton \/ definir demanda = verdadeiro\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"525\">\n<p data-nodeid=\"526\">Este \u00e9 um<strong data-nodeid=\"1061\">transi\u00e7\u00e3o auto com a\u00e7\u00e3o<\/strong>\u00a0\u2014 n\u00e3o um novo estado.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"527\"\/>\n<h2 data-nodeid=\"528\">\ud83c\udfaf Etapa 9 \u2013 Adicionar A\u00e7\u00f5es de Entrada\/Execu\u00e7\u00e3o\/Sa\u00edda (Opcional, mas Poderoso)<\/h2>\n<p data-nodeid=\"529\">Voc\u00ea pode escrever a\u00e7\u00f5es<strong data-nodeid=\"1068\">dentro da caixa de estado<\/strong>:<\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"530\"><code data-language=\"plantuml\">[Vermelho]\r\nentrada \/ ligar vermelho\r\nsa\u00edda \/ desligar vermelho\r\nfazer \/ esperar 30 segundos\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"531\">\n<p data-nodeid=\"532\">Ajuda a esclarecer o comportamento sem sobrecarregar as transi\u00e7\u00f5es.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"533\"\/>\n<h2 data-nodeid=\"534\">\u2705 Etapa 10 \u2013 Checklist Final (Pergunte a si mesmo)<\/h2>\n<table data-nodeid=\"536\">\n<thead data-nodeid=\"537\">\n<tr data-nodeid=\"538\">\n<th data-nodeid=\"540\">\u2705 Verifique<\/th>\n<th data-nodeid=\"541\">Por que isso importa<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"544\">\n<tr data-nodeid=\"545\">\n<td data-nodeid=\"546\">Um estado inicial?<\/td>\n<td data-nodeid=\"547\">Precisa come\u00e7ar em algum lugar<\/td>\n<\/tr>\n<tr data-nodeid=\"548\">\n<td data-nodeid=\"549\">Todos os estados t\u00eam flechas de sa\u00edda (exceto o final)?<\/td>\n<td data-nodeid=\"550\">Sem becos sem sa\u00edda<\/td>\n<\/tr>\n<tr data-nodeid=\"551\">\n<td data-nodeid=\"552\">Sem estados inalcan\u00e7\u00e1veis?<\/td>\n<td data-nodeid=\"553\">Cada estado deveria ser alcan\u00e7\u00e1vel<\/td>\n<\/tr>\n<tr data-nodeid=\"554\">\n<td data-nodeid=\"555\">As transi\u00e7\u00f5es est\u00e3o rotuladas com eventos?<\/td>\n<td data-nodeid=\"556\">Causa e efeito claros<\/td>\n<\/tr>\n<tr data-nodeid=\"557\">\n<td data-nodeid=\"558\">As flechas n\u00e3o dizem \u201cv\u00e1 para X\u201d \u2014 a flecha mostra a dire\u00e7\u00e3o<\/td>\n<td data-nodeid=\"559\">Mais limpo<\/td>\n<\/tr>\n<tr data-nodeid=\"560\">\n<td data-nodeid=\"561\">Os caminhos de cancelamento \/ tempo esgotado \/ erro est\u00e3o inclu\u00eddos?<\/td>\n<td data-nodeid=\"562\">Sistemas reais falham \u2014 esteja preparado para isso<\/td>\n<\/tr>\n<tr data-nodeid=\"563\">\n<td data-nodeid=\"564\">O diagrama cabe na tela?<\/td>\n<td data-nodeid=\"565\">Limpo e leg\u00edvel<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"566\"\/>\n<h2 data-nodeid=\"567\">\ud83d\udccb Refer\u00eancia R\u00e1pida: Sintaxe do PlantUML (Padr\u00e3o UML)<\/h2>\n<table data-nodeid=\"569\">\n<thead data-nodeid=\"570\">\n<tr data-nodeid=\"571\">\n<th data-nodeid=\"573\">S\u00edmbolo<\/th>\n<th data-nodeid=\"574\">Significado<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"577\">\n<tr data-nodeid=\"578\">\n<td data-nodeid=\"579\"><code data-backticks=\"1\" data-nodeid=\"1090\">[*]<\/code><\/td>\n<td data-nodeid=\"580\">Estado inicial<\/td>\n<\/tr>\n<tr data-nodeid=\"581\">\n<td data-nodeid=\"582\"><code data-backticks=\"1\" data-nodeid=\"1092\">[*] --&gt; Estado<\/code><\/td>\n<td data-nodeid=\"583\">Comece neste estado<\/td>\n<\/tr>\n<tr data-nodeid=\"584\">\n<td data-nodeid=\"585\"><code data-backticks=\"1\" data-nodeid=\"1094\">Estado --&gt; Estado<\/code><\/td>\n<td data-nodeid=\"586\">Transi\u00e7\u00e3o<\/td>\n<\/tr>\n<tr data-nodeid=\"587\">\n<td data-nodeid=\"588\"><code data-backticks=\"1\" data-nodeid=\"1096\">evento [guarda] \/ a\u00e7\u00e3o<\/code><\/td>\n<td data-nodeid=\"589\">R\u00f3tulo na seta<\/td>\n<\/tr>\n<tr data-nodeid=\"590\">\n<td data-nodeid=\"591\"><code data-backticks=\"1\" data-nodeid=\"1098\">estado \"Nome\"<\/code><\/td>\n<td data-nodeid=\"592\">Estado nomeado (opcional)<\/td>\n<\/tr>\n<tr data-nodeid=\"593\">\n<td data-nodeid=\"594\"><code data-backticks=\"1\" data-nodeid=\"1100\">estado \"X\" como X<\/code><\/td>\n<td data-nodeid=\"595\">Apelido para nomes complexos<\/td>\n<\/tr>\n<tr data-nodeid=\"596\">\n<td data-nodeid=\"597\"><code data-backticks=\"1\" data-nodeid=\"1102\">nota \u00e0 direita do Estado<\/code><\/td>\n<td data-nodeid=\"598\">Caixa de coment\u00e1rio<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"599\"\/>\n<h1 data-nodeid=\"600\">\ud83c\udfaf\u00a0<strong data-nodeid=\"1108\">Exemplo 1: Sem\u00e1foro Simples (Ciclo de 3 Estados)<\/strong><\/h1>\n<blockquote data-nodeid=\"601\">\n<p data-nodeid=\"602\">Perfeito para iniciantes absolutos.<\/p>\n<\/blockquote>\n<h3 data-nodeid=\"603\">\ud83e\udde0 Uso no Mundo Real:<\/h3>\n<ul data-nodeid=\"604\">\n<li data-nodeid=\"605\">\n<p data-nodeid=\"606\">Ciclo b\u00e1sico de sem\u00e1foro:\u00a0<strong data-nodeid=\"1115\">Vermelho \u2192 Verde \u2192 Amarelo \u2192 Vermelho<\/strong><\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"607\">\u2705 Estados:<\/h3>\n<ul data-nodeid=\"608\">\n<li data-nodeid=\"609\">\n<p data-nodeid=\"610\"><code data-backticks=\"1\" data-nodeid=\"1117\">Vermelho<\/code><\/p>\n<\/li>\n<li data-nodeid=\"611\">\n<p data-nodeid=\"612\"><code data-backticks=\"1\" data-nodeid=\"1118\">Verde<\/code><\/p>\n<\/li>\n<li data-nodeid=\"613\">\n<p data-nodeid=\"614\"><code data-backticks=\"1\" data-nodeid=\"1119\">Amarelo<\/code><\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"615\">\ud83d\udd04 Eventos:<\/h3>\n<ul data-nodeid=\"616\">\n<li data-nodeid=\"617\">\n<p data-nodeid=\"618\"><code data-backticks=\"1\" data-nodeid=\"1121\">temporizador expira<\/code>\u00a0(ap\u00f3s 30s, 25s, 5s)<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"619\">\ud83d\udee0 C\u00f3digo PlantUML (Pronto para copiar e colar):<br \/>\n<img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/img_697b2457c4c0b.png\"\/><\/h3>\n<pre class=\"lang-plantuml\" data-nodeid=\"620\"><code data-language=\"plantuml\">@startuml\r\nskinparam monochrome true\r\n[*] --&gt; Vermelho\r\nVermelho --&gt; Verde : after(30s)ntemporizador expira\r\nVerde --&gt; Amarelo : after(25s)ntemporizador expira\r\nAmarelo --&gt; Vermelho   : after(5s)ntemporizador expira\r\n\r\nVermelho   : entry \/ ligar vermelho\r\nVerde : entry \/ ligar verde\r\nAmarelo: entry \/ ligar amarelo\r\n\r\nnota \u00e0 direita de Vermelho\r\n  Ve\u00edculos devem parar\r\nfim da nota\r\n\r\nnota \u00e0 direita de Verde\r\n  Ve\u00edculos podem seguir\r\nfim da nota\r\n\r\nnota \u00e0 direita de Amarelo\r\n  Prepare-se para parar\r\nfim da nota\r\n@enduml\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"621\">\n<p data-nodeid=\"622\">\u2705\u00a0<strong data-nodeid=\"1139\">Como usar<\/strong>:<br \/>\nV\u00e1 para\u00a0<a data-nodeid=\"1133\" href=\"https:\/\/www.plantuml.com\/plantuml\">https:\/\/www.plantuml.com\/plantuml<\/a>, cole o c\u00f3digo e pressione \u201cGerar\u201d.<\/p>\n<\/blockquote>\n<blockquote data-nodeid=\"623\">\n<p data-nodeid=\"624\">\ud83d\uddbc\ufe0f Sa\u00edda: um diagrama de m\u00e1quina de estados limpo e com apar\u00eancia animada.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"625\"\/>\n<h1 data-nodeid=\"626\">\ud83c\udfaf\u00a0<strong data-nodeid=\"1145\">Exemplo 2: Sem\u00e1foro realista com solicita\u00e7\u00e3o de pedestre<\/strong><\/h1>\n<blockquote data-nodeid=\"627\">\n<p data-nodeid=\"628\">O\u00a0<strong data-nodeid=\"1151\">vers\u00e3o mais educativa<\/strong>\u00a0\u2014 introduz guardas, transi\u00e7\u00f5es auto, e l\u00f3gica complexa.<\/p>\n<\/blockquote>\n<h3 data-nodeid=\"629\">\ud83e\udde0 Uso no mundo real:<\/h3>\n<ul data-nodeid=\"630\">\n<li data-nodeid=\"631\">\n<p data-nodeid=\"632\">Os pedestres pressionam um bot\u00e3o para atravessar.<\/p>\n<\/li>\n<li data-nodeid=\"633\">\n<p data-nodeid=\"634\">O sinal espera mais tempo se algu\u00e9m estiver esperando.<\/p>\n<\/li>\n<li data-nodeid=\"635\">\n<p data-nodeid=\"636\">Depois que o verde termina, ele vai para amarelo \u2192 vermelho \u2192 passe \u2192 n\u00e3o passe piscando \u2192 volta para verde.<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"637\">\ud83d\udccc Estados principais:<\/h3>\n<ol data-nodeid=\"638\">\n<li data-nodeid=\"639\">\n<p data-nodeid=\"640\"><code data-backticks=\"1\" data-nodeid=\"1157\">Ve\u00edculoVerde_SemDemanda<\/code>\u00a0\u2013 verde, sem pedestre esperando<\/p>\n<\/li>\n<li data-nodeid=\"641\">\n<p data-nodeid=\"642\"><code data-backticks=\"1\" data-nodeid=\"1159\">Ve\u00edculoVerde_PedEsperando<\/code>\u00a0\u2013 verde, algu\u00e9m pressionou o bot\u00e3o<\/p>\n<\/li>\n<li data-nodeid=\"643\">\n<p data-nodeid=\"644\"><code data-backticks=\"1\" data-nodeid=\"1161\">Ve\u00edculoAmarelo<\/code>\u00a0\u2013 luz amarela (sem passe)<\/p>\n<\/li>\n<li data-nodeid=\"645\">\n<p data-nodeid=\"646\"><code data-backticks=\"1\" data-nodeid=\"1163\">TodosVermelhos<\/code>\u00a0\u2013 buffer de seguran\u00e7a (muito curto)<\/p>\n<\/li>\n<li data-nodeid=\"647\">\n<p data-nodeid=\"648\"><code data-backticks=\"1\" data-nodeid=\"1165\">PedPasse<\/code>\u00a0\u2013 sinal de passe ligado<\/p>\n<\/li>\n<li data-nodeid=\"649\">\n<p data-nodeid=\"650\"><code data-backticks=\"1\" data-nodeid=\"1167\">PedClearance<\/code>\u00a0\u2013 n\u00e3o passe piscando (tempo de libera\u00e7\u00e3o)<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"651\"\/>\n<h3 data-nodeid=\"652\">\ud83e\udde9 Transi\u00e7\u00f5es principais:<\/h3>\n<ul data-nodeid=\"653\">\n<li data-nodeid=\"654\">\n<p data-nodeid=\"655\"><code data-backticks=\"1\" data-nodeid=\"1170\">bot\u00e3oPed<\/code>\u00a0\u2192 se n\u00e3o estiver esperando \u2192 definir demanda<\/p>\n<\/li>\n<li data-nodeid=\"656\">\n<p data-nodeid=\"657\"><code data-backticks=\"1\" data-nodeid=\"1172\">\u00a0\u2192 temporizador expira<\/code>\u00a0\u2192 ir para amarelo (se o tempo verde for atingido)<\/p>\n<\/li>\n<li data-nodeid=\"658\">\n<p data-nodeid=\"659\"><code data-backticks=\"1\" data-nodeid=\"1174\">bot\u00e3oPed<\/code>\u00a0enquanto amarelo\/vermelho \u2192 lembrar da demanda<\/p>\n<\/li>\n<li data-nodeid=\"660\">\n<p data-nodeid=\"661\"><code data-backticks=\"1\" data-nodeid=\"1176\">timerWalk<\/code>\u00a0\u2192 ir para sinal piscando n\u00e3o passe<\/p>\n<\/li>\n<li data-nodeid=\"662\">\n<p data-nodeid=\"663\"><code data-backticks=\"1\" data-nodeid=\"1178\">timerClearance<\/code>\u00a0\u2192 reiniciar e retornar ao verde<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"664\">\n<p data-nodeid=\"665\">\ud83d\udea8 Observa\u00e7\u00e3o: Esta vers\u00e3o\u00a0<strong data-nodeid=\"1189\">usa guardas e transi\u00e7\u00f5es auto<\/strong>, mostrando\u00a0<strong data-nodeid=\"1190\">por que m\u00e1quinas de estado s\u00e3o poderosas<\/strong>.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"666\"\/>\n<h3 data-nodeid=\"667\">\u2705 C\u00f3digo PlantUML (Funcionando totalmente, pronto para uso):<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/img_697b24596cebc.png\"\/><\/p>\n<pre class=\"lang-plantuml\" data-nodeid=\"668\"><code data-language=\"plantuml\">@startuml\r\nskinparam monochrome true\r\nskinparam shadowing false\r\nskinparam dpi 120\r\n\r\n[*] --&gt; VehicleGreen_NoDemand\r\n\r\nstate \"Verde para Ve\u00edculosn(sem demanda de pedestre)\" as VG_No\r\nstate \"Verde para Ve\u00edculosn(pedestre esperando)\"   as VG_Wait\r\nstate \"Amarelo para Ve\u00edculos\"                  as VYellow\r\nstate \"Vermelho Totaln(buffer de seguran\u00e7a)\"      as AllRed\r\nstate \"Passe para Pedestres\"                    as PedWalk\r\nstate \"Clearance para Pedestresn(sinal piscando n\u00e3o passe)\" as PedClear\r\n\r\nVG_No --&gt; VG_Wait : pedButton \/ setPedDemand = true\r\nVG_No --&gt; VYellow : after(35s)nor (pedDemand &amp;&amp; minGreenTimeMet)\r\nVG_Wait --&gt; VYellow : after(45s)nverde mais longo quando pedestre esperando\r\nVG_Wait --&gt; VG_Wait : pedButton \/ ignorar (j\u00e1 esperando)\r\nVYellow --&gt; AllRed : after(4s)\r\nAllRed --&gt; PedWalk : after(1s)\r\nPedWalk --&gt; PedClear : after(10s)ntempo de passe expirou\r\nPedClear --&gt; VG_No : after(5s)nlimpeza conclu\u00eddan\/ resetPedDemand\r\n\r\nnote bottom of VG_No\r\n  Opera\u00e7\u00e3o normal\r\n  Sem demanda de pedestre\r\nend note\r\n\r\nnote right of PedClear\r\n  Pedestres terminam de atravessar\r\n  Sinal piscando n\u00e3o passe\r\nend note\r\n\r\nnote right of VG_Wait\r\n  Pedestre pressionou o bot\u00e3o\r\n  Verde \u00e9 estendido por at\u00e9 10s\r\nend note\r\n\r\nnote right of VYellow\r\n  Preparar para parar\r\n  Luz do ve\u00edculo muda\r\nend note\r\n\r\nnote right of PedWalk\r\n  Sinal de passe est\u00e1 ligado\r\n  Pedestres podem atravessar\r\nend note\r\n@enduml\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"669\">\n<p data-nodeid=\"670\">\ud83d\udca1\u00a0<strong data-nodeid=\"1196\">Por que esta vers\u00e3o \u00e9 melhor que a vers\u00e3o simples?<\/strong><\/p>\n<ul data-nodeid=\"671\">\n<li data-nodeid=\"672\">\n<p data-nodeid=\"673\">Mostra\u00a0<strong data-nodeid=\"1201\">complexidade do mundo real<\/strong><\/p>\n<\/li>\n<li data-nodeid=\"674\">\n<p data-nodeid=\"675\">Demonstra\u00a0<strong data-nodeid=\"1209\">guardas<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"1207\">se pedDemand<\/code>)<\/p>\n<\/li>\n<li data-nodeid=\"676\">\n<p data-nodeid=\"677\">Usa\u00a0<strong data-nodeid=\"1217\">transi\u00e7\u00f5es auto<\/strong>\u00a0(<code data-backticks=\"1\" data-nodeid=\"1215\">VG_Wait --&gt; VG_Wait<\/code>)<\/p>\n<\/li>\n<li data-nodeid=\"678\">\n<p data-nodeid=\"679\">Modela\u00a0<strong data-nodeid=\"1224\">comportamento real<\/strong>: o verde pode ser estendido!<\/p>\n<\/li>\n<li data-nodeid=\"680\">\n<p data-nodeid=\"681\">Separar claramente\u00a0<strong data-nodeid=\"1234\">ve\u00edculo<\/strong>\u00a0e\u00a0<strong data-nodeid=\"1235\">pedestre<\/strong>\u00a0l\u00f3gica<\/p>\n<\/li>\n<\/ul>\n<\/blockquote>\n<hr data-nodeid=\"682\"\/>\n<h2 data-nodeid=\"683\">\ud83c\udf93 Exerc\u00edcios Pr\u00e1ticos Recomendados (Fa\u00e7a na Ordem)<\/h2>\n<table data-nodeid=\"685\">\n<thead data-nodeid=\"686\">\n<tr data-nodeid=\"687\">\n<th data-nodeid=\"689\">#<\/th>\n<th data-nodeid=\"690\">Exemplo<\/th>\n<th data-nodeid=\"691\">Tempo<\/th>\n<th data-nodeid=\"692\">Habilidades Aprendidas<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"697\">\n<tr data-nodeid=\"698\">\n<td data-nodeid=\"699\">1<\/td>\n<td data-nodeid=\"700\">Interruptor de luz (Ligado \u2194 Desligado)<\/td>\n<td data-nodeid=\"701\">5 min<\/td>\n<td data-nodeid=\"702\">Transi\u00e7\u00f5es b\u00e1sicas<\/td>\n<\/tr>\n<tr data-nodeid=\"703\">\n<td data-nodeid=\"704\">2<\/td>\n<td data-nodeid=\"705\">Porteiro (Trancado \u2194 Liberado)<\/td>\n<td data-nodeid=\"706\">10 min<\/td>\n<td data-nodeid=\"707\">Eventos, guardas<\/td>\n<\/tr>\n<tr data-nodeid=\"708\">\n<td data-nodeid=\"709\">3<\/td>\n<td data-nodeid=\"710\">Sinal de tr\u00e2nsito (ciclo de 3 estados)<\/td>\n<td data-nodeid=\"711\">10 min<\/td>\n<td data-nodeid=\"712\">Temporizadores, a\u00e7\u00f5es de entrada<\/td>\n<\/tr>\n<tr data-nodeid=\"713\">\n<td data-nodeid=\"714\">4<\/td>\n<td data-nodeid=\"715\">M\u00e1quina de venda autom\u00e1tica (esperando \u2192 pagando \u2192 dispensando)<\/td>\n<td data-nodeid=\"716\">15 min<\/td>\n<td data-nodeid=\"717\">M\u00faltiplos eventos, l\u00f3gica de dinheiro<\/td>\n<\/tr>\n<tr data-nodeid=\"718\">\n<td data-nodeid=\"719\">5<\/td>\n<td data-nodeid=\"720\">Login (vazio \u2192 digitando \u2192 enviando \u2192 sucesso\/falha)<\/td>\n<td data-nodeid=\"721\">15 min<\/td>\n<td data-nodeid=\"722\">Tratamento de erros, estados finais<\/td>\n<\/tr>\n<tr data-nodeid=\"723\">\n<td data-nodeid=\"724\">6<\/td>\n<td data-nodeid=\"725\">Status do pedido (6 estados)<\/td>\n<td data-nodeid=\"726\">20 min<\/td>\n<td data-nodeid=\"727\">Modelagem de sistemas do mundo real<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote data-nodeid=\"728\">\n<p data-nodeid=\"729\">\u2705 Comece com #1\u20133 em papel ou no draw.io. Depois use\u00a0<strong data-nodeid=\"1270\">PlantUML<\/strong>\u00a0para o restante.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"730\"\/>\n<h2 data-nodeid=\"731\">\ud83e\udde0 Dicas finais para o sucesso<\/h2>\n<ul data-nodeid=\"732\">\n<li data-nodeid=\"733\">\n<p data-nodeid=\"734\"><strong data-nodeid=\"1276\">Comece pequeno<\/strong>\u00a0\u2014 n\u00e3o tente incluir tudo de uma vez.<\/p>\n<\/li>\n<li data-nodeid=\"735\">\n<p data-nodeid=\"736\"><strong data-nodeid=\"1285\">Use nomes reais<\/strong>\u00a0\u2014\u00a0<code data-backticks=\"1\" data-nodeid=\"1281\">Aguardando moeda<\/code>, n\u00e3o\u00a0<code data-backticks=\"1\" data-nodeid=\"1283\">State1<\/code>.<\/p>\n<\/li>\n<li data-nodeid=\"737\">\n<p data-nodeid=\"738\"><strong data-nodeid=\"1296\">Labelize as transi\u00e7\u00f5es claramente<\/strong>\u00a0\u2014\u00a0<code data-backticks=\"1\" data-nodeid=\"1290\">bot\u00e3o pressionado<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"1292\">tempo esgotado<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"1294\">pagamento falhou<\/code>.<\/p>\n<\/li>\n<li data-nodeid=\"739\">\n<p data-nodeid=\"740\"><strong data-nodeid=\"1301\">Desenhe primeiro \u00e0 m\u00e3o<\/strong>\u00a0\u2014 depois digitalize.<\/p>\n<\/li>\n<li data-nodeid=\"741\">\n<p data-nodeid=\"742\"><strong data-nodeid=\"1306\">Teste mentalmente<\/strong>: \u201cEste sistema pode ficar preso?\u201d \u2192 se sim, adicione uma transi\u00e7\u00e3o.<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"743\"\/>\n<h2 data-nodeid=\"744\">\ud83d\udccc Resumo: Sua lista de verifica\u00e7\u00e3o da m\u00e1quina de estados<\/h2>\n<p data-nodeid=\"745\">\u2705 Um\u00a0<code data-backticks=\"1\" data-nodeid=\"1309\">[*]<\/code>\u00a0(estado inicial)<br \/>\n\u2705 Ret\u00e2ngulos arredondados para estados<br \/>\n\u2705 Setas para transi\u00e7\u00f5es<br \/>\n\u2705 Eventos nas setas (<code data-backticks=\"1\" data-nodeid=\"1317\">depois(30s)<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"1319\">pedButton<\/code>)<br \/>\n\u2705 Guardas onde necess\u00e1rio (<code data-backticks=\"1\" data-nodeid=\"1323\">[pedDemand]<\/code>)<br \/>\n\u2705 Transi\u00e7\u00f5es auto para a\u00e7\u00f5es repetidas<br \/>\n\u2705 A\u00e7\u00f5es de entrada\/sa\u00edda para comportamento<br \/>\n\u2705 Layout limpo, fonte leg\u00edvel<\/p>\n<hr data-nodeid=\"746\"\/>\n<h2 data-nodeid=\"747\"><\/h2>\n<h2 data-nodeid=\"1363\">\ud83c\udfaf Palavras Finais: Voc\u00ea est\u00e1 pronto agora!<\/h2>\n<p data-nodeid=\"1364\">Voc\u00ea acabou de aprender:<\/p>\n<ul data-nodeid=\"1365\">\n<li data-nodeid=\"1366\">\n<p data-nodeid=\"1367\">O que \u00e9 um\u00a0<strong data-nodeid=\"1453\">diagrama de m\u00e1quina de estados<\/strong>\u00a0\u00e9<\/p>\n<\/li>\n<li data-nodeid=\"1368\">\n<p data-nodeid=\"1369\">Como fazer\u00a0<strong data-nodeid=\"1458\">pensar em estados e eventos<\/strong><\/p>\n<\/li>\n<li data-nodeid=\"1370\">\n<p data-nodeid=\"1371\">Como fazer\u00a0<strong data-nodeid=\"1468\">desenhar<\/strong>\u00a0e\u00a0<strong data-nodeid=\"1469\">ler<\/strong>\u00a0eles como um profissional<\/p>\n<\/li>\n<li data-nodeid=\"1372\">\n<p data-nodeid=\"1373\">Como fazer\u00a0<strong data-nodeid=\"1475\">modelar sistemas reais<\/strong>, como sem\u00e1foros<\/p>\n<\/li>\n<li data-nodeid=\"1374\">\n<p data-nodeid=\"1375\">Como fazer\u00a0<strong data-nodeid=\"1481\">usar o PlantUML<\/strong>escrever diagramas limpos e sustent\u00e1veis<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"1376\">\n<p data-nodeid=\"1377\">\ud83c\udf89\u00a0<strong data-nodeid=\"1487\">Voc\u00ea n\u00e3o est\u00e1 apenas aprendendo UML \u2014 est\u00e1 aprendendo a modelar sistemas reais<\/strong>, um estado de cada vez.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"1378\"\/>\n<h2 data-nodeid=\"1379\">\ud83d\udccc Pr\u00f3ximos Passos (Seu Caminho de Aprendizado)<\/h2>\n<ol data-nodeid=\"1380\">\n<li data-nodeid=\"1381\">\n<p data-nodeid=\"1382\"><strong data-nodeid=\"1493\">Desenhe o sem\u00e1foro de 3 estados \u00e0 m\u00e3o<\/strong>\u2014 sem ferramentas, apenas papel.<\/p>\n<\/li>\n<li data-nodeid=\"1383\">\n<p data-nodeid=\"1384\"><strong data-nodeid=\"1498\">Experimente o PlantUML<\/strong>com o c\u00f3digo acima \u2014 veja-o renderizado.<\/p>\n<\/li>\n<li data-nodeid=\"1385\">\n<p data-nodeid=\"1386\"><strong data-nodeid=\"1507\">Modifique<\/strong>: Altere os tempos de espera. Adicione o estado \u201csupera\u00e7\u00e3o de emerg\u00eancia\u201d.<\/p>\n<\/li>\n<li data-nodeid=\"1387\">\n<p data-nodeid=\"1388\"><strong data-nodeid=\"1512\">Experimente a m\u00e1quina de venda<\/strong>\u2192 mesma l\u00f3gica, mas com dinheiro.<\/p>\n<\/li>\n<li data-nodeid=\"1389\">\n<p data-nodeid=\"1390\"><strong data-nodeid=\"1517\">Desenhe o seu pr\u00f3prio<\/strong>: Um personagem de jogo (andando \u2192 pulando \u2192 atacando \u2192 morto).<\/p>\n<\/li>\n<\/ol>\n<blockquote data-nodeid=\"1391\">\n<p data-nodeid=\"1392\">\ud83d\udcac\u00a0<em data-nodeid=\"1529\">Precisa de ajuda? Tente isto: \u201cEstou tentando modelar um<strong data-nodeid=\"1528\">[seu sistema]<\/strong>\u2014 voc\u00ea pode me ajudar a criar uma m\u00e1quina de estados?\u201d<\/em><\/p>\n<\/blockquote>\n<hr data-nodeid=\"1393\"\/>\n<h2 data-nodeid=\"1394\">\ud83d\ude4c Pensamento Final<\/h2>\n<blockquote data-nodeid=\"1395\">\n<p data-nodeid=\"1396\">\ud83d\udd04\u00a0<strong data-nodeid=\"1543\">Tudo o que muda \u2014 seja uma luz, um login ou um pedido \u2014 pode ser modelado com uma m\u00e1quina de estados.<\/strong><br \/>\nVoc\u00ea n\u00e3o precisa ser programador para entender. Voc\u00ea s\u00f3 precisa se perguntar:<strong data-nodeid=\"1544\">pergunte: \u201cO que esse objeto pode ser e o que faz com que mude?\u201d<\/strong><\/p>\n<\/blockquote>\n<hr data-nodeid=\"1397\"\/>\n<p data-nodeid=\"1398\">\u2705\u00a0<strong data-nodeid=\"1549\">Agora voc\u00ea sabe como criar um diagrama profissional e funcional de m\u00e1quina de estados \u2014 do iniciante ao modelador confiante.<\/strong><\/p>\n<blockquote data-nodeid=\"1399\">\n<p data-nodeid=\"1400\">\ud83c\udf89\u00a0<strong data-nodeid=\"1558\">Boa diagrama\u00e7\u00e3o!<\/strong><br \/>\nAvise-me se voc\u00ea gostaria de uma vers\u00e3o impressa em PDF, um quiz ou um desafio de programa\u00e7\u00e3o para testar suas habilidades.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"1401\"\/>\n<p class=\"\" data-nodeid=\"1402\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A\u00a0Diagrama de Estado UML\u00a0\u00e9 uma ferramenta visual poderosa que modela o comportamento din\u00e2mico de um sistema ao ilustrar como ele<\/p>\n","protected":false},"author":3479,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[144,127],"tags":[],"class_list":["post-10444","post","type-post","status-publish","format-standard","hentry","category-ai","category-unified-modeling-language"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos) - ArchiMetric Portuguese<\/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.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos) - ArchiMetric Portuguese\" \/>\n<meta property=\"og:description\" content=\"A\u00a0Diagrama de Estado UML\u00a0\u00e9 uma ferramenta visual poderosa que modela o comportamento din\u00e2mico de um sistema ao ilustrar como ele\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\" \/>\n<meta property=\"og:site_name\" content=\"ArchiMetric Portuguese\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-04T06:45:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\" \/>\n<meta name=\"author\" content=\"archimetric@visual-paradigm.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"archimetric@visual-paradigm.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\"},\"author\":{\"name\":\"archimetric@visual-paradigm.com\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28\"},\"headline\":\"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos)\",\"datePublished\":\"2026-03-04T06:45:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\"},\"wordCount\":1622,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\",\"articleSection\":[\"AI\",\"Unified Modeling Language\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\",\"url\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\",\"name\":\"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos) - ArchiMetric Portuguese\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\",\"datePublished\":\"2026-03-04T06:45:53+00:00\",\"author\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage\",\"url\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\",\"contentUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.archimetric.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/#website\",\"url\":\"https:\/\/www.archimetric.com\/pt\/\",\"name\":\"ArchiMetric Portuguese\",\"description\":\"EA, Dev Ops, Scrum, Agile and More\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.archimetric.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28\",\"name\":\"archimetric@visual-paradigm.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g\",\"caption\":\"archimetric@visual-paradigm.com\"},\"url\":\"https:\/\/www.archimetric.com\/pt\/author\/archimetricvisual-paradigm-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos) - ArchiMetric Portuguese","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.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","og_locale":"pt_PT","og_type":"article","og_title":"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos) - ArchiMetric Portuguese","og_description":"A\u00a0Diagrama de Estado UML\u00a0\u00e9 uma ferramenta visual poderosa que modela o comportamento din\u00e2mico de um sistema ao ilustrar como ele","og_url":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","og_site_name":"ArchiMetric Portuguese","article_published_time":"2026-03-04T06:45:53+00:00","og_image":[{"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png","type":"","width":"","height":""}],"author":"archimetric@visual-paradigm.com","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"archimetric@visual-paradigm.com","Tempo estimado de leitura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#article","isPartOf":{"@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/"},"author":{"name":"archimetric@visual-paradigm.com","@id":"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28"},"headline":"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos)","datePublished":"2026-03-04T06:45:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/"},"wordCount":1622,"commentCount":0,"image":{"@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png","articleSection":["AI","Unified Modeling Language"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","url":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/","name":"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos) - ArchiMetric Portuguese","isPartOf":{"@id":"https:\/\/www.archimetric.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage"},"image":{"@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png","datePublished":"2026-03-04T06:45:53+00:00","author":{"@id":"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28"},"breadcrumb":{"@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#primaryimage","url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png","contentUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/01\/1t03qBGv_S_Iz7dxnOnwt_w.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.archimetric.com\/pt\/complete-step-by-step-tutorial-how-to-create-a-state-machine-diagram-for-absolute-beginners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.archimetric.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Tutorial Passo a Passo Completo: Como Criar um Diagrama de M\u00e1quina de Estados (Para Iniciantes Absolutos)"}]},{"@type":"WebSite","@id":"https:\/\/www.archimetric.com\/pt\/#website","url":"https:\/\/www.archimetric.com\/pt\/","name":"ArchiMetric Portuguese","description":"EA, Dev Ops, Scrum, Agile and More","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.archimetric.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/e4027c9f5b602fc705716009e5671d28","name":"archimetric@visual-paradigm.com","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.archimetric.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/de58c1924d83d002dbce0b79f74ba4b70e2f85238332df6cabc0227effdf470d?s=96&d=mm&r=g","caption":"archimetric@visual-paradigm.com"},"url":"https:\/\/www.archimetric.com\/pt\/author\/archimetricvisual-paradigm-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/posts\/10444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/users\/3479"}],"replies":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/comments?post=10444"}],"version-history":[{"count":0,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/posts\/10444\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/media?parent=10444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/categories?post=10444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.archimetric.com\/pt\/wp-json\/wp\/v2\/tags?post=10444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}