UOW logo
UOW logo

Creating an H5P Course Presentation activity

Note: This article is part of the H5P collection.

With the H5P Course Presentation tool, you can create and present asynchronous educational material to your students with slides that incorporate multimedia and interactive features.

This format enables you to assemble your course material in a dynamic and interactive way. Students can navigate through the slides, engaging with embedded quizzes and videos as they go. It's an effective alternative to traditional methods like PowerPoint slides, PDFs, or standard text-heavy web pages. 

 

Why?

The H5P Course Presentation allows educators to create and present content in an engaging way, consistent with Active Learning principles. The Course Presentation can also be used for formative tasks to provide students with opportunities for self-assessment and consolidation of knowledge.

Exportable Text Areas in a H5P Course Presentation also offer a unique opportunity for students to engage with your content. These text areas can be embedded throughout the presentation, allowing students to record their reflections, ideas, notes, and answers to questions as they interact with it. Anything the student inputs in these fields will be collated into an individual summary that they can download as a Word document.

Note: H5P should not be used for formal assessment. As stated by the developers (H5P, n.d.) users familiar with web development may be able to access the answers on H5P activities before submission. 

Preview an example H5P Course Presentation (opens in new tab), that includes Fill in the Blanks, Video, and Multiple Choice questions.

 

How?

 

This section of the resource will guide you through using the H5P Course Presentation tool.Moodle - H5P - Course Presentation Editor

 

The Slides tab and settings menu

Clicking on the Slides button in the top left of the edit window will open the settings for navigating the Course Presentation.H5P Course Presentation Slides Menu

 

The top menu

  • Adding elements. The following section contains formatting and multimedia options. 
    H5P course presentation menu media
    From left to right;
    • Add or format text,
    • Add or update a hyperlink,
    • Add or update an image,
    • Add shapes (square, circle, horizontal or vertical lines),
    • Add or update a video,
    • Add or update a link to a slide within the H5P Course Presentation,
    • Add or update an audio file. 
  • Adding interactivity. The following section contains the buttons for adding question types and other interactivity. 
    H5P Course Presentation Add Interactivity
    From left to right:
    • Fill in the Blanks
    • Single Choice Set
    • Multiple Choice
    • True/False Question
    • Drag and Drop
    • Summary
    • More elements. This includes other less common, but still useful options including Tables, Interactive Video, Exportable Text (covered later in this article) and more. 
    • Paste content from the clipboard. 

 

Slide options

H5P Course Presentation Slide Options

From left to right: 

  • Show or hide the sidebar navigation,
  • Current slide / Total slides. In the image above, the Course Presentation is displaying slide 2 of 3,
  • Add new slide,
  • Clone slide,
  • Slide background - please be mindful of colour contrast requirements when selecting background colours and images,
  • Move slide left - e.g. move the current slide (slide 2) to become slide 1 in the order,
  • Move slide right - e.g. move the current slide (slide 2) to become slide 3,
  • Delete slide.
 

This section outlines the steps to create a Course Presentation H5P activity. 
  1. Ensure Edit mode is on.
    Moodle - Edit Mode On
  2. Click the Add an activity or resource button.
    Add an Activity or Resource Button
  3. Select Interactive Content from the Add an activity or resource chooser.
    Moodle - Add an Activity or Resource - Interactive Content
  4. Add a meaningful Name (mandatory) and Description (optional) to the activity.
    Moodle - Adding Interactive Content - Description
  5. Click Slides to open the Slides panel, then click Edit to add a title to the slide.
    Moodle - H5P - Course Presentation Editor - Slides Panel - Edit Button
  6. Click Image to add an image to a slide. To create a UOW-style Course Presentation, you can utilise assets from the UOW Office Kit available via the intranet.
    Moodle - H5P - Course Presentation Toolbar - Insert Image Button
  7. Click + Add and select the image you want to use.
    Moodle - H5P - Course Presentation Editor - Add Image - Add Button
    • Enter alt text into the Alternative text field.
    • (Optional) You can provide hover text – text displayed when students hover their mouse pointer over an image.
    • Comments can also be added to the image that are displayed at the end of the presentation when students choose to display suggested answers.
  1. Click Metadata to include license information for the image.
    Moodle - H5P - Course Presentation Editor - Add Image - Metadata Button
  2. Resize images in the Course Presentation by clicking and dragging the lower right corner of the image.
    Moodle - H5P - Course Presentation Editor - Resize Image
  3. Drag and drop the image to move it to the desired position on the slide.
  4. Click Text to add a text box to the slide.
    Moodle - H5P - Course Presentation Toolbar - Text Button
    • Insert text into the Edit text box.
      Moodle - H5P - Course Presentation Toolbar - Edit Text Field
    • Use the Edit text toolbar to format text.
    • Comments can also be added to the text that is displayed at the end of the presentation when students choose to display suggested answers.
    • Background Opacity: a 0 value means the text box will be transparent, and a 100 value means the text box will have a white background.
    • Check Display as button to replace the text box with a button students click on to read the text in the pop-up.
  1. Click Add new slide to add additional slides to the presentation.
    Moodle - H5P - Course Presentation Editor - New Slide Button
Note: You can navigate the presentation using either the Slides panel or using the navigation bar.
  1. To create a link, click the Link button.
    Moodle - H5P - Course Presentation Toolbar - Link Button 
    • The text entered in the Title text field will be displayed on the slide.
    • Enter the URL into the URL text field.
    • Comments, opacity, and the ability to display the link as a button rather than text are the same as described above for images.
  1. To create a Summary, first add a new slide as described in Step 8, then click the Summary button.
    Moodle - H5P - Course Presentation Toolbar - Summary Button
    Moodle - H5P - Course Presentation Editor - Add Summary Dialog Box
    • The Summary activity allows students to make an interactive summary of the key points in the Course Presentation.
    • After adding introductory text or a question, add statements that summarise the Course Presentation.
      Note: The first statement is the correct statement.
 

The Exportable Text activity allows students to write into text fields within an H5P Course Presentation and export the collated text to a Word document.

You can include prompts for the students in the text boxes, as well as generic automated feedback in the exported document.

Some potential use cases include:

  • Summarising the subject material in the student's own words for note-taking,
  • Reflecting on stimulus,
  • Writing pre- and post-evaluations on perspectives prior to engaging in another activity, e.g. prior to and after completing a module,
  • Drafting components of essays with integrated feedback.

With the ability to export the file as a Word document, students can easily upload the document to a Moodle Assignment for marking. Students can edit the Word document, once downloaded, as with any other Word document.

 

Steps for Creating an Exportable Text Activity

To create an Exportable Text activity in the H5P Course Presentation:

  1. From the H5P Course Presentation, click More elements (three vertical dots) to show more options.
  2. Select the Exportable Text Area button.
    H5P Course Presentation Exportable Text
  3. Enter a Label/heading to display the answers in the exported document.
  4. The Comments field can be used either to provide prompts OR automated feedback, depending on the display settings chosen.
    • To include prompts in the text entry boxes, enter the text for the prompt and click on Always display comments. This will then show as a question mark popup in the corner of the text entry area, as displayed below.
    • To automate feedback, ensure Include comments in the exported document is selected, and uncheck Always display comments.
  5. Click and drag to move or resize the Exportable Text Area on the slide. 
  6. Add instruction to the students noting on the final slide they will be able to download their responses as a Word document by clicking the Export text button.
    H5P Export Text box
  7. Click the Save and display button to view the H5P Course Presentation.
Note: Only when the Export text button has been clicked will the responses for that student be stored in the activity and available to retrieve at a later date or in another browser session.

 

 

References

H5P, (n.d.). Security model. Retrieved May 17th, 2024, from https://h5p.org/documentation/installation/security

Contact Learning, Teaching & Curriculum

Request support

Contribute to the Hub

Provide feedback

UOW logo
Aboriginal flagTorres Strait Islander flag
On the lands that we study, we walk, and we live, we acknowledge and respect the traditional custodians and cultural knowledge holders of these lands.
Copyright © 2024 University of Wollongong
CRICOS Provider No: 00102E | Privacy & cookie usage | Copyright & disclaimer