---
title: Handout H5P TPI-Workshop
tags: workshop, handout, rpiVirtuell, h5p
---
URL zu diesem Dokument: https://kurzelinks.de/tpi-h5p-handout
# H5P Vertiefung
*Handout zum Workshop von [Anja Lorenz](https://twitter.com/anjalorenz) des Theologisch-Pädagogischen Instituts der Ev.-Luth. Landeskirche Sachsens am 18.03.2021 nicht in Moritzburg*
[toc]
## Ablaufplan
| Wann? | Was? |
|---------|----------|
| ab 14.45 Uhr | Ankommen (Techniktest möglich) |
| 15.00 Uhr | Begrüßung, kurzer Erfahrungsaustausch und bisherige Ergebnisse (auf rpi-virtuell oder ZUM-Apps), Rückfragen |
| 15.35 Uhr | H5P am Beispiel von Interaktive Videos und Kurspräsentations-Tutorial u. a. |
| 15.50 Uhr | Eigene Versuche und Übungen in Kleingruppen |
| 16.30 Uhr | Austausch über die Erfahrungen, je nach Bedarf Vorstellung weiterer Inhaltstypen oder Spezialfragen, Ideen für weitere Austauschforen und Online-Treffen, Verabschiedung |
| 17:00 Uhr | Gelegenheit zum weiteren Ausprobieren und Austausch |
| 17.30 Uhr | Ende |
## Materialien aus dem Workshop
🔗 [Slides zum Workshop](https://kurzelinks.de/tpi-h5p)
* H5P ausprobieren auf https://einstiegh5p.de/
* Verwendete Videos:
* [Schloss Moritzburg](https://www.youtube.com/watch?v=LCp8OthZbOQ)
* [Warum gibt es 4 Evangelien?](https://www.youtube.com/watch?v=8SdDCXpCm8A) auf YouTube
* [Warum gibt es 4 Evangelien?](https://apps.zum.de/apps/warum-gibt-es-4-evangelien) als interaktives Video auf app.zum.de
* [5 Säulen des Islam](https://apps.zum.de/apps/interaktives-video-zu-den-fuenf-saeulen-des-islam) als interaktives Video auf app.zum.de
* Course Presentation
* [Die Hirten und das Himmelslicht](https://religionsunterricht.net/blog/die-hirten-und-das-himmelslicht/)
* [Pfingsten](https://blogs.rpi-virtuell.de/h5pdev/2020/06/04/pfingsten/)
* [Bilderbuch Weihnachtsgeschichte: Reichenauer Buchmalerei](https://blogs.rpi-virtuell.de/h5pdev/wp-admin/admin-ajax.php?action=h5p_embed&id=76)
## ✍ Aufgaben
### Ein erstes Interaktives Video erstellen
1. Die Seite https://einstiegh5p.de/ aufrufen.
* Kann frei und ohne Login verwendet werden.
* Inhalte werden nach 6h gelöscht, können aber heruntergeladen werden.
2. Ein **Interactive Video** anlegen.
* Vorschlag: [Schloss Moritzburg](https://www.youtube.com/watch?v=LCp8OthZbOQ), URL: https://www.youtube.com/watch?v=LCp8OthZbOQ
3. **Interaktionen** in das Video einbauen (Vorschläge siehe unten).
4. *Optional: Am Ende die H5P-Interaktion über den Reuse-Button herunterladen (wird sonst nach 6h gelöscht).*
Vorschläge für Interaktionen:
| Zeitpunkt | Typ | Interaktion |
| -------- | -------- | -------- |
| 0:10 | Bookmark | geografische Lage |
| 0:15 | Link | Link zum Wikipedia-Eintrag einfügen: https://de.wikipedia.org/wiki/Moritzburg_%28Sachsen%29 <br><br> (5s stehen lassen, Video dabei nicht anhalten) |
| 0:35 | Fill in the blanks | **Task Description:** Wo liegt Moritzburg?<br> **Antwort:** In \*Sachsen\* nördlich der sächsischen Hauptstadt \*Dresden\*.<br><br>(dafür Video pausieren, Popup-Einblendung, Groß-/Kleinschreibung muss nicht beachtet werden.) |
| 1:30 | Bookmark | Märchenfragen |
| 1:54 | Single-Choice-Aufgabe | **Question:** Welches dieser Märchen wurde in Moritzburg gedreht?<br> **Antworten** (die erste muss richtig sein): Drei Haselnüsse für Aschenbrödel; Die goldene Gans; Frau Holle |
| 2:02 | Drag-Text | **Task Description:** Ordne die Begriffe richtig zu!<br> Aus der ersten Haselnuss von Aschenbrödel fällt ein \*Jagdgewand\*, aus der zweiten ein \*Ballkleid\* und aus der letzten ein \*Brautkleid\*. |
| 2:30 | Crossroads | **Question:** Hast Du alles verstanden?<br>Nein, ich möchte es noch einmal anschauen. → GOTO 0:00<br>Bitte nochmal zu den Märchenfragen! → GOTO 1:30<br>Ja, alles klar! → GOTO 2:31 |
| | Summary Task | **Introduction Text:** Welche Aussage ist richtig?<br>Stiefmutter und -schwester von Aschenbrödel fahren auf der Flucht in einen Teich.<br>Der Stiefschwester von Aschenbrödel werden die Zehen abgeschnitten.|
So könnte ein Ergebnis aussehen: https://secret-cow-level.de/wordpress/darknet/rpi21-demo/
### Ein weiteres Beispiel aus der Religionspädagogik
1. Die Seite https://einstiegh5p.de/ aufrufen.
* Kann frei und ohne Login verwendet werden.
* Inhalte werden nach 6h gelöscht, können aber heruntergeladen werden.
2. Ein **Interactive Video** anlegen.
* Vorschlag: [Warum gibt es 4 Evangelien?](https://www.youtube.com/watch?v=8SdDCXpCm8A), URL: https://www.youtube.com/watch?v=8SdDCXpCm8A
3. **Interaktionen** in das Video einbauen (Vorschläge siehe unten).
4. *Optional: Am Ende die H5P-Interaktion über den Reuse-Button herunterladen (wird sonst nach 6h gelöscht).*
Vorschläge für Interaktionen:
| Zeitpunkt | Typ | Interaktion |
| -------- | -------- | -------- |
| 0:34.7 | Multiple Choice | **Frage:** Mit welchem bildlichen Ausdruck werden die vier Evangelien des neuen Testaments verglichen?<br> **Antwort:**<br> 👉 mit einem zweidimensionalen Haus, das verschiedene Farben hat (falsch)<br>👉 mit einem dreidimensionalen Haus, bei dem jede Seite eine andere Farbe hat (richtig)<br> 👉 mit einer Leindwand eines Künstlers (falsch)<br> 👉 mit einer Bücherei (falsch)|
| 0:47 | Bookmark | Warum nicht nur ein Evangelium? |
| 1:14.8 | Richtig/Falsch-Frage | **Frage:** Wenn man vor einem Haus steht, ist es unmöglich alle vier Seiten gleichzeitig zu sehen. Ähnlich ist es mit Jesus (oder auch anderen Personen) - eine Persönlichkeit ist so komplex, dass einzelne Personen z.B. nur eine Charaktereigenschaft einer Person kennen.<br> **Antwort:** Wahr |
| 1:28 | Bookmark | Die 4 Evangelien |
| 2:25.6 | Fill in the Blanks | **Aufgabenbeschreibung:** Trage die fehlenden Wörter ein.<br>**Text:** Matthäus war von Beruf ein \*Zöllner\* und beschreibt Jesus als \*König\*.<br>Markus war ein \*Diener\* und beschreibt Jesus daher auch als \*Diener\*.<br>Lukas war \*Arzt\* und beschreibt Jesus als \*Mensch\*.<br>Johannes war \*Fischer\*. Er beschreibt Jesus als den \*Sohn\* Gottes. |
So könnte ein Ergebnis aussehen: https://secret-cow-level.de/wordpress/darknet/rpi21-demo/
### Eine Course Presentation kopieren
1. Die Seite https://einstiegh5p.de/ aufrufen.
* Kann frei und ohne Login verwendet werden.
* Inhalte werden nach 6h gelöscht, können aber heruntergeladen werden.
2. Eine **Course Presentation** anlegen. Dafür eine der folgenden Beispiele hochladen
* [Die Hirten und das Himmelslicht](https://religionsunterricht.net/blog/die-hirten-und-das-himmelslicht/)
* [Pfingsten](https://blogs.rpi-virtuell.de/h5pdev/2020/06/04/pfingsten/)
* [Bilderbuch Weihnachtsgeschichte: Reichenauer Buchmalerei](https://blogs.rpi-virtuell.de/h5pdev/wp-admin/admin-ajax.php?action=h5p_embed&id=76)
3. Die hochgeladene Präsentation erkunden, weitere Interaktionen testen.
4. *Optional: Am Ende die H5P-Interaktion über den Reuse-Button herunterladen (wird sonst nach 6h gelöscht).*
## Weitere hilfreiche Links
### Mehr über H5P lernen
* [Offener Online-Kurs zu H5P](https://campus.oercamp.de/Kurs/h5p/) von Oliver Tacke auf dem OERCampus, gut für noch mehr Hintergrundwissen
* basiert auf der Webinarreihe "[H5P-Inhaltstypen unter der Lupe](https://www.oercamp.de/webinare/h5p/)"
* weiter Webinarreihe "[H5P: mehr als interaktive Inhalte](https://www.oercamp.de/webinare/h5pmaig/)" (bisher nur teilweise im Kurs integriert)
* [Übersicht über H5P-Aufgabentypen](https://h5p.glitch.me/) mit Beispielen und Schritt-für-Schritt-Anleitungen als Screencasts
* [Nutzenden-Tracking](https://h5p.org/tracking-the-usage-of-h5p) 👉 Stichwort Datenschutz: Welche Daten gehen wohin?
* [Punkte in H5P](https://campus.oercamp.de/lessons/punkte-punkte-punkte/), auf Wordpress ggf. mit dem zusätzlichen Plugin [H5PxAPIkatchu](https://wordpress.org/plugins/h5pxapikatchu/) und [H5P-User-Score](https://github.com/otacke/h5p-user-score)
* [Barrierefreiheit der einzelnen Inhaltstypen](https://documentation.h5p.com/content/1290410474004879128)
#### Fragen zum Urheberrecht
* [Allgemeine Einführung von Paul Klimpel](https://secret-cow-level.de/wordpress/2020/05/basics-urheberrecht-und-freie-lizenzen-von-paul-klimpel/)
* Für interaktive Videos in H5P:
* Einbetten ist immer erlaubt (es sei denn, die Quelle ist offensichtlich rechtswidrig, detailliert erklärt [bei iRights](https://irights.info/artikel/darf-ich-videos-von-youtube-in-meine-webseite-einbetten/11813))
* Eigene Videos dürfen verwendet werden (da hat man ja auch alle Rechte dazu).
* Fremde Videos dürfen in Schulen z.T. genutzt werden, der [§60a UrhG](https://www.gesetze-im-internet.de/urhg/__60a.html) macht dafür extra eine Ausnahme.
* Empfehlung: Jöran Muuß-Merholz "[Freie Unterrichtsmaterialien finden, rechtssicher einsetzen, selbst machen und teilen](https://www.was-ist-oer.de/buch/)", Beltz-Verlag. Auch online unter "[Materialien](https://www.was-ist-oer.de/materialien/)" bspw. [als PDF](https://www.was-ist-oer.de/wp-content/uploads/sites/17/2018/01/Joeran-Muuss-Merholz-Freie-Unterrichtsmaterialien-Beltz-2018.pdf).
### H5P ausprobieren
:::success
Bei rpi-virtuell gibt es bei den [Austauschgruppen](https://gruppen.rpi-virtuell.de/) auch eine zu H5P.
:::
* [Padlet](https://padlet.com/tobiasrichter/2lko9gdfxlvtrfjh)
* [EinstiegH5P](https://einstiegh5p.de): ohne Anmeldung, werden nach 6h gelöscht, runterladen möglich, sehr aktuell
* [ZUM-Apps](https://apps.zum.de): mit Anmeldung, erstellte Inhalte werden unter freier Lizenz veröffentlicht (Urheberrechte beachten!), sind öffentlich zugängig
* [h5p.org](https://h5p.org): mit Anmeldung, reduzierte Inhaltstypen, kein Einbetten, nur zum Test gedacht → für mehr [h5p.com](https://h5p.com/) ([Pricing Info](https://documentation.h5p.com/content/1290796486149145438))
* [Lumi](https://next.lumi.education/): Desktop-Editor
* [H5P selbst installieren](https://campus.oercamp.de/lessons/wie-kann-ich-h5p-selbst-installieren/): Anleitungen für Moodle, Drupal und Wordpress
### Weitere Inhalte finden
* [auf rpi Virtuell](https://blogs.rpi-virtuell.de/h5pdev/)
* Hier gibt es auch [tolle Online-Fortbildungen](https://blogs.rpi-virtuell.de/foertbildung/2020/08/10/sitzungen-und-inhalt/)
* [auf ZUM-Apps](https://apps.zum.de) (CC BY-SA 4.0)
### Auf dem Laufenden bleiben
* [Roadmap](https://h5p.org/roadmap) 👉 An welchen Features wird gerade gearbeitet?
* oft erzählt [Oliver Tacke](https://twitter.com/otacke) dazu etwas im Podcast [BldgAltEntf](https://bldg-alt-entf.de/) (Kapitel News+O)
### Mit anderen Austauschen
* [Telegram-Gruppe](https://t.me/joinchat/G-fHjRURrR1-8U3_j8zv1g) zu H5P über die OERcamps
* [Oliver Tacke](https://twitter.com/otacke) streamt [regelmäßig auf Twitch](https://www.twitch.tv/otacke) (ca. einmal im Monat, Q&A, englisch/deutsch)
* auf verschiedenen Bildungs-Barcamps, bspw. [EduCamps](https://educamps.org/)
## ♻ Lizenz & Kontaktdaten
:::info

Die Inhalte dieses Dokuments stehen unter [Public Domain](https://creativecommons.org/publicdomain/zero/1.0/).<br><br>
**Anja Lorenz**
📌 Webseite: https://secret-cow-level.de/
📌 Twitter: [@anjalorenz](https://twitter.com/anjalorenz)
:::