Adding H5P Interactive Content

If you have any questions about using H5P in your assessment plans, please reach out to tlssupport.carleton.ca.

You can add H5P content using the insert stuff button

Example of an HTML editor in Brightspace:

Create new H5P content in Brightspace 

1. Log in to Brightspace with your MyCarletonOne credentials.
2. On your Brightspace homepage, locate your course in one of the following ways:
   • Click on your course under My Courses.
   • Click the Course selector grid , then select your course from the drop-down menu.
3. In the navbar at the top of your course page, click Content. 
4. Under Table of Contents in the sidebar, click on the module or submodule where you would like the H5P integration to be located.
5. Click Upload/Create.         
6. In the drop-down menu, select Create a file.
7.  Enter a title for your content.
8. In the html editor, click the insert stuff button
9. In the Insert Stuff window, select H5P.
10. Click Add Content.                                                                                                 
11. Click the Details button next to the content content type you wish to add. You will be taken to a page where you can read an explanation of the content type, see example screenshots, and view a content demo.  To see a list of different content to choose from, visit: H5P Content Types and Applications.         
    

    TIP: You can search for a content type in the search field, or sort the content types using the Recently Used First, Newest First, or A-Z links.

12. Click the Use button below the content description/demo to select the content.
13. Type a title into the Title field. 
14. Customize and setup your content as desired.  For assistance with setting up and customizing your H5P content, please visit the TLS support portal to complete a support request.
15. Click Save and Insert when you are finished customizing your content.  
16. You will see a preview of your interactive content. Click Insert to add the content to your course page or click Back to adjust your content settings. Your H5P interactive content will now appear in the HTML editor. 
17. Click Save and Close to add your page with the H5P content.  Your H5P interactive content will appear as a webpage link in your module (see example below).

Edit H5P Content

1. Log in to Brightspace with your MyCarletonOne credentials.
2. On your Brightspace homepage, locate your course in one of the following ways:
   • Click on your course under My Courses.
   • Click the Course selector grid , then select your course from the drop-down menu.
3. In the navbar at the top of your course page, click Content. 
4. Under Table of Contents in the left sidebar, locate the H5P content you want to edit.
5. Click the arrow to the right of your H5P file link, then select View Topic in the drop-down menu to access the HTML editor.
6. Click the Edit button in the top-left corner of your H5P content within the HTML editor. 
7. When you are finished making your changes, click Save.

Export cuLearn H5P Content

1. Log in to cuLearn using your MyCarletonOne credentials. 
2. Locate the H5P content you want to export and click Edit.
3. In the drop-down menu, select Edit Settings.
4. Scroll to Display Options 
5. Click both Display action bar and frame AND Allow download.
6. Click Save and display. 
7. Click Reuse below the H5P content. You will see a pop-up window labeled Reuse Content.
8. Click Download as an .h5p file. 
9. Save the file to your computer. 
10. See Import H5P Files below for instructions on how to import H5P content in Brightspace.

Import H5P Files

1. Log in to Brightspace using your MyCarletonOne credentials.
2. On your Brightspace homepage, locate your course in one of the following ways:
   • Click on your course under My Courses.
   • Click the Course selector grid , then select your course from the drop-down menu.
3. In the navbar at the top of your course page, click Content. 
4. Under Table of Contents in the left sidebar, locate the module or sub-module where you would like to import the H5P file.
5. Click Upload/Create, then select Create a File in the drop-down menu.
6. Give your Page a title in the Enter a Title field.
7. In the Insert Stuff window, select H5P.
8. Click Add Content.                                                                                             
9. Under Select Content Type, select Upload.
10. Click Upload a file.            
11. Select the H5P file from your computer.
12. Click Open.
13. Click Use.
14. Click Save and Insert when you are finished customizing your content.
15. Click Insert. 
    

    NOTE: New content topics in Brightspace always add to the bottom of the module, underneath the submodules. You may need to scroll down to see your H5P activity depending on the number of other content topics you have.

Delete H5P Gradebook Item from Brightspace

Step 1: Delete the H5P Activity from the Module/Sub-module:

1. Log in to Brightspace using your MyCarletonOne credentials.
2. On your Brightspace homepage, locate your course in one of the following ways:
   • Click on your course under My Courses.
   • Click the Course selector grid , then select your course from the drop-down menu.
3. In the navbar at the top of your course page, click Content. 
4. Under Table of Contents in the sidebar, click on the module/submodule where the H5P activity is located.
5. Navigate to the H5P activity you would like to delete.
6. Click the downwards arrow beside the file with the H5P activity you want to delete.
7. Select Delete Topic from the drop-down menu.

Step 2: Delete the H5P activity from External Learning Tools:

1. In the navbar at the top of your course page, click Course Admin. A list of items will open.
2. Navigate to the H5P activity you would like to delete.
3. Click the downwards arrow beside the title of the H5P activity you would like to delete.
4. Select Delete from the drop down menu.

Step 3: Delete the H5P activity from Grades:

1. In the navbar at the top of your course page, click Progress.
2. Select Grades from the drop-down menu.
3. Click on the Manage Grades tab at the top of the page.
4. Click More Actions.
5. Select Delete from the drop-down menu.
6. Click the selectbox next to the H5P grade item you want to delete.

7. Click Delete. A deletion confirmation pop-up will appear.
8. Click Delete to delete the grade item from your course.

The H5P activity and associated grade item have been deleted from Brightspace.