🚀 Capítulo 13: Diagrama de Atividades (Tema: Detona Ralph)

NOTE

Este capítulo utiliza a temática de Detona Ralph para explicar o Diagrama de Atividades. Vamos mapear o fluxo de conserto do prédio pelo Felix Jr.!


1. 🎯 Objetivo da Aula

Compreender o conceito de Diagrama de Atividades, seus símbolos básicos (Início, Fim, Ação, Decisão) e como ele modela processos.

2. 🏢 O Cenário Prático (Seu Desafio)

No jogo Conserta Felix Jr., o jogo começa com o Ralph quebrando as janelas. O Felix precisa passar consertando. Se o prédio estiver todo consertado, o Felix ganha uma torta. Se não, ele continua consertando enquanto desvia dos tijolos. Seu desafio é desenhar esse fluxo de jogo no Draw.io!

3. 🧠 Fundamentos: A Teoria Traduzida

O Diagrama de Atividades é o equivalente da UML para o famoso Fluxograma. Ele mostra o passo a passo de um processo ou algoritmo.

🔴 Símbolos Principais:

  1. Início: Um círculo preto preenchido.
  2. Fim: Um círculo preto com uma borda ao redor (alvo).
  3. Ação / Atividade: Um retângulo com cantos arredondados.
  4. Decisão: Um losango. Tem uma seta entrando e duas ou mais saindo com as condições (ex: [Sim] e [Não]).
  5. Bifurcação/União (Fork/Join): Uma barra preta grossa usada para mostrar ações que acontecem ao mesmo tempo (paralelo).

4. 📖 Exemplo Guiado: O Jogo do Felix Jr.

  1. Início (Bolinha preta).
  2. Seta para a ação: Ralph Quebra Janelas.
  3. Seta para a ação: Felix Conserta Janela.
  4. Seta para o losango de Decisão: “Prédio 100% consertado?“.
    • Seta [Sim] Ação Receber Torta Fim.
    • Seta [Não] Seta de volta para Felix Conserta Janela.

5. 🛠️ Prática Obrigatória 1: Fluxo do Conserto

Desenhe o diagrama de atividades do exemplo guiado no Draw.io.

  • Use os elementos corretos da categoria UML.
  • Exporte a imagem.

6. 🛠️ Prática Obrigatória 2: Decisão vs Atividade

Qual é a diferença visual e de significado entre um retângulo arredondado e um losango no Diagrama de Atividades?


7. 📤 Instruções de Entrega (GitHub Desktop + Microsoft Teams)

  1. Faça o Commit: No GitHub Desktop, digite a mensagem (ex: Finaliza Capítulo 13 UML) e clique em Commit to main.
  2. Envie para a Nuvem (Push): Clique em Push origin.

8. 📂 Estrutura de Pastas

extra_guia_de_modelagem_uml/
├── capitulos/
│   ├── capitulo_13_atividades.md
│   └── codigos/
│       └── cap13/
│           └── fluxo_conserto.png

9. 💡 Checkpoint de Lógica

Se quisermos representar que o Felix conserta a janela AO MESMO TEMPO que os moradores jogam tortas pela janela, qual símbolo devemos usar? (Dica: Reveja a lista de símbolos).

10. 🔥 Desafio de Fixação

Pesquise o que são as Raias de Natação (Swimlanes) no Diagrama de Atividades (Dica: Servem para dividir quem faz o quê no processo).

11. 🔑 Gabarito de Código/Fórmulas

Resposta da Prática 2: O retângulo arredondado representa uma ação que está sendo executada (ex: Consertar). O losango representa uma decisão ou teste lógico que altera o rumo do fluxo (ex: Está pronto?).


Capitulo Anterior | Proximo Capitulo