H5P Interactives

Create simple, fun and interactive online learning activities.

Using the H5P Course Presentation Tool 

Course Presentations use images, videos, text and interactive elements to present topics. Pictures are accompanied by text to convey key messages and video with audio can be used to provide specific examples and details about a topic.

Students can navigate in the presentation either by moving one slide at a time, jumping to a specific slide, or by accessing slides that contain a new topic. This helps students to have control over their learning - based on their skills and previous knowledge.

Presentations can be accompanied with formative self-assessments in the form of short quizzes. The quizzes are presented throughout the slides and contain multiple select and fill-in the blank responses to reinforce learning. After each quiz is taken, students receive immediate feedback for their answers and the opportunity to repeat any quiz.

Performance feedback can also be included by presenting the overall progress for each one of the formative assessments. This summary helps students to reflect on what topics they have mastered and what areas they still need to improve to make more progress.

H5P is very user friendly. While exploring, you will see options to Tour, the possibility to see Demos, and a range of Examples. Click these while creating objects to get inspiration and ideas. 

For instructions on how to locate and insert H5P Learning Objects, please see Inserting H5P in VU Collaborate

Below are the steps to use the H5P course presentation tool:

 

 

Step One: Getting Started 


1. In the Learning Space choose the module you want the H5P to be in, click on New then New Document.

 

new new documentv1

 

2. In the Insert Stuff menu, click to open the H5P Learning Object.

 

Insert Stuff

 

Insert Stuff 2

 

3. Click Create New Learning Object

 

Create New

 

4. From the Content Type dropdown menu, select Course Presentation.

 

Course Pres

 

5. As mentioned, there are tutorials and examples available. We encourage you to explore these to get to know the objects and to have some interactive assistance.  

Note: If you click on the name of the object type, a summary of the tool and an option for a demonstration will appear. If satisfied with your tool selection, click Use. If you do not require this step, click Use from the content type menu.    

 

6. The Course Presentation editing window will appear. Here you can make all your changes and create your presentation. 

 

course edit

 

Step Two: Creating Slides


The bottom toolbar controls the slides. 

 

 toolbar

 

1. To add a slide, click the plus icon. 

 

toolbar1

 

2. To clone a slide you've created, click the two papers icon. 

 

toolbar2

 

3. To set a slide background, for either a full presentation template or a single slide, click the paintbrush icon.

 

 toolbar3

 

4. To sort the slides, click the arrow screen icons, left or right. 

 

toolbar4

 

5. To remove a slide that you have created, click the screen with a cross icon.

 

toolbar5

 

6. Click the double square to activate the side key word menu. These keywords should be added as you go. They will correspond with whichever slide you are working on when you add them, and can be used to navigate later on. 

 

toolbar6

 

To change the settings of the keywords, click the Slides dropdown at the top of your presentation.

 

slides2

 

Tip: Don't forget to scroll to the bottom of the page and Save at regular intervals. This will prevent you losing your work. Once saved, you will be able to view the presentation preview. To continue editing, click Edit

 

Step Three: Adding Content


The top toolbar contains everything you can add into your course presentation.

 

tb

 

3.1 Text 

Click the Text icon to insert text. 

 

tb 2

 

step 13 Copy

 

The HTML editor has basic formatting controls. There is also the option of adding a link into the body of the text. 

The text will appear in the centre of the slide, and can be moved, resized or edited. 

 

Example text box inserted into presentation. Resizable with options to delete or move.

 

If you click Display as Button in text editor, it will appear as a small blue button with an information icon.

 

Edit text menu with display as button highlighted

 

Button inserted in presentation with the letter i signalling information

Which when clicked, it will show the information in a popup window.

Note: This cannot be seen in the editor mode but will be clickable when previewing the presentation. 

 

3.2 Link

Click the Link icon to insert a link.

 

Top toolbar with link icon highlighted 

 

Fill in the fields and copy in the URL you would like to link and click Done

 

step 18 Copy

 

The link will appear as whatever is in the Title field. It is also possible to display this link as a button.

 

step 19 Copy

 

3.3 Image

Click the Image icon to insert an image. 

 

Top toolbar with image icon highlighted

 

Click the green plus icon to choose your image and upload it. Enter alternative text for accessibility and click Done. It is also possible to display this link as a button.

 

add image

 

3.4 Video

Click the Video icon to insert a video. 

 

Top toolbar with video icon highlighted

 

Click the plus icon to upload your video. Enter any settings you would like to adjust and click Done. It is also possible to display this link as a button.

 

edit video

 

Your video will appear as a thumbnail image with a play button in the centre. 

 

3.5 Audio

Click the Audio link to insert an audio file. 

 

Top toolbar with audio icon highlighted

 

Click the plus icon to upload your audio. Enter any settings and controls you would like to adjust.

 

step 25 Copy

 

3.6 Go To Slide

Click the Anchor icon to insert a Go To Slide. 

 

Top toolbar with anchor icon highlighted

 

Enter the Title text, the number of the slide that you would like the student directed to and click Done

 

goto

 

The Go To Slide will appear as a box frame. When hovered over with the cursor, it will be highlighted and your title text will appear. When clicked on, it will take the student to the slide previously specified. 

 

Blue background with broken lined box.

 

3.7 Question Types

There is a range of question types available to insert from the top toolbar. The detailed guides on creating these types are linked below. 

This icon is for Using the H5P Fill in the Blanks Tool

 

Top toolbar with question icon highlighted

 

This icon is for Using the H5P Single Choice Set Tool

 

top toolbar with question icon highlighted

 

This icon is for Using the H5P Multiple Choice Question Tool

 

top toolbar with question icon highlighted

 

This icon is for Creating True/False Questions

 

top toolbar with question icon highlighted

 

Enter the question into the question field and select whether it is true or false. Behavioural settings can be adjusted here also. Click Done when complete and the question will appear in your presentation. 

 

step 34 Copy

 

This icon is for Using the H5P Drag & Drop Tool

 

top toolbar with question icon highlighted

 

This icon is for Using the H5P Summary Tool

 

top toolbar with question icon highlighted

 

This icon is for Using the H5P Drag & Drop Text Tool

 

top toolbar with question icon highlighted

 

The plus icon on the right of the presentation will reveal more options when clicked. 

 

The plus icon on the top toolbar clicked to reveal a vertical menu with more options

 

This icon is for Using the H5P Mark the Words Tool

 

mark the words icon

 

This icon is for Using the H5P Dialog Card Tool

 

Dialog cards icon

 

This icon is for continuous text. 

 

continuous text icon highlighted

 

This icon is for exportable text. This tool leaves space for students to free write answers that can then be exported for assessment. 

 

exportable text icon highlighted

 

Write the Label and it will appear in your presentation with a text box below it for students to write in. 

 

step 43 Copy

 

This icon is for Using the H5P Interactive Video Tool

 

interactive video icon highlighted

 

Click the Twitter icon to insert a Twitter feed. 

 

Twitter icon highlighted

 

Enter the details of the Twitter account and the amount of Tweets, then click Done. 

 

step 46 Copy

  

Note: Clicking Remove while editing an object will result in a popup menu confirming that you wish to remove this element from your presentation. 

 

Step Four: Finalising Your Presentation


1. Once complete, scroll down to enter the behavioural settings and text overrides and translation. 

 

behavioural

 

2. Enter your relevant Discipline/Area and College in the fields provided.

 

step 49 Copy

 

3. Write a Description for your activity to provide context for the object if you're sharing it with other staff.

 4. The H5P options that appear at the bottom of the screen determine the accessibility of the tool. Set your preferences now, depending on how you want this tool to be used.

  • Select Shared to enable other staff to copy this learning object to use in their spaces. Leave this unticked to keep the object private to you and your spaces.
  • Select Send Grades to VU Collaborate if you have a grade item enabled and would like the marks to be sent straight through to a connected gradebook. 
  • Display button will allow users to embed your learning tool elsewhere, download the learning tool, and assign copyright to your tool. 
  • Download button enables users to download the learning tool. 
  • Click Add another Author and type the name of the staff member that you wish to add as an additional or co-editor / author for this H5P interactive. You can add multiple additional authors. 
    This will allow another staff member to edit, clone, save and use your H5P object.

additional authors

 

5. Clicking Save will return you to the H5P main screen, where you can edit and insert different object.

 

step 52

 

Step Five: Testing your Presentation


1. Locate your new object under the Title column and click Insert.

 

Edit, clone, insert and delete buttons with insert button highlighted

 

2. A preview of the new presentation will appear. You can test the object by navigating through the slides and making sure everything is working correctly.

3. The activity is now ready to add to your space. Click Insert to add the drag and drop to the document (or other embeddable area) you are working on.

 


Further Support

Visit the VU Collaborate Help site at https://vucollaboratehelp.vu.edu.au for up to date information and resources on blended learning or email This email address is being protected from spambots. You need JavaScript enabled to view it..

Contact ITS Service Desk on (03) 9919 2777 or via self-service http://servicedesk.vu.edu.au for further technical support.