freie Bildung - ENTWURF

--- slideOptions: transition: fade --- ### 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 die 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 ![Text](Link) - 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://hackmd.io/49g3WW-9QCSjyyd2_WD5jQ?both) UML-Diagramm und mehr - [marmaid](https://mermaid.js.org/) - [graphviz](https://graphviz.org/)doc 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) --- ## Mindmap ---- ### Markmap [Markmap Spielwiese](https://markmap.js.org/repl) ``` markmap= # SQL Untersprachen ## DDL Definieren ## DML Verarbeitung ## DQL Abfragen ## DCL Berechtigung ## TCL Transaktion ``` ``` markmap # SQL Untersprachen ## DDL Definieren ## DML Verarbeitung ## DQL Abfragen ## DCL Berechtigung ## TCL 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 ++ 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 ``` --- ## 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 ;-) ``` ![image](https://hackmd.io/_uploads/r1EhAGhhye.png) ## 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)

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.