How can we help you?

This guide explains:

1. What H5P is and does (discover the H5P format).

2. How to Author H5P Content (using external tools).

3. How to Insert H5P Content into Courses (embed or host).

4. Differences Between the Two Methods to help you choose the best option.

What is H5P?

H5P is an open-source framework for creating interactive content such as quizzes, presentations, and videos. It enriches courses with interactive elements and is widely supported across devices.

It is basically an online tool that allows course authors to create Interactives using rich HTML5 content for their courses without coding. You can create 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, all through populating forms and wizards. 

Key Features

• Supports a variety of activity types.

• Provides reusable content that can be hosted or embedded.

• Enables flexible integration into Xen courses.

There are many content types readily available, but developers can create new ones and publish the libraries for others to then use.

Step 1: Authoring H5P Content

The authoring of H5P requires the H5P authoring tool. You can choose to use an online provider, use a desktop application, or run your own H5P server to achieve this goal:

Option 1: http://H5P.com  (external fees apply)

• Cloud-Based: Offers an online authoring environment with an intuitive interface.

• Exclusive Features: Access to premium content types not available elsewhere.

• Integrated Reporting: Track learner performance with advanced analytics.

To use http://H5P.com , you need an active subscription. Once authored, content can be embedded in Xen courses via LTI.

Option 2: Lumi (Free Desktop Application)

• Offline Authoring: Create and edit .h5p files on your computer.

• Free: No subscription required.

• Export Options: Save .h5p files for use in Xen or export as SCORM packages.

Lumi is ideal for budget-conscious users who need a reliable way to author content without hosting.

Option 3: Bring Your Own

If you already have .h5p files created using other tools or platforms, such as running your own H5P server, you can directly upload them to Xen.

Step 2: Inserting H5P Content into Courses

Once you’ve authored your H5P content, you can integrate it into your courses using one of the following methods:

Method 1: Embedding via http://H5P.com  (LTI Integration)

If you subscribe to http://H5P.com , you can embed content into Xen courses through LTI.

Steps:

1. LTI Configuration: Set up the LTI tool in the course settings.

2. Add Content: Use the H5P (embed) component to select content from your http://H5P.com  account.

3. Automatic Updates: Any changes made in http://H5P.com  automatically update in Xen.

Advantages:

• Access to premium features like advanced analytics and some exclusive content types.

• Automatically updates content hosted on http://H5P.com .

Method 2: Hosting H5P Files Directly

For users without an http://H5P.com  subscription, Xen supports hosting .h5p files directly.

Steps:

1. Upload Files: Add .h5p files to the 'Files & Uploads' section in your course.

2. Insert Content: Use the H5P (hosted) component to display the content in your course.

3. Manual Updates: Re-upload updated .h5p files to apply changes.

Advantages:

• Cost-effective option (no subscription required).

• Full control over the hosted content.

Step 3: Differences Between Embedding and Hosting

Additional Resources

• Embed H5P content from h5p.com using LTI.

• Upload and host H5P content in Xen

• Create H5P content with Lumi Desktop