H5P

Last updated
H5P
Developer(s) H5P Team
Initial releaseJanuary 25, 2013;11 years ago (2013-01-25)
Operating system Cross-platform
Platform PHP
Type Content Collaboration Framework
License MIT+ [1]
Website h5p.org OOjs UI icon edit-ltr-progressive.svg

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]

Contents

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]

In 2024, H5P Group was acquired by D2L, a Canada-based learning technology company. [17]

Most innovative examples of H5P

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. [22]

Related Research Articles

<span class="mw-page-title-main">Adobe Flash</span> Discontinued multimedia platform used to add animation and interactivity to websites

Adobe Flash is a discontinued multimedia software platform used for production of animations, rich internet applications, desktop applications, mobile apps, mobile games, and embedded web browser video players.

<span class="mw-page-title-main">Website</span> Set of related web pages served from a single domain

A website is one or more web pages and related content that is identified by a common domain name and published on at least one web server. Websites are typically dedicated to a particular topic or purpose, such as news, education, commerce, entertainment, or social media. Hyperlinking between web pages guides the navigation of the site, which often starts with a home page. The most-visited sites are Google, YouTube, and Facebook.

X3D is a set of royalty-free ISO/IEC standards for declaratively representing 3D computer graphics. X3D includes multiple graphics file formats, programming-language API definitions, and run-time specifications for both delivery and integration of interactive network-capable 3D data. X3D version 4.0 has been approved by Web3D Consortium, and is under final review by ISO/IEC as a revised International Standard (IS).

Moodle is a free and open-source learning management system written in PHP and distributed under the GNU General Public License. Moodle is used for blended learning, distance education, flipped classroom and other online learning projects in schools, universities, workplaces and other sectors.

<span class="mw-page-title-main">Favicon</span> Icon associated with a particular web site

A favicon, also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons associated with a particular website or web page. A web designer can create such an icon and upload it to a website by several means, and graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab, and site-specific browsers use the favicon as a desktop icon.

A Rich Internet Application is a web application that has many of the characteristics of desktop application software. The concept is closely related to a single-page application, and may allow the user interactive features such as drag and drop, background menu, WYSIWYG editing, etc. The concept was first introduced in 2002 by Macromedia to describe Macromedia Flash MX product. Throughout the 2000s, the term was generalized to describe browser-based applications developed with other competing browser plugin technologies including Java applets, Microsoft Silverlight.

A user interface markup language is a markup language that renders and describes graphical user interfaces and controls. Many of these markup languages are dialects of XML and are dependent upon a pre-existing scripting language engine, usually a JavaScript engine, for rendering of controls and extra scriptability.

Netscape Plugin Application Programming Interface (NPAPI) is a deprecated application programming interface (API) for web browser plugins, initially developed for Netscape Navigator 2.0 in 1995 and subsequently adopted by other browsers.

<span class="mw-page-title-main">Microsoft Silverlight</span> Application framework for writing and running rich Internet applications

Microsoft Silverlight is a discontinued application framework designed for writing and running rich internet applications, similar to Adobe's runtime, Adobe Flash. While early versions of Silverlight focused on streaming media, later versions supported multimedia, graphics, and animation, and gave support to developers for CLI languages and development tools. Silverlight was one of the two application development platforms for Windows Phone, but web pages using Silverlight did not run on the Windows Phone or Windows Mobile versions of Internet Explorer, as there was no Silverlight plugin for Internet Explorer on those platforms.

The Facebook Platform is the set of services, tools, and products provided by the social networking service Facebook for third-party developers to create their own applications and services that access data in Facebook.

Apache Cordova is a mobile application development framework created by Nitobi. Adobe Systems purchased Nitobi in 2011, rebranded it as PhoneGap, and later released an open-source version of the software called Apache Cordova. Apache Cordova enables software programmers to build hybrid web applications for mobile devices using CSS3, HTML5, and JavaScript, instead of relying on platform-specific APIs like those in Android, iOS, or Windows Phone. It enables the wrapping up of CSS, HTML, and JavaScript code depending on the platform of the device. It extends the features of HTML and JavaScript to work with the device. The resulting applications are hybrid, meaning that they are neither truly native mobile application nor purely Web-based. They are not native because all layout rendering is done via Web views instead of the platform's native UI framework. They are not Web apps because they are packaged as apps for distribution and have access to native device APIs. Mixing native and hybrid code snippets has been possible since version 1.9.

HTML video is a subject of the HTML specification as the standard way of playing video via the web. Introduced in HTML5, it is designed to partially replace the object element and the previous de facto standard of using the proprietary Adobe Flash plugin, though early adoption was hampered by lack of agreement as to which video coding formats and audio coding formats should be supported in web browsers. As of 2020, HTML video is the only widely supported video playback technology in modern browsers, with the Flash plugin being phased out.

<span class="mw-page-title-main">D2L</span> Global software company

D2L is a Canada-based global software company with offices in Australia, Brazil, Europe, India, Singapore, and the United States.

<span class="mw-page-title-main">BigBlueButton</span> Open source web conference system

BigBlueButton is a virtual classroom software program designed for online education. It is accessed through Learning Management Systems, providing engagement tools and analytics which enable educators to interact with their students remotely. BigBlueButton is open source, except for some versions of its database software.

Modern HTML5 has feature-parity with the now-obsolete Adobe Flash. Both include features for playing audio and video within web pages. Flash was specifically built to integrate vector graphics and light games in a web page, features that HTML5 also supports.

Content Security Policy (CSP) is a computer security standard introduced to prevent cross-site scripting (XSS), clickjacking and other code injection attacks resulting from execution of malicious content in the trusted web page context. It is a Candidate Recommendation of the W3C working group on Web Application Security, widely supported by modern web browsers. CSP provides a standard method for website owners to declare approved origins of content that browsers should be allowed to load on that website—covered types are JavaScript, CSS, HTML frames, web workers, fonts, images, embeddable objects such as Java applets, ActiveX, audio and video files, and other HTML5 features.

Mozilla Persona was a decentralized authentication system for the web, based on the open BrowserID protocol prototyped by Mozilla and standardized by IETF. It was launched in July 2011, but after failing to achieve traction, Mozilla announced in January 2016 plans to decommission the service by the end of the year.

eXeLearning Software tool

eXeLearning is a free / libre software tool under GPL-2 that can be used to create educational interactive web content.

Learning Tools Interoperability (LTI) is a standard developed by 1EdTech formerly known as IMS Global Learning Consortium at the time of creation. It enables seamless integration between learning systems and external systems. In its current version, v1.3, this is done using OAuth2, OpenID Connect, and JSON Web Tokens. For example, a Learning Management System (LMS) may use LTI to host course content and tools provided by external or third-party systems on a website without requiring a learner to log in separately on the external systems. The LTI will also share learner information and the learning context shared by the LMS with the external systems.

References

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