H5P Not a barbeque sauce!

Sarah Wendorf & Jessica O’ReillyCambrian College Teaching and Learning

Innovation Hub

This work is licensed under a Creative Commons Attribution-ShareAlike 2.5 Canada License.

What is H5P?

H5POpen Source

Free to Use

Web-based

ContentAuthoring Tool

Requires Internet

Connection

HTML5

ResponsiveDevice Agnostic

Who is H5P? Core Team

The H5P Core Team, 2018

We want to empower

everyone to create, share,

and reuse interactive

content

Svein-Tore Griff-With, 2017

““

Interactive Content

…any content that allows the user to actively participate rather than simply reading or watching. It combines highly visual media, educational narrative, and elements that ask a user to perform an action such as answering questions or clicking on buttons

de Braux, n.d.

“ “

H5P Content Types:

1 of 3

Examples and Downloads, 2018

H5P Content Types:

2 of 3

Examples and Downloads, 2018

H5P Content Types:

3 of 3

Examples and Downloads, 2018

H5P Plug-ins

Content Management Systems

Learning Management Systems

• Wordpress • Moodle• Drupal • eFront Pro• Netex• Tiki

63% market share

75 million

websites

20% market share

80 millionusers

About the Project, 2018

H5P Interactive

Video

H5P Interactive Video: What

textbox

label

table

link

image

statements

multiple choice

single choice set

fill in the blanks

true/false

drag and drop

mark the words

cross roads

drag text

navigation hotspot

questionnaire

free text question

DemoPumpkin Carving 101

H5P Interactive Video: WhyPedagogical Considerations:

• Educator use of video on the rise• However, HE lagging behind K-12 in terms of students’ active use of

video

• 97% of survey respondents believe that interactive video is going to be important to education (Kaltura, 2018)

• Use strategically to support various approaches / perspectives• enables a shift from didactic to dialectic levels of interactivity (Holden

& Westfall, 2010, p. 32)

H5P Interactive Video: Why

Technological Considerations:

• Student technology use changing (smart phone and tablet replacing PC)

• No need to install software (no IT install requests)

• Free and open to use (scalable, shareable)

• Portable (seamless download / upload process)

H5P Interactive Video: How

1Add Video

2Indicate Overall

Settings

3Add

Interactions

Use Cases

Application: Training“One of our favourite discoveries with H5P was the ability to improve upon our existing video content. Screencasts from previous projects could be easily imported from YouTube and turned into interactive content”

(Training Magazine Learning Design Challenge, 2016)

In 2016, the University of Colorado implemented a massive software upgrade project, impacting over 30,000 employees. They needed a solution that was nimble, flexible, just-in-time. H5P allowed the team to build microlearning content quickly.

Application: ElementaryThe Tamarind Tree School located two hours from Mumbai, India, is experimenting with Open Education, using exclusively open source software and hardware for teaching and learning purposes.

The grade 1-8 students access media-rich content on My Big Campus. Educators and content developers have been leaning heavily on H5P content types.

Chawla, 2018

Application: SecondaryThe Norwegian Digital Learning Arena (Norway) is a publicly-funded e-learning site that produces open educational resources for upper-year secondary students. In 2014, the organization teamed up with Joubel (backers of H5P). This is an important partnership, since NDLA publishes all content under a Creative Commons license, their resource bank can be retained, reused, revised, remixed, and redistributed in various contexts.

Application: Post-Secondary

Dr. Mike Altieri of the Hochschule Ruhr West University of Applied Sciences leads a project titled “All in One for All”. This project uses the branching feature in H5P Interactive Video to “integrate different video sequences what are suited for different learners [depending on prior knowledge] into one video so that every student can benefit from one single video” (Altieri, n.d.)

Application: Distributed LearningIbrahim Ercan is an English instructor and Distance Learning Coordinator at the School of Foreign Languages at Meliksah University in Turkey. He discovered H5P through an ERASMUS+ strategic partnership project. Basically he worked with a team to build a MOOC using many H5P content types. Ercan claims that H5P’s interactive video is his favourite content type.

Above: Ercan is delivering a presentation about H5P to English language teachers at an ELT conference at Meliksah University in Kayseri, Turkey in 2015. He argues that H5P is “the next generation web-based tool to create interactive content to help students in their language learning process” (Ercan, 2015).

Future Directions

▪ Exploit Pressbooks integration

▪ Student-generated content

▪ Big announcements at H5P Con 2018 @H5PTechnology#H5PCon2018

Learn More: Hub Studio https://teaching.cambriancollege.ca/studio/h5p/

ETC Lunch & Learn Series

Advancing Learning ConferenceMay 2019

Register for an upcoming webinar

Facilitate a webinarVisit: edtechontario.ca

Discussion & Questions

Sarah WendorfInstructional Designer

@SarahWendorf

Jessica O’ReillyInstructional Developer @Cambrian_ Jess

References & Further ReadingAltieri, M. (n.d.) Interactive learning videos (H5P). Retrieved from https://www.hochschule-ruhr-west.de/forschung/forschung-in-den-fachbereichen/institut-naturwissenschaften/beschaeftigte/prof-dr-paed-dipl-math-mike-altieri/Chawla, M. (2018). A school in India defies the traditional education model. Retrieved from https://opensource.com/article/18/1/tamarind-tree-school-indiade Braux, P. (n.d.). Here’s the lowdown on interactive content in 2017. Retrieved from https://piktochart.com/blog/lowdown- interactive-content-2017/Finance Procurement Business Services. (2016). Training Magazine Learning Design Challenge [video file]. Retrieved from

https://youtu.be/jYsm1eT-ivkH5P. (2018). About the project. Retrieved from https://h5p.org/about-the-projectH5P. (2018). Content types. Retrieved from https://h5p.org/content-types-and-applicationsH5P. (2018). The H5P core team [image file]. Retrieved fromhttps://h5p.org/the-core-teamHolden, J. & Westfall, P. J. L. (2010). Instructional media selection guide for distance learning: Implications for blended Learning. United States Distance Learning Association. Kaltura. (2018). Fifth annual state of video in education 2018: Insights and Trends. Retrieved from https://corp.kaltura.com/resources/the-state-of-video-in-education-2018/Megiddo, A. (n.d.). Preschool. Avi Megiddo Learning design and technology portfolio. Retrieved from https://www.avimegiddo.com/preschool/Svein-Tore Griff-With. (2017). H5P conference 2017: Keynote speech [Video]. Retrieved from https://youtu.be/DyQc7aWEyUo