Adding interactivity and media in Xerte

Overview

Tutors and students can create quality interactive learning resources using the following tools that are available within Xerte. It is best practice to create interactive resources in Xerte Toolkit, and embed them into the bootstrap.

This articles highlights the following interactive learning resources;

• HotSpot The interaction with Hotspots allows you to mark up an image with regions. When selected, each region will take you to another page or popup a window that can hold information, sound, videos, URLs and external webpages.
• Quizzes Can be formative assessments comprising of a series of question with single or multiple answers.
• Interactive Documentation A form based interaction where the user downloads a copy of their responses

Hotspot

Hotspot Connectors

1. Click the + (Add) icon.
2. Select ‘Connectors’ from the options in the drop down menu
3. Click ‘Hotspot Image Connector’.

Setting up the Hotspot

1. Go to the Hotspot home page
2. Use the ‘Page Text’ to give directions
3. Define the ‘Min Text Width’
4. Define the ‘Text alignment’
5. Upload an image to be used for the background of the hotspots interaction
6. ‘Highlight Hotspot’ can be used to show where the hotspots are

Adding Pop-Up HTML

Be mindful that popups tend to annoy users, and therefore they are often blocked. If you have set interactions they could be missed. Providing a user direction guide or adding user Tips can help the user have a better experience.

1. Click the Hotspot page
2. Click on the Edit hotspot image – add the hotspot
3. Add ‘New Pop-Up HTML’
4. Add a disruption
5. And/or an image

Adding a Window HTML

1. Click the Hotspot page and ‘Edit Hotspot’ image.
2. Add ‘New Window HTML’
3. Add a disruption
4. And/or an image

Adding a Window URL

1. Click the Hotspot page and ‘Edit Hotspot’ image.
2. Add ‘New Window URL’
3. Add the URL – the popup window will show the URL page

Adding a Destination Page

1. Click the Hotspot page and ‘Edit Hotspot’ image.
2. Add ‘Relative Destination Page’
3. Select the ‘Relative Destination Page’
4. Once click the hotspot will navigate to that page

Sound

1. Click the Hotspot page and ‘Edit Hotspot’ image.
2. Add ‘Sound’
3. Upload the sound you wish to use

Quizzes

Adding a quiz activity

1. Add Interactivity
2. Select ‘Quiz’
3. Click Before or After (select which position the quiz should be located; Before, After or at the of the resource)

Setting up the Quiz

1. Define if you wish to have the quiz questions in Sequence or Random
2. ‘Number of Questions’ – Reflects how many questions you wish to show.
3. Instructions – Reflects what you need to tell the user in order to complete the quiz
4. Judge Questions – Gives the user a score at the end of the quiz
5. ‘Show Feedback’ – Shows the user feedback you have provided.
6. Add a ‘New Question’

Setting the Question

1. Add the question
2. Add the question label – This is good practice and enables you quickly find the question you are looking for.
3. Define the question type (multiple or single answer questions)
4. Add a ‘New Question’

Setting the Answers

After selecting + New Answer,

1. Enter an ‘Answer’ to the question
2. Complete the answer ‘Label’
3. Provide Feedback
4. Select if this is the correct or not correct answer

Interactive Document

Create the Documentation

1. Click the + (Add) icon.
2. Click ‘Interactivity’
3. Select Documentation. and choose the position you wish to insert it in (Before, After or At end)

Setting up the Interactivity Documentation

1. Select the created ‘Interactivity Documentation’ page
2. Enter a description/instruction for how to use the page, as well as an introduction text
3. Define where you would like the text to be shown
4. Define where you want the Download button
5. Decide the Panel Width
6. Add a ‘New Nested Page’.

Choose an activity

After creating the Nested page, you will need to proceed to choosing an activity from the list of available options, which include;

• Checkboxes – This can be used to ask a question or part of a checklist
• The text box allows the user to create single line notes
• Text area allows more than a couple of words
• The editable table can be used to create section areas for data entry
• Lists can be created with multiple or single answers

After setting up the desired activities in the document, the ‘download button’ (6) allows save the document in a personal storage location.