Adding H5P Interactive Content

You can add H5P content using the insert stuff button

Example of an HTML editor in Brightspace:

Create new H5P content via carleton.h5p.com

1. Log in to carleton.h5p.com.
2. Click Add Content.                     
3. Choose a content type.
   

   NOTE: Some H5P activities may not be fully accessible. Check accessibility of H5P activities.

   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.

4. Click on the name or image of the content type you would like to add. 
   

   TIP: If you click the Details button (to the right of the content name) 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.

      

5. Build the H5P activity. It is recommended that you regularly click Save to save your progress as you go. 
6. Scroll down to the bottom of the page and click LTI settings in the side menu.
7. Under Choose when to send scores to the LMS, select one of the following options from the drop-down menu: First Attempt, Last Attempt, or Best Attempt. 
8. Click Save.Your content will now appear in the list under My Content.
   

   TIP: You can create a clone of an H5P activity so that you can make changes to an H5P activity in Brightspace without making changes to the original H5P activity. To create a clone, navigate to My Content on carleton.h5p.com, click the three dots icon , then select Clone. This will create a copy of the H5P activity.

   NOTE:  If you would like to allow someone else to edit an H5P activity you have created, you can add them as a collaborator. To add someone as a collaborator, click on the pencil icon next to your activity (or click Edit). Scroll down to the bottom and click Collaborators from the list of options. In the text field that appears, add the name of the person you want to be able to edit the activity. The person must have created an H5P activity in Brightspace for their name to appear.

Insert H5P content into Brightspace

Once H5P content has been created on carleton.h5p.com, it can be added to Brightspace so that students have access to it.

1. Log in to Brightspace with your MyCarletonOne credentials.
2. On the Brightspace homepage, locate your course in one of the following ways:
   • • Click on the course tile under the My Courses widget.
     • Click the Course Selector Grid  and select the course from the drop-down menu. If you are enrolled in more than 20 courses, you can search for the course name using the search bar.
3. In the navbar, 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 Existing Activities.                                 
6. Select H5P Activity from the drop-down menu.
7. In the Add Activity window, click the Add Content button.
8. You will see a list of H5P activities that you have created. Click the Insert button to the right of the activity you want to add to your course.
9. Your H5P content will now appear as an External Learning Tool link in your module.         
   

   NOTE:  New content topics in Brightspace are always added to the bottom of the module. Depending on the number of content topics, you may need to scroll down to see your H5P activity.

        

Add H5P content to a Brightspace module or sub-module

1. Log in to Brightspace with your MyCarletonOne credentials.
2. On the Brightspace homepage, locate your course in one of the following ways:
   • • Click on the course tile under the My Courses widget.
     • Click the Course Selector Grid  and select the course from the drop-down menu. If you are enrolled in more than 20 courses, you can search for the course name using the search bar.
3. In the navbar, 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 Existing Activities.                                 
6. Select H5P Activity from the drop-down menu.
7. In the Add Activity window, click the Add Content button.
8. Click on the name of the content type you would like to add (Ex. Interactive Video, Accordion). 
   

   TIP: If you click the Details button (to the right of the content name), 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 full list of activities to choose from, visit: H5P Content Types and Applications.

     

   NOTE: Some H5P activities may not be fully accessible. Check accessibility of H5P activities.

   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.

9. Build the H5P activity. It is recommended that you regularly click Save to save your progress as you go.  
10. Scroll down to the bottom of the pop-up window and click LTI settings.
11. Under Choose when to send scores to the LMS choose one of the following options from the drop-down menu: First Attempt, Last Attempt, or Best Attempt. For more information on LTI Settings, see the section on H5P and LTI settings below.  
12. Click Save and Insert.   
13. Your H5P content will appear as an External Learning Tool link in your module.         

Add H5P Content to an HTML Editor

1. Log in to Brightspace with your MyCarletonOne credentials.
2. On the Brightspace homepage, locate your course in one of the following ways:
   • Click on the course tile under the My Courses widget.
   • Click the Course Selector Grid  and select the course from the drop-down menu. If you are enrolled in more than 20 courses, you can search for the course name using the search bar.
3. Access the HTML editor you wish to add the H5P Activity to. The HTML Editor is available in multiple areas of the course, including content topic descriptions, discussion topics, assignment descriptions, or creating a file. 
4. In the html editor, click the insert stuff button
5. In the Insert Stuff window, select H5P Activity.                                                         
6. A pop-up window will appear with a preview of your H5P activity. Click Insert. Your H5P content will now appear in the HTML editor.  
7. Click Save and Close to add your page with the H5P content.  Your H5P content will appear as a webpage link in your module.           

Edit H5P Content via carleton.h5p.com

1. Log in to carleton.h5p.com.
2. Under My Content, navigate to the content you want to edit and click the pencil icon
3. When you are finished editing your content, click Save.

Edit H5P Content in Brightspace

1. Log in to Brightspace with your MyCarletonOne credentials.
2. On the Brightspace homepage, locate your course in one of the following ways:
   • Click on the course tile under the My Courses widget.
   • Click the Course Selector Grid  and select the course from the drop-down menu. If you are enrolled in more than 20 courses, you can search for the course name using the search bar.
3. In the navbar, 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 the Brightspace homepage, locate your course in one of the following ways:
   • Click on the course tile under the My Courses widget.
   • Click the Course Selector Grid  and select the course from the drop-down menu. If you are enrolled in more than 20 courses, you can search for the course name using the search bar.
3. In the navbar, 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 the Brightspace homepage, locate your course in one of the following ways:
   • Click on the course tile under the My Courses widget.
   • Click the Course Selector Grid  and select the course from the drop-down menu. If you are enrolled in more than 20 courses, you can search for the course name using the search bar.
3. In the navbar, 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.