TN8 Item Styleguide ::: MathML Support

Unicode and MathML

At present, there are no additional TN8 presentation options for MathML. We use the wonderful MathJax library to render MathML everywhere. However, there is one additional bonus feature: Latex rendering. The item below contains both MathML and Latex. So you can render your Math items online as nicely as you can on Paper!

How does it work? The Rosetta Stone detects that there is MathML in the Item. If the Rosetta Stone detects the presence of MathML, it tells TN8 to run the MathJax plugin over the item.

And you are probably asking, "How does the Rosetta Stone detect MathML in the Item?" Two ways: 1) by detecting the MathML namespace in the Item header, or 2) by detecting the MathML namespace in the Item body. So just make sure when you want to put MathML in your Item that you have something like this in your Item header: xmlns:math="http://www.w3.org/1998/Math/MathML".

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="math" title="Relativity with MathML" adaptive="false" timeDependent="false"
  xmlns:math="http://www.w3.org/1998/Math/MathML">
  <responseDeclaration identifier="RESPONSE" cardinality="single" baseType="identifier">
    <correctResponse>
      <value>E</value>
    </correctResponse>
  </responseDeclaration>
  <outcomeDeclaration identifier="SCORE" cardinality="single" baseType="float"/>
  <itemBody>
    <div class="row">
      <div class="span6">
        <div class="center">
          <h3>Quadratic Equation MathML</h3>
        </div>
        <div class="pad8 center lead">
          <math>
            <mrow>
              <mi>x</mi>
              <mo>=</mo>
              <mfrac>
                <mrow>
                  <mo>−</mo><mi>b</mi><mo>&#x00B1;</mo>
                  <msqrt>
                    <mrow><msup><mi>b</mi><mn>2</mn></msup><mo>&#x2212;</mo><mn>4</mn><mi>a</mi><mi>c</mi></mrow>
                  </msqrt>
                </mrow>
                <mrow><mn>2</mn><mi>a</mi></mrow>
              </mfrac>
            </mrow>
          </math>
        </div>
        <p>
          Finally, while display equations look good for a page of samples, the ability to mix math and 
          text in a paragraph is also important. This expression \(\sqrt{3x-1}+(1+x)^2\) is an example of an 
          inline equation.  As you see, MathJax equations can be used this way as well, without unduly 
          disturbing the spacing between lines.
        </p>
      </div>
      <div class="span6">
        <div class="well">
          <p>
            Which famous scientist is popularly associated<br /> with the equation 			
            <math>
              <mrow>
                <mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup>
              </mrow>
            </math> ?
          </p>
          <div class="whitebg pad8">
            <choiceInteraction responseIdentifier="RESPONSE" shuffle="false" maxChoices="1">
              <simpleChoice identifier="E">
                Einstein
              </simpleChoice>
              <simpleChoice identifier="G">
                Gallileo
              </simpleChoice>
              <simpleChoice identifier="H">
                Hawking
              </simpleChoice>
              <simpleChoice identifier="N">
                Newton
              </simpleChoice>
            </choiceInteraction>
          </div>
        </div>
      </div>
    </div>
  </itemBody>
  <responseProcessing template="http://www.imsglobal.org/question/qti_v2p1/rptemplates/match_correct"/>
</assessmentItem>