H5P LTI Integration within LOREE

H5P LTI Integration within LOREE

There are two ways to add H5P to content:

Configuration of H5P as an External Tool:

Part 1: Adding Loree as a consumer tool to H5P.com

Step 1: Log in to H5P.com as an admin user with your e-mail address as user name and your password.

Step 2: Go to “Manage Organization”.

Step 3: Go to "Connect LMS".

Step 4: Click on “Add LMS Connection.”

Step 5: Fill in the details and click on “Save”.

  • Select your LMS as “Other”.

  • Fill in "Loree" or something similar in the Connection name field.

  • Choose LTI version as “LTI v1.3”.

Step 6: Note down the data marked in the below picture: (1) Login URL, (2) Redirect URL and (3) Public key.

 

Part 2: Add H5P.com as an "External tool" in Loree

Step 1: Launch Loree with Admin access. Click on “Admin”.

Step 2: Go to Configure and click on the “External Tools' tab.

Step 3: Click on “Add External Tool”.

Step 4: Pick your Tool Type as “Other” and click on “Add”.

Step 5: A new section will be created to add your external tool details. Click on it to expand the section.

Step 6: Fill in the details and click on “Save”.

Fill in "H5P" or something similar in the Tool Name field.
Issuer Url →  https://loreev2.crystaldelta.net/lti/tool.
OIDC Url →  Paste the Login url noted in Part 1 → Step 6
Redirect Url → Paste the Redirect Url noted in Part 1 → Step 6.
Target Link Url  →  Same as “Redirect Url.”
JWKS Url →  Paste the Public key noted in Part 1 → Step 6.
Domain Name  → Fill in domain of your H5P account. Example: https://limon.h5p.com.

Step 7: Upon clicking on “Save”, you will be getting Client ID and Deployment ID.


Note down the (1) Client ID and (2) Deployment ID.

Part 3: Continuing Part 1(Go to your H5P.com)

Step 1: Click on “Connection settings”.

Step 2: Fill in the details and click on “Save”.

Client ID → Paste the Client ID noted in Part2 → Step 8.
Issuer Url →  https://loreev2.crystaldelta.net/lti/tool.
Login  URL→https://loreev2.crystaldelta.net/lti/tool/authorize_redirect.
Token URL →  https://loreev2.crystaldelta.net/lti/tool.
Key Set URL →  https://loreev2.crystaldelta.net/lti/tool/jwks.

 

Step 3: Click on “New Deployment."

Step 4: Paste the Deployment ID noted in Part 2 → Step 8 and click on "Save.”

Part 4: Make sure that it works!


H5P as an External Tool:


Step 1: Launch Loree Editor and click on “+(Add element)” inside a column.

Step 2: Click on “External Tools,” then click on “H5P” to launch the H5P in the Loree editor.

Step 3: After a successful launch, you can insert H5P contents inside the Loree editor by clicking on "Insert.”


 

H5P as an Add on Service:

 Please contact Loree support to avail this H5P service.
Step 1: Launch Loree Editor and click on “+(Add element)” inside a column.
Step 2: Click on “External Tools,” then click on “H5P” to launch the H5P in the Loree editor.

Step 3: It will fetch the existing H5P interactive based on user-created action to create new H5P

Step 4: By clicking on Create New, the following popup will appear for creating the desired interactive under the H5P provider

Step 5: To add H5P contents to the Loree editor, simply choose the type of content you want to insert from the available options.

To use H5P inside Loree editor, please make sure it’s enabled and Toggled ON under Admin → Roles and Features → Advanced.

Thank you!

    • Related Articles

    • Kaltura LTI 1.3 Integration inside Loree

      Steps to do on the Kaltura admin page: Step: 1 In order to configure Kaltura LTI 1.3 inside Loree, first you have to contact the Kaltura team to get a new sub-instance (if you already have Canvas Kaltura) to proceed with integration with a ...

    • How to Install Loree within your Canvas LMS?

      This document provides instructions for configuring Loree in your Canvas LMS platform. To configure Loree, ensure that you are logged in to your Canvas account as an Account Admin. Step 1: Log in to Canvas as an Account Admin on the root account Step ...

    • How do we troubleshoot LTI integrations in my environment?

      It's common for users to have questions about whether to start with Loree Design, Canvas, or a third-party LTI. We're here to guide you through the process, so don't hesitate to reach out if you need assistance. If you encounter any issues within ...

    • Release Notes for Loree A2403.3

      Published on: 31/07/2024 Feature Enhancements 1. Enhance Customization for Active and Inactive Tab Text Colour Earliers, when Loree users created a Tabs Interactive, the customize section applied the same font color style to both Active and Inactive ...

    • Loree - Frequently Asked Questions (FAQ)

      Answers to Your Most Common Queries! Is Loree an LTI? Absolutely! Loree has been developed following the guidelines and specifications of LTI 1.3. Which Learning Management System (LMS) is Loree available for? Loree is accessible to all customers ...