---
# System prepended metadata

title: freie Bildung - ENTWURF
tags: [markdown]

---

---
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<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

++ 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)