H5P: Difference between revisions

Latest revision as of 00:21, 28 March 2021

About H5P

H5P is an abbreviation for HTML5 Package. It enables educators to create content such as interactive videos, quizzes and presentations. H5P content can be created in the Content bank (new in 3.9), or on the h5p.com site, or with the LUMI app for desktop, and added to your course as an H5P activity (new in 3.9 onwards) or embedded into any other activity or resource.

Content bank and H5P

Creating and editing H5P content

To create and edit H5P content,

Go to the Content bank, accessible when in a course from the Navigation drawer (Boost theme) or from Site pages in the Navigation block (Classic theme).
Click the Add button and select a content type.

For more information, see Content bank.

Adding an H5P activity to a course

See H5P activity for how to create an H5P activity in a course.

Embedding H5P into other activities

H5P button in the Atto editor

You can embed H5P content into other activities and resources such as a Lesson or a Book, by clicking the H5P button in the Atto editor.

To embed H5P from the Content bank:

Click the H5P button in Atto then click 'Browse repositories'.
Browse the Content bank repository and select an H5P file.
Choose to either make a copy of the file or create a shortcut.
Click the button 'Select this file'.
Click 'Insert H5P'.

Creating a shortcut to the file

Note: If you create a shortcut to the file, you can edit it in the Content bank and any activities with a link to the file will be updated.

Admin settings

For H5P content to display in other activities, the Display H5P filter must be enabled and the URL e.g. h5p.com should be listed as an allowed source in Site admin / Plugins / Filters / Display H5P.

Manage H5P content types

For teachers to upload and display H5P files in their courses, H5P content types and libraries must be available on the site. A scheduled task Download available H5P content types from h5p.org does this automatically (but check if it is enabled and has already run after first upgrading your site).

If it is not possible to use this scheduled task, then the Site administration page 'Manage H5P content types' allows you to upload necessary files.

(If the scheduled task is not run and files are not uploaded, teachers will receive an error message when attempting to upload H5P content.)

Capabilities

In addition to capabilities relating to the H5P activity and the Content bank there are further H5P capabilities as follows:

Add embedded H5P - allowed for the default role of teacher
Set H5P display options - allowed for the default role of teacher
Manage H5P content types - allowed for the default role of manager only
Deploy H5P content - allowed for the default roles of manager and teacher

@@ Line 1: / Line 1: @@
-{{Managing content}}{{New features}}
+{{Managing content}}
 ==About H5P==
-*H5P is an abbreviation for HTML5 Package. It enables educators to create content such as interactive videos, quizzes and presentations.
+H5P is an abbreviation for HTML5 Package. It enables educators to create content such as interactive videos, quizzes and presentations. H5P content can be created in the [[Content bank]] (new in 3.9), or on the [https://h5p.com/ h5p.com site], or with the [https://next.lumi.education/ LUMI] app  for desktop, and added to your course as an [[H5P activity]] (new in 3.9 onwards) or embedded into any other activity or resource.
-*Existing H5P activities (created for example on h5p.org or h5p.com) may be embedded into Moodle either by linking the URL or by uploading the file.
+{{MediaPlayer | url =https://youtu.be/p7ihJZgZQ4M | desc = Content bank and H5P}}
-{{MediaPlayer | url = https://youtu.be/N001fo4E_uw | desc = H5P first stage implementation}}
+==Creating and editing H5P content==
-==H5P question types==
+To create and edit H5P content,
-The [https://elearningworld.h5p.com/content/1290985419330027149 question types available from H5P activities] are somewhat different from the standard Moodle [[Questions|questions]]:
+# Go to the [[Content bank]], accessible when in a course from the Navigation drawer (Boost theme) or from Site pages in the Navigation block (Classic theme).
+# Click the Add button and select a content type.
+For more information, see [[Content bank]].
-[[File:Moodle and H5P quiz questions.jpg|800px]]
+==Adding an H5P activity to a course==
-==Adding H5P content==
+See [[H5P activity]] for how to create an H5P activity in a course.
-===Method 1===
+==Embedding H5P into other activities==
-[[File:H5PAttoEditor.png|thumb|600px|center]]
+[[File:H5PiconAtto.png|thumb|H5P button in the Atto editor]]
+You can embed H5P content into other activities and resources such as a [[Lesson]] or a [[Book]], by clicking the H5P button in the [[Atto editor]].
-# As a course teacher, click the H5P button in the Atto editor (1)
+To embed H5P from the Content bank:
-# Either embed the link from the site where your H5P content was created, or upload the file (2)
-# Click 'H5P options' to decide what to display to students. (3)
-# Click Insert 'H5P' (4)
-===Method 2===
+# Click the H5P button in Atto then click 'Browse repositories'.
+# Browse the Content bank repository and select an H5P file.
+# Choose to either make a copy of the file or create a shortcut.
+# Click the button 'Select this file'.
+# Click 'Insert H5P'.
+[[File:creating a shortcut.png|thumb|Creating a shortcut to the file]]
+Note: If you create a shortcut to the file, you can edit it in the Content bank and any activities with a link to the file will be updated.
-If the [[Display H5P filter]] is enabled by the admin, then simply paste the URL into a text editor and save:
+==Admin settings==
-[[File:H5PFilterTeacher.png|thumb|493px|center]]
-==Admin settings==
+For H5P content to display in other activities, the [[Display H5P filter]] must be enabled and the URL e.g. h5p.com should be listed as an allowed source in ''Site admin / Plugins / Filters / Display H5P''.
-*A [[Display H5P filter]] is available and will convert URLs into H5P interactive content.
 ===Manage H5P content types===
-*In order for teachers to upload and display existing H5P files in their courses, the appropriate [https://h5p.org/content-types-and-applications H5P content types] and libraries must be available on the site.
-*A scheduled task ''Download available H5P content types from h5p.org'' should do this automatically (but check if it is enabled and has already run after first upgrading your site.)
+For teachers to upload and display H5P files in their courses, [https://h5p.org/content-types-and-applications H5P content types] and libraries must be available on the site. A scheduled task ''Download available H5P content types from h5p.org'' does this automatically (but check if it is enabled and has already run after first upgrading your site).
-*If it is not possible to use this scheduled task, then the  Site administration page 'Manage H5P content types' allows you to upload necessary files.
-*Note also that without the scheduled task or the relevant files being uploaded, course teachers will receive an error message when trying to upload H5P content.
+If it is not possible to use this scheduled task, then the Site administration page 'Manage H5P content types' allows you to upload necessary files.
+(If the scheduled task is not run and files are not uploaded, teachers will receive an error message when attempting to upload H5P content.)
 ==Capabilities==
-*A new capability [[Capabilities/moodle/h5p:updatelibraries]] defines who can write/overwrite a new content type library.
-*A new capability [[Capabilities/moodle/h5p:deploy]] defines who can add uploaded H5P content.
+In addition to capabilities relating to the [[H5P activity]] and the [[Content bank]] there are further H5P capabilities as follows:
+* [[Capabilities/atto/h5p:addembed|Add embedded H5P]] - allowed for the default role of teacher
+* [[Capabilities/moodle/h5p:setdisplayoptions|Set H5P display options]] -  allowed for the default role of teacher
+* [[Capabilities/moodle/h5p:updatelibraries|Manage H5P content types]] - allowed for the default role of manager only
+* [[Capabilities/moodle/h5p:deploy|Deploy H5P content]] - allowed for the default roles of manager and teacher
+==See also==
+* [[H5P activity]]
+* [[H5P FAQ]]
+* [https://elearningworld.h5p.com/content/1290985419330027149 Comparison chart of H5P questions and standard quiz questions]
+* [https://www.youtube.com/watch?v=hxYgod9CIYg Moodle & H5P, Magic Together | Michelle Lomman | MoodleMoot Global 2020]
 [[Category:H5P]]
@@ Line 47: / Line 64: @@
 [[es:H5P]]
+[[de:H5P]]

Documentation