This article provides an overview of H5P and how it can be integrated into Brightspace.
What is H5P?
H5P (an abbreviation of HTML5 Package) is an open source plugin that gives you the ability to create, share and reuse content like interactive videos, interactive presentations, games, and quizzes to engage learners in your course.
Taking H5P for a test drive
Before integrating H5P with Brightspace, you may want to evaluate it and the content it offers to make sure it is the right solution for you and your institution/organization. The best way to do learn about H5P and try it out is by visiting H5P.org.
On H5P.org you can:
Please be aware that H5P.org is intended as a test site and all content created on H5P.org is publicly available.
Embedding test content in Brightspace
If you want to test out how H5P content looks in Brightspace you can add it to a Topic page using Insert Stuff.
For example, to add in the example Interactive video:
- Login into Brightspace, go to your course and add a new HTML file:
- If you are using the Content Tool, follow the instructions for creating a new topic, and select ‘Create a File’.
- If you have Lessons enabled, follow the instructions for creating new material and choose ‘HTML Document’.
- In the HTML editor follow the instructions for inserting stuff and choose ‘Enter Embed Code’.
Enter the following embed code:
<iframe src="https://h5p.org/h5p/embed/617" width="1090" height="674" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
<script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>
Select ‘Next’, followed by ‘Insert’ and the interactive will be added to the page.
Note(s):
The script included after the iframe here allows the sample content to resize based on the user’s screen and browser size.
You may see a message on the preview screen saying the media is blocked and do you want to allow it. In this case, you can select ‘Allow’ and the preview will display
- If you have Lessons enabled the script may be removed. If this happens try selecting the view source icon (</>) and paste the code directly into the page.
Integrating H5P with Brightspace
H5P can be directly integrated into Brightspace using Learning Tools Interoperability (LTI), allowing content authors to add H5P elements to topic pages via the Insert Stuff button.
Using your own LTI integration
Creating your own integration will require setting up and hosting your own copy of Drupal, an open-source CMS, installing the h5p plugin for Drupal and integrating this with your Brightspace LMS.
More information on this approach can be found in the article H5P + Brightspace = Smashing Interactive Learning on h5p.org.
H5P.com
To help those who want to use H5P, but are not able to set up and integrate their own version, Joubel, the creator of H5P, are launching H5P.com. This service, currently in invite only beta testing, provides hosting and through LTI allows tracking of results in Brightspace.
If you are interested in getting an invite to test this service sign up at H5P.com.
Learn More
