Print
Using H5P interactives in your courses
H5P is an online tool that allows course authors to create Interactives using rich HTML5 content for their courses, including games such as Find the Words, Flashcards, Augmented Reality finder, multimedia apps such as audio recorders and interactive videos, as well as a variety of common and not-so-common question types.
The h5p.com service is a subscription external to the Xen.Ed platform and integrates with the platform using a new Content Block "H5P (embed)".
How do you use it?
The process of integrating H5P content into your course consists of two steps:
- Authoring content on H5P.com.
- Adding the LTI Consumer component to your course to load interactives from h5p.com.
Configure H5P and Xen.Ed
Before you can get started creating content with H5P, you’ll need to set up an account with them here. (It is also possible to self-host H5P from their open source packages, but for the purpose of this article we’ll assume that you are using H5P as a service).
Configure h5p.com
Once registered, log in to your H5P account and connect Xen.Ed as a target LMS:
- Go to "Manage Organization" from the top header.
- Select "Connect LMS" in the left hand navigation.
- Click the "Add LMS Connection" button at the top of the page.
- Select "Other" when prompted with a selection of LMSs.
- Choose a name for the connection. "Xen.Ed" is appropriate.
- Leave the LTI version to "1.1".
- From the resulting screen, copy the following values:
- Key (ex: "myh5psite-12345").
- Secret (ex: "aLL3s75EPges8VtEfg91vN2hoNoAwTWt").
Configure Xen.Ed
Equipped with these information, you can configure the H5P connection in your courses:
- In each course where you wish to use H5P, got to "Advanced settings".
- Look for the "LTI Passport" section.
- Add a Passport for H5P in the format '["h5p:key:secret"]'.
- Add a Passport for H5P in the format '["h5p:key:secret"]'.
Insert H5P Interactives in your courses
Once you have created an interactive in h5p.com, you can embed into a Xen.Ed course:
- Navigate to the unit you would like to use H5P in.
- Insert the LTI component, by clicking “Advanced” > “LTI Consumer”.
- In the added component, click “EDIT”.
- In the prompt, the only fields that you will need to customise are:
- LTI ID: Enter "h5p".
- LTI URL: Insert the URL pointing to the H5P content item that you want to embed. You can copy the URL from h5p.com when accessing the interactive.
- Click “Save” when you’re done. You can Preview the content first or Publish it the unit to make the H5P content show up for your learners in the LMS.
FROGED