Developing and Producing an Interactive

Educational Video Material

Introduction

Learning materials in multimedia formats are commonly used in open and distance e-learning
(ODeL). According to Mendes (2016), audiovisual materials “convey things that are difficult to
convert without actual demonstration.” Moreover, the utilization of instructional videos allows
learners to access their learning materials at their own pace and at their own time by pausing or
rewinding the video to fully understand the lesson (Deakin Learning Futures Teaching
Development Team, 2014).

However, as we continue to shift to the “new normal” in education, there is a need to utilize the
available educational programs and toolkits to improve the quality of teaching and learning. One
of the toolkits available can help create an interactive educational video material. HTML 5
Package or H5P. H5P, according to their official website, allows users to “create interactive
content by providing a range of content types for various needs.” The H5P plugin can be added
to learning management systems such as WordPress, Moodle, or Drupal and can also be
integrated via websites that support LTI integration.

With the use of H5P, users may incorporate elements such as questions, pop-up text, images,
and other forms of interactions to their existing videos. By adding interactive elements, student
engagement and interaction can be further enhanced. Moreover, these interactive videos can be
used to provide self-assessment in a digital environment. According to Garcia (2020),
self-assessment activities are essential in creating meaningful learning for the students.

Course Objectives

At the end of the course, you shall be able to:

1. Identify and apply the different features of H5P, and

A. Basics of H5P
1. Basic Info about H5P
2. Platforms to create an interactive video using H5P
3. The H5P Interactions

B. Features of H5P
1. Uploading of Base Video
2. Adding Interactions
a) Simple Interaction
b) Quiz Interaction
c) Adaptivity Interaction
d) Bookmark
C. Exporting the Interactive Video

Course Materials

The following shall be used in this course:

Majority of the materials are uploaded on the course site. Links to OERs are also provided.

Required Equipment and Software

The following are the hardware and software requirements for this training:
● Laptop/Desktop computer with RAM that should not be less than 4 gigabytes
(GB)
● Stable internet connection (minimum speed is 5mbps)
● Internet browser (e.g. Google Chrome, Mozilla Firefox, Microsoft Edge, Opera,
etc.)

1
Course Requirements

The course can be taken by anyone who has knowledge and experience using a computer.
Knowledge of using applications to produce multimedia materials is an advantage.

Your learnings from this course will greatly depend on how much effort you put into studying the
module and doing the production.

To be able to get a Certificate of Completion for this course, you must satisfy the following
requirements:
1. Take and pass the Quiz (40% of the final grade) 10/10
2. Submit and pass the Final project (60 % of the final grade) 5/5

The passing grade for this course is 75% or 11.25/15.

If you have any questions about the course requirement, you may contact your training course
coordinator via email. The information about your coordinator is provided at the end of this
course guide.

Learning Activities
The learning activities for this course include the following:

1. Read study guides, learning modules, and other additional learning materials
2. Watch learning materials in video format
3. Take quiz
4. Submit final output

All of the learning activities that are embedded in the study guides, except the assignment and
final project, are optional, but you are highly encouraged to do those activities to maximize your
learning from this course.

Assessment

1. Quiz
This assessment is intended to gauge your understanding of the features of H5P.
This will be a timed multiple-choice quiz. Two attempts will be given and the
average score will determine your final grade for the quiz. Take the quiz before
the course period ends.

2
 2. Final Project

This assignment is intended for you to apply what you have learned from all the
modules.

Guide
1. Your task is to create an interactive learning object using H5P and this base
video: https://youtu.be/zWObAcS7pxU.
2. The requirement for this course is for you to add at least one interaction to
the base video.

Submit your final output to the specific submission bin in .html file

To help organize the assignment files, please save your file using this filename
format: Last name_First name_FinalProject.html

Then, evaluate at least one output of your classmates. Use the rate feature to
grade your classmate’s output. Please prioritize the outputs that do not have
ratings yet.

Use the rubrics below to rate your classmate’s output:

Rate Criteria for Reviewing

1 At least one interaction was used in the video

1 The interaction tools are appropriate to the base video/topic.

1 The placement of interaction tools is appropriate and does not

1 The interaction tools used are functioning well

1 The timing of the interaction is appropriate to the content of the tool

5 Total

House Rules
● Please uphold academic integrity and intellectual honesty at all times, whether it be
through your submissions in the discussion forums or your final output. Make sure to
cite all your references in your outputs to avoid plagiarism.

3
 ● Take note of the Study Schedule. Submit your requirements on time. The Study
Schedule is provided during the start of the course for you to be able to manage your
time wisely.
● Make sure to follow the specific instructions and formats required for your final project.
● Practice netiquette. Use proper language. Be polite and respectful. The following actions
will not be tolerated:
○ Spreading personal information about yourself and others
○ Bullying
○ Aggressive behavior (e. g. provoking someone into an argument, flaming, typing
in all caps to shout, sending hurtful messages, etc.)
○ Profanity
○ Sharing of dangerous websites/pages.
○ Spamming messages and/or advertisements.

Contact Information
Mr. Lexter J Mangubat
Multimedia Designer/Developer and
Information Systems Researcher II
UP Open University Multimedia Center

Ms. Luisa A. Gelisan

[email protected]

Reference

Deakin Learning Futures Teaching Development Team (2014). Using audio and video for
educational purposes.
http://www.deakin.edu.au/__data/assets/pdf_file/0003/179013/Modules_1-4_
Using_audio_and_video_for_educational_purposes-2014-02-28.pdf

Garcia, P. (2020, November 20). Promoting Interactivity: Designing Scaffolds and Learning
Activity | Dr. Primo G. Garcia [Video]. UPOU Networks.
https://networks.upou.edu.ph/26733/promoting-interactivity-designing-scaffolds-and-lear
ning-activity-dr-primo-g-garcia/

4
Relobie Project (Producer). (2016, April 4). Video usage in e-learning - António José Mendes
[Video file]. Youtube. https://www.youtube.com/watch?v=1coJA8Pk96k