Módulo 11 · Aula 11.4 · Quadro de tarefas e ciclos curtos
| Carga horária | Dificuldade | Ferramenta | Competências |
|---|---|---|---|
| 8 h/a | ⭐⭐ | quadro de tarefas (papel ou kit/quadro-de-tarefas) | C7 |
Objetivos de aprendizagem
- Quebrar o GDD em tarefas pequenas, de no máximo uma aula cada.
- Montar um quadro de tarefas com colunas e responsáveis.
- Planejar o trabalho em ciclos de três semanas com um objetivo por ciclo.
- Fazer a reunião rápida do começo da aula.
Pré-requisitos
Aula 11.3 (GDD aprovado).
Materiais
Cartolina e papéis adesivos, ou o quadro de tarefas do kit (kit/quadro-de-tarefas/index.html, abre em qualquer navegador, sem internet); modelos/relatorio-do-ciclo.md.
Conceitos
Tarefa boa. Pequena (cabe em uma aula), com verbo e resultado que se vê: "desenhar a porteira aberta e fechada", "fazer o jogador pular". Tarefa ruim: "fazer a arte", "programar o jogo".
Quadro de tarefas. Quatro colunas. Cada tarefa é um cartão que anda da esquerda para a direita:
| Coluna | Quer dizer |
|---|---|
| A fazer | combinada, ninguém começou |
| Fazendo | alguém está fazendo agora |
| Para testar | pronta, esperando outra pessoa conferir |
| Feito | testada por outra pessoa |
Regra combinada no curso: no máximo duas tarefas em "Fazendo" por pessoa. O quadro do kit avisa quando alguém passa disso.
Ciclo. Um pedaço de três semanas com um objetivo que dá para mostrar. No fim de cada ciclo, a equipe demonstra o jogo rodando ao professor, preenche o relatório do ciclo e planeja o próximo.
| Ciclo | Objetivo |
|---|---|
| 1 | fatia jogável: o laço central funciona do início ao fim, com quadrados no lugar da arte |
| 2 | alfa: todas as regras, arte provisória |
| 3 | beta: mudanças do teste com público, arte e som finais |
| 4 | final: correções, exportação, README, créditos |
Reunião rápida. Nos primeiros 10 minutos de cada aula, em pé, cada pessoa responde: o que terminei, o que vou fazer hoje, o que está me travando. Quem está travado pede ajuda na hora.
O quadro do kit. Uma página só que roda no navegador sem internet e sem conta. As tarefas ficam guardadas no navegador daquele computador. Para levar para outro computador ou guardar no Git, use Salvar arquivo (gera quadro.json) e, no outro computador, Abrir arquivo. Guardar o quadro.json no repositório da equipe a cada aula deixa o histórico do trabalho registrado, e é uma das bases da nota de colaboração.
Exemplos
Tarefas do Ciclo 1 de um jogo de frações: "tela de jogo com uma barra dividida em partes" (programação), "regra: arrastar pedaço para a barra" (programação), "decidir as 5 primeiras frações" (design), "quadrados coloridos provisórios" (arte), "marcar a conversa de teste da semana 10" (produção).
Tutorial passo a passo
Parte A. Quebrar o GDD (120 min)
- Para cada item do GDD, escrevam as tarefas em cartões (ou no quadro do kit), uma por cartão.
- Confiram cada tarefa: tem verbo? Cabe numa aula? Dá para ver quando ficou pronta? Se não, quebrem de novo.
Parte B. Ciclos (100 min)
- Marquem em cada tarefa o ciclo (1 a 4). No Ciclo 1 só entra o que é preciso para o laço central funcionar.
- Coloquem o responsável. Ninguém com mais tarefas que os outros no Ciclo 1.
Parte C. Montar o quadro (60 min)
- Quadro de papel: cartolina na parede da sala, com as quatro colunas. Ou o quadro do kit: abram
index.htmlno navegador, adicionem as tarefas e usem Salvar arquivo. Commit doquadro.json.
Parte D. Ensaio da reunião rápida (40 min)
- Façam duas rodadas de reunião rápida cronometradas. Passou de 10 minutos? Cortem conversa que é só de duas pessoas: elas conversam depois.
Imagens
../../../recursos/imagens/geral/quadro-de-tarefas-tela.jpg
: o quadro do kit no navegador, com tarefas em "A fazer" e o aviso de arquivo inválido (foto do teste).
Indicação da interface
| Item | No quadro do kit |
|---|---|
| nova tarefa | campos Tarefa, Responsável, Papel, Ciclo e botão Adicionar |
| andar o cartão | avançar ▶ e ◀ voltar |
| ver um ciclo só | Ciclo no alto, escolher 1 a 4 (ou todos) |
| levar para outro computador | Salvar arquivo e Abrir arquivo |
| quadro no papel | Imprimir |
O código completo
O quadro é o arquivo kit/quadro-de-tarefas/index.html, com estilo e programa dentro dele. A regra de tarefas demais:
// Regra combinada: no máximo 2 tarefas "Fazendo" por pessoa.
const LIMITE_FAZENDO = 2;
function conferirLimite() {
const contagem = {};
tarefas.filter(t => t.coluna === 1 && t.responsavel).forEach(t => {
contagem[t.responsavel] = (contagem[t.responsavel] || 0) + 1;
});
const demais = Object.keys(contagem).filter(n => contagem[n] > LIMITE_FAZENDO);
avisar(demais.length ? `Tarefas demais em "Fazendo" para: ${demais.join(", ")}. Termine uma antes de pegar outra.` : "");
}Explicação do código
coluna === 1é a segunda coluna, "Fazendo" (a contagem começa em 0).- O programa conta quantas tarefas cada responsável tem ali e avisa quem passou de 2.
- A equipe pode mudar
LIMITE_FAZENDOse combinar outra regra.
Resultado esperado
Quadro montado com todas as tarefas do Ciclo 1 detalhadas e as dos outros ciclos rascunhadas, responsáveis definidos e reunião rápida ensaiada.
Problemas comuns
| Sintoma | Causa | Solução |
|---|---|---|
| cartão parado em "Fazendo" por semanas | tarefa grande demais | quebrar em tarefas menores |
| tudo vai para "Feito" sem teste | a própria pessoa conferiu | outra pessoa testa; só ela move para "Feito" |
| sumiram as tarefas do quadro do kit | outro computador ou navegador limpo | usar Abrir arquivo com o último quadro.json do Git |
| reunião de 40 minutos | discussão de solução na reunião | reunião é só para avisar; resolver depois |
Exercício guiado
Por que a tarefa só vai para "Feito" depois que outra pessoa testa? (Resposta: quem fez tende a testar do jeito que funciona; outra pessoa testa do jeito que o jogador vai usar.)
Desafio individual
Quebre a tarefa "fazer o menu" em pelo menos quatro tarefas boas.
Desafio avançado (opcional)
Mude o quadro do kit para ter uma coluna "Bloqueado" (dica: a lista COLUNAS no começo do programa).
Critérios de avaliação
- Tarefas pequenas, com verbo e resultado visível.
- Ciclo 1 focado no laço central.
- Quadro guardado no repositório.
Checklist de conclusão
Extensão
Use um quadro de três colunas para organizar a sua semana de estudos. Funcionou?