ISU Canvas: Adding H5P Activities as a SCORM Package to Canvas for faculty

Description 

H5P is a free and open-source content collaboration framework based on JavaScript. In Moodle ISU, instructors could use H5P activities to create interactive content in the content bank or on h5p.com to be easily added to a course. In ISU Canvas, there is no H5P integration. In order to retain the interactive activities within ISU Canvas, they must be added as a SCORM (Sharable Content Object Reference Model) package to Canvas. SCORM acts as a bridge between e-learning content and Canvas in order to deliver and track the content. 

Instructions

  1. Navigate to https://lumi.education/en and download the desktop editor from the Microsoft Store, macOS, or Linux 
  2. Open your Moodle ISU course and navigate to the H5P activity that you want to add
  3. Download the activity as an .h5p file. There are several ways to download the content:
    1. Click on the activity and then select the Reuse button in the lower left corner of the window. Select Download as an h5p file.
    2. If you are not seeing the Reuse button, open the settings for the activity and select the box next to Display action bar and frame - once you Save, you will see the reuse botton
    3. In some activity types, when you go into the activity settings, you will be able to download the file right from the Package file box.
  4. Open the Lumi app downloaded to your computer in step 1
  5. In Lumi, select H5P Editor
  6. In the dialog box, select Open Existing H5P
  7. Choose the H5P activity from your computer that you downloaded in step 3 and select Open
  8. In Lumi, select File (upper left corner) and then in the drop-down menu, select Export
  9. In the Export Settings, choose SCORM package and adjust display settings if needed
  10. At the bottom of the Export settings dialog box, choose EXPORT NOW
  11. Select the location for saving the Export file and click Export. It will be saved as a ZIP file
  12. Navigate to your ISU Canvas course that you wish to upload the activity into
  13. Enable SCORM:
    1. Open the course settings and select the Navigation tab
    2. Find SCORM in the hidden area and drag it to the active area of the course menu
    3. Save the changes
  14. Upload the SCORM package:
    1. In the left-hand course navigation, click the SCORM link
    2. Click the Upload button
    3. Choose the SCORM package (.zip file) from your computer and select Open
  15. Choose Import type:
    1. Select the import type from the Choose import type drop-down menu
    2. You can choose to import it as a graded assignment, an ungraded assignment, or a Canvas page
    3. Note that the import type is permanent and cannot be changed in Canvas once it has been uploaded
  16. Review and Publish (if importing as an assignment/page):
    1. If you choose to import as an assignment, navigate to the Assignments tool and edit the assignment details (due date, point value, etc.)
    2. Click Save and then Publish to publish the assignment/page
  17. Add the Assignment/Page to your course module:
    1. Navigate to the module where you want to add the assignment/page
    2. Choose the + at the top of the modulje
    3. In the drop-down menu, select the type of SCORM package your uploaded, i.e. Assignment or Page
    4. Scroll and select the name of the assignment/page
    5. Add it to the module
    6. Move the assignment or page to the correct location in the module
    7. Ensure that it is published so that students can view the assignment or page

Note: The H5P Interactive video activity cannot be converted in this way. However, you can use the Panopto video management system to add a quiz to a video. See the Panopto support article, How to Add a Quiz to a Video.

Print Article