H5P

H5P

Overview

The platform allows you to add H5P resources and H5P assessments to your learning portal. The platform uses LTI for the integration, which means the content would be created and hosted on a site such as http://www.h5p.com and then embedded in your learning portal.

To learn more about adding H5P as a tool provider, visit the LTI: Adding tool providers article.

Adding H5P content

After adding a H5P tool provider, you can add H5P assets to the Resources catalog.

  1. Click Resources from the primary navigation menu.
  2. Click + Add from the fly-out menu.
  3. Click H5P resource.
    1. Note - if your H5P tool provider was added using LTI 1.3, click H5P (LTI 1.3) resource.

Add resource pop-up with H5P button highlighted

The Add H5P resource pop-up displays.
  1. Enter the H5P name and description.
  2. Select the library where you wish to store the resource.
  3. Click Save.

Add H5P resource pop-up

The H5P resource will now be available in the Resource library where it was saved.

To add the resource to a course:
  1. Access a course or class.
  2. Click Resources from the course navigation menu.
  3. Click Library.
  4. Select your H5P resource.
  5. Click Save.
Course, Resources, Add existing resource pop-up

The H5P resource has been added to the course.
  1. Click My H5P resource to view the resource in a new window.
  2. Click Show content to view the resource on the page.

Course, Resources page with My H5P resource section highlighted


When you click the play button for the first time, the following warning may display. If using LTI 1.3, the warning will not appear.
  1. Click Continue.

Course, Resource page with embedded H5P resource warning message and Continue button highlighted

After clicking Continue, you will see a window that allows you to select the content you want to add for the resource. 
  1. Select the content you want to insert in the course.
  2. Click Insert.
Info
Please note that the content is coming from your H5P provider, http://www.h5p.com for example, and will vary by H5P provider.

Course, Resources page with embedded H5P resource content selector

The selected content will be embedded in the resources area of your course or class, and will be available to learners in course resources.

Course, Resources page with embedded H5P interactive video

H5P assessment

Some H5P tool providers offer H5P assessments. To add an H5P assessment:

  1. Access a course or class.
  2. Access a module/lesson.
  3. Click + Add section. 

Course, Module with Add Section button highlighted

The Add section pop up displays.
  1. Click the Assessment tab.
  2. Click H5P.
    1. Click H5P (LTI 1.3) if your H5P integration is using LTI version 1.3.

Add section pop-up with H5P button highlighted

The Add H5P assessment pop-up displays.
  1. Enter an assessment title.
  2. Configure the assessment settings to your business or school's standards.
  3. Add user instructions.
  4. Click the Options tab for additional settings.

Add H5P assessment pop-up, Overview tab

The Options tab allows you to determine how the assessment will launch.
  1. Launch in a separate window?:
    1. Selecting Always will cause the assessment to launch in a new window for all learners.
    2. Selecting Mobile will result in an embedded assessment for desktop users, but will launch the assessment in a new window for mobile users.
      1. Note that this is the default setting.
    3. Selecting Never will result in an embedded assessment for all users.
  2. After adjusting settings, click Save.


The assessment has been added.
  1. Click the Play button to select content. 
    1. Note, if you are not using LTI version 1.3 for your integration, you may see a warning message regarding your integration. Click Continue.

Course, Module, H5P assessment section with the Play button highlighted in the embedded H5P assessment

Available H5P content will display.
  1. Select an H5P assessment.
  2. Click Insert.

Course, Module, H5P assessment section with the Insert button highlighted in the embedded H5P assessment content selector

The H5P assessment will be added to the course.

Course, Module, H5P assessment section with embedded H5P assessment

Learner view

If the H5P assessment is embedded, learners will take the assessment directly within a module.
  1. Learners will click the Play button to launch the assessment.
  2. Learners will complete the assessment by following assessment instructions.
Learner view of a H5P assessment score

If your H5P LTI integration includes assessment and grading services, learners will see a score after completing the assessment.



Info
Please note, most H5P providers require a learner to have an email address associated with their account to use their tool. If a learner does not have an email address, they will be directed to add an email address in their profile settings.

Learner view of a H5P assessment section with a message instructing the learner to set an account email in profile settings

      • Related Articles

      • Co-instructors and Co-Teachers

        Overview CYPHER for business defaults to the term instructor. CYPHER for academia defaults to the term teacher. The terms instructor and teacher are interchangeable in this article and customizable in the platform. CYPHER for business defaults to the ...

      • Courses and classes for instructors

        Overview A course or class is a structured set of learning content, activities, and assessments used to instruct learners and students. The platform provides a comprehensive set of course features including a news feed, modules, resources, learner ...

      • Locker

        Overview A locker is a place where instructors, teachers, and administrators can upload and view private resources. Installing Lockers Before using the Locker feature, it must be installed by an administrator: Click Admin from the main navigation ...

      • Instructor and teacher role overview

        Overview Instructors and teachers are responsible for the creation, management and teaching of online content. Many instructor and teacher functions can be accessed by selecting Courses or Classes from the primary navigation menu. The list of ...

      • Instructor and teacher best practices

        Overview The following are best practices and recommendations for instructors and teachers using the CYPHER platform. Set your profile description Update your profile! When learners and students click on your name and profile picture, they are taken ...