H5P

Last updated
H5P
Developer(s) H5P Team
Initial releaseJanuary 25, 2013;10 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]

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

Related Research Articles

Multiple-image Network Graphics (MNG) is a graphics file format published in 2001 for animated images. Its specification is publicly documented and there are free software reference implementations available.

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

Adobe Flash is a 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 a collection of 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 networking. Hyperlinking between web pages guides the navigation of the site, which often starts with a home page. As of May 2023, the top 5 most visited websites are Google Search, YouTube, Facebook, Twitter, and Instagram.

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.

Netscape Plugin Application Programming Interface (NPAPI) was an application programming interface (API) of the web browsers that allows plugins to be integrated.

<span class="mw-page-title-main">Web API</span> HTTP-based application programming interface used in web development

A web API is an application programming interface (API) for either a web server or a web browser. As a web development concept, it can be related to a web application's client side. A server-side web API consists of one or more publicly exposed endpoints to a defined request–response message system, typically expressed in JSON or XML by means of an HTTP-based web server. A server API (SAPI) is not considered a server-side web API, unless it is publicly accessible by a remote web application.

<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. A plugin for Silverlight is still available for a very small number of browsers. 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.

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.

Microdata is a WHATWG HTML specification used to nest metadata within existing content on web pages. Search engines, web crawlers, and browsers can extract and process Microdata from a web page and use it to provide a richer browsing experience for users. Search engines benefit greatly from direct access to this structured data because it allows them to understand the information on web pages and provide more relevant results to users. Microdata uses a supporting vocabulary to describe an item and name-value pairs to assign values to its properties. Microdata is an attempt to provide a simpler way of annotating HTML elements with machine-readable tags than the similar approaches of using RDFa and microformats.

The HTML5 specification introduced the video element for the purpose of playing videos, partially replacing the object element. HTML5 video is intended by its creators to become the new standard way to show video on the web, instead of 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, HTML5 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">BigBlueButton</span> Open source web conference system

BigBlueButton is a virtual classroom software program designed for online education. Accessed most commonly through a variety of Learning Management Systems, the application provides engagement tools and analytics for educators to interact with their students remotely. It 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.

HTML5 Audio is a subject of the HTML5 specification, incorporating audio input, playback, and synthesis, as well as, in the browser. iOS

Google Chrome Experiments Online showroom of web browser based experiments

Google Chrome Experiments is an online showroom of web browser based experiments, interactive programs, and artistic projects. Launched on March 1, 2009, Google Chrome Experiments is an official Google website that was originally meant to test the limits of JavaScript and the Google Chrome browser's performance and abilities. As the project progressed, it took the role of showcasing and experimenting latest open-source web-based technologies, such as JavaScript, HTML5, WebGL, Canvas, SVG, CSS, and some others. All the projects on Chrome experiments are user submitted and are made using open source technologies. As of February 24, 2015, there were 1,000 different Chrome projects posted on the website.

Leaflet is an open source JavaScript library used to build web mapping applications. First released in 2011, it supports most mobile and desktop platforms, supporting HTML5 and CSS3. Among its users are FourSquare, Pinterest and Flickr.

eXeLearning

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

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. ↑ "Branching Scenario".
  18. ↑ "AR Scavenger".
  19. ↑ "Cornell Notes".
  20. ↑ "Image Choice".
  21. ↑ "H5P forums". H5P.org. Retrieved 9 April 2015.
This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.