Skip to Content

Wiki source code of H5P Inhalte in OPAL nutzen

Last modified by Carina Enke on 18.01.2024
Show last authors
1 {{layout}}
2 {{layout-section ac:type="two_right_sidebar"}}
3 {{layout-cell}}
4 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"]].
5
6
7 You can use the following options to integrate H5P content in the learning platform OPAL:
8
9 * Upload H5P content to the learning platform and embed it in HTML pages
10 * Embed H5P content from external storage locations in HTML pages
11 * Export H5P content as a SCORM resource and use it in the learning platform as SCORM learning content.
12
13
14 {{/layout-cell}}
15
16 {{layout-cell}}
17 {{panel title="Inhalt"}}
18 {{toc/}}
19
20 **Related Topics**
21
22 * [[Texteditor>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.WebHome]]
23 * [[Course Element Single Page>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.WebHome]]
24 {{/panel}}
25 {{/layout-cell}}
26 {{/layout-section}}
27
28 {{layout-section ac:type="single"}}
29 {{layout-cell}}
30 == Embed an HTML page of an H5P content ==
31
32 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.
33
34 * 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.
35 * Upload the HTML file to the course storage folder.
36 * 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)".
37
38
39 {{/layout-cell}}
40 {{/layout-section}}
41
42 {{layout-section ac:type="single"}}
43 {{layout-cell}}
44 == Embed H5P content in an HTML page ==
45
46 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]].
47
48
49 {{/layout-cell}}
50 {{/layout-section}}
51
52 {{layout-section ac:type="single"}}
53 {{layout-cell}}
54 == Embed H5P content as SCORM ==
55
56 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]].
57
58
59 {{/layout-cell}}
60 {{/layout-section}}
61 {{/layout}}