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

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

Step 2: Go to “Manage Organization.” Refer to the screenshot below:

Step 3: Go to "Connect LMS." Refer to the image below:

Step 4: Click on “Add LMS Connection.” Refer to the image below:

Step 5: Fill in the details and click on “Save.” Refer to the image below:

• Select your LMS as “Other.”

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

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

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

Step 1: Launch Loree with Admin access. Click on “Admin Portal”. Refer to the image below:

Step 2: Go to Configure.

Step 3: Click on “External Tools' tab. Refer to the image below:

Step 4: Click on “Add External Tool”. Refer to the image above.

Step 5: Select your External Tool Type as “H5P" and click on “Add”. Refer to the image below:

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

Step 7: 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 8: 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

Step 1: Launch Loree Editor and select from the 'External Elements' section of the elements menu.

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

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

PLEASE NOTE: ALL THE BLURRED URLS NEED TO BE REPLACED BY USERS OWN H5P DOMAIN URLS

---

THANK YOU!