Skip to main content

Graphic Gap Match

  • Updated

This lesson provides step-by-step guidance on creating a Graphic Gap Match item in the Item Bank. This item type requires students to drag and drop words, phrases, numbers, or images to the correct response boxes, which may be within a table, chart, or other graphic. This question type can be administered online only, offers full, partial, and relative scoring, and is automatically scored.

Before You Begin

This lesson begins assuming that users have the permissions to create new Item Bank items, and are familiar with the item creation process. To learn more about creating Item Bank items, take a look at the Create Items article.

Create Graphic Gap Match Item

General Item Settings and Question Creation

An example Graphic Gap Match item creation screen, with the Item Type labeled as step 1, Passage labeled as step 2, Include Teacher Instructions labeled as step 3, Question labeled as step 4, Partial Credit labeled as step 5, Relative Scoring labeled as step 6, Total Possible Points labeled as step 7, and Graphic Gap Match Image labeled as step 8.
  1. Select the Graphic Gap Match item type.
  2. (Optional) Choose one or more passages by selecting Link Passage.
    • Passages must be published and located in the same Work Space to be available for linking.
  3. Use the slider to determine if the item should Include Teacher Instructions.
    • If the slider is set to Yes, enter teacher instructions into the text box.
  4. Enter the Question in the text box.
  5. Use the Partial Credit slider to enable or disable partial credit.
    • If Partial Credit is disabled, students must match every Gap correctly to receive points; if any response is incorrect, students receive no points.
    • If Partial Credit is enabled, students can receive points for partially correct answers.
  6. If Partial Credit is enabled, use the checkbox to enable Relative Scoring.
    • If Relative Scoring is disabled, each Gap can be assigned an independent number of points.
    • If Relative Scoring is enabled, points are awarded according to how many Gaps are answered correctly.
  7. Enter the maximum Total Possible Points students can earn. If Partial Credit has been enabled, the Total Possible Points field becomes uneditable, and instead displays the maximum number of points for the question according to the points assigned to each Gap.
  8. Select Upload Image to upload the Graphic Gap Match Image, which will be the table, chart, or other graphic where students will drag and drop their answer Choices.
An example Image Properties popup window, with the upload area labeled as step 9, and an example image thumbnail labeled as step 10.
  1. The Image Properties popup window opens. Drag and drop the desired image into the upload area, or select within the area to open the current device's files to choose from.
    • Acceptable file types include .GIF, .PNG, .JPG, and .JPEG.
    • Only one image file can be uploaded as the Graphic Gap Match Image, with a size limit of 50MB.
  2. Once an image has been uploaded, a thumbnail of the image displays, offering the options to download, preview, edit, and delete the image.
An example Graphic Gap Match item creation screen, with the uploaded Graphic Gap Match Image labeled as step 11, the same image with Gaps added labeled as step 12, Include Gap Box Outline labeled as step 13, and the GGM Gap and Choices tables labeled as step 14.
  1. Once an image has been uploaded as the Graphic Gap Match Image, that image displays underneath, where Gap areas can be created for students to drag response Choices to.
  2. Select and drag within the image area to create a Gap where students can place Choices.
    • Created Gap areas can be resized using the edge and corner handles, and can also be moved and repositioned.
    • Select the trashcan icon at the top right corner of a selected Gap to delete the Gap.
    • It is not recommended to place Gaps that overlap, as this can cause students to be improperly scored.
  3. Use the toggle to Include Gap Box Outline, as desired. Including the Gap Box Outline displays the Gap box outlines to students when viewing the item in the Student Portal, so that they can see the valid places where Choices can be placed.
  4. Once one or more Gaps have been placed, the GGM Gap and Choice tables automatically populate, and update in live time according to further changes made to the Graphic Gap Match Image.

Graphic Gap Choice Setup

An example Graphic Gap Match item creation screen, with the GGM Gap # table labeled as step 15, the Choice column labeled as step 16, the Choice Usage column labeled as step 17, the Answer for GGM Gap # column labeled as step 18, GGM Gap X labeled as step 19, the trashcan icon labeled as step 20, Add Choice labeled as step 21, Preview labeled as step 22, the Relative Scoring Points Awarded labeled as step 23, and the Save and Next buttons labeled as step 24.
  1. The left-hand table displays a list of the GGM Gap areas added to the Graphic Gap Match Image under the GGM Gap # column, and the number associated to that Gap under the # column, which can be referenced when selecting the correct answers.
    • If Partial Credit is enabled, but Relative Scoring is disabled, this table also displays the Points column, where each Gap can be assigned an individual point value.
    • The # circles will initially display as grey in color, and will turn green once a Choice has been assigned as the correct answer for that Gap.
  2. Enter the responses that students will be able to choose from when dragging and dropping options under the Choice column.
    • The numbers to the left of the Choice fields are not editable, but display in what order the entered Choices will appear.
    • It is recommended to enter the Choices in a random order, rather than in the same order as the Gaps were added to the Image, so that the Choices do not display to students in the same order that they should be placed.
    • The default number of Choices that generate is equal to the number of created Gaps, but more may be added.
    • Select the Equation Editor icon to add equations to the Choice field.
    • Select the image icon to upload an image as a Choice, instead of using the text field.
  3. Select the Choice Usage for each Choice.
    • Once: Selecting Once means that the associated Choice can only be placed one time, and cannot be used as a response in multiple Gaps.
    • Multiple: Selecting Multiple allows students to place the associated Choice multiple times, and the Choice can be used as a response in multiple Gaps.
  4. Select the correct Gap that each Choice should be the correct answer for under the Answer for GGM Gap # column.
    • If the Choice Usage was set to Multiple, a second dropdown menu will appear, allowing for the Choice to be assigned as the correct answer for another Gap. Select Add Answer for Gap # to add additional correct answer dropdown menus; select the trashcan icon to remove correct answer dropdown menus.
  5. If more Choices are created than there are Gaps, the GGM Gap X option will be available under the Answer for Gap # column. This indicates that the associated Choice is a "distractor" option, and is not a correct answer for any Gap.
  6. Select the trashcan icon to delete a Choice row.
  7. Select Add Choice to add another Choice row.
An example preview of a Graphic Gap Match item.
  1. Select Preview to view how the item will display in the Student Portal, including the correct answers for each Gap. The above image is the preview of the item as it has been set up in this tutorial.
  2. If Relative Scoring is enabled, the Relative Scoring table appears underneath the Gaps and Choices tables. Enter the Points Awarded to students for each successive level of Correct Answers Selected.
  3. Select Save to save the item progress, or select Next to save and continue to the next step.

Next Steps

To learn more about creating different item types, take a look at the other articles in the Item Types manual.

Was this article helpful?
0 out of 0 found this helpful
Return to top

Help us improve this article

Submit Feedback