Wiki-Quellcode von H5P Inhalte in OPAL nutzen

Zuletzt geändert von Carina Enke am 04.06.2026

Verstecke letzte Bearbeiter
Carina Enke 20.1 1 {{section}}
2 {{column width="60%"}}
Carina Enke 24.1 3 H5P (HTML5 Package) ist ein freizugängliches Werkzeug zur Erstellung interaktiver Lerninhalte, die direkt im Browser genutzt werden können. Damit lassen sich ohne Programmierkenntnisse vielseitige Lernaktivitäten wie interaktive Videos, Präsentationen oder Spiele gestalten.
Carina Enke 4.1 4
5
Carina Enke 24.2 6 Es gibt verschiedene Möglichkeiten, H5P-Materialien in der Lernplattform zu nutzen:
Carina Enke 24.1 7
Carina Enke 26.1 8 * H5P Inhalt als SCORM-Paket exportieren und in der Lernplattform als Lerninhalt SCORM nutzen (empfohlen)
9 * H5P Inhalt im HTML-Format exportieren und in der Lernplattform als Lerninhalt „Einzelne Seite“ nutzen
10 * Öffentlich verfügbaren H5P Inhalt in Lerninhalte einbetten
11 * H5P Bibliotheken an die Lernplattform anbinden
Carina Enke 24.1 12
Carina Enke 24.2 13 Empfohlen wird die Nutzung von H5P-Inhalten als SCORM-Paket. Dies ermöglicht eine sehr einfache Nutzung mit Fortschrittsverfolgung und automatischer Erfassung von Bewertungsinformationen unterstützt.
Carina Enke 24.1 14
15 Weitere allgemeine Informationen und Tools zum Erstellen von H5P Inhalten bieten die Seiten zum Kurs [[Interaktive Inhalte mit H5P erstellen>>url:https://bildungsportal.sachsen.de/opal/auth/RepositoryEntry/27997569026/CourseNode/102862416399223||shape="rect"]].
Carina Enke 20.1 16 {{/column}}
Carina Enke 4.1 17
Carina Enke 20.1 18 {{column width="30%"}}
Carina Enke 4.1 19 {{panel title="Inhalt"}}
Carina Enke 20.1 20 {{toc start="2"/}}
21 {{/panel}}
Carina Enke 4.1 22
Carina Enke 20.1 23 {{panel title="Verwandte Themen"}}
Carina Enke 16.2 24 * [[Texteditor>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.WebHome]]
25 * [[Kursbaustein Einzelne Seite>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.WebHome]]
Carina Enke 4.1 26 {{/panel}}
Carina Enke 24.2 27
28 {{panel title="Weiterführende Inhalte"}}
Carina Enke 25.1 29 * [[Lumi>>https://lumi.education/de/]]
Carina Enke 24.2 30 {{/panel}}
Carina Enke 20.1 31 {{/column}}
32 {{/section}}
Carina Enke 4.1 33
Carina Enke 25.1 34 == H5P-Inhalte als SCORM-Paket oder HTML-Datei einbinden ==
Carina Enke 24.2 35
Carina Enke 25.1 36 Nutzen Sie einen H5P-Editor, um H5P-Inhalte zu erstellen und anschließend zu exportieren. Wir empfehlen die Software [[Lumi >>https://lumi.education/de]], um H5P Inhalte zu erstellen, zu bearbeiten und für die Nutzung in der Lernplattform zu exportieren.
Carina Enke 24.2 37
38
Carina Enke 25.1 39 Folgende Exportformate eignen sich zur Nutzung in der Lernplattform:
40
41 * SCORM-Paket: Empfohlene Variante, da sie die Fortschrittsverfolgung unterstützt.
42 * HTML-Datei: Kann als einfache interaktive Seite eingebunden werden.
43
44 Diese exportierten Dateien können Sie anschließend wie gewohnt über einen passenden Kursbaustein (z. B. SCORM oder Einzelne Seite) in Ihren Kurs integrieren.
45
46 Gehen Sie wie folgt um ihren H5P-Inhalt als SCORM Inhalt zu nutzen:
47
48 * H5P-Inhalt konvertieren und als SCORM-Paket exportieren
49 ** H5P-Inhalt in Lumi öffnen
50 ** Menü Datei > Exportieren auswählen
51 ** Als Exporteinstellung „SCORM-Inhalt“ auswählen
52 ** Auf „Jetzt exportieren“ klicken
53 ** Den SCORM-Inhalt (ZIP-Datei) speichern
54 * SCORM-Inhalt einbinden und in einem Kursbaustein [[SCORM>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.SCORM.WebHome||anchor="HSCORM-Paketzuordnen"]] verwenden
55
56
57
Carina Enke 4.1 58 == HTML-Seite eines H5P-Inhalt einbinden ==
59
Carina Enke 22.1 60 Der H5P Inhalt liegt Ihnen als HTML-Datei vor? Damit ist ein direkter Upload der Datei in die Lernplattform möglich. Anschließend können die HTML-Seiten aus dem Ablageordner beispielsweise über einen Kursbaustein Einzelne Seite eingebunden werden.
Carina Enke 4.1 61
62 * Exportieren Sie Ihren H5P- Inhalt. Mit der Software Lumi beispielsweise über folgenden Weg: Inhalt in Lumi öffnen>** **Datei>Exportieren>Exporteinstellungen aufrufen und festlegen>Jetzt exportieren>die HTML-Dateien speichern.
63 * Laden Sie die HTML-Dateien in den Ablageordner des Kurses hoch.
Carina Enke 23.1 64 * Binden Sie die HTML-Datei per Kursbaustein Einzelne Seite ein. Wie diese Einbindung einer HTML-Seite funktioniert, wird unter [[Seite auswählen, erstellen oder hochladen>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Konfiguration.Seite auswählen, erstellen oder hochladen.WebHome]] allgemein beschrieben. Nutzen Sie dort den Abschnitt "HTML-Seite aus Kursablageordner wählen oder vorhandene Vorlage kopieren (Option 2)".
Carina Enke 4.1 65
66
Carina Enke 20.1 67
Carina Enke 4.1 68 == H5P-Inhalt in HTML-Seite einbetten ==
69
Carina Enke 16.2 70 Der H5P-Inhalt ist online verfügbar? Existierende H5P-Materialien aus dem Internet können Sie direkt in Ihren Kurs einbetten. Am gewählten Material finden Sie einen Button "Embed" mit dem ein Code zum Einbetten angezeigt wird. Diesen integrieren Sie per Kursbaustein Einzelne Seite in Ihren Kurs. Ein Beispiel wird auf der Seite [[Anwendungsbeispiel H5P Inhalte einbetten>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel H5P Inhalte einbetten.WebHome]] beschrieben.
Carina Enke 4.1 71
72
Carina Enke 24.2 73 == ==