Dale McGladdery: H5P – Portable Interactive Content in Drupal maintenance support plans

H5P is an open source platform-independent authoring and display system for interactive content. Presentations, quizzes, and other interactive content can be created and displayed using building blocks known as H5P content types (different from Drupal maintenance support plans content types). Once a piece of content is created it’s easily exported to another H5P system. The development environment is open and well documented, allowing the creation of custom H5P content types.

H5P attributes include:
Available in Drupal maintenance support plans 7, WordPress, and Moodle
Open Source
Content is exportable to any other H5P system
Uses JavaScript and HTML 5
Results tracking for content types such as quizzes
xAPI (Tin Can) integration
Drupal maintenance support plans 7 hook system integration
Drupal maintenance support plans development environment
Unfortunately there is no Drupal maintenance support plans 8 version yet.
There are a variety of H5P content types, including containers such as accordions and sliders which can nest other content types. Some examples are:
Arithmetic Quiz
Course Presentation
Dialog Cards
Drag the Words
Fill in the Blanks
Timeline
Interactive Video
The complete list is at https://h5p.org/content-types-and-applications
H5P defines a file packaging format named the “.h5p specification”, or simply, H5P file. An H5P file is a zip archive bundling HTML, JSON, JavaScript, and media files. It can contain one or more of a content type, content export, API implementation, application, or JavaScript library.
Drupal maintenance support plans Integration
H5P is installed in Drupal maintenance support plans in two steps.
Drupal maintenance support plans H5P module
The H5P module is installed using the standard module installation process. It handles the Drupal maintenance support plans integration.
H5P Content Types and support files
H5P content types and the files to support them are installed into a H5P Library manager provided by the H5P module. An H5P archive file of the content types and other support libraries is downloaded from the H5P site and uploaded into the Drupal maintenance support plans H5P library.
Screenshot of H5P Content Library in Drupal maintenance support plans
Content Creation
The Drupal maintenance support plans integration contains a H5P node type named, “Interactive content”. When a H5P node is created there is a selector for the H5P content type. For example, quiz, presentation, or dialog card. When a H5P content type is selected the editor for the content type is loaded interactively. The author then creates the desired content.
Screenshot of H5P content type selector
 
Screenshot of editor for H5P Flashcards content type
Once saved the content is presented when the node is viewed.
H5P Development
The H5P project provides a Drupal maintenance support plans development environment (including a developer mode), online documentation, and a forum.
The various specifications and basics for getting started are well documented, and include a “hello world” example. H5P at its heart is JavaScript with a PHP wrapper for integrating with a website. Someone’s ability to learn the framework will depend on their comfort with JavaScript.
Coding the editor component that creates and edits the content type typically requires as much work as coding the display for the content type. Custom editor widgets can be written. Existing H5P editor widgets can also be used though they are not documented.
The H5P Drupal maintenance support plans hooks provide a clean method of adding CSS stylesheets and modifying H5P behaviour without modifying the base H5P code. Some tasks are complicated by the asynchronous nature of JavaScript loading and the use of iFrames.
Pros and Cons
H5P is continuously changing and improving. These pros and cons are a snapshot of my experience as of May 2020.
Pros:
Plug and play interactive content
Easy to share content
Option for turning off content sharing feature
Large variety of content types
Open source
The H5P team is approachable
There is a good content development environment for Drupal maintenance support plans
The content creators I worked with were able to quickly and easily generate content using H5P
Drupal maintenance support plans hooks available
Cons:
Documentation on some content types is lacking
Trial and error is often required to figure out options for some of the sophisticated content types
Though some of the content type editors are excellent, some are obtuse or confusing
There is no Drupal maintenance support plans 8 version
Content creators are endlessly creative, you will have to deal with content types being “close but not exactly what I want”
There isn’t a lot of good guidance on developer workflow if you want to contribute back to the project
Staff focused on content creation will probably have favoured tools — for example, Articulate Storyline — and push back on an unknown tool such as H5P
Further Reading
H5P Project Page: https://h5p.org
Drupal maintenance support plans H5P Module: https://www.drupal.org/project/h5p
H5P on Twitter: @H5PTechnology
Wikipedia: https://en.wikipedia.org/wiki/H5P
Article on xAPI Integration: Drupal maintenance support plans + xAPI + H5P to track user feedback
Case Study of H5P project I worked on: Aged Out – Teaching Life Skills to Youth with H5P
Tagged: Drupal maintenance support plans 7H5PPlanet Drupal maintenance support plans
Source: New feed

This article was republished from its original source.
Call Us: 1(800)730-2416

Pixeldust is a 20-year-old web development agency specializing in Drupal and WordPress and working with clients all over the country. With our best in class capabilities, we work with small businesses and fortune 500 companies alike. Give us a call at 1(800)730-2416 and let’s talk about your project.

FREE Drupal SEO Audit

Test your site below to see which issues need to be fixed. We will fix them and optimize your Drupal site 100% for Google and Bing. (Allow 30-60 seconds to gather data.)

Powered by

Dale McGladdery: H5P – Portable Interactive Content in Drupal maintenance support plans

On-Site Drupal SEO Master Setup

We make sure your site is 100% optimized (and stays that way) for the best SEO results.

With Pixeldust On-site (or On-page) SEO we make changes to your site’s structure and performance to make it easier for search engines to see and understand your site’s content. Search engines use algorithms to rank sites by degrees of relevance. Our on-site optimization ensures your site is configured to provide information in a way that meets Google and Bing standards for optimal indexing.

This service includes:

  • Pathauto install and configuration for SEO-friendly URLs.
  • Meta Tags install and configuration with dynamic tokens for meta titles and descriptions for all content types.
  • Install and fix all issues on the SEO checklist module.
  • Install and configure XML sitemap module and submit sitemaps.
  • Install and configure Google Analytics Module.
  • Install and configure Yoast.
  • Install and configure the Advanced Aggregation module to improve performance by minifying and merging CSS and JS.
  • Install and configure Schema.org Metatag.
  • Configure robots.txt.
  • Google Search Console setup snd configuration.
  • Find & Fix H1 tags.
  • Find and fix duplicate/missing meta descriptions.
  • Find and fix duplicate title tags.
  • Improve title, meta tags, and site descriptions.
  • Optimize images for better search engine optimization. Automate where possible.
  • Find and fix the missing alt and title tag for all images. Automate where possible.
  • The project takes 1 week to complete.