<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE document PUBLIC "-//CNX//DTD CNXML 0.5 plus MathML//EN" "http://cnx.rice.edu/cnxml/0.5/DTD/cnxml_mathml.dtd">
<document xmlns="http://cnx.rice.edu/cnxml" xmlns:m="http://www.w3.org/1998/Math/MathML" xmlns:md="http://cnx.rice.edu/mdml/0.4" xmlns:bib="http://bibtexml.sf.net/" id="m9008">
  <name>Content MathML</name>

  <metadata>
  <md:version>2.16</md:version>
  <md:created>2001/01/24</md:created>
  <md:revised>2008/10/21 11:15:45.505 GMT-5</md:revised>
  <md:authorlist>
      <md:author id="selc">
      <md:firstname>Sarah</md:firstname>
      
      <md:surname>Coppin</md:surname>
      <md:email>coppin@alumni.rice.edu</md:email>
    </md:author>
      <md:author id="brentmh">
      <md:firstname>Brent</md:firstname>
      <md:othername>Michael</md:othername>
      <md:surname>Hendricks</md:surname>
      <md:email>brentmh@rice.edu</md:email>
    </md:author>
  </md:authorlist>

  <md:maintainerlist>
    <md:maintainer id="brentmh">
      <md:firstname>Brent</md:firstname>
      <md:othername>Michael</md:othername>
      <md:surname>Hendricks</md:surname>
      <md:email>brentmh@rice.edu</md:email>
    </md:maintainer>
    <md:maintainer id="jago">
      <md:firstname>Adan</md:firstname>
      
      <md:surname>Galvan</md:surname>
      <md:email>agalvan@gmail.com</md:email>
    </md:maintainer>
    <md:maintainer id="charlet">
      <md:firstname>Charlet</md:firstname>
      
      <md:surname>Reedstrom</md:surname>
      <md:email>charlet@rice.edu</md:email>
    </md:maintainer>
  </md:maintainerlist>
  
  <md:keywordlist>
    <md:keyword>apply</md:keyword>
    <md:keyword>ci</md:keyword>
    <md:keyword>cn</md:keyword>
    <md:keyword>content mathml</md:keyword>
    <md:keyword>csymbol</md:keyword>
    <md:keyword>differentiation</md:keyword>
    <md:keyword>function</md:keyword>
    <md:keyword>integration</md:keyword>
    <md:keyword>mathml</md:keyword>
    <md:keyword>matrix</md:keyword>
    <md:keyword>operator</md:keyword>
    <md:keyword>prefix</md:keyword>
    <md:keyword>token</md:keyword>
    <md:keyword>vector</md:keyword>
  </md:keywordlist>

  <md:abstract>A short introduction to writing Content MathML by hand.  It covers
    tokens, prefix notation, and applying functions and operators.  In
    addition it introduces writing derivatives, integrals, vectors, and
    matrices.</md:abstract>
</metadata>

  <content>
    <para id="parintro">
      The authoritative reference for Content MathML is <link src="http://www.w3.org/TR/MathML2/chapter4.html">Section 4
	of the MathML 2.0 Specification</link>.  The World Wide Web
	Consortium (W3C) is the body that wrote the specification for
	MathML.  The text is very readable and it is easy to find what
	you are looking for.  Look there for answers to questions that
	are not answered in this tutorial or when you need more
	elaboration.  This tutorial is based on MathML 2.0.
    </para>
    <para id="parintro2">
      In this document, the <code>m</code> prefix is used to
      denote tags in the MathML namespace.  Thus the
      <code>&lt;apply&gt;</code> tag is referred to as
      <code>&lt;m:apply&gt;</code>.  Remember all markup in
      the MathML namespace must be surrounded by
      <code>&lt;m:math&gt;</code> tags.
    </para>
    <section id="secapply">
      <name>
	The Fundamentals of Content MathML: Applying Functions and
	Operators
      </name>
      <para id="parapply">
	The fundamental concept to grasp about Content MathML is that
	it consists of applying a series of functions and operators to
	other elements.  To do this, Content MathML uses prefix
	notation.  <term>Prefix notation</term> is when the operator
	comes first and is followed by the operands.  Here is how to
	write "2 plus 3".
	<code type="block">
	<![CDATA[<m:math>
          <m:apply>
	    <m:plus/>
	    <m:cn>2</m:cn>
            <m:cn>3</m:cn>
	  </m:apply>
	</m:math>]]>
	</code>
	This would display as 
	<m:math>
          <m:apply>
	    <m:plus/>
	    <m:cn>2</m:cn>
            <m:cn>3</m:cn>
	  </m:apply>
	</m:math>.
      </para>
      <para id="parapply2">
	There are three types of elements in the Content MathML
	example shown above.  First, there is the <code>apply</code>
	tag, which indicates that an operator (or function) is about
	to be applied to the operands.  Second, there is the function
	or operator to be applied.  In this case the operator,
	<code>plus</code>, is being applied.  Third, the operands
	follow the operator.  In this case the operands are the
	numbers being added.  In summary, the apply tag applies the
	function (which could be sin or
	<m:math><m:ci>f</m:ci></m:math>, etc.) or operator (which
	could be plus or minus, etc.)  to the elements that follow it.
      </para>
      <section id="sectoken">
	<name>Tokens</name>
	<para id="parcicn">
	  Content MathML has three tokens: <code>ci</code>,
	  <code>cn</code>, and <code>csymbol</code>.  A
	  <term>token</term> is basically the lowest level element.
	  The tokens denote what kind of element you are acting on.
	  The <term>cn</term> tag indicates that the content of the
	  tag is a number.  The <term>ci</term> tag indicates that the
	  content of the tag is an identifier.  An
	  <term>identifier</term> could be any variable or function;
	  <m:math><m:ci>x</m:ci></m:math>,
	  <m:math><m:ci>y</m:ci></m:math>, and
	  <m:math><m:ci>f</m:ci></m:math> are examples of identifiers.
	  In addition, <code>ci</code> elements can contain
	  Presentation MathML.  Tokens, especially <code>ci</code> and
	  <code>cn</code>, are used profusely in Content MathML.
	  Every number, variable, or function is marked by a token.
	</para>
	<para id="parcsym">
	  <term>csymbol</term> is a different type of token from
	  <code>ci</code> and <code>cn</code>.  It is used to create a
	  new object whose semantics is defined externally.  It can
	  contain plain text or Presentation MathML.  If you find that
	  you need something, such as an operator or function, that is
	  not defined in Content MathML, then you can use csymbol to
	  create it.
	</para>
	<para id="parpres">
	  Both <code>ci</code> and <code>csymbol</code> can use
	  Presentation MathML to determine how an identifier or a new
	  symbol will be rendered.  To learn more about Presentation
	  MathML see <link src="http://www.w3.org/TR/MathML2/chapter3.html">Section 3
	  of the MathML 2.0 Specification</link>.  For example, to
	  denote "<m:math><m:ci>x</m:ci></m:math> with a subscript 2",
	  where the 2 does not have a more semantic meaning, you would
	  use the following code.
	  <code type="block">
	  <![CDATA[<m:math>
	    <m:ci>
	      <m:msub>
	        <m:mi>x</m:mi>
	        <m:mn>2</m:mn>
	      </m:msub>
	    </m:ci>
	  </m:math>]]>
	  </code>
	  This would display as 
	  <m:math>
	    <m:ci>
	      <m:msub>
	        <m:mi>x</m:mi>
	        <m:mn>2</m:mn>
	      </m:msub>
	    </m:ci>
	  </m:math>.
	</para>
	<para id="partype">
	  The <code>ci</code> elements have a type attribute which
	  can be used to provide more information about the content of
	  the element.  For example, you can declare the contents of a
	  <code>ci</code> tag to be a function
	  (<code>type='fn'</code>), or a vector
	  (<code>type='vector'</code>), or a complex number
	  (<code>type='complex'</code>), as well as any number of
	  other things.  Using the type attribute helps encode the
	  meaning of the math that you are writing.
	</para>
      </section>
      <section id="secfunc">
	<name>Functions and Operators</name>
	<para id="parfcn">
	  In order to apply a function to a variable, make the
	  function the first argument of an apply.  The second
	  argument will be the variable.  For example, you would use
	  the following code to encode the meaning, "the function
	  <m:math><m:ci>f</m:ci></m:math> of
	  <m:math><m:ci>x</m:ci></m:math>".  (Note that you have to
	  include the attribute <code>type='fn'</code> on the
	  <code>ci</code> tag denoting
	  <m:math><m:ci>f</m:ci></m:math>.)
	  <code type="block">
	  <![CDATA[<m:math>
	    <m:apply>
	      <m:ci type='fn'>f</m:ci>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:math>]]>
	  </code>
	  This will display as 
	  <m:math>
	    <m:apply>
	      <m:ci type="fn">f</m:ci>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:math>.
	</para>
	<para id="parsin">
	  There are also pre-defined functions and operators in
	  Content MathML.  For example, sine and cosine are
	  predefined.  These predefined functions and operators are
	  all <term>empty tags</term> and they directly follow the
	  apply tag.  "The sine of <m:math><m:ci>x</m:ci></m:math>" is
	  similar to the example above.
	  <code type="block">
	  <![CDATA[<m:math>
	    <m:apply>
	      <m:sin/>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:math>]]>
	  </code>
	  This will display as 
	  <m:math>
	    <m:apply>
	      <m:sin/>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:math>.
	</para>
	<para id="parsin2">
	  You can find a more thorough description of the different
	  predefined functions in Chapter 4 of the MathML specification.
	</para>
	<para id="paroper">
	  In addition to the predefined functions, there are also many
	  predefined operators.  A few of these are <code>plus</code>
	  (for addition), <code>minus</code> (for subtraction),
	  <code>times</code> (for multiplication), <code>divide</code>
	  (for division), <code>power</code> (for taking the
	  <m:math><m:ci>n</m:ci></m:math>th-power of something), and
	  root (for taking the <m:math><m:ci>n</m:ci></m:math>th-root
	  of something).
	</para>
	<para id="parchild">
	  Most operators expect a specific number of child tags. For
	  example, the power operator expects two children.  The first
	  child is the base and the second is the value in the
	  exponent.  However, there are other tags which can take many
	  children.  For example, the plus operator merely expects one
	  or more children.  It will add together all of its children
	  whether there are two or five.  This is referred to as an
	  <term>n-ary operator</term>.
	</para>
	<para id="parpm">
	  Representing "the negative of a variable" and explicitly
	  representing "the positive of a variable or number" has
	  slightly unusual syntax.  In this case you apply the plus or
	  minus operator to the variable or number, etc., in question.
	  The following is the code for "negative
	  <m:math><m:ci>x</m:ci></m:math>."
	  <code type="block">
	  <![CDATA[<m:math>
	    <m:apply>
	      <m:minus/>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:math>]]>
	  </code>
	  This will display as 
	  <m:math>
	    <m:apply>
	      <m:minus/>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:math>.
	</para>
	<para id="parnegnum">
	  In contrast to representing the negative of a variable, the
	  negative of a number may be coded as follows:
	  <code type="block">
	  <![CDATA[<m:math><m:cn>-1</m:cn></m:math>]]>
	  </code>
	  This will display as <m:math><m:cn>-1</m:cn></m:math>.
	</para>
	<para id="complexmath">
	  To create more complicated expressions, you can nest these
	  bits of apply code within each other.  You can create
	  arbitrarily complex expressions this way.
	  "<m:math><m:ci>a</m:ci></m:math> times the quantity
	  <m:math><m:ci>b</m:ci></m:math> plus
	  <m:math><m:ci>c</m:ci></m:math>" would be written as
	  follows.
	  <code type="block">
	  <![CDATA[<m:math>
	    <m:apply>
	      <m:times/>
	      <m:ci>a</m:ci>
	      <m:apply>
	        <m:plus/>
	        <m:ci>b</m:ci>
	        <m:ci>c</m:ci>
	      </m:apply>
	    </m:apply>
	  </m:math>]]>
	  </code>
	  This will display as 
	  <m:math>
	    <m:apply>
	      <m:times/>
	      <m:ci>a</m:ci>
	      <m:apply>
	        <m:plus/>
	        <m:ci>b</m:ci>
	        <m:ci>c</m:ci>
	      </m:apply>
	    </m:apply>
	  </m:math>.
	</para>
	<para id="pareq">
	  The <code>eq</code> operator is used to write equations.  It
	  is used in the same way as any other operator.  That is, it
	  is the first child of an apply.  It takes two (or more)
	  children which are the two quantities that are equal to each
	  other.  For example, "<m:math><m:ci>a</m:ci></m:math> times
	  <m:math><m:ci>b</m:ci></m:math> plus
	  <m:math><m:ci>a</m:ci></m:math> times
	  <m:math><m:ci>c</m:ci></m:math> equals
	  <m:math><m:ci>a</m:ci></m:math> times the quantity
	  <m:math><m:ci>b</m:ci></m:math> plus
	  <m:math><m:ci>c</m:ci></m:math>" would be written as shown.
	  <code type="block">
	  <![CDATA[<m:math>
	    <m:apply>
	      <m:eq/>
	      <m:apply>
	        <m:plus/>
	        <m:apply>
		  <m:times/>
		  <m:ci>a</m:ci>
		  <m:ci>b</m:ci>
	        </m:apply>
	        <m:apply>
		  <m:times/>
		  <m:ci>a</m:ci>
		  <m:ci>c</m:ci>
	        </m:apply>
	      </m:apply>
	      <m:apply>
	        <m:times/>
	        <m:ci>a</m:ci>
	        <m:apply>
		  <m:plus/>
		  <m:ci>b</m:ci>
		  <m:ci>c</m:ci>
	        </m:apply>
	      </m:apply>
	    </m:apply>
	  </m:math>]]>
	  </code>
	  This will display as 
	  <m:math>
	    <m:apply>
	      <m:eq/>
	      <m:apply>
	        <m:plus/>
	        <m:apply>
		  <m:times/>
		  <m:ci>a</m:ci>
		  <m:ci>b</m:ci>
	        </m:apply>
	        <m:apply>
		  <m:times/>
		  <m:ci>a</m:ci>
		  <m:ci>c</m:ci>
	        </m:apply>
	      </m:apply>
	      <m:apply>
	        <m:times/>
	        <m:ci>a</m:ci>
	        <m:apply>
		  <m:plus/>
		  <m:ci>b</m:ci>
		  <m:ci>c</m:ci>
	        </m:apply>
	      </m:apply>
	    </m:apply>
	  </m:math>.
	</para>
      </section>
    </section>
    <section id="secint">
      <name>Integrals</name>
      <para id="parint">
	The operator for an integral is <code>int</code>.  However,
	unlike the operators and functions discussed above, it has
	children that define the independent variable that you
	integrate with respect to (<code>bvar</code>) and the interval
	over which the integral is taken (use either
	<code>lowlimit</code> and <code>uplimit</code>, or
	<code>interval</code>, or <code>condition</code>).
	<code>lowlimit</code> and <code>uplimit</code> (which go
	together), <code>interval</code>, and <code>condition</code>
	are just three different ways of denoting the integrands.
	Don't forget that the bvar, <code>lowlimit</code>,
	<code>uplimit</code>, <code>interval</code>, and
	<code>condition</code> children take token elements as well.
	The following is "the integral of
	<m:math><m:ci>f</m:ci></m:math> of
	<m:math><m:ci>x</m:ci></m:math> with respect to
	<m:math><m:ci>x</m:ci></m:math> from 0 to
	<m:math><m:ci>b</m:ci></m:math>."
	<code type="block">
	<![CDATA[<m:math>
          <m:apply>
	    <m:int/>
	    <m:bvar><m:ci>x</m:ci></m:bvar>
	    <m:lowlimit><m:cn>0</m:cn></m:lowlimit>
	    <m:uplimit><m:ci>b</m:ci></m:uplimit>
	    <m:apply>
	      <m:ci type='fn'>f</m:ci>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:apply>
	</m:math>]]>
	</code>
	This will display as 
	<m:math>
          <m:apply>
	    <m:int/>
	    <m:bvar><m:ci>x</m:ci></m:bvar>
	    <m:lowlimit><m:cn>0</m:cn></m:lowlimit>
	    <m:uplimit><m:ci>b</m:ci></m:uplimit>
	    <m:apply>
	      <m:ci type="fn">f</m:ci>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:apply>
	</m:math>.
      </para>
    </section>
    <section id="secder">
      <name>Derivatives</name> 
      <para id="pardiff2">
	The derivative operator is <code>diff</code>.  The derivative
	is done in much the same way as the integral.  That is, you
	need to define a base variable (using <code>bvar</code>).  The
	following is "the derivative of the function
	<m:math><m:ci>f</m:ci></m:math> of
	<m:math><m:ci>x</m:ci></m:math>, with respect to
	<m:math><m:ci>x</m:ci></m:math>."
	<code type="block">
	<![CDATA[<m:math>
          <m:apply>
	    <m:diff/>
	    <m:bvar>
	      <m:ci>x</m:ci>
	    </m:bvar>
	    <m:apply>
	      <m:ci type="fn">f</m:ci>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:apply>
	</m:math>]]>
	</code>
	This will display as 
	<m:math>
          <m:apply>
	    <m:diff/>
	    <m:bvar>
	      <m:ci>x</m:ci>
	    </m:bvar>
	    <m:apply>
	      <m:ci type="fn">f</m:ci>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:apply>
	</m:math>.
      </para>
      <para id="pardeg">
	To apply a higher level derivative to a function, add a
	<code>degree</code> tag inside of the <code>bvar</code> tag.
	The degree tag will contain the order of the derivative.  The
	following shows "the second derivative of the function
	<m:math><m:ci>f</m:ci></m:math> of
	<m:math><m:ci>x</m:ci></m:math>, with respect to
	<m:math><m:ci>x</m:ci></m:math>."
	<code type="block">
	<![CDATA[<m:math>
          <m:apply>
            <m:diff/>
	    <m:bvar>
	      <m:ci>x</m:ci>
	      <m:degree><m:cn>2</m:cn></m:degree>
	    </m:bvar>
	    <m:apply><m:ci type="fn">f</m:ci>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:apply>
	</m:math>]]>
	</code>
	This will display as 
	<m:math>
          <m:apply>
            <m:diff/>
	    <m:bvar>
	      <m:ci>x</m:ci>
	      <m:degree><m:cn>2</m:cn></m:degree>
	    </m:bvar>
	    <m:apply><m:ci type="fn">f</m:ci>
	      <m:ci>x</m:ci>
	    </m:apply>
	  </m:apply>
	</m:math>.
      </para>
    </section>
    <section id="secvm">
      <name>Vector and Matrices</name>
      <para id="parv1">
	Vectors are created as a combination of other elements using
	the <code>vector</code> tag.
	<code type="block">
	<![CDATA[<m:math>
          <m:vector>
	    <m:apply>
	      <m:plus/>
	      <m:ci>x</m:ci>
	      <m:ci>y</m:ci>
	    </m:apply>
	    <m:ci>z</m:ci>
	    <m:cn>0</m:cn>
	  </m:vector>
	</m:math>]]>
	</code>
	This will display as 
	<m:math>
          <m:vector>
	    <m:apply>
	      <m:plus/>
	      <m:ci>x</m:ci>
	      <m:ci>y</m:ci>
	    </m:apply>
	    <m:ci>z</m:ci>
	    <m:cn>0</m:cn>
	  </m:vector>
	</m:math>.
      </para>
      
      <para id="parm1">
	Matrices are done in a similar manner.  Each
	<code>matrix</code> element contains several
	<code>matrixrow</code> elements.  Then each
	<code>matrixrow</code> element contains several other
	elements.
	<code type="block">
	<![CDATA[<m:math>
          <m:matrix>
	    <m:matrixrow>
	      <m:ci>a</m:ci>
	      <m:ci>b</m:ci>
	      <m:ci>c</m:ci>
	    </m:matrixrow>
	    <m:matrixrow>
	      <m:ci>d</m:ci>
	      <m:ci>e</m:ci>
	      <m:ci>f</m:ci>
	    </m:matrixrow>
	    <m:matrixrow>
	      <m:ci>g</m:ci>
	      <m:ci>h</m:ci>
	      <m:ci>j</m:ci>
	    </m:matrixrow>
	  </m:matrix>
	</m:math>]]>
	</code>
	This will display as 
	<m:math>
          <m:matrix>
	    <m:matrixrow>
	      <m:ci>a</m:ci>
	      <m:ci>b</m:ci>
	      <m:ci>c</m:ci>
	    </m:matrixrow>
	    <m:matrixrow>
	      <m:ci>d</m:ci>
	      <m:ci>e</m:ci>
	      <m:ci>f</m:ci>
	    </m:matrixrow>
	    <m:matrixrow>
	      <m:ci>g</m:ci>
	      <m:ci>h</m:ci>
	      <m:ci>j</m:ci>
	    </m:matrixrow>
	  </m:matrix>
	</m:math>.
      </para>
      <para id="parmv1">
	There are also operators to take the determinant and the
	transpose of a matrix as well as to select elements from
	within the matrix.
      </para>
    </section>
    <section id="entities">
      <name>Entities</name>
      <note>The use of MathML character entity references in Connexions content is <emphasis>deprecated</emphasis>.</note><para id="entp1">MathML defines its own entities for many special characters used in mathematical notation.  While the entity references have the advantage of being mnemonic with respect to the characters they stand for, they also entail some technical limitations, and so their use in Connexions content is deprecated.  Please use the UTF-8-encoded Unicode characters themselves where possible, or, failing that, the XML Unicode character references for the characters.  At some time in the future, the Connexions repository system will likely convert entity references and character references silently to the UTF-8-encoded Unicode characters they stand for.  See <link src="http://www.w3.org/TR/2003/REC-MathML2-20031021/chapter6.html#chars.unicodechars">6.2.1 Unicode Character Data</link> from the XML Specification for more information.  The MathML specification contains a <link src="http://www.w3.org/TR/MathML2/bycodes.html">list of character entities with their corresponding Unicode code points</link>.</para><para id="element-71">There are character picker utilities available to help you select and paste UTF-8 characters into applications like Connexions.  If you are running Microsoft Windows, the Windows accessory Character Map can help you.  The "Lucida Sans Unicode" font seems to have a good selection of mathematical operators and special characters.  Under Linux, the charmap utility and GNOME applet provide access to all Unicode characters.</para>
    </section>
    <section id="resources">
      <name>Other Resources</name>
      <para id="last">
	There is a lot more that can be done with Content MathML.
	Especially if you are planning on writing a lot of Content
	MathML, it is well worth your time to take a look at the <link src="http://www.w3.org/TR/MathML2/">MathML
	specification</link>.
      </para>
    </section>
  </content>
</document>
