Using the H5P Image Hotspot Question Tool
This guide uses a H5P object. For getting started on placing H5P into a space, please see Inserting H5P in VU Collaborate.
This H5P question type requires students to click somewhere on an image to answer a particular question. This is useful as a quick one-off visual test of knowledge related to course content, such as anatomy definitions or geographic locations.
To create the object, you upload an image and define various hotspots corresponding to details or sections of the image. Hotspots can either be defined as correct or incorrect and should include appropriate feedback text in both cases. You can also define a feedback if the end user presses somewhere which is neither defined as a correct nor incorrect hotspot. Immediate feedback and scores are given to reinforce students’ learning. Students have the opportunity to answer the question multiple times until they get it right.
Below are the steps to use the H5P Image Hotspot Question Tool:
- Create a New Image Hotspot Question Object
- Add Image and Hotspots
- Preview and Publish Image Hotspot Question
1. In Learning Space, choose the module where you want the H5P to be in, click on New then New Document.
2. In the Insert Stuff menu, click to open the H5P Learning Object.
3. Click Add Content.
3. Using the dropdown menu, set your Content Type to Find the Hotspot.
4. Add a Title that will be easy to remember and find.
1. Under Background image, click the green plus icon to choose the image that you will place hotspots on for this interactive. For example, this could be a model from your course content.
2. Click the Hotspots tab to start placing hotspots on the image you have uploaded.
4. In the Hotspots tab, enter your Task description. This will explain to the student what they need to do to answer the question, so make it a short, direct instruction.
5. Click one of the buttons in the bar above the image to place a circular or square hotspot. Choose the shape that is going to cover the most area of the object in your image - for our example, we're going to use a circle.
6. A pop-up box will open for the details of this new hotspot. Tick the Correct tickbox if this hotspot is a correct answer (you can have as many correct answers as you like) or leave it unticked for an incorrect answer.
7. Enter some Feedback for the hotspot based on whether it is a correct or incorrect answer. One or two sentences work best.
8. Click Done to place the hotspot on the image.
9. The hotspot will appear on the image. Click and drag it to the corresponding part of the image based on your feedback. Remember, the hotspot will not be visible to students.
You can edit, reorder and delete hotspots by clicking on them.
Click the pen icon if you need to Edit the details you have entered.
10. Keep placing hotspots until you have added all your desired answers to the image.
11. Adjust the size of each hotspot by dragging it at the corners, so that it covers the whole answer area. This is important, as the hotspots you have placed will not be visible to students.
12. Add some Feedback for clicks in blank areas.
At the bottom of the screen you can adjust your H5P settings (you can leave these settings by default or make alterations):
1 - Display options: (previously 'Display and copyright buttons') What options do you want to be visible for the user, for example you can tick the display download button to enable students/staff to download the H5P to their own computer. You can also tick the Display embed button, which allows the user to embed the H5P into their HTML editor in VU Collaborate for example.
2 - Folder: (previously 'My Content') All your content will be saved in one spot, within a root folder.
3 - Publish: This option allows you to make the H5P Unpublished (content can not be inserted into VUC), Protected (content can be inserted into VUC) or Public (visible to the public using a content link and the content can be inserted into LMS and be embedded). Protected is the default setting and it is recommended to leave this setting as it is.
4 - Collaborators: (previously 'Authors') In this setting you can add and search for other collaborators and give them access to edit your H5P. For example, if you are teaching a unit with another staff member and you would like them to have access to edit your H5P, then you can use the search field to locate another staff member by typing in their full name.
5 - Sharing: (previously called 'Select value') This is where you share your H5P with others, so they can view and clone your content. There is a folder allocated for each college, for example 'Arts and Education', select your College and area within the college.
Note: To know more about Sharing and Collaborators, please see H5P Sharing and Collaboration.
6 - Send Score to LMS: (previously 'Send to Gradebook') In this section you can link your H5P directly to VU Collaborate and also link it to your gradebook. It is recommended to leave this setting as it is, and NOT send the results to the gradebook because the grades are unreliable and inaccurate.
1. Click Save and Insert. A preview of the H5P object will appear. This will help you see how your questions appear to students.
2. The H5P object is now ready to add to your space. Click Insert to add the interactive video to the document.
3. Alternatively, you can click Save.
4. Then click Insert.
Contact ITS Service Desk on (03) 9919 2777 or via self-service http://servicedesk.vu.edu.au for further technical support.