Zur Hauptnavigation springen [Alt]+[0] Zum Seiteninhalt springen [Alt]+[1]

H5P: Interaktive Inhalte

H5P

H5P Accordion im Textfeld

1. H5P

1.1. Beschreibung

H5P ist die Kurzform von HTML5 Package. Es handelt sich um eine Erweiterung für Moodle, die es ermöglicht multimediale Lerninhalte für die Schüler*Innen in den eigenen Kursen zu erstellen. Dabei können ohne Programmierkenntnisse Texte, Bilder, Ton und Videos miteinander kombiniert und durch Interaktionen bereichert werden. Dadurch ist es möglich kleine Lerneinheiten (z.B. Lückentexte oder Drag ́n ́Drop- Aufgaben) bis hin zu komplexen interaktiven Präsentationen zu realisieren, die dann von Schüler*Innen selbstständig und direkter automatisierter Rückmeldung bearbeitet werden können.

1.2. Geschichte

Um eine Alternative zu gängigen Autorensystemen wie Flash und Director von der Softwarefirma Adobe zur Verfügung zu stellen, suchte 2012 die mit öffentlichen Geldern finanzierte Norwegian Digital Learning Arena (NDLA) nach einer technischen Lösung, die folgende Rahmenbedingungen erfüllen sollte:

Kostenfreiheit

relativ niedriger technischer Aufwand für Lehrende

Plattform und Browser unabhängige Nutzung offene Standards wie HTML5

freie Bildungsmaterialien nach OER – Open-Educational-Ressources Richtlinien

Die norwegische Firma Joubel machte sich an die Umsetzung und stellte 2013 die erste Fassung der Software vor. Seitdem wird H5P stetig weiterentwickelt

 

1.3. Nutzung

H5P bietet mit sogenannten Inhaltstypen Vorlagen, die man durch eigene Inhalte relativ intuitiv in multimediale Lerninhalte umwandeln und zur Verfügung stellen kann.

Beschreibung

Grafik: Grundlegende Nutzung von H5P: Eigene Inhalte können durch Inhaltstypen als interaktiven Lerninhalten bereitgestellt werden. von Andreas S.T. Nickel [ CC BY SA 4.0 ]

Es ist kostenlos, Open-Source, kann fächerübergreifend angewandt werden und richtet durch seinen einfachen Aufbau den Fokus wieder mehr auf Inhalte und didaktische Konzepte, statt auf die technische Machbarkeit.

Einmal erstellt, können H5P-Inhalte wiederverwendet, geteilt und angepasst werden. So fördert H5P durch seine ‘Offenheit‘ nicht zu Letzt den OER-Gedanken. Durch die Gameification der Lerninhalte bietet es Potential, effizient digitale Bildungsressourcen attraktiv zu machen.

1.4. Vor- und Nachteile bei der Verwendung von H5P

Vorteile:

  • Blended-Learning Szenarien
  • Online-Selbstlerneinheiten
  • Microlearning im Rahmen von OER

Nachteile:

  • kein Offline-Modus
  • komplexe Lerninhalte schwer umzusetzen
  • kein kollaborativer Lernprozess
  • Feedback-Möglichkeiten begrenzt
Beschreibung


Grafik: "Die Nutzung von H5P setzt auf Offenheit" von Andreas S.T. Nickel [ CC BY SA 4.0 ]

Anleitung

Eine bebilderte technische Beschreibung finden Sie im Download:

H5P: Interaktive Inhalte [pdf] [4.4 mb]

H5P: Interaktive Inhalte [odt] [11.2 mb]

 

 

2 H5P Accordion im Textfeld

Der Accordioneffekt ermöglicht über eine Animation das Einklappen von Inhalten und erfreut sich auf Internetseiten immer größerer Beliebtheit, nicht zuletzt, weil dieser Effekt Inhalte übersichtlich darstellt. Durch einen Klick auf die Überschrift werden die Inhalte ein- oder ausgeblendet.


2.1 H5P-Accordion im Inhaltsspeicher erstellen

Öffnen Sie den Moodlekursraum, in dem die Aktivität erscheinen soll und navigieren Sie zum Inhaltsspeicher des Kurses.

(Hinweis: ab Version 4.0 finden Sie den Inhaltsspeicher in der Zeile unterhalb Ihres Kursraumtitels im Abschnitt Mehr.)


Wählen Sie im Inhaltsspeicher die H5P-Aktivität „Accordion“ aus, indem Sie das Dropdownmenü der Schaltfläche Hinzufügen öffnen.


Geben Sie dem Accordion den Namen, unter dem Sie die Aktivität im Inhaltsspeicher bezeichnet haben möchten. Füllen Sie anschließend die Felder Titel und Text für den ersten Abschnitt aus. Dabei wird später der Titel als Überschrift angezeigt, der Text ist der Bereich, der später ein- und ausgeklappt werden kann. Der Texteditor im Bereich Text bietet Ihnen auch die Möglichkeit, den Text zu formatieren und beispielsweise auf Homepages oder Emailadressen zu verlinken.



Über einen Klick auf den Button Abschnitt hinzufügen können Sie so viele weitere Abschnitte hinzufügen, wie Sie benötigen.


Die Schaltflächen Metadaten können verwendet werden, um Hinweise zum Autoren oder zu Lizenzen zu setzen.


Sobald Sie die gewünschte Anzahl an Abschnitten erstellt haben, klicken Sie in der Maske ganz unten auf Speichern, um das Accordion in Ihrem Inhaltsspeicher zu sichern. Sie erhalten dann eine Voransicht der Aktivität,


können diese noch einmal überarbeiten oder herunterladen, löschen usw.


2.2. Accordion in der Oberfläche des Moodlekurses abbilden

Um Inhalte direkt auf der Kursraumoberfläche sichtbar zu machen, benötigen Sie

ein Textfeld. Aktivieren Sie den Bearbeitungsmodus (Hinweis: Ab Version 4.0 befindet sich eine Schaltfläche hierzu rechts oben neben Ihrem Profil.),

klicken Sie im gewünschten Bereich auf Aktivität oder Material anlegen


und wählen Sie im Bereich Arbeitsmaterial das Textfeld aus.


Sie können im Texteditor über die Schaltfläche H5P Ihr Accordion einfügen, in dem Sie auf Repositories durchsuchen klicken und im Bereich Inhaltsspeicher die gewünschte Aktivität anklicken.



Sie können daraufhin noch eine:n Autor:in und eine Lizenz angeben, wenn Sie möchten.

Bitte beachten Sie aber unbedingt die Auswahlmöglichkeiten Kopie der Datei anlegen und Link zur Datei anlegen.

Verlinken Sie die H5P-Datei aus dem Inhaltsspeicher, wenn diese immer wieder erweitert, angepasst oder verändert werden können soll. Die Anzeige im Kursraum passt sich automatisch an.

Legen Sie eine Kopie an, wenn Sie den Kursraum sichern und später wiederherstellen möchten.

Sobald die gewünschten Einstellungen vorgenommen sind, klicken Sie auf Datei auswählen.

Entscheiden Sie anschließend in den H5P-Optionen, ob Teilnehmer:innen die Aktivität (als .h5p-Datei) herunterladen können dürfen, ob das Einbetten erlaubt sein soll und ob das Copyright angezeigt werden soll.

Klicken Sie dann auf H5P einfügen, um die Datei in das Textfeld einzufügen.


Klicken Sie auf Speichern und zum Kurs, um das Textfeld fertigzustellen und die Ansicht im Kursraum sehen zu können.


Eingeklappte Ansicht im Kursraum: Ausgeklappte Ansicht:



2.3. weiterführende Links

Hier finden Sie Beispiele zum Accordion und ein Erklärvideo aus dem eBildungslabor von Nele Hirsch.

Eine Übersicht über alle H5P-Aktivitäten finden Sie hier: https://ebildungslabor.github.io/H5P/alle.html

Weitere Informationen zum Inhaltsspeicher und zu H5P-Aktivitäten finden Sie auf unseren Anleitungsseiten.

 

Anleitung Accordion im Textfeld [pdf] [1.6 MB]

Anleitung Accordion im Textfeld [odt] [2,6 MB]

 

Weiter: Mindmap