Workshop en stations
TeachFORGE.ai
Workshop / Mermaid
Mermaid Station
Bouw stroomdiagrammen, sequentiediagrammen, klassendiagrammen, Gantt-grafieken en meer vanuit platte tekst — bekijk ze als SVG, en maak van één diagram zoveel klasversies als je nodig hebt.
AI kan een concept maken. Jij bepaalt wat de klas ziet.
Wat Mermaid is
Mermaid is een manier om diagrammen te tekenen vanuit platte tekst. Je beschrijft een stroomdiagram, sequentie, klassendiagram, Gantt-grafiek of mindmap in een korte, leesbare taal — en het resultaat is een schone SVG waarmee je les kunt geven.
Dat telt in het onderwijs omdat proces en structuur midden in de les veranderen. Bewerk een regel, en het diagram werkt bij — zonder vakjes met de hand opnieuw te tekenen of te zoeken naar een screenshot van vorig jaar.
Waarom docenten Mermaid gebruiken
Proces- en beslissingskaarten
Stroomdiagrammen voor methoden, algoritmen en klasbeslissingspaden die bewerkbaar blijven.
Interacties in de tijd
Sequentiediagrammen voor protocollen, verhalen en stapsgewijze uitwisselingen.
Planningen en projecten
Gantt-achtige weergaven wanneer volgorde en duur deel van het lespunt zijn.
Concept- en datakaarten
Mindmaps, ER-diagrammen en klassenstructuren voor onderwerpen die relaties zichtbaar moeten maken.
Op TeachForge is Mermaid een Workshop Station — gebouwd om van idee naar live lesgeven te gaan zonder het platform te verlaten.
In de Mermaid Station
Net als de rest van de Workshop geeft Mermaid je een vertrouwde werkruimte: verfijn aan de ene kant, zie het diagram aan de andere.
- Mermaid-code-editor voor volledige controle over de diagramtaal
- Parametrische builder wanneer je liever bediening en cataloguspakketten gebruikt dan ruwe DSL
- Type- en richtingtools — flowchart, sequence, class, state, Gantt, pie, mindmap, ER en meer
- Thema’s en randstijlen, inclusief TeachForge- en klassieke looks, plus een handgetekende optie
- Live SVG-voorbeeldweergave met nuttige ga-naar-regel-hints wanneer de syntaxis moet worden hersteld
- Exporteren, delen, insluiten, Kopieer SVG, en met één klik naar het Whiteboard sturen
Hoe tekst een diagram wordt
Begin vanuit een sjabloon, schrijf Mermaid, of open een parametrisch pakket
Kies het pad dat past bij hoe jij wilt werken.
Pas richting, thema of parametrische bediening aan
De live SVG werkt bij terwijl het diagram vorm krijgt.
Exporteer, sla op, of stuur live
Neem het mee naar het bord, in een vraag, of als een bestand dat van jou is.
Eén diagram. Elke versie ervan.
Naast de klassieke Mermaid-editor ondersteunt de Station ook parametrische diagrammen: lesvisuals aangestuurd door bediening — in plaats van de hele DSL elke keer te herschrijven wanneer het voorbeeld verandert.
Wijzig het terwijl je lesgeeft
Wissel van layout, labels of pakketinstellingen zonder de figuur vanaf nul opnieuw te bouwen.
Houd de structuur, varieer het verhaal
Hetzelfde flowchart- of sequentiepakket kan de starter van morgen of een moeilijkere vervolgvraag worden.
Pas je in één stap aan de groep aan
Leeftijdsgroepen kunnen de look aanpassen voor Early Childhood, Primary, Secondary en Lifelong teaching.
Blijf dicht bij toetsing
Sla het pakket op als JSON en hergebruik hetzelfde diagram in vragen en labs.
Liever Mermaid met de hand schrijven? De DSL-editor blijft. Parametrisch is er wanneer je een klasinstrument wilt, niet alleen een statische afbeelding.
Kant-en-klare diagrammen om mee te beginnen
Open een sjabloon of cataloguspakket en pas het aan je les aan:
| Gebied | Wat je kunt openen |
|---|---|
| DSL-sjablonen | Flowchart; Sequence; Class; State; Gantt; Pie; Mindmap; ER Diagram |
| Parametrische catalogus | Beslissingsflowchart; Dialoogsequentie; Overerving; Levenscyclus; Project-Gantt; Deel-pie; Onderwerpen-mindmap; Entiteiten-ER |
| Ook in de DSL | Journey-, timeline-, git-graph-, quadrant-, requirement-, sankey- en XY-chartstijlen |
AI-hulp, op jouw manier
Eerste concept nodig? Gebruik AI als assistent — bekijk, bewerk en keur goed voordat iets bij leerlingen komt.
Kopieer de prompt
Maak een kant-en-klare prompt en plak die in de chattool die je al gebruikt.
Gebruik je eigen GPU
Koppel een lokaal modeleindpunt in je instellingen en voer generatie uit op hardware die jij beheert.
Gebruik je eigen API-sleutel
Voeg de sleutel van je provider toe in de instellingen, kies het model en genereer met je eigen account.
AI kan ernaast zitten. Precies daarom blijft een docent in de lus.
Neem het diagram mee waar het lesgeven plaatsvindt
- Whiteboard — zet het op het live-bord en pas het aan voor de klas
- Quest Ladder — plaats het in vragen en uitleg
- Virtual Lab — hergebruik het in interactief labwerk
- Community — deel wat je hebt gemaakt, en bouw verder op wat andere docenten deelden