TN8 Item Styleguide ::: Gap Match

Gap Match - Multiple Drag Bays

Presentation Options

A Gap Match interaction is comprised of collections of gapText choices (i.e., gapText elements) and target gaps. Each gapText can be moved into a target gap to create a directedPair response.

Multiple Drag Bays

The Gap Match interaction can support multiple drag bays, where collections of source choices can be grouped together into labeled containers. This is an example where the source choices are grouped into two containers - Cooler Seasons and Warmer Seasons.

The label of each container is customizable. You set up a Gap Match interaction to include multiple source bays by defining a "groupCategory" in the class attribute of the gapText element. The gapText choices that share the same groupCategory are grouped into a labeled container. Spaces and special characters such as quotes must be escaped; e.g., <gapText class="groupCategory:Cooler%20Seasons" .../>

You can also decide to hide the label of each container by adding the class group-labels-none to the gapMatchInteraction element. If the group-labels-none class is added, then the label for each container WILL NOT appear even if a "groupCategory" is defined.

Get Responses:

[ Click Get Responses ]

Item XML

<?xml version="1.0" encoding="UTF-8"?>
<assessmentItem xmlns="http://www.imsglobal.org/xsd/imsqti_v2p1"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.imsglobal.org/xsd/imsqti_v2p1 http://www.imsglobal.org/xsd/imsqti_v2p1.xsd"
	identifier="gapMatch-multiple-groups" title="Gap Match - multiple groups" adaptive="false" timeDependent="false">
	<responseDeclaration identifier="RESPONSE" cardinality="multiple" baseType="directedPair">
		<correctResponse>
			<value>W G1</value>
			<value>Su G2</value>
		</correctResponse>
		<mapping defaultValue="-1" lowerBound="0">
			<mapEntry mapKey="W G1" mappedValue="1"/>
			<mapEntry mapKey="Su G2" mappedValue="2"/>
		</mapping>
	</responseDeclaration>
	<outcomeDeclaration identifier="SCORE" cardinality="single" baseType="float"/>
	<itemBody>
<div class="row">
<div class="span6">
	<gapMatchInteraction responseIdentifier="RESPONSE" class="group-four-up choices-bottom" shuffle="false">
		<prompt>Identify the missing words in this famous quote from Shakespeare's Richard III.</prompt>
		<gapText identifier="W" matchMax="1" class="groupCategory:Cooler%20Seasons">winter</gapText>
		<gapText identifier="Sp" matchMax="1" class="groupCategory:Warmer%20Seasons">spring</gapText>
		<gapText identifier="Su" matchMax="1" class="groupCategory:Warmer%20Seasons">summer</gapText>
		<gapText identifier="A" matchMax="1" class="groupCategory:Cooler%20Seasons">autumn</gapText>
		<blockquote>
			<p>Now is the <gap identifier="G1"/> of our discontent<br/> Made glorious <gap
				identifier="G2"/> by this sun of York;<br/> And all the clouds that lour'd
			upon our house<br/> In the deep bosom of the ocean buried.</p>
		</blockquote>
	</gapMatchInteraction>
</div>
</div>
	</itemBody>
	<responseProcessing template="http://www.imsglobal.org/question/qti_v2p1/rptemplates/map_response"/>
</assessmentItem>

Identify the missing words in this famous quote from Shakespeare's Richard III.

Cooler Seasons

winter
autumn

Warmer Seasons

spring
summer

Now is the of our discontent
Made glorious by this sun of York;
And all the clouds that lour'd upon our house
In the deep bosom of the ocean buried.