Documentation WorkspaceDocumentation WorkspaceHelp Manual ArticlesCreating Interactive Canvas Assignments using H5P

Creating Interactive Canvas Assignments using H5P

Before you begin this tutorial:

  • You must be accepted to be part of the UWM H5P pilot. If you are interested in being included in the H5P pilot, please
  • You must have received confirmation that H5P has been added to your course site.
  • You must have created an H5P account and a link to H5P authoring tools in your Canvas course site using these instructions: http://cetl-uwm.screenstepslive.com/s/13190/m/49120/l/1078128-h5p

In this tutorial you will learn how to access the H5P authoring tools, locate tutorial that will help you create H5P activities, and link activities to Canvas Assignments in order for your students to be graded on completion of these activities.

It is important to understand that H5P activities should not be used as the primary means to assess student learning. Instead, H5P activities can be used to help students feel more engaged with course content. H5P activities provide instant feedback to students, allowing students to self-assess comprehension and understanding. For these reasons, graded H5P activities should be used as low-stakes assessments, comprising a smaller percentage of the final course grade.

Option A: Creating New H5P Activities - Step #1

  1. From the Canvas course stie in which you've linked H5P Authoring Tools, navigate to Home, identify the H5P module, click on the H5P Authoring link.

Option A: Creating New H5P Activities - Step #2

  1. Click the Open H5P Authoring in a new window button.

Option A: Creating New H5P Activities - Step #3

A new browser window will appear and take you to your H5P.com account.

  1. Click the Add Content button.

Option A: Creating New H5P Activities - Step #4

  1. Search or browse for the activity Content Type you'd like to create and click the Details button.

For a list of content types and examples, see: https://h5p.org/content-types-and-applications

To learn more about creating specific H5P activities, see: https://h5p.org/documentation/for-authors/tutorials

Important Next Steps:

Once you've created your new H5P activity, you'll need to add it to your course site as an Assignment, in order for your students to access and be graded on the activity. To complete these steps, skip to the "Creating H5P Graded Assignments in Canvas" section of this tutorial.

Option B: Uploading Existing Activities Created in H5P.org - Step #1

If you have already created H5P activities in H5P.org, you can download this content and upload to the H5P tool in Canvas. Go to the https://h5p.org/ website.

  1. Login using the username and password that you established for this site.

Option B: Uploading Existing Activities Created in H5P.org - Step #2

  1. From within your H5P.org account, select Contents.
  2. Identify the activity you wish to import to the H5P tool in Canvas, and click the activity Title.

Option B: Uploading Existing Activities Created in H5P.org - Step #3

You'll see the activity previewed in the window.

  1. Scroll to the bottom of the activity and click the Reuse button.

Option B: Uploading Existing Activities Created in H5P.org - Step #4

  1. When the "Reuse Content" popup appears, click the Download as an .h5p file.

Important Next Steps:

Once you've uploaded you H5P activity, you'll need to add it to your course site as an Assignment, in order for your students to access and be graded on the activity. To complete these steps, complete the next section of this tutorial.

Creating an H5P Graded Assignments in Canvas - Step #1

  1. From the Canvas course stie in which you've linked H5P Authoring Tools, navigate to Home, identify the H5P module, click on the H5P Authoring link.

Creating an H5P Graded Assignments in Canvas - Step #2

  1. Click the Open H5P Authoring in a new window button.

Creating an H5P Graded Assignments in Canvas - Step #3

A new browser window will appear and take you to your H5P.com account.

  1. Click the Add Content button.

Creating an H5P Graded Assignments in Canvas - Step #4

  1. Click the Upload tab.
  2. Click the Upload a file button.

Navigate to the location on your desktop where you would saved the downloaded H5P activity. Depending on your browser settings, this is likely the "Downloads" folder (the file name will begin with the title of your H5P activity and end with the .h5p file extension). Once identified, upload the activity.

Creating an H5P Graded Assignments in Canvas - Step #5

  1. From within the Canvas course site that includes H5P, navigate to the Home area.
  2. Click the Module button.

Creating an H5P Graded Assignments in Canvas - Step #6

  1. Type the module name.
  2. Click Add Module button.

Creating an H5P Graded Assignments in Canvas - Step #7

  1. Click the Add button (looks like a "+").

Creating an H5P Graded Assignments in Canvas - Step #8

  1. Select Assignment from the drop-down menu.
  2. Click New Assignment.
  3. Type the Assignment Name.
  4. Click Add Item.

Creating an H5P Graded Assignments in Canvas - Step #9

  1. Click the title of the module item you just created.

Creating an H5P Graded Assignments in Canvas - Step #10

  1. Click the Edit button.

Creating an H5P Graded Assignments in Canvas - Step #11

  1. In the Submission Type drop-down menu, select External Tool.

Creating an H5P Graded Assignments in Canvas - Step #12

  1. Leave the "Enter or find an External Tool URL" field EMPTY and select Find.

Creating an H5P Graded Assignments in Canvas - Step #13

  1. Scroll through the list and select H5P.

Note: If you do not see the H5P option, you do not have H5P enabled in this course site. Please confirm that you have be accepted to be part of the UWM H5P pilot. If so, ensure that you are using the Canvas course site in which H5P have been enabled. Please contact CETL@uwm.edu for more information.

Creating an H5P Graded Assignments in Canvas - Step #14

A new browser window will appear and take you to your H5P.com account. Here, you'll see a list of all the H5P activities that you've created from within Canvas or uploaded from H5P.org.

  1. Identify the activity you wish to add as a Canvas Assignment and click the Insert button.

Creating an H5P Graded Assignments in Canvas - Step #15

Once you've selected the activity, you'll be returned to the "Configure External Tool" window.

  1. Click the Select button.

Creating an H5P Graded Assignments in Canvas - Step #16

Once you return to the Canvas Assignment settings, you'll notice that the "Enter or find an External Tool URL" field has been populated with a web address.

  1. Optional: Click the calendar icon and select the date when the assignment is Due.
  2. Click the Save and Publish button.

Creating an H5P Graded Assignments in Canvas - Step #17

Once you return to the Home area, ensure that the Module and Item are published (shown with a green check mark icon).

0 Comments

Add your comment

E-Mail me when someone replies to this comment