Note: You are currently viewing documentation for Moodle 3.9. Up-to-date documentation for the latest stable version of Moodle may be available here: H5P.

H5P: Difference between revisions

From MoodleDocs
(Import H5P question types into Moodle question bank moved to H5P FAQ, formatting)
(copied from 3.10 Docs)
 
(6 intermediate revisions by 2 users not shown)
Line 2: Line 2:
==About H5P==
==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 h5p.com, and added to your course as an [[H5P activity]] (new in 3.9) or embedded into any other activity or resource.
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.


{{MediaPlayer | url =https://youtu.be/p7ihJZgZQ4M | desc = Content bank and H5P}}
{{MediaPlayer | url =https://youtu.be/p7ihJZgZQ4M | desc = Content bank and H5P}}
Line 10: Line 10:
To create and edit 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).
# 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 the activity you want.
# Click the Add button and select a content type.


For more information, see [[Content bank]].
For more information, see [[Content bank]].
Line 18: Line 18:
See [[H5P activity]] for how to create an H5P activity in a course.
See [[H5P activity]] for how to create an H5P activity in a course.


==Embedding H5P==
==Embedding H5P into other activities==
[[File:H5PiconAtto.png|thumb|H5P button in the Atto editor]]  
[[File:H5PiconAtto.png|thumb|H5P button in the Atto editor]]  
H5P content created in the [[Content bank]] or on h5p.com may be embedded into activities and resources such as a [[Lesson]] or a [[Book]], by clicking the 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]].


The URL can be linked to or else the file can be uploaded. Note that if you enter a URL, the [[Display H5P filter]] should be enabled and the URL should be listed as an allowed source in ''Site admin / Plugins / Filters / Display H5P''. You can also use the Content Bank repository to pick the existing content. Remember that if you add the content as an alias, any content edition will update this instance; but if you add it as a copy changes won't be applied. See [[Working with files]] for more details.
To embed H5P from the Content bank:


If the [[Display H5P filter]] is enabled by the admin, then simply paste the URL into the text editor and save.
# 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.


==Admin settings==
==Admin settings==


A [[Display H5P filter]] is available and will convert URLs into H5P content.
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===
===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.
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).
*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).
 
*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 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 the scheduled task is not run and files are not uploaded, teachers will receive an error message when attempting to upload H5P content.)


==Capabilities==
==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==
==See also==
Line 45: Line 57:
* [[H5P activity]]
* [[H5P activity]]
* [[H5P FAQ]]
* [[H5P FAQ]]
*[https://elearningworld.h5p.com/content/1290985419330027149 Comparison chart of H5P questions and standard quiz questions]
* [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]]
[[Category:H5P]]
Line 51: Line 64:


[[es:H5P]]
[[es:H5P]]
[[de:H5P]]

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,

  1. 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).
  2. 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:

  1. Click the H5P button in Atto then click 'Browse repositories'.
  2. Browse the Content bank repository and select an H5P file.
  3. Choose to either make a copy of the file or create a shortcut.
  4. Click the button 'Select this file'.
  5. 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:

See also