moodle h5p course presentation

You are here

Course presentation tutorial - new version.

The Course presentation content type allows you to create a slide-based presentation of your learning material. Elements such as keywords, links, pictures, audio and video clips, as well as various quiz types can be embedded seamlessly right into the presentation for a richer learning experience.

In this tutorial you will learn:

When to use Course presentations

• How to create a Course presentation

Here's the Course presentation we'll create in this tutorial:

Course presentations enables you to author and deliver your course material directly in your browser. Course presentations contain slides where you can add various multimedia- and interactive elements to engage the learner.

Course presentations are used when you want to package a piece of learning content in a structured and interactive format. Learners swipe through slides to experience the learning material, while solving various quizzes or watching videos along the way.  

Try Course presentations as an alternative to presenting your learning content as Powerpoint presentations, PDFs or text-based web pages. Course presentations are very flexible to use, as they are simple to create, publish and edit.

Prerequisites

Make sure h5p is up and running.

If this is the first time you are using H5P, you should start off by reading  this guide  to ensure you are up and running with H5P on your platform. 

Alternatively, you can  test drive H5P  right here on h5p.org and skip to step 1.

Make sure your platform can create Course presentations

Navigate to the menu that enables you to create new content. In Drupal, you select  Interactive content . In WordPress you press  Add new  under  H5P Content  in the admin menu. Select the  Create  option for H5P. If you find  Course presentation  in the list of  Content types , skip to  Step 1 .

If you can’t find the Course presentation  content type in the list:

• Download the .h5p file you can find here
• Select the  Upload  option when creating a new H5P
• Upload the file from step 1
• Save  the node/article

You will now find  Course presentation  in the  Content type  list when creating a new H5P.

Step 1: Topic

We'll use the Wikipedia article about Cloudberries as background material for our Course presentation. We'll use a couple of pictures from Wikimedia Commons as well.

Let's create three slides, with a test at the end:

• Slide 1: Cloudberries
• Slide 2: Where to find them?
• Slide 3: Uses

Step 2: Creating a Course presentation

Head over to where you usually create new content on your platform. In Drupal you go to  Create content  and select  Interactive content . In WordPress you select  H5P Content  and  Add new  from the admin menu. Then select the  Create  option for H5P and choose  Course presentation  from the list of  Content types . 

Step 3: Course presentation editor

The Course presentation editor should now appear. The top part of the editor looks like this. In this tutorial we'll focus on creating the Course presentation content. The content creation happens in the top part of the editor, so we'll only focus on this for now.

The Course presentation editor is wysiwyg. The end user view of the Course presentation will look very similar to editor view.

cp-img-1.jpg

• Examples & downloads
• Getting Involved
• Documentation
• Goals & roadmap
• Create free account
• User account
• Compose tips
• Examples & Downloads
• Goals & Roadmap

Connect with H5P

• Contact Form
• H5P is an open source community driven project. Join the Community and help us create richer online experiences!
• Project Licensing Information
• About the Project

H5P is a registered trademark of H5P Group Privacy policy | Copyright © 2024

Documentation

Interactive content - h5p activity.

• 1 Highlights
• 2.1 Supercharge your website with H5P
• 2.2 Mobile friendly content
• 2.3 Share rich content
• 2.4 Free to use
• 3 Links to examples and downloads
• 4 Compatible Moodle versions
• 5 Potential privacy issues
• 6.1 Get the plugin
• 6.2 Install the plugin
• 6.3 Moodle Mobile App compatibility
• 7.1 Display Options
• 7.2 Uploading or Creating an activity
• 7.3 Activities available for creation from inside the plugin
• H5P gives you access to lots of different interactive content types (see 'Activities available for creation from inside the plugin' below).
• To reuse content, you just download the H5P you would like to edit and make your changes – e.g. translate to a new language or adjust it to a new situation.

Supercharge your website with H5P

• H5P makes it easy to create, share and reuse HTML5 content and applications.
• H5P empowers creatives to create rich and interactive web experiences more efficiently - all you need is a web browser and a web site with an H5P plugin.

Note: Moodle itself can embed HTML5 media .

Mobile friendly content

• Publish once, view and interact on all screens.
• H5P content is responsive and mobile friendly.
• Users experience the same rich, interactive content on computers, smartphones and tablets alike.

Share rich content

• H5P enables existing CMSs and LMSs (such as Moodle) to create richer content.
• With H5P, authors may create and edit interactive videos, presentations, games, advertisements and more.
• All that is needed to view or edit H5P content is a web browser.
• Rich content, applications and content components may be shared on H5P.org.

Free to use

• H5P is a completely free and open technology, licensed with the MIT license .
• Demos/downloads, tutorials and documentation is available for users who want to join the community.

Links to examples and downloads

• Course Presentation
• Interactive Video
• Memory Game
• Visit the H5P content types and applications page for more examples and downloads (see the download link inside the red rectangle in the following image).

Compatible Moodle versions

Moodle 2.7 to the latest version.

Potential privacy issues

The plugin is set up to automatically download content types and provide anonymous usage data which can be disabled through settings.

Installation

Get the plugin.

• From the Moodle plugins database

Install the plugin

• Visit http://yoursite.com/admin to finish the installation

Moodle Mobile App compatibility

H5P contents are compatible with the Mobile App provided these 2 parameters have been set in Admin.

• Site administration > Mobile app > Mobile settings > Enable web services for mobile devices (of course!)
• Site administration > Security > HTTP security > Allow frame embedding

Note 1.- The help text in this 2nd parameter displays a wrong piece of information. It reads " Please, note also that for the mobile app this setting is ignored and frame embedding is always allowed. " This is not true for H5P, Frame embedding must be enabled.

Note 2.- If the admin has forgotten to enable this setting, in the Mobile App 2 different messages will be displayed to the end-user, according to their role (or rather their capacities).

• student role: This site is not configured properly for displaying mobile H5P content. Please contact a site administrator.
• admin role: Iframe embedding must be enabled in order to display H5P content in the mobile app. You can enable it by checking Allow frame embedding" in Site Administration / Security / Http Security

Display Options

You can enable/disable:

• Display action bar and frame
• Download button
• Copyright button

Uploading or Creating an activity

• If you choose to 'Upload' an activity, you can choose a (.h5p) file or drag and drop one into the designated area.

• You can easily create an interactive activity with the built-in editor inside the plugin.

• If you choose to 'Create' an activity, the Editor drop-down list will let you choose any one of the following:

Activities available for creation from inside the plugin

• Accordion - An accordion content type allowing users to add accessible WAI - ARIA enabled accordions. WAI - ARIA is used to increase the accessibility of web pages, in particular, dynamic content and user interface components developed with Ajax, HTML, JavaScript and related technologies.

• appear.in for Chat and Talk - A video conference content type allowing authors to set up conference rooms.

• Audio - An easy to use audio player.

• Chart - A chart content type allowing users to create pie charts and bar charts with H5P, to present simple statistical data graphically without creating the artwork manually.

• Collage - A photo collage content type allowing users to set up multiple photos in a custom layout using only a web browser in order to show off their photos in a tasteful way.

• Course presentation - A presentation content type which allows users to add multiple choice, fill in the blanks, texts and other types of interactions to their presentations using only a web browser in order to make engaging presentations.

• Dialog Cards - A content type allowing authors to create great language learning resources with H5P.

• Documentation Tool - A content type allowing authors to create guides for structured writing processes with H5P.

• Drag and Drop - A drag and drop question type allowing creatives to create many forms of drag and drop using only a web browser in order to make engaging challenges using H5P.

• Drag the Words - A question type allowing creatives to create text based challenges where users are to drag words into blanks in sentences. Excellent for language training.

• Fill in the Blanks - A question type allowing creatives to create fill in the blanks, also known as cloze tests.

• Find the Hotspot - A question type allowing creatives to create an image based test where the learner is to find the correct spot on an image. Use this content type with the H5P plugin to challenge your users.

• Flashcards - A content type allowing creatives to create flashcards. Flashcards are often used in language learning for drilling words and expressions. Flashcards can also be used to present math problems or help learners remember facts such as historical dates, formulas or names.

• Greeting Card - To easily create a greeting card.

• Guess the Answer - A content type allowing creatives to create challenges where the user is to guess an answer based on a picture.

• Iframe Embedder - The Iframe embedder makes it easy to make an H5P of already existing JavaScript applications.

• Image Hotspots - A content type allowing creatives to add hotspots to images. Hotspots may reveal texts, images and videos when clicked.

• Interactive Video - An interactive video content type allowing users to add multiple choice and fill in the blank questions, pop-up text and other types of interactions to their videos using only a web browser. Make your videos more engaging.

Click here to link to an interactive video demo

• Mark the Words - A question type allowing creatives to create challenges where the user is to mark specific types of verbs in a text.

• Memory Game - A memory game content type allowing authors to add their own images (and optional text) to a memory game. To play the game, users search for image pairs, which will display a specified text message once a matching pair has been found.

• Multiple Choice - A question type allowing creatives to create challenges where the user is to identify one ore more correct choices.

• Question Set - A content type allowing creatives to create quizzes. Many question types are supported like multiple choice, fill in the blanks, drag the words, mark the words and regular drag and drop.

• Single Choice Set - A content type allowing creatives to create simple and smoot quizzes consisting of single choice questions.

• Summary - A summary builder. This content type allows creatives to create challenges where the user is to choose between statements and build the correct summary.

• Timeline - A content type allowing creatives to create interactive timelines.

• Twitter User feed - A Twitter feed.

• H5P activity for details how to migrate activities from mod_hvp to mod_h5pactivity (available in Moodle 3.9 onwards)
• H5P homepage
• H5P.org forum
• source code repository
• H5P Moodle Dev documentation
• Language teaching
• Mathematics

• Terms of Service
• Why Use H5P
• Getting Started with H5P
• Documentations
• H5P Examples
• Your Profile

Course Presentation

A free HTML5-based presentation content type which allows users to add multiple choice questions, fill in the blanks, text, and other types of interactions to their presentations using only a web browser. Create engaging presentations with H5P and Course Presentation in publishing systems like Canvas, Brightspace, Blackboard, Moodle and WordPress.

Full Documentation: https://h5p.org/tutorial-course-presentation

H5P WCAG Accessibility

Before using this content type in your course, please review the H5P Content Type Accessibility Table to determine if the content type is accessible.

• LEaD events
• IT Self Service Portal

Pilot role and plugins guide

• Get started - Pilot role
• H5P editor role in Moodle 4
• Event monitoring
• Create a workshop activity
• Workshop planner
• Maximise use of Workshop
• Course Presentation

About Course Presentation

Add course presentation, provide description, set grading strategy, select interactive activity type, set up course presentation.

• Interactive Video
• Embed H5P resource in Moodle
• H5P workshop recording

The Course Presentation content type allows you to create a slide-based presentation of your learning material and can help to facilitate more active learning approaches online. 

Elements such as slide titles, links, pictures, audio and video clips (as well as various quiz types) can be embedded seamlessly into the presentation for a richer learning experience.

• Turn editing on and navigate to the section where you want the H5P activity to be located.
• Select Add an activity or resource 
• Select H5P Interactive Content from the Activities tab.
• Give your activity a Description if required.
• Check the box alongside Display description on module page if you want the Description field to appear on the Moodle module.

• H5P activities default to a maximum grade of 10. As H5P activities appear in the Gradebook for students, we recommend you set up a formative assessment category and set the total for this category to 0 so that the grades for these activities do not contribute to the course total

• Select Cou rse Presentation from the Editor drop-down list and select Details and then select  Us e.

• Provide a Title for the Course Presentation.
• Review the tutorial on H5P for some top tips on how to create an effective Course Presentation.
• Scroll to the end of the page and select  Save and display to review the Course Presentation.

• << Previous: H5P in Moodle 3.9
• Next: Interactive Video >>
• Last Updated: Aug 19, 2024 2:12 PM
• URL: https://city-uk-ett.libguides.com/staff/moodle/pilot