Adding H5P Interactive Activities to your Course Site

Bruin Learn - Adding H5P Interactive Activities to your Course Site

To add an H5P activity to your Bruin Learn course site you can either add it through the Assignments section or through Pages. See the directions below for both options.

Accessing H5P through Assignments.

  1. Navigate to the Assignments tab in your course website using the left-hand navigation menu.

2. In the upper right corner of the screen, click on “+ Assignment” to add a new assignment.

3. After naming your new assignment, scroll down until you see “Submission Type”. Change submission type to “External Tool” using the drop menu. Then click on “Find”. This will open a secondary window titled “Configure External Tool” which lists all the external tools available through Assignments.

4. In the Configure External Tool window, scroll down until you see “Interactive Content - H5P”. Click on this option to select it. This will open the H5P interface window.

5. Here, you can then either select pre-existing H5P content you have already created or that has been shared with you from your H5P activity library. Or you can create new H5P content by clicking on the “+ Add Content'' button in the upper left corner of the window.

6. To add pre-existing content, scroll down until you find the activity you wish to add and then click on the green “Insert” option to the right of the activity.

7. Once you have either created new H5P content or selected a pre-existing activity to add to your Assignment, click “Insert” or “Save and Insert”. This will take you back to the Configure External Tool window. Now, click on the blue “Save” button to embed the H5P activity into your Assignment.

Accessing H5P through Pages

  1. Navigate to the Pages tab in your Bruin Learn course site using the left-hand navigation menu.

2. If you already have pages built in your course site, you will not see the “+ Page” option in the upper right corner of the Pages screen. To find this, first click on the blue “View All Pages” option on the left side of the main screen. This will open a list of all the published and unpublished pages in your Bruin Learn course site. Now, you should see the blue “+ Page” button in the upper right.

3. Click on “+ Page” to add a new page.

4. Name your new page, for example “H5P Activity”.

5. Next, in the Rich Content Editor, look through the tool bar until you find a plug icon. Click on this plug icon.

6. This will open a dropdown menu displaying which types of LTI’s can be embedded within the rich content editor. Select “Interactive Content - H5P”.

7. This will open the H5P interface window for your H5P account (will be automatically made when you open Interactive Content H5P). Here you can then either select pre-existing H5P content you have already created or that has been shared with you from your H5P activity library. Or you can create new H5P content by clicking on the “+ Add Content” button in the upper left corner of the window.

8. To add pre-existing content, scroll down until you find the activity you wish to add and then click on the green “Insert” option to the right of the activity.

Adding a New Activity to H5P (Creating New Content in H5P).

  1. To create new content in H5P, access the H5P interface either through Assignments or Pages in your Bruin Learn course (see relevant documentation)

  2. Click on the blue “+ New Content” button in the upper left corner of the screen.

3. This will open the H5P Content Creator page. Here you will see a list of all the available H5P activity types you can create using this LTI, as well as a brief description of each activity type.

4. Either use the search bar (located above the list of activities) or scroll through them manually to find the activity type you wish to create. 

5. The, click on the activity type (multiple choice in this example).

6. Provide a title for your activity. This will be the name of the activity within your H5P activity library.

7. Next, type out the text of the question for the multiple choice activity.

8. Then, type in the various options students will be able to choose from to answer the question text. You can add more options if the standard two provided are not enough. Remember, for the correct answer to check the small box next to “correct” under the text for that option.

9. When you have finished, select either the green “Save and Insert” option to insert this H5P activity into your Bruin Learn Assignment or click on the blue “Save” button to save it to your H5P activity library.