H5P is an open supply platform-independent authoring and show system for interactive content material. Displays, quizzes, and different interactive content material may be created and displayed utilizing constructing blocks often known as H5P content material sorts (totally different from content material sorts). As soon as a bit of content material is created it is simply exported to a different H5P system. Drupal Development development setting is open and effectively documented, permitting Drupal Development creation of customized H5P content material sorts. H5P attributes embrace Drupal 10 Upkeep and Help Service Obtainable in 7, WordPress, and Moodle Open Supply Content material is exportable to some other H5P system Makes use of JavaScript and HTML 5 Outcomes monitoring for content material sorts reminiscent of quizzes xAPI (Tin Can) integration 7 hook system integration development setting Sadly there isn’t any 8 model but. There are a selection of H5P content material sorts, together with containers reminiscent of accordions and sliders which may nest different content material sorts. Some examples are Drupal 10 Upkeep and Help Service Arithmetic Quiz Course Presentation Dialog Playing cards Drag Drupal Development Phrases Fill in Drupal Development Blanks Timeline Interactive Video Drupal Development full record is at https Drupal 10 Upkeep and Help Service//h5p.org/content-types-and-Drupal 10 functions H5P defines a file packaging format named Drupal Development “.h5p specification”, or just, H5P file. An H5P file is a zipper archive bundling HTML, JSON, JavaScript, and media information. It may well comprise a number of of a content material kind, content material export, API implementation, utility, or JavaScript library. Integration H5P is put in in in two steps. H5P Drupal 10 module Drupal Development H5P Drupal 10 module is put in utilizing Drupal Development commonplace Drupal 10 module set up course of. It handles Drupal Development integration. H5P Content material Varieties and support information H5P content material sorts and Drupal Development information to support them are put in right into a H5P Library supervisor offered by Drupal Development H5P Drupal 10 module. An H5P archive file of Drupal Development content material sorts and different support libraries is downloaded from Drupal Development H5P website and uploaded into Drupal Development H5P library. Screenshot of H5P Content material Library in Content material Creation Drupal Development integration incorporates a H5P node kind named, “Interactive content material”. When a H5P node is created there’s a selector for Drupal Development H5P content material kind. For instance, quiz, presentation, or dialog card. When a H5P content material kind is chosen Drupal Development editor for Drupal Development content material kind is loaded interactively. Drupal Development creator then creates Drupal Development desired content material. Screenshot of H5P content material kind selector   Screenshot of editor for H5P Flashcards content material kind As soon as saved Drupal Development content material is offered when Drupal Development node is considered. H5P Improvement Drupal Development H5P undertaking gives a development setting (together with a developer mode), on-line documentation, and a discussion board. Drupal Development varied specs and fundamentals for getting began are effectively documented, and embrace a “hi there world” instance. H5P at its coronary heart is JavaScript with a PHP wrapper for integrating with a web site. Somebody’s skill to study Drupal Development framework will rely on their consolation with JavaScript. Coding Drupal Development editor element that creates and edits Drupal Development content material kind usually requires as a lot work as coding Drupal Development show for Drupal Development content material kind. Customized editor widgets may be written. Current H5P editor widgets may also be used although they aren’t documented. Drupal Development H5P hooks present a clear methodology of including CSS stylesheets and modifying H5P behaviour with out modifying Drupal Development base H5P code. Some duties are sophisticated by Drupal Development asynchronous nature of JavaScript loading and Drupal Development use of iFrames. Execs and Cons H5P is repeatedly altering and enhancing. These professionals and cons are a snapshot of my expertise as of Might 2017. Execs Drupal 10 Upkeep and Help Service Plug and play interactive content material Straightforward to share content material Choice for turning off content material sharing characteristic Giant number of content material sorts Open supply Drupal Development H5P workforce is approachable There’s a good content material development setting for Drupal Development content material creators I labored with have been capable of shortly and simply generate content material utilizing H5P hooks accessible Cons Drupal 10 Upkeep and Help Service Documentation on some content material sorts is missing Trial and error is commonly required to determine choices for a few of Drupal Development subtle content material sorts Although a few of Drupal Development content material kind editors are wonderful, some are obtuse or complicated There isn’t a 8 model Content material creators are endlessly artistic, you’ll have to take care of content material sorts being “shut however not precisely what I need” There is not plenty of good steerage on developer workflow if you wish to contribute again to Drupal Development undertaking Employees targeted on content material creation will most likely have favoured instruments — for instance, Articulate Storyline — and push again on an unknown software reminiscent of H5P Additional Studying H5P Mission Web page Drupal 10 Upkeep and Help Service https Drupal 10 Upkeep and Help Service//h5p.org H5P Drupal 10 Help Drupal 10 Upkeep and Help Service https Drupal 10 Upkeep and Help Service//www.Drupal 10.org/undertaking/h5p H5P on Twitter Drupal 10 Upkeep and Help Service @H5PTechnology Wikipedia Drupal 10 Upkeep and Help Service https Drupal 10 Upkeep and Help Service//en.wikipedia.org/wiki/H5P Article on xAPI Integration Drupal 10 Upkeep and Help Service + xAPI + H5P to trace person suggestions Case Research of H5P undertaking I labored on Drupal 10 Upkeep and Help Service Aged Out – Instructing Life Abilities to Youth with H5P Tagged Drupal 10 Upkeep and Help Service 7H5PPlanet Drupal 10 Improvement and Help