Workshop e estações
TeachFORGE.ai
Workshop / Mermaid
Mermaid Station
Construa diagramas de fluxo, diagramas de sequência, diagramas de classes, gráficos Gantt e mais a partir de texto simples — pré-visualize-os como SVG, depois transforme um diagrama em tantas versões de sala de aula quantas precisar.
A IA pode rascunhar. Você decide o que a turma vê.
O que é Mermaid
O Mermaid é uma forma de desenhar diagramas a partir de texto simples. Descreve um diagrama de fluxo, sequência, diagrama de classe, gráfico Gantt ou mapa mental numa linguagem curta e legível — e o resultado é um SVG limpo com que pode ensinar.
Isto importa no ensino porque o processo e a estrutura mudam no meio da aula. Edite uma linha, e o diagrama atualiza — sem redesenhar caixas à mão ou procurar uma captura de ecrã do ano passado.
Porque os professores usam Mermaid
Mapas de processo e decisão
Diagramas de fluxo para métodos, algoritmos e caminhos de decisão na sala de aula que permanecem editáveis.
Interações ao longo do tempo
Diagramas de sequência para protocolos, histórias e trocas passo a passo.
Agendamentos e projetos
Vistas estilo Gantt quando a ordem e a duração são parte do ponto de ensino.
Mapas de conceitos e dados
Mapas mentais, diagramas ER e estruturas de classe para tópicos que precisam de relações visíveis.
No TeachForge, o Mermaid é uma Estação do Workshop — construído para passar da ideia para o ensino ao vivo sem sair da plataforma.
Dentro da Estação Mermaid
Como o resto do Workshop, o Mermaid dá-lhe um espaço de trabalho familiar: refine de um lado, veja o diagrama do outro.
- Editor de código Mermaid para controlo total da linguagem do diagrama
- Construtor paramétrico quando prefere controlos e pacotes de catálogo sobre DSL bruto
- Ferramentas de tipo e direção — diagrama de fluxo, sequência, classe, estado, Gantt, pizza, mapa mental, ER e mais
- Temas e estilos de arestas, incluindo aspetos TeachForge e clássicos, além de uma opção desenhada à mão
- Prévia SVG ao vivo com indicações úteis de ir-para-linha quando a sintaxe precisa de correção
- Exportar, partilhar, incorporar, Copiar SVG, e envio com um clique para o Whiteboard
Como o texto se torna um diagrama
Começar de um modelo, escrever Mermaid ou abrir um pacote paramétrico
Escolha o caminho que corresponde à sua forma de trabalhar.
Ajustar direção, tema ou controlos paramétricos
O SVG ao vivo atualiza conforme o diagrama toma forma.
Exportar, guardar ou enviar ao vivo
Leve para o quadro, para uma questão ou exporte como um ficheiro que é seu.
Um diagrama. Todas as versões dele.
Ao lado do editor clássico Mermaid, a Estação também suporta diagramas paramétricos: visuais de ensino dirigidos por controlos — em vez de reescrever todo o DSL cada vez que o exemplo muda.
Mude enquanto ensina
Mude o layout, etiquetas ou definições do pacote sem reconstruir a figura do zero.
Mantenha a estrutura, varie a história
O mesmo pacote de diagrama de fluxo ou sequência pode tornar-se o aquecimento de amanhã ou um seguimento mais difícil.
Adapte a sala em um passo
Faixas etárias podem mudar o aspeto para Educação Pré-Escolar, Ensino Primário, Secundário e Aprendizagem ao Longo da Vida.
Fique perto da avaliação
Guarde o pacote como JSON e reutilize o mesmo diagrama dentro de questões e laboratórios.
Prefere escrever Mermaid à mão? O editor DSL permanece. O paramétrico está lá quando quer um instrumento de sala de aula, não apenas uma imagem estática.
Diagramas prontos para começar
Abra um modelo ou pacote de catálogo e adapte-o à sua aula:
| Área | O que pode abrir |
|---|---|
| Modelos DSL | Diagrama de Fluxo; Sequência; Classe; Estado; Gantt; Pizza; Mapa Mental; Diagrama ER |
| Catálogo paramétrico | Diagrama de fluxo de decisão; Sequência de diálogo; Herança; Ciclo de vida; Gantt de projeto; Pizza de partes; Mapa mental de tópicos; Entidades ER |
| Também no DSL | Jornada, cronologia, gráfico git, quadrante, requisito, sankey e estilos de gráfico XY |
Ajuda de IA do seu jeito
Precisa de um primeiro rascunho? Use a IA como assistente — depois reveja, edite e aprove antes que algo chegue aos aprendentes.
Copiar o prompt
Gere um prompt pronto e cole na ferramenta de chat que você já usa.
Utilize o seu próprio GPU
Ligue um endpoint de modelo local nas definições e execute a geração no hardware que controla.
Utilize a sua própria chave de API
Adicione a chave do fornecedor nas definições, escolha o modelo e gere com a sua própria conta.
A IA pode estar errada. É exactamente por isso que um professor permanece no circuito.
Leve o diagrama para onde o ensino acontece
- Whiteboard — coloque-o no quadro ao vivo e ajuste na frente da turma
- Quest Ladder — coloque em perguntas e explicações
- Virtual Lab — reutilize em trabalho de laboratório interativo
- Comunidade — partilhe o que você construiu e construa sobre o que outros educadores partilharam