FOSS SOFTWARES FOR EDUCATION - H5P MANUAL

 

  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:

1. Open source and free to use
2. Create, edit and publish content in a standard browser
3. No local software installations or end user plugins
4. Content is HTML5 and mobile friendly
5. Enables your existing LMS or CMS to create rich, interactive HTML5 content
6. Content is packaged in a single file. Easy to administer and move across sites.
7. Update one, update all functionality
8. Streamlined for crediting licensed multimedia content
9. Extend or build your own customized content types and applications.
10. A user community where users can share knowledge, content types and code.
11. Several available content types today. More are under development.
12. 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:

• Course Presentation - The Course presentation content type allows you to create a slide-based presentation of your learning material. Elements such as keywords, links, pictures, audio and video clips, as well as various quiz types can be embedded seamlessly right into the presentation for a richer learning experience.
• Dialog Cards- The Dialog cards content type enables you to create a set of cards with corresponding words or expressions on either side of the cards. 
• Drag and Drop- The Drag and drop content type allows learners to drag a piece of text or an image and drop it on one or more corresponding dropzones. 
• Fill in the Blanks- The Fill in the blanks allows elearning designers to create cloze tests. Portions of words or sentences are removed from a text and the learner is asked to replace the missing text. 
• Flashcards- The Flashcards content type is a set of cards containing a picture on one side of the card and a corresponding text on the other side. The learner is asked to type a word or expression corresponding to the picutre, before turning the card and revealing the correct answer.
• Interactive Video- The Interactive video content type allows you to add interactions on top of video clips. Interactions such as images, elaborating text, links and quizzes pop up while the learner watches the video.
  • Interactive videos are perfect when you already have a video clip that you want to enrich with interactive elements.
  • You can facilitate differentiated learning by adding in-depth information such as pictures, tables, text and links that the learner can interact with during video playback.
• Multiple Choice question tutorial- The Multiple Choice content type is your staple multiple choice quizzing tool. Multiple Choice can be used to test the learner's level of knowledge on a given topic. 
• Question Set- Question set allow elearning designers to create a sequence of various quiz types, including Multichoice questions, Fill in the blanks and Drag and drop. Question set supports customized text feedback as well as video feedback to the learner.
  • Question sets are useful when you want to create a sequence of problems, as opposed to multiple individual problems, for the learner to solve.
  • Use Questions sets to assess the learners' ability to reproduce key concepts of a compound learning material. Question sets can for instance be used as end-of-chapter tests or as a final course exam. You may use multiple quiz types, including Multichoice, Fill in the blanks, and Drag and Drop questions, to offer variation in your Questions sets. 
• Summary- The Summary content type allows learners to interactively build a summary of a certain topic. Summaries are a perfect way to strengthen your learners’ ability to remember by encouraging them to build interactive summaries as they learn
• Image Hotspots- The Image hotspots content type allows you to place to place an overlay of hotspots on images and graphics. The user presses the hotspots to reveal an associated text.

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- The Single Choice Set content type allows allows content designers to create question sets with one correct answer per question. The end user gets immediate feedback after submitting each answer.

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).

• Documentation Tool -The Documentation tool can be used to create form wizards and outputs a document when the user has reach the end of the wizard. The Documentation Tool is fully responsive and works great on smaller screens as well as on your desktop.

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.

www.h5p.org/documentation