Dr.Urmila R.Pol, Assitant Professor, Shivaji University,Kolhapur, Maharashtra ,India.

Active Learning Approach : H5P Activity in Moodle

Content

● H5P

● Integrating H5P and Moodle

● Interactive Video

What is H5P ?

● H5P is a free and open-source content collaboration

framework based on JavaScript

● Abbreviation for HTML5 Package

● It aims to make it easy for everyone to create, share and

reuse interactive HTML5 content.

● Platforms you can use it: Moodle, WordPress and Drupal

Advantages of H5P ● Easy to create HTML5 content - right from your

browser window ● Share Content Seamlessly Across Any H5P Capable

Site ● Reuse and modify Content in Your Browser at Any

Time ● Mobile friendly content - experience the same rich,

interactive content on computers, smart phones and tablets.

● Free to use - H5P is a completely free a open technology, licensed with the MIT license.

● Supported by the Moodle Community

● Create a free account in http://h5p.org

● Create your content.

● Create an activity or resource in moodle

● Select a resource or activity into which you are going to insert the H5P

content. Any of them that display HTML blocks will work.

● Set up your HTML page

● Turn on HTML editing

● Embed it into Moodle or share it.

Starting Using H5P

Starting Using H5P in the Cloud

https://h5p.org/

Starting Using H5P in the Cloud

Install the H5P plugin

1. Log in to your Moodle installation as an administrator. Under Site Administration,

Plugins in the admin menu, press Install plugins and then the button labelled Install plugins

from the Moodle plugins directory.

Integrating H5P with Moodle

At this point, you may have to log into your

moodle.org account. Locate the H5P plugin page

and press the button labelled Install now.

Using H5P in Moodle

Using H5P in Moodle

Using H5P in Moodle

Create an H5P activity 1.Log in as an administrator or a user that has

the permission to create H5Ps inside a course

2.Go to the course you wish to add the H5P

content to

3.Press "Add an activity or resource."

H5P Content Types

H5P makes it easy to create interactive content by

providing a range of content types for various needs.

H5P is a plugin for existing publishing systems that

enables the system to create interactive content like

Interactive Videos, Presentations, Games, Quizzes

and more!

Interactive Video

Course Presentation

Branching Scenario

Drag and Drop

Dialog Cards

Virtual Tour (360)

Accordion

Image Hotspots

Flashcards

Drag the Words

Timeline

Question Set

Multiple Choice question

Memory Game

Agamotto

Documentation Tool

Guess the Answer

Fill in the Blanks

Image Sequencing

Arithmetic Quiz

Find the Hotspot

Mark the Words

Dictation

Essay

Summary

Impressive Presentation

Collage

Chart

Single Choice Set

Audio

Interactive Video

Course Presentation

Drag and Drop

Find multiple hotspots/Find the

Hotspot

Image Juxtaposition Guess the Answer

Audio Recorder Mark the Words

Timeline

Multiple Choice Memory Game

1.

Interactive Video

2.

Course Presentation

3.

Drag and Drop

4.

Find multiple hotspots/Find the Hotspot

5.

Image Juxtaposition

6.

Guess the Answer

7.

Audio Recorder

8.

Mark the Words

9.

Timeline

10.

Multiple Choice

11.

Memory Game

Top H5P Content Types For Moodle Teachers

Starting Using H5P in Moodle

Note: You must install the H5P plugin first

"My content types" will give you the

list of all content types you have

installed on your site. "All" will give

you the list of all H5P content types

that are available. All new content

types release are available here for installation.

Using the H5P Hub you can upload existing h5p

content. Click "Upload" tab at the top to upload an

existing .h5p file.

Finish creating or uploading your H5P content .

Save the activity at the bottom of the form.

Starting Using H5P in Moodle

• Label • Text

• Table

• Link

• Image

• Statements • Single Choice Set

• Multiple choice

• True/False question

• Fill in the blanks

• Drag and Drop • Mark the words

• Drag Text

• Crossroads

• Navigation Hotspot

Resources

H5P.org http://www.h5p.org

H5P Tutorials https://h5p.org/documentation/for-authors/tutorials