Workshop at Mga Istasyon
TeachFORGE.ai
Workshop / Mermaid
Istasyon ng Mermaid
Gumawa ng mga flowchart, sequence diagram, class diagram, Gantt chart, at iba pa mula sa payak na teksto — silipin bilang SVG, pagkatapos ay gawing kasing dami ng kailangan mong bersyon ng klase ang isang diagram.
Maaaring mag-draft ang AI. Ikaw ang magpapasya kung ano ang makikita ng klase.
Ano ang Mermaid
Ang Mermaid ay paraan ng pagguhit ng mga diagram mula sa payak na teksto. Inilalarawan mo ang flowchart, sequence, class diagram, Gantt chart, o mind map sa maikli at nababasang wika — at ang resulta ay malinis na SVG na magagamit sa pagtuturo.
Mahalaga iyon sa pagtuturo dahil nagbabago ang proseso at istruktura sa gitna ng aralin. I-edit ang isang linya, at nag-a-update ang diagram — nang hindi muling gumuguhit ng mga kahon o humahanap ng screenshot noong nakaraang taon.
Bakit ginagamit ng mga guro ang Mermaid
Mga mapa ng proseso at desisyon
Mga flowchart para sa mga paraan, algorithm, at landas ng desisyon sa klase na nananatiling mae-edit.
Mga interaksyon sa paglipas ng panahon
Mga sequence diagram para sa mga protocol, kuwento, at sunud-sunod na palitan.
Mga iskedyul at proyekto
Mga tanawing Gantt-style kapag bahagi ng punto ng pagtuturo ang pagkakasunod at tagal.
Mga mapa ng konsepto at datos
Mga mind map, ER diagram, at istruktura ng class para sa mga paksang kailangang makita ang ugnayan.
Sa TeachForge, ang Mermaid ay Istasyon ng Workshop — ginawa upang lumipat mula sa ideya tungo sa live na pagtuturo nang hindi umaalis sa plataporma.
Sa loob ng Istasyon ng Mermaid
Tulad ng iba pang bahagi ng Workshop, nagbibigay ang Mermaid ng pamilyar na espasyo sa paggawa: magpino sa isang panig, tingnan ang diagram sa kabila.
- Editor ng code ng Mermaid para sa ganap na kontrol sa wika ng diagram
- Parametric na tagabuo kapag mas gusto mo ang mga kontrol at package sa katalogo kaysa sa hilaw na DSL
- Mga tool sa uri at direksyon — flowchart, sequence, class, state, Gantt, pie, mindmap, ER, at iba pa
- Mga tema at estilo ng gilid, kabilang ang itsura ng TeachForge at klasiko, dagdag pa ang opsyong tila-guhit-kamay
- Live na preview ng SVG na may kapaki-pakinabang na palatandaan ng go-to-line kapag kailangang ayusin ang syntax
- I-export, ibahagi, i-embed, Kopyahin ang SVG, at isang-click na pagpapadala sa Whiteboard
Paano nagiging diagram ang teksto
Magsimula sa template, sumulat ng Mermaid, o magbukas ng parametric na package
Piliin ang landas na tumutugma sa paraan ng iyong paggawa.
Iakma ang direksyon, tema, o mga parametric na kontrol
Nag-a-update ang live na SVG habang nabubuo ang diagram.
I-export, i-save, o ipadala nang live
Dalhin sa pisara, sa tanong, o palabas bilang file na sa iyo.
Isang dayagram. Bawat bersyon nito.
Kasama ng klasikong editor ng Mermaid, sinusuportahan din ng Istasyon ang mga parametric na dayagram: mga biswal na pampagtuturo na pinapatakbo ng mga kontrol — sa halip na isulat muli ang buong DSL sa tuwing nagbabago ang halimbawa.
Baguhin ito habang nagtuturo ka
Palitan ang layout, mga label, o setting ng package nang hindi muling binubuo ang figure mula sa simula.
Panatilihin ang istruktura, iba-ibahin ang kuwento
Ang iisang flowchart o sequence package ay maaaring maging pambungad bukas o mas mahirap na follow-up.
Iangkop sa silid sa isang hakbang
Maaaring baguhin ng mga pangkat-edad ang itsura para sa pagtuturo sa Early Childhood, Primary, Secondary, at Lifelong.
Manatiling malapit sa pagtatasa
I-save ang package bilang JSON at muling gamitin ang iisang diagram sa loob ng mga tanong at lab.
Mas gusto bang sulat-kamay ang Mermaid? Nanatili ang editor ng DSL. Naroon ang Parametric kapag gusto mo ng instrumento sa silid-aralan, hindi lang static na imahe.
Mga handang dayagram na pagsisimulan
Magbukas ng template o package sa katalogo at iangkop sa iyong aralin:
| Lugar | Ano ang mabubuksan mo |
|---|---|
| Mga template ng DSL | Flowchart; Sequence; Class; State; Gantt; Pie; Mindmap; ER Diagram (mga uri ng diagram) |
| Parametric na katalogo | Flowchart ng desisyon; Sequence ng diyalogo; Inheritance; Lifecycle; Gantt ng proyekto; Pie ng bahagi; Mindmap ng mga paksa; ER ng mga entity |
| Nasa DSL din | Mga estilo ng journey, timeline, git graph, quadrant, requirement, sankey, at XY chart |
Tulong ng AI, sa iyong paraan
Kailangan ng unang draft? Gamitin ang AI bilang katulong — pagkatapos ay suriin, i-edit, at aprubahan bago makarating sa mga mag-aaral.
Kopyahin ang prompt
Gumawa ng handang prompt at i-paste ito sa chat tool na ginagamit mo na.
Gamitin ang sarili mong GPU
Ikonekta ang isang local model endpoint sa iyong mga setting at patakbuhin ang generation sa hardware na kontrolado mo.
Gamitin ang sarili mong API key
Idagdag ang iyong provider key sa mga setting, piliin ang modelo, at mag-generate gamit ang sarili mong account.
Maaaring magkamali ang AI. Iyon mismo ang dahilan kung bakit nananatili ang guro sa loop.
Dalhin ang dayagram kung saan nagaganap ang pagtuturo
- Whiteboard — ilagay ito sa live na board at i-adjust sa harap ng klase
- Quest Ladder — ilagay ito sa mga tanong at paliwanag
- Virtual Lab — muling gamitin sa loob ng interaktibong gawain sa lab
- Komunidad — ibahagi ang iyong ginawa, at bumuo sa ibinahagi ng ibang mga educator