H5P-Inhalte laufen, wie geschrieben, direkt im Browser. Für die Produktion ist jedoch ein Programm, oder eine Plattform, unterstützend notwendig. Dabei gibt es verschiedene Wege:
- Für moodle, drupal, wordpress und mebis gibt es Plugins, in den H5P-Interaktionen direkt erstellt und auch bereitgestellt werden können.
- Auf der Seite www.einstiegh5p.org können Inhalte ohne Registrierung erstellt und auch für 6 Stunden bereitgestellt werden. Nach diesen 6 Stunden werden die Inhalte automatisch gelöscht, daher ist es wichtig, die erstellten Inhalte vorher auf deinem Rechner zu sichern.
- Auf https://apps.zum.de/apps können H5P-Inhalte nach erfolgter Registrierung erstellt und auch bereitgestellt werden. Auch Inhalte von anderen Nutzer:innen können eingesehen, verwendet und angepasst werden.
- Mit Hilfe des Programms lumi.education (https://www.lumi.education) können H5P-Inhalte nach Installation lokal erstellt, gespeichert und auch als html5 exportiert werden. Diese Option ist die derzeit komfortabelste, da sie auch offline funktioniert, keiner Registrierung notwendig ist und da die erstellten Inhalte durch den Export auch lokal bereitgestellt werden können, per Mail verschickbar sind usw.
H5P-Inhalte können, sollte dies von den Autor:innen freigegeben sein, als .h5p-Datei auf den eigenen Rechner heruntergeladen, auf der eigenen Plattform hochgeladen und bearbeitet werden (Ausnahme: Dies wurde von den Autor:innen des Inhalts unterbunden). Für einen Download einfach links unten auf „reuse“ klicken und „Speichern als h5p“ wählen:

Wichtig: H5P-Inhalte, bzw. Dateien können nicht direkt abgespielt werden. Hierfür ist entweder ein System wie Moodle, Drupal, WordPress oder Mebis notwendig oder ein Export in html in luma.education.
Eine gute Übersicht, was mit welcher Plattform möglich ist, gibt dieses Schaubild (SuS = Schülerinnen und Schüler, LMS = learning managment system = moodle, mebis oder ähnlich):

Im Folgenden soll nun Schritt für Schritt gezeigt werden, wie die drei vorgestellten Interaktionen „interactive video“, „Memory“ und „find the word“ mit luma.education produziert werden. Die ersten Schritte sind dabei unabhängig vom Inhaltstyp:
- luma.education downloaden und installieren
- luma.education öffnen
- „create new h5p“ auswählen
- die gewünschte Interaktion auswählen: Details (bzw. Übernehmen) => Benutzen
6.2.1 Produktion eines interaktiven Videos mit H5P
Schritt 1:
Titel vergeben
Schritt 2:
Video hochladen/einbetten. Hierzu einfach auf das „Pluszeichen“ klicken.
Schritt 3:
Es kann entweder ein Video hochgeladen werden oder ein Link eingebunden werden. Zum Abschluss einfach auf „Einfügen“ klicken.
Schritt 4:
Auf „Schritt 2: Interaktionen hinzufügen“ klicken.
Schritt 5: Mit Hilfe des Schiebereglers an die Stelle im Video springen, an der die Interaktion auftauchen soll.
Schritt 6: Die gewünschte Interaktion einfach in das Video ziehen und anlegen:

Optional kannst du eine „Zusammenfassende Aufgabe“ anlegen und die Verhaltenseinstellungen anpassen.
Wichtig:
Das Projekt immer wieder als .h5p auf dem Rechner speichern (Datei => speichern). Sobald alles fertig ist, kann das Projekt unter „Datei“ => „Export …“ als .html-Ordner gespeichert und geteilt oder veröffentlicht werden.

Praxistipp
Für alle, die bisher wenig mit E-Learning-Autor:innen-Tools gearbeitet haben, kann H5P am Anfang etwas schwierig erscheinen. Die Lernkurve ist jedoch sehr schnell und es lohnt sich. Da es ein sehr verbreitetes Tool ist, lohnt auch ein Blick in YouTube, wo es zahlreiche Videos gibt, die jede verfügbare Interaktion erklären!
6.2.2 Produktion eines Memorys mit H5P
Die Produktion eines Memorys mit H5P ist ziemlich einfach:
Schritt 1:
Titel vergeben
Schritt 2:
Bild 1 hochladen und einen Alternativtext eingeben, der beschreibt, was auf dem Bild zu sehen ist (wichtig für sehbehinderte Menschen!)
Schritt 3:
Das zugehörige Bild hochladen
(Optionaler) Schritt 4: Einen Ton hochladen, wenn die Karte umgedreht wird (denkbar ist hier auch ein audio-visuelles Memory!)
Die Schritte 1 bis 4 so oft wiederholen, bis ein komplettes Memory erstellt ist.

Tipp: Das Memory nicht zu groß machen, da dann nicht alle Karten auf eine Bildschirmseite passen, was schnell unübersichtlich wird.
Zum Abschluss das Projekt speichern/exportieren, wie in der Interaktion vorher beschrieben.
6.2.3 Produktion eines Wortsuchfelds mit H5P
Genauso schnell ist ein Wortsuchfeld („find the words“) mit H5P erstellt. Auch hierfür sind nur 3 Schritte notwendig:
Schritt 1:
Titel eingeben
Schritt 2:
Beschreibung der Aufgabe eingeben (z. B. Finde die Wörter)
Schritt 3:
Die Begriffe eingeben, die versteckt sein sollen

Zum Abschluss nur noch speichern und exportieren, wie bei den Vorangegangenen beschrieben.

Praxistipp
Die „find the words“-Interaktion ist sehr schnell erstellt, da nur Text benötigt wird und kein Bild- oder Videomaterial. Für Anfänger:innen empfiehlt sich daher, mit dieser Interaktion zu beginnen, da hier sehr schnell ein sichtbares Erfolgserlebnis erzielt werden kann.

Das Buch zum Beitrag
Dieser Beitrag stammt aus unserem Buch “Das Handbuch für digitale Bildungsformate” – ein Werk von Christian Pfliegel.
Das Handbuch gibt allen Menschen, die bisher selbst wenig Erfahrung in der Durchführung von Online-Veranstaltungen haben, Werkzeuge, Tipps und Tricks an die Hand für einen guten Einstieg in die digitale Bildung. Vom Einladungsschreiben, über die Technik, bis hin zur Planung und Konzeption auch großer Veranstaltungen.
Zum nächsten Kapitel…