Pular para o conteúdo
Jogos Digitais
Nesta página
  1. Objetivos de aprendizagem
  2. Pré-requisitos
  3. Materiais
  4. Conceitos
  5. Exemplos
  6. Tutorial passo a passo
  7. Imagens
  8. Indicação da interface
  9. O código completo
  10. Explicação do código
  11. Resultado esperado
  12. Problemas comuns
  13. Exercício guiado
  14. Desafio individual
  15. Desafio avançado (opcional)
  16. Critérios de avaliação
  17. Checklist de conclusão
  18. Extensão

Módulo 11 · Aula 11.4 · Quadro de tarefas e ciclos curtos

Carga horáriaDificuldadeFerramentaCompetências
8 h/a⭐⭐quadro de tarefas (papel ou kit/quadro-de-tarefas)C7

Objetivos de aprendizagem

  1. Quebrar o GDD em tarefas pequenas, de no máximo uma aula cada.
  2. Montar um quadro de tarefas com colunas e responsáveis.
  3. Planejar o trabalho em ciclos de três semanas com um objetivo por ciclo.
  4. 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:

ColunaQuer dizer
A fazercombinada, ninguém começou
Fazendoalguém está fazendo agora
Para testarpronta, esperando outra pessoa conferir
Feitotestada 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.

CicloObjetivo
1fatia jogável: o laço central funciona do início ao fim, com quadrados no lugar da arte
2alfa: todas as regras, arte provisória
3beta: mudanças do teste com público, arte e som finais
4final: 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)

  1. Para cada item do GDD, escrevam as tarefas em cartões (ou no quadro do kit), uma por cartão.
  2. 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)

  1. Marquem em cada tarefa o ciclo (1 a 4). No Ciclo 1 só entra o que é preciso para o laço central funcionar.
  2. Coloquem o responsável. Ninguém com mais tarefas que os outros no Ciclo 1.

Parte C. Montar o quadro (60 min)

  1. Quadro de papel: cartolina na parede da sala, com as quatro colunas. Ou o quadro do kit: abram index.html no navegador, adicionem as tarefas e usem Salvar arquivo. Commit do quadro.json.

Parte D. Ensaio da reunião rápida (40 min)

  1. 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

ItemNo quadro do kit
nova tarefacampos Tarefa, Responsável, Papel, Ciclo e botão Adicionar
andar o cartãoavançar ▶ e ◀ voltar
ver um ciclo sóCiclo no alto, escolher 1 a 4 (ou todos)
levar para outro computadorSalvar arquivo e Abrir arquivo
quadro no papelImprimir

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_FAZENDO se 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

SintomaCausaSolução
cartão parado em "Fazendo" por semanastarefa grande demaisquebrar em tarefas menores
tudo vai para "Feito" sem testea própria pessoa conferiuoutra pessoa testa; só ela move para "Feito"
sumiram as tarefas do quadro do kitoutro computador ou navegador limpousar Abrir arquivo com o último quadro.json do Git
reunião de 40 minutosdiscussão de solução na reuniãoreuniã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?