Kanban / Trello

Aprenda a organizar tarefas, acompanhar projetos, distribuir atividades e trabalhar em equipe utilizando Kanban e Trello.


🔎 Ctrl + K

📘 Bem-vindo ao Guia de Kanban / Trello

Este material foi desenvolvido para ajudar você a compreender como organizar tarefas e projetos utilizando o conceito de Kanban e a ferramenta Trello. Durante o desenvolvimento de sistemas, não basta apenas saber programar. Também é necessário saber organizar atividades, definir prioridades, acompanhar prazos e trabalhar em equipe. O Kanban ajuda justamente nesse processo: transformar um projeto em atividades visíveis e acompanhar o andamento de cada tarefa.

💡 Como estudar?

Não fique apenas na leitura. Crie um quadro no Trello enquanto acompanha este material e reproduza cada etapa apresentada.

Ao final, você deverá conseguir criar um quadro, criar listas, cadastrar tarefas, utilizar etiquetas, definir responsáveis, estabelecer prazos e acompanhar o andamento de um projeto.

01. O que é Kanban?

📌 Definição

O que é Kanban?

Kanban é um método visual utilizado para organizar e acompanhar atividades de um projeto.

As tarefas são representadas visualmente e movimentadas entre diferentes etapas conforme o trabalho avança.

📖 Como funciona?

Imagine que uma equipe está desenvolvendo um site.

Algumas tarefas ainda precisam ser iniciadas, outras estão sendo executadas e algumas já foram concluídas.

Em vez de manter essas informações apenas em mensagens ou anotações, podemos criar um quadro visual: 

┌─────────────────┐
│ A FAZER         │
├─────────────────┤
│ Criar página    │
│ Criar menu      │
│ Criar formulário│
└─────────────────┘

┌─────────────────┐
│ FAZENDO         │
├─────────────────┤
│ Página inicial  │
└─────────────────┘

┌─────────────────┐
│ CONCLUÍDO       │
├─────────────────┤
│ Briefing        │
└─────────────────┘
📖 Explicação

O principal objetivo é permitir que qualquer pessoa da equipe consiga visualizar rapidamente o que precisa ser feito, o que está sendo feito e o que já foi concluído.

02. Por que utilizar Kanban?

Objetivo

O Kanban facilita a visualização do trabalho e ajuda a equipe a controlar melhor as atividades do projeto.

⭐ Principais vantagens

💡 Pense como um painel de controle

Um quadro Kanban funciona como um painel onde a equipe consegue visualizar a situação atual do projeto.

03. O que é o Trello?

📌 Definição

Trello

Trello é uma ferramenta de organização de projetos baseada em quadros, listas e cartões.

Ele utiliza conceitos semelhantes ao método Kanban e permite que uma equipe organize visualmente suas atividades.

🌐 Acesso

Site:

Acesse o site oficial do Trello para criar ou acessar sua conta.

⚠️ Atenção

Sempre utilize o site oficial da ferramenta e tenha cuidado ao compartilhar informações confidenciais em ferramentas online.

04. Criando uma Conta no Trello

📝 Passo a passo

  1. Acesse o site oficial do Trello.
  2. Procure a opção para criar uma conta.
  3. Informe os dados solicitados.
  4. Confirme o cadastro caso seja solicitado.
  5. Faça login na plataforma.
  6. Acesse a área de quadros.
💡 Dica

Para atividades acadêmicas, utilize uma conta que você consiga acessar durante todo o desenvolvimento do projeto.

05. Criando um Quadro

O que é um quadro?

O quadro é o espaço principal onde o projeto será organizado.

Cada projeto pode possuir seu próprio quadro.

📝 Passo a passo

  1. Acesse o Trello.
  2. Procure a opção para criar um novo quadro.
  3. Informe o nome do projeto.
  4. Escolha uma aparência para o quadro, quando disponível.
  5. Crie o quadro.

💻 Exemplo

Projeto Integrador
        ↓
Quadro do projeto
        ↓
Listas
        ↓
Cartões
        ↓
Tarefas
💡 Exemplo de nome

Projeto Integrador - Sistema Escolar

06. Criando as Listas do Kanban

O que são listas?

As listas representam as etapas pelas quais as tarefas passam durante o desenvolvimento do projeto.

⭐ Estrutura recomendada

📋 BACKLOG
      ↓
📝 A FAZER
      ↓
🔨 EM DESENVOLVIMENTO
      ↓
🔎 EM TESTE
      ↓
✅ CONCLUÍDO

📌 Exemplo

Lista Significado
Backlog Atividades planejadas.
A Fazer Atividades prontas para começar.
Em Desenvolvimento Atividades sendo realizadas.
Em Teste Atividades que precisam ser verificadas.
Concluído Atividades finalizadas.

07. O que é um Cartão?

Cartão

O cartão representa uma tarefa ou atividade que precisa ser realizada.

💻 Exemplo

Em um sistema escolar podemos criar:

📖 Regra importante

Evite criar um cartão extremamente genérico como "Fazer sistema".

Divida o projeto em atividades menores e mais fáceis de acompanhar.

08. Como Criar um Cartão Corretamente

📝 Passo a passo

  1. Acesse a lista correspondente.
  2. Clique na opção para adicionar um cartão.
  3. Digite um título claro.
  4. Crie o cartão.
  5. Abra o cartão.
  6. Adicione uma descrição detalhada.
  7. Adicione checklist quando necessário.
  8. Defina prazo, responsável ou etiquetas quando disponíveis.

💻 Exemplo de cartão

Título:

Criar tela de cadastro de alunos


Descrição:

Desenvolver a interface de cadastro
contendo nome, CPF, telefone e e-mail.


Checklist:

☐ Criar HTML
☐ Criar CSS
☐ Criar formulário
☐ Validar campos
☐ Testar formulário

09. Como Escrever uma Boa Descrição

Definição

A descrição explica o que deve ser realizado naquela tarefa.

❌ Exemplo ruim

Fazer login.

✅ Exemplo melhor

Desenvolver a tela de login do sistema.

A tela deverá possuir:

- Campo de usuário
- Campo de senha
- Botão Entrar
- Validação dos campos
- Mensagem de erro
- Link para recuperação de acesso
💡 Quanto mais clara a tarefa, menor a chance de dúvidas.

Uma boa descrição ajuda outro integrante da equipe a entender a atividade mesmo que ele não tenha participado da criação do cartão.

10. Utilizando Checklist

O que é checklist?

Checklist é uma lista de itens que permite dividir uma tarefa em pequenas etapas.

💻 Exemplo

Cartão:
Criar página inicial

Checklist:

☐ Criar estrutura HTML
☐ Criar cabeçalho
☐ Criar menu
☐ Criar banner
☐ Criar seção de serviços
☐ Criar rodapé
☐ Criar CSS
☐ Testar responsividade
💡 Dica

O checklist é especialmente útil quando uma tarefa possui várias etapas menores.

11. Utilizando Etiquetas

O que são etiquetas?

Etiquetas permitem classificar visualmente os cartões.

💻 Exemplo de categorias

Categoria Utilização
Front-end Atividades relacionadas à interface.
Back-end Atividades relacionadas ao servidor.
Banco de Dados Atividades relacionadas ao banco.
Bug Problemas que precisam ser corrigidos.
Urgente Atividades que precisam de atenção.
Documentação Atividades relacionadas à documentação.
⚠️ Atenção

Não crie dezenas de etiquetas sem necessidade. O objetivo é facilitar a identificação das tarefas.

12. Organizando Prioridades

Prioridade

A prioridade indica quais atividades devem receber atenção primeiro.

⭐ Exemplo

🔴 ALTA
Corrigir erro que impede o sistema de funcionar.

🟡 MÉDIA
Criar uma nova funcionalidade.

🟢 BAIXA
Melhorar um detalhe visual.
📖 Importante

Nem toda tarefa importante é necessariamente urgente.

A equipe deve avaliar o impacto da atividade e o prazo antes de definir sua prioridade.

13. Definindo Responsáveis

O que significa ser responsável?

O responsável é o integrante da equipe que ficará encarregado de executar ou acompanhar determinada tarefa.

💻 Exemplo de equipe

João
→ Banco de Dados

Maria
→ Front-end

Pedro
→ Back-end

Ana
→ Testes e documentação
💡 Dica

Definir responsáveis evita a situação em que todos acreditam que outra pessoa fará determinada tarefa.

14. Trabalhando com Prazos

Prazo

O prazo determina até quando uma tarefa deve ser concluída.

💻 Exemplo

Tarefa:
Criar banco de dados

Início:
10/09

Entrega:
15/09
⚠️ Atenção

Não coloque prazos aleatórios. O prazo deve considerar a complexidade da atividade e o tempo disponível da equipe.

15. Movimentando os Cartões

Fluxo de trabalho

Conforme a tarefa evolui, o cartão deve ser movimentado para a próxima etapa do quadro.

➡️ Exemplo

📝 A FAZER
     ↓
🔨 EM DESENVOLVIMENTO
     ↓
🔎 EM TESTE
     ↓
✅ CONCLUÍDO

📖 Exemplo prático

João recebeu a tarefa:

Criar formulário de cadastro

Inicialmente o cartão está em:

A FAZER

Quando João começar a trabalhar:

EM DESENVOLVIMENTO

Depois que terminar o desenvolvimento:

EM TESTE

Após a equipe validar:

CONCLUÍDO

16. O que é Backlog?

Backlog

Backlog é uma lista de atividades, necessidades ou funcionalidades que ainda precisam ser analisadas e realizadas.

💻 Exemplo

BACKLOG

- Criar login
- Criar cadastro
- Criar relatório
- Criar dashboard
- Criar recuperação de senha
- Criar página de contato
- Melhorar responsividade
- Criar documentação
📖 Explicação

Nem tudo que está no backlog precisa ser realizado imediatamente.

A equipe deve analisar as atividades e mover para A Fazer aquelas que serão executadas.

17. Trabalhando em Equipe

Colaboração

Um dos grandes benefícios do Trello é permitir que várias pessoas acompanhem o mesmo projeto.

📝 Passo a passo

  1. Crie o quadro do projeto.
  2. Localize a área de membros ou participantes.
  3. Convide os integrantes da equipe.
  4. Oriente cada integrante sobre sua função.
  5. Distribua as tarefas.
  6. Atualize os cartões durante o desenvolvimento.
💡 Regra de ouro

Se uma atividade mudou de situação, atualize o quadro.

Um quadro desatualizado deixa de representar a realidade do projeto.

18. Utilizando Comentários nos Cartões

Comentários

Comentários podem ser utilizados para registrar informações, dúvidas, decisões ou atualizações relacionadas à tarefa.

💻 Exemplo

João:
"Terminei a estrutura HTML."

Maria:
"Revisei o formulário e encontrei
um problema no campo de telefone."

João:
"Correção realizada. Favor testar novamente."
💡 Dica

Utilize os comentários para registrar informações importantes do projeto em vez de depender apenas de conversas informais.

19. Controlando Bugs e Problemas

Bug

Bug é um comportamento incorreto ou inesperado de um sistema.

💻 Exemplo de cartão

Título:
Corrigir botão de login

Problema:
O botão não responde ao clique.

Comportamento esperado:
Ao clicar, o formulário deve
realizar a validação.

Prioridade:
Alta

Checklist:

☐ Identificar problema
☐ Corrigir JavaScript
☐ Testar formulário
☐ Validar no navegador

20. Exemplo de Kanban para Desenvolvimento de Sistemas

Exemplo completo

Um projeto de desenvolvimento de sistemas pode utilizar uma estrutura semelhante à apresentada abaixo. 

📋 BACKLOG
│
├── Login
├── Cadastro de usuários
├── Cadastro de produtos
├── Relatórios
└── Dashboard


📝 A FAZER
│
├── Criar banco de dados
└── Criar tela de login


🔨 EM DESENVOLVIMENTO
│
└── Cadastro de usuários


🔎 EM TESTE
│
└── Página inicial


✅ CONCLUÍDO
│
├── Levantamento de requisitos
└── Estrutura inicial do projeto

21. Evitando Muitas Tarefas ao Mesmo Tempo

WIP — Work in Progress

WIP representa o trabalho que está atualmente em andamento.

Um problema comum em projetos é começar várias atividades ao mesmo tempo e terminar poucas.

❌ Exemplo ruim

EM DESENVOLVIMENTO

☐ Login
☐ Cadastro
☐ Relatório
☐ Dashboard
☐ Página inicial
☐ API
☐ Banco de dados

✅ Exemplo melhor

EM DESENVOLVIMENTO

☐ Login
☐ Cadastro
💡 Dica

Trabalhar com menos atividades simultâneas pode ajudar a equipe a manter o foco e concluir tarefas antes de iniciar novas.

22. Utilizando o Kanban no Planejamento do Projeto

Antes de começar a programação, a equipe pode utilizar o quadro para transformar os requisitos do sistema em tarefas.

📋 Exemplo

REQUISITO

O sistema deverá permitir
o cadastro de alunos.


TRANSFORMANDO EM TAREFAS

1. Criar tabela alunos
2. Criar tela de cadastro
3. Criar formulário
4. Criar validação
5. Criar função de cadastro
6. Testar cadastro
7. Documentar funcionalidade
📖 Explicação

Dessa forma, um requisito grande pode ser dividido em tarefas menores e mais fáceis de controlar.

23. Boas Práticas no Kanban / Trello

Boas práticas

São hábitos que ajudam a manter o quadro organizado e útil para toda a equipe.

24. Kanban, Git e GitHub Trabalhando Juntos

Organização + Código

Kanban e Git/GitHub possuem funções diferentes, mas podem ser utilizados juntos em um projeto de desenvolvimento.

Ferramenta Principal função
Kanban / Trello Organizar e acompanhar tarefas.
Git Controlar versões do código.
GitHub Hospedar e colaborar com repositórios Git.
VS Code Editar e desenvolver o código.

💻 Exemplo

Trello
↓
Criar tela de login

VS Code
↓
Desenvolver código

Git
↓
Registrar alteração

GitHub
↓
Enviar código para o repositório

Trello
↓
Mover tarefa para "Concluído"
💡 Visão profissional

Em um projeto real, diferentes ferramentas podem trabalhar juntas. O Trello organiza o trabalho, enquanto Git e GitHub ajudam no controle e na colaboração sobre o código.

25. Utilizando o Quadro em uma Reunião

O quadro também pode ser utilizado durante reuniões da equipe.

📋 Perguntas importantes

  1. O que foi concluído?
  2. O que está sendo desenvolvido?
  3. O que será feito em seguida?
  4. Existe alguma dificuldade?
  5. Existe alguma tarefa atrasada?
  6. Alguma tarefa precisa ser redistribuída?
💡 Dica

O quadro deve ajudar a conversa da equipe, e não substituir a comunicação entre os integrantes.

26. Erros Comuns ao Utilizar Kanban

❌ Criar tarefas muito grandes

"Desenvolver todo o sistema" é uma tarefa muito ampla.

❌ Não atualizar o quadro

Se a tarefa foi concluída, mas continua em "A Fazer", o quadro não representa a realidade do projeto.

❌ Criar muitas listas

Um quadro com muitas etapas pode ficar confuso.

❌ Criar muitas etiquetas

Etiquetas devem facilitar a organização, não complicá-la.

❌ Não definir responsáveis

Quando ninguém sabe quem deve executar a tarefa, ela pode ficar parada.

❌ Colocar tudo como urgente

Se todas as tarefas são urgentes, fica difícil identificar o que realmente precisa ser priorizado.

27. Exemplo Completo — Sistema Escolar

🎓 Projeto

Desenvolvimento de um sistema para gerenciamento escolar.

📋 BACKLOG

📝 A FAZER

🔨 EM DESENVOLVIMENTO

🔎 EM TESTE

✅ CONCLUÍDO

28. Passo a Passo — Criando seu Primeiro Projeto

🎯 Objetivo

Criar um quadro completo para acompanhar um pequeno projeto de desenvolvimento web.

Etapa 1 — Criar o quadro

  1. Acesse o Trello.
  2. Crie um novo quadro.
  3. Utilize o nome: Projeto Site Institucional.

Etapa 2 — Criar as listas

BACKLOG

A FAZER

EM DESENVOLVIMENTO

EM TESTE

CONCLUÍDO

Etapa 3 — Criar os cartões

Criar estrutura HTML

Criar cabeçalho

Criar menu

Criar página inicial

Criar página de contato

Criar CSS

Criar JavaScript

Testar responsividade

Etapa 4 — Criar checklists

Dentro dos cartões maiores, divida a tarefa em etapas menores.

Etapa 5 — Definir responsáveis

Distribua as atividades entre os integrantes da equipe.

Etapa 6 — Definir prazos

Estabeleça datas realistas para as tarefas.

Etapa 7 — Utilizar etiquetas

FRONT-END

BACK-END

BANCO DE DADOS

BUG

DOCUMENTAÇÃO

Etapa 8 — Atualizar o quadro

Conforme o trabalho avançar, mova os cartões entre as listas.

🏆 Resultado esperado

Ao finalizar essa atividade, você deverá possuir um quadro capaz de representar visualmente o andamento do seu projeto.

29. Como o Kanban é Utilizado no Mercado de Trabalho?

Visão profissional

Ferramentas de gestão visual podem ser utilizadas para organizar projetos de diferentes áreas e tamanhos.

Uma equipe de tecnologia pode utilizar um quadro para acompanhar:

📖 Importante para o aluno

Saber utilizar uma ferramenta de organização não substitui o conhecimento técnico. Entretanto, saber organizar e acompanhar tarefas é uma habilidade importante para trabalhar em equipe.

30. 🏆 Desafio Final

Configure seu primeiro Kanban

Agora é hora de colocar em prática tudo o que você aprendeu.

🎯 Atividade

Crie um quadro no Trello para organizar o desenvolvimento de um projeto de sistema ou site.

📋 O quadro deverá possuir:

  1. Um nome relacionado ao projeto.
  2. Uma lista chamada BACKLOG.
  3. Uma lista chamada A FAZER.
  4. Uma lista chamada EM DESENVOLVIMENTO.
  5. Uma lista chamada EM TESTE.
  6. Uma lista chamada CONCLUÍDO.
  7. Pelo menos 10 cartões.
  8. Pelo menos 3 cartões com checklist.
  9. Etiquetas para classificar as atividades.
  10. Responsáveis pelas tarefas.
  11. Prazos para atividades selecionadas.
  12. Descrições detalhadas em cartões importantes.

📊 Simulação do andamento

Após criar o quadro, mova algumas tarefas para demonstrar o fluxo: 

BACKLOG
   ↓
A FAZER
   ↓
EM DESENVOLVIMENTO
   ↓
EM TESTE
   ↓
CONCLUÍDO

📸 Entrega

Registre o resultado do seu quadro conforme a orientação do professor.

⚠️ Importante

O objetivo não é apenas criar um quadro bonito. O quadro deve demonstrar que você compreendeu como organizar e acompanhar um projeto.

31. ✅ Checklist de Aprendizagem

Antes de finalizar

Verifique se você consegue realizar cada uma das atividades abaixo.

32. 📚 Resumo

O que você aprendeu?

Neste material você aprendeu os principais conceitos necessários para utilizar Kanban e Trello na organização de projetos.

  • O que é Kanban.
  • O que é Trello.
  • Como criar um quadro.
  • Como criar listas.
  • Como criar cartões.
  • Como utilizar checklists.
  • Como utilizar etiquetas.
  • Como definir prioridades.
  • Como definir responsáveis.
  • Como controlar prazos.
  • Como movimentar tarefas.
  • Como trabalhar em equipe.
  • Como acompanhar bugs.
  • Como organizar um projeto de software.
  • Como relacionar Kanban com Git, GitHub e desenvolvimento.
🚀 Próximo passo

Agora crie seu próprio quadro e utilize-o durante o desenvolvimento de um projeto real. Quanto mais você utilizar o Kanban, mais fácil será perceber como a organização das tarefas ajuda no desenvolvimento de sistemas.