H5P.com (LTI Tool Provider Setup)
OpenLearning supports multiple technologies to provide interoperability with other systems, tools, and apps. In this article, we will be covering the Learning Tools Interoperability (LTI) integration with H5P.com, an open-source content collaboration framework that aims to make it easy for everyone to create, share and reuse interactive HTML5 content such as interactive videos, interactive presentations, quizzes, interactive timelines and more within an LMS.
This integration is quite useful, as it will allow you to export out reports that capture the results, attempts, timestamps etc of each user that interacted with the uploaded content from your H5P.com account page.
Pre-requisite
- A portal subscription with us in order to set up this integration for your courses.
- Paid H5P.com plan
Setting up H5P with LTI integration
Step 1
Log In to H5P.com and click on Manage Organization.
Step 2
Navigate to Connect LMS and select these values:
- Select your LMS: Other
- Connection Name: Any string is acceptable but we suggest naming this to OpenLearning
- LTI Version: LTI v.1.1
Step 3
Click Save. This will generate the details needed for the integration.
Take note of the URL Endpoint for LTI v.1.1, Key and Secret as you need this later when setting up the integration on the platform.
Setting up H5P.com Integration in Portal
Step 1
Log in to OpenLearning and navigate to your Institution Settings > Integrations.
Step 2
Scroll down to the LTI Tool Providers section and click on + Add LTI tool provider.
Step 3
Enter the tool provider name, and on the Tool provider registration section, select LTI 1.1 for the LTI version.
Note: We'll release a separate documentation for setting this up for with H5P LTI 1.3.
Step 4
Enter the name H5P as the tool provider name, and the details below:
- Launch URL : URL Endpoint that you took note from H5P
- Consumer Key : Key that you took note from H5P
- Shared Secret : Secret that you took note earlier from H5P
Note: The widget icon will automatically be updated automatically once the correct Launch URL is added to the section above.
Step 5
Check Deep Linking in the Tool Settings to ensure a tighter integration with the H5P.com tool set.
Step 6
Click Save. If the integration is successful, you will see the the word Enabled with a green dot below it.
Adding the H5P LTI tool to a course
Step 1
On your preferred course page, click on the Edit button to go into Edit mode.
Step 2
Go to the Widget menu and select Integration from the category dropdown.
Step 3
Click or drag the H5P widget icon onto your page as with any other widget.
Step 4
Select the H5P Setup tab and if you have an existing activity on H5P.com which you would like to use, you can select it here.
Otherwise, use the H5P Add Content button to create a new activity.
Step 5
When you have finished creating or selecting H5P.com content, click the Save or Save and Insert button.
Create a Quiz with H5P.com
Step 1
Click Add Content and select the Quiz (Question Set) option to create a new quiz.
Step 2
Add a title to your quiz.
Step 3
Create your questions by first choosing the question type from the drop-down menu.
Step 4
Next, simply create your questions by adding the title of your question, the question itself and adding the different answer options.
Step 5
To add more questions click on the + Add Question button.
Step 5
Scroll down, click on LTI Settings and select an option from the Choose when to send scores back to LMS from the drop-down menu.
- Do not send score - do not send the score to OpenLearning
- First attempt - capture the first attempt and send it to OpenLearning
- Last attempt - capture the last attempt and send it to OpenLearning
- Best attempt - capture the best attempt and send it to OpenLearning
This will send a score between 0.0 and 1.0 (where 1.0 is 100%) back to OpenLearning. (excluding the first option - do not send score)
Step 6
This score can be used to automatically set completion for a learner using the Completion Settings tab, where a score threshold can be provided.
Administrator's View
As an administrator of the course that has been added to the H5P.com plan, it will allow you to add, create and edit the H5P content directly from the widget.
What you see in the view mode will differ slightly from the learner's view as well; you can Edit the content and gather Reports on the activity and download the H5P content to your device directly from the widget as well.
Learner's View
As a learner, you can just view and interact with the content that has been added to the widget by the course administrator.
