{"id":12394,"date":"2026-10-29T13:20:02","date_gmt":"2026-10-29T05:20:02","guid":{"rendered":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/"},"modified":"2026-10-29T13:29:23","modified_gmt":"2026-10-29T05:29:23","slug":"from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","title":{"rendered":"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm"},"content":{"rendered":"<h2 data-nodeid=\"28688\">Introdu\u00e7\u00e3o<\/h2>\n<p data-nodeid=\"28689\">Na engenharia de software moderna, a lacuna entre o design arquitetural e a documenta\u00e7\u00e3o t\u00e9cnica \u00e9 frequentemente onde os projetos perdem o impulso. Os diagramas tornam-se capturas de tela desatualizadas, a documenta\u00e7\u00e3o se afasta da realidade e o onboarding de novos membros da equipe se torna um exerc\u00edcio tedioso de decifrar artefatos legados.<\/p>\n<p data-nodeid=\"28690\">O ecossistema impulsionado por IA do Visual Paradigm aborda esse desafio ao transformar a maneira como as equipes criam e mant\u00eam a documenta\u00e7\u00e3o t\u00e9cnica. Ao conectar o diagrama\u00e7\u00e3o conversacional, o modelagem C4 estruturada, um pipeline centralizado de ativos e a documenta\u00e7\u00e3o viva em um \u00fanico fluxo de trabalho cont\u00ednuo, ele garante que sua arquitetura e sua documenta\u00e7\u00e3o evoluam juntas como uma \u00fanica fonte de verdade.<\/p>\n<p><img alt=\"\" class=\"alignnone size-full wp-image-22363\" decoding=\"async\" height=\"1122\" loading=\"lazy\" sizes=\"auto, (max-width: 1402px) 100vw, 1402px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png 1402w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7-300x240.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7-1024x819.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7-768x615.png 768w\" width=\"1402\"\/><\/p>\n<p data-nodeid=\"28691\">Este guia oferece uma vis\u00e3o geral abrangente e passo a passo desse fluxo de trabalho completo \u2014 desde a brainstorming inicial com IA at\u00e9 a publica\u00e7\u00e3o de documenta\u00e7\u00e3o viva que se atualiza automaticamente \u2014 completo com exemplos extensivos de PlantUML e melhores pr\u00e1ticas.<\/p>\n<hr data-nodeid=\"28692\"\/>\n<h2 data-nodeid=\"28693\">Parte 1: Conceitos-Chave e Vis\u00e3o Geral do Ecossistema<\/h2>\n<h3 data-nodeid=\"28694\">Os Quatro Pilares<\/h3>\n<p data-nodeid=\"28695\">O ecossistema do Visual Paradigm consiste em quatro pilares de IA interconectados que trabalham juntos para criar um fluxo de trabalho de ciclo fechado:<\/p>\n<p><img alt=\"\" class=\"alignnone size-full wp-image-22365\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d89068492-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<table data-nodeid=\"28697\">\n<thead data-nodeid=\"28698\">\n<tr data-nodeid=\"28699\">\n<th data-nodeid=\"28701\"><strong data-nodeid=\"29387\">Pilar<\/strong><\/th>\n<th data-nodeid=\"28702\"><strong data-nodeid=\"29391\">Prop\u00f3sito<\/strong><\/th>\n<th data-nodeid=\"28703\"><strong data-nodeid=\"29395\">Quando Usar<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"28707\">\n<tr data-nodeid=\"28708\">\n<td data-nodeid=\"28709\"><strong data-nodeid=\"29399\">Chatbot de Modelagem Visual com IA<\/strong><\/td>\n<td data-nodeid=\"28710\">Copiloto de idea\u00e7\u00e3o conversacional; gera diagramas a partir de linguagem natural<\/td>\n<td data-nodeid=\"28711\">Brainstorming, prototipagem r\u00e1pida, supera\u00e7\u00e3o da s\u00edndrome da &#8220;tela em branco&#8221;<\/td>\n<\/tr>\n<tr data-nodeid=\"28712\">\n<td data-nodeid=\"28713\"><strong data-nodeid=\"29411\">Aplicativos e Est\u00fadios com IA (C4-PlantUML Studio)<\/strong><\/td>\n<td data-nodeid=\"28714\">Modelagem guiada e orientada por metodologia com assistentes passo a passo<\/td>\n<td data-nodeid=\"28715\">Refinamento estruturado, modelagem C4, conformidade, onboarding<\/td>\n<\/tr>\n<tr data-nodeid=\"28716\">\n<td data-nodeid=\"28717\"><strong data-nodeid=\"29417\">OpenDocs<\/strong><\/td>\n<td data-nodeid=\"28718\">Plataforma de gerenciamento de conhecimento viva com diagramas edit\u00e1veis em tempo real<\/td>\n<td data-nodeid=\"28719\">Documenta\u00e7\u00e3o t\u00e9cnica, onboarding, relat\u00f3rios para partes interessadas, wikis<\/td>\n<\/tr>\n<tr data-nodeid=\"28720\">\n<td data-nodeid=\"28721\"><strong data-nodeid=\"29423\">VP Desktop<\/strong><\/td>\n<td data-nodeid=\"28722\">Modelagem de precis\u00e3o profissional, valida\u00e7\u00e3o e engenharia de c\u00f3digo<\/td>\n<td data-nodeid=\"28723\">Arquitetura empresarial, valida\u00e7\u00e3o sem\u00e2ntica, gera\u00e7\u00e3o de c\u00f3digo, rastreabilidade<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"28724\">O Pipeline OpenDocs<\/h3>\n<p data-nodeid=\"28725\">O Pipeline atua como um hub central de tr\u00e2nsito seguro e hospedado na nuvem que conecta todos os cinco ambientes de execu\u00e7\u00e3o dentro do ecossistema do Visual Paradigm. Ele permite que as equipes transmitam artefatos de m\u00faltiplas fontes diretamente para documenta\u00e7\u00e3o t\u00e9cnica unificada, sem transfer\u00eancias manuais de arquivos ou capturas de tela.<\/p>\n<p data-nodeid=\"28725\"><img alt=\"Gerador de Mapa Mental com IA Agora se Conecta ao Pipeline | Visual Paradigm\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6aab4fe26afbe.png\"\/><\/p>\n<p data-nodeid=\"28726\"><strong data-nodeid=\"29432\">Caracter\u00edsticas Principais<\/strong>:<\/p>\n<ul data-nodeid=\"28727\">\n<li data-nodeid=\"28728\">\n<p data-nodeid=\"28729\"><strong data-nodeid=\"29437\">Reposit\u00f3rio hospedado na nuvem<\/strong>: Acesse artefatos de qualquer dispositivo<\/p>\n<\/li>\n<li data-nodeid=\"28730\">\n<p data-nodeid=\"28731\"><strong data-nodeid=\"29442\">Consciente de vers\u00f5es<\/strong>: Rastreamento autom\u00e1tico de revis\u00f5es com notas de commit<\/p>\n<\/li>\n<li data-nodeid=\"28732\">\n<p data-nodeid=\"28733\"><strong data-nodeid=\"29447\">Editabilidade preservada<\/strong>: Diagramas permanecem vinculados aos modelos de origem, n\u00e3o a imagens est\u00e1ticas<\/p>\n<\/li>\n<li data-nodeid=\"28734\">\n<p data-nodeid=\"28735\"><strong data-nodeid=\"29452\">Acesso baseado em fun\u00e7\u00f5es<\/strong>: Configure permiss\u00f5es por projeto, equipe ou artefato<\/p>\n<\/li>\n<li data-nodeid=\"28736\">\n<p data-nodeid=\"28737\"><strong data-nodeid=\"29457\">Integrado com IA<\/strong>: Suporte nativo para diagramas gerados e refinados por IA<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"28738\"><strong data-nodeid=\"29462\">Os Cinco Ambientes de Execu\u00e7\u00e3o<\/strong>:<\/p>\n<table data-nodeid=\"28740\">\n<thead data-nodeid=\"28741\">\n<tr data-nodeid=\"28742\">\n<th data-nodeid=\"28744\"><strong data-nodeid=\"29466\">Plataforma<\/strong><\/th>\n<th data-nodeid=\"28745\"><strong data-nodeid=\"29470\">Modelagem da Natureza<\/strong><\/th>\n<th data-nodeid=\"28746\"><strong data-nodeid=\"29476\">Ciclo de Vida &amp; Versionamento<\/strong><\/th>\n<th data-nodeid=\"28747\"><strong data-nodeid=\"29480\">Caso de Uso Ideal<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"28752\">\n<tr data-nodeid=\"28753\">\n<td data-nodeid=\"28754\">1. Chatbot com IA<\/td>\n<td data-nodeid=\"28755\">Baseado em c\u00f3digo \/ Baseado em prompts<\/td>\n<td data-nodeid=\"28756\">Capturas est\u00e1ticas<\/td>\n<td data-nodeid=\"28757\">Brainstorming r\u00e1pido, gera\u00e7\u00e3o de diagramas a partir de texto<\/td>\n<\/tr>\n<tr data-nodeid=\"28758\">\n<td data-nodeid=\"28759\">2. Editor Online<\/td>\n<td data-nodeid=\"28760\">Baseado em tela visual<\/td>\n<td data-nodeid=\"28761\">Rastreamento manual<\/td>\n<td data-nodeid=\"28762\">Ajustes de estilo, edi\u00e7\u00e3o colaborativa baseada no navegador<\/td>\n<\/tr>\n<tr data-nodeid=\"28763\">\n<td data-nodeid=\"28764\">3. OpenDocs<\/td>\n<td data-nodeid=\"28765\">Consumo e Autoria Nativa<\/td>\n<td data-nodeid=\"28766\">Inser\u00e7\u00e3o de links em tempo real<\/td>\n<td data-nodeid=\"28767\">Montagem final da documenta\u00e7\u00e3o, refer\u00eancias cruzadas<\/td>\n<\/tr>\n<tr data-nodeid=\"28768\">\n<td data-nodeid=\"28769\">4. Aplicativo Desktop<\/td>\n<td data-nodeid=\"28770\">Baseado em modelos &amp; Validado<\/td>\n<td data-nodeid=\"28771\">Revis\u00f5es Autom\u00e1ticas<\/td>\n<td data-nodeid=\"28772\">Arquitetura empresarial, modelos de engenharia validados<\/td>\n<\/tr>\n<tr data-nodeid=\"28773\">\n<td data-nodeid=\"28774\">5. Aplicativos Web (Assistentes C4)<\/td>\n<td data-nodeid=\"28775\">Assistentes Orientados por Contexto<\/td>\n<td data-nodeid=\"28776\">Arquitetura Estrutural<\/td>\n<td data-nodeid=\"28777\">Modelagem de frameworks complexos, design guiado passo a passo<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"28778\">O Modelo C4<\/h3>\n<p data-nodeid=\"28779\">O modelo C4, criado por Simon Brown, \u00e9 uma abordagem hier\u00e1rquica para visualizar a arquitetura de software em quatro n\u00edveis:<\/p>\n<p data-nodeid=\"28779\"><img decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_69faed56dfc7a.png\"\/><\/p>\n<table data-nodeid=\"28781\">\n<thead data-nodeid=\"28782\">\n<tr data-nodeid=\"28783\">\n<th data-nodeid=\"28785\"><strong data-nodeid=\"29523\">Camada<\/strong><\/th>\n<th data-nodeid=\"28786\"><strong data-nodeid=\"29527\">Prop\u00f3sito<\/strong><\/th>\n<th data-nodeid=\"28787\"><strong data-nodeid=\"29531\">Exemplo<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"28791\">\n<tr data-nodeid=\"28792\">\n<td data-nodeid=\"28793\"><strong data-nodeid=\"29535\">Contexto<\/strong><\/td>\n<td data-nodeid=\"28794\">Mostra o sistema em seu ambiente, incluindo usu\u00e1rios e sistemas externos<\/td>\n<td data-nodeid=\"28795\">\u201cPlataforma de com\u00e9rcio eletr\u00f4nico interagindo com usu\u00e1rios, gateways de pagamento e sistemas de invent\u00e1rio\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"28796\">\n<td data-nodeid=\"28797\"><strong data-nodeid=\"29543\">Cont\u00eainer<\/strong><\/td>\n<td data-nodeid=\"28798\">Divide o sistema em unidades implant\u00e1veis (aplicativos, bancos de dados, microsservi\u00e7os)<\/td>\n<td data-nodeid=\"28799\">\u201cFrontend (React), Backend (Node.js), Banco de Dados (PostgreSQL)\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"28800\">\n<td data-nodeid=\"28801\"><strong data-nodeid=\"29551\">Componente<\/strong><\/td>\n<td data-nodeid=\"28802\">Detalha m\u00f3dulos internos e suas intera\u00e7\u00f5es<\/td>\n<td data-nodeid=\"28803\">\u201cServi\u00e7o de Usu\u00e1rio, Servi\u00e7o de Pedido, Processador de Pagamento\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"28804\">\n<td data-nodeid=\"28805\"><strong data-nodeid=\"29560\">C\u00f3digo<\/strong> (Opcional)<\/td>\n<td data-nodeid=\"28806\">Aprofunda-se nos detalhes em n\u00edvel de classe<\/td>\n<td data-nodeid=\"28807\">\u201cUserRepository, OrderController\u201d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"28808\">Vis\u00f5es din\u00e2micas (Sequ\u00eancia, Implanta\u00e7\u00e3o) complementam a estrutura est\u00e1tica, mostrando o comportamento em tempo de execu\u00e7\u00e3o e a infraestrutura.<\/p>\n<hr data-nodeid=\"28809\"\/>\n<h2 data-nodeid=\"28810\">Parte 2: Guia de Fluxo de Trabalho Passo a Passo<\/h2>\n<h3 data-nodeid=\"28811\">Etapa 1: Idea\u00e7\u00e3o com o Chatbot de IA<\/h3>\n<p data-nodeid=\"28812\"><strong data-nodeid=\"29572\">Objetivo<\/strong>: Transformar uma ideia vaga em um prot\u00f3tipo visual em segundos.<\/p>\n<p data-nodeid=\"28813\"><strong data-nodeid=\"29577\">Fluxo de Trabalho<\/strong>:<\/p>\n<ol data-nodeid=\"28814\">\n<li data-nodeid=\"28815\">\n<p data-nodeid=\"28816\"><strong data-nodeid=\"29585\">Acesse o Chatbot de IA<\/strong> atrav\u00e9s do seu workspace do Visual Paradigm ou <a data-nodeid=\"29584\" href=\"https:\/\/chat.visual-paradigm.com\/\">chat.visual-paradigm.com<\/a><\/p>\n<\/li>\n<li data-nodeid=\"28817\">\n<p data-nodeid=\"28818\"><strong data-nodeid=\"29590\">Solicite \u00e0 IA usando linguagem natural<\/strong> descrevendo seu sistema ou cen\u00e1rio:<\/p>\n<pre class=\"lang-text\" data-nodeid=\"28819\"><code data-language=\"text\">\"Gerar um diagrama de contexto de sistema C4 para uma plataforma de com\u00e9rcio eletr\u00f4nico\"\r\n\"Criar um diagrama de sequ\u00eancia para nosso fluxo de autentica\u00e7\u00e3o de microsservi\u00e7os\"\r\n\"Mostrar-me um diagrama de casos de uso para um aplicativo de entrega de alimentos\"\r\n<\/code><\/pre>\n<\/li>\n<li data-nodeid=\"28820\">\n<p data-nodeid=\"28821\"><strong data-nodeid=\"29595\">Revise e refine iterativamente<\/strong> usando comandos de acompanhamento:<\/p>\n<ul data-nodeid=\"28822\">\n<li data-nodeid=\"28823\">\n<p data-nodeid=\"28824\">&#8220;Adicionar um ator administrador que possa redefinir senhas&#8221;<\/p>\n<\/li>\n<li data-nodeid=\"28825\">\n<p data-nodeid=\"28826\">&#8220;Inserir um loop de repeti\u00e7\u00e3o se a valida\u00e7\u00e3o do OTP falhar (m\u00e1ximo de 3 tentativas)&#8221;<\/p>\n<\/li>\n<li data-nodeid=\"28827\">\n<p data-nodeid=\"28828\">&#8220;Mostrar mensagens paralelas: ap\u00f3s o sucesso do pagamento, notificar o cliente e atualizar o estoque simultaneamente&#8221;<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28829\">\n<p data-nodeid=\"28830\"><strong data-nodeid=\"29612\">Exportar para o Pipeline<\/strong>: Clique no \u00edcone Exportar \u2192 Selecione <strong data-nodeid=\"29613\">Enviar para o Pipeline OpenDocs<\/strong><\/p>\n<\/li>\n<li data-nodeid=\"28831\">\n<p data-nodeid=\"28832\"><strong data-nodeid=\"29622\">Adicionar Metadados<\/strong>: Inclua coment\u00e1rios descritivos como &#8220;Rascunho do fluxo de autentica\u00e7\u00e3o base \u2013 2\u00ba trimestre de 2026&#8221; para identifica\u00e7\u00e3o de vers\u00e3o<\/p>\n<\/li>\n<\/ol>\n<blockquote data-nodeid=\"28833\">\n<p data-nodeid=\"28834\"><strong data-nodeid=\"29627\">\ud83d\udca1 Dica Pro<\/strong>: Use o Chatbot para itera\u00e7\u00e3o r\u00e1pida em conceitos iniciais. Uma vez que um diagrama se estabilize, migre-o para o Desktop para valida\u00e7\u00e3o sem\u00e2ntica e sincroniza\u00e7\u00e3o automatizada.<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"28835\">Exemplo de PlantUML para Diagrama de Contexto C4<\/h4>\n<p data-nodeid=\"28836\"><img alt=\"\" data-nodeid=\"29630\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc80f5c2c1.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLFBRjim4BmRy3-mFhc0RLrwwYcf6YG16bI8qdD0Ksk9C1ygkPJZl--kB1jqu9wqud9cTsQakuWoOB9cFlkYdJAf0T4Xzl5xKGHvsBGQkxHD4OBo3i7XHdbRz4Ow1gqZDaPlY_BRkkAZFo-_2YiZGg2Zzv8H7xZfH_hv33KQ4FMH-bPCJV5JopP8AzRYOLrwQsaG22B3dG-MKHM4wDrIfOYUkYknAAToGNNT-Rwd6s8R_25grmhf6j6de3evllR1DqbXN7ozKCd6QaVOUtxgY46Y7ybUf9Cjn0jc9Nne2BCQITc4aMO-EsbOWfeM9koDxPdojpFQWGY0KXiHJzexeZFPSa99bCQtAn5P3dSKfN8zlfT7I_vVRV3-y87BgK73gbCb7YN2GHvvVXMyWXX9b0hGQ1uLhhao9kq6ElNXIC3dSpq5blj3zgkzC320YUDkksHssXZc_4GPEzrFszLKZjfg28DMm8nFx0GnZa950qOFG2EPas9HUxf-qliA9li4SkD_SF109aMGb3fNK_nPaap255FqEVx_eLy2PsG6oGo_k7jsL0nQZiBUtghw1ZQtkEn0xMEH-eRocbnbx7trV0EPEVaAVnD46dO-or3psHsuXlwuVm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLCzRzj03DqD-3zSFJc0RIsTEYLmZRP0MmXrsZLWJepCudIdt8SIzzy47O8CtVeFzCTAIdOY5IxGIGIFx_7naJeF4NnCbPbENf7L9XMeTZ7MuKsMURXRbHHtwJe5zDhPY3QkjAkose0Lq3B4mj1rjdwzp2NrzTF7h88GqNFgQYs8-xYgE_hf958qgDuIb1ugKDpfKE5KuTIM6CVffMAg23VE7skgzibhScfZCFhsjoNjX2v77voTwnIYgz0lr6njY1NYJ49NrHuAvp4e2msMOBa7Ajtb9QwzAr9qONRsJ0L5HPR15_9bEHs1iBr3ZrOJF8CMgiQ22XUOCeNKFdZgcQQJxLxcc2DtObKQ6VuV0qcNemDSqu37xquvQyYYkaseogC43R5zCAvqKlUYHuFtP7TTjXzo9BA64YesPwpoQdCVvpNivKN6X8Xti1UA_5WlmdBlD8O00nRf8JrZ-xDlwTkdWhZyRCHDjf5oln-Fj-6LyL0ZQstxgq4AyepzCyl6UzIfVUGcVn677TK7rLlq3RMFdOoDRSYDQBd6y_QPYntXiDVVUTURq_ln1StWaeRB-znTZtWPRXC5ZdfxHmSayCFr3B7_lfl5-6m4Fm2-hEIKzGs1ZFZ-yZBVdW0FFV-6dcv8GmOnWQ4VSFHM22xo3oVWGsUT8KrHJ3pOUe1C9-Te2_wj_m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28837\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\n\r\ntitle Diagrama de Contexto do Sistema - Plataforma de Com\u00e9rcio Eletr\u00f4nico\r\n\r\nPerson(customer, \"Cliente\", \"Compradores navegando e comprando produtos\")\r\nPerson(admin, \"Administrador\", \"Gerencia produtos, pedidos e usu\u00e1rios\")\r\n\r\nSystem(ecommerce, \"Plataforma de Com\u00e9rcio Eletr\u00f4nico\", \"Sistema de varejo online que gerencia cat\u00e1logo de produtos, carrinho de compras, pedidos e pagamentos\")\r\n\r\nSystem_Ext(payment, \"Gateway de Pagamento\", \"Processa pagamentos com cart\u00e3o de cr\u00e9dito\")\r\nSystem_Ext(inventory, \"Sistema de Estoque\", \"Gerencia n\u00edveis de estoque e execu\u00e7\u00e3o\")\r\nSystem_Ext(shipment, \"Servi\u00e7o de Envio\", \"Gerencia entrega e rastreamento de pedidos\")\r\n\r\nRel(customer, ecommerce, \"Navega, pesquisa, compra produtos\")\r\nRel(admin, ecommerce, \"Gerencia produtos, pedidos, usu\u00e1rios\")\r\nRel(ecommerce, payment, \"Processa pagamentos via\", \"HTTPS\")\r\nRel(ecommerce, inventory, \"Verifica\/atualiza estoque\", \"API\")\r\nRel(ecommerce, shipment, \"Solicita envio\", \"API\")\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLCzRzj03DqD-3zSFJc0RIsTEYLmZRP0MmXrsZLWJepCudIdt8SIzzy47O8CtVeFzCTAIdOY5IxGIGIFx_7naJeF4NnCbPbENf7L9XMeTZ7MuKsMURXRbHHtwJe5zDhPY3QkjAkose0Lq3B4mj1rjdwzp2NrzTF7h88GqNFgQYs8-xYgE_hf958qgDuIb1ugKDpfKE5KuTIM6CVffMAg23VE7skgzibhScfZCFhsjoNjX2v77voTwnIYgz0lr6njY1NYJ49NrHuAvp4e2msMOBa7Ajtb9QwzAr9qONRsJ0L5HPR15_9bEHs1iBr3ZrOJF8CMgiQ22XUOCeNKFdZgcQQJxLxcc2DtObKQ6VuV0qcNemDSqu37xquvQyYYkaseogC43R5zCAvqKlUYHuFtP7TTjXzo9BA64YesPwpoQdCVvpNivKN6X8Xti1UA_5WlmdBlD8O00nRf8JrZ-xDlwTkdWhZyRCHDjf5oln-Fj-6LyL0ZQstxgq4AyepzCyl6UzIfVUGcVn677TK7rLlq3RMFdOoDRSYDQBd6y_QPYntXiDVVUTURq_ln1StWaeRB-znTZtWPRXC5ZdfxHmSayCFr3B7_lfl5-6m4Fm2-hEIKzGs1ZFZ-yZBVdW0FFV-6dcv8GmOnWQ4VSFHM22xo3oVWGsUT8KrHJ3pOUe1C9-Te2_wj_m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLFBRjim4BmRy3-mFhc0RLrwwYcf6YG16bI8qdD0Ksk9C1ygkPJZl--kB1jqu9wqud9cTsQakuWoOB9cFlkYdJAf0T4Xzl5xKGHvsBGQkxHD4OBo3i7XHdbRz4Ow1gqZDaPlY_BRkkAZFo-_2YiZGg2Zzv8H7xZfH_hv33KQ4FMH-bPCJV5JopP8AzRYOLrwQsaG22B3dG-MKHM4wDrIfOYUkYknAAToGNNT-Rwd6s8R_25grmhf6j6de3evllR1DqbXN7ozKCd6QaVOUtxgY46Y7ybUf9Cjn0jc9Nne2BCQITc4aMO-EsbOWfeM9koDxPdojpFQWGY0KXiHJzexeZFPSa99bCQtAn5P3dSKfN8zlfT7I_vVRV3-y87BgK73gbCb7YN2GHvvVXMyWXX9b0hGQ1uLhhao9kq6ElNXIC3dSpq5blj3zgkzC320YUDkksHssXZc_4GPEzrFszLKZjfg28DMm8nFx0GnZa950qOFG2EPas9HUxf-qliA9li4SkD_SF109aMGb3fNK_nPaap255FqEVx_eLy2PsG6oGo_k7jsL0nQZiBUtghw1ZQtkEn0xMEH-eRocbnbx7trV0EPEVaAVnD46dO-or3psHsuXlwuVm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28838\"><a data-nodeid=\"29633\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLFBRjim4BmRy3-mFhc0RLrwwYcf6YG16bI8qdD0Ksk9C1ygkPJZl--kB1jqu9wqud9cTsQakuWoOB9cFlkYdJAf0T4Xzl5xKGHvsBGQkxHD4OBo3i7XHdbRz4Ow1gqZDaPlY_BRkkAZFo-_2YiZGg2Zzv8H7xZfH_hv33KQ4FMH-bPCJV5JopP8AzRYOLrwQsaG22B3dG-MKHM4wDrIfOYUkYknAAToGNNT-Rwd6s8R_25grmhf6j6de3evllR1DqbXN7ozKCd6QaVOUtxgY46Y7ybUf9Cjn0jc9Nne2BCQITc4aMO-EsbOWfeM9koDxPdojpFQWGY0KXiHJzexeZFPSa99bCQtAn5P3dSKfN8zlfT7I_vVRV3-y87BgK73gbCb7YN2GHvvVXMyWXX9b0hGQ1uLhhao9kq6ElNXIC3dSpq5blj3zgkzC320YUDkksHssXZc_4GPEzrFszLKZjfg28DMm8nFx0GnZa950qOFG2EPas9HUxf-qliA9li4SkD_SF109aMGb3fNK_nPaap255FqEVx_eLy2PsG6oGo_k7jsL0nQZiBUtghw1ZQtkEn0xMEH-eRocbnbx7trV0EPEVaAVnD46dO-or3psHsuXlwuVm00\">Editar PlantUML no VPasCode<\/a><\/p>\n<h4 data-nodeid=\"28839\">Exemplo de PlantUML para Diagrama de Sequ\u00eancia<\/h4>\n<p data-nodeid=\"28840\"><img alt=\"\" data-nodeid=\"29636\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc84cf2db8.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLHDRzim3BqRy7yWSagmvTBUSXZQ8Uqme4E7EjlEj4N4mcJ9a-Xu_VUZv8yuxT1D1uEc7lcU7mdV14RFNMFoZ3KRWe9-TMGhWht6eyS6jl0ja8S7TzGMUiqr77gtlSUAdOVRZckoh2jaxMoUvTcGNyMQ5M20Je8yQuL4Lxf5ox3wGILyzAwV8EKGlq1TjXPT_gGhIWKeLo_GnPS2FY5JZyy94fgGPmePImmqo87z-9e0gengephOVfWaxE3EicGgJofoemdfY_H9MfzrZa4iZ59sInje7NjQREWzj1X2xxpQB9eCskCpbgjo1z_HQ1Ml_iuQXQeIjZDPmakEBY1IOHYkxc_b4x0q90YGCn697pjuYhCD38-7h-Fjr27P5JCI9AekkL6GLMVqWd76TnS-3ExD1IE9IOoJRXZFe6pfVT5L5OK0x-3WVf8zGsU_Ps5FfBIdYe6TZ3NKfKC_zYOZ0uzyd-qfCiAwmTzm3SXCJSjXyvQ4E-zbUzTJgRJPl2MZg5q_r9nHrea_NXzhZZBPFuDnhWNTj8OQ6Uyq6R4spvBOEBIz3g-czazl_jkNn7MnCiCQBXBpSjy8MFu7Vm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLHDRzD04Br7ydyOvTG8Se5R3gX5QQ4IXGgNzZpsZj8HzgxPNIVmSo8EbVWR_cFC-2iEAgtgGx9QlpVlpTjPduQ8FjPbaSmYnu9WpRZnM28OWfH-rCqVcpF24Zwv3LlT_HRgPk_PGUvAEAiZsSWvDW_DRwUlruu3N61qda8oIsQwWlb0cYlBGHt89xDAf3dd2cqac7_6BMtG2FgEiXwNURTx19gIttBpqEeTE-XvMCVxVqaVCD8EVxMDNQKzC9HYqc3438DWtgFDkox4I9Xs6tg2oRGfzG_BTuE_5LnQ-MCFkIT3cXXBNSmZRqNrq4Q_KAfQN1tS-nEjQR6arr1X23ldpM9Iekj8VvLiiXNSOi46_oUfFaq6or7fjjaBtiak7O64KqHuSt467p7ZWYCg2EGPn2IZ5QIka2XbME3BpNN_VYZJXgWxicWLwpQJSxlbANuYF3BgepI654TABoG6PUlG0lHFvt1w3ccTKmWENi6D-qxs01sJ7-rz9SEUSdPMJCge83YuHhPKT2mgP29Kzj9kEs4uAPlzJvOfU0jwRAZTXCLJViwz5zfHbSLJfgvSY5xyAE-0iquoyxovZokvXwxImVHKKUJksd5P5LIgeo4TiYQPjHteoQufF7gspoRtijHQqQC1wwPsiZ7UX5C1osVdBm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28841\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ntitle Diagrama de Sequ\u00eancia - Login de Usu\u00e1rio com Autentica\u00e7\u00e3o de Dois Fatores\r\n\r\nator \"Usu\u00e1rio\" como user\r\nparticipante \"Navegador Web\" como browser\r\nparticipante \"Servi\u00e7o de Autentica\u00e7\u00e3o\" como auth\r\nparticipante \"Gateway de SMS\" como sms\r\ndatabase \"Banco de Dados de Usu\u00e1rios\" como db\r\n\r\nuser -&gt; browser: Inserir credenciais\r\nactivate browser\r\nbrowser -&gt; auth: Autenticar(username, password)\r\nactivate auth\r\nauth -&gt; db: Validar credenciais\r\nactivate db\r\ndb --&gt; auth: V\u00e1lido\r\ndeactivate db\r\n\r\nalt 2FA Habilitado\r\n    auth -&gt; sms: Solicitar OTP\r\n    activate sms\r\n    sms --&gt; user: Enviar OTP\r\n    deactivate sms\r\n    user -&gt; auth: Inserir OTP\r\n    \r\n    alt OTP V\u00e1lido\r\n        auth --&gt; browser: Sucesso + Token\r\n        browser --&gt; user: Redirecionar para o Painel\r\n    else OTP Inv\u00e1lido (m\u00e1ximo 3 tentativas)\r\n        auth --&gt; browser: Erro (OTP Inv\u00e1lido)\r\n        browser --&gt; user: Mostrar Erro\r\n        note right: Loop de repeti\u00e7\u00e3o implementado\r\n    end\r\nelse 2FA Desabilitado\r\n    auth --&gt; browser: Sucesso + Token\r\n    browser --&gt; user: Redirecionar para o Painel\r\nend\r\n\r\ndeactivate auth\r\ndeactivate browser\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLHDRzD04Br7ydyOvTG8Se5R3gX5QQ4IXGgNzZpsZj8HzgxPNIVmSo8EbVWR_cFC-2iEAgtgGx9QlpVlpTjPduQ8FjPbaSmYnu9WpRZnM28OWfH-rCqVcpF24Zwv3LlT_HRgPk_PGUvAEAiZsSWvDW_DRwUlruu3N61qda8oIsQwWlb0cYlBGHt89xDAf3dd2cqac7_6BMtG2FgEiXwNURTx19gIttBpqEeTE-XvMCVxVqaVCD8EVxMDNQKzC9HYqc3438DWtgFDkox4I9Xs6tg2oRGfzG_BTuE_5LnQ-MCFkIT3cXXBNSmZRqNrq4Q_KAfQN1tS-nEjQR6arr1X23ldpM9Iekj8VvLiiXNSOi46_oUfFaq6or7fjjaBtiak7O64KqHuSt467p7ZWYCg2EGPn2IZ5QIka2XbME3BpNN_VYZJXgWxicWLwpQJSxlbANuYF3BgepI654TABoG6PUlG0lHFvt1w3ccTKmWENi6D-qxs01sJ7-rz9SEUSdPMJCge83YuHhPKT2mgP29Kzj9kEs4uAPlzJvOfU0jwRAZTXCLJViwz5zfHbSLJfgvSY5xyAE-0iquoyxovZokvXwxImVHKKUJksd5P5LIgeo4TiYQPjHteoQufF7gspoRtijHQqQC1wwPsiZ7UX5C1osVdBm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLHDRzim3BqRy7yWSagmvTBUSXZQ8Uqme4E7EjlEj4N4mcJ9a-Xu_VUZv8yuxT1D1uEc7lcU7mdV14RFNMFoZ3KRWe9-TMGhWht6eyS6jl0ja8S7TzGMUiqr77gtlSUAdOVRZckoh2jaxMoUvTcGNyMQ5M20Je8yQuL4Lxf5ox3wGILyzAwV8EKGlq1TjXPT_gGhIWKeLo_GnPS2FY5JZyy94fgGPmePImmqo87z-9e0gengephOVfWaxE3EicGgJofoemdfY_H9MfzrZa4iZ59sInje7NjQREWzj1X2xxpQB9eCskCpbgjo1z_HQ1Ml_iuQXQeIjZDPmakEBY1IOHYkxc_b4x0q90YGCn697pjuYhCD38-7h-Fjr27P5JCI9AekkL6GLMVqWd76TnS-3ExD1IE9IOoJRXZFe6pfVT5L5OK0x-3WVf8zGsU_Ps5FfBIdYe6TZ3NKfKC_zYOZ0uzyd-qfCiAwmTzm3SXCJSjXyvQ4E-zbUzTJgRJPl2MZg5q_r9nHrea_NXzhZZBPFuDnhWNTj8OQ6Uyq6R4spvBOEBIz3g-czazl_jkNn7MnCiCQBXBpSjy8MFu7Vm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28842\"><a data-nodeid=\"29639\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLHDRzim3BqRy7yWSagmvTBUSXZQ8Uqme4E7EjlEj4N4mcJ9a-Xu_VUZv8yuxT1D1uEc7lcU7mdV14RFNMFoZ3KRWe9-TMGhWht6eyS6jl0ja8S7TzGMUiqr77gtlSUAdOVRZckoh2jaxMoUvTcGNyMQ5M20Je8yQuL4Lxf5ox3wGILyzAwV8EKGlq1TjXPT_gGhIWKeLo_GnPS2FY5JZyy94fgGPmePImmqo87z-9e0gengephOVfWaxE3EicGgJofoemdfY_H9MfzrZa4iZ59sInje7NjQREWzj1X2xxpQB9eCskCpbgjo1z_HQ1Ml_iuQXQeIjZDPmakEBY1IOHYkxc_b4x0q90YGCn697pjuYhCD38-7h-Fjr27P5JCI9AekkL6GLMVqWd76TnS-3ExD1IE9IOoJRXZFe6pfVT5L5OK0x-3WVf8zGsU_Ps5FfBIdYe6TZ3NKfKC_zYOZ0uzyd-qfCiAwmTzm3SXCJSjXyvQ4E-zbUzTJgRJPl2MZg5q_r9nHrea_NXzhZZBPFuDnhWNTj8OQ6Uyq6R4spvBOEBIz3g-czazl_jkNn7MnCiCQBXBpSjy8MFu7Vm00\">Editar PlantUML no VPasCode<\/a><\/p>\n<hr data-nodeid=\"28843\"\/>\n<h3 data-nodeid=\"28844\">Etapa 2: Refinamento Estruturado com o C4-PlantUML Studio<\/h3>\n<p data-nodeid=\"28845\"><strong data-nodeid=\"29645\">Objetivo<\/strong>: Evolua o esbo\u00e7o gerado por IA em um modelo C4 completo e conforme os padr\u00f5es.<\/p>\n<p data-nodeid=\"28846\"><strong data-nodeid=\"29650\">Fluxo de trabalho<\/strong>:<\/p>\n<ol data-nodeid=\"28847\">\n<li data-nodeid=\"28848\">\n<p data-nodeid=\"28849\"><strong data-nodeid=\"29655\">Inicie o Guia de Arquitetura C4<\/strong>no menu de Aplicativos Web<\/p>\n<\/li>\n<li data-nodeid=\"28850\">\n<p data-nodeid=\"28851\"><strong data-nodeid=\"29660\">Defina a Declara\u00e7\u00e3o do Problema<\/strong> \u2013 Use o Assistente de IA para gerar uma descri\u00e7\u00e3o completa:<\/p>\n<ul data-nodeid=\"28852\">\n<li data-nodeid=\"28853\">\n<p data-nodeid=\"28854\">Nome do projeto<\/p>\n<\/li>\n<li data-nodeid=\"28855\">\n<p data-nodeid=\"28856\">Prop\u00f3sito do sistema<\/p>\n<\/li>\n<li data-nodeid=\"28857\">\n<p data-nodeid=\"28858\">Usu\u00e1rios principais<\/p>\n<\/li>\n<li data-nodeid=\"28859\">\n<p data-nodeid=\"28860\">Integra\u00e7\u00f5es principais<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28861\">\n<p data-nodeid=\"28862\"><strong data-nodeid=\"29669\">Gere cada camada C4 passo a passo<\/strong>:<\/p>\n<ul data-nodeid=\"28863\">\n<li data-nodeid=\"28864\">\n<p data-nodeid=\"28865\"><strong data-nodeid=\"29674\">N\u00edvel 1 \u2013 Contexto do Sistema<\/strong>: Insira os limites do sistema, usu\u00e1rios externos e sistemas dependentes<\/p>\n<\/li>\n<li data-nodeid=\"28866\">\n<p data-nodeid=\"28867\"><strong data-nodeid=\"29679\">N\u00edvel 2 \u2013 Cont\u00eaineres<\/strong>: Configure aplicativos implant\u00e1veis, bancos de dados e servi\u00e7os externos<\/p>\n<\/li>\n<li data-nodeid=\"28868\">\n<p data-nodeid=\"28869\"><strong data-nodeid=\"29684\">N\u00edvel 3 \u2013 Componentes<\/strong>: Refine os m\u00f3dulos de c\u00f3digo internos e suas intera\u00e7\u00f5es<\/p>\n<\/li>\n<li data-nodeid=\"28870\">\n<p data-nodeid=\"28871\"><strong data-nodeid=\"29689\">N\u00edvel 4 \u2013 C\u00f3digo<\/strong> (opcional): Mapeie para estruturas de c\u00f3digo reais<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28872\">\n<p data-nodeid=\"28873\"><strong data-nodeid=\"29694\">Adicione Vis\u00f5es de Suporte<\/strong>:<\/p>\n<ul data-nodeid=\"28874\">\n<li data-nodeid=\"28875\">\n<p data-nodeid=\"28876\"><strong data-nodeid=\"29699\">Diagramas Din\u00e2micos\/Sequ\u00eancia<\/strong>: Mostre as intera\u00e7\u00f5es em tempo de execu\u00e7\u00e3o<\/p>\n<\/li>\n<li data-nodeid=\"28877\">\n<p data-nodeid=\"28878\"><strong data-nodeid=\"29704\">Diagramas de Implanta\u00e7\u00e3o<\/strong>: Mapeie o software para a infraestrutura<\/p>\n<\/li>\n<li data-nodeid=\"28879\">\n<p data-nodeid=\"28880\"><strong data-nodeid=\"29709\">Diagramas de Paisagem<\/strong>: Mostre o sistema em um contexto empresarial mais amplo<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28881\">\n<p data-nodeid=\"28882\"><strong data-nodeid=\"29718\">Fluxo para Pipeline<\/strong>: Clique <strong data-nodeid=\"29719\">Estrutura do Stream para Pipeline<\/strong> para exportar todo o bloco de modelo hier\u00e1rquico<\/p>\n<\/li>\n<\/ol>\n<blockquote data-nodeid=\"28883\">\n<p data-nodeid=\"28884\"><strong data-nodeid=\"29724\">\ud83c\udfaf Caso de Uso<\/strong>: Ideal para comit\u00eas de revis\u00e3o de arquitetura, documenta\u00e7\u00e3o de integra\u00e7\u00e3o e apresenta\u00e7\u00f5es para partes interessadas, onde a clareza em m\u00faltiplas camadas \u00e9 essencial.<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"28885\">Exemplo de Diagrama de Cont\u00eainer C4 (PlantUML)<\/h4>\n<p data-nodeid=\"28886\"><img alt=\"\" data-nodeid=\"29727\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc88c626bb.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLJ1RXen4BqZyGzJJaHAmgMddf90rAPA50f5EKPUxx1OzThks0lTLlttZktiiYYK2sOyysRclMTkV10KcbgFHn-KaRef4NOXEFzfDYDnkAvKs3L5uv6aDG5Dk9QsdZajJ2owyg7KgfZDFrujOsZpz3YhXGz877gTSuLG1kdQfGRZKL118_HnM2XHaQZX2bu4uSvo7tWIHbHOSojOjmnLny8bahTcoiDkjvSmEMQlOsJ2eQMIF_mbE96-X2d1xvJpOAdasib5Zr4dV3f1oJqfuZplEGsH2nsI2CeQdz0uGxT1oI6KjfNoCSPrZzqPlgEe8r86zQ1COHjJpcmJqY4D5lTBKEDHtlBrBju9QgU7sfyPRa38v0B-Z4V0dvx9wG4BuLoimm9kdTDAfk7Z82iKCYIEoEvLoIDj7c1h2GvzZqHi7ESKLJWLw-_Nt-5s-H0XrewKgU3EseJuXQdH3CWEuGBl8L8Y4s6Mv0vzo1o-X_R14gyL8VC9dbrGjVgTyc6Dj5SIpxJiQMKcW8qeCpMn9M4WXNkXpspIoSS8jzrvs6NPXbscwpEQg3ot87IMGjPV6Q-gNTRi17fHJCk2onxCdkUmrC921548ds6j3nNX-jlZv6tLv8YtrCitUsR3QfirEzj32gOpYLag3_FuQzBzZ8SKyR0b_Damk6v1ICcAO0abpnCX_mxSTlyhJ96YOUvNoyvN0tQtoWWZbT1vUqTMDfIOZaW349lS-XpNEEFKWKNIfg3L5cKhDMRlhr1tZxftyCPZOY3UzO_rxEtW_RsxpnbTE1jvBhHEP4L7To3fwkZ6FgTQBUSdEKCB_HyfUO5VNEbdByGUJLbV5tUdM4SrJnEpklnEWvLM7_T8HLclTMlOkKdJS_sp7XjN9WTdqfdXq9oCEnxTe2dvN_aV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLNBRjim4BmRy3-mFhb04bzwwYb-fKZXeghTeCTWHQrb0XIfa9HJf-Z753q43P1Ja2_GZtL9FI8dxiCNo-JkpExih7ng7HXNPBBVUoKKbqM2REDSRj-EHWQkJrBXDaLSM3HSAuVAdN2TZN89oYSTMvT84O-cRuuZVtJnOJ7Am3eqT7GvfGmG2ir97WZwFIUSH3OJa1h8W16NZodlV10xPYj1gTNvEpIek82CABK_69iCRifVcOU9q5YjXbJwUdt41cS5HMfL_Z22GdKREg2x5Khqbt34C8j10aE6QYk0vPY8HDl1wnOl0mKf6ieAx0vVW1Kvcgsm7ezfUeRojdn4IvX0z59OxE99dL93WbjAdLyL8aVVo4AdvRq_Xa73H7qoWnbQ2zQ74BU114OMoli4F6A_jzfvRIudkb09cDtmElEm_wFOu3Nxrkyn-hG36LvZ37bE0EDSKYNKna_Dlc3iIreYSESVphHHo949aiAiWPvoCC3M7RcjbmXQekSqa0lF4PspvNprEKYO6w5IDj7QxRKlouUK2l5rAqpB1-wnaMbpLQ1rfghm9O5rsj3Cmg1fCkLjwFoZ4vcugRjgb41LIVEtAd9jHN1B9IBIL7XHpxc24hG3za2Z2kIk7dMtad5j2yyIxTn6gvhF3ro2AnzCrQXGLgGRzn9w5W-Jc78ce7Y0d46YWqlErPQg36C8yDgwrE3gqyB_Qbecu3RggF4yyKdDGLOQFU91LWvyuuMT-c-sf4nRkQD-Q1amOo6M9Q6ojK6Q6Lac2oj4jY5RrulslUFa-LStH9DtJ3nVHdlJM0j5QtKBORzeVwnughO3el-v2L6zwbrmpRZWCbnlHGBUnvKwrRejKJRlbtPNBcpOHN_LlYeENNRs_lbr5T2SLkintT2xC4ZhTwJ625TFxcvZqcKqtOlfEk_FIC52Y_9kDBVS21U2tiyc-r3Dn9_5HKOxpJLfLSs-RICaDIDKt6X5XgfSSB28Qb1ZLmJdKNVW2jiHlfFJxvsYIkXVupS0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28887\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Container.puml\r\n\r\ntitle Diagrama de Cont\u00eainer - Sistema de Gerenciamento de Armaz\u00e9m\r\n\r\nPerson(staff, \"Funcion\u00e1rio do Armaz\u00e9m\", \"Seleciona, embala e envia pedidos\")\r\nPerson(manager, \"Gerente do Armaz\u00e9m\", \"Supervisiona opera\u00e7\u00f5es e an\u00e1lises\")\r\nPerson(logistics, \"Equipe de Log\u00edstica\", \"Gerencia remessas de entrada\/sa\u00edda\")\r\n\r\nSystem_Boundary(wms, \"Sistema de Gerenciamento de Armaz\u00e9m\") {\r\n    Container(webapp, \"Aplica\u00e7\u00e3o Web\", \"React\", \"Fornece interface para funcion\u00e1rios do armaz\u00e9m\")\r\n    Container(api, \"API REST\", \"Spring Boot\", \"Gerencia l\u00f3gica de neg\u00f3cios e orquestra\u00e7\u00e3o\")\r\n    Container(storage, \"Servi\u00e7o de Otimiza\u00e7\u00e3o de Armazenamento\", \"Spring Boot\", \"Gerencia posicionamento e recupera\u00e7\u00e3o de itens\")\r\n    Container(analytics, \"Servi\u00e7o de An\u00e1lise\", \"Python\", \"Gera relat\u00f3rios e insights\")\r\n    ContainerDb(db, \"Banco de Dados de Invent\u00e1rio\", \"PostgreSQL\", \"Armazena invent\u00e1rio, pedidos e localiza\u00e7\u00f5es\")\r\n    ContainerDb(cache, \"Cache Redis\", \"Redis\", \"Armazena em cache dados frequentemente acessados\")\r\n}\r\n\r\nSystem_Ext(erp, \"Sistema ERP\", \"Gerencia finan\u00e7as e aquisi\u00e7\u00f5es\")\r\nSystem_Ext(oms, \"Sistema de Gerenciamento de Pedidos\", \"Gerencia o ciclo de vida do pedido\")\r\n\r\nRel(staff, webapp, \"Usa\")\r\nRel(manager, webapp, \"Usa\")\r\nRel(logistics, webapp, \"Usa\")\r\n\r\nRel(webapp, api, \"Chama\", \"REST\")\r\nRel(api, storage, \"Chama\", \"gRPC\")\r\nRel(api, analytics, \"Chama\", \"REST\")\r\nRel(api, db, \"L\u00ea\/Escrita\", \"JDBC\")\r\nRel(api, cache, \"L\u00ea\/Escrita\", \"Protocolo Redis\")\r\n\r\nRel(api, erp, \"Sincroniza dados\", \"REST\")\r\nRel(api, oms, \"Atualiza status do pedido\", \"REST\")\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLNBRjim4BmRy3-mFhb04bzwwYb-fKZXeghTeCTWHQrb0XIfa9HJf-Z753q43P1Ja2_GZtL9FI8dxiCNo-JkpExih7ng7HXNPBBVUoKKbqM2REDSRj-EHWQkJrBXDaLSM3HSAuVAdN2TZN89oYSTMvT84O-cRuuZVtJnOJ7Am3eqT7GvfGmG2ir97WZwFIUSH3OJa1h8W16NZodlV10xPYj1gTNvEpIek82CABK_69iCRifVcOU9q5YjXbJwUdt41cS5HMfL_Z22GdKREg2x5Khqbt34C8j10aE6QYk0vPY8HDl1wnOl0mKf6ieAx0vVW1Kvcgsm7ezfUeRojdn4IvX0z59OxE99dL93WbjAdLyL8aVVo4AdvRq_Xa73H7qoWnbQ2zQ74BU114OMoli4F6A_jzfvRIudkb09cDtmElEm_wFOu3Nxrkyn-hG36LvZ37bE0EDSKYNKna_Dlc3iIreYSESVphHHo949aiAiWPvoCC3M7RcjbmXQekSqa0lF4PspvNprEKYO6w5IDj7QxRKlouUK2l5rAqpB1-wnaMbpLQ1rfghm9O5rsj3Cmg1fCkLjwFoZ4vcugRjgb41LIVEtAd9jHN1B9IBIL7XHpxc24hG3za2Z2kIk7dMtad5j2yyIxTn6gvhF3ro2AnzCrQXGLgGRzn9w5W-Jc78ce7Y0d46YWqlErPQg36C8yDgwrE3gqyB_Qbecu3RggF4yyKdDGLOQFU91LWvyuuMT-c-sf4nRkQD-Q1amOo6M9Q6ojK6Q6Lac2oj4jY5RrulslUFa-LStH9DtJ3nVHdlJM0j5QtKBORzeVwnughO3el-v2L6zwbrmpRZWCbnlHGBUnvKwrRejKJRlbtPNBcpOHN_LlYeENNRs_lbr5T2SLkintT2xC4ZhTwJ625TFxcvZqcKqtOlfEk_FIC52Y_9kDBVS21U2tiyc-r3Dn9_5HKOxpJLfLSs-RICaDIDKt6X5XgfSSB28Qb1ZLmJdKNVW2jiHlfFJxvsYIkXVupS0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLJ1RXen4BqZyGzJJaHAmgMddf90rAPA50f5EKPUxx1OzThks0lTLlttZktiiYYK2sOyysRclMTkV10KcbgFHn-KaRef4NOXEFzfDYDnkAvKs3L5uv6aDG5Dk9QsdZajJ2owyg7KgfZDFrujOsZpz3YhXGz877gTSuLG1kdQfGRZKL118_HnM2XHaQZX2bu4uSvo7tWIHbHOSojOjmnLny8bahTcoiDkjvSmEMQlOsJ2eQMIF_mbE96-X2d1xvJpOAdasib5Zr4dV3f1oJqfuZplEGsH2nsI2CeQdz0uGxT1oI6KjfNoCSPrZzqPlgEe8r86zQ1COHjJpcmJqY4D5lTBKEDHtlBrBju9QgU7sfyPRa38v0B-Z4V0dvx9wG4BuLoimm9kdTDAfk7Z82iKCYIEoEvLoIDj7c1h2GvzZqHi7ESKLJWLw-_Nt-5s-H0XrewKgU3EseJuXQdH3CWEuGBl8L8Y4s6Mv0vzo1o-X_R14gyL8VC9dbrGjVgTyc6Dj5SIpxJiQMKcW8qeCpMn9M4WXNkXpspIoSS8jzrvs6NPXbscwpEQg3ot87IMGjPV6Q-gNTRi17fHJCk2onxCdkUmrC921548ds6j3nNX-jlZv6tLv8YtrCitUsR3QfirEzj32gOpYLag3_FuQzBzZ8SKyR0b_Damk6v1ICcAO0abpnCX_mxSTlyhJ96YOUvNoyvN0tQtoWWZbT1vUqTMDfIOZaW349lS-XpNEEFKWKNIfg3L5cKhDMRlhr1tZxftyCPZOY3UzO_rxEtW_RsxpnbTE1jvBhHEP4L7To3fwkZ6FgTQBUSdEKCB_HyfUO5VNEbdByGUJLbV5tUdM4SrJnEpklnEWvLM7_T8HLclTMlOkKdJS_sp7XjN9WTdqfdXq9oCEnxTe2dvN_aV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28888\"><a data-nodeid=\"29730\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLJ1RXen4BqZyGzJJaHAmgMddf90rAPA50f5EKPUxx1OzThks0lTLlttZktiiYYK2sOyysRclMTkV10KcbgFHn-KaRef4NOXEFzfDYDnkAvKs3L5uv6aDG5Dk9QsdZajJ2owyg7KgfZDFrujOsZpz3YhXGz877gTSuLG1kdQfGRZKL118_HnM2XHaQZX2bu4uSvo7tWIHbHOSojOjmnLny8bahTcoiDkjvSmEMQlOsJ2eQMIF_mbE96-X2d1xvJpOAdasib5Zr4dV3f1oJqfuZplEGsH2nsI2CeQdz0uGxT1oI6KjfNoCSPrZzqPlgEe8r86zQ1COHjJpcmJqY4D5lTBKEDHtlBrBju9QgU7sfyPRa38v0B-Z4V0dvx9wG4BuLoimm9kdTDAfk7Z82iKCYIEoEvLoIDj7c1h2GvzZqHi7ESKLJWLw-_Nt-5s-H0XrewKgU3EseJuXQdH3CWEuGBl8L8Y4s6Mv0vzo1o-X_R14gyL8VC9dbrGjVgTyc6Dj5SIpxJiQMKcW8qeCpMn9M4WXNkXpspIoSS8jzrvs6NPXbscwpEQg3ot87IMGjPV6Q-gNTRi17fHJCk2onxCdkUmrC921548ds6j3nNX-jlZv6tLv8YtrCitUsR3QfirEzj32gOpYLag3_FuQzBzZ8SKyR0b_Damk6v1ICcAO0abpnCX_mxSTlyhJ96YOUvNoyvN0tQtoWWZbT1vUqTMDfIOZaW349lS-XpNEEFKWKNIfg3L5cKhDMRlhr1tZxftyCPZOY3UzO_rxEtW_RsxpnbTE1jvBhHEP4L7To3fwkZ6FgTQBUSdEKCB_HyfUO5VNEbdByGUJLbV5tUdM4SrJnEpklnEWvLM7_T8HLclTMlOkKdJS_sp7XjN9WTdqfdXq9oCEnxTe2dvN_aV\">Editar Plantuml no VPasCode<\/a><\/p>\n<h4 data-nodeid=\"28889\">Exemplo de Diagrama de Componente (PlantUML)<\/h4>\n<p data-nodeid=\"28890\"><img alt=\"\" data-nodeid=\"29733\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc8d80b6a9.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VPDDRnen48RlIFo7AIUGIhZqr5DIe5Aae4PiK8vey4uMArxRjMT9ITN_tl5-a1MqS5gFvtqVpmUtaJ5mLPhXu9EsobGvmPxPnw-pMS2tcqBpljfLaO9obidoZNBbp1kqIJIDd1kzcys_J1zJQBDwc9KOcOA4jdDNUcUJnjU0uO0r6u9J71OQYu0bJ25Z5x0W-E5Pb_eTMJiB6OM3LfIKSw6ZjXIstrnbSmp7SMmads5qJJoQmE_X0EHtmexHeZb67NlIkpO4Iri8PYHNTUYT8cYc4afte3AzsIDBVJO2sXnSGvGaQOcg4qQJSroK1F6xJpQPVCCSZQeC2ZfnkbD7ohNOH2cXGRoHBlOCBovSOxm4-bcHLSSEzBqBd1eXDqy1rMkBEP1nIlEnXdZdvGb1ZfVMWRmXg-C-aSLatJ_ttLVIrqAg22IZKQ_Q5i115mM5fX8q53XsW3FCOZUMzzIZ4wk7zXCMoBZ3UF7wBhTnRbS157fKRH5_qjfaHrd6Shly9KFtEZr-cJt1tUCzZ9zNsQHjluadXzYKKxVRUGeD9FaD1sioZKjlVzQfov5xy-zsebOcOIqxATfbs4IAbvVzAVuxezUZDM4UPyyoj8_4nhsNjF4vzkvxWFyddGty2d8uk2MRov_xBm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLHDRzf04BrRyd_OSY9IYIyzzPG4Q1K9r0WIzOW6UufNsg_khccXwe-fUeYKUt-1_rXc5-COqo_4PNVVlFTcvi6Lys1z9KMQlE8g5rM1hFJUkBTPPk7BvORxibfN3cskbKVbBtCjCoD0XQAHyuNWwspyPdGNhXxciqo2ysZfQZNMqcWLQamKI1FFlK0suR2n886HLej1Dc9Bj5jUF-hmyC5poVTGFzO_u_dQIjYZ0abO7RZ6v0UuGhkwqPKgmEw6pciB6tpD1l_DDBXWtzA4qQTrCWG5OkUu8vwv9ifOfEeVWZiy9o3KDHLm1yn0OUjVw098wYsFW73WD3d7aEc35MQqupdNhOU-0yVteOinYBmIK51NWUMUPgRAI7ZhKGvU4Am8MYvg8pFe2AI3gYHFzjzwdon-hb3bkzxeteNx-adb7Bgg2rgnHRhRej0vBu3UI5ORic8FnqR-NCgY4QYuAuELdjm2OHtIa_DsjE_HOfJVWEUYrA4_46Wzn2dRNaKZrnETh8VaamYq8ieRK7cKcz1a8ykC7iKn8YSDYfUNPg_7LUPWe6cTld2QgJJv7YAwt94rkPf-fKmP7e9oTyiMq-Kz6twSBo_Y0ilmGt2T8PnG7TQd3Th6Gk1EamMA0sCdgaijQCSUZY5hytw-_5ZULZPXUt1m_jODncy1dRdEwgTiwd9B7ewu0tK7S-shECyZeCF_5rGlCt_MJ9ChL0NzsJm3\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28891\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Component.puml\r\n\r\ntitle Diagrama de Componente - Servi\u00e7o de Otimiza\u00e7\u00e3o de Armazenamento\r\n\r\nContainer_Boundary(storage, \"Servi\u00e7o de Otimiza\u00e7\u00e3o de Armazenamento\") {\r\n    Component(analysis, \"Motor de An\u00e1lise de Armazenamento\", \"Analisa padr\u00f5es de movimento de itens e otimiza posicionamento\")\r\n    Component(size, \"Calculadora de Tamanho de Item\", \"Calcula dimens\u00f5es e peso do item para posicionamento\")\r\n    Component(frequency, \"Servi\u00e7o de Frequ\u00eancia de Item\", \"Rastreia velocidade e popularidade do item\")\r\n    Component(replenishment, \"Servi\u00e7o de Reabastecimento\", \"Gerencia gatilhos e alertas de reabastecimento\")\r\n    \r\n    ComponentDb(location, \"Banco de Dados de Localiza\u00e7\u00e3o\", \"Rastreia localiza\u00e7\u00f5es de itens e capacidade de armazenamento\")\r\n}\r\n\r\nSystem_Ext(api, \"API REST (WMS)\", \"Chama servi\u00e7o de armazenamento para opera\u00e7\u00f5es\")\r\n\r\nRel(api, analysis, \"Solicita otimiza\u00e7\u00e3o de posicionamento\")\r\nRel(analysis, size, \"Usa\")\r\nRel(analysis, frequency, \"Usa\")\r\nRel(analysis, location, \"L\u00ea\/Escrita\")\r\nRel(size, location, \"Atualiza\")\r\nRel(frequency, location, \"Atualiza\")\r\nRel(replenishment, location, \"L\u00ea\/Escrita\")\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLHDRzf04BrRyd_OSY9IYIyzzPG4Q1K9r0WIzOW6UufNsg_khccXwe-fUeYKUt-1_rXc5-COqo_4PNVVlFTcvi6Lys1z9KMQlE8g5rM1hFJUkBTPPk7BvORxibfN3cskbKVbBtCjCoD0XQAHyuNWwspyPdGNhXxciqo2ysZfQZNMqcWLQamKI1FFlK0suR2n886HLej1Dc9Bj5jUF-hmyC5poVTGFzO_u_dQIjYZ0abO7RZ6v0UuGhkwqPKgmEw6pciB6tpD1l_DDBXWtzA4qQTrCWG5OkUu8vwv9ifOfEeVWZiy9o3KDHLm1yn0OUjVw098wYsFW73WD3d7aEc35MQqupdNhOU-0yVteOinYBmIK51NWUMUPgRAI7ZhKGvU4Am8MYvg8pFe2AI3gYHFzjzwdon-hb3bkzxeteNx-adb7Bgg2rgnHRhRej0vBu3UI5ORic8FnqR-NCgY4QYuAuELdjm2OHtIa_DsjE_HOfJVWEUYrA4_46Wzn2dRNaKZrnETh8VaamYq8ieRK7cKcz1a8ykC7iKn8YSDYfUNPg_7LUPWe6cTld2QgJJv7YAwt94rkPf-fKmP7e9oTyiMq-Kz6twSBo_Y0ilmGt2T8PnG7TQd3Th6Gk1EamMA0sCdgaijQCSUZY5hytw-_5ZULZPXUt1m_jODncy1dRdEwgTiwd9B7ewu0tK7S-shECyZeCF_5rGlCt_MJ9ChL0NzsJm3\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VPDDRnen48RlIFo7AIUGIhZqr5DIe5Aae4PiK8vey4uMArxRjMT9ITN_tl5-a1MqS5gFvtqVpmUtaJ5mLPhXu9EsobGvmPxPnw-pMS2tcqBpljfLaO9obidoZNBbp1kqIJIDd1kzcys_J1zJQBDwc9KOcOA4jdDNUcUJnjU0uO0r6u9J71OQYu0bJ25Z5x0W-E5Pb_eTMJiB6OM3LfIKSw6ZjXIstrnbSmp7SMmads5qJJoQmE_X0EHtmexHeZb67NlIkpO4Iri8PYHNTUYT8cYc4afte3AzsIDBVJO2sXnSGvGaQOcg4qQJSroK1F6xJpQPVCCSZQeC2ZfnkbD7ohNOH2cXGRoHBlOCBovSOxm4-bcHLSSEzBqBd1eXDqy1rMkBEP1nIlEnXdZdvGb1ZfVMWRmXg-C-aSLatJ_ttLVIrqAg22IZKQ_Q5i115mM5fX8q53XsW3FCOZUMzzIZ4wk7zXCMoBZ3UF7wBhTnRbS157fKRH5_qjfaHrd6Shly9KFtEZr-cJt1tUCzZ9zNsQHjluadXzYKKxVRUGeD9FaD1sioZKjlVzQfov5xy-zsebOcOIqxATfbs4IAbvVzAVuxezUZDM4UPyyoj8_4nhsNjF4vzkvxWFyddGty2d8uk2MRov_xBm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28892\"><a data-nodeid=\"29736\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VPDDRnen48RlIFo7AIUGIhZqr5DIe5Aae4PiK8vey4uMArxRjMT9ITN_tl5-a1MqS5gFvtqVpmUtaJ5mLPhXu9EsobGvmPxPnw-pMS2tcqBpljfLaO9obidoZNBbp1kqIJIDd1kzcys_J1zJQBDwc9KOcOA4jdDNUcUJnjU0uO0r6u9J71OQYu0bJ25Z5x0W-E5Pb_eTMJiB6OM3LfIKSw6ZjXIstrnbSmp7SMmads5qJJoQmE_X0EHtmexHeZb67NlIkpO4Iri8PYHNTUYT8cYc4afte3AzsIDBVJO2sXnSGvGaQOcg4qQJSroK1F6xJpQPVCCSZQeC2ZfnkbD7ohNOH2cXGRoHBlOCBovSOxm4-bcHLSSEzBqBd1eXDqy1rMkBEP1nIlEnXdZdvGb1ZfVMWRmXg-C-aSLatJ_ttLVIrqAg22IZKQ_Q5i115mM5fX8q53XsW3FCOZUMzzIZ4wk7zXCMoBZ3UF7wBhTnRbS157fKRH5_qjfaHrd6Shly9KFtEZr-cJt1tUCzZ9zNsQHjluadXzYKKxVRUGeD9FaD1sioZKjlVzQfov5xy-zsebOcOIqxATfbs4IAbvVzAVuxezUZDM4UPyyoj8_4nhsNjF4vzkvxWFyddGty2d8uk2MRov_xBm00\">Editar Plantuml no VPasCode<\/a><\/p>\n<h4 data-nodeid=\"28893\">Exemplo de Diagrama de Implanta\u00e7\u00e3o (PlantUML)<\/h4>\n<p data-nodeid=\"28894\"><img alt=\"\" data-nodeid=\"29739\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc900ada9c.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLDZzem4BqZyH-cd7QbBaZTzjBJGbZrGsoR4heSqJYnWbKdjcm7H2l-UySEaB10o-OIUpplEVFc8m_MeN5L8RkTDw9CPPLnM3gdxSV1mE2wdmkth5XbkKbLwNZf-gag1bfYwK5trcLIi47q_YxsffzFaq61rd53fiMOQwasXGVfS4EtuuIJ79e360lC3HPm1tCqVAde9dZ24dCUZfCDaHKUsM0MtrJ6Rt1jtq9lE4yWaghAUhVmfzi1UbuwhdHAZiznrBYSSzCLao9Ts8gLt14W3dj8mluOUWuk6M4c2ZCO8IcHSjFRVTvmCZg5-oSYGL6KtDoiEKEjoN_E6GorfelH2LLwYYd7r7aZB1LfaO4g8RdltHxpRPjjQ_cFQ8rOeUEjS6l3rV4oJ7_nCbkWpGazgdSmh9o294KfoXm-6LNfyw5VObiLBRA4cnKtyFpaPNYCtb6DkFk-H9Fpywp7eg8MNhx7P0R3-8ldI2Xg-gwHKgxnUwdaAP5rob0zUe9w1T-r4uNuVSZHrSJRYraxJjSvZJBMP6kC3XdQo-cwG43zxPkppH3Lfb1gumHYAhBSyEJ7XEJEMDzyk5hnCRkfUxykfmBD1lRN_5Tb0jCaAZEs2Jg75KnvQ8Khb3oLxvm2AQPBtX8Xylks0e-I0X2rUSepOKc407gb3W4JcjTp1BxNbSDkIQ-j7tvJBWz38aoQq1lMS_eZRzgLkweSsMdrUJQBaxr3E6pgE48fWrC-zMEnvND888sTp0xcHkpelev7nvvDYCUETSYnKKwbIkuXUzucnxlSkZgARkU1Mfv-4dy1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLNDJjj04BuZyGxRd40gYLJQIqya3g9KWRenBSTel1uvgzfUQtST11KFWtgeu15wzOjrPfsGFzC6NxoUdszslldnYNLWN9Ld-tjlL26pAa4nTQwq7tiz0pVTLBbf5LSMZTI5my9rfSvxPGO5EnrPbsGgxWNlZq8MVRiOzNAm3Ws99aCiCtsRirFf8-plEUKo54C5gO4S10KxppqOrB_hNreSYKYHUwCwGuE5LC08cWLzayDT_PWpqX9ySgaJF80R-rPqBgiPvg9_7NKEnS_zFK7Ffk6ib6JuFGoM9crcPHLdIavi5HVeo27o1n7MVrWEwyvj05bCNWEWv2H2eWqd4819eKDokg7eZmRRAFm4n3Ie0it13SPGbcnVSj26eskCEnkYCO9qOgfjYGaa80ejekFEuJhq_V9pvVWF1eoQWSDj2bYUxC103F875ia4R4hUPwOgVHLFhOHC5_EozYkdy_h1AKbABGQDJpinBmMOvLpH2_QFqCmKixq08irfy8uQonrtCw8Vsw7NUOTICSFXkHYVHbUCmRhwYPKY8cAAL0oqTfiKRoDPfmsaI0XVdChLtRnWYsR6EGsl2t7_Oc7NAzh6MH9l5PGkCw0kzRSQKglQtTWd9DeNFEny-URKWaNAyJ0IeROkDHXz7L4jahXhFknSZc5yq2mLFr2huDoBr3n6wVzMWa1erHL9VCiNgX_zz8Ye4Ur0yZQpRPn8a5DifoLWbM_7Z99H_fC6Dr6M2F5-h-J4-t2C9TBhccL-fDSzRzGnPiyBnoyldYLaIDQmf1cBiNQe_1RxT7KLHWi3hrosUp2b1Sz6wPXNxOhDSor7zLEFbe5HpXj-7WxM3HS9RjY5HZijTQQNERFB0dQbobWsgvgpEw5bG3-Xlm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28895\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Deployment.puml\r\n\r\ntitle Diagrama de Implanta\u00e7\u00e3o - Sistema de Gerenciamento de Armaz\u00e9m\r\n\r\nDeployment_Node(aws, \"Nuvem AWS\") {\r\n    Deployment_Node(vpc, \"VPC\") {\r\n        Deployment_Node(public_subnet, \"Subnet P\u00fablica\") {\r\n            Deployment_Node(lb, \"Balanceador de Carga\", \"AWS ALB\") {\r\n                Container(webapp, \"Aplica\u00e7\u00e3o Web\", \"Aplica\u00e7\u00e3o React hospedada no S3\")\r\n            }\r\n        }\r\n        \r\n        Deployment_Node(private_subnet, \"Subnet Privada\") {\r\n            Deployment_Node(backend_asg, \"Grupo de Escalonamento Autom\u00e1tico do Backend\") {\r\n                Deployment_Node(backend_vm, \"VM do Servidor Backend\", \"EC2 - t3.large\") {\r\n                    Container(api, \"API REST\", \"Cont\u00eainer Spring Boot\")\r\n                    Container(storage, \"Otimiza\u00e7\u00e3o de Armazenamento\", \"Cont\u00eainer Spring Boot\")\r\n                }\r\n            }\r\n            \r\n            Deployment_Node(db_subnet, \"Subnet de Banco de Dados\") {\r\n                Deployment_Node(db_cluster, \"Cluster de Banco de Dados\", \"RDS PostgreSQL - db.r5.large\") {\r\n                    ContainerDb(master, \"Banco de Dados Prim\u00e1rio\")\r\n                    ContainerDb(standby, \"R\u00e9plica Standby\")\r\n                }\r\n                \r\n                Deployment_Node(cache_cluster, \"Cluster de Cache\", \"ElastiCache Redis - cache.r5.large\") {\r\n                    ContainerDb(cache, \"Cache Redis\")\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nRel(webapp, lb, \"Serve\")\r\nRel(lb, api, \"Roteia\", \"HTTPS\")\r\nRel(api, storage, \"Chama\", \"gRPC\")\r\nRel(api, master, \"L\u00ea\/Escrita\", \"JDBC\")\r\nRel(api, cache, \"L\u00ea\/Escrita\", \"Protocolo Redis\")\r\nRel(master, standby, \"Replica\")\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLNDJjj04BuZyGxRd40gYLJQIqya3g9KWRenBSTel1uvgzfUQtST11KFWtgeu15wzOjrPfsGFzC6NxoUdszslldnYNLWN9Ld-tjlL26pAa4nTQwq7tiz0pVTLBbf5LSMZTI5my9rfSvxPGO5EnrPbsGgxWNlZq8MVRiOzNAm3Ws99aCiCtsRirFf8-plEUKo54C5gO4S10KxppqOrB_hNreSYKYHUwCwGuE5LC08cWLzayDT_PWpqX9ySgaJF80R-rPqBgiPvg9_7NKEnS_zFK7Ffk6ib6JuFGoM9crcPHLdIavi5HVeo27o1n7MVrWEwyvj05bCNWEWv2H2eWqd4819eKDokg7eZmRRAFm4n3Ie0it13SPGbcnVSj26eskCEnkYCO9qOgfjYGaa80ejekFEuJhq_V9pvVWF1eoQWSDj2bYUxC103F875ia4R4hUPwOgVHLFhOHC5_EozYkdy_h1AKbABGQDJpinBmMOvLpH2_QFqCmKixq08irfy8uQonrtCw8Vsw7NUOTICSFXkHYVHbUCmRhwYPKY8cAAL0oqTfiKRoDPfmsaI0XVdChLtRnWYsR6EGsl2t7_Oc7NAzh6MH9l5PGkCw0kzRSQKglQtTWd9DeNFEny-URKWaNAyJ0IeROkDHXz7L4jahXhFknSZc5yq2mLFr2huDoBr3n6wVzMWa1erHL9VCiNgX_zz8Ye4Ur0yZQpRPn8a5DifoLWbM_7Z99H_fC6Dr6M2F5-h-J4-t2C9TBhccL-fDSzRzGnPiyBnoyldYLaIDQmf1cBiNQe_1RxT7KLHWi3hrosUp2b1Sz6wPXNxOhDSor7zLEFbe5HpXj-7WxM3HS9RjY5HZijTQQNERFB0dQbobWsgvgpEw5bG3-Xlm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLDZzem4BqZyH-cd7QbBaZTzjBJGbZrGsoR4heSqJYnWbKdjcm7H2l-UySEaB10o-OIUpplEVFc8m_MeN5L8RkTDw9CPPLnM3gdxSV1mE2wdmkth5XbkKbLwNZf-gag1bfYwK5trcLIi47q_YxsffzFaq61rd53fiMOQwasXGVfS4EtuuIJ79e360lC3HPm1tCqVAde9dZ24dCUZfCDaHKUsM0MtrJ6Rt1jtq9lE4yWaghAUhVmfzi1UbuwhdHAZiznrBYSSzCLao9Ts8gLt14W3dj8mluOUWuk6M4c2ZCO8IcHSjFRVTvmCZg5-oSYGL6KtDoiEKEjoN_E6GorfelH2LLwYYd7r7aZB1LfaO4g8RdltHxpRPjjQ_cFQ8rOeUEjS6l3rV4oJ7_nCbkWpGazgdSmh9o294KfoXm-6LNfyw5VObiLBRA4cnKtyFpaPNYCtb6DkFk-H9Fpywp7eg8MNhx7P0R3-8ldI2Xg-gwHKgxnUwdaAP5rob0zUe9w1T-r4uNuVSZHrSJRYraxJjSvZJBMP6kC3XdQo-cwG43zxPkppH3Lfb1gumHYAhBSyEJ7XEJEMDzyk5hnCRkfUxykfmBD1lRN_5Tb0jCaAZEs2Jg75KnvQ8Khb3oLxvm2AQPBtX8Xylks0e-I0X2rUSepOKc407gb3W4JcjTp1BxNbSDkIQ-j7tvJBWz38aoQq1lMS_eZRzgLkweSsMdrUJQBaxr3E6pgE48fWrC-zMEnvND888sTp0xcHkpelev7nvvDYCUETSYnKKwbIkuXUzucnxlSkZgARkU1Mfv-4dy1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28896\"><a data-nodeid=\"29742\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLDZzem4BqZyH-cd7QbBaZTzjBJGbZrGsoR4heSqJYnWbKdjcm7H2l-UySEaB10o-OIUpplEVFc8m_MeN5L8RkTDw9CPPLnM3gdxSV1mE2wdmkth5XbkKbLwNZf-gag1bfYwK5trcLIi47q_YxsffzFaq61rd53fiMOQwasXGVfS4EtuuIJ79e360lC3HPm1tCqVAde9dZ24dCUZfCDaHKUsM0MtrJ6Rt1jtq9lE4yWaghAUhVmfzi1UbuwhdHAZiznrBYSSzCLao9Ts8gLt14W3dj8mluOUWuk6M4c2ZCO8IcHSjFRVTvmCZg5-oSYGL6KtDoiEKEjoN_E6GorfelH2LLwYYd7r7aZB1LfaO4g8RdltHxpRPjjQ_cFQ8rOeUEjS6l3rV4oJ7_nCbkWpGazgdSmh9o294KfoXm-6LNfyw5VObiLBRA4cnKtyFpaPNYCtb6DkFk-H9Fpywp7eg8MNhx7P0R3-8ldI2Xg-gwHKgxnUwdaAP5rob0zUe9w1T-r4uNuVSZHrSJRYraxJjSvZJBMP6kC3XdQo-cwG43zxPkppH3Lfb1gumHYAhBSyEJ7XEJEMDzyk5hnCRkfUxykfmBD1lRN_5Tb0jCaAZEs2Jg75KnvQ8Khb3oLxvm2AQPBtX8Xylks0e-I0X2rUSepOKc407gb3W4JcjTp1BxNbSDkIQ-j7tvJBWz38aoQq1lMS_eZRzgLkweSsMdrUJQBaxr3E6pgE48fWrC-zMEnvND888sTp0xcHkpelev7nvvDYCUETSYnKKwbIkuXUzucnxlSkZgARkU1Mfv-4dy1\">Editar Plantuml no VPasCode<\/a><\/p>\n<hr data-nodeid=\"28897\"\/>\n<h3 data-nodeid=\"28898\">Etapa 3: Refinar e Enriquecer Relacionamentos<\/h3>\n<p data-nodeid=\"28899\"><strong data-nodeid=\"29748\">Objetivo<\/strong>: Transforme o modelo C4 inicial em uma arquitetura precisa e mant\u00edvel com relacionamentos adequados.<\/p>\n<p data-nodeid=\"28900\"><strong data-nodeid=\"29753\">Padr\u00f5es Chave de Relacionamentos<\/strong>:<\/p>\n<table data-nodeid=\"28902\">\n<thead data-nodeid=\"28903\">\n<tr data-nodeid=\"28904\">\n<th data-nodeid=\"28906\"><strong data-nodeid=\"29757\">Relacionamento<\/strong><\/th>\n<th data-nodeid=\"28907\"><strong data-nodeid=\"29761\">Prop\u00f3sito<\/strong><\/th>\n<th data-nodeid=\"28908\"><strong data-nodeid=\"29765\">Exemplo<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"28912\">\n<tr data-nodeid=\"28913\">\n<td data-nodeid=\"28914\"><strong data-nodeid=\"29769\">\u00abinclude\u00bb<\/strong><\/td>\n<td data-nodeid=\"28915\">Comportamento compartilhado obrigat\u00f3rio reutilizado entre casos de uso<\/td>\n<td data-nodeid=\"28916\">\u201cReservar uma Mesa\u201d inclui \u201cProcessar Pagamento\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"28917\">\n<td data-nodeid=\"28918\"><strong data-nodeid=\"29781\">\u00abextend\u00bb<\/strong><\/td>\n<td data-nodeid=\"28919\">Comportamento opcional ou condicional<\/td>\n<td data-nodeid=\"28920\">\u201cAplicar Desconto\u201d estende \u201cReservar uma Mesa\u201d quando o c\u00f3digo promocional \u00e9 inserido<\/td>\n<\/tr>\n<tr data-nodeid=\"28921\">\n<td data-nodeid=\"28922\"><strong data-nodeid=\"29794\">Generaliza\u00e7\u00e3o<\/strong><\/td>\n<td data-nodeid=\"28923\">Heran\u00e7a entre atores ou casos de uso<\/td>\n<td data-nodeid=\"28924\">\u201cAdministrador\u201d herda de \u201cUsu\u00e1rio\u201d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"28925\"><strong data-nodeid=\"29807\">Refinamentos Sugeridos por IA<\/strong>:<\/p>\n<ul data-nodeid=\"28926\">\n<li data-nodeid=\"28927\">\n<p data-nodeid=\"28928\"><strong data-nodeid=\"29812\">Extra\u00e7\u00e3o de Comum<\/strong>: Identificar etapas redundantes \u2192 sugerir rela\u00e7\u00f5es \u00abinclude\u00bb<\/p>\n<\/li>\n<li data-nodeid=\"28929\">\n<p data-nodeid=\"28930\"><strong data-nodeid=\"29821\">Ramifica\u00e7\u00e3o de L\u00f3gica Condicional<\/strong>: Detectar cen\u00e1rios \u201cse-ent\u00e3o\u201d \u2192 sugerir rela\u00e7\u00f5es \u00abextend\u00bb<\/p>\n<\/li>\n<li data-nodeid=\"28931\">\n<p data-nodeid=\"28932\"><strong data-nodeid=\"29826\">Generaliza\u00e7\u00e3o de Atores<\/strong>: Encontrar responsabilidades sobrepostas \u2192 sugerir hierarquia<\/p>\n<\/li>\n<li data-nodeid=\"28933\">\n<p data-nodeid=\"28934\"><strong data-nodeid=\"29831\">Decomposi\u00e7\u00e3o de Complexidade<\/strong>: Identificar casos de uso excessivamente grandes \u2192 dividir em subdiagramas<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"28935\">\n<p data-nodeid=\"28936\"><strong data-nodeid=\"29836\">Insight Chave<\/strong>: A IA remove o trabalho mec\u00e2nico de desenhar setas e identificar padr\u00f5es, enquanto seu conhecimento de dom\u00ednio garante que as rela\u00e7\u00f5es fa\u00e7am sentido real para o neg\u00f3cio.<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"28937\">Diagrama de Caso de Uso de Exemplo com Rela\u00e7\u00f5es Refinadas<\/h4>\n<p data-nodeid=\"28938\"><img alt=\"\" data-nodeid=\"29839\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc924bda49.png\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLHDJzmm4Br7odyOvG8SThcZLGGiLU60X6YhNhWCzh1hrR4jsu6k4F-zOpjXLqRQvX2D9-_DnvjnBaD47yT1jqrKKHCyqeio9E5N85WZlsuKRZmEi83lTlG3nKSAv5yJahcZHnFXohcsQHjDBn6Y1QyssmXIUH9HMTCsAABrqDrmPDy11lx6rgV_7WrkfYz3iLEuH4UpuQAwAlMFNOWqTF3UDi3F64YaKhjhQ_y0mazyrfIZFREZmZnuMbWloSCzeSuevobxAkGQZI0D9IccJZ9QP7U5BIqSOiD1EmLSKQx6k2KJbS18IUxIFxBtIyLMK0ZmWBk12QNaOjSXdTCxdbWGTkInhEtefgBbvAi8jsWaw_iRUVOgbD1lq-6mw1EuCqAFai2JBkrjbGjmolr9v27kpWem2GxBPP_xW0jOhLGXzdq1p5eV1HM9ZqAAi4SXLKMJPFyjwWXk5kFRtqX6rbfObmwepuKrKXNxK9RLSlavXnoTSfY-VpAdd93JEsy72y9AgddpK6gUiH3JjlFYlABIoMJgHxe--Ox1Oj5Fjs1_tk_xtZTlzNJ_iczUthQvv7pya_W7\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLJ1RjH03Br7oZzOUw4SThcZLTHgYtfffQg83t0dRcgHp4IUcGM4-1Z40N7WLF45-J6SIRBPfcZ9PJJsi-VvsSwv3oWXDdMU1GurmILZ9TWWb0GxzAu_F-XnHmziiNImXeksPeE1zybvHveY2jf0SEMYD1JKHBAdFCkpcXu210V2rME0aeLCO6Vp34rm0gjTpQIHAq2lNajoy5oH73mDMgnwNvxr2T1ModJrddqWPVhyrHLypJFGBteow1KtE50WAlY6FAQSzyvzN01lfVkr9cjSGxPKlDPCtFtiVhWKqGevANiQpw9sQ0tL2PxUILYJZ0jaAidm3FL7rGtOHSH532g2gYtQXDXz5nweO0oFByWxGzuhyXOhr0h2o1g_z9TbujH3WLriNTEtyPAySLDCoNg9Bu9c_jSgVHgHTxub6Kh-X3f0QZykv9LMMgDA-8Syi3Lrr9WpTw_ZWA5x4aR_Ua3sxO3DfaYbmLlORaTuKGo0IVsJe47sav11xPEG1QDHmV-IEe7xXnhqMLjRgXYjqOL0zczK_vB7ox4gsytcq96KV0Wj2dl6LkU81KptL7Bbb8zhN4fHBpDCxLbayDH0epkHcjuws_tUKth-MxzjQILXlIx6TPdlypBCjcdentLDjccuy-nSNzGVpLy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"28939\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ntitle Diagrama de Caso de Uso Refinado - Aplicativo de Restaurante GourmetReserve\r\n\r\nleft to right direction\r\nactor \"Cliente\" as diner\r\nactor \"Gerente\" as manager\r\n\r\nrectangle \"Sistema GourmetReserve\" {\r\n    usecase \"Reservar uma Mesa\" as book\r\n    usecase \"Pr\u00e9-encomendar Refei\u00e7\u00e3o\" as preorder\r\n    usecase \"Cancelar Reserva\" as cancel\r\n    usecase \"Gerenciar Reservas\" as manage\r\n    \r\n    usecase \"Autenticar Usu\u00e1rio\" as auth\r\n    usecase \"Processar Pagamento\" as payment\r\n    usecase \"Aplicar Cupom de Desconto\" as discount\r\n    usecase \"Gerenciar Lista de Espera\" as waitlist\r\n    \r\n    ' Rela\u00e7\u00f5es include (obrigat\u00f3rias)\r\n    book ..&gt; auth : &lt;&lt;include&gt;&gt;\r\n    preorder ..&gt; auth : &lt;&lt;include&gt;&gt;\r\n    cancel ..&gt; auth : &lt;&lt;include&gt;&gt;\r\n    manage ..&gt; auth : &lt;&lt;include&gt;&gt;\r\n    \r\n    book ..&gt; payment : &lt;&lt;include&gt;&gt;\r\n    preorder ..&gt; payment : &lt;&lt;include&gt;&gt;\r\n    \r\n    ' Rela\u00e7\u00f5es extend (opcionais\/condicionais)\r\n    book &lt;.. discount : &lt;&lt;extend&gt;&gt;n(inserir c\u00f3digo promocional)\r\n    book &lt;.. waitlist : &lt;&lt;extend&gt;&gt;n(sem mesas dispon\u00edveis)\r\n}\r\n\r\ndiner --&gt; book\r\ndiner --&gt; preorder\r\ndiner --&gt; cancel\r\nmanager --&gt; manage\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLJ1RjH03Br7oZzOUw4SThcZLTHgYtfffQg83t0dRcgHp4IUcGM4-1Z40N7WLF45-J6SIRBPfcZ9PJJsi-VvsSwv3oWXDdMU1GurmILZ9TWWb0GxzAu_F-XnHmziiNImXeksPeE1zybvHveY2jf0SEMYD1JKHBAdFCkpcXu210V2rME0aeLCO6Vp34rm0gjTpQIHAq2lNajoy5oH73mDMgnwNvxr2T1ModJrddqWPVhyrHLypJFGBteow1KtE50WAlY6FAQSzyvzN01lfVkr9cjSGxPKlDPCtFtiVhWKqGevANiQpw9sQ0tL2PxUILYJZ0jaAidm3FL7rGtOHSH532g2gYtQXDXz5nweO0oFByWxGzuhyXOhr0h2o1g_z9TbujH3WLriNTEtyPAySLDCoNg9Bu9c_jSgVHgHTxub6Kh-X3f0QZykv9LMMgDA-8Syi3Lrr9WpTw_ZWA5x4aR_Ua3sxO3DfaYbmLlORaTuKGo0IVsJe47sav11xPEG1QDHmV-IEe7xXnhqMLjRgXYjqOL0zczK_vB7ox4gsytcq96KV0Wj2dl6LkU81KptL7Bbb8zhN4fHBpDCxLbayDH0epkHcjuws_tUKth-MxzjQILXlIx6TPdlypBCjcdentLDjccuy-nSNzGVpLy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLHDJzmm4Br7odyOvG8SThcZLGGiLU60X6YhNhWCzh1hrR4jsu6k4F-zOpjXLqRQvX2D9-_DnvjnBaD47yT1jqrKKHCyqeio9E5N85WZlsuKRZmEi83lTlG3nKSAv5yJahcZHnFXohcsQHjDBn6Y1QyssmXIUH9HMTCsAABrqDrmPDy11lx6rgV_7WrkfYz3iLEuH4UpuQAwAlMFNOWqTF3UDi3F64YaKhjhQ_y0mazyrfIZFREZmZnuMbWloSCzeSuevobxAkGQZI0D9IccJZ9QP7U5BIqSOiD1EmLSKQx6k2KJbS18IUxIFxBtIyLMK0ZmWBk12QNaOjSXdTCxdbWGTkInhEtefgBbvAi8jsWaw_iRUVOgbD1lq-6mw1EuCqAFai2JBkrjbGjmolr9v27kpWem2GxBPP_xW0jOhLGXzdq1p5eV1HM9ZqAAi4SXLKMJPFyjwWXk5kFRtqX6rbfObmwepuKrKXNxK9RLSlavXnoTSfY-VpAdd93JEsy72y9AgddpK6gUiH3JjlFYlABIoMJgHxe--Ox1Oj5Fjs1_tk_xtZTlzNJ_iczUthQvv7pya_W7\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"28940\"><a data-nodeid=\"29842\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLHDJzmm4Br7odyOvG8SThcZLGGiLU60X6YhNhWCzh1hrR4jsu6k4F-zOpjXLqRQvX2D9-_DnvjnBaD47yT1jqrKKHCyqeio9E5N85WZlsuKRZmEi83lTlG3nKSAv5yJahcZHnFXohcsQHjDBn6Y1QyssmXIUH9HMTCsAABrqDrmPDy11lx6rgV_7WrkfYz3iLEuH4UpuQAwAlMFNOWqTF3UDi3F64YaKhjhQ_y0mazyrfIZFREZmZnuMbWloSCzeSuevobxAkGQZI0D9IccJZ9QP7U5BIqSOiD1EmLSKQx6k2KJbS18IUxIFxBtIyLMK0ZmWBk12QNaOjSXdTCxdbWGTkInhEtefgBbvAi8jsWaw_iRUVOgbD1lq-6mw1EuCqAFai2JBkrjbGjmolr9v27kpWem2GxBPP_xW0jOhLGXzdq1p5eV1HM9ZqAAi4SXLKMJPFyjwWXk5kFRtqX6rbfObmwepuKrKXNxK9RLSlavXnoTSfY-VpAdd93JEsy72y9AgddpK6gUiH3JjlFYlABIoMJgHxe--Ox1Oj5Fjs1_tk_xtZTlzNJ_iczUthQvv7pya_W7\">Editar PlantUML no VPasCode<\/a><\/p>\n<hr data-nodeid=\"28941\"\/>\n<h3 data-nodeid=\"28942\">Etapa 4: OpenDocs \u2013 O Hub de Documenta\u00e7\u00e3o Viva<\/h3>\n<p data-nodeid=\"28943\"><strong data-nodeid=\"29848\">Objetivo<\/strong>: Compile e publique documenta\u00e7\u00e3o viva onde os diagramas s\u00e3o atualizados automaticamente quando os modelos de origem s\u00e3o alterados.<\/p>\n<p data-nodeid=\"28944\"><strong data-nodeid=\"29853\">Fluxo de trabalho<\/strong>:<\/p>\n<ol data-nodeid=\"28945\">\n<li data-nodeid=\"28946\">\n<p data-nodeid=\"28947\"><strong data-nodeid=\"29858\">Abra seu manual t\u00e9cnico<\/strong>no editor de documentos OpenDocs<\/p>\n<\/li>\n<li data-nodeid=\"28948\">\n<p data-nodeid=\"28949\"><strong data-nodeid=\"29863\">Posicione o cursor<\/strong>no ponto de inser\u00e7\u00e3o desejado<\/p>\n<\/li>\n<li data-nodeid=\"28950\">\n<p data-nodeid=\"28951\"><strong data-nodeid=\"29868\">Inserir Artefato do Pipeline<\/strong>:<\/p>\n<ul data-nodeid=\"28952\">\n<li data-nodeid=\"28953\">\n<p data-nodeid=\"28954\">Barra de ferramentas \u2192 <strong data-nodeid=\"29878\">Inserir<\/strong> \u2192 <strong data-nodeid=\"29879\">Pipeline<\/strong>(barra lateral esquerda)<\/p>\n<\/li>\n<li data-nodeid=\"28955\">\n<p data-nodeid=\"28956\">Navegue pela cole\u00e7\u00e3o compartilhada da equipe<\/p>\n<\/li>\n<li data-nodeid=\"28957\">\n<p data-nodeid=\"28958\">Filtre por coment\u00e1rio, data ou plataforma de origem<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28959\">\n<p data-nodeid=\"28960\"><strong data-nodeid=\"29886\">Renderizar em linha<\/strong>: O diagrama aparece instantaneamente com resolu\u00e7\u00e3o completa e capacidades interativas<\/p>\n<\/li>\n<li data-nodeid=\"28961\">\n<p data-nodeid=\"28962\"><strong data-nodeid=\"29891\">Escreva o contexto circundante<\/strong>usando Markdown com visualiza\u00e7\u00e3o ao vivo:<\/p>\n<ul data-nodeid=\"28963\">\n<li data-nodeid=\"28964\">\n<p data-nodeid=\"28965\">Edi\u00e7\u00e3o de texto rico<\/p>\n<\/li>\n<li data-nodeid=\"28966\">\n<p data-nodeid=\"28967\">Tabelas, blocos de c\u00f3digo, pastas hier\u00e1rquicas<\/p>\n<\/li>\n<li data-nodeid=\"28968\">\n<p data-nodeid=\"28969\">Tudo enquanto os diagramas permanecem interativos<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"28970\">\n<p data-nodeid=\"28971\"><strong data-nodeid=\"29899\">Gerenciar Atualiza\u00e7\u00f5es<\/strong>:<\/p>\n<ul data-nodeid=\"28972\">\n<li data-nodeid=\"28973\">\n<p data-nodeid=\"28974\">Um flutuante <strong data-nodeid=\"29905\">Indicador de Revis\u00e3o (\ud83d\udd04)<\/strong>aparece ao lado dos diagramas incorporados quando existem vers\u00f5es mais recentes do Pipeline<\/p>\n<\/li>\n<li data-nodeid=\"28975\">\n<p data-nodeid=\"28976\">Clique no indicador para visualizar carimbos de data e hora cronol\u00f3gicos, notas de commit e plataformas de origem lado a lado<\/p>\n<\/li>\n<li data-nodeid=\"28977\">\n<p data-nodeid=\"28978\">Troque de vers\u00e3o para atualizar seu documento mestre instantaneamente<\/p>\n<\/li>\n<li data-nodeid=\"28979\">\n<p data-nodeid=\"28980\">Vers\u00f5es anteriores permanecem acess\u00edveis para rastreamento de auditoria ou cen\u00e1rios de revers\u00e3o<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<blockquote data-nodeid=\"28981\">\n<p data-nodeid=\"28982\"><strong data-nodeid=\"29913\">\ud83d\udca1 Conceito Chave<\/strong>: Ao contr\u00e1rio de plataformas de texto padr\u00e3o, onde as imagens s\u00e3o instant\u00e2neos est\u00e1ticos, os visuais incorporados no OpenDocs permanecem como vetores ao vivo. Os usu\u00e1rios podem clicar no elemento diretamente dentro do documento para abrir o modelo de origem e atualiz\u00e1-lo.<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"28983\">Exemplo de Estrutura de Conte\u00fado do OpenDocs<\/h4>\n<pre class=\"lang-text\" data-nodeid=\"28984\"><code data-language=\"text\">\ud83d\udcc1 Documenta\u00e7\u00e3o do Projeto\r\n\u251c\u2500\u2500 \ud83d\udcc4 01 - Resumo Executivo\r\n\u2502   \u2514\u2500\u2500 [Resumo das Partes Interessadas Gerado por IA com Diagrama de Contexto do Sistema]\r\n\u251c\u2500\u2500 \ud83d\udcc4 02 - Vis\u00e3o Geral da Arquitetura\r\n\u2502   \u251c\u2500\u2500 [Diagrama de Contexto C4 - Ao Vivo]\r\n\u2502   \u251c\u2500\u2500 [Diagrama de Cont\u00eainer C4 - Ao Vivo]\r\n\u2502   \u2514\u2500\u2500 Decis\u00f5es da Pilha Tecnol\u00f3gica\r\n\u251c\u2500\u2500 \ud83d\udcc4 03 - Design Detalhado\r\n\u2502   \u251c\u2500\u2500 [Diagramas de Componentes - Ao Vivo]\r\n\u2502   \u251c\u2500\u2500 [Diagramas de Sequ\u00eancia - Ao Vivo]\r\n\u2502   \u2514\u2500\u2500 Especifica\u00e7\u00f5es da API\r\n\u251c\u2500\u2500 \ud83d\udcc4 04 - Arquitetura de Implanta\u00e7\u00e3o\r\n\u2502   \u251c\u2500\u2500 [Diagrama de Implanta\u00e7\u00e3o - Ao Vivo]\r\n\u2502   \u2514\u2500\u2500 Requisitos de Infraestrutura\r\n\u2514\u2500\u2500 \ud83d\udcc4 05 - Garantia de Qualidade\r\n    \u251c\u2500\u2500 [Casos de Teste Gerados por IA]\r\n    \u2514\u2500\u2500 M\u00e9tricas de Cobertura\r\n<\/code><\/pre>\n<hr data-nodeid=\"28985\"\/>\n<h3 data-nodeid=\"28986\">Etapa 5: Garantia de Qualidade e Testes<\/h3>\n<p data-nodeid=\"28987\"><strong data-nodeid=\"29920\">Objetivo<\/strong>: Gerar automaticamente casos de teste rastre\u00e1veis a partir dos seus modelos.<\/p>\n<p data-nodeid=\"28988\"><strong data-nodeid=\"29925\">Ativos de Teste Gerados por IA<\/strong>:<\/p>\n<table data-nodeid=\"28990\">\n<thead data-nodeid=\"28991\">\n<tr data-nodeid=\"28992\">\n<th data-nodeid=\"28994\"><strong data-nodeid=\"29929\">Artefato de Teste<\/strong><\/th>\n<th data-nodeid=\"28995\"><strong data-nodeid=\"29933\">Fonte<\/strong><\/th>\n<th data-nodeid=\"28996\"><strong data-nodeid=\"29937\">Exemplo<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29000\">\n<tr data-nodeid=\"29001\">\n<td data-nodeid=\"29002\">Casos de Teste<\/td>\n<td data-nodeid=\"29003\">Especifica\u00e7\u00f5es de casos de uso, tabelas de decis\u00e3o, Diagramas de Atividade\/Sequ\u00eancia<\/td>\n<td data-nodeid=\"29004\">TC-001 \u2013 Caminho Feliz, TC-002 \u2013 Falha no Pagamento<\/td>\n<\/tr>\n<tr data-nodeid=\"29005\">\n<td data-nodeid=\"29006\">Pr\u00e9-condi\u00e7\u00f5es<\/td>\n<td data-nodeid=\"29007\">Fluxos de casos de uso<\/td>\n<td data-nodeid=\"29008\">\u201cCliente logado, mesas dispon\u00edveis, grupo de 4 pessoas\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"29009\">\n<td data-nodeid=\"29010\">Links de Rastreabilidade<\/td>\n<td data-nodeid=\"29011\">Requisitos para elementos de design at\u00e9 casos de teste<\/td>\n<td data-nodeid=\"29012\">\u201cRastreio: Passos 1\u20137 do fluxo principal, Regra R1 da Tabela de Decis\u00e3o\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"29013\">\n<td data-nodeid=\"29014\">M\u00e9tricas de Cobertura<\/td>\n<td data-nodeid=\"29015\">Painel de Controle do Projeto<\/td>\n<td data-nodeid=\"29016\">\u201c92% das regras da tabela de decis\u00e3o testadas\u201d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29017\"><strong data-nodeid=\"29960\">Exemplo de Casos de Teste Gerados por IA<\/strong>:<\/p>\n<pre class=\"lang-text\" data-nodeid=\"29018\"><code data-language=\"text\">TC-001 \u2013 Caminho Feliz \u2013 Sem Dep\u00f3sito Necess\u00e1rio\r\nPrioridade: Alta\r\nPr\u00e9-condi\u00e7\u00f5es: Cliente logado (fidelidade Gold), mesas dispon\u00edveis, fora de hor\u00e1rio de pico, grupo de 4 pessoas\r\nPassos:\r\n  1. Pesquisar mesas \u2192 selecionar hor\u00e1rio\r\n  2. Revisar resumo (sem dep\u00f3sito exibido)\r\n  3. Confirmar reserva\r\nEsperado: Reserva confirmada, confirma\u00e7\u00e3o enviada, sem tela de pagamento\r\nRastreio: Passos 1\u20137 do fluxo principal, Regra R1 da Tabela de Decis\u00e3o\r\n\r\nTC-002 \u2013 Dep\u00f3sito Necess\u00e1rio \u2013 Pagamento Falha\r\nPrioridade: Alta\r\nPr\u00e9-condi\u00e7\u00f5es: Grupo de 10 pessoas, hor\u00e1rio de pico, n\u00e3o Gold, cart\u00e3o v\u00e1lido mas com saldo insuficiente\r\nPassos:\r\n  1. Selecionar hor\u00e1rio \u2192 prosseguir para pagamento\r\n  2. Inserir cart\u00e3o \u2192 enviar\r\nEsperado: Mensagem de erro \"Pagamento recusado\", reserva n\u00e3o criada, retorno \u00e0 sele\u00e7\u00e3o de hor\u00e1rio\r\nRastreio: Regra R5 da Tabela de Decis\u00e3o, Fluxo de Exce\u00e7\u00e3o 4b\r\n<\/code><\/pre>\n<hr data-nodeid=\"29019\"\/>\n<h3 data-nodeid=\"29020\">Etapa 6: Sincroniza\u00e7\u00e3o e Atualiza\u00e7\u00f5es Cont\u00ednuas<\/h3>\n<p data-nodeid=\"29021\"><strong data-nodeid=\"29966\">Objetivo<\/strong>: Manter uma \u00fanica fonte da verdade em todos os artefatos.<\/p>\n<p data-nodeid=\"29022\"><strong data-nodeid=\"29974\">O Fluxo de Trabalho de Loop Fechado<\/strong>:<br \/>\n<img alt=\"\" data-nodeid=\"29973\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc99b3ad7d.png\"\/><\/p>\n<p data-nodeid=\"29023\"><strong data-nodeid=\"29979\">Benef\u00edcios da Sincroniza\u00e7\u00e3o Bidirecional<\/strong>:<\/p>\n<ul data-nodeid=\"29024\">\n<li data-nodeid=\"29025\">\n<p data-nodeid=\"29026\">Atualizar uma classe no Desktop \u2192 atualiza automaticamente no OpenDocs<\/p>\n<\/li>\n<li data-nodeid=\"29027\">\n<p data-nodeid=\"29028\">Refinar um prompt no Chatbot \u2192 enviar altera\u00e7\u00f5es de volta para o Studios<\/p>\n<\/li>\n<li data-nodeid=\"29029\">\n<p data-nodeid=\"29030\">Sincroniza\u00e7\u00e3o com conta \u00fanica<\/p>\n<\/li>\n<li data-nodeid=\"29031\">\n<p data-nodeid=\"29032\">Hist\u00f3rico de vers\u00f5es e rastreabilidade completa<\/p>\n<\/li>\n<li data-nodeid=\"29033\">\n<p data-nodeid=\"29034\">Zero retrabalho manual<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"29035\"\/>\n<h2 data-nodeid=\"29036\">Parte 3: Diretrizes e Melhores Pr\u00e1ticas<\/h2>\n<h3 data-nodeid=\"29037\">1. Melhores Pr\u00e1ticas para Chatbots de IA<\/h3>\n<p data-nodeid=\"29038\"><strong data-nodeid=\"29991\">T\u00e9cnicas Eficazes de Prompting<\/strong>:<\/p>\n<table data-nodeid=\"29040\">\n<thead data-nodeid=\"29041\">\n<tr data-nodeid=\"29042\">\n<th data-nodeid=\"29044\"><strong data-nodeid=\"29995\">Fa\u00e7a<\/strong><\/th>\n<th data-nodeid=\"29045\"><strong data-nodeid=\"30001\">N\u00e3o fa\u00e7a<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29048\">\n<tr data-nodeid=\"29049\">\n<td data-nodeid=\"29050\">Nomeie os participantes claramente desde o in\u00edcio: \u201cUsu\u00e1rio, Navegador, AuthService\u201d<\/td>\n<td data-nodeid=\"29051\">Solicita\u00e7\u00f5es vagas como \u201cCrie um diagrama de sistema\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"29052\">\n<td data-nodeid=\"29053\">Use linguagem de fluxo de controle: \u201cif\u2026then\u2026else\u201d, \u201cwhile\u201d, \u201cem paralelo\u201d<\/td>\n<td data-nodeid=\"29054\">N\u00e3o assuma que a IA conhece camadas arquiteturais que voc\u00ea n\u00e3o mencionou<\/td>\n<\/tr>\n<tr data-nodeid=\"29055\">\n<td data-nodeid=\"29056\">Especifique as camadas arquiteturais: \u201cController \u2192 Service \u2192 Repository\u201d<\/td>\n<td data-nodeid=\"29057\">Misture v\u00e1rios cen\u00e1rios n\u00e3o relacionados em um \u00fanico prompt<\/td>\n<\/tr>\n<tr data-nodeid=\"29058\">\n<td data-nodeid=\"29059\">Solicite anota\u00e7\u00f5es: \u201cAdicione notas para pr\u00e9-condi\u00e7\u00f5es\u201d<\/td>\n<td data-nodeid=\"29060\">Espere um layout perfeito na primeira tentativa<\/td>\n<\/tr>\n<tr data-nodeid=\"29061\">\n<td data-nodeid=\"29062\">Pe\u00e7a varia\u00e7\u00f5es: \u201cMostre o caminho de falha separadamente\u201d<\/td>\n<td data-nodeid=\"29063\">Esque\u00e7a de iterar e refinar<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29064\"><strong data-nodeid=\"30044\">Comandos de Refinamento Iterativo<\/strong>:<\/p>\n<pre class=\"lang-text\" data-nodeid=\"29065\"><code data-language=\"text\">\"Adicione um loop de retry se a valida\u00e7\u00e3o do OTP falhar (m\u00e1ximo de 3 tentativas)\"\r\n\"Insira a etapa de dois fatores apenas se o usu\u00e1rio tiver 2FA ativado (use fragmento opt)\"\r\n\"Mostre mensagens em paralelo: ap\u00f3s o sucesso do pagamento, notifique o cliente e atualize o estoque simultaneamente\"\r\n\"Altere a linha de vida do PaymentGateway para mostrar um timeout ap\u00f3s 30 segundos\"\r\n\"Adicione uma mensagem de auto-chamada no OrderService para calcular o total antes de chamar o PaymentGateway\"\r\n<\/code><\/pre>\n<h3 data-nodeid=\"29066\">2. Melhores Pr\u00e1ticas de Modelagem C4<\/h3>\n<p data-nodeid=\"29067\"><strong data-nodeid=\"30050\">Diretrizes Espec\u00edficas por Camada<\/strong>:<\/p>\n<table data-nodeid=\"29069\">\n<thead data-nodeid=\"29070\">\n<tr data-nodeid=\"29071\">\n<th data-nodeid=\"29073\"><strong data-nodeid=\"30054\">Camada<\/strong><\/th>\n<th data-nodeid=\"29074\"><strong data-nodeid=\"30058\">Melhor Pr\u00e1tica<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29077\">\n<tr data-nodeid=\"29078\">\n<td data-nodeid=\"29079\"><strong data-nodeid=\"30062\">Contexto<\/strong><\/td>\n<td data-nodeid=\"29080\">Mostre apenas os limites do sistema e as intera\u00e7\u00f5es externas imediatas; uma caixa para todo o sistema<\/td>\n<\/tr>\n<tr data-nodeid=\"29081\">\n<td data-nodeid=\"29082\"><strong data-nodeid=\"30067\">Cont\u00eainer<\/strong><\/td>\n<td data-nodeid=\"29083\">Mostre unidades implant\u00e1veis (aplica\u00e7\u00f5es, bancos de dados, servi\u00e7os); evite mostrar detalhes de tecnologia nas rela\u00e7\u00f5es<\/td>\n<\/tr>\n<tr data-nodeid=\"29084\">\n<td data-nodeid=\"29085\"><strong data-nodeid=\"30072\">Componente<\/strong><\/td>\n<td data-nodeid=\"29086\">Mostre o agrupamento l\u00f3gico de classes; garanta que cada componente tenha uma responsabilidade clara<\/td>\n<\/tr>\n<tr data-nodeid=\"29087\">\n<td data-nodeid=\"29088\"><strong data-nodeid=\"30077\">Implanta\u00e7\u00e3o<\/strong><\/td>\n<td data-nodeid=\"29089\">Mapeie componentes para a infraestrutura real; inclua informa\u00e7\u00f5es de redund\u00e2ncia e escalabilidade<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29090\"><strong data-nodeid=\"30083\">Princ\u00edpios Gerais do C4<\/strong>:<\/p>\n<ul data-nodeid=\"29091\">\n<li data-nodeid=\"29092\">\n<p data-nodeid=\"29093\">Cada n\u00edvel deve fornecer uma perspectiva diferente, n\u00e3o apenas mais detalhes<\/p>\n<\/li>\n<li data-nodeid=\"29094\">\n<p data-nodeid=\"29095\">Os diagramas devem ser autoexplicativos com texto m\u00ednimo<\/p>\n<\/li>\n<li data-nodeid=\"29096\">\n<p data-nodeid=\"29097\">Mantenha a consist\u00eancia da terminologia em todos os n\u00edveis<\/p>\n<\/li>\n<li data-nodeid=\"29098\">\n<p data-nodeid=\"29099\">Use codifica\u00e7\u00e3o de cores para diferenciar componentes do sistema versus componentes externos<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"29100\">3. Melhores Pr\u00e1ticas de Pipeline<\/h3>\n<p data-nodeid=\"29101\"><strong data-nodeid=\"30093\">Gerenciamento de Metadados<\/strong>:<\/p>\n<table data-nodeid=\"29103\">\n<thead data-nodeid=\"29104\">\n<tr data-nodeid=\"29105\">\n<th data-nodeid=\"29107\"><strong data-nodeid=\"30097\">Pr\u00e1tica<\/strong><\/th>\n<th data-nodeid=\"29108\"><strong data-nodeid=\"30101\">Por qu\u00ea<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29111\">\n<tr data-nodeid=\"29112\">\n<td data-nodeid=\"29113\">Adicione notas de commit descritivas<\/td>\n<td data-nodeid=\"29114\">Auxilie na identifica\u00e7\u00e3o de vers\u00f5es e em trilhas de auditoria<\/td>\n<\/tr>\n<tr data-nodeid=\"29115\">\n<td data-nodeid=\"29116\">Use conven\u00e7\u00f5es de nomenclatura consistentes<\/td>\n<td data-nodeid=\"29117\">Habilite filtragem e pesquisa em toda a cole\u00e7\u00e3o da equipe<\/td>\n<\/tr>\n<tr data-nodeid=\"29118\">\n<td data-nodeid=\"29119\">Inclua informa\u00e7\u00f5es da plataforma de origem<\/td>\n<td data-nodeid=\"29120\">Rastreie a proveni\u00eancia do artefato<\/td>\n<\/tr>\n<tr data-nodeid=\"29121\">\n<td data-nodeid=\"29122\">Marque com identificadores de sprint ou vers\u00e3o<\/td>\n<td data-nodeid=\"29123\">Facilitar revers\u00e3o e compara\u00e7\u00e3o<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29124\"><strong data-nodeid=\"30114\">Gerenciamento de Vers\u00f5es<\/strong>:<\/p>\n<ul data-nodeid=\"29125\">\n<li data-nodeid=\"29126\">\n<p data-nodeid=\"29127\">Revisar revis\u00f5es antes de substituir em documentos<\/p>\n<\/li>\n<li data-nodeid=\"29128\">\n<p data-nodeid=\"29129\">Manter vers\u00f5es anteriores acess\u00edveis para trilhas de auditoria<\/p>\n<\/li>\n<li data-nodeid=\"29130\">\n<p data-nodeid=\"29131\">Use o Indicador de Revis\u00e3o (\ud83d\udd04) para identificar diagramas desatualizados<\/p>\n<\/li>\n<li data-nodeid=\"29132\">\n<p data-nodeid=\"29133\">Realizar atualiza\u00e7\u00f5es em lote quando poss\u00edvel para manter a coer\u00eancia do documento<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"29134\">4. Melhores Pr\u00e1ticas do OpenDocs<\/h3>\n<p data-nodeid=\"29135\"><strong data-nodeid=\"30124\">Estrutura da Documenta\u00e7\u00e3o<\/strong>:<\/p>\n<table data-nodeid=\"29137\">\n<thead data-nodeid=\"29138\">\n<tr data-nodeid=\"29139\">\n<th data-nodeid=\"29141\"><strong data-nodeid=\"30128\">Pr\u00e1tica<\/strong><\/th>\n<th data-nodeid=\"29142\"><strong data-nodeid=\"30132\">Descri\u00e7\u00e3o<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29145\">\n<tr data-nodeid=\"29146\">\n<td data-nodeid=\"29147\">Usar Espa\u00e7os Estruturados em \u00c1rvore<\/td>\n<td data-nodeid=\"29148\">Organize a documenta\u00e7\u00e3o usando pastas aninhadas hier\u00e1rquicas; espelhe a arquitetura do sistema<\/td>\n<\/tr>\n<tr data-nodeid=\"29149\">\n<td data-nodeid=\"29150\">Incorporar, N\u00e3o Anexar<\/td>\n<td data-nodeid=\"29151\">Insira artefatos ao vivo do Pipeline em vez de capturas de tela est\u00e1ticas<\/td>\n<\/tr>\n<tr data-nodeid=\"29152\">\n<td data-nodeid=\"29153\">Manter Separa\u00e7\u00e3o de Responsabilidades<\/td>\n<td data-nodeid=\"29154\">Separe diagramas de arquitetura de documentos detalhados de implementa\u00e7\u00e3o<\/td>\n<\/tr>\n<tr data-nodeid=\"29155\">\n<td data-nodeid=\"29156\">Habilitar Colabora\u00e7\u00e3o<\/td>\n<td data-nodeid=\"29157\">Compartilhe links \u00fanicos; partes interessadas comentam diretamente nos diagramas ou no texto<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29158\"><strong data-nodeid=\"30147\">Caminhos de Incorpora\u00e7\u00e3o JIT (Just-in-Time)<\/strong>:<\/p>\n<ol data-nodeid=\"29159\">\n<li data-nodeid=\"29160\">\n<p data-nodeid=\"29161\"><strong data-nodeid=\"30152\">Incorpora\u00e7\u00e3o Ad Hoc<\/strong>: Clique em Inserir &gt; Diagrama diretamente dentro de uma p\u00e1gina de documento<\/p>\n<\/li>\n<li data-nodeid=\"29162\">\n<p data-nodeid=\"29163\"><strong data-nodeid=\"30157\">Gera\u00e7\u00e3o Orientada por IA<\/strong>: Use linguagem natural para criar diagramas dentro da narrativa do texto<\/p>\n<\/li>\n<li data-nodeid=\"29164\">\n<p data-nodeid=\"29165\"><strong data-nodeid=\"30162\">Pipeline Central de Ativos<\/strong>: Envie do Desktop\/Online para o Pipeline; puxe para os documentos<\/p>\n<\/li>\n<\/ol>\n<h3 data-nodeid=\"29166\">5. Melhores Pr\u00e1ticas de Garantia de Qualidade<\/h3>\n<p data-nodeid=\"29167\"><strong data-nodeid=\"30168\">Requisitos de Rastreabilidade<\/strong>:<\/p>\n<table data-nodeid=\"29169\">\n<thead data-nodeid=\"29170\">\n<tr data-nodeid=\"29171\">\n<th data-nodeid=\"29173\"><strong data-nodeid=\"30172\">Artefato<\/strong><\/th>\n<th data-nodeid=\"29174\"><strong data-nodeid=\"30176\">Requisito de Rastreabilidade<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29177\">\n<tr data-nodeid=\"29178\">\n<td data-nodeid=\"29179\">Casos de Uso<\/td>\n<td data-nodeid=\"29180\">Link para requisitos e casos de teste<\/td>\n<\/tr>\n<tr data-nodeid=\"29181\">\n<td data-nodeid=\"29182\">Tabelas de Decis\u00e3o<\/td>\n<td data-nodeid=\"29183\">Garantir que cada regra seja coberta por pelo menos um teste<\/td>\n<\/tr>\n<tr data-nodeid=\"29184\">\n<td data-nodeid=\"29185\">Diagramas de Atividade\/Sequ\u00eancia<\/td>\n<td data-nodeid=\"29186\">Vincular etapas de teste a elementos espec\u00edficos do diagrama<\/td>\n<\/tr>\n<tr data-nodeid=\"29187\">\n<td data-nodeid=\"29188\">Aspectos n\u00e3o funcionais<\/td>\n<td data-nodeid=\"29189\">Incluir em observa\u00e7\u00f5es ou restri\u00e7\u00f5es; testar separadamente<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-nodeid=\"29190\"><strong data-nodeid=\"30189\">M\u00e9tricas de Cobertura de Teste<\/strong>:<\/p>\n<ul data-nodeid=\"29191\">\n<li data-nodeid=\"29192\">\n<p data-nodeid=\"29193\">Monitorar a completude por meio do Painel do Projeto<\/p>\n<\/li>\n<li data-nodeid=\"29194\">\n<p data-nodeid=\"29195\">Rastrear a cobertura em: casos de uso, tabelas de decis\u00e3o, cen\u00e1rios (caminho feliz, alternativas, exce\u00e7\u00f5es, casos de limite)<\/p>\n<\/li>\n<li data-nodeid=\"29196\">\n<p data-nodeid=\"29197\">Prioriza\u00e7\u00e3o baseada em risco dos casos de teste restantes<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"29198\">6. Melhores Pr\u00e1ticas de Relat\u00f3rios e Documenta\u00e7\u00e3o<\/h3>\n<p data-nodeid=\"29199\"><strong data-nodeid=\"30198\">Estrutura de Relat\u00f3rio Gerada por IA<\/strong>:<\/p>\n<table data-nodeid=\"29201\">\n<thead data-nodeid=\"29202\">\n<tr data-nodeid=\"29203\">\n<th data-nodeid=\"29205\"><strong data-nodeid=\"30202\">Se\u00e7\u00e3o<\/strong><\/th>\n<th data-nodeid=\"29206\"><strong data-nodeid=\"30206\">Conte\u00fado<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29209\">\n<tr data-nodeid=\"29210\">\n<td data-nodeid=\"29211\">Resumo Executivo<\/td>\n<td data-nodeid=\"29212\">Narrativa de alto n\u00edvel dos objetivos do sistema<\/td>\n<\/tr>\n<tr data-nodeid=\"29213\">\n<td data-nodeid=\"29214\">Modelos L\u00f3gicos Visuais<\/td>\n<td data-nodeid=\"29215\">Diagramas de Casos de Uso, Atividade e Sequ\u00eancia Renderizados<\/td>\n<\/tr>\n<tr data-nodeid=\"29216\">\n<td data-nodeid=\"29217\">Especifica\u00e7\u00f5es Funcionais<\/td>\n<td data-nodeid=\"29218\">Fluxo detalhado de eventos (caminhos principais, alternativos e de exce\u00e7\u00e3o)<\/td>\n<\/tr>\n<tr data-nodeid=\"29219\">\n<td data-nodeid=\"29220\">Matriz de Rastreabilidade<\/td>\n<td data-nodeid=\"29221\">Requisitos \u2192 Design \u2192 Casos de Teste<\/td>\n<\/tr>\n<tr data-nodeid=\"29222\">\n<td data-nodeid=\"29223\">Esquema de Dados<\/td>\n<td data-nodeid=\"29224\">Diagramas Entidade-Relacionamento e estruturas de classes<\/td>\n<\/tr>\n<tr data-nodeid=\"29225\">\n<td data-nodeid=\"29226\">Plano de Implanta\u00e7\u00e3o<\/td>\n<td data-nodeid=\"29227\">Requisitos de infraestrutura e topologia<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"29228\"\/>\n<h2 data-nodeid=\"29229\">Parte 4: Exemplo de Fluxo de Trabalho de Ponta a Ponta<\/h2>\n<h3 data-nodeid=\"29230\">Cen\u00e1rio: Constru\u00e7\u00e3o de um Sistema de Gerenciamento de Armaz\u00e9m<\/h3>\n<p data-nodeid=\"29231\"><strong data-nodeid=\"30224\">Etapa 1: Chatbot de IA \u2013 Idea\u00e7\u00e3o<\/strong><\/p>\n<pre class=\"lang-text\" data-nodeid=\"29232\"><code data-language=\"text\">Prompt: \"Crie um diagrama de contexto de sistema C4 para um Sistema de Gerenciamento de Armaz\u00e9m \r\nque se integra ao ERP e ao Gerenciamento de Pedidos\"\r\n<\/code><\/pre>\n<p data-nodeid=\"29233\"><strong data-nodeid=\"30229\">Sa\u00edda<\/strong>: Diagrama de contexto inicial mostrando usu\u00e1rios (Equipe do Armaz\u00e9m, Gerente, Log\u00edstica) e sistemas externos (ERP, OMS).<\/p>\n<p data-nodeid=\"29234\"><strong data-nodeid=\"30233\">Etapa 2: C4-PlantUML Studio \u2013 Refinamento Guiado<\/strong><\/p>\n<ul data-nodeid=\"29235\">\n<li data-nodeid=\"29236\">\n<p data-nodeid=\"29237\">Definir declara\u00e7\u00e3o do problema com assist\u00eancia de IA<\/p>\n<\/li>\n<li data-nodeid=\"29238\">\n<p data-nodeid=\"29239\">Gerar diagrama de cont\u00eainer: Aplicativo Web (React), Servi\u00e7o de Otimiza\u00e7\u00e3o de Armazenamento (Spring Boot), Banco de Dados de Invent\u00e1rio (PostgreSQL)<\/p>\n<\/li>\n<li data-nodeid=\"29240\">\n<p data-nodeid=\"29241\">Gerar diagrama de componentes: Motor de An\u00e1lise de Armazenamento, Calculadora de Tamanho de Item, Servi\u00e7o de Frequ\u00eancia de Item, Servi\u00e7o de Reposi\u00e7\u00e3o<\/p>\n<\/li>\n<li data-nodeid=\"29242\">\n<p data-nodeid=\"29243\">Gerar diagrama de implanta\u00e7\u00e3o: Arquitetura AWS com EC2, RDS, ElastiCache<\/p>\n<\/li>\n<li data-nodeid=\"29244\">\n<p data-nodeid=\"29245\">Adicionar visualiza\u00e7\u00f5es din\u00e2micas: Diagramas de sequ\u00eancia para rastreamento de movimenta\u00e7\u00e3o de invent\u00e1rio<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"29246\"><strong data-nodeid=\"30244\">Etapa 3: Refinamento de Relacionamentos<\/strong><br \/>\nA IA identifica e sugere:<\/p>\n<ul data-nodeid=\"29247\">\n<li data-nodeid=\"29248\">\n<p data-nodeid=\"29249\">\u00abinclude\u00bb \u2192 Autenticar Usu\u00e1rio para todos os casos de uso<\/p>\n<\/li>\n<li data-nodeid=\"29250\">\n<p data-nodeid=\"29251\">\u00abinclude\u00bb \u2192 Processar Pagamento para Reservar Mesa e Pedir Refei\u00e7\u00e3o Antecipada<\/p>\n<\/li>\n<li data-nodeid=\"29252\">\n<p data-nodeid=\"29253\">\u00abextend\u00bb \u2192 Aplicar Cupom de Desconto (condicional ao c\u00f3digo promocional)<\/p>\n<\/li>\n<li data-nodeid=\"29254\">\n<p data-nodeid=\"29255\">\u00abextend\u00bb \u2192 Gerenciar Lista de Espera (condicional \u00e0 indisponibilidade de mesas)<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"29256\"><strong data-nodeid=\"30252\">Etapa 4: OpenDocs \u2013 Documenta\u00e7\u00e3o Viva<\/strong><\/p>\n<ul data-nodeid=\"29257\">\n<li data-nodeid=\"29258\">\n<p data-nodeid=\"29259\">Inserir todos os artefatos do Pipeline nas p\u00e1ginas de documenta\u00e7\u00e3o<\/p>\n<\/li>\n<li data-nodeid=\"29260\">\n<p data-nodeid=\"29261\">Escrever explica\u00e7\u00f5es em Markdown com diagramas incorporados e ao vivo<\/p>\n<\/li>\n<li data-nodeid=\"29262\">\n<p data-nodeid=\"29263\">Adicionar casos de teste gerados automaticamente a partir de casos de uso e tabelas de decis\u00e3o<\/p>\n<\/li>\n<li data-nodeid=\"29264\">\n<p data-nodeid=\"29265\">Publicar no portal das partes interessadas por meio de link de compartilhamento seguro<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"29266\"><strong data-nodeid=\"30260\">Etapa 5: Sincroniza\u00e7\u00e3o<\/strong><\/p>\n<ul data-nodeid=\"29267\">\n<li data-nodeid=\"29268\">\n<p data-nodeid=\"29269\">Duas semanas depois, a engenharia altera o algoritmo de otimiza\u00e7\u00e3o de armazenamento<\/p>\n<\/li>\n<li data-nodeid=\"29270\">\n<p data-nodeid=\"29271\">O arquiteto edita o diagrama no VP Desktop<\/p>\n<\/li>\n<li data-nodeid=\"29272\">\n<p data-nodeid=\"29273\">O OpenDocs sinaliza a altera\u00e7\u00e3o de sincroniza\u00e7\u00e3o para a equipe de autoria<\/p>\n<\/li>\n<li data-nodeid=\"29274\">\n<p data-nodeid=\"29275\">A equipe alterna para uma nova revis\u00e3o sem quebrar a formata\u00e7\u00e3o manual<\/p>\n<\/li>\n<li data-nodeid=\"29276\">\n<p data-nodeid=\"29277\">Todas as partes interessadas veem a documenta\u00e7\u00e3o atualizada imediatamente<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"29278\"\/>\n<h2 data-nodeid=\"29279\">Parte 5: Resumo e Principais Li\u00e7\u00f5es<\/h2>\n<h3 data-nodeid=\"29280\">A Proposta de Valor<\/h3>\n<p data-nodeid=\"29281\">O ecossistema de IA da Visual Paradigm transforma fluxos de trabalho fragmentados de &#8216;Conceito para Documentos&#8217; em um pipeline automatizado unificado, onde modelos visuais e documenta\u00e7\u00e3o evoluem juntos como uma \u00fanica fonte da verdade.<\/p>\n<p data-nodeid=\"29282\"><strong data-nodeid=\"30279\">Principais Benef\u00edcios<\/strong>:<\/p>\n<table data-nodeid=\"29284\">\n<thead data-nodeid=\"29285\">\n<tr data-nodeid=\"29286\">\n<th data-nodeid=\"29288\"><strong data-nodeid=\"30283\">Para Equipes T\u00e9cnicas<\/strong><\/th>\n<th data-nodeid=\"29289\"><strong data-nodeid=\"30287\">Para Partes Interessadas de Neg\u00f3cios<\/strong><\/th>\n<th data-nodeid=\"29290\"><strong data-nodeid=\"30291\">Para Organiza\u00e7\u00f5es<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29294\">\n<tr data-nodeid=\"29295\">\n<td data-nodeid=\"29296\">Redu\u00e7\u00e3o da sobrecarga de manuten\u00e7\u00e3o<\/td>\n<td data-nodeid=\"29297\">Melhor compreens\u00e3o de sistemas complexos<\/td>\n<td data-nodeid=\"29298\">\u00danica fonte da verdade<\/td>\n<\/tr>\n<tr data-nodeid=\"29299\">\n<td data-nodeid=\"29300\">Maior precis\u00e3o<\/td>\n<td data-nodeid=\"29301\">Tomada de decis\u00e3o mais r\u00e1pida<\/td>\n<td data-nodeid=\"29302\">Silos de informa\u00e7\u00e3o eliminados<\/td>\n<\/tr>\n<tr data-nodeid=\"29303\">\n<td data-nodeid=\"29304\">Colabora\u00e7\u00e3o aprimorada<\/td>\n<td data-nodeid=\"29305\">Risco reduzido de m\u00e1 comunica\u00e7\u00e3o<\/td>\n<td data-nodeid=\"29306\">Gest\u00e3o de conhecimento escal\u00e1vel<\/td>\n<\/tr>\n<tr data-nodeid=\"29307\">\n<td data-nodeid=\"29308\">Efici\u00eancia impulsionada por IA<\/td>\n<td data-nodeid=\"29309\">Informa\u00e7\u00f5es atualizadas sempre dispon\u00edveis<\/td>\n<td data-nodeid=\"29310\">Publica\u00e7\u00e3o \u00e0 prova de futuro<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"29311\">Resumo Final do Fluxo de Trabalho<\/h3>\n<p data-nodeid=\"29312\"><img alt=\"\" data-nodeid=\"30306\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6a4cc9f44192b.png\"\/><\/p>\n<h3 data-nodeid=\"29313\">Refer\u00eancia R\u00e1pida: Qual Ferramenta para Qual Tarefa<\/h3>\n<table data-nodeid=\"29315\">\n<thead data-nodeid=\"29316\">\n<tr data-nodeid=\"29317\">\n<th data-nodeid=\"29319\"><strong data-nodeid=\"30311\">Tarefa<\/strong><\/th>\n<th data-nodeid=\"29320\"><strong data-nodeid=\"30315\">Ferramenta<\/strong><\/th>\n<th data-nodeid=\"29321\"><strong data-nodeid=\"30319\">Porqu\u00ea<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"29325\">\n<tr data-nodeid=\"29326\">\n<td data-nodeid=\"29327\">Brainstorming e prototipagem r\u00e1pida<\/td>\n<td data-nodeid=\"29328\">Chatbot de IA<\/td>\n<td data-nodeid=\"29329\">Maneira mais r\u00e1pida de ir da ideia ao visual<\/td>\n<\/tr>\n<tr data-nodeid=\"29330\">\n<td data-nodeid=\"29331\">Modelagem C4 estruturada<\/td>\n<td data-nodeid=\"29332\">Est\u00fadio C4-PlantUML<\/td>\n<td data-nodeid=\"29333\">Fluxos de trabalho guiados garantem a completude<\/td>\n<\/tr>\n<tr data-nodeid=\"29334\">\n<td data-nodeid=\"29335\">Documenta\u00e7\u00e3o viva<\/td>\n<td data-nodeid=\"29336\">OpenDocs<\/td>\n<td data-nodeid=\"29337\">Diagramas atualizam automaticamente; \u00fanica fonte da verdade<\/td>\n<\/tr>\n<tr data-nodeid=\"29338\">\n<td data-nodeid=\"29339\">Engenharia de precis\u00e3o<\/td>\n<td data-nodeid=\"29340\">VP Desktop<\/td>\n<td data-nodeid=\"29341\">Valida\u00e7\u00e3o, gera\u00e7\u00e3o de c\u00f3digo, recursos empresariais<\/td>\n<\/tr>\n<tr data-nodeid=\"29342\">\n<td data-nodeid=\"29343\">Gera\u00e7\u00e3o de casos de teste<\/td>\n<td data-nodeid=\"29344\">Est\u00fadio de Casos de Uso com IA<\/td>\n<td data-nodeid=\"29345\">De casos de uso e tabelas de decis\u00e3o para ativos de teste<\/td>\n<\/tr>\n<tr data-nodeid=\"29346\">\n<td data-nodeid=\"29347\">Relat\u00f3rios<\/td>\n<td data-nodeid=\"29348\">Relat\u00f3rios com IA<\/td>\n<td data-nodeid=\"29349\">Resumos executivos, guias t\u00e9cnicos, trilhas de auditoria<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"29350\"\/>\n<h2 data-nodeid=\"29351\">Ap\u00eandice: Refer\u00eancia R\u00e1pida de Trechos de C\u00f3digo PlantUML<\/h2>\n<h3 data-nodeid=\"29352\">C4 Contexto<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TKwx3e904En9-0UaWaIunieMwTGG3JKvZerSSg_SBH7_taM8bLQpEu_TsKaZr3H0CYAwS6JCysVva3XE_HJ02siG39R2QkOKDpXfLGGSbEnPTIYQXMelPwPvGF14TTMIcB5qv8oZ1dom9bjExPEq9KW9Jn24bmwbDMaUH_SNXNKMFa3okYTNhk6lkwjdpEWFUCCLcUfjJ5RvH-u6QklnVKHzmk9il4Khh4hpDm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TOun3i8m34Lt9EuGEXK9ceM95Re1ga2TKKWjY9J4LUm8E0vYu22z66c5c62ozVt_VvuOhsriG5oOMrfA6TIrE1k-n5Ca21ezW-T2evEjLPwZitFYnfgJN2tcLI_LsurqYXX2aewhFd7ZeatEyQY2GEZplceciffYzmW6ixIlWNGmtQjxOZOTZmxtLE1o6aOwxz21Q50SJ2-elubZUUCyyI1uPPFfunVb8FqYxS5-_ld2QXe0LK16ZJRPtW00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29353\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\nPerson(user, \"Usu\u00e1rio\", \"Descri\u00e7\u00e3o\")\r\nSystem(system, \"Nome do Sistema\", \"Descri\u00e7\u00e3o\")\r\nSystem_Ext(external, \"Sistema Externo\", \"Descri\u00e7\u00e3o\")\r\nRel(user, system, \"Usa\", \"Protocolo\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TOun3i8m34Lt9EuGEXK9ceM95Re1ga2TKKWjY9J4LUm8E0vYu22z66c5c62ozVt_VvuOhsriG5oOMrfA6TIrE1k-n5Ca21ezW-T2evEjLPwZitFYnfgJN2tcLI_LsurqYXX2aewhFd7ZeatEyQY2GEZplceciffYzmW6ixIlWNGmtQjxOZOTZmxtLE1o6aOwxz21Q50SJ2-elubZUUCyyI1uPPFfunVb8FqYxS5-_ld2QXe0LK16ZJRPtW00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TKwx3e904En9-0UaWaIunieMwTGG3JKvZerSSg_SBH7_taM8bLQpEu_TsKaZr3H0CYAwS6JCysVva3XE_HJ02siG39R2QkOKDpXfLGGSbEnPTIYQXMelPwPvGF14TTMIcB5qv8oZ1dom9bjExPEq9KW9Jn24bmwbDMaUH_SNXNKMFa3okYTNhk6lkwjdpEWFUCCLcUfjJ5RvH-u6QklnVKHzmk9il4Khh4hpDm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29354\"><a data-nodeid=\"30342\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TKwx3e904En9-0UaWaIunieMwTGG3JKvZerSSg_SBH7_taM8bLQpEu_TsKaZr3H0CYAwS6JCysVva3XE_HJ02siG39R2QkOKDpXfLGGSbEnPTIYQXMelPwPvGF14TTMIcB5qv8oZ1dom9bjExPEq9KW9Jn24bmwbDMaUH_SNXNKMFa3okYTNhk6lkwjdpEWFUCCLcUfjJ5RvH-u6QklnVKHzmk9il4Khh4hpDm00\">Editar PlantUML no VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29355\">C4 Cont\u00eainer<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOpB2i8m44NtWlyGish1DXjNRjjbbKfrBNaCRI0laYdYtvi85dTpphrt3jf9ioeW2s98PyOYVxMpncKLQu8elKDms4flMJ3SuMfDar0PBLXtQiQY7fU1MPuGObRFBY-uTX3RaBlxtSQL_5r7GZTBhjm2pUOESd7U-FbTg8SaemwelQFrtvDUL4gKd2CNF7sNeqyuHvXkGw49VOH4L2xG-WC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOun2W8n44LxmJl4hHHqqrZPgLkgA6ejiycm1fBCaimYU1qBmMlinKm4nMxU-_E76HclRATHN9dRk90omAri35-xkeiO57b6pwKY9riBdZjdPv6rDRLSpsVxhCxRZNGG6KDIbtLgWF4OoZRj3WS_7gllD1N5ZXmAJIAd_IlB8jaJAa-M6WEPAemgcFxPFwYO_1sgwh6kKxu2hqYarolG57DZJv6RWCV39jCoEBYZ1w4_-UGD\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29356\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Container.puml\r\nContainer(container, \"Nome do Cont\u00eainer\", \"Tecnologia\", \"Descri\u00e7\u00e3o\")\r\nContainerDb(db, \"Banco de Dados\", \"PostgreSQL\", \"Armazena dados\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOun2W8n44LxmJl4hHHqqrZPgLkgA6ejiycm1fBCaimYU1qBmMlinKm4nMxU-_E76HclRATHN9dRk90omAri35-xkeiO57b6pwKY9riBdZjdPv6rDRLSpsVxhCxRZNGG6KDIbtLgWF4OoZRj3WS_7gllD1N5ZXmAJIAd_IlB8jaJAa-M6WEPAemgcFxPFwYO_1sgwh6kKxu2hqYarolG57DZJv6RWCV39jCoEBYZ1w4_-UGD\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOpB2i8m44NtWlyGish1DXjNRjjbbKfrBNaCRI0laYdYtvi85dTpphrt3jf9ioeW2s98PyOYVxMpncKLQu8elKDms4flMJ3SuMfDar0PBLXtQiQY7fU1MPuGObRFBY-uTX3RaBlxtSQL_5r7GZTBhjm2pUOESd7U-FbTg8SaemwelQFrtvDUL4gKd2CNF7sNeqyuHvXkGw49VOH4L2xG-WC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29357\"><a data-nodeid=\"30346\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOpB2i8m44NtWlyGish1DXjNRjjbbKfrBNaCRI0laYdYtvi85dTpphrt3jf9ioeW2s98PyOYVxMpncKLQu8elKDms4flMJ3SuMfDar0PBLXtQiQY7fU1MPuGObRFBY-uTX3RaBlxtSQL_5r7GZTBhjm2pUOESd7U-FbTg8SaemwelQFrtvDUL4gKd2CNF7sNeqyuHvXkGw49VOH4L2xG-WC0\">Editar PlantUML no VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29358\">C4 Componente<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FSkn3i8m30JG7Ob_29b0eit2n5h6WbYOKPfQD59YMx4ZVfzqeDlTqzqXOaXr1hEeiboTA_xRVw8kTQe29H0geFQ1ikFaKMjEdUYSukI6I_TSwNKVNVQYK1gz1yfCk7wuRVUxhH_3FvsDtTGyV0RRv0OIIcIDXFRq0m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:KypCIyufJKbLo2WfAIYsqjSlIYpNIyyioIXDAYrEBKhEpoj9pIlHIyxFrI_8ISmhAStDqIqkISd9JD9tDj4D00c5-lhevoOMbwGM0ONYdVDp2_BpG7eAW6fvkU1yZMGOIqT1oIy_DrKX9Ly1Bfkg11HrIIrEBieylFpmudmbJG00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29359\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Component.puml\r\nComponent(component, \"Nome do Componente\", \"Descri\u00e7\u00e3o\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:KypCIyufJKbLo2WfAIYsqjSlIYpNIyyioIXDAYrEBKhEpoj9pIlHIyxFrI_8ISmhAStDqIqkISd9JD9tDj4D00c5-lhevoOMbwGM0ONYdVDp2_BpG7eAW6fvkU1yZMGOIqT1oIy_DrKX9Ly1Bfkg11HrIIrEBieylFpmudmbJG00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FSkn3i8m30JG7Ob_29b0eit2n5h6WbYOKPfQD59YMx4ZVfzqeDlTqzqXOaXr1hEeiboTA_xRVw8kTQe29H0geFQ1ikFaKMjEdUYSukI6I_TSwNKVNVQYK1gz1yfCk7wuRVUxhH_3FvsDtTGyV0RRv0OIIcIDXFRq0m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29360\"><a data-nodeid=\"30350\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FSkn3i8m30JG7Ob_29b0eit2n5h6WbYOKPfQD59YMx4ZVfzqeDlTqzqXOaXr1hEeiboTA_xRVw8kTQe29H0geFQ1ikFaKMjEdUYSukI6I_TSwNKVNVQYK1gz1yfCk7wuRVUxhH_3FvsDtTGyV0RRv0OIIcIDXFRq0m00\">Editar PlantUML no VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29361\">Implanta\u00e7\u00e3o C4<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HOkn3W8X44Hx4_y1gJJnZiRALakzM6XzuM1paC0kWINc_bweR2PlNcOE7ase5eHZJkMgLDRVSVNiwb8BP4F8W3mQYYe5ZLnZ60hRu1TrkmolhZxFXugwCEIcvZkaG5lifzJ6-zrVp1DPE6ABiv2TnQGZo5RUO1nIe7MJfny0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HSin3W8X40NGtiGx89Kcxj9OsMgv4WkjDonCTaa6Xi0GuxayWXUJhMn-yb_-t_beiJeG2tCgPwMoUVMpvwLEjK2s51aYzvQ2IcWYru1TOOT-KfTJTr_fUHjKC8KXDngla93UOJsbDjvk_Z1gSh2FBOv2QWeW70dz_SXM7s0Z8StUoCCF\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29362\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Deployment.puml\r\nDeployment_Node(node, \"Nome do N\u00f3\", \"Tecnologia\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HSin3W8X40NGtiGx89Kcxj9OsMgv4WkjDonCTaa6Xi0GuxayWXUJhMn-yb_-t_beiJeG2tCgPwMoUVMpvwLEjK2s51aYzvQ2IcWYru1TOOT-KfTJTr_fUHjKC8KXDngla93UOJsbDjvk_Z1gSh2FBOv2QWeW70dz_SXM7s0Z8StUoCCF\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HOkn3W8X44Hx4_y1gJJnZiRALakzM6XzuM1paC0kWINc_bweR2PlNcOE7ase5eHZJkMgLDRVSVNiwb8BP4F8W3mQYYe5ZLnZ60hRu1TrkmolhZxFXugwCEIcvZkaG5lifzJ6-zrVp1DPE6ABiv2TnQGZo5RUO1nIe7MJfny0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29363\"><a data-nodeid=\"30354\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HOkn3W8X44Hx4_y1gJJnZiRALakzM6XzuM1paC0kWINc_bweR2PlNcOE7ase5eHZJkMgLDRVSVNiwb8BP4F8W3mQYYe5ZLnZ60hRu1TrkmolhZxFXugwCEIcvZkaG5lifzJ6-zrVp1DPE6ABiv2TnQGZo5RUO1nIe7MJfny0\">Editar PlantUML no VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29364\">Diagrama de Sequ\u00eancia<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzIK784Ktw9kQbA2ed52eaWBYzNGM9HIMPoPa5YNec2KW220rQ39CdB1TQWe6k7B6gbu9jQN9oOdWgMpYnBB4b5rOHil2vGBzWGAuMWr9BIeZnUhfHKRDe0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:Iop9Br9GyilFJLL8oLTm1FAK51AB5HAJWInUheB4efBCvCo2nBoIL0Mb02GUM1MID2yNM8k2hXsog9M2RsfUSM9wQYvOFhCi4MWEYYuaZe8kK3FO52k5e5GWbPVFovMIYaqV0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29365\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">ator \"Nome do Ator\" as actor\r\nparticipante \"Participante\" as participant\r\nactor -&gt; participant: Mensagem\r\nactivate participant\r\nparticipant --&gt; actor: Retorno\r\ndeactivate participant\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:Iop9Br9GyilFJLL8oLTm1FAK51AB5HAJWInUheB4efBCvCo2nBoIL0Mb02GUM1MID2yNM8k2hXsog9M2RsfUSM9wQYvOFhCi4MWEYYuaZe8kK3FO52k5e5GWbPVFovMIYaqV0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzIK784Ktw9kQbA2ed52eaWBYzNGM9HIMPoPa5YNec2KW220rQ39CdB1TQWe6k7B6gbu9jQN9oOdWgMpYnBB4b5rOHil2vGBzWGAuMWr9BIeZnUhfHKRDe0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29366\"><a data-nodeid=\"30358\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzIK784Ktw9kQbA2ed52eaWBYzNGM9HIMPoPa5YNec2KW220rQ39CdB1TQWe6k7B6gbu9jQN9oOdWgMpYnBB4b5rOHil2vGBzWGAuMWr9BIeZnUhfHKRDe0\">Editar PlantUML no VPasCode<\/a><\/p>\n<h3 data-nodeid=\"29367\">Diagrama de Casos de Uso<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzIK0ejJYrIKaWiLYW5CdYvW6HoOd4gM5p16SY2o2M3POeKT7Nj89na1JqzEuNClEISqfJK50Kh1HiRACVE3YnjewUda5fHafe7auPmxEm0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:Iop9Br9G2YqkFRomA3DVII6nMA6qEBM8boiviJXV8IKLoCjNK7A6SaABeKgIURb0oXHqTUqWd6G5FJqxXSoyv9pIbDGK1Ii56nienyuEB6sZfwUGMb6IcWUJXd3ix000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"29368\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">ator \"Usu\u00e1rio\" as user\r\ncaso de uso \"Caso de Uso\" as uc\r\nuser --&gt; uc\r\nuc ..&gt; included : &lt;&lt;include&gt;&gt;\r\nuc &lt;.. extended : &lt;&lt;extend&gt;&gt;\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:Iop9Br9G2YqkFRomA3DVII6nMA6qEBM8boiviJXV8IKLoCjNK7A6SaABeKgIURb0oXHqTUqWd6G5FJqxXSoyv9pIbDGK1Ii56nienyuEB6sZfwUGMb6IcWUJXd3ix000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzIK0ejJYrIKaWiLYW5CdYvW6HoOd4gM5p16SY2o2M3POeKT7Nj89na1JqzEuNClEISqfJK50Kh1HiRACVE3YnjewUda5fHafe7auPmxEm0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"29369\"><a data-nodeid=\"30362\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzIK0ejJYrIKaWiLYW5CdYvW6HoOd4gM5p16SY2o2M3POeKT7Nj89na1JqzEuNClEISqfJK50Kh1HiRACVE3YnjewUda5fHafe7auPmxEm0\">Editar PlantUML no VPasCode<\/a><\/p>\n<hr data-nodeid=\"29370\"\/>\n<h2 data-nodeid=\"29371\">Conclus\u00e3o<\/h2>\n<p data-nodeid=\"29372\">O ecossistema impulsionado por IA da Visual Paradigm representa um avan\u00e7o significativo na forma como equipes t\u00e9cnicas gerenciam a complexidade. Ao integrar a idea\u00e7\u00e3o orientada por IA, o modelamento estruturado C4 e a documenta\u00e7\u00e3o viva em um \u00fanico pipeline, elimina-se o atrito tradicional entre design e documenta\u00e7\u00e3o.<\/p>\n<p class=\"\" data-nodeid=\"29373\">Seja voc\u00ea est\u00e1 fazendo brainstorming de uma nova arquitetura de microsservi\u00e7os, refinando estrat\u00e9gias de implanta\u00e7\u00e3o em n\u00edvel empresarial ou garantindo que suas documenta\u00e7\u00f5es de onboarding permane\u00e7am atualizadas, este fluxo de trabalho assegura que seus modelos visuais e explica\u00e7\u00f5es textuais permane\u00e7am sincronizados, precisos e acess\u00edveis. Comece com o Chatbot de IA para uma idea\u00e7\u00e3o r\u00e1pida, use o C4-PlantUML Studio para um refinamento estruturado e complete o ciclo com o OpenDocs para uma documenta\u00e7\u00e3o viva que permanece automaticamente sincronizada com sua arquitetura em evolu\u00e7\u00e3o.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introdu\u00e7\u00e3o Na engenharia de software moderna, a lacuna entre o design arquitetural e a documenta\u00e7\u00e3o t\u00e9cnica \u00e9 frequentemente onde os<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[81,110,120],"tags":[],"asset-category":[],"class_list":["post-12394","post","type-post","status-publish","format-standard","hentry","category-ai","category-c4-model","category-vpascode-editor"],"source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm - Cibermediano<\/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\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm - Cibermediano\" \/>\n<meta property=\"og:description\" content=\"Introdu\u00e7\u00e3o Na engenharia de software moderna, a lacuna entre o design arquitetural e a documenta\u00e7\u00e3o t\u00e9cnica \u00e9 frequentemente onde os\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Cibermediano\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-29T05:20:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T05:29:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm\",\"datePublished\":\"2026-10-29T05:20:02+00:00\",\"dateModified\":\"2026-10-29T05:29:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\"},\"wordCount\":3390,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\",\"articleSection\":[\"AI\",\"C4 Model\",\"VPasCode Editor\"],\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\",\"url\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\",\"name\":\"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm - Cibermediano\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\",\"datePublished\":\"2026-10-29T05:20:02+00:00\",\"dateModified\":\"2026-10-29T05:29:23+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/pt\/\",\"name\":\"Cibermediano\",\"description\":\"Aprendendo uma coisa nova todos os dias\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/pt\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm - Cibermediano","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\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","og_locale":"pt_PT","og_type":"article","og_title":"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm - Cibermediano","og_description":"Introdu\u00e7\u00e3o Na engenharia de software moderna, a lacuna entre o design arquitetural e a documenta\u00e7\u00e3o t\u00e9cnica \u00e9 frequentemente onde os","og_url":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","og_site_name":"Cibermediano","article_published_time":"2026-10-29T05:20:02+00:00","article_modified_time":"2026-10-29T05:29:23+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png","type":"","width":"","height":""}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"curtis","Tempo estimado de leitura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm","datePublished":"2026-10-29T05:20:02+00:00","dateModified":"2026-10-29T05:29:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/"},"wordCount":3390,"image":{"@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png","articleSection":["AI","C4 Model","VPasCode Editor"],"inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","url":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/","name":"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm - Cibermediano","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png","datePublished":"2026-10-29T05:20:02+00:00","dateModified":"2026-10-29T05:29:23+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#primaryimage","url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png","contentUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ae2d830db3d7.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/pt\/from-prompt-to-living-docs-mastering-visual-paradigms-ai-powered-c4-workflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Do Prompt aos Documentos Vivos: Dominando o Fluxo de Trabalho C4 Impulsionado por IA do Visual Paradigm"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/pt\/#website","url":"https:\/\/www.cybermedian.com\/pt\/","name":"Cibermediano","description":"Aprendendo uma coisa nova todos os dias","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.cybermedian.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/pt\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/posts\/12394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/comments?post=12394"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/posts\/12394\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/media?parent=12394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/categories?post=12394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/tags?post=12394"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pt\/wp-json\/wp\/v2\/asset-category?post=12394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}