Änderungen von Dokument H5P Inhalte in OPAL nutzen
Zuletzt geändert von Carina Enke am 23.07.2026
Von Version 17.1
bearbeitet von Carina Enke
am 18.01.2024
am 18.01.2024
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Auf Version 27.1
bearbeitet von Carina Enke
am 23.07.2026
am 23.07.2026
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Inhalt
-
... ... @@ -1,120 +1,79 @@ 1 -{{layout}} 2 -{{layout-section ac:type="two_right_sidebar"}} 3 -{{layout-cell}} 4 -H5P ist eine OER-Software (Open Educational Resources) mit dem Bildungsmaterialien erstellt werden können. Die Idee für H5P stammt von der NDLA („Norwegian Digital Learning Arena“), einer staatlich geförderten Organisation aus Norwegen. Ziel war es, eine HTML5 und JavaScript basierte OER-Anwendung zu erfinden, mit der Lerninhalte erstellt werden können. Die dabei erzeugten HTML-Dateien können von jedem Browser geöffnet werden. H5P Inhalte sind allerdings nicht prüfungssicher und sollten daher nur für (unbewertete) Übungs- und Lerneinheiten verwendet werden. 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"]]. 1 +{{section}} 2 +{{column width="60%"}} 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. 5 5 6 -Folgende Möglichkeiten zur Einbindung von H5P-Inhalten in der Lernplattform OPAL können genutzt werden: 7 7 8 -* H5P Inhalte in die Lernplattform hochladen und in HTML-Seiten einbinden 9 -* H5P Inhalte aus externen Speicherorten in HTML-Seiten einbetten 10 -* H5P Inhalt als SCORM Ressource exportieren und in der Lernplattform als Lerninhalt SCORM nutzen 6 +Es gibt verschiedene Möglichkeiten, H5P-Materialien in der Lernplattform zu nutzen: 11 11 12 - 13 -{{/layout-cell}} 8 +* H5P Inhalt als Lernressource in OPAL importieren und als Kursbaustein H5P-Inhalt nutzen (empfohlen) 9 +* H5P Inhalt als SCORM-Paket exportieren und in der Lernplattform als Lerninhalt SCORM nutzen 10 +* H5P Inhalt im HTML-Format exportieren und in der Lernplattform als Lerninhalt „Einzelne Seite“ nutzen 11 +* Öffentlich verfügbaren H5P Inhalt in Lerninhalte einbetten 12 +* H5P Bibliotheken an die Lernplattform anbinden 14 14 15 -{{layout-cell}} 16 -{{panel title="Inhalt"}} 17 -{{toc/}} 14 +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. 18 18 19 -**Verwandte Themen** 16 +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"]]. 17 +{{/column}} 20 20 19 +{{column width="30%"}} 20 +{{panel title="Inhalt"}} 21 +{{toc start="2"/}} 22 +{{/panel}} 23 + 24 +{{panel title="Verwandte Themen"}} 21 21 * [[Texteditor>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.WebHome]] 22 22 * [[Kursbaustein Einzelne Seite>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.WebHome]] 23 23 {{/panel}} 24 -{{/layout-cell}} 25 -{{/layout-section}} 26 26 27 -{{layout-section ac:type="single"}} 28 -{{layout-cell}} 29 -== HTML-Seite eines H5P-Inhalt einbinden == 29 +{{panel title="Weiterführende Inhalte"}} 30 +* [[Lumi>>https://lumi.education/de/]] 31 +{{/panel}} 32 +{{/column}} 33 +{{/section}} 30 30 31 - DerH5PInhaltliegt IhnenalsHTML-Datei vor? Damit ist eindirekter Upload derDateiindieLernplattform möglich. AnschließendkönnendieHTML-Seite(n)aus dem Ablageordner beispielsweiseüber einenKursbausteinEinzelne Seiteeingebundenwerden.35 +== H5P Inhalt als Lernressource in OPAL importieren und als Kursbaustein H5P-Inhalt nutzen == 32 32 33 -* 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. 34 -* Laden Sie die HTML-Dateien in den Ablageordner des Kurses hoch. 35 -* Binden Sie die HTML-Datei per Kursbaustein Einzelne Seite ein. Wie diese Einbindung einer HTML-Seite funktioniert, wird unter [[Seite auswaehlen, 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)". 37 +H5P-Dateien (.h5p) sind direkt in OPAL integrierbar und können für den gelichnamigen Kursbaustein genutzt werden. Ausführliche Informationen dazu finden Sie im Abschnitt [[H5P-Inhalt>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.WebHome]] und dessen Unterseiten. 36 36 37 - 38 -{{/layout-cell}} 39 -{{/layout-section}} 40 40 41 -{{layout-section ac:type="single"}} 42 -{{layout-cell}} 43 -== H5P-Inhalt in HTML-Seite einbetten == 40 +== H5P-Inhalte als SCORM-Paket oder HTML-Datei einbinden == 44 44 45 - Der H5P-Inhaltist onlineverfügbar? Existierende H5P-Materialienaus dem InternetkönnenSiedirekt in Ihren Kurseinbetten. Am gewählten MaterialfindenSie einen Button"Embed"mit demeinCodezumEinbetten angezeigt wird. Diesen integrierenSieper KursbausteinEinzelneSeite in IhrenKurs. EinBeispielwird auf der Seite[[AnwendungsbeispielH5P Inhalteeinbetten>>doc:LMS.BenutzerhandbuchOPAL.Lehren.Kursbausteine.EinzelneSeite.KBEinzelneSeiteEinsatzbeispiele.AnwendungsbeispielH5P Inhalte einbetten.WebHome]]beschrieben.42 +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. 46 46 47 - 48 -{{/layout-cell}} 49 -{{/layout-section}} 50 50 51 -{{layout-section ac:type="single"}} 52 -{{layout-cell}} 53 -== H5P-Inhalt als SCORM einbinden == 45 +Folgende Exportformate eignen sich zur Nutzung in der Lernplattform: 54 54 55 -Der H5P Inhalt ist als SCORM exportierbar? SCORM-Ressourcen können in der Lernplattform direkt genutzt werden. Ein Vorteil dieser Nutzung ist die Übertragung von Bewertungsdaten aus dem SCORM an die Lernplattform. Weitere Informationen bietet die Seite zum Kursbaustein [[SCORM>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.SCORM.WebHome]]. 56 -{{/layout-cell}} 57 -{{/layout-section}} 58 -{{/layout}} 47 +* SCORM-Paket: Empfohlene Variante, da sie die Fortschrittsverfolgung unterstützt. 48 +* HTML-Datei: Kann als einfache interaktive Seite eingebunden werden. 59 59 60 -{{layout}} 61 -{{layout-section ac:type="two_right_sidebar"}} 62 -{{layout-cell}} 63 -H5P is an OER software (Open Educational Resources) with which educational materials can be created. The idea for H5P is from the NDLA ("Norwegian Digital Learning Arena"), a government-funded organisation from Norway. The aim was to invent an HTML5 and JavaScript based OER application to create learning content. The resulting HTML files can be opened by any browser. However, H5P content is not exam-proof and should therefore only be used for (non-graded) practice and learning units. To learn more about H5P and content creating tools, see the course pages [[Create interactive content with H5P>>url:https://bildungsportal.sachsen.de/opal/auth/RepositoryEntry/27997569026/CourseNode/102862416399223||shape="rect"]]. 50 +Diese exportierten Dateien können Sie anschließend wie gewohnt über einen passenden Kursbaustein (z. B. SCORM oder Einzelne Seite) in Ihren Kurs integrieren. 64 64 52 +Gehen Sie wie folgt um ihren H5P-Inhalt als SCORM Inhalt zu nutzen: 65 65 66 -You can use the following options to integrate H5P content in the learning platform OPAL: 54 +* H5P-Inhalt konvertieren und als SCORM-Paket exportieren 55 +** H5P-Inhalt in Lumi öffnen 56 +** Menü Datei > Exportieren auswählen 57 +** Als Exporteinstellung „SCORM-Inhalt“ auswählen 58 +** Auf „Jetzt exportieren“ klicken 59 +** Den SCORM-Inhalt (ZIP-Datei) speichern 60 +* SCORM-Inhalt einbinden und in einem Kursbaustein [[SCORM>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.SCORM.WebHome||anchor="HSCORM-Paketzuordnen"]] verwenden 67 67 68 -* Upload H5P content to the learning platform and embed it in HTML pages 69 -* Embed H5P content from external storage locations in HTML pages 70 -* Export H5P content as a SCORM resource and use it in the learning platform as SCORM learning content. 71 71 72 - 73 -{{/layout-cell}} 74 74 75 -{{layout-cell}} 76 -{{panel title="Inhalt"}} 77 -{{toc/}} 64 +== HTML-Seite eines H5P-Inhalt einbinden == 78 78 79 - **RelatedTopics**66 +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. 80 80 81 -* [[Texteditor>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.WebHome]] 82 -* [[Course Element Single Page>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.WebHome]] 83 -{{/panel}} 84 -{{/layout-cell}} 85 -{{/layout-section}} 68 +* 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. 69 +* Laden Sie die HTML-Dateien in den Ablageordner des Kurses hoch. 70 +* 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)". 86 86 87 -{{layout-section ac:type="single"}} 88 -{{layout-cell}} 89 -== Embed an HTML page of an H5P content == 90 90 91 -Do you have the H5P content as an HTML file? If so, you can upload the file directly to the learning platform. After that, you can integrate the HTML page(s) from the storage folder, for example, via a course element Single page. 92 92 93 -* Export your H5P content. For example, with the Lumi software via the following path: Open the content in Lumi> File> Export> go to export settings and specify them>Export Now>save the HTML files. 94 -* Upload the HTML file to the course storage folder. 95 -* Embed the HTML file by using the course element Single page. How this integration of an HTML page works is described under [[Select, create or upload page.>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Konfiguration.Seite auswählen, erstellen oder hochladen.WebHome]] There you can use the section "Select HTML page from course storage folder or copy existing template (option 2)". 74 +== H5P-Inhalt in HTML-Seite einbetten == 96 96 97 - 98 -{{/layout-cell}} 99 -{{/layout-section}} 76 +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. 100 100 101 -{{layout-section ac:type="single"}} 102 -{{layout-cell}} 103 -== Embed H5P content in an HTML page == 104 104 105 -Do you have the H5P content online? If so, you can embed existing H5P materials from the internet directly into your course. You will find an "Embed" button on the selected material with which a code for embedding is displayed. Use the course element Single page to integrate it into your course. An example can be found here [[Application example: Embed H5P content>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel H5P Inhalte einbetten.WebHome]]. 106 - 107 - 108 -{{/layout-cell}} 109 -{{/layout-section}} 110 - 111 -{{layout-section ac:type="single"}} 112 -{{layout-cell}} 113 -== Embed H5P content as SCORM == 114 - 115 -Is the H5P content exportable as SCORM? If so, you can use SCORM resources directly in the learning platform. One advantage of this use is the transfer of assessment data from SCORM to the learning platform. For more information, see the course element page [[SCORM>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.SCORM.WebHome]]. 116 - 117 - 118 -{{/layout-cell}} 119 -{{/layout-section}} 120 -{{/layout}} 79 +== ==