Willkommen zu diesem kleinen Tutorial, wie erstelle ich H5P-Materialien und was ist eigentlich H5P? Ich werde sie in kurzen Schritten durch die Grundlagen von Lumi, einer Software, durchleiten, mit der man offline H5P-Materialien erstellen kann.

Lumi ist community-based, das heißt, es ist von Benutzerinnen und Benutzern entwickelt worden, weil H5P als eine Funktion eher ein Plugin ist, was man zum Beispiel über Learning Management Systeme wie Moodle oder Ilias an Hochschulen oder an anderen Bildungseinrichtungen benutzt.

Lumi gibt also die Möglichkeit, auch offline Lehrmaterialien zu entwickeln, die H5P-basiert sind, das heißt, die sind HTML-basiert und mit HTML können wir zum Beispiel dann auch einfach eine Datei erstellen, mit der wir ein H5P-Paket im Browser darstellen können. Ein sehr großer Vorteil.

Für die Zwecke unseres Kurses zeige ich Ihnen jetzt, wie Lumi funktioniert und dafür bitte ich Sie vorweg, Lumi sich einmal herunterzuladen. Es gibt es für beide Betriebssysteme, ich glaube sogar auch für Linux, also Apple und Windows.

Und das Ganze sieht dann so aus. Sie öffnen Lumi und kommen auf eine Startoberfläche und die teilt sich im Grunde in drei verschiedene Funktionen. Wir brauchen für unsere Zwecke nur eines. Es gibt den H5P-Editor. Hier können wir also H5Ps importieren, bearbeiten,

neu erstellen und dann auch wieder abspeichern. Lumi Analytics und Lumi Cloud Hub brauchen wir für unsere Zwecke erstmal nicht. Man kann sich registrieren bei Lumi und kann dann seine eigenen Materialien auch einer Community zur Verfügung stellen.

Das ignorieren wir aber an dieser Stelle. Damit gehen wir rein in den H5P-Editor. Ich drücke hier einmal auf Start und habe jetzt die Möglichkeit, hier ein vorhandenes H5P zu öffnen. Wenn Sie also schon ein H5P erstellt haben oder irgendwo heruntergeladen haben,

können Sie das hier also im Editor auch öffnen. Wir wollen aber zunächst einmal schauen, wie eigentlich die Benutzeroberfläche, die Arbeitsoberfläche in Lumi aussieht und wollen ein neues H5P erstellen. Es öffnet sich dann eine Maske,

die ich Ihnen auch kurz vorstellen möchte. Sie sehen jetzt hier schon eine ganze Reihe von unterschiedlichen Dingen, die wir konzipieren können. Wir haben hier die Möglichkeit, zum Beispiel ein Multi-Choice-Lernpaket, eine Multi-Choice-Funktion zu erstellen.

Im Grunde sind die Dinge auch häufig selbst erklärend. Hier kann man einen Lückentext zum Beispiel erstellen. Man kann ein Memory-Kartenspiel erstellen. Man kann auch mit Bildern natürlich arbeiten. Man kann mit Audiofunktionen arbeiten.

Hier sehen Sie, es gibt, glaube ich, momentan über 40 verschiedene Inhaltstypen, die man in Lumi erstellen kann und die sehen Sie hier aufgelistet. Näheres dann gleich. Sie können hier auch nach Inhaltstypen suchen.

Hier oben ist noch sehr wichtig, das ist für Ihre eigene Arbeit auch wichtig. Es gibt einen Modus Bearbeiten, also da erstellen Sie im Grunde H5P-Pakete und es gibt aber auch eine Funktion Vorschau. Und da können Sie in fast allen Fällen immer, während Sie daran arbeiten, auch gucken, wie sieht das eigentlich nachher aus.

Und das ist wirklich sehr, sehr hilfreich. Das werden Sie merken, wenn Sie dann dabei sind, ein komplexeres H5P-Paket zu bauen, wie wir das in unserem Kurs dann vorhaben. Ich zeige Ihnen jetzt im Grunde erst mal, wie das Ganze funktioniert.

Ein großer Vorteil bei H5P generell ist, es ist alles intuitiv irgendwie zugänglich. Man braucht keine Programmierkenntnisse dafür. Man kann sich alles, was man da macht, genau sofort anzeigen lassen. Und alles wird im Grunde auch immer mit Hinweisen und mit Hilfen versehen, sodass man sich da nicht groß einarbeiten muss.

Ein zweiter großer Vorteil ist, man kann sich zu allen diesen unterschiedlichen Inhaltstypen, die hier aufgelistet sind, immer auch Demos anzeigen lassen. Man kann sich Tutorials anzeigen lassen. Es gibt Beispiele online.

Da kommt man sehr weit auch mit einer einfachen Online-Recherche zu unterschiedlichen Funktionen und unterschiedlichen Best-Practice-Beispielen von H5P. Ich wähle jetzt einfach mal hier diese Multiply Choice aus, weil ich Ihnen diese

Bearbeitungsübersicht einfach mal vorfühlen möchte. Hier sehen Sie, hier können Sie sich direkt Beispiele angucken. Das machen wir jetzt mal nicht, sondern ich mache ein ganz einfaches Multiply Choice, indem ich dem Paket hier einfach einen Titel gebe. Das ist jetzt ein Test.

Und jetzt habe ich die Möglichkeit, hier eine Frage einzutragen. Was ist die Hauptstadt von Deutschland? Das wäre meine Frage, und dieser Frage kann ich jetzt verschiedene Antwortoptionen zuteilen.

Ich habe hier mehrere Möglichkeiten. Ich kann zwei Antwortmöglichkeiten geben. Hier sehen Sie die Optionen. Ich kann auch vier oder sechs machen. Das ist im Grunde egal. Und im Grunde muss ich danach nur noch angeben, welche Antwort richtig ist. Also ich schreibe jetzt hier mal Berlin rein. Das wäre logischerweise die richtige Antwort.

Dann versehe ich diese Option mit einem Haken. Hier schreibe ich Bonn rein und von mir aus hier noch Frankfurt. Nehmen wir noch eins dazu. Von mir aus Würzburg.

Und im Grunde sind wir jetzt schon mit dieser relativ einfachen Multiply Choice Frage fertig. Wir haben eine Frage vergeben. Wir haben einen Titel vergeben, den muss man auch immer angeben. Und die verschiedenen Antwortmöglichkeiten.

Und wir haben dem Programm gesagt, Berlin soll die richtige Antwort sein. Mehr müssen wir im Grunde jetzt nicht machen. Wir können jetzt hier auf die Vorschau klicken. Und wir sehen automatisch, dass H5P bzw. hier jetzt Lumi das Ganze in eine Multiply Choice Frage umformatiert.

Und wir können jetzt hier auch mal prüfen, ob wir alles richtig gemacht haben. Wir haben vier Antwortmöglichkeiten. Berlin soll die richtige Antwort sein. Wir gehen auf Überprüfen. Und das sieht gut aus. Das ist ein Beispiel.

Wir können das Ganze jetzt hier auch wieder löschen. Und können uns noch eine andere Funktion angucken. Vielleicht machen wir das auch ganz schnell noch. Nehmen wir noch mal was Einfaches. Wir können Karteikarten erstellen. Und Sie sehen, im Grunde ist die Struktur immer die gleiche.

Auch hier müssen wir wieder einen Titel vergeben. Ich nenne die jetzt einfach mal Karteikarten. Sie können dann eine thematische Überschrift zum Beispiel sich da überlegen oder einen thematischen Titel. In diesem Fall kann man sich jetzt noch hier den Modus auswählen. Wenn Sie sich für diese Funktion interessieren, dann rate ich Ihnen,

sich die Beispiele dazu auch immer anzuschauen. Dann kommt man relativ schnell darauf, wie das Ganze funktioniert. Oder auch sich die Tutorials anzusehen. Bei diesen Karteikarten gibt es immer zwei Seiten. Eine Vorder- und eine Rückseite. Die eignen sich zum Beispiel sehr gut, um Begriffe zu lernen oder Definitionen von Begriffen.

Man kann das zum Beispiel wunderbar nutzen, um einfache Wissensfragen zu stellen. Also, was ist die Hauptstadt Deutschlands? Und auf der Rückseite dann die entsprechende Antwort.

Sie können hier in das Textfeld auch noch genauere Informationen eintragen. Das ist Ihnen dann relativ freigestellt. Sie können das Ganze auch in diesem Texteditor noch mal zumindest ein wenig formatieren. Sie können hier Bilder hinzufügen. Alles das machen wir für diese kleine Vorführung hier jetzt erstmal nicht.

Sondern wir schauen uns direkt wieder die Vorschau an. Und wir sehen hier dann die Karteikarte. Die können wir jetzt umdrehen. Und hier haben wir die Antwort. Sie sehen, das Ganze ist relativ einfach. Zum Abschluss dieses Videos möchte ich Ihnen noch schnell zeigen,

wie man H5P-Pakete jetzt abspeichern und weiter nutzen kann. Sie können das jetzt relativ einfach als eine sogenannte H5P-Datei auch abspeichern. Das ist die Datei, die Sie nachher auch dann brauchen, um sie zum Beispiel bei Moodle hochzuladen. Oder in anderen Learning Management Systems braucht man eben eine entsprechende H5P-Datei.

Interessant ist aber auch, dass man sich die Datei in Lumi hier exportieren kann. Und wir können zum Beispiel eine All-in-One-HTML-Datei erstellen. Und das hat den großen Vorteil, dass wir das Paket nachher auch einfach zum Beispiel auf unsere eigene Homepage stellen können.

Wir können das Paket direkt auch im Browser öffnen. Und das macht das Ganze natürlich dann auch interessant, um es zum Beispiel für unterschiedliche Zwecke zu nutzen. Das habe ich jetzt in diesem Fall einmal gemacht. Je größer das Paket ist, desto länger sind natürlich auch die Ladezeiten. Das sollten Sie entsprechend berücksichtigen.

Soviel für den ersten Teil dieses Videos. Im zweiten Teil geht es dann darum, wie wir mit komplexeren H5P-Paketen umgehen können und wie wir sie bearbeiten.