Pular para conteúdo

Exercícios - Aula 09: Mermaid na Prática: Fluxogramas 🧜‍♀️

🟢 Básico

  1. Direção do Fluxo: Crie um pequeno diagrama Mermaid que aponte de A para B, usando a direção LR.
  2. 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

  1. 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".
  2. Alinhamento: Altere o diagrama anterior. Use a direção TD (Top Down).

🔴 Desafio

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