Identificação
Resumo
A primeira aula do módulo abre a disciplina com a arquitetura cliente–servidor e o ciclo completo de uma requisição HTTP, conecta os papéis de Frontend e Backend e apresenta a stack do módulo (Node.js + Express, PostgreSQL, HTML/CSS/JS). Em seguida, introduz o framework RM-ODP e seu uso prático para organizar requisitos (RF, RN e os 8 eixos de RNF) que alimentarão o Artefato 1.
O dia se encerra com a configuração do repositório a partir do template oficial, definição de Git Flow truncado e abertura da janela de desenvolvimento do projeto, em que cada equipe começa a redigir a primeira matriz de requisitos.
Objetivos de aprendizagem
- OA-1Explicar o modelo cliente–servidor e descrever o caminho de uma requisição HTTP do clique até a renderização da resposta.
- OA-2Identificar os métodos HTTP e os principais status codes, associando-os ao tipo de operação esperada (leitura, criação, atualização, remoção).
- OA-3Diferenciar as responsabilidades de Frontend, Backend e Banco de Dados nas três camadas da aplicação web.
- OA-4Reconhecer o RM-ODP (ISO/IEC 10746) como referencial para organizar a documentação técnica do projeto.
- OA-5Construir uma matriz inicial de requisitos com RF, RN e os 8 eixos de RNF para o minimundo proposto.
- OA-6Configurar o repositório do projeto a partir do template oficial e operar o Git Flow truncado da disciplina.
Pré-requisitos
- Lógica de programação básica (módulo 1) — variáveis, condicionais, laços e funções.
- Familiaridade mínima com terminal e Git:
clone,add,commit,push,branch. - Editor configurado (VS Code recomendado) e Node.js LTS instalado.
- Conta no GitHub vinculada ao e-mail institucional.
Cronograma do dia
O dia letivo é organizado em três blocos de duas horas. O autoestudo prepara o terreno para a instrução PE, e a janela de desenvolvimento, à tarde, materializa o conteúdo no projeto integrado.
📚 Bloco 1 · Autoestudo
08h00 — 10h00Estudo individual orientado pelo material da aula 1. O aluno chega à sala às 10h com leitura prévia feita.
- Leitura completa do Material da Aula 1 (arquitetura cliente–servidor, HTTP, JSON, stack do módulo).
- Revisão de notação RM-ODP — concentrar nas visões Enterprise e Technology.
- Levantamento de dúvidas para trazer à instrução: anotar 2 perguntas concretas no caderno de bordo.
- Caderno de bordo: registrar resumo de meia página com os termos-chave aprendidos.
🎓 Bloco 2 · Instrução PE — Aula em metodologia ativa
10h00 — 12h00Encontro síncrono com o professor especialista. Inicia com daily de 15 minutos e segue com 1h45 de aula em metodologia ativa, conforme detalhado na próxima seção.
- 10h00 — 10h15 · Daily da equipe: o que fiz / o que vou fazer / impedimentos.
- 10h15 — 12h00 · Aula expositiva curta intercalada com exercícios em pares e construção coletiva.
🍴 Intervalo · Almoço
12h00 — 14h00Janela livre. Recomenda-se não tratar conteúdo da aula nesse período.
🛠️ Bloco 3 · Desenvolvimento do projeto
14h00 — 16h00Janela de trabalho em equipe sobre o projeto integrador, com mentoria disponível.
- Configuração do repositório a partir do template oficial do módulo.
- Definição do branch
mainprotegido e do branchdevelop; configuração de proteção de PR. - Primeira versão da matriz de RF, RN e RNF para o minimundo da equipe (
docs/requisitos.md). - Convencionar Conventional Commits e abrir o primeiro Merge Request de configuração.
- Encerrar com push da branch e link do MR fixado no canal da equipe.
Detalhamento da instrução PE (10h00 — 12h00)
A instrução é estruturada em blocos curtos de exposição alternados com prática em pares e construção coletiva. Nenhum bloco expositivo passa de 15 minutos sem interação direta dos alunos.
10h15
DailyDaily de abertura
Cada aluno responde, em até 1 minuto: o que estudei no autoestudo / o que pretendo praticar hoje / qual minha dúvida concreta. O professor mapeia em quadro as dúvidas reais para encaixar nos blocos seguintes.
10h35
TalkCliente–servidor e jornada de uma requisição
Exposição curta (15 min) com diagrama da jornada de 50ms (DNS → TCP → HTTP → resposta). Encerra com a turma reconstruindo a jornada coletivamente no quadro a partir de um clique real em uma página pública.
10h55
AtivaMétodos HTTP e status codes — laboratório em pares
Em duplas, os alunos abrem o DevTools de uma página real (ex.: catálogo de uma livraria online), capturam 5 requisições e classificam método, status, payload e papel da rota. Apresentação relâmpago de 2 duplas no fim.
11h10
Talk3 camadas, JSON e a stack do módulo
Apresentação rápida da pilha (Node.js + Express, PostgreSQL, HTML/CSS/JS) e do papel do JSON como contrato. Demonstração de uma resposta JSON real respondida por um endpoint de exemplo.
11h35
AtivaRM-ODP aplicado — construção coletiva
Mini-estudo de caso: Loja Universitária. Em grupos de 3, cada grupo recebe um eixo de RNF (segurança, desempenho, usabilidade, etc.) e produz 2 requisitos mensuráveis. Consolidação no quadro com revisão crítica do professor.
11h50
CodingTour do template e Git Flow
Live demo do template oficial (estrutura de pastas, scripts npm, README). Apresentação do Git Flow truncado: main, develop, feature/*, padrão de Conventional Commits e regra de MR obrigatório.
12h00
AtivaSíntese e contrato do dia
Cada aluno escreve, em uma frase no caderno de bordo, "a aula 1 me ensinou que...". Quatro frases são lidas em voz alta. O professor anuncia o objetivo da janela de desenvolvimento das 14h às 16h.
Estratégias de metodologia ativa
A aula combina três estratégias, sem espaço para exposição passiva contínua:
- Aprendizagem baseada em evidências — uso do DevTools de uma página real para classificar requisições e descobrir, na prática, o que cada método HTTP faz.
- Construção coletiva — turma reconstrói o diagrama da jornada da requisição e a matriz de RNF, com o professor como mediador.
- Aprendizagem entre pares — duplas e trios analisam, escrevem e apresentam em ciclos curtos, com feedback imediato.
Toda exposição do professor termina com uma pergunta que só pode ser respondida fazendo — não há slide longo sem uma tarefa concreta logo em seguida.
Recursos e ferramentas
| Categoria | Recurso | Uso |
|---|---|---|
| Slides | slides/slide-lesson-1.html | Exposição na instrução PE |
| Material | materials/lesson-1-material.html | Autoestudo |
| Browser | Chrome / Firefox + DevTools | Inspeção de requisições |
| Repositório | Template oficial do módulo | Base do projeto integrador |
| Ferramentas | VS Code, Git, Node.js LTS | Setup do dia |
| Comunicação | Canal da turma | Daily, dúvidas e link do MR |
Verificação de aprendizagem
A aprendizagem é verificada de forma formativa ao longo do dia, sem prova somativa. Os critérios abaixo são o que o professor observa para considerar a aula bem-sucedida para cada aluno.
- CR-1Participou da daily articulando dúvida concreta vinda do autoestudo.
- CR-2Classificou corretamente, em pares, ao menos 4 das 5 requisições capturadas no DevTools.
- CR-3Contribuiu com pelo menos 1 requisito mensurável na construção coletiva da matriz de RNF.
- CR-4Configurou o repositório da equipe a partir do template, com
main/develope proteção de branches. - CR-5Abriu o primeiro Merge Request com Conventional Commit válido até as 16h00.
Aluno que sair às 16h sem repositório configurado e matriz inicial de RF/RN/RNF está em débito técnico para a aula 2 e deve recuperar antes da próxima daily.
Conexão com a aula 2
A aula 2 entra na camada de dados. O que sai daqui alimenta o que vem depois:
- A matriz de RF e RN orientará a modelagem conceitual: cada entidade do banco precisa nascer de um requisito real.
- O repositório configurado hoje será o destino dos primeiros scripts SQL (
docs/banco/). - O minimundo escolhido pela equipe nesta aula será o mesmo aprofundado no DER da aula 2 — não troque de domínio.
Antes das 8h do próximo dia: ler o material da aula 2, identificar 3 entidades candidatas para o minimundo e anotar dúvidas sobre normalização.
