H5P explained

H5P
Developer:	H5P Team
Operating System:	Cross-platform
Platform:	PHP
Genre:	Content Collaboration Framework
License:	MIT+^[1]

H5P is a free and open-source content collaboration framework based on JavaScript. H5P is an abbreviation for HTML5 Package, and aims to make it easy for everyone to create, share and reuse interactive HTML5 content.^{[2] [3]} Interactive videos, interactive presentations, quizzes, interactive timelines and more^[4] have been developed and shared using H5P on H5P.org. H5P is being used by 17 000+ websites.^{[5] [6] [7]} In June 2018 the core team announced that H5P will be supported financially by the Mozilla Foundation within the MOSS program.^[8]

The framework consists of a web based content editor, a website for sharing content types, plugins for existing content management systems and a file format for bundling together HTML5 resources.

The web based editor is by default able to add and replace multimedia files and textual content in all kinds of H5P content types and applications. In addition a content type may provide custom widgets for the editor enabling any kind of editing capabilities and experiences including WYSIWYG editing of the entire content type.

H5P.org is the community website where H5P libraries, applications and content types may be shared. H5P applications and content types work the same way in all H5P compatible websites.^[9]

Currently four platform integrations exist, one for Drupal,^[10] WordPress.,^[11] Tiki,^[12] and one for Moodle.^[13] The platform integrations include the generic H5P code as well as interface implementations and platform specific code needed to integrate H5P with the platforms. H5P has been designed to have a minimum of platform specific code and a minimum of backend code. Most of the code is JavaScript. The aim is to make it easy to integrate H5P with new platforms.

The file format consists of a metadata file in JSON format, a number of library files providing features and design for the content and a content folder where textual content is stored in JSON format and multimedia is stored as files or links to files on external sites.^[14]

H5P created an OER Hub^[15] after the announcement at the H5P Conference in 2020.^[16]

Most innovative examples of H5P

• Branching Scenario^[17] enabling creators to set up scenario-based learning opportunities;
• AR scavenger^[18] which allows users use Augmented reality without installing special software;
• Cornell Notes^[19] where students can follow the Cornell method to directly attach their notes and ideas to a text, a video or an audio file and retrieve their documentation later on; and
• Image Choice^[20] where one can create a task where the alternatives are images.

Support

H5P's primary support website is H5P.org. Here, H5P may be tried out; it hosts the online manual for H5P and a living repository for H5P information, documentation and forums.^[21]

External links

• • H5P Templates
• Lumi H5P Desktop and Web-browser Editor
• Curated Collection of H5P materials in MERLOT

Notes and References

1. Web site: H5P is MIT Licensed . H5P.org . 9 April 2015.
2. Web site: WPMUDEV . WordPress And H5P : The Future Of Rich Content? . 7 August 2014 . 9 April 2015.
3. Web site: elearningindustry.com . H5P: An Open Source HTML5 eLearning Authoring Tool . 19 March 2014 . 16 January 2018.
4. Web site: H5P.org . Content Types . 16 January 2018.
5. Web site: Wordpress.org . H5P is a WordPress plugin for creating and sharing rich HTML5 content in your browser. . 16 January 2018.
6. Web site: drupal.org . Usage statistics for H5P - Create and Share Rich Content and Applications . 16 January 2018.
7. Web site: moodle.org . Moodle plugins directory: Interactive Content – H5P: Stats . 16 January 2018.
8. Web site: Mozilla supporting H5P. 28 June 2018 . 2018-07-22.
9. Web site: H5P.org . Create, share and reuse interactive HTML5 content in your browser . 9 April 2015.
10. Web site: drupal.org . H5P - Create and Share Rich Content and Applications . 24 January 2013 . 9 April 2015.
11. Web site: How to upload and track H5P Content on WordPress with xAPI?. 28 September 2019. Next Software Solutions. 20 October 2019.
12. Web site: tiki.org . Tiki Wiki Content Management has native H5P integration. 9 April 2015.
13. Web site: H5P is a Moodle plugin for creating and sharing rich HTML5 content in your browser.. h5p.org. 13 June 2016.
14. Web site: h5p.org . File Structure . 9 April 2015.
15. Web site: The H5P OER HUB. 2020-12-23. h5p.org. en.
16. Web site: H5P Conference 2020. 2020-12-23. H5P Conference 2020. en.
17. Web site: Branching Scenario .
18. Web site: AR Scavenger .
19. Web site: Cornell Notes .
20. Web site: Image Choice .
21. Web site: H5P forums . H5P.org . 9 April 2015.