Graphic Gap Match (QTI)
A graphic gap-match interaction is a graphical interaction with a set of gaps that are defined as areas (hotspots) of the graphic image and an additional set of gap choices that are defined outside the image. The candidate must associate the gap choices with the gaps in the image and be able to review the image with the gaps filled in context, as indicated by their choices. Care should be taken when designing these interactions to ensure that the gaps in the image are a suitable size to receive the required gap choices. It must be clear to the candidate which hotspot each choice has been associated with. When associated, choices must appear wholly inside the gaps if at all possible and, where overlaps are required, should not hide each other completely. If the candidate indicates the association by positioning the choice over the gap (e.g. drag and drop) the system should ‘snap’ it to the nearest position that satisfies these requirements. The graphicGapMatchInteraction must be bound to a response variable with base-type directedPair and multiple cardinality. The choices represent the source of the pairing and the gaps in the image (the hotspots) the targets. Unlike the simple gapMatchInteraction, each gap can have several choices associated with it if desired, furthermore, the same choice may be associated with an associableHotspot multiple times, in which case the corresponding directed pair appears multiple times in the value of the response variable. The relevant classes are:
Data Model
Examples
<assessmentItem xsi:schemaLocation="http://www.imsglobal.org/xsd/imsqti_v2p2 http://www.imsglobal.org/xsd/qti/qtiv2p2/imsqti_v2p2p2.xsd" identifier="graphicGapfill" title="Airport Tags" adaptive="false" timeDependent="false">
<responseDeclaration identifier="RESPONSE" cardinality="multiple" baseType="directedPair">
<correctResponse>
<value>GLA A</value>
<value>EDI B</value>
<value>MAN C</value>
</correctResponse>
<mapping lowerBound="0" defaultValue="-1">
<mapEntry mapKey="GLA A" mappedValue="1"/>
<mapEntry mapKey="EDI B" mappedValue="1"/>
<mapEntry mapKey="MAN C" mappedValue="1"/>
</mapping>
</responseDeclaration>
<outcomeDeclaration identifier="SCORE" cardinality="single" baseType="float"/>
<itemBody>
<p>
The International Air Transport Association assigns three-letter codes to identify airports worldwide. For example, London Heathrow has code LHR.
</p>
<graphicGapMatchInteraction responseIdentifier="RESPONSE">
<prompt>
Some of the labels on the following diagram are missing: can you identify the correct three-letter codes for the unlabelled airports?
</prompt>
<object type="image/png" data="images/ukairtags.png" width="206" height="280"/>
<gapImg identifier="CBG" matchMax="1">
<object type="image/png" data="images/CBG.png" width="20" height="9"/>
</gapImg>
<gapImg identifier="EBG" matchMax="1">
<object type="image/png" data="images/EBG.png" width="18" height="9"/>
</gapImg>
<gapImg identifier="EDI" matchMax="1">
<object type="image/png" data="images/EDI.png" width="14" height="9"/>
</gapImg>
<gapImg identifier="GLA" matchMax="1">
<object type="image/png" data="images/GLA.png" width="17" height="9"/>
</gapImg>
<gapImg identifier="MAN" matchMax="1">
<object type="image/png" data="images/MAN.png" width="21" height="9"/>
</gapImg>
<gapImg identifier="MCH" matchMax="1">
<object type="image/png" data="images/MCH.png" width="22" height="9"/>
</gapImg>
<associableHotspot identifier="A" matchMax="1" shape="rect" coords="12,108,39,121"/>
<associableHotspot identifier="B" matchMax="1" shape="rect" coords="128,103,155,126"/>
<associableHotspot identifier="C" matchMax="1" shape="rect" coords="66,165,93,178"/>
<!--
<associableHotspot identifier="D" matchMax="1" shape="rect" coords="121,209,148,222"/>
-->
</graphicGapMatchInteraction>
</itemBody>
<responseProcessing template="http://www.imsglobal.org/question/qti_v2p2/rptemplates/map_response"/>
</assessmentItem>