H5P Studio

eCampusOntario - H5P Studio

What is H5P?

H5P is an open-resource plugin that empowers content authors to easily create, share, and reuse a variety of HTML5 based interactive content for courses or other institutional projects. Using a web browser, content created through the tool is responsive and mobile friendly which means all students will receive the same online learning experience across a variety of devices. Best of all: it’s free to use!

What is eCampusOntario H5P Studio?

H5P Studio is an online platform developed as part of eCampusOntario’s set of Open Publishing Tools. It’s a one-stop shop to create, share, and discover H5P interactive content from other content authors and institutions. Interactive content created through eCampusOntario H5P Studio will be hosted on the platform so it can be quickly shared or modified.

Getting Started

Register or login to eCampusOntario H5P Studio

To create any content in eCampusOntario H5P Studio, you must have an account. Accounts are automatically available to anyone with an email address associated with one of eCampusOntario’s member institutions, including Durham College.

  • If you do not have an account, register.
  • If you do have an account, login.

Creating interactive content in eCampusOntario H5P Studio

To start creating content, click Create.

H5P Create

Next, click Tour for a quick guided tour around the creation features of eCampusOntario H5P Studio.

H5P Guided Tour

In the H5P Editor area, select a content type to create. Click Details beside each content type to learn more, view a demo, and read license agreements.

H5P Content Type Details

After clicking Details, a screen like this will appear. To begin creating, click Use at the bottom right.

H5P Use Content Type

Next, fill in all the * areas and add all the content you would like to include. When you are finished, click Save at the top left of the screen.

Adding licenses

Licenses and attribution must be added to all H5P Studio created content. To add this information, click Metadata beside the Title field in the H5P Editor window.

H5P Metadata Attribution

To learn more about which license to choose, visit this Creative Commons resource. This decision allows others to use the interactive content you’ve created, or not.

Allowing/Disabling Reuse

Towards the bottom of the H5P Editor area, there will be several checkboxes.

H5P Allowing Disabling Reuse

By default, the option Allow users to download the content will be checked allowing users to download your interactive content as an .h5p file for adding to any website where H5P content may be created. You may disable this if you do not want your interactive content to be downloaded and repurposed by other users.

Demo: How to create a matching exercise

Creating interactive content in H5P Studio

Accessibility

To view a quick list of which H5P content types are accessible for students, visit this page.

Adding your content to DC Connect

You can embed the code provided by eCampusOntario H5P Studio into your DC Connect course.

Embedding

To embed the HTML code of any H5P interactive content into your DC Connect course, skip to page 5 in this document.

For more information on using H5P with DC Connect, visit this website.