Sie befinden sich hier: tjfbg.de › Außerschulische Angebote › barrierefrei kommunizieren! › Medienkompetenzzentrum › Tool-Tipps › H5P

Interaktive Übungen und Lernspiele mit H5P

H5P ist ein Multimedia-Tool mit dem interaktive Übungen und Lernspiele erstellt werden können: z. B. Bilderrätsel, Buchstabengitter und Lernspiele. Im Moodle-System des Lernraum-Berlin sowie auf der Plattform itslearning ist H5P schon integriert. Übungen können so schnell als motivierende Ergänzungen direkt in Online-Kursen implementiert werden.

H5P kann zum Beipiel im Bereich der Sprachbildung verwenden werden, um unterschiedliche Methodenwerkzeuge digital und interaktiv umzusetzen und diese fächerübergreifend einzusetzen. Mögliche Anwendungen sind hierbei z. B. Wortlisten (Fachwörter aus dem Sinnzusammenhang erschließen) als Flashcards oder Wortgeländer (Wörtergerüst, zusammenhängendes Schreiben / Sprechen) als Image Sequencing.

H5P kann kostenlos und ohne Anmeldung unter einstiegh5p.de ausprobiert werden.

Wie geht's?

  1. Webseite  einstiegh5p.de  öffnen. Hier können alle unter H5P verfügbaren interaktiven Aufgabenformate ohne Registrierung erprobt werden → dafür auf “Test-Inhalt erstellen” klicken.
     
  2. Inhaltstyp auswählen. H5P bietet verschiedene Vorlagen für die Erstellung interaktiver Aufgaben an → hier den gewünschten Aufgabentyp in der Liste anklicken.
     
  3. Aufgabe erstellen. Es öffnet sich automatisch eine Bearbeitungsansicht für den ausgewählten Inhaltstyp → hier anhand der vorgegeben Felder Inhalte eintragen. Die Erstellung von Aufgaben zeigen wir in diesem Tutorial beispielhaft anhand der Aufgabentypen Image Sequencing und Flashcards. Zusätzlich werden auf der Webseite für jeden Aufgabentyp ein Tutorial sowie verschiedene Beispiele (jeweils leider nur auf Englisch) angeboten.

Beispiel Image Sequencing

Screenshot des Auswahlfeldes für den Aufgabentyp Image Sequencing.

Der Aufgabentyp Image Sequencing ermöglicht es, eine eigene Auswahl Bilder hochzuladen und mit Beschriftungen zu versehen. Die Aufgabe der Schüler*innen besteht darin, die Bilder in die richtige Reihenfolge zu bringen.

  1. Titel und Task Description (Aufgabenbeschreibung) der Image Sequencing Aufgabe festlegen.
  2. Der Punkt Alternate Task Description richtet sich an blinde und / oder sehbehinderte  Anwender*innen und erklärt die Bedienung mit der Tastatur. Hier kann z. B. folgende Anleitung eingefügt werden:

    “Ordne die Liste in der richtigen Reihenfolge. Verwende die Pfeiltasten, um durch die Elemente der Liste zu navigieren. Mit der Leertaste kannst du ein Element aktivieren oder deaktivieren. Dieses kannst du dann mit den Pfeiltasten bewegen.”

    Screenshot des Bearbeitungfensters für den Aufgabentyp Image Sequencing. Hier können Titel, Beschreibung und Bilder eingefügt werden.    Screenshot des Bearbeitungfensters für den Aufgabentyp Image Sequencing Teil 2. Hier können zusätzlich Bildbeschreibungen sowie Audiodateien hochgeladen werden.
     

  3. Images: In diesem Bereich werden die einzelnen Bildkarten bearbeitet. Für jede Karte kann ein Foto (Image) hinzugefügt werden. Zusätzlich muss eine Bildbeschreibung (Image Description) eingefügt werden. Diese dient gleichzeitig als Alternativtext, sodass die Barrierefreiheit für blinde und / oder sehbehinderte Nutzer*innen gegeben ist.

    Über “Bild bearbeiten” können hochgeladene Bilder angepasst werden. Weiterhin können Informationen zum Urheberrecht eingefügt werden. Lizenzfreie Fotos und Illustrationen gibt es z.B. auf pixabay.com.

    Zusätzlich kann für jede Karte eine Audiodatei / Sprachaufnahme hochgeladen werden, welche dann abgespielt wird.

  4. Weitere Karten können über den blauen Button “Image hinzufügen” ergänzt werden. Die Bearbeitung erfolgt analog.

  5. Die fertige Image Sequencing Aufgabe nun mit einem Klick auf den grünen Button speichern.

  6. Die Übung kann nun direkt als Test-Inhalt ausprobiert werden. Zusätzlich kann sie als .h5p Datei herunterladen und lokal gespeichert werden → dafür auf “Reuse” (unten links, siehe Screenshot im zweiten Beispiel) klicken. Diese .h5p Datei kann beispielsweise im Lernraum Berlin hochgeladen und in einen Kursraum integriert werden.

Beispiel Flashcards

Screenshot des Auswahlfeldes für den Aufgabentyp Flashcards.

Bei dem Aufgabentyp Flashcards handelt es sich um einfache Lernkarten, welche aus einer Bild-Text-Kombination sowie einem Antwortfeld bestehen.

  1. Titel und Aufgabenbeschreibung des Flashcard-Sets festlegen.
  2. Karte bearbeiten: hier können für jede Karte die Inhalte Fragetext, Antwort, Bild, Alternativtext und Tipp-Text eingefügt werden.

    Jede Karte muss eine Frage und / oder ein Bild enthalten. Alternativtexte sind wichtig, um Flashcards barrierefrei zu gestalten. Tipps geben Schüler*innen Hinweise auf die richtige Antwort. Über “Bild bearbeiten” können hochgeladene Bilder angepasst werden. Weiterhin können Informationen zum Urheberrecht eingefügt werden. Lizenzfreie Fotos und Illustrationen gibt es z. B. auf pixabay.com.

    Screenshot des Bearbeitungfensters für den Aufgabentyp Flashcards. Hier können Titel, Aufgabenbeschreibung sowie einzelne Karten eingepflegt werden..    Screenshot des Bearbeitungfensters für den Aufgabentyp Flashcards Teil 2. Hier können Bilder für die einzelnen Karten eingefügt und bearbeitet werden.
     

  3. Weitere Karten hinzufügen und mit Inhalten füllen.

  4. Fertiges Flashcards-Set mit einem Klick auf den grünen Button speichern.

    Screenshot eines fertigen Flashcard-Sets. Über den Button Reuse in der unteren Linken Ecke kann die Aufgabe als .h5p Datei heruntergeladen werden.

  5. Die Übung kann nun direkt als Testinhalt ausprobiert werden. Zusätzlich kann die Übung als .h5p Datei herunterladen und lokal gespeichert werden → dafür aus “Reuse” (unten links, sieht Screenshot) klicken. Diese .h5p Datei kann beispielsweise im Lernraum Berlin hochgeladen und in einen Kursraum integriert werden.

Hinweise und Tipps

  • H5P ist in einigen Online-Lernplattformen (z. B. Lernraum Berlin) bereits integriert, sodass interaktive Aufgaben dort direkt in Kursräumen eingebettet und Schüler*innen zur Verfügung gestellt werden können. Die Erstellung der Aufgaben erfolgt dabei analog zu der in dieser Anleitung vorgestellten Arbeitsweise auf der Webseite einstiegh5p.de.
  • Alternativ können bereits erstellte Aufgaben als .h5p Datei hochgeladen werden.

    Screenshot des Startbildschirms von H5P. Neben der Möglichkeit neue Inhalte zu erstellen, gibt es in der oberen Menüleiste den Punkt "Hochladen".
     
  • Die Erstellung und Bearbeitung von weiteren Inhaltstypen unterscheidet sich nur geringfügig von den zwei vorgestellten Beispielen und erfolgt immer anhand eines vorgegebenen Rasters. So lassen sich sehr schnell vielseitige interaktive Aufgaben erstellen.
  • Leider sind nicht alle in H5P integrierten Inhaltstypen vollständig ins Deutsche übersetzt. Daher sind vor allem im Bearbeitungsmodus immer wieder englischsprachige Beschriftungen zu finden. Für die Bearbeitung erstellter Aufgaben durch Schüler*innen spielt dies in der Regel keine Rolle.
  • Tipp: Erstellte H5P Aufgaben auf einem zentralen Server oder einer Lernplattform sammeln und dem Kollegium zur Verfügung stellen. Die gemeinsame Aufgabensammlung z. B. nach Fächern sortieren.

Weitere Informationen und Links

Autor: Fred Rößler | Medienkompetenzzentrum Mitte | barrierefrei kommunizieren!