Adding H5P Interactive Content to WebCampus Courses (Instructors)

H5P is an external tool installed in WebCampus that will allow users to create, share, and reuse HTML5 content. With H5P, users can create and edit interactive videos, presentations, games, and assessments within Canvas. H5P also includes analytics so that instructors can access reports on learners’ responses to interactive pieces.

H5P content can be utilized in both non-graded and graded content within WebCampus:

  • Non-Graded interactive content is to display content to students. It can be inserted into any page, discussion, announcement, etc. using the Rich Content Editor. Some non-graded examples are virtual tours, course presentations, and image collages.
  • Graded interactive content is for students to submit content for grading and must be created using the WebCampus Assignment External Tool submission type. This will pass a score to the Canvas gradebook. Some graded H5P examples include branching scenarios, multiple choice questionnaires, and image hotspots.

Additionally, refer to Online Education’s Best Practices guide for getting started and recommendations for managing and organizing your H5P content.

Non-Graded H5P Content

The Rich Content Editor (RCE) is available in Announcements, Assignments*, Discussions, Pages, and Quizzes. To insert H5P Interactive content using the RCE:

  1. While in Edit mode, select Tools (a) > Apps or Apps (b) in the RCE.

    Screenshot illustrating the Tools menu and Apps icon in the Canvas Rich Content Editor
     
  2. Select H5P – Interactive Content. If it does not appear, select View All first.

To load an existing item:

  1. Click on the Folder where your activity resides in H5P
  2. Click Insert next to the H5P item you want to add
  3. Click Save or Save and Publish

To create a new item:

  1. If this is your first time accessing H5P, select New Folder to create a main folder. See the Best Practices for H5P Guide.
  2. Select Add Content

    Screenshot illustrating the Add Content button
     
  3. Select the content type you would like to create.
  4. Once done creating the interactive content, select Save and Insert.

    Screenshot illustrating the Save and Insert button

Graded H5P Content

If you want to have students assigned a grade when they complete H5P content, you will need to create an assignment and utilize the External Tool submission type.

  1. From Assignments in your course, Select + Assignment
  2. Add an Assignment Name and configure your assignment settings.
  3. In the Submission Type section, select External Tool (a) from the drop down list.
  4. Select Find (b)

    Screenshot illustrating External Tool submission type and Find button
     
  5. Select H5P - Interactive Content (c)

    Screenshot illustrating H5P - Interactive content in configure external tool list

To load an existing item:

  1. Click on the Folder where your activity resides in H5P
  2. Click Insert next to the H5P item you want to add
  3. Click Save or Save and Publish

To create a new item:

  1. If this is your first time accessing H5P, select New Folder to create a main folder. See the Best Practices for H5P Guide.
  2. Select Add Content

    Screenshot illustrating the Add Content button
     
  3. Select the content type you would like to create.
  4. Once done creating the interactive content, select Save and Insert.

    Screenshot illustrating the Save and Insert button

Need Additional Help?

H5P offers documentation and tutorials for the various content available. 

For additional assistance, please visit the WebCampus Knowledge Base for additional articles or select a Related Service to submit a support ticket. You can also contact the IT Help Desk.

Details

Article ID: 1105
Created
Fri 8/12/22 9:40 AM
Modified
Fri 8/12/22 11:11 AM