“Hot Spot / Image Map Question” - Restrict Amount Of Clickable Areas

1 Initial Problem

With the current implementation of the Multiple Choice Mode of the “Hot Spot / Image Map Question” a configuration using also negative points is required to avoid participants from being scored with maximum points by simply selecting all available areas resp. spots. For getting rid of this need to use negative points the following feature is to be implemented.

2 Conceptual Summary

• An optional restriction for the maximum amount of selectable options is required. This restriction has to affect while presenting the question in the test object as well as in the learning module. The question previews have to be considered too.
• A new numeric setting "Answering Limitation" has to be added to the configuration screen of the „Hot Spot / Image Map Question”. Valid values for this field are the integers between 1 and the amount of available options. To keep the currently valid behavior available this field can simply be left empty, no restriction will affect the participant when selecting answer options in this case. QTI Export and Import are to be completed with this new setting.
• When a restriction of clickable areas or spots is active a corresponding hint is shown to the participant while answering the question (e.g. "Select 2 of 4 Answer Options"). The selection of more than the allowed amount of spots is avoided by using Javascript. When the maximum amount of spots is selected, a further selection is disabled. When one of the selected spots gets deselected, all disabled spots get enabled again. Because of this mechanism can be bypassed easily there is also a need for a server-side validation of the amount of selected answer options. In case of an invalid answer, the answer is not stored and the question is shown to the participant again involving a corresponding failure message. The submitted and invalid selection is reset in full.
• Within the correction mode the new setting won't be available.
• Existing questions will not be migrated in any kind, the new setting will just be left empty, so the currently known behavior won't be changed for this questions.

3 User Interface Modifications

3.1 List of Affected Views

• Question (Editing Mode) » Edit Questions

3.2 User Interface Details

3.3 New User Interface Concepts

{If the proposal introduces any completely new user interface elements, you might consult UI Kitchen Sink in order to find the necessary information to propose new UI-Concepts. Note that any maintainer might gladly assist you with this.}

4 Technical Information

{The maintainer has to provide necessary technical information, e.g. dependencies on other ILIAS components, necessary modifications in general services/architecture, potential security or performance issues.}

5 Contact

• Author of the Request: Markus, Holger Universität Göttingen; Rabah, Rachid [rabah]
• Maintainer: Studer, Martin [mstuder]
• Implementation of the feature is done by: {The maintainer must add the name of the implementing developer.}

6 Funding

If you are interest in funding this feature, please add your name and institution to this list.

• Universität Bonn

7 Discussion

Rabah, Rachid [rabah] please remember to implent the user feedback (e.g. "Select 2 of 4 Answer Options") and the Mouse Cursor Styles  "not-allowed" for non-selectable answers 

JourFixe, ILIAS [jourfixe], 16 DEC 2019: We highly appreciate this suggestion and schedule the feature for ILIAS 7. The wording of the input label should be changed to "Limit number of choices" to avoid that this is interpreted as a restriction of possible answers (should be changed for MC question, too). In addition, we also accept the resizing of the preview image for better usability, as well as the new position of buttons for defining the coordinates and the use of drag&drop. We see that there is a problem with accessibility that should be discussed with the SIG Accessibility. And please consider introducing the image map as new UI element in Kitchen Sink (UniBe is interested in funding).

8 Implementation

This feature has been implemented for the Assessment Question Service and is not available in the already existing (legacy) Test & Assessment. It will be available once the new Question service is introduced into ILIAS.

8.1 Limit Answers

8.2 New way of editing

1. Only one button for adding new shapes
2. Shape types can be selected as types in a drop-down menu
3. Shapes are defined in a modal by drag & drop.

4. If you want to draw a perfect circle or perfect square, just hold down the CTRL key when dragging.

5. The images and shapes are responsive

{The maintainer has to give a description of the final implementation and add screenshots if possible.}

Test Cases

Test cases completed at {date} by {user}

• {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.