🚀 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:
- Início: Um círculo preto preenchido.
- Fim: Um círculo preto com uma borda ao redor (alvo).
- Ação / Atividade: Um retângulo com cantos arredondados.
- Decisão: Um losango. Tem uma seta entrando e duas ou mais saindo com as condições (ex:
[Sim]e[Não]). - 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.
- Início (Bolinha preta).
- Seta para a ação:
Ralph Quebra Janelas. - Seta para a ação:
Felix Conserta Janela. - Seta para o losango de Decisão: “Prédio 100% consertado?“.
- Seta
[Sim]→ AçãoReceber Torta→ Fim. - Seta
[Não]→ Seta de volta paraFelix Conserta Janela.
- Seta
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)
- Faça o Commit: No GitHub Desktop, digite a mensagem (ex:
Finaliza Capítulo 13 UML) e clique em Commit to main. - 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.png9. 💡 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?).