Math Stack - Autum
-
Upload
information-development-world -
Category
Marketing
-
view
203 -
download
1
description
Transcript of Math Stack - Autum
![Page 1: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/1.jpg)
MathML, MathJax, HTML5, and EPUB 3
What you need to know about
the Math Stack
![Page 2: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/2.jpg)
Introduction
• Autumn Cuellar, Associate Product Manager
• Design Science
• MathType
• MathFlow
• MathPlayer
• MathDaisy
• Equation Editor
2
![Page 3: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/3.jpg)
Overview
• Exciting standards developments:
• MathML 3
• HTML5
• EPUB 3
• Filling the gaps: MathJax
• So why all the fuss about MathML?
• I want to go there. But how?
• Conclusion
3
![Page 4: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/4.jpg)
MathML
• The XML standard for encoding mathematics
• MathML 1 spec finalized in 1998
• MathML 2 in 2003
• MathML 3 in late 2010
4
![Page 5: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/5.jpg)
MathML 3
• Line wrapping and line breaking
5
![Page 6: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/6.jpg)
MathML 3
• Elementary math
6
![Page 7: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/7.jpg)
MathML 3
• International math support
7
![Page 8: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/8.jpg)
HTML5
• World Wide Web - by scientists for scientists…
• But HTML, the primary web language, had no support for math…
• Until HTML5
8
![Page 9: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/9.jpg)
HTML5
• Browser makers have been vocal in their support of HTML5
• Already some MathML support:
• Gecko – Mozilla/Firefox
• Webkit – Safari
9
![Page 10: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/10.jpg)
EPUB 3
• EPUB 2: XHTML and DAISY
10
![Page 11: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/11.jpg)
EPUB 3
• EPUB 2: XHTML and DAISY
• DAISY included MathML…
• … so IDPF was not so far behind on the math curve.
11
![Page 12: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/12.jpg)
EPUB 3
• EPUB 2: XHTML and DAISY
• DAISY included MathML…
• … so IDPF was not so far behind on the math curve.
• Or were they?
• EPUB = XHTML
12
![Page 13: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/13.jpg)
EPUB 3
• EPUB 3 in December 2011
“exciting new format … set to unleash a content revolution in the publishing world” – Matt Garrish
“The future of e-books is now.” – Digital Book World
13
![Page 14: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/14.jpg)
EPUB 3
• Built on HTML 5
• eReaders built on browsers may already support MathML!
• Example, iBooks
14
![Page 15: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/15.jpg)
Filling the Gap
• MathML support is growing!
• But still lots of gaps
• Safari – support not great
• Chrome/Opera and IE – no native support
15
![Page 16: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/16.jpg)
Filling the Gap
• MathML support is growing!
• But still lots of gaps
• Safari – support not great
• Chrome/Opera and IE – no native support
• No content producer likes gaps
16
![Page 17: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/17.jpg)
Filling the Gap
• MathML support is growing!
• But still lots of gaps
• Safari – support not great
• Chrome/Opera and IE – no native support
• No content producer likes gaps
• Luckily, there’s MathJax
17
![Page 18: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/18.jpg)
MathJax
• Managed by a consortium including American Mathematical Society and Society for Industrial and Applied Mathematics
• Open-source Javascript library for rendering MathML in any modern browser.
18
![Page 19: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/19.jpg)
MathJax
• Chrome, IE, Safari, Firefox, etc.
• Mobile devices, laptops, PCs
• Wider range of eReaders, including Calibre (demo)
19
![Page 20: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/20.jpg)
Why MathML?
• For the same reasons we get excited about HTML5 and EPUB 3:
• We can do more with what we have…
20
![Page 21: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/21.jpg)
Searchability
• Information Age
• Search is key to navigating through all of that information
• Math search on the horizon
• Projects showing success use MathML:
• MathDex
• EgoMath
• MathWebSearch
21
![Page 22: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/22.jpg)
Localization
22
![Page 23: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/23.jpg)
Flexibility
• Easily target a range of devices:
• Mobile devices
• PCs
• Retina display
• Stylesheets give you power over presentation
23
![Page 24: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/24.jpg)
Accessibility
• The accessibility community favors MathML – NIMAS, DAISY, others
• Through MathML, several screen readers and braille translation tools can make math content available to users with special needs (demo)
24
![Page 25: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/25.jpg)
Interoperability
• Wide support of MathML in applications:
• CAS
• Graphing
• Calculators
• Assessment creators
• Whiteboards
• Etc.
• (demo)
25
![Page 26: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/26.jpg)
How to Get There
• Include MathML in your doctype
• MathML Editors (MathFlow)
• Conversion processes (XSLT)
• MathJax
26
![Page 27: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/27.jpg)
Doctype Include MathML
• Docbook
• DITA 1.3
• Due out in the near future
• New MathML and equation specializations have passed the Stage 3 vote
• <mathml> specializes <foreign>
• Equation specialization
27
![Page 28: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/28.jpg)
MathML Editors
• MathFlow plug-in
• MathFlow SDK
28
![Page 29: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/29.jpg)
Conversion Processes - XSLT
• Add MathJax libraries to HTML header
• Copy MathML to output
29
![Page 31: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/31.jpg)
Conclusion
• HTML5 and EPUB 3 have matured to the point of supporting MathML 3
• Browsers and eReaders are catching up
• MathJax is filling the gap ‘til they do
• This is great because MathML offers exciting avenues for math content!
• We can help you take advantage
31
![Page 32: Math Stack - Autum](https://reader033.fdocuments.us/reader033/viewer/2022042817/559c308c1a28abdb468b4683/html5/thumbnails/32.jpg)
Design Science
www.dessci.com
@MathFlow
@autumnc
32