# freie Bildung - einfach! textbasiert Chemnitzer Linux-Tage 2025 22.03.2025 Rico Meiner --- ### Bedienung für diesen Vortrag [Space] nächste Seite [&leftarrow;] [&rightarrow;] vorheriges nächstes Kapitel [S] Referentenansicht [B] oder [.] Pause [ESC] Gesamtüberblick --- ### OER - Open Educational Resources > Kurz: OER sind Bildungsmaterialien unter freier Lizenz > Quelle: [OER-Info]( https://open-educational-resources.de/was-ist-oer-3-2/) 2002 | UNESCO: SDG 4 [Stand 2025](https://sdg-indikatoren.de/4/) 2022 | BMBF: [OER-Strategie](https://www.bmbf.de/SharedDocs/Publikationen/DE/3/691288_OER-Strategie.html) ---- ### OER - Rechte nach David Wiley Auch 5Vs genannt: 1. **V**ervielfältigen 2. **V**erwenden 3. **V**erarbeiten 4. **V**ermischen 5. **V**erbreiten ---- ### CC-Lizenzen [CreativeCommons](https://de.m.wikipedia.org/wiki/Creative_Commons) sind Lizenzen für freie Bildung > Die Creative Commons ist eine gemeinnützige Organisation, welche einfache, standardisierte und modular kombinierbare Lizenzverträge kostenlos zur Verfügung stellt. > Quelle: [CreativeCommons > FAQs](https://de.creativecommons.net/faqs/) ---- ### CC-Lizenzen für OER CreativeCommons-Lizenzen für Open Educational Resources: - CC-BY-SA - CC-BY - CC0 [mehr dazu...](https://hackmd.io/_FMNal6bTkCATBWvtNE2Iw?view) ---- Kompatibilität beim Vermischen (Remix) | CC | CC0 | CC BY | CC BY-SA | | ----------- | :-: | :-: | :-: | | **CC0** | ✅ | ✅ | ✅ | | **CC BY** | ✅ | ✅ | ✅ | | **CC BY-SA** | ✅ | ✅ | ✅ | --- ## Inhalte - textbasiert? einfach? - Texte, Quelltext ✅ - Bilder jpg, png, gif 🚫 - SVG ✅ - Formeln > Latex ✅ - Aufgaben - individuelle Software 🚫 - moodle-GIFT ✅ - XML ✅🚫 - Liascript ✅ - Audio, Video 🚫 - Bildungsformate wie [H5P](https://hackmd.io/l4lnoU8wS9CK7JngFXtkQw#) 🚫✅ ---- ### Texte - Word, Pages, PDF 🚫 (nich) - Text pur ✅ (Formatierung 😥) - Latex ✅ (einfacher?) - HTML ✅ (einfacher?) Lösung: **Markdown** ---- ### Markdown - Kurzeinstieg > formatieren Text so einfach wie möglich ```html - Überschriften # ... ###### - Listen -, 1., - [ ] - Formatierungen *, ** - Link [Text](Link) - Bild  - Trennlinie --- - Formeln $$ Latex $$ - Quelltexte 3x ` ``` aber diverse "Dialekte", Alternative Schreibweisen --- ### OER-Beispiel nachgefragt! Fragen an die Wissenschaft Version 2020 - [PDF](https://www.twillo.de/edu-sharing/components/render/0053584a-3b89-49ed-a0df-7dc82ac2154a) (original) - [Markdown](https://raw.githubusercontent.com/OERit/nachgefragt/liascript/liste_fragen.md) - [github](https://github.com/OERit/nachgefragt) - [Liascript](https://liascript.github.io/course/?https://raw.githubusercontent.com/OERit/nachgefragt/liascript/liste_fragen.md#1) - [H5P](https://einstiegh5p.de/wp-admin/admin-ajax.php?action=h5p_embed&id=1540) --- ## Software für Markdown - Zusammenarbeit mit [HackMD](https://hackmd.io/), frei: [Hedgedoc](https://hedgedoc.org/) [Demo OKF](https://hackmd.okfn.de/) - Desktopeditor [Marktext](https://www.marktext.cc/) - Notizspeicher [Obsidian](https://obsidian.md/) frei: [Joplin](https://joplinapp.org/) - ... Werkzeuge: - Umformen mit [pandoc](https://pandoc.org/) - Markdown > PPT:[Marp](https://marp.app/) - [LiaScript](https://liascript.github.io/) ---- ## Markdown und Diagramme Auswahl der Werkzeuge: - [plantuml](https://plantuml.com/) - UML-Diagramm und mehr - [Demo](https://hackmd.io/@OERit/PlantUML_Beispiel) - [marmaid](https://mermaid.js.org/) - modernes Diagramm-Tool - [Live-Editor](https://mermaid.live/) - [graphviz](https://graphviz.org/) - traditionelles Diagramm-Tool - [Live-Editor](https://) in vielen Markdown-Umgebungen integriert. - [kroki](https://kroki.io/) freie und für viele textbasierte Diagramme --- ## UML-Diagramme ### PlantUML - Use Case Diagramm ```plantuml @startuml left to right direction actor Administator as AD actor Dozent as D rectangle Raeume{ usecase "Räume erstellen" as UC1 usecase "Räume reservieren" as UC2 } AD --> UC1 UC1 --> D D --> UC2 @enduml ``` ```plantuml= @startuml left to right direction actor Administator as AD actor Dozent as D rectangle Raeume{ usecase "Räume erstellen" as UC1 usecase "Räume reservieren" as UC2 } AD --> UC1 UC1 --> D D --> UC2 @enduml ``` ---- ### PlantUML - ERD Entity-Relationship-Diagramm (nur mit Tricks) ```plantuml left to right direction hide circle skinparam class { ArrowColor #999 BorderColor #eee BackgroundColor #eee } entity Studiengang entity Student entity Vorlesung diamond r1 diamond r2 ' Notation: Funktionalität/Kardinalität und (min/max) Studiengang "1" -- r1 r1 -- "n" Student Student "n" -- r2 r2 -- "m" Vorlesung ``` --- ## Daten visualisieren funktioniert sehr gut für - JSON - YAML - EBNF - Formeln ---- ### JSON mit PlantUML ```plantuml! @startjson { "name": "Mutti", "alter": "42", "kinder": [ { "name": "Sohn", "alter": 19 }, { "name": "Tochter", "alter": 14 } ] } @endjson ``` ```plantuml @startjson { "name": "Mutti", "alter": "42", "kinder": [ { "name": "Sohn", "alter": 19 }, {ab "name": "Tochter", "alter": 14 } ] } @endjson ``` ---- ### YAML mit PlantUML ```plantuml! @startyaml name: "Mutti" alter: "42" kinder: kind: name: "Sohn" alter: 19 @endyaml ``` ```plantuml @startyaml name: "Mutti" alter: "42" kinder: kind: name: "Sohn" alter: 19 @endyaml ``` [Doku](https://plantuml.com/de/yaml) ---- ### Formeln - [Online-Formeleditor](https://quizdidaktik.de/formeleditor/) - Latex --- ### Mindmap ---- ### Markmap [Markmap Spielwiese](https://markmap.js.org/repl) ``` markmap= # SQL<br>Untersprachen ## DDL<br>Definieren ## DML<br>Verarbeitung ## DQL<br>Abfragen ## DCL<br>Berechtigung ## TCL<br>Transaktion ``` ``` markmap # SQL<br>Untersprachen ## DDL<br>Definieren ## DML<br>Verarbeitung ## DQL<br>Abfragen ## DCL<br>Berechtigung ## TCL<br>Transaktion ``` ---- ### Mindmap mit PlantUML - Einstieg ```plantuml= @startmindmap # Start ## Punkt 1 ### Punkt 1a ## Punkt 2 ### Punkt 2a ### Punkt 2b @endmindmap ``` ```plantuml @startmindmap # Start ## Punkt 1 ### Punkt 1a ## Punkt 2 ### Punkt 2a ### Punkt 2b @endmindmap ``` ---- ### Mindmap mit PlantUML - Beispiel ```plantuml @startmindmap - SQL -- DDL ---_ CREATE ---_ ALTER ---_ DROP ---_ TRUNCATE ---_ RENAME -- DML ---_ INSERT ---_ SELECT ---_ UPDATE ---_ DELETE -- DCL ---_ GRANT ---_ REVOKE -- TCL ---_ COMMIT ---_ ROLLBACK ++ Balbafd ++ WHERE +++_ <, >, =, <> +++_ LIKE +++_ BETWEEN, IN +++_ ANY ++ ORDER +++_ ORDER BY ASC +++_ ORDER BY DESC ++ GROUP +++_ GROUP BY +++_ HAVING ++ JOIN +++_ INNER JOIN +++_ FULL JOIN +++_ OUTER JOIN +++_ LEFT JOIN +++_ RIGHT JOIN ++ FUNCTION +++_ AVG() +++_ SUM() +++_ COUNT() +++_ MIN() +++_ MAX() ++ ALIAS +++_ AS @endmindmap ``` --- ## Netzplantechnik ```graphviz digraph Netzplan { node [shape=record] rankdir=LR; splines=ortho; X [label= "{FAZ | FEZ} | { Vorgang } | {Dauer | GP | FP} | {SAZ | SEZ}"]; A [label= "{ 0 | 2 } | { A } | { 2 | 0 | 0} | { 0 | 2}"]; B [label= "{ 2 | 6 } | { B } | { 4 | 0 | 0} | { 2 | 6}"]; C [label= "{ 6 | 9 } | { C } | { 3 | __ | __} | {__ | __}"]; D [label= "{ 6 | __} | { D } | { 8 | __ | __} | {__ | __}"]; E [label= "{ 6 | 8 } | { E } | { 2 | __ | __} | {__ | __}"]; F [label= "{ 6 | 11} | { F } | { 5 | __ | __} | {__ | __}"]; G [label= "{__ | __} | {__ } | {__ | __ | __} | {__ | __}"]; H [label= "{__ | __} | {__ } | {__ | __ | __} | {__ | __}"]; I [label= "{__ | __} | {__ } | {__ | __ | __} | {__ | __}"]; J [label= "{__ | __} | {__ } | {__ | __ | __} | {__ | __}"]; K [label= "{__ | __} | {__ } | {__ | __ | __} | {__ | __}"]; A -> B B -> {rank=same; C; D; E; F } [dir="forward"]; C -> G D -> G G -> I E -> H H -> I I -> J J -> K } ``` --- ## Liascript - Einstieg ## Aufgaben mit LiaScript [Demo](https://liascript.github.io/blog/6-quizzes-in-100-seconds/) Beispiel Multiple Choice ``` - [[ ]] No, absolutely not - [[X]] Yes, definitely - [[X]] There is no easier way ;-) ```  ## Andere Möglichkeiten Beispiel Musik: - [ABC Musiknotation](https://hackmd.io/@OERit/abc_notation) Beispiel Physik - [TU-Chemnitz](https://www-user.tu-chemnitz.de/~herbs/lehrmaterial.html) ## Werbung - OER - CLT 2025 Sonntag 23.03.2025 - **Bildungs-Meetup in K2** - [OER-Camp](https://oercamp.de/) - 16. bis 18.05.2025 Darmstadt - 04. bis 06.09.2025 Hannover - 25. bis 26.09.2025 OERcamp.global > Prototyp OER-Remix-Tool --- ## Vielen Dank für die Aufmerksamkeit - Rico Meiner - Linzenz [CC0](https://creativecommons.org/publicdomain/zero/1.0/CC0) - Alle genutzten Bilder sind frei, selbst erstellt oder mit Quelle versehen. - Vortrag als - [Präsentation](https://hackmd.io/@OERit/CLT2025) - [Markdown](https://hackmd.io/@OERit/CLT2025/download) (Download)