Mozilla MathML Project

Mozilla
MathML Project

A Mozilla Project for
Math on the Web

1) History of the Project
mathzilla

1989-1990: Invention of the Web by researchers at CERN.
March 1995: HTML 3.0 Draft Released ; contains a <MATH> tag.
January 1998: Announcement to open Netscape Source Code.

1) History of the Project
mathzilla

1989-1990: Invention of the Web by researchers at CERN.
March 1995: HTML 3.0 Draft Released ; contains a <MATH> tag.
January 1998: Announcement to open Netscape Source Code.
April 1998: MathML 1.0 Released.
May 1999: Launch of the Project by Volunteer Contributors.
February 2001: MathML 2.0 Released.

1) History of the Project
mathzilla

1989-1990: Invention of the Web by researchers at CERN.
March 1995: HTML 3.0 Draft Released ; contains a <MATH> tag.
January 1998: Announcement to open Netscape Source Code.
April 1998: MathML 1.0 Released.
May 1999: Launch of the Project by Volunteer Contributors.
February 2001: MathML 2.0 Released.
June 2002: Mozilla 1.0 Released with MathML support.
July 2003: Creation of the Mozilla Foundation.
November 2004: Firefox 1.0 Released.

1) History of the Project
mathzilla

1989-1990: Invention of the Web by researchers at CERN.
March 1995: HTML 3.0 Draft Released ; contains a <MATH> tag.
January 1998: Announcement to open Netscape Source Code.
April 1998: MathML 1.0 Released.
May 1999: Launch of the Project by Volunteer Contributors.
February 2001: MathML 2.0 Released.
June 2002: Mozilla 1.0 Released with MathML support.
July 2003: Creation of the Mozilla Foundation.
November 2004: Firefox 1.0 Released.
...
October 2010: MathML 3.0 Released.
June 2013: Launch of Mozilla Science Lab.

2) MathML is the markup
language used in HTML5
to write math...

MathML integrates
well in HTML

PNG	blah blah
MathML	blah $\frac{x + y^{2}}{k + 1}$ blah

MathML integrates
well in HTML

PNG
MathML	$\sum_{p prime} f (p) = \int_{t > 1} f (t) d π (t)$

MathML integrates
well in HTML

PNG
MathML	$det \| \begin{matrix} c_{0} & c_{1} & c_{2} & \dots & c_{n} \\ c_{1} & c_{2} & c_{3} & \dots & c_{n + 1} \\ c_{2} & c_{3} & c_{4} & \dots & c_{n + 2} \\ ⋮ & ⋮ & ⋮ & ⋮ \\ c_{n} & c_{n + 1} & c_{n + 2} & \dots & c_{2 n} \end{matrix} \| > 0$

This is actually an
SVG image...
mathzilla

...with a MathML
equation inside!
mathml tree

MathML can be styled
with CSS

  mo { color: #faa;  }
  mfrac { text-shadow: #aaf 10px 12px 1px; }

Γ (z) = \int_{0}^{\infty} t^{z} e^{- t} \frac{d t}{t}

MathML DOM can be
modified via JavaScript

  mfrac.setAttribute('bevelled', ...);

\frac{\sqrt{2}}{π}

MathML is compatible
with Unicode & Bidi

ص = \sqrt[٣]{- \frac{م}{٢} + \sqrt[٢]{\frac{م^{٢}}{٤} + \frac{{هـ}^{٣}}{٢٧}}} + \sqrt[٣]{- \frac{م}{٢} - \sqrt[٢]{\frac{م^{٢}}{٤} + \frac{{هـ}^{٣}}{٢٧}}} .

{\begin{matrix} ق_{ل} + {د (ق)}_{س} = ٠ \\ ق (٠ ، س) = {\begin{matrix} ق^{-} & اذا كان س < ٠ \\ ق^{+} & اذا كان س > ٠ \end{matrix} \end{matrix}

π (ن) = \sum_{م = ٢}^{ن} ⌊ {(\sum_{ك = ١}^{م - ١} ⌊ (م ∕ ك) ∕ ⌈ م ∕ ك ⌉ ⌋)}^{- ١} ⌋

3) MathML is available
in any Gecko-based
applications...

MathML in Firefox
(MDN Wiki)
$MDN$

MathML in Firefox
(Jacques Distler's Blog) $Blog$

MathML in Firefox
(Wikipedia) $Wikipedia$

MathML in Firefox
(Connexions E-Course) $Connexions$

MathML in Firefox
(Firemath add-on)

MathML in Firefox
(EPUBReader add-on)
$EPUBReader$

MathML in Thunderbird
$Thunderbird$

MathML in InstantBird
$InstantBird$

MathML in BlueGriffon
$BlueGriffon$

4) There are many ways
to write MathML...
$MDN$ Firemath

$BlueGriffon$

Client-side conversion
(ASCIIMathML)

  ...
  <script src="ASCIIMathML.js" ...>
  </head>
  <body>
  `a/b + c^2 = sqrt t - 4 v_0`
  ...

\frac{a}{b} + c^{2} = \sqrt{t} - 4 v_{0}

Client-side conversion
(MathJax)

  <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      MMLorHTML: { prefer: { Firefox: "MML" } }
    });
  </script>
  <script src="MathJax.js?config=TeX-AMS-MML_HTMLorMML.js"...>
  ...
  \[ \sum_{k=0}^{n-1} e^{k \frac {2 i \pi}{n}} = 0 \]

\sum_{k = 0}^{n - 1} e^{k \frac{2 i π}{n}} = 0

Command line tools (itex2MML)

input.html

  <body>
    <p style="color: #faa">$\sqrt{a^2-3c}$</p>
  </body>

$ cat input.html | itex2MML > output.html
$ firefox output.html

$\sqrt{a^{2} - 3 c}$

Command line tools (LaTeXML)

Convert a random LaTeX paper into a Web page!

arXiv

 $ latexml --dest thesis.xml thesis.tex
 $ latexmlpost --dest html/thesis.html --format=html5 \
               --splitat=section thesis.xml

  $ firefox thesis.html

WYSIWYG editor (LibreOffice)

Tools → Options → Advanced → Experimental Features
to enable the visual equation editor...
LibreOffice Equation Editor

WYSIWYG editor (LibreOffice)

Export your document into XHTML+MathML...
LibreOffice XHTML+MathML Export

WYSIWYG editor (LibreOffice)

... and view it in Firefox!
LibreOffice Output

Handwriting Recognition (MyScript Web Equation)

5) Work in Development
and Future Projects

MediaWiki Project

MathJax mode for anonymous users on Wikipedia.
Fast Server-side TeX-To-MathML Conversion.
Math Search Engine.

MathJax Project

Fall 2013: MathJax 2.3 with better font support.
MathJax extension with Math Accessibility Enhancements.
Improving Gecko and WebKit's MathML support.

$MathML ipod$

Authoring tools

Fall 2013: New release of LaTeXML, with EPUB export and better support for LaTeX graphic packages
January 2014: LibreOffice 4.2 with Improved MathML Export.

Mozilla Project

Wish to get involved? Here are some ideas:

Complete Gecko's MathML support (bugs 534959 and 525772)
Fix issues that prevent Gecko's Native MathML from being the default in MathJax (bug 687809)

Mozilla Project

Wish to get involved? Here are some ideas:

Complete Gecko's MathML support (bugs 534959 and 525772)
Fix issues that prevent Gecko's Native MathML from being the default in MathJax (bug 687809)
Improve Font Installation (bugs 770005, 467729 and 648548)
Add support for more Open Type Math fonts (bug 407059)

Mozilla Project

Wish to get involved? Here are some ideas:

Complete Gecko's MathML support (bugs 534959 and 525772)
Fix issues that prevent Gecko's Native MathML from being the default in MathJax (bug 687809)
Improve Font Installation (bugs 770005, 467729 and 648548)
Add support for more Open Type Math fonts (bug 407059)
Make the editor/ aware of MathML (bug 78128)
Implement MathML Clipboard Specification (bug 539506)

Mozilla Project

Wish to get involved? Here are some ideas:

Complete Gecko's MathML support (bugs 534959 and 525772)
Fix issues that prevent Gecko's Native MathML from being the default in MathJax (bug 687809)
Improve Font Installation (bugs 770005, 467729 and 648548)
Add support for more Open Type Math fonts (bug 407059)
Make the editor/ aware of MathML (bug 78128)
Implement MathML Clipboard Specification (bug 539506)
Create an EPUB reader or other math tools for FirefoxOS
Make MathML accessible in Gecko (bug 916419). Make the FireVox extension work with the latest version of Gecko?

Thanks for Watching!

This slideshow and more resources are available here: https://github.com/fred-wang/MozSummitMathML
Reaching the Community: #mathml and dev-tech-mathml@lists.mozilla.org
Have questions? Contact Fred Wang (<fred DOT wang AT free DOTfr>) or Karl Tomlinson (<karlt AT karlt DOT net>)

This page contains
advanced MathML
features. Please use
a Gecko browser :-(