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. Interactive videos, interactive presentations,
quizzes, interactive timelines and more have been developed and
shared using H5P on H5P.org. H5P is being used by 2 200+ websites.
Top
H5P Benefits
H5P
solves all of the above issues. Here are some of the H5P benefits:
-
Open
source and free to use
-
Create,
edit and publish content in a standard browser
-
No
local software installations or end user plugins
-
Content
is HTML5 and mobile friendly
-
Enables
your existing LMS or CMS to create rich, interactive HTML5 content
-
Content
is packaged in a single file. Easy to administer and move across
sites.
-
Update
one, update all functionality
-
Streamlined
for crediting licensed multimedia content
-
Extend
or build your own customized content types and applications.
-
A
user community where users can share knowledge, content types and
code.
-
Several
available content types today. More are under development.
-
H5P
has the potential of liberating rich content, making it a lot easier
to reuse rich content between professional content creators,
companies and countries with different languages.
Available
Content Types
H5P
is modular and several useful content types and applications are
available for use without the need of any technical skills. The
content types have been developed especially for use in eLearning.
Below are some of them:
Image
hotspots can be useful for creating infographics fast and simple. Use
any image and enrich it with points of interest and in-depth
information about the details depicted. The user is activated by
interacting with the image.
Single
Choice Set questions can be used for testing skills related to any
topic, and can be an effective assessment tool. With immediate
feedback and a summary at the end, user learning is reinforced.
Single Choice Set features sound effects for correct and wrong (sound
effects may be turned off).
The
Documentation Tool content type aims to make it ease creating
assessment wizards for goal-driven activities. It can also be used as
a form wizard. While editing, the author can add multiple steps to
the wizard. In each step, the author can define which content goes
into that step. Content can be plain text, input fields, goals
definition and goals assessment.
-
Arithmetic
Quiz
-
Audio
-
Chart
-
Collage
-
Drag
the Words
-
Facebook
Feed
-
Find
the Hotspot
-
Guess
the Answer
-
Timeline
-
Twitter
User Feed
-
Impressive
Presentation
-
Mark
the Words
-
Memory
Game
-
appear.in-
You
can also start using H5P on your own site. H5P does not require any
local software installation, and no plugins are necessary for the
learners. However, in order to author, publish and administer content
on your own site, you need an H5P plugin for your CMS or LMS. You can
view H5P as an extension that enables your existing publishing
platform to create rich, interactive HTML5 content.
Currently
there are plugins for the popular open source publishing platforms
Drupal and Joomla. However, most of the H5P code is framework
independent and it is easy to create plugins for additional
platforms. A broader selection of plugins will become available as
the community grows.
To
get started with H5P on your own site you can download an H5P file by
selecting a content type on the Content types overview on h5p.orgOnce
you have enabled the H5P plugin on e.g. your Joomla powered site, you
upload the H5P file to your site. Once uploaded you get access to all
the content types and applications that currently exists in the H5P
ecosystem.
You
can create, edit and publish the H5P content directly in your
favorite browser and familiar authoring environment. It is also
possible to download the content you have created as an H5P file
(.h5p) and upload it to another site with the H5P plugin enabled.
For
Organizations, eLearning Professionals and Developers, Everyone can
use H5P and it is free to use. Organizations might choose to
integrate H5P with their existing learning platform. Some
organizations are also integrating H5P in their intranet. eLearning
professionals can use the already available content types out of the
box. No technical skills are needed, just a browser.
eLearning
developers can build upon existing content types or create new
content types from scratch by using the open H5P API. Organizations
and eLearning developers may share their code on h5p.org so that
others can reuse the content types and adapt the content itself to
suit various needs directly in the browser.
After
uploading an existing H5P, you may edit it using the built-in
editor.
The
standard editor lists all fields sequentially. For advanced content,
this will quickly become difficult to maintain. Extending the editor
is supported through editor libraries, that may extend standard
functionality (i.e. provide tabbed views of lists, etc.) or give a
complete WYSIWYG editing experience. Below are quick examples of the
Presentation editor and the Interactive video editors.
Importing
and exporting
Here
you'll learn how to import and export H5P content.
H5P
defines its own file format .h5p containing all information needed to
make H5P content work on an H5P enabled website. This includes both
the content, the code needed to display the content, the styling, and
the code needed to edit the content. A site importing such a file
checks to see if it already has the code needed to display and edit
the content, and if so it ignores this part of the .h5p file. If the
site doesn't have this code already the site will install the code
given that the user importing the .h5p file has the required
permissions.
Importing
.h5p
files may be imported by creating H5P content the normal way, but
choosing "upload" instead of "create" and upload
an .h5p file.
Exporting
Administrators
may enable the "Download button" in H5P settings, and
authors may toggle this button for each H5P content. If this button
is enabled users may download an H5P when viewing it by using a
button in the bottom left corner of the H5P frame.
For
more details, please visit.