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.

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

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

1. Click the Add Content button.

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

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.

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.

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.

You'll see the activity previewed in the window.

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

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

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.

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.

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

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

1. Click the Add Content button.

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.

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

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

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

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

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

1. Click the Edit button.

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

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

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 [email protected] for more information.

https://h5p.org/documentation/for-authors/tutorials

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.

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

1. Click the Select button.

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.

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