# 5 Plugins zur Erstellung interaktiver Anwendungen: H5P

Für die Umsetzung der interaktiven Elemente und Anwendungen wird im Starterkit ein spezialisiertes Open-Source-Plugin mitgeliefert: H5P ([HTML5Package](https://h5p.org)), welches neben WordPress auch für die Plattformen Moodle und Drupal entwickelt wird. H5P unterstützt HTML5 zur responsiven Darstellung interaktiver Inhalte, die sich auch auf mobilen Endgeräten gut bedienen lassen. H5P verfügt über eine engagierte und junge Entwicklercommunity und wird daher regelmäßig aktualisiert und stetig weiterentwickelt ([https://github.com/h5p](https://github.com/h5p)).

H5P bietet bereits jetzt eine große Bandbreite vieler unterschiedlicher interaktiver Inhaltstypen. Eine wesentliche Eigenschaft von H5P ist die Möglichkeit, bereits erstellte Anwendungen zu exportieren, mit anderen zu teilen und in anderen Kontexten wiederzuverwenden. Als offenes System entspricht dies ganz dem Anspruch nach Open Educational Ressources. Einige der Inhaltstypen unterstützen zudem die Tin Can API (xAPI), mit der in geeigneten externen Anwendungen Informationen über Lernendenerfahrungen festgehalten, dokumentiert und analysiert werden können.

![H5P Angebot](https://3687007706-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6Zk9_OFSonCg7VLP9u%2Fsync%2F109913c9f4d3d05a84463850715475f81d76018a.png?generation=1588680791449358\&alt=media)

**Auswahl der Fragetypen und interaktiven Elemente in H5P**

* **Accordeon**: Vertikal gestapelte erweiterbare Elemente
* **Agamotto**: Interaktive Grafiken/Bilder/Karten, die sich im Verlauf verändern
* **Arithmetic Quiz**: Zeitbasierte arithmetische Quiz-Anwendung
* **Audio Recorder**: Tonaufnahme
* **Chart**: Balken- und Kreisdiagramm
* **Collage**: Collage aus mehreren Bildern
* **Column**: Spalten Layout für H5P Inhalte
* **Course Presentation**:  Online-Präsentation mit der Möglichkeit Fragen wie z.B. Mehrfachauswahl, Lückentexte, Interaktive Videos, Texte und andere Arten von Interaktionen einzubinden&#x20;
* **Dialog Cards**: Textbasierte Wendekarten
* **Documentation Tool**: Formular-Assistent mit Text-Export
* **Drag and Drop**: Drag & Drop Aufgabe mit Bildern/Grafiken
* **Drag the Words**: Textbasierte Drag & Drop Aufgabe
* **Fill in the Blanks**: Lückentextaufgabe
* **Find Multiple Hotspots**: Multiple Hotspot Aufgabe&#x20;
* **Find the Hotspot**: Bilder Hotspot Aufgabe
* **Guess the Answer**: Bild mit Frage und Antwort
* **iframe Embedder**: Inhalte per iframe einbinden
* **Image Hotspots**: Grafiken/Bilder mit multiplen Info-Hotspots
* **Image Juxtaposition**: Interaktive Wechselbilder
* **Impressive Presentation**: Slideshow mit Parallax-Effekt
* **Interactive Video**: Videos mit interaktiven Elementen und Aufgaben
* **Mark the Words**: Wörter-markieren Aufgabe
* **Multiple Choice question**: Mehrfachauswahl Frage
* **Personality Quiz**: Persönlichkeitstests
* **Questionnaire**: Fragebogen
* **Question Set**: Sammlung mit verschiedenen Fragetypen
* **Speak the Words**: Fragen mit der Stimme beantworten
* **Summary**: Aufgabe mit einer Liste von Aussagen
* **Timeline**: Multimedialer Zeitstrahl
* **True/False Question**: Wahr/Falsch Fragen
* **Twitter User Feed**: Twitter Feed darstellen

Die genauen Einsatzmöglichkeiten der Einbindung und der Erstellung dieser Elemente sind in [Kapitel 7](7) beschrieben. Nicht alle der genannten Inhaltstypen sind als Beispiel-Anwendung im Starterkit realisiert. [Kapitel 4](gr) enthält eine Übersicht der im Starterkit integrierten Beispielinhalte.
