# Digitale Lehre: H5P <br> Modul 1: H5P-Aktivitäten in Moodle erstellen

## I. H5P-Aktivität anlegen: Beispiel 'H5P'-Aktivität 'Image Hotspots'


### H5P-Aktivität im Inhaltsspeicher anlegen

1. Als erster Schritt muss in einem Kurs der **Inhaltsspeicher** ([Beispiel-Link](https://moodle.ga-gesundheitsakademie.de/contentbank/index.php?contextid=1873)) aufgerufen werden. Diesen findet man im Moodle-Menü auf der linken Seite, sobald ein **Kurs** ([Beispiel-Link](https://moodle.ga-gesundheitsakademie.de/course/index.php?categoryid=47)) geöffnet ist. Jeder Kurs hat seinen eigenen, zugehörigen Inhaltsspeicher.

2. Im nächsten Schritt wird über **Klick auf Hinzufügen** und anschließendem **Anwählen eines H5P-Inhaltstyps** eine H5P-Aktivität im Inhaltsspeicher erstellt. Wir entscheiden uns in diesem Fall für **Image Hotspots** (weiter unten in der Liste) und wählen es per **linkem Mausklick** aus.
*Hinweis: Alternativ zum Hinzufügen (= Neu-Anlage eines Inhalts) könnte auch ein bestehender H5P-Inhalt über "Hochladen" hinzugefügt werden. Damit können Sie zum Beispiel [bestehende Online-Vorlagen](https://h5p.org/content-types-and-applications) verwenden und anpassen.*

3. Es öffnet sich nun das **Erstellungsfenster zur gewünschten Aktivität**.
*Hinweis: Für die viele Aktivitäten werden ein **Tutorial** (= Erstellungsanleitung) und **Beispiel** oberhalb des Erstellungsfensters angezeigt.
Hierüber lässt sich leicht erlernen, wie die Aktivität erstellt werden kann (Tutorial) und wie Sie später aussehen kann (Beispiel).*
Im Fall der **Image Hotspots** ist leider keine Anleitung hinterlegt, allerdings können Sie die Anleitung diesem Dokument hier entnehmen.

### H5P-Aktivität Image Hotspots befüllen
1. Tragen Sie nun einen **Titel** ein und laden Sie über **Hinzufügen** ein gewünschtes Bild hoch ([Beispiel](https://pixabay.com/photos/hand-injury-wound-blood-crack-357889/)).

2. Benutzen Sie die Voreinstellung "**Mitgeliefertes Symbol verwenden**". Wählen Sie dann aus, welches Symbol verwendet werden soll (z. B. **Plus**). Wählen Sie dann noch die bevorzugte **Hotspot-Farbe** aus.

3. Befüllen Sie Ihren ersten Hotspot. Dieser ist bereits automatisch angelegt. Wählen Sie eine Hotspot-Position aus, in dem Sie **in der Bild-Voschau Ihres hochgeladenen Bilds auf eine Stelle klicken**. Wählen Sie dann ein **Inhaltsobjekt** aus (z. B. Text) und befüllen Sie den Inhalt (z. B. mittels einer **Text-Eingabe**).
*Hinweis 1: Auf Wunsch können nach dem ersten Inhaltsobjekt (z. B. Text) noch weitere Inhaltsobjekte (z. B. Video) zum gleichen Hotspot hinzugefügt werden. Klicken Sie dazu auf "item hinzufügen".*
*Hinweis 2: Videos können Sie entweder via Youtube-Link eingebunden oder selbst hochgeladen werden.*

4. Falls Sie noch weitere Hotspots hinzufügen möchten, klicken Sie auf "**Hotspot hinzufügen**" und wiederholen Sie das Prozedere vom Vorschritt (3.). Wenn Sie fertig sind, klicken Sie auf "**Sichern**".

5. Nach dem "**Sichern**" öffnet sich automatisch eine Vorschau Ihres erstellten H5P-Inhalts. Sie können Ihren erstellten Inhalt testen und - bei Bedarf - über Klick auf "**Bearbeiten**" nochmals verändern.
<br>
<br>
## II. Übungsaufgabe bis zu Modul 2: Weitere H5P-Inhaltstypen kennenlernen und nutzen

**Ihre Aufgabe: Erstellen Sie Ihren eigenen H5P-Inhalt. Starten Sie mit einer leeren Vorlage oder nutzen Sie alternativ eine bestehende Inhaltsvorlage.**

Empfohlene Inhaltstypen:
- Image Hotspots
- Dialog Cards
- Fill in the Blanks
- Find Multiple Hotspots
- Multiple Choice
- Single Choice Set
- Question Set (Container)
- Interaktives Video (Container)

**Weitere Tipps:**
- Je nach Inhaltstyp können verschiedene Einstellungen und Individualisierungen vorgenommen werden. Das heißt, dass auch die Anwendung unterschiedlich funktioniert.
[Beispiele für die verschiedenen Inhaltstypen](https://h5p.org/content-types-and-applications) können auf der H5P-Website angesehen werden. Wenn ein Beispiel Ihnen gefällt, können Sie es per Klick auf **Reuse** links unterhalb des Beispiels auf Ihren PC herunterladen.
- In Ihrem **[Inhaltsspeicher](https://moodle.ga-gesundheitsakademie.de/contentbank/index.php?contextid=1873)** (siehe oben) können Sie per Klick auf **Hochladen** (rechts vom Button **Hinzufügen**) die heruntergeladene Beispiel-Aktivität hinzufügen.

- Hierzu müssen Sie anschließend noch die Datei auf Ihrem PC auswählen (an dem Ort, an dem diese gespeichert wurde). Klicken Sie hierzu der Reihe nach (nach dem Klick auf "Hochladen") auf **Datei wählen**, **Datei hochladen** und **Datei auswählen**. Geben Sie nun den Speicherort der Datei auf Ihrem PC an, wählen Sie die Datei aus und Klicken Sie auf öffnen. Klicken Sie dann auf **Datei hochladen** sowie nach erfolgtem Upload auf **Änderungen speichern**.
- Sie können die Aktivität nun innerhalb Ihres eigenen Inhaltsspeichers **ansehen** und auf Wunsch auch **bearbeiten**, um zu verstehen, wie sie funktioniert.
- Somit können Sie die **Funktionsweise jeder beliebigen H5P-Aktivität verstehen** und **selbst eine entsprechende, individuelle H5P-Aktivität erstellen** und in Ihren Kurs bzw. Ihr Modul einbinden, wenn Sie möchten.
<br>
<br>
## III. Optionale Übungsaufgabe / Ausblick: H5P-Aktivität in Kurs bzw. Modul einbinden
Sie können den Kursbereich "[Digitale Lehre II: H5P Übungsbereich](https://moodle.ga-gesundheitsakademie.de/course/index.php?categoryid=47)" nutzen, **um eigene, neue Kurse anzulegen** und **H5P-Aktivitäten zu diesen hinzuzufügen**.

### Eigene, Neue Kurse anlegen
- Navigieren Sie innerhalb von Moodle zum Kursbereich "**[Digitale Lehre II: H5P Übungsbereich](https://moodle.ga-gesundheitsakademie.de/course/index.php?categoryid=47)**" (z. B. über diesen Link).
- Klicken Sie auf "**Neuen Kurs anlegen**"
- Vergeben Sie einen **vollständigen Kursnamen**, einen **kurzen Kursnamen** und wählen Sie ein **Kursformat** (Beispiel: Themenformat).
- Behalten Sie zunächst alle weiteren Voreinstellungen bei.
- Klicken Sie auf **Speichern und anzeigen**.

### H5P-Aktivitäten zu Kurs hinzufügen

- Im geöffneten Kurs oder Modul das **Bearbeiten einschalten**
- **Aktivität oder Material anlegen**
- Klick auf **Aktivität** und dann Klick auf **H5P**
- Es öffnet sich ein **Fenster zur Erstellung der Aktivität 'H5P''**:
- Bereich **Allgemeines**
- **Name** vergeben (Pflicht): So wird Ihre Aktivität heißen und im Kurs oder Modul unter diesem Namen angezeigt werden.
- **Beschreibung** hinzufügen (optional).
Hier kann erklärt werden, wie die jeweilige Aktivität funktioniert bzw. was die Lernenden in diesem Abschnitt tun sollen.
- **Paketdatei** hinzufügen (Pflicht)
- Klicken Sie auf das Symbol mit dem leeren Blatt links oben im Fenster bei "Paketdatei hinzufügen"
- Wählen Sie den Bereich **Inhaltsspeicher** aus
- Wählen Sie die von Ihnen erstellte **H5P-Aktivität** aus
Hinweis: ggf. müssen Sie zum übergeordneten Ordner navigieren, also in unserem Beispiel zu "Digitale Lehre II: H5P Übungsbereich", um Ihre erstellten Inhalte einzusehen (je nach Kurs-Speicherort).
- Die Bereiche zu **H5P-Optionen, Bewertung, Versuchsoptionen, Darstellung, Weitere Einstellungen, Voraussetzungen, Aktivitätsabschluss** und **Tags** können auch angepasst werden, wenn gewünscht (optional, werden auf Wunsch später ausführlicher behandelt)
- Klick auf **Speichern und anzeigen**