External tool(H5P) configuration in Loree

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 user name and your password.

Step 2: Go to “Manage Organization”.

Open

Step 3: Go to "Connect LMS".

Open

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.

Step 3: Click on “External Tools' tab.

Step 4: Click on “Add External Tool”.

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

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 click on “+(Add element)” inside a column.

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

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