Integrate H5P with Engagedly

Table of contents

1. Introduction
   1.1. Prerequisites
2. Before integration
   2.1. Add content to H5P
   2.2. Add users to H5P
3. Integration
   3.1. Add LTI connector to Engagedly
   3.2. Import H5P content to Engagedly
4. Disable connection
5. Glossary

1. Introduction

Admins can integrate H5P with Engagedly’s Learning module (LXP) via the  LTI (Learning Tools Interoperability) connector. This integration enhances the learning experience by seamlessly embedding interactive H5P content into Engagedly courses, making training engaging and effective.

H5P (HTML 5 Package) is an open-source platform for creating, sharing, and reusing interactive content such as quizzes, videos, and presentations. It helps admins create, deliver, and publish educational materials easily.

LTI is a standard by the IMS Global Learning Consortium that integrates learning systems like Engagedly's LXP with external tools like H5P. It acts as a bridge, ensuring seamless data exchange and use of H5P content within Engagedly without separate logins.

1.1 Prerequisites

• Admin account in H5P
• Admin account in Engagedly
• Add LTI connector to Engagedly

2. Before integration

Before integrating H5P with Engagedly, you must perform the following actions:

• Add content to H5P
• Add users to H5P

2.1. Add content to H5P

You can add content to H5P, which is required to import it into Engagedly’s LXP.

1. Login to H5P as an admin.

You will land on the Manage Content tab.

  2.   Click Add Content at the top.

  3.   Select the unit type you want to create the content for.

  4.   Type the title and description.

  5.   Type the necessary details and click Save at the top right.

2.2. Add users to H5P

After adding content to H5P, you must add users.

1. Login to H5P as an admin.
2. Select the Manage Organization tab at the top and select Users on the left pane.
3. Click Add User at the top.
4. Type the first and last name and email address.
5. Click Upload to upload the user’s profile picture if required.
6. Select a role and click Add user.

3. Integration

Before importing H5P content into Engagedly, you must add the LTI connector, which acts as a bridge and ensures seamless data exchange.

Perform the following actions to integrate H5P with Engagedly:

• Add LTI connector to Engagedly
• Import H5P content to Engagedly

3.1. Add LTI connector to Engagedly

You must configure the settings to enable the LTI connection with Engagedly.

Navigate to Settings > Learning > LTI Connectors.

1. Click ADD at the top right.
2. Type the connector name as required.
3. Select H5P in the Provider field.
4. Select LTI 1.1 Connector in the Connector Type field.

  6.   Navigate to the H5P platform, select the Manage Organization tab at the top, and select Connect LMS on the left pane.

  7.   Copy the key, secret, and tool provider URL on the H5P platform and paste them into the Engagedly platform in their respective fields.

  8.   Enable Deep Linking if required, which allows you to create links that direct learners to specific content within an external tool.

  9.   Paste the content selection URL, allowing learners to navigate to an external tool to access the content.

  10.   Enter the icon URL, if required, to customize and upload an image representing the LTI connector within Engagedly’s LXP.

A default icon is used if an icon URL is not provided.

  11.   Enable the following if required:

• Use outcome service to sync grades: When enabled, the data for pass or fail status or test scores linked to the content will be fetched.
• Send Course Information: When enabled, the user can share the course information with H5P.
• Send Tool Consumer Information: When enabled, learners' profile details and other identifiable information are shared with H5P.
• Send User Email: When enabled, the user’s email and name are shared with H5P when they interact with it.
• Sent Context Information: When enabled, the user can share the course context information with H5P.

  12.   Click SAVE.

The LTI connector is successfully added to Engagedly.

After adding the LTI connector, you can manage the connection if required.

3.2. Import H5P content to Engagedly

After enabling the LTI connector on Engagedly, you can import H5P content into Engagedly’s LXP.

Navigate to Learning.

1. Click Manage at the top right and click Add.
2. Select Create course from scratch. Learn more in Create a course.

After creating a course, you must add sections to it. Learn more in Add and manage sections and units.

  3.   Click Add contents.

  4.   Type the title and description and click Add.

After adding a section to the course, you must add units to it.

  5.   In a section, click the Plus Icon on the top right to add units and select LTI.

  6.   Type the title and select the connector.

  7.   Add content as required.

You can add content from any of the following options:

After adding the content, if required, you can remove it by clicking the delete icon beside it.

  8.   Set the estimated time to complete the unit and click Save.

After adding sections and units, you must publish the course, allowing learners to access it in the library. Learn more in Create a course.

4. Disable connection

After enabling the LTI connector, you can manage it anytime.

1. On the LTI connector, click the Overflow Menu at the right.
2. Select Edit, Disable, or Delete as required.

After disabling the LTI connector, follow the same procedure to enable it, allowing users to access the units.

After integration, learners can seamlessly access H5P content within Engagedly’s LXP. You can track their progress and view detailed learning analytics. Monitor time spent, course status, and scores or test results (if provided by H5P).

5. Glossary