TN8 Item Styleguide ::: Order

Order Interaction

By default, we display the orderInteraction as horizontal draggables. You can also specify this by setting the class attribute as dnd-horizontal. Vertical draggables can be specified with dnd-vertical.

Also, you can also set the QTI orientation attribute equal to horizontal or vertical. This has the same effect as setting the class attribute to dnd-horizontal or dnd-vertical, respectively.

About Order Interaction "answeredness"

By default, an order interaction is considered answered when at least one of the draggable elements is moved to a different position than the initially-displayed order. Furthermore, an order interaction may be unanswered by setting the order of the draggable elements back to their initially-displayed order.

However, item authors can also specify that an order interaction is answered as soon as any of the draggable elements are dragged, even if all the elements remain in the same order as initially rendered. To enable this feature, item authors should specify the class answer-on-move in the interaction's xml; e.g., <orderInteraction responseIdentifier="RESPONSE" class="answer-on-move"> When answer-on-move is specified, the order interaction cannot be unanswered.

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="Order-horizontal-1" title="Order - horizontal" adaptive="false" timeDependent="false">
  <responseDeclaration identifier="RESPONSE" cardinality="ordered" baseType="identifier">
    <correctResponse>
      <value>DriverC</value>
      <value>DriverA</value>
      <value>DriverB</value>
    </correctResponse>
  </responseDeclaration>
  <outcomeDeclaration identifier="SCORE" cardinality="single" baseType="float" />
  <itemBody>
    <orderInteraction responseIdentifier="RESPONSE" class="answer-on-move">
      <prompt>The following F1 drivers finished on the podium in
      the first ever Grand Prix of Bahrain. Can you rearrange them
      into the correct finishing order?</prompt>
      <simpleChoice identifier="DriverA">Rubens Barrichello</simpleChoice>
      <simpleChoice identifier="DriverB">Jenson Button</simpleChoice>
      <simpleChoice identifier="DriverC">Michael Schumacher</simpleChoice>
    </orderInteraction>
  </itemBody>
  <responseProcessing template="http://www.imsglobal.org/question/qti_v2p1/rptemplates/match_correct" />
</assessmentItem>