Exercícios - Aula 09: Mermaid na Prática: Fluxogramas 🧜♀️
🟢 Básico
Direção do Fluxo: Crie um pequeno diagrama Mermaid que aponte de A para B, usando a direção LR.
Formas de Nós: Represente os seguintes itens com a sintaxe Mermaid:
Um processo (retângulo) chamado "Compilar".
Uma decisão (losango) chamada "Erro?".
Um fim (arredondado) chamado "Sucesso".
🟡 Intermediário
Conexões com Texto: Crie um fluxo onde uma decisão "Idade >= 18?" tenha duas saídas:
Uma seta com o texto "Sim" para o nó "Pode entrar".
Uma seta com o texto "Não" para o nó "Acesso negado".
Alinhamento: Altere o diagrama anterior. Use a direção TD (Top Down).
🔴 Desafio
O Fluxo da Vida (ou do Código):
Crie um arquivo exercicio09.md.
Desenvolva um fluxograma Mermaid completo para um "Sistema de Alarme":
Início: Alarme Ativado.
Sensor detecta movimento?
Se Sim -> Tocar sirene -> Notificar proprietário.
Se Não -> Continuar monitorando (voltar ao sensor).
Use diferentes formatos de nós e setas espessas (==>) nos caminhos críticos.
📚 Gabarito e Solução Comentada
Gabarito Explicado ## 🟢 Básico 1. **LR**: Left to Right (Esquerda para a Direita). 2. **Decisão**: Usando chaves `{Texto}`. ## 🟡 Intermediário 3. **Texto vs Imagem**: Facilidade de edição, controle de versão (Git) e renderização automática pelo MkDocs sem precisar carregar arquivos binários pesados. 4. **Nós**: `A(Início) --> B[Processo]`. ## 🔴 Desafio 5. **Login de Usuário**:
graph TD
A(Início) --> B[Digitar Credenciais]
B --> C{Senha Correta?}
C -- Sim --> D[Acesso Autorizado]
C -- Não --> B