Which number sentence shows the embedded mathml expressions in the rich inline choice interaction?
Select the blended text+mathml choices:
Select an image from the list:
The Rich Inline Choice interaction, unlike the standard QTI 2.1 <inlineChoiceInteraction> allows you to add html markup such as images and MathML to your inline choices. This interaction also unifies keyboard operations across browsers - which is not otherwise possible when using native select box controls. In addition to permitting rich markup in choice options, Rich Inline Choice also has some handy styling options to give you further control over the select box presentation.
Rich Inline Choice is defined very similarly to inlineChoice, but the parent element is defined as a <customInteraction> so as to avoid QTI schema violations; e.g. <customInteraction class="tei-richinline" responseIdentifier="RESPONSE">
and options within a Rich Inline Choice are defined just like they are in an inlineChoiceInteraction - but with html markup permitted! e.g.,
<inlineChoice identifier="A">QTI html markup</inlineChoice>.
Furthermore, there are some additional options that you can specify by using the class attribute:
There is now the option for a rich-title to customize the prompt text.
If you do not specify a rich-title, the default will be "Choose..." (without the quotes).
If you specified a rich-title, then that will appear in the rich inline choice as the prompt text.
If you do not want any prompt to display, set the class as follows: class="rich-title:%20".
Here is an example with the prompt "Hello World":
<customInteraction class="tei-richinline rich-width-100% rich-title:Select%20an%20expression...>
| Get Responses: | [ Click Get Responses ] |
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<assessmentItem xmlns="http://www.imsglobal.org/xsd/apip/apipv1p0/qtiitem/imsqti_v2p1"
xmlns:xi="http://www.w3.org/2001/XInclude"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
adaptive="false"
identifier="rich-choice-inline-sample" timeDependent="false"
title="Rich Inline Choice example"
xsi:schemaLocation="http://www.imsglobal.org/xsd/apip/apipv1p0/qtiitem/imsqti_v2p1 http://www.imsglobal.org/profile/apip/apipv1p0/apipv1p0_qtiitemv2p1_v1p0.xsd">
<responseDeclaration baseType="string" cardinality="single" identifier="RESPONSE">
<correctResponse>
<value>C</value>
</correctResponse>
</responseDeclaration>
<responseDeclaration baseType="identifier" cardinality="single" identifier="RESPONSE_2">
</responseDeclaration>
<responseDeclaration baseType="identifier" cardinality="single" identifier="RESPONSE_3">
</responseDeclaration>
<outcomeDeclaration baseType="float" cardinality="single" identifier="SCORE"/>
<itemBody>
<div class="row">
<div class="span6">
<p>Which number sentence
<customInteraction class="tei-richinline baseline" responseIdentifier="RESPONSE" shuffle="false">
<inlineChoice identifier="A">
<span class="math_expression">
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="seven times two equals fourteen dollars" display="inline">
<semantics>
<mrow>
<mn>7</mn>
<mo>×</mo>
<mn>2</mn>
<mo>=</mo>
<mi>$</mi>
<mn>14</mn>
</mrow>
<annotation encoding="MathType-MTEF"/>
</semantics>
</math>
</span>
</inlineChoice>
<inlineChoice identifier="B">
<span class="math_expression">
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="fourteen minus seven equals seven dollars" display="inline">
<semantics>
<mrow>
<mn>14</mn>
<mo>-</mo>
<mn>7</mn>
<mo>=</mo>
<mi>$</mi>
<mn>7</mn>
</mrow>
<annotation encoding="MathType-MTEF"/>
</semantics>
</math>
</span>
</inlineChoice>
<inlineChoice identifier="C">
<span class="math_expression">
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="fourteen divided by two equals seven dollars" display="inline">
<semantics>
<mrow>
<mn>14</mn>
<mo>÷</mo>
<mn>2</mn>
<mo>=</mo>
<mi>$</mi>
<mn>7</mn>
</mrow>
<annotation encoding="MathType-MTEF"/>
</semantics>
</math>
</span>
</inlineChoice>
<inlineChoice identifier="D">
<span class="math_expression">
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="twenty-eight minus seven equals twenty-one dollars" display="inline">
<semantics>
<mrow>
<mn>28</mn>
<mo>-</mo>
<mn>7</mn>
<mo>=</mo>
<mi>$</mi>
<mn>21</mn>
</mrow>
<annotation encoding="MathType-MTEF"/>
</semantics>
</math>
</span>
</inlineChoice>
</customInteraction> shows the embedded mathml expressions in the rich inline choice interaction?
</p>
<hr />
<p>Select the best answer:</p>
<div>
<customInteraction class="tei-richinline rich-width-100% rich-title:Select%20an%20expression..." responseIdentifier="RESPONSE_2" shuffle="false">
<inlineChoice fixed="false" identifier="A">Each part in Figure 1 is <span class="math_expression">
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="one-third" display="inline">
<semantics>
<mrow>
<mfrac>
<mn>1</mn>
<mn>3</mn>
</mfrac>
</mrow>
<annotation encoding="MathType-MTEF"/>
</semantics>
</math>
</span> of the whole figure.</inlineChoice>
<inlineChoice fixed="false" identifier="B">Each part in Figure 1 is <span class="math_expression">
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="one-sixth" display="inline">
<semantics>
<mrow>
<mfrac>
<mn>1</mn>
<mn>6</mn>
</mfrac>
</mrow>
<annotation encoding="MathType-MTEF"/>
</semantics>
</math>
</span> of the whole figure.</inlineChoice>
<inlineChoice fixed="false" identifier="C">Each part in Figure 1 is <span class="math_expression">
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="one-eighth" display="inline">
<semantics>
<mrow>
<mfrac>
<mn>1</mn>
<mn>8</mn>
</mfrac>
</mrow>
<annotation encoding="MathType-MTEF"/>
</semantics>
</math>
</span> of the whole figure.</inlineChoice>
</customInteraction>
</div>
</div>
<div class="span6">
<p>Select an image from the list:</p>
<div>
<customInteraction class="tei-richinline" responseIdentifier="RESPONSE_3" shuffle="false">
<inlineChoice fixed="false" identifier="A">
<img alt="circle divided into equal sections with some sections shaded" class="center" src="assets/rich_A.svgz"/>
</inlineChoice>
<inlineChoice fixed="false" identifier="B">
<img alt="square divided into equal sections with a section shaded" class="center" src="assets/rich_B.svgz"/>
</inlineChoice>
<inlineChoice fixed="false" identifier="C">
<img alt="rectangle divided into equal sections with a section shaded" class="center" src="assets/rich_C.svgz"/>
</inlineChoice>
</customInteraction>
</div>
</div>
</div>
</itemBody>
<responseProcessing template="http://www.imsglobal.org/question/qti_v2p1/rptemplates/match_correct"/>
<apip:apipAccessibility xmlns="http://www.imsglobal.org/xsd/apip/apipv1p0/imsapip_qtiv1p0" xmlns:apip="http://www.imsglobal.org/xsd/apip/apipv1p0/imsapip_qtiv1p0"/>
</assessmentItem>
Which number sentence shows the embedded mathml expressions in the rich inline choice interaction?
Select the blended text+mathml choices:
Select an image from the list: