5.2 Clickable Image Questions - Maple T.A. 2016 Help
Maple T.A. Online Help

Instructor
Search Maple T.A. 2016 Help:

5.2 Clickable Image Questions

Description

A Clickable Image question presents an image with a number of hot spots, where students are required to identify the correct image element by clicking on the appropriate hot spots. Using the Question Designer in the system, you can create these interactive questions by working with an image and identifying hot spot response regions by painting regions with the mouse.

Grading

Clickable image questions are graded correctly or incorrectly. There are no partial marks allotted.

Instructions

To create a Clickable Image question:

  1. From the Class Homepage, click the Content Repository.
  1. From the Create New drop-down menu, select Question/Text.
  1. Click Response Area ().
  1. Under Choose Question Type, select Clickable Image.
  1. It is recommended that you enter a description in the Question Description text field. (The description is used to label the question in the topic. If excluded, the question type is used.)
  1. (Optional) To add an Algorithm or Feedback to the question, see Adding and Editing Algorithms and Adding and Editing Feedback.
  1. To proceed to the Question Summary pane, click Save & Close.
  1. In the Question Summary pane:
  1. In the text box, enter the question statement.
  1. To upload or browse files you have already uploaded to your class web site: Click Browse... in the Question Editor. Double-click the desired image.

  1. To set the correct regions, use the system's graphics tools to define the regions of the correct answer and any other responses.
  1. Define the approximate region of the correct answer. Select Add Region to engage the define tool and click one corner of your answer target. Insert additional outlying points with mouse clicks, and drag the connector lines to shape the final highlighted region.

Note: The define tool essentially works like a peg board with rubber bands. Place the pegs with a click of the mouse, then click and drag the connecting lines while the system paints the interior of the shape you have created.

  1. When you are satisfied with the shape of the region you have defined, click Set Correct to identify it as a the correct response. The system highlights the correct answer region in red.
  1. Use Add Region to define additional regions. When you have completed each individual region, select Add Region to disengage the define tool.

Note: Use Delete to clear individual regions if you make a mistake.

  1. When you have completed the identification of regions within your image, click OK to place a copy of your question in the web site cache and to preview your question.

Example

  1. From the Class Homepage, click the Content Repository.
  1. From the Create New drop-down menu, select Question/Text.
  1. On the Question Repository screen:
  • Enter the following for Question Name: Region of Graph (Clickable)
  • Enter the following for Question Text: Click a negative region on the graph.
  1. Click Response Area ().
  1. The Edit Response Area screen appears:
  1. Under Choose Question Type list, select Clickable Image.
  1. Weighting: specify the weight of this response area in the overall question. (By default, the Weighting is set to 1).
  1. Click Browse...
  1. Double-click on the image you want used as a clickable image.
  1. To set the correct regions, use the system's graphics tools to define the regions of the correct answer and any other responses. Follow the steps below:
  • Define the approximate region of the correct answer. Select Add Region to engage the define tool and click one corner of your answer target. Insert additional outlying points with mouse clicks, and drag the connector lines to shape the final highlighted region.

Note: The define tool essentially works like a peg board with rubber bands. Place the pegs with a click of the mouse, then click and drag the connecting lines while the system paints the interior of the shape you have created.

  • When you are satisfied with the shape of the region you have defined, click Set Correct to identify it as a the correct response. The system highlights the correct answer region in red.
  • Use Add Region to define additional regions. When you have completed each individual region, select Add Region to disengage the define tool.

Note: Use Delete to clear individual regions if you make a mistake.

  1. Click OK.
  1. Define the correct region of the graph as shown in Figure 5.1.
Clickable Image Figure with Correct Regions

Figure 5.1: Clickable Image Figure with Correct Regions


7. Then, define the incorrect region of the graph as shown in Figure 5.2.

.Clickable Image Figure with Incorrect Regions

Figure 5.2: Clickable Image Figure with Incorrect Regions


8. Click Save to save the question.

9. Click Preview to view the question. See Figure 5.3.

Clickable Image Example Question

Figure 5.3: Clickable Image Example Question


See Also:

Images and Reference Files in Questions

Uploading Images and Reference Files to the Class File Manager

Next Steps

To edit further details in the Content Repository, see Editing Question Details