MathUI 2014 - Firefox OS Web Apps for Science

Firefox OS Web Apps for Science

Raniere Silva and Frédéric Wang, MathUI2014, Coimbra, July 10th 2014

Mozilla MathML Project

Raniere Silva & Frédéric Wang
~10 volunteers
15 years anniversary
Math formulae and more

Mozilla m18 with MathML & SVG, mozilla.org

Mozilla CD at the 1st MathML Conference (October 2000)

Firefox OS

Mobile devices
Open
Web technologies

Photo by Yortw

Basic HTML5 Features

HTML
CSS
SVG
MathML
Javascript
Text Layout

$MathML in SVG$

OpenType MATH table

Microsoft Word, Modern TeX Engines, Gecko, WebKit
Cambria Math, Latin Modern Math, STIX Math, WOFF

TeXZilla

Yet another LaTeX-to-MathML converter
Internationalization
Minimality
Multiple Interfaces
Integration in Mozilla Products

س = \frac{-ب \pm \sqrt{ب^٢ - ٤اج}}{٢ا}

$س = \frac{-ب\pm\sqrt{ب^٢-٤اج}}{٢ا}$

Canvas and WebGL

Web Components


  <x-tex display="block">
    \Gamma(t) =
    \frac{1}{t} \prod_{n=1}^\infty
    \frac{\left(1+\frac{1}{n}\right)^t}{1+\frac{t}{n}} =
    \frac{e^{-\gamma t}}{t} \prod_{n=1}^\infty
    \left(1 + \frac{t}{n}\right)^{-1} e^{\frac{t}{n}}
  </x-tex>

\Gamma(t) = \lim_{n \to \infty} \frac{n! \; n^t}{t \; (t+1)\cdots(t+n)}= \frac{1}{t} \prod_{n=1}^\infty \frac{\left(1+\frac{1}{n}\right)^t}{1+\frac{t}{n}} = \frac{e^{-\gamma t}}{t} \prod_{n=1}^\infty \left(1 + \frac{t}{n}\right)^{-1} e^{\frac{t}{n}}

Firefox OS Apps

Packaged	Hosted
App.zip index.html manifest.webapp css js img	http://app.com index.html manifest.webapp css js img

Firefox OS Manifest

        
{
  "version": "1.0.0",
  "name": "App",
  "description": "App short description",
  "launch_path": "/index.html",
  "icons": {
    "128": "/img/icon-128.png"
  },
  "developer": {
    "name": "Your name or organization",
    "url": "http://your-homepage-here.org"
  },
  "default_locale": "en"
}

Example of Firefox OS App (phone)

Example of Firefox OS App (tablet)

$Math Cheat Sheet Tablet$

Example of Firefox OS App on other platforms

$Math Cheat Sheet PC$ $Math Cheat Sheet Android Tablet$

Math Suite

$Math Suite$

Thanks

Raniere Silva and Frédéric Wang
Mozilla MathML Project
github.com/fred-wang/MathUI2014
dev-tech-mathml@lists.mozilla.org
irc.mozilla.org #mathml