The document discusses creating and sharing interactive content using H5P. It introduces H5P, an open source authoring tool that allows users to create over 40 different content types including image pairing, flashcards, drag and drop activities, and presentations. These content types can be shared on repositories like H5P.org or integrated into learning management systems. The document also discusses open educational resources and practices, and how blended learning combines classroom, e-learning and virtual training methods.

1. CREATE AND SHARE
INTERACTIVE
CONTENT WITH H5P
Tami Belhadj
Techno-Pedagogical Consultant
@mitavatar

2. PRESENTATION OUTLINE
 Training modalities
o Leaning Management Systems
o Authoring tools
 H5P Authoring and Sharing
o Create with over 40 Content types
o Share interactive content on repositories
 OER (Open Educational Resources)
o Open Educational Practices

3. CLASSROOM TRAINING
 Attend a scheduled “class” in person and learn face-to-face.
ON PREMISE OFF PREMISE
Instructor led - Conferences
Peer-Coaching - Training LAB
Demonstrations - Seminars
Onboarding - Trade show
Tutoring
Note: Technology enhanced training with simulators and/or VR equipment can take place in a classroom.

4. E-LEARNING
Learning on your own using digital instructional material.
OFF LINE ON LINE
- Mutlimedia on CD - Web based
- Downloadable content - Socialmedia enabled
- Simulation software - Webinar

5. RESPONSIVE
WEB DESIGN

6. VIRTUAL TRAINING
Attend an interactive, instructor-led class in real time via your internet-enable
device.
ON LINE
- Web based
- Asynchronous
- Synchronous
- Audiovisual

7. http://www.atrixware.com/blog/wp/wp-
content/uploads/2016/02/lms-flow.png
https://intervoke.com/learning-management-system-integration
LMS
FUNCTIONALITY

8. BLENDED LEARNING (HYBRID)
Benefit from courses that use a variety of delivery methods that include
Classroom training, E-learning and Virtual training.
ON/OFF PREMISE
ON LINE
VIRUTAL
COLLABORATIVE

9. TRAINING MODALITIES
Leaning
Management
System
Administration
Andragogy
Technology
Flexible scheduling + Accommodating enrollment
Digital Content Repurposing + On line tutoring
Hardware + Software + Tech support
CLASSROOM TRAINING E-LEARNING VIRTUAL TRAINING BLENDED LEARNING

10. https://kreatetechnologies.com/why-html5-over-
flash/
https://xatproject.com/swf/
Steve Jobs announced the death of
Adobe Flash formerly called Macromedia
Flash and Shockwave Flash in 2010.

11. https://opensenselabs.com/blog/articles/scorm-and-e-learning-can-
drupal-fit
https://sites.google.com/site/instructionaldesignandtraining/scorm-and-section-
508/scorm
https://www.elahub.net/what-should-elearning-authoring-tool-providers-be-telling-us-about-
accessibility/
ELEARNING
AUTHORING
TOOLS AND DATA
INTEROPERABILITY
https://adlnet.gov/
Advanced Distributed Learning Initiative

12. https://www.slideshare.net/idslogic65/h5p-is-integrated-in-moodle-38-getting-to-
know-more

13. Creating and
Sharing interactive
content in H5P
MicroSoft - OneNote
H5P.ORG

14. https://elearningworld.h5p.com/content/1290877980919598859
Image Pairing
Flashcards
Drag and Drop
Memory Game Presentation

15. http://lumi.education

16. H5P
CONTENT
TYPES
https://h5p.org/content-
types-and-applications

17. H5P CONTENT
TYPES
https://h5p.org/content-
types-and-applications

18. IMAGE PAIRING
Enables teachers to create
pairs of images to be
matched. Learners are
presented with the unpaired
images and either use drag
and drop, or click on the
images that match.

19. MEMORY
GAME
Also known as Match Game, it can
test the memory of learners in a
fun way.
Techniques for training memory
are discussed as far back
as ancient Greece, and formal
memory training was long
considered an important part of
basic education known as the art
of memory.

20. DRAG AND
DROP
Drag and drop questions enable the learner
to associate two or more elements and to
make logical connections in a visual
way. Create Drag and drop questions using
both text and images as draggable
alternatives. H5P Drag and drop questions
support multiple draggable to drop zone
combinations; one-to-one, one-to-many,
many-to-one and many-to-many.

21. FLASH
CARD
Enables teachers to create a
single flash card or a set of
flashcards that have both
questions and answers.
Learners are required to fill
in the text field, and then
check their solution.

22. PRESENTATIO
N
Course Presentations
consist of slides with
multimedia, text, and many
different types of
interactions such as
interactive summaries,
multiple choice questions,
and interactive videos.
https://h5p.org/h5p/embed/1045423

23. Plugin
Content
Bank
H5P.ORG
https://h5p.org/oer-hub-com
LMS integration

24. https://h5pstudio.ecampusontario.ca

26. https://h5pstudio.ecampusontario.ca/content/11089

27. www.currikistudio.org

29. https://admin.video.ubc.ca/index.php/extwidget/preview/partner_id/122/uiconf_id/23448488/entry_id/0_g6p0x
zcn/embed/dynamic

30. https://www.klascement.net
/

31. https://h5p.org/oer-hub-coming
@H5PCom

32. Source : www.slideshare.net/ROER4D
The Cape Town Open Education Declaration, 2007
OPEN EDUCATION RESOURCES
UNESCO
Paris OER
Declaration,
2012

33. www.yearofopen.org

34. http://www.open.edu/openlearncreate/course/view.php?id=22
74
OPEN EDUCATION PRACTICES

35. A. Couros (2008)
THE NETWORKED TEACHER and
THE NETWORKED STUDENT

36. The 5Rs and Sharing practices
https://youtu.be/x3CY6RR4uns
David Wiley describing Open Educational Resources (OER)
https://www.clarity-innovations.com/blog/krhodes/5-oer-
misconceptions
https://lumenlearning.com/

37. Q&A

38. TAMI BELHADJ
TECHNO-PEDAGOGICAL
CONSULTANT
tami.belhadj@gmail.com