1. Getting Started with H5P
    1. Sign in to carleton.h5p.com
  2. Create New H5P Content
    1. Create new H5P content via carleton.h5p.com
  3. Create new H5P content in Brightspace 
    1. Add H5P content to a Brightspace module or sub-module
    2. Add H5P Content to an HTML Editor
  4. Edit H5P Content
    1. Edit H5P Content via carleton.h5p.com
    2. Edit H5P Content in Brightspace
    3. Export cuLearn H5P Content
    4. Import H5P Files
    5. Delete H5P Gradebook Item from Brightspace
    6. Adding Video via H5P

H5P is an interactive content tool that can be added to any D2L Brightspace course. H5P can be used to make interactive, engaging content experiences that increase active learning. Interactive content is powerful for creating formative assessments and feedback opportunities. H5P can also be used to add variety to the presentation of your content or to embed quizzes alongside multimedia content, for example.

H5P Logo

WARNING: H5P is an excellent tool for interactive learning and informal, ungraded assessments. H5P should not, however, be used for formally graded assessment or summative assessments. Some tech-savvy students may be able to access the answers to H5P questions.

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

For additional information, visit the following H5P resources:

Getting Started with H5P

To get started with H5P in Brightspace, you will first need to access the H5P tool in your course. You can access H5P in Brightspace via the Insert Stuff button in any HTML editor or you can add H5P content to a course moduleOnce you have accessed H5P in Brightspace, you will be able to log in to carleton.h5p.com using your MyCarleton1 email address. Your H5P account syncs with Brightspace so that you can create and manage your content from within your course or via carleton.h5p.com.  

Where can I add H5P content in my Brightspace course?
 
H5P content can be added to any page in a Brightspace course where the HTML editor is available. Some of the places you can add H5P interactive content include, announcements, module descriptions, and pages in your course.  You can add H5P content using the insert stuff button

Example of an HTML editor in Brightspace:

Sign in to carleton.h5p.com

  1. Go to carleton.h5p.com 
  2. Enter your Carleton cunet email address. For example, firstnamelastname@cunet.carleton.ca.
  3. Click Next.
  4. When you log in for the first time, click Send me a password link
  5. H5P.com will send a link to set your password to your Carleton MC1 email address. Click on the Set Password link and enter your password. If you encounter issues signing in, contact the TLS Support Portal.                 

Create New H5P Content

There are two ways to create new H5P content:

  • Create new content via carleton.h5p.com (recommended) – carleton.h5p.com allows you to create your interactive H5P activities from a single dashboard where you can organize and manage your content. We recommend creating your content via carleton.h5p.com before integrating H5P activities into your course.  Content that is created via carleton.h5p.com automatically syncs with Brightspace, allowing you to seamlessly integrate H5P activities into your course.
  • Create new content in Brightspace – H5P content can be created directly within Brightspace. H5P integrates with Brightspace as an external learning tool that can be added to course modules or HTML editors.

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 submodulewhere 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. 

         

Create new H5P content in Brightspace 

H5P content can be added to a Brightspace course in the following ways:

  • Add H5P activities to a module or sub-module – Add an H5P activity as a topic item link in a module or sub-module in your course.
  • Add H5P activities to an HTML Editor – Add content via the Insert Stuff button to to insert H5P activities into any HTML Editor in your course. The HTML Editor is available when you edit discussion topics, create descriptions for assignments, create content topics, or create webpages.  

Add H5P content to a Brightspace module or sub-module

Add an H5P activity as a topic item in a module or sub-module in your course.
NOTE: If you would like to test H5P activities before inserting them into your course, go to carleton.h5p.com to create your content.

  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 submodulewhere 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.         
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. 
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 in order for their name to appear.

Add H5P Content to an HTML Editor

Add content via the Insert Stuff button to to insert H5P activities into any HTML Editor in your course. The HTML Editor is available when you edit discussion topics, create custom instructions for assignment folders, create content topics, or create webpages.  

  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

There are two ways to edit H5P content:

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.
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 in order for their name to appear.

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

There is a 3-step process involved in deleting an H5P activity and its corresponding grade column from Brightspace.

NOTE: To delete an H5P grade item, you must delete the H5P activity from Brightspace. You will still be able to access the H5P activity by going to your account on carleton.h5p.com.

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.
NOTE: If you are unable to click the selectbox next to the H5P grade item, this means the H5P activity has not been deleted from the content section or the external learning tools section. For assistance, visit the TLS support portal to complete a support request.
  1. Click Delete. A deletion confirmation pop-up will appear.
  2. Click Delete to delete the grade item from your course.

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

Adding Video via H5P

  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 submodulewhere 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. Select the Interactive Video content type.
  12. Under Add a Video, You can upload a file from your computer or paste a URL to a YouTube video or a supported video file. Click the plus sign + to select a file from your computer,
  13. You have the option to add interactions. under the Add Interactions tab.
  14. Click Save and Insert. You will now see a preview of your video content.
  15. Click Insert.
  16. Your video will now appear in the HTML editor.  Click Save and Close. 

Was this page helpful?

16 people found this useful