Mit H5P interaktive, multimediale Lerninhalte für die Erwachsenenbildung erstellen
Workshop-Termin Nr. 1
Anja Lorenz
https://kurzelinks.de/LISUM-h5p
sofern nicht anders vermerkt,
umfasst keine Logos und �sonstige Markenzeichen
Anja Lorenz Instructional Designerin | TH Lübeck @anjalorenz
#MOOCs
#OER
#H5P
#EduCamps
#BarCamps
#BldgAltEntf
#Making
Wer seid Ihr?
WarmUp
Wo bist Du heute?
Hast Du vor diesem Workshop schon etwas von H5P gehört?
1
5
nix
viel
2
3
4
Ist H5P in Deiner Institution verfügbar?
nein
ja
das weiß ich nicht
In welchem Bildungsbereich arbeitest Du?
Schreib es in den Chat!
Wie arbeiten wir?
WarmUp
Wie arbeiten wir?
Input & Demos
selbst Ausprobieren im Browser
Fragen stellen (immer und sofort!)
Mein Plan für die beiden Workshops
Erster Workshop (heute)�Was ist H5P? Wie & wo erstelle ich erste Inhalte selbst?
🎯 Ziel: Du kannst danach selbstständig experimentieren und weitere Inhaltstypen ausprobieren.
Mein Plan für die beiden Workshops
Zweiter Workshop (Donnerstag, 09.09.2021)�Eigene Erfahrungen reflektieren, ggf. weitere Inhaltstypen, Spezialthemen (bspw. Didaktik, UrhG, Einsatzumgebungen, Barrierefreiheit etc.)
🎯 Ziel: Offene Fragen beantworten, Spezialthemen vertiefen 👉 Dein Input nötig!
Hinweis
Was ich kann: �H5P, (Hochschul-)Didaktik�… und weitere Methoden & Tools für digitales und zeitgemäßes Lernen.
Was ich nicht kann: �Fachdidaktik für viele anderen Bereiche
… aber Ihr könnt das!
Handout Hier steht alles drauf
Im Moodle-Kurs (permanent)�& �https://kurzelinks.de/LISUM-h5p-handout (live)
Notizen gern auch im Kurs
… auf der gemeinsamen Pinnwand https://ecampus.lisum.de/m/mod/etherpadlite/view.php?id=12720
Gibt es Fragen
Was ist ?
H5P…
… ist Open Source: MIT License � tl;dr: uneingeschränkte Nutzung, keine Garantien
… basiert auf offenen Standards (HTML5!)
… kann via Plug-in in Drupal, WordPress & Moodle zur Erstellung genutzt werden
… viele der Inhaltstypen unterstützen xAPI
Mit H5P erstellte Inhalte können …
… auf den jeweiligen Plattformen genutzt werden
… per iFrame auf anderen Webseiten eingebunden werden �→ gilt nicht für alle Webseiten, bspw. ist h5p.org nur fürs Testen & öffentlich verfügbar
… als herunterladbare Pakete zwischen Plattformen ausgetauscht werden
von Lübeck nach Tromsø Screenshot von Google Maps, alle Rechte vorbehalten
NDLA → Joubel
Sitz: Tromsø, NOR
Ein erstes
interaktives Video
Ein erstes �interaktives Video
Mit- und Nachmachen!
Option 1�Auf https://einstiegh5p.de/ mitmachen
Option 2�auf einer eigenen Plattform mit H5P arbeiten
DIY!
Selbst ausprobieren auf https://einstiegh5p.de/ oder einer eigenen Plattform.�(ca. 30min)
Gibt es Fragen
Grundelemente in
am Beispiel von Interactive Video
Erweiterte Videosteuerung
Übersetzung von Steuerelementen
Button (optional mit Label) oder Poster
Lizenzangaben zu eingebetteten Medien
Ergebnis-abhängiges Feedback
Aufgabenspezifische Konfiguration
Ergebnis-abhängiger Sprung zu einer anderen Stelle im Video
Gibt es Fragen
Andere Inhaltstypen
Auswahl
Memory
Image Pairing
Memory (neu auch Image Pairing), nicht nur mit identischen Bildern
Course Presentation
Course Presentation → mit Quiz- und Sprungoptionen https://h5p.org/node/201877
Essay
Branching Scenario
Branching Scenario: https://h5p.org/node/440169
und noch mehr...
Das Auge lernt mit!
Kleine Helferlein
Gibt es Fragen
Wie bzw. wo �kann ich�nutzen?
zum Ausprobieren
https://einstiegh5p.de → ohne Anmeldung, werden nach 6h gelöscht, herunterladen möglich, sehr aktuell
https://apps.zum.de → mit Anmeldung, erstellte Inhalte werden unter freier Lizenz veröffentlicht (Urheberrechte beachten!), sind öffentlich zugängig
https://h5p.org → mit Anmeldung, reduzierte Inhaltstypen, kein Einbetten, nur zum Test gedacht → für mehr https://h5p.com/ (Pricing Info)
als Desktop-App
zum Erstellen, Bearbeiten und Betrachten �→ zum Lernen nur bedingt sinnvoll
als Plugin
und bedingt auch einige andere (ILIAS, Stud.IP, Typo3, Canvas, brightspace, Blackboard…)�mehr Informationen und Installationsanleitungen
Gibt es Fragen
Hausaufgaben
und Ausblick auf Workshop II
Hausaufgaben
Experimentiere mit H5P!
❓ Hindert Dich daran noch etwas ❓�❓ Brauchst Du noch etwas dafür ❓
Austausch & Fragen
Ausblick auf Workshop II
Das wichtigste: �Deine Fragen beantworten!
Mögliche Themen
Gibt es Fragen
Danke!
URL für diese Slides: https://kurzelinks.de/LISUM-h5p�URL zum Handout: https://kurzelinks.de/LISUM-h5p-handout
Kontakt: @anjalorenz�http://secret-cow-level.de/
Mit H5P interaktive, multimediale Lerninhalte für die Erwachsenenbildung erstellen
Workshop-Termin Nr. 2
Anja Lorenz
https://kurzelinks.de/LISUM-h5p
sofern nicht anders vermerkt,
umfasst keine Logos und �sonstige Markenzeichen
Handout Hier steht alles drauf
Im Moodle-Kurs (permanent)�& �https://kurzelinks.de/LISUM-h5p-handout (live)
Notizen gern auch im Kurs
… auf der gemeinsamen Pinnwand https://ecampus.lisum.de/m/mod/etherpadlite/view.php?id=12720
Wo stehen wir?
WarmUp
Ich habe in der �Zwischenzeit mit H5P experimentieren können.
1
5
nein
viel
2
3
4
Was waren Eure Erfah-�rungen?
Bisherige Ergebnisse, Erfahrungen bzgl. Hosting…
Was sollen wir uns heute anschauen?
Weitere Fragen oder Wünsche für heute?
Weitere Inhaltstypen anschauen
Demo
& Padlet
Wie kann man H5P in Padlets nutzen?
in der eigenen Lehre
Einige Punkte aus https://edulabs.de/blog/H5P-im-Unterricht-Erfahrungen-Ideen
Potenzielle Einsatzbereiche
Selbstgesteuertes Üben
Flipped Classroom, Stationenlernen Wochenplanarbeit, Lernzirkel
Inklusives Lernen bspw. über Speak the Words
Vertiefung durch Erstellen eigener H5P-Interaktionen, auch in Gruppen Kreativität & Kollaboration fördern
Vorteile
Ansprechende Lernmaterialien ohne Programmierkenntnisse
Kostenfrei & Open Source, aktive Community
Nutzungsfreundlich (nach Einarbeitung), einfacher Austausch
Stark angestrebte Barrierefreiheit
Probleme und Herausforderungen
Internetzugang nötig!
Eigenes System mit H5P? Account auf H5P.org?
“Toolifizierung”?
Urheberrecht
Kurzeinführung
Was ist das Problem?
„Urheberrechtlich geschützt“ heißt…
Die Nutzung des Werks durch Dritte ist verboten – es sei denn, es wird explizit erlaubt.
Die Erlaubnis heißt „Lizenz“.
§ 60a UrhG
§ 60a UrhG: Unterricht & Lehre
(1) Zur Veranschaulichung des Unterrichts und der Lehre an Bildungseinrichtungen dürfen zu nicht kommerziellen Zwecken bis zu 15 Prozent eines veröffentlichten Werkes vervielfältigt, verbreitet, öffentlich zugänglich gemacht und in sonstiger Weise öffentlich wiedergegeben werden
§ 60a UrhG: Unterricht & Lehre
(2) Abbildungen, einzelne Beiträge aus derselben Fachzeitschrift oder wissenschaftlichen Zeitschrift, sonstige Werke geringen Umfangs und vergriffene Werke dürfen abweichend von Absatz 1 vollständig genutzt werden.
(3) Nicht nach den Absätzen 1 und 2 erlaubt sind folgende Nutzungen:
(4) Bildungseinrichtungen sind frühkindliche Bildungseinrichtungen, Schulen, Hochschulen sowie Einrichtungen der Berufsbildung oder der sonstigen Aus- und Weiterbildung.
Es bleibt aber komplex, vor allem im digitalen Raum… (ein Beispiel)
pxhere, Lizenz CC0
pxhere, Lizenz CC0
Córdoba und das EuGH (Link)
2018 Waltrop, NRW
Foto auf Schul-Homepage �mit Quellenangabe(!)
Unterlassung
+ 400 € Schadensersatz
(+ vermutlich Kosten des Rechtsstreits)
Und was ist mit…
… Lernmaterial mit anderen Lehrpersonen teilen?
… zeitgemäßen Bildungskonzepten?
… Vorbereitung der Schülerinnen und Schüler auf „die echte Welt“?
Was darf man nutzen?
Was darf man nutzen? 1v3
Selbst erstellte Medien,
die keine anderen Rechte verletzen, insb.
Was darf man nutzen? 2v3
Medien, an denen an die nötigen
Nutzungsrechte erworben
hat, bspw. über Bibliotheken, bspw. über die Mediathek der Länder, Stock-Datenbanken.
Mögliche Workarounds
Was darf man nutzen? 3v3
Medien, die explizit
unter einer offenen Lizenz
erstellt wurden.
Ziel von OER
Rechtssicherheit für Werke, die frei zur Verfügung gestellt werden, ohne das Urheberrecht einzuschränken
87
Crash Course: Creative Commons
Creative Commons Cupcakes �by Eugene Kim (CC BY 2.0), �zugeschnitten & eingefärbt.
Inhalt von CC-Lizenzen
Man darf das Werk kostenfrei nutzen*.
Man muss die Lizenzbedingungen einhalten.
*…auf jede Art, die nicht explizit verboten ist
Lizenzbedingungen
0 (Zero)
keine
SA
Weitergabe unter gleichen Bedingungen
BY
Namens-�nennung
ND
keine Bearbeitung
NC
keine kommerzielle Nutzung
Offene Lizenzen*
H5P 💖 OER
H5P 💖 OER
Barrierefreiheit
Übersicht
Gibt es Fragen
Was habe ich vergessen?
Anwendungsoptionen? Weitere Probleme? Weitere Herausforderungen?
Wie geht es weiter?
… und noch mehr hilfreiche Links im Handout
Danke!
URL für diese Slides: https://kurzelinks.de/LISUM-h5p�URL zum Handout: https://kurzelinks.de/LISUM-h5p-handout
Kontakt: @anjalorenz�http://secret-cow-level.de/
Was gehört zu einer Quellenangabe nach CC BY?
T
U
L
L
U
itel
rheber:in
izenz
ink der Lizenz
rsprungsort des Materials
eränderungen kenntlich machen
V
vgl. OER leichtgemacht mit der TULLU-Regel von Jöran Muuß-Merholz und Sonja Borski für OERinfo – Informationsstelle OER
T
U
L
L
U
OER-Ballons auf dem OERde16 �von Anja Lorenz �(CC BY 2.0, �https://creativecommons.org/licenses/by/2.0/), https://www.flickr.com/photos/anjalorenz/34384768286/in/album-72157681252209611/, (Ausschnitt)
oder kurz mit Links: OER-Ballons auf dem OERde16 (Ausschnitt) von Anja Lorenz (CC BY 2.0)
V
Zitatrecht Exkurs
Details bspw. auf iRights.info, gute Checkliste hier
Bildzitate Exkurs
Details bspw. bei Dr. Schwenke inkl. Checkliste