Curious about how Brock University's Sakai-Based LMS was named Isaak?. Find out more here

H5P For Sakai

From Information about Isaak, Brock University's Sakai-Based LMS

Jump to: navigation, search

Contents

[edit] What is H5P

H5P makes it easy to create, share and reuse HTML5 content and applications. H5P enables existing CMSs and LMSs to create richer content. With H5P, authors may create and edit interactive videos, presentations, games, advertisements and more. Content may be imported and exported. All that is needed to view or edit H5P content is a web browser. Rich content, applications and content components may be shared here on http://H5P.org.


[edit] How to Add H5P Content to the Lessons Tool

H5P Content is embedded in the same manner as a YouTube Video, you place an iframe code where you want the H5P Content created on h5p.org (or on any other site) to appear.

Add Content, then Embed Content
Add Content, then Embed Content
Paste embed code and Save
Paste embed code and Save

Follow these steps:

  1. Navigate to the H5P content you would like to embed
  2. Click on "Embed" link below the content you want to embed.
  3. Copy the embed code.
  4. Navigate to the Lessons area in Sakai
  5. Click on Add Content, then Embed Content on a Page
  6. Paste in the embed code you copied above in to the box labelled Or add a URL or "embed code".
  7. Press Save to preview the content.
  8. Press Save again after successfully previewing the content

[edit] How to Add H5P Content to almost all locations in Sakai

Almost anywhere that a user can access the Rich Text Editor H5P can be added.

  1. Navigate to the H5P content you would like to embed
  2. Click on "Embed" link below the content you want to embed.
  3. Copy the embed code.
  4. Navigate to the area in Sakai where you would like to place the H5P content and either begin writing or edit the current content
  5. Click the Source button in the Rich Text Editor
  6. Paste the embed code in the content area (right click and choose "Paste") and then press Continue
  7. Fill in the objective of the H5P object or any other information that is relevant
  8. Press Finish

[edit] Notices and Known Issues

You may receive a notice that "Your HTML contains tags or attributes that are not permitted and have been removed from your content." This is because of the small JavaScript content that is included in the copied embed code that is intended to resize the iframe when the content changes is being stripped. Sakai blocks this part of the H5P for general security concerns about including JavaScript from other sites.


Other articles about Isaak/Sakai's tools and how instructors can use them:

Core Tools:   Image:Flag blue.png Announcements | Image:Page edit.png Assignments | Image:Lessons-icon.png Lessons | Image:Comments.png Forums | Image:Report.png Gradebook | Image:Folder.png Resources | Image:Calendar.png Schedule | Image:Pencil.png Tests and Quizzes

More Tools:   Image:User comment.png Chat Room | Image:Folder page.png Drop Box | Image:House.png Home | Image:Comment.png Messages | Image:Chart bar.png Statistics | Image:Page world.png Web Content


Related articles:   How to add tools to your course | Using the Text Editor | Manage Groups | Permissions and roles | Contact the CPI for help

Personal tools
  • Log in / create account
Bookmark and Share