Wiki-Quellcode von H5P Inhalte in OPAL nutzen
Version 4.1 von Carina Enke am 28.11.2023
Zeige letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{sv-translation language="de"}} | ||
| 2 | {{layout}} | ||
| 3 | {{layout-section ac:type="single"}} | ||
| 4 | {{layout-cell}}{{/layout-cell}} | ||
| 5 | {{/layout-section}} | ||
| 6 | |||
| 7 | {{layout-section ac:type="two_right_sidebar"}} | ||
| 8 | {{layout-cell}} | ||
| 9 | 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"]]. | ||
| 10 | |||
| 11 | Folgende Möglichkeiten zur Einbindung von H5P-Inhalten in der Lernplattform OPAL können genutzt werden: | ||
| 12 | |||
| 13 | * H5P Inhalte in die Lernplattform hochladen und in HTML-Seiten einbinden | ||
| 14 | * H5P Inhalte aus externen Speicherorten in HTML-Seiten einbetten | ||
| 15 | * H5P Inhalt als SCORM Ressource exportieren und in der Lernplattform als Lerninhalt SCORM nutzen | ||
| 16 | |||
| 17 | \\ | ||
| 18 | {{/layout-cell}} | ||
| 19 | |||
| 20 | {{layout-cell}} | ||
| 21 | {{scroll-ignore}} | ||
| 22 | {{panel title="Inhalt"}} | ||
| 23 | |||
| 24 | |||
| 25 | {{toc/}} | ||
| 26 | |||
| 27 | **Verwandte Themen** | ||
| 28 | |||
| 29 | * [[doc:Texteditor]] | ||
| 30 | * [[Kursbaustein Einzelne Seite>>doc:Einzelne Seite]] | ||
| 31 | {{/panel}} | ||
| 32 | {{/scroll-ignore}} | ||
| 33 | {{/layout-cell}} | ||
| 34 | {{/layout-section}} | ||
| 35 | |||
| 36 | {{layout-section ac:type="single"}} | ||
| 37 | {{layout-cell}} | ||
| 38 | == HTML-Seite eines H5P-Inhalt einbinden == | ||
| 39 | |||
| 40 | 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-Seite(n) aus dem Ablageordner beispielsweise über einen Kursbaustein Einzelne Seite eingebunden werden. | ||
| 41 | |||
| 42 | * 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. | ||
| 43 | * Laden Sie die HTML-Dateien in den Ablageordner des Kurses hoch. | ||
| 44 | * Binden Sie die HTML-Datei per Kursbaustein Einzelne Seite ein. Wie diese Einbindung einer HTML-Seite funktioniert, wird unter [[doc:Seite auswaehlen, erstellen oder hochladen]] allgemein beschrieben. Nutzen Sie dort den Abschnitt "HTML-Seite aus Kursablageordner wählen oder vorhandene Vorlage kopieren (Option 2)". | ||
| 45 | |||
| 46 | \\ | ||
| 47 | {{/layout-cell}} | ||
| 48 | {{/layout-section}} | ||
| 49 | |||
| 50 | {{layout-section ac:type="single"}} | ||
| 51 | {{layout-cell}} | ||
| 52 | == H5P-Inhalt in HTML-Seite einbetten == | ||
| 53 | |||
| 54 | 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 [[doc:Anwendungsbeispiel H5P Inhalte einbetten]] beschrieben. | ||
| 55 | |||
| 56 | \\ | ||
| 57 | {{/layout-cell}} | ||
| 58 | {{/layout-section}} | ||
| 59 | |||
| 60 | {{layout-section ac:type="single"}} | ||
| 61 | {{layout-cell}} | ||
| 62 | == H5P-Inhalt als SCORM einbinden == | ||
| 63 | |||
| 64 | 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 [[doc:SCORM]]. | ||
| 65 | {{/layout-cell}} | ||
| 66 | {{/layout-section}} | ||
| 67 | {{/layout}} | ||
| 68 | {{/sv-translation}} | ||
| 69 | |||
| 70 | {{sv-translation language="en"}} | ||
| 71 | {{layout}} | ||
| 72 | {{layout-section ac:type="two_right_sidebar"}} | ||
| 73 | {{layout-cell}} | ||
| 74 | 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"]]. | ||
| 75 | |||
| 76 | \\ | ||
| 77 | |||
| 78 | You can use the following options to integrate H5P content in the learning platform OPAL: | ||
| 79 | |||
| 80 | * Upload H5P content to the learning platform and embed it in HTML pages | ||
| 81 | * Embed H5P content from external storage locations in HTML pages | ||
| 82 | * Export H5P content as a SCORM resource and use it in the learning platform as SCORM learning content. | ||
| 83 | |||
| 84 | \\ | ||
| 85 | {{/layout-cell}} | ||
| 86 | |||
| 87 | {{layout-cell}} | ||
| 88 | {{scroll-ignore}} | ||
| 89 | {{panel title="Inhalt"}} | ||
| 90 | |||
| 91 | |||
| 92 | {{toc/}} | ||
| 93 | |||
| 94 | **Related Topics | ||
| 95 | ** | ||
| 96 | |||
| 97 | * [[doc:Texteditor]] | ||
| 98 | * [[Course Element Single Page>>doc:Einzelne Seite]] | ||
| 99 | {{/panel}} | ||
| 100 | {{/scroll-ignore}} | ||
| 101 | {{/layout-cell}} | ||
| 102 | {{/layout-section}} | ||
| 103 | |||
| 104 | {{layout-section ac:type="single"}} | ||
| 105 | {{layout-cell}} | ||
| 106 | == Embed an HTML page of an H5P content == | ||
| 107 | |||
| 108 | 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. | ||
| 109 | |||
| 110 | * 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. | ||
| 111 | * Upload the HTML file to the course storage folder. | ||
| 112 | * 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:Seite auswaehlen, erstellen oder hochladen]] There you can use the section "Select HTML page from course storage folder or copy existing template (option 2)". | ||
| 113 | |||
| 114 | \\ | ||
| 115 | {{/layout-cell}} | ||
| 116 | {{/layout-section}} | ||
| 117 | |||
| 118 | {{layout-section ac:type="single"}} | ||
| 119 | {{layout-cell}} | ||
| 120 | == Embed H5P content in an HTML page == | ||
| 121 | |||
| 122 | 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:Anwendungsbeispiel H5P Inhalte einbetten]]. | ||
| 123 | |||
| 124 | \\ | ||
| 125 | {{/layout-cell}} | ||
| 126 | {{/layout-section}} | ||
| 127 | |||
| 128 | {{layout-section ac:type="single"}} | ||
| 129 | {{layout-cell}} | ||
| 130 | == Embed H5P content as SCORM == | ||
| 131 | |||
| 132 | 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 [[doc:SCORM]]. | ||
| 133 | |||
| 134 | \\ | ||
| 135 | {{/layout-cell}} | ||
| 136 | {{/layout-section}} | ||
| 137 | {{/layout}} | ||
| 138 | {{/sv-translation}} |