H5P

You integrate itslearning with your H5P environment if you are using the hosted version of H5P (https://h5p.com/). For self hosted H5P environment integration via LTI is not available.

Configuration instructions

You will need to have access to itslearning as administrator and to the H5P environment you want to integrate with.

In itslearning, go to:

1. Admin
2. Manage apps
3. On the Manage extensions tab, click Add app
4. On the page that opens, select the part of your itslearning site that should have access. This can for example be the whole site, or a school on the site. You do this by clicking Search for hierarchy. Note: if the app is not added for the whole site, users need to be member of the selected hierarchy to use the tool or view the content.
5. Next, click Browse app library and search for the H5P app. Click Include this app to select it.
6. Check all roles that should have access to the app.
7. The set-up name can be left as-is, but you are free to give it a better name if you prefer
8. Keep Available in default location checked if you want the app to appear on the Add page for all users (matching the selected hierarchy and role). If unchecked, users need to add the app themselves from the app library in a course.

You now need to fill in the configuration from your H5P environment. To get these, log in to this environment as administrator.

1. Go to Manage Organisation
2. Click Connect LMS
3. Click Add new LMS Connection
4. In the window that opens, select Other
5. Give the connection a name, for example itslearning and choose LTI version 1.3
6. You now need to copy-paste the following fields from the H5P environment into itslearning
   1. From the box Important Info on top of the page, copy-paste the Login URL in the similar field in itslearning
   2. From the box Important Info on top of the page, copy-paste the Redirect URL in the fields Redirection URI and Target URI
   3. Under the LMS connection that you created, copy the Public key. In itslearning, first select JWK set URI in the pull down list and then paste this key.

Now you need to copy values from itslearning into the H5P environment.

1. Under the LMS connection you added, click Connection settings.
2. Add the following values from itslearning into the form that opens:
   1. Client ID: Copy-paste the Client ID from itslearning
   2. Issuer: https://identityserver.itslearning.com
   3. Login URL: https://identityserver.itslearning.com/connect/authorize
   4. Token URL: https://identityserver.itslearning.com/connect/token
   5. Key Set URL: https://identityserver.itslearning.com/.well-known/openid-configuration/jwks
   6. Leave the other fields and checkboxes empty and click Save
3. Now click the New deployment button
4. In the window that open, copy-paste the Deployment ID from itslearning. 

Lastly, in itslearning check the box The tool provider has registered these fields and click Save.

The first time the H5P app is used, you will need to fill in a verification code. So to finalize the setup, go to a course and under Resources click Add. The H5P app should be on the Add page. If not (when it is not made available by default), click the … button in the top right and choose Browse app library first.