Graphic Associate Interaction

The Graphic Associate Interaction gives Test-takers the opportunity to demonstrate their knowledge by depicting routes on a map or graphic in a prescribed way. This can be used for drawing out historical military marches, route-planning exercises, connecting the dots to form a missing piece of an image, etc.

This interaction is one of a series of Graphic Interactions (the others are covered in their own sections). All graphic interactions can be found in the Graphic Interactions Library.

Graphic Associate Interaction
Graphic Associate Interaction

Once you have generated a new Item, and clicked on Authoring in the Action Bar, follow the steps below to create a new Graphic Associate Interaction:

1. From the Graphic Interactions library near the bottom of the Interactions library on the left, drag the Associate icon Graphic Associate onto the blank item and drop it onto the Canvas.

2. Choose the desired background graphic.

A Resource Manager window will appear with which you can select a background graphic. You can re-use a background already in the resource manager, or you can upload a new one. To select one from the list of previously uploaded graphics, highlight the appropriate background graphic in the resource manager list and click the green Select button. To upload a new one, click on the blue Add file(s) button to browse the files on your computer, and then upload one to the resource manager by clicking the green Upload button.

Highlight the file you have chosen as your background by clicking on it, and it will appear on the right in the preview panel. Click Select in the bottom right of the window to continue.

A new authoring window will appear with the background graphic in the center of the canvas. Above the graphic there is a question field. On the left there is an Associable Hotspot Panel for inserting selected shapes that will represent Associable Hotspots into the background graphic (these include four different shapes: rectangle, circle, ellipse, and polygon). Below the Hotspot Panel there is a trash can icon, which allows you to delete a poorly-placed or misshapen Hotspot. Below the background graphic is a gap match field for entering the answers (in the form of graphic elements).

3. Fill in the question field, where it says define prompt.

This should cover such important information as what the background graphic represents, and what the Test-taker is supposed to do in this interaction.

Note: See the chapter Word Processing Options for details on text editing options such as using italics or bold text in your item, and inserting features such as shared stimuli or media, tables or formulae.

4. Insert the Associable Hotspots onto the background graphic.

To insert a rectangle, click on one corner and drag it across the intended area the Hotspot is supposed to cover. To insert a circle or ellipse, select its center and drag outward or inward until the Hotspot is the right size. To insert a polygon, begin at one corner, then click on each corner in succession until the Hotspot is complete. You can make all the shapes bigger or smaller (or in the case of polygons change the shape), but if necessary, click on the problem Hotspot, then click the trash can to delete it, and then try again.

After the Hotspots are inserted, set the number of Hotspot matches that the test-taker will be asked to provide (before he can continue to the next question), giving the minimum and the maximum. This can be done in the Allowed number of matches boxes in the Interaction Properties Panel on the right.

6. Click Response on the right of the blue interaction header to select the associations between Hotspots (the answers).

By default, a test-taker receives one point per completely correct interaction, so in the case of Graphic Associate interactions, the test-taker has to select all the correct Hotspot pairs in order for the answer to be considered correct. Select the Hotspot pairs by clicking first on one Hotspot and then the associated Hotspot, until the pairs are all correctly connected by lines.

See step 7 for other scoring methods.

7. Complete optional configuration of response if required.

You can choose to configure the interaction response in the following ways:

  • give partial credit for partially correct answers
  • insert modal feedback

These options are available in the Response Properties Panel on the right. See the section Configuring Interactions for details.

8. Click the blue Done button. Your graphic associate interaction is now complete.

You can now preview and test-run your interaction by following the instructions given in Steps 5 and 6 in Creating a Test Item.