[{"data":1,"prerenderedAt":760},["ShallowReactive",2],{"navigation_docs":3,"-atividades-atv-06-prototipagem":252,"-atividades-atv-06-prototipagem-surround":755},[4,96,189],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"⚙️ Engenharia de Software","i-lucide-book-open","\u002Fengenharia-software","1.engenharia-software",[10,12,16,20,24,28,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92],{"title":5,"path":7,"stem":11},"1.engenharia-software\u002Findex",{"title":13,"path":14,"stem":15},"📋 Plano de Ensino e Aplicações","\u002Fengenharia-software\u002Fengenharia-software-aplicacoes","1.engenharia-software\u002F01.engenharia-software-aplicacoes",{"title":17,"path":18,"stem":19},"Cap 01: Introdução e Natureza do Software","\u002Fengenharia-software\u002Fcap-01","1.engenharia-software\u002F02.cap-01",{"title":21,"path":22,"stem":23},"Cap 02: Modelos de Processo de Software","\u002Fengenharia-software\u002Fcap-02","1.engenharia-software\u002F03.cap-02",{"title":25,"path":26,"stem":27},"Cap 03: As Atividades do Processo","\u002Fengenharia-software\u002Fcap-03","1.engenharia-software\u002F04.cap-03",{"title":29,"path":30,"stem":31},"Cap 04: Metodologias Ágeis","\u002Fengenharia-software\u002Fcap-04","1.engenharia-software\u002F05.cap-04",{"title":33,"path":34,"stem":35},"Cap 05: Fundamentos de Requisitos","\u002Fengenharia-software\u002Fcap-05","1.engenharia-software\u002F06.cap-05",{"title":37,"path":38,"stem":39},"Cap 06: Elicitação e Levantamento","\u002Fengenharia-software\u002Fcap-06","1.engenharia-software\u002F07.cap-06",{"title":41,"path":42,"stem":43},"Cap 07: Especificação de Requisitos (ERS)","\u002Fengenharia-software\u002Fcap-07","1.engenharia-software\u002F08.cap-07",{"title":45,"path":46,"stem":47},"Cap 08: Validação e Gestão","\u002Fengenharia-software\u002Fcap-08","1.engenharia-software\u002F09.cap-08",{"title":49,"path":50,"stem":51},"Cap 09: Fundamentos da Modelagem","\u002Fengenharia-software\u002Fcap-09","1.engenharia-software\u002F10.cap-09",{"title":53,"path":54,"stem":55},"Cap 10: Diagrama de Casos de Uso (Conceitos)","\u002Fengenharia-software\u002Fcap-10","1.engenharia-software\u002F11.cap-10",{"title":57,"path":58,"stem":59},"Cap 11: Casos de Uso (Prática e Relações)","\u002Fengenharia-software\u002Fcap-11","1.engenharia-software\u002F12.cap-11",{"title":61,"path":62,"stem":63},"Cap 12: Diagrama de Classes (Conceitos)","\u002Fengenharia-software\u002Fcap-12","1.engenharia-software\u002F13.cap-12",{"title":65,"path":66,"stem":67},"Cap 13: Herança e Polimorfismo","\u002Fengenharia-software\u002Fcap-13","1.engenharia-software\u002F14.cap-13",{"title":69,"path":70,"stem":71},"Cap 14: Diagrama de Sequência","\u002Fengenharia-software\u002Fcap-14","1.engenharia-software\u002F15.cap-14",{"title":73,"path":74,"stem":75},"Cap 15: Diagramas Dinâmicos (Estados e Atividades)","\u002Fengenharia-software\u002Fcap-15","1.engenharia-software\u002F16.cap-15",{"title":77,"path":78,"stem":79},"Cap 16: Qualidade de Software (SQA)","\u002Fengenharia-software\u002Fcap-16","1.engenharia-software\u002F17.cap-16",{"title":81,"path":82,"stem":83},"Cap 17: Estratégias de Teste","\u002Fengenharia-software\u002Fcap-17","1.engenharia-software\u002F18.cap-17",{"title":85,"path":86,"stem":87},"Cap 18: Manutenção e Evolução","\u002Fengenharia-software\u002Fcap-18","1.engenharia-software\u002F19.cap-18",{"title":89,"path":90,"stem":91},"Cap 19: Gerência de Configuração (SCM)","\u002Fengenharia-software\u002Fcap-19","1.engenharia-software\u002F20.cap-19",{"title":93,"path":94,"stem":95},"Cap 20: Conclusão e Próximos Passos","\u002Fengenharia-software\u002Fcap-20","1.engenharia-software\u002F21.cap-20",{"title":97,"icon":98,"path":99,"stem":100,"children":101},"🛠️ Atividades","i-lucide-wrench","\u002Fatividades","2.atividades",[102,105,109,113,117,121,125,129,133,137,141,145,149,153,157,161,165,169,173,177,181,185],{"title":103,"path":99,"stem":104},"📋 Orientações Gerais","2.atividades\u002Findex",{"title":106,"path":107,"stem":108},"📅 Cronograma","\u002Fatividades\u002Fcronograma","2.atividades\u002F01.cronograma",{"title":110,"path":111,"stem":112},"✏️ Atividade 01: Escopo e Personas","\u002Fatividades\u002Fatv-01-escopo","2.atividades\u002F02.atv-01-escopo",{"title":114,"path":115,"stem":116},"⚙️ Atividade 02: Processos de Software","\u002Fatividades\u002Fatv-02-processos","2.atividades\u002F03.atv-02-processos",{"title":118,"path":119,"stem":120},"📋 Atividade 03: Engenharia de Requisitos","\u002Fatividades\u002Fatv-03-requisitos","2.atividades\u002F04.atv-03-requisitos",{"title":122,"path":123,"stem":124},"📝 Atividade 04: User Stories e Backlog","\u002Fatividades\u002Fatv-04-backlog","2.atividades\u002F05.atv-04-backlog",{"title":126,"path":127,"stem":128},"🎭 Atividade 05: Casos de Uso (UML)","\u002Fatividades\u002Fatv-05-casos-uso","2.atividades\u002F06.atv-05-casos-uso",{"title":130,"path":131,"stem":132},"🖼️ Atividade 06: Prototipagem e Wireframes","\u002Fatividades\u002Fatv-06-prototipagem","2.atividades\u002F07.atv-06-prototipagem",{"title":134,"path":135,"stem":136},"🏛️ Atividade 07: Diagrama de Classes (UML)","\u002Fatividades\u002Fatv-07-classes","2.atividades\u002F08.atv-07-classes",{"title":138,"path":139,"stem":140},"🔀 Atividade 08: Diagrama de Sequência (UML)","\u002Fatividades\u002Fatv-08-sequencia","2.atividades\u002F09.atv-08-sequencia",{"title":142,"path":143,"stem":144},"🧪 Atividade 09: Qualidade e Testes","\u002Fatividades\u002Fatv-09-testes","2.atividades\u002F10.atv-09-testes",{"title":146,"path":147,"stem":148},"🏁 Atividade 10: Projeto Integrador Final","\u002Fatividades\u002Fatv-10-projeto-final","2.atividades\u002F11.atv-10-projeto-final",{"title":150,"path":151,"stem":152},"📊 Atividade 11: Diagrama de Atividades (UML)","\u002Fatividades\u002Fatv-11-atividades","2.atividades\u002F12.atv-11-atividades",{"title":154,"path":155,"stem":156},"🔄 Atividade 12: Diagrama de Transição de Estados (UML)","\u002Fatividades\u002Fatv-12-estados","2.atividades\u002F13.atv-12-estados",{"title":158,"path":159,"stem":160},"🏗️ Atividade 13: Arquitetura de Software e Padrões","\u002Fatividades\u002Fatv-13-arquitetura","2.atividades\u002F14.atv-13-arquitetura",{"title":162,"path":163,"stem":164},"🌐 Atividade 14: Modelagem de APIs REST e Swagger","\u002Fatividades\u002Fatv-14-apis-swagger","2.atividades\u002F15.atv-14-apis-swagger",{"title":166,"path":167,"stem":168},"🌿 Atividade 15: GitFlow e Trabalho Colaborativo","\u002Fatividades\u002Fatv-15-gitflow-colaboracao","2.atividades\u002F16.atv-15-gitflow-colaboracao",{"title":170,"path":171,"stem":172},"🚀 Atividade 16: Pipelines de CI\u002FCD com GitHub Actions","\u002Fatividades\u002Fatv-16-pipelines-cicd","2.atividades\u002F17.atv-16-pipelines-cicd",{"title":174,"path":175,"stem":176},"🐳 Atividade 17: Containerização de Ambientes com Docker","\u002Fatividades\u002Fatv-17-conteineres-docker","2.atividades\u002F18.atv-17-conteineres-docker",{"title":178,"path":179,"stem":180},"🔒 Atividade 18: Segurança no Desenvolvimento e OWASP","\u002Fatividades\u002Fatv-18-seguranca-devsecops","2.atividades\u002F19.atv-18-seguranca-devsecops",{"title":182,"path":183,"stem":184},"📈 Atividade 19: Métricas de Software, Estimativas e DORA","\u002Fatividades\u002Fatv-19-metricas-estimativas","2.atividades\u002F20.atv-19-metricas-estimativas",{"title":186,"path":187,"stem":188},"🏆 Atividade 20: Projeto Final Avançado (Fase 2)","\u002Fatividades\u002Fatv-20-projeto-final-avancado","2.atividades\u002F21.atv-20-projeto-final-avancado",{"title":190,"icon":191,"path":192,"stem":193,"children":194},"🖼️ Galeria de Projetos Integradores","i-lucide-image","\u002Fprojetos-integradores","3.projetos-integradores",[195,197,207,216,225,234,243],{"title":190,"path":192,"stem":196},"3.projetos-integradores\u002Findex",{"title":198,"path":199,"stem":200,"children":201},"🅿️ Projeto 01: Gestão de Estacionamentos","\u002Fprojetos-integradores\u002Fpi-01-gestao-estacionamentos","3.projetos-integradores\u002F01.pi-01-gestao-estacionamentos\u002Findex",[202,203],{"title":198,"path":199,"stem":200},{"title":204,"path":205,"stem":206},"README","\u002Fprojetos-integradores\u002Fpi-01-gestao-estacionamentos\u002Freadme","3.projetos-integradores\u002F01.pi-01-gestao-estacionamentos\u002F2.readme",{"title":208,"path":209,"stem":210,"children":211},"🔐 Projeto 02: Gerador de Senhas","\u002Fprojetos-integradores\u002Fpi-02-gerador-senhas","3.projetos-integradores\u002F02.pi-02-gerador-senhas\u002Findex",[212,213],{"title":208,"path":209,"stem":210},{"title":204,"path":214,"stem":215},"\u002Fprojetos-integradores\u002Fpi-02-gerador-senhas\u002Freadme","3.projetos-integradores\u002F02.pi-02-gerador-senhas\u002F2.readme",{"title":217,"path":218,"stem":219,"children":220},"🍣 Projeto 03: Pedidos Restaurante","\u002Fprojetos-integradores\u002Fpi-03-pedidos-restaurante","3.projetos-integradores\u002F03.pi-03-pedidos-restaurante\u002Findex",[221,222],{"title":217,"path":218,"stem":219},{"title":204,"path":223,"stem":224},"\u002Fprojetos-integradores\u002Fpi-03-pedidos-restaurante\u002Freadme","3.projetos-integradores\u002F03.pi-03-pedidos-restaurante\u002F2.readme",{"title":226,"path":227,"stem":228,"children":229},"📱 Projeto 04: Empréstimos Dispositivos","\u002Fprojetos-integradores\u002Fpi-04-emprestimos-dispositivos","3.projetos-integradores\u002F04.pi-04-emprestimos-dispositivos\u002Findex",[230,231],{"title":226,"path":227,"stem":228},{"title":204,"path":232,"stem":233},"\u002Fprojetos-integradores\u002Fpi-04-emprestimos-dispositivos\u002Freadme","3.projetos-integradores\u002F04.pi-04-emprestimos-dispositivos\u002F2.readme",{"title":235,"path":236,"stem":237,"children":238},"📦 Projeto 05: Gestão de Estoque","\u002Fprojetos-integradores\u002Fpi-05-gestao-estoque","3.projetos-integradores\u002F05.pi-05-gestao-estoque\u002Findex",[239,240],{"title":235,"path":236,"stem":237},{"title":204,"path":241,"stem":242},"\u002Fprojetos-integradores\u002Fpi-05-gestao-estoque\u002Freadme","3.projetos-integradores\u002F05.pi-05-gestao-estoque\u002F2.readme",{"title":244,"path":245,"stem":246,"children":247},"🛵 Projeto 06: Aplicativo de Delivery","\u002Fprojetos-integradores\u002Fpi-06-delivery","3.projetos-integradores\u002F06.pi-06-delivery\u002Findex",[248,249],{"title":244,"path":245,"stem":246},{"title":204,"path":250,"stem":251},"\u002Fprojetos-integradores\u002Fpi-06-delivery\u002Freadme","3.projetos-integradores\u002F06.pi-06-delivery\u002F2.readme",{"id":253,"title":130,"body":254,"description":748,"extension":749,"links":750,"meta":751,"navigation":752,"path":131,"seo":753,"stem":132,"__hash__":754},"docs\u002F2.atividades\u002F07.atv-06-prototipagem.md",{"type":255,"value":256,"toc":719},"minimark",[257,260,265,269,291,293,297,309,319,321,325,328,333,353,370,377,383,386,389,394,406,410,412,416,419,476,480,483,487,490,511,515,524,526,530,536,561,565,568,570,574,579,584,587,590,592,596,599,619,621,625,637,639,643],[258,259],"hr",{},[261,262,264],"h2",{"id":263},"objetivo-da-aula","🎯 Objetivo da Aula",[266,267,268],"p",{},"Ao final desta atividade, você será capaz de:",[270,271,272,281,288],"ul",{},[273,274,275,276,280],"li",{},"Criar ",[277,278,279],"strong",{},"Wireframes"," (protótipos de baixa fidelidade) focados na funcionalidade, não na estética.",[273,282,283,284,287],{},"Projetar a ",[277,285,286],{},"Jornada do Usuário"," (o fluxo lógico de cliques entre as telas).",[273,289,290],{},"Validar se os requisitos e casos de uso das aulas anteriores estão visíveis e acessíveis na interface (Usabilidade).",[258,292],{},[261,294,296],{"id":295},"o-cenário-prático-seu-desafio","🏢 O Cenário Prático (Seu Desafio)",[266,298,299,300,303,304,308],{},"Na ",[277,301,302],{},"TecProExpress",", você apresentou o Diagrama de Casos de Uso (Atividade 05). O Diretor de Marketing gostou, mas comentou: ",[305,306,307],"em",{},"\"Legal, mas como isso vai aparecer na mão do motorista? Vai ser fácil dele clicar com a mão suja ou usando luvas? Onde fica o botão de emergência?\"",".",[310,311,312],"blockquote",{},[266,313,314,315,318],{},"\"Seu desafio como ",[277,316,317],{},"Designer de Interface (UI\u002FUX)"," é desenhar o 'esqueleto' (Wireframe) das telas principais. Você não precisa de cores bonitas agora, você precisa provar que o fluxo de navegação é intuitivo o suficiente para que um motorista com pressa consiga usar o App sem treinamento.\"",[258,320],{},[261,322,324],{"id":323},"fundamentos-a-teoria-traduzida","🧠 Fundamentos: A Teoria Traduzida",[266,326,327],{},"A prototipagem é a ferramenta mais barata da engenharia. É muito mais fácil apagar um desenho do que refazer um banco de dados.",[329,330,332],"h3",{"id":331},"wireframe-vs-protótipo-de-alta-fidelidade","Wireframe vs Protótipo de Alta Fidelidade",[270,334,335,344],{},[273,336,337,340,341,308],{},[277,338,339],{},"Wireframe (Esqueleto):"," Preto e branco, focado no lugar dos botões e campos de texto. Resolve a ",[277,342,343],{},"Usabilidade",[273,345,346,349,350,308],{},[277,347,348],{},"Alta Fidelidade:"," Cores, logos e imagens reais. Resolve a ",[277,351,352],{},"Estética",[354,355,358,361,362,365,366,369],"callout",{"color":356,"icon":357},"info","i-lucide-info",[277,359,360],{},"Nota:"," Os dois exemplos abaixo são referências de ",[277,363,364],{},"Alta Fidelidade"," (dois domínios diferentes: cinema e clínica), só para você visualizar o destino final. ",[277,367,368],{},"Sua entrega nesta atividade é o Wireframe (preto e branco)",", não este nível de acabamento.",[266,371,372],{},[373,374],"img",{"alt":375,"src":376},"Exemplo de Alta Fidelidade: dashboard de um sistema de cinema","..\u002Fengenharia_software\u002Fimg\u002Fmockup_cinema.png",[266,378,379],{},[373,380],{"alt":381,"src":382},"Exemplo de Alta Fidelidade: dashboard de um sistema de clínica","..\u002Fengenharia_software\u002Fimg\u002Fmockup_clinica.png",[329,384,286],{"id":385},"jornada-do-usuário",[266,387,388],{},"É o mapa de cliques. Se para fazer um rastreio o motorista precisa clicar em 10 telas diferentes, a sua jornada está ruim. O objetivo é o \"Menor Caminho Crítico\".",[390,391,393],"h4",{"id":392},"visualizando-a-lógica","📊 Visualizando a Lógica",[354,395,398,401,402,405],{"color":396,"icon":397},"success","i-lucide-lightbulb",[277,399,400],{},"Dica:"," Ao desenhar, siga a regra de ouro: ",[277,403,404],{},"\"Não me faça pensar\"",". Se o usuário precisar ler um manual para saber onde está o botão de busca, a interface falhou.",[407,408],"mermaid",{"code":409},"flowchart LR\n    A[\"Tela de Login\"] --> B[\"Dashboard Principal\"]\n    B --> C[\"Detalhes da Entrega\"]\n    C --> D[\"Confirmação \u002F Assinatura\"]\n",[258,411],{},[261,413,415],{"id":414},"exemplo-guiado","📖 Exemplo Guiado",[266,417,418],{},"Abaixo, veja como planejar as telas para o aplicativo da TecProExpress.",[420,421,422,439],"table",{},[423,424,425],"thead",{},[426,427,428,433,436],"tr",{},[429,430,432],"th",{"align":431},"left","Passo",[429,434,435],{"align":431},"Ação de Design",[429,437,438],{"align":431},"Resultado Esperado",[440,441,442,454,465],"tbody",{},[426,443,444,448,451],{},[445,446,447],"td",{"align":431},"01",[445,449,450],{"align":431},"Escolher Telas",[445,452,453],{"align":431},"Login, Lista de Entregas e Câmera (para comprovante).",[426,455,456,459,462],{},[445,457,458],{"align":431},"02",[445,460,461],{"align":431},"Desenhar Esqueleto",[445,463,464],{"align":431},"Onde fica o menu? Onde fica o botão \"Entregue\"?",[426,466,467,470,473],{},[445,468,469],{"align":431},"03",[445,471,472],{"align":431},"Validar Fluxo",[445,474,475],{"align":431},"Ao clicar em 'Finalizar', para onde o usuário vai?",[390,477,479],{"id":478},"fluxo-de-transição-e-navegação-de-telas-tecproexpress","📊 Fluxo de Transição e Navegação de Telas (TecProExpress)",[407,481],{"code":482},"flowchart TD\n    L[\"Tela de Login (Entrada de Credenciais)\"] -->|Autenticação bem-sucedida| D[\"Dashboard: Lista de Pedidos\"]\n    L -->|Falha de Login| E[\"Alerta: Credenciais Inválidas\"]\n    E -->|Tentar Novamente| L\n    D -->|Selecionar Entrega| DET[\"Detalhes da Carga\"]\n    DET -->|Voltar| D\n    DET -->|Iniciar Rota| MAP[\"Navegação no Mapa (GPS)\"]\n    MAP -->|Chegar ao Destino| CONF[\"Confirmar Recebimento (Câmera)\"]\n    CONF -->|Upload de Foto| SUC[\"Mensagem de Sucesso\"]\n    SUC --> D\n\n    style L fill:#e1f5fe,stroke:#0288d1\n    style D fill:#e8f5e9,stroke:#2e7d32\n    style CONF fill:#fffde7,stroke:#fbc02d\n    style E fill:#ffebee,stroke:#c62828\n",[329,484,486],{"id":485},"️-estrutura-de-validação-da-tela","🛠️ Estrutura de Validação da Tela",[266,488,489],{},"Para cada tela desenhada, responda:",[491,492,493,499,505],"ol",{},[273,494,495,498],{},[277,496,497],{},"Qual o objetivo desta tela?"," (Ex: \"Fazer o login\").",[273,500,501,504],{},[277,502,503],{},"Qual o elemento principal (Call to Action)?"," (Ex: \"Botão Entrar\").",[273,506,507,510],{},[277,508,509],{},"Quais requisitos da Atividade 03 estão aqui?"," (Ex: \"RF01 - Login\").",[390,512,514],{"id":513},"detalhamento-do-processo","🔍 Detalhamento do Processo:",[270,516,517],{},[273,518,519,520,523],{},"Note que a prototipagem expõe falhas nos requisitos. Se você desenhou um botão de \"Esqueci minha senha\", mas não escreveu esse requisito na Atividade 03, você acaba de descobrir uma ",[277,521,522],{},"Lacuna de Requisitos",". Parabéns, você está fazendo engenharia de verdade!",[258,525],{},[261,527,529],{"id":528},"️-prática-obrigatória-1-os-wireframes","🛠️ Prática Obrigatória 1: Os Wireframes",[266,531,532,535],{},[277,533,534],{},"Cenário:"," O projeto semestral da sua equipe.",[491,537,538,545],{},[273,539,540,541,544],{},"Defina as ",[277,542,543],{},"3 telas principais"," do seu sistema.",[273,546,547,548],{},"Utilizando uma ferramenta (Figma, Balsamiq, Draw.io ou papel e caneta), desenhe os wireframes (esqueletos) dessas 3 telas.\n",[270,549,550,553,556],{},[273,551,552],{},"Foque na disposição dos elementos.",[273,554,555],{},"Use retângulos para botões, \"X\" em caixas para imagens.",[273,557,558],{},[277,559,560],{},"Proibido usar cores ou fotos nesta etapa.",[329,562,564],{"id":563},"resultado-esperado-para-sua-referência","🏁 Resultado Esperado (Para sua Referência)",[266,566,567],{},"Imagens dos 3 esqueletos (PNG\u002FJPG) mostrando a estrutura lógica da interface.",[258,569],{},[261,571,573],{"id":572},"️-prática-obrigatória-2-o-fluxo-de-navegação","🛠️ Prática Obrigatória 2: O Fluxo de Navegação",[266,575,576,578],{},[277,577,534],{}," Conectando os desenhos.",[491,580,581],{},[273,582,583],{},"Desenhe setas entre os seus wireframes (ou faça um pequeno diagrama) mostrando como o usuário navega da Tela 1 para a Tela 2 e como ele volta.",[329,585,564],{"id":586},"resultado-esperado-para-sua-referência-1",[266,588,589],{},"Um diagrama de fluxo de telas (Storyboarding) que prove que o usuário não fica \"preso\" em nenhuma parte do sistema.",[258,591],{},[261,593,595],{"id":594},"instruções-de-entrega-microsoft-teams","📤 Instruções de Entrega (Microsoft Teams)",[266,597,598],{},"Após validar seus desenhos:",[491,600,601,613,616],{},[273,602,603,604,608,609,612],{},"Salve o arquivo de documentação com o nome ",[605,606,607],"code",{},"Atividade_06.md"," e as imagens dos seus wireframes na pasta ",[605,610,611],{},"es-atv-06-prototipagem\u002F"," do seu repositório GitHub.",[273,614,615],{},"Certifique-se de fazer o commit e push para o repositório público.",[273,617,618],{},"Submeta o link do seu repositório no Microsoft Teams para avaliação do professor.",[258,620],{},[261,622,624],{"id":623},"checkpoint-de-lógica","💡 Checkpoint de Lógica",[354,626,629,632,633,636],{"color":627,"icon":628},"primary","i-lucide-megaphone",[277,630,631],{},"Importante:"," ",[277,634,635],{},"Reflexão Profissional:","\nPor que designers experientes fogem de cores e logotipos na primeira reunião de prototipagem com o cliente? (Resposta: Porque se houver uma cor bonita, o cliente vai focar em \"Gostei desse azul\" e vai esquecer de checar se o botão de \"Confirmar Pagamento\" realmente existe ou se está no lugar certo). Foque na função primeiro, na forma depois. 🧠🛡️",[258,638],{},[261,640,642],{"id":641},"rubrica-formativa-de-avaliação","📊 Rubrica Formativa de Avaliação",[420,644,646,647,646,667],{"style":645},"width:100%; border-collapse: collapse; font-family: sans-serif; margin: 20px 0; border: 1px solid #ddd; box-shadow: 0 4px 8px rgba(0,0,0,0.1);","\n  ",[423,648,649,650,646],{},"\n    ",[426,651,653,654,653,658,653,661,653,664,649],{"style":652},"background-color: #2c3e50; color: white;","\n      ",[429,655,657],{"style":656},"padding: 12px; border: 1px solid #ddd; text-align: left;","Critério de Avaliação",[429,659,660],{"style":656},"Insuficiente (0% - 40%)",[429,662,663],{"style":656},"Regular (41% - 70%)",[429,665,666],{"style":656},"Excelente (71% - 100%)",[440,668,649,669,649,687,649,703,646],{},[426,670,653,672,653,678,653,681,653,684,649],{"style":671},"background-color: #f8f9fa;",[445,673,675],{"style":674},"padding: 10px; border: 1px solid #ddd;",[277,676,677],{},"Construção dos Wireframes (Esqueletos)",[445,679,680],{"style":674},"Menos de 3 telas ou desenhados com cores\u002Felementos visuais finais fora do padrão wireframe.",[445,682,683],{"style":674},"Desenha as 3 telas em baixa fidelidade mas com layout confuso.",[445,685,686],{"style":674},"3 wireframes de baixa fidelidade impecáveis, focando exclusivamente na estrutura lógica e componentes.",[426,688,653,689,653,694,653,697,653,700,649],{},[445,690,691],{"style":674},[277,692,693],{},"Fluxo de Navegação (Storyboarding)",[445,695,696],{"style":674},"Telas isoladas sem indicação de navegação.",[445,698,699],{"style":674},"Indica fluxo de ida mas esquece de permitir retorno do usuário.",[445,701,702],{"style":674},"Mapeia perfeitamente a navegação entre telas com setas e ações claras do usuário.",[426,704,653,705,653,710,653,713,653,716,649],{"style":671},[445,706,707],{"style":674},[277,708,709],{},"Entrega no GitHub",[445,711,712],{"style":674},"Entrega fora da pasta `es-atv-06-prototipagem\u002F`.",[445,714,715],{"style":674},"Submete apenas o texto sem as imagens dos wireframes.",[445,717,718],{"style":674},"`Atividade_06.md` e imagens publicadas no GitHub com estrutura completa.",{"title":720,"searchDepth":721,"depth":722,"links":723},"",2,3,[724,725,726,733,739,742,745,746,747],{"id":263,"depth":721,"text":264},{"id":295,"depth":721,"text":296},{"id":323,"depth":721,"text":324,"children":727},[728,729],{"id":331,"depth":722,"text":332},{"id":385,"depth":722,"text":286,"children":730},[731],{"id":392,"depth":732,"text":393},4,{"id":414,"depth":721,"text":415,"children":734},[735,736],{"id":478,"depth":732,"text":479},{"id":485,"depth":722,"text":486,"children":737},[738],{"id":513,"depth":732,"text":514},{"id":528,"depth":721,"text":529,"children":740},[741],{"id":563,"depth":722,"text":564},{"id":572,"depth":721,"text":573,"children":743},[744],{"id":586,"depth":722,"text":564},{"id":594,"depth":721,"text":595},{"id":623,"depth":721,"text":624},{"id":641,"depth":721,"text":642},"Bem-vindo a mais uma etapa da sua jornada no curso de Gestão de TI \u002F Desenvolvimento de Sistemas. Hoje vamos mergulhar em conceitos que conectam a teoria técnica diretamente com o padrão de excelência visual, trazendo a interface do software para o \"mundo real\" antes mesmo de escrever a primeira linha de código. 🛡️🧩","md",null,{},true,{"title":130,"description":748},"Yi14H0IinGqpb5Y_0o7Kal3GvBl4DJD_wRtADkdN89U",[756,758],{"title":126,"path":127,"stem":128,"description":757,"children":-1},"Bem-vindo a mais uma etapa da sua jornada no curso de Gestão de TI \u002F Desenvolvimento de Sistemas. Hoje vamos mergulhar em conceitos que conectam a teoria técnica diretamente com o padrão de excelência da indústria visual, transformando requisitos em diagramas universais. 🛡️🧩",{"title":134,"path":135,"stem":136,"description":759,"children":-1},"Bem-vindo a mais uma etapa da sua jornada no curso de Gestão de TI \u002F Desenvolvimento de Sistemas. Hoje vamos mergulhar em conceitos que conectam a teoria técnica diretamente com o padrão de excelência da arquitetura de software, criando o guia mestre para a implementação do código. 🛡️🧩",1788375144122]