0
What you need to know about
the Math Stack
MathML, MathJax, HTML5, an
d EPUB 3
Introduction
• Autumn Cuellar, Associate Product

Manager
• Design Science
• MathType
• MathFlow

• MathPlayer
• MathDaisy...
Overview
• Exciting new standards

developments:
• MathML 3
• HTML5
• EPUB 3

• Filling the gaps: MathJax
• So why all the...
MathML
• The XML standard for encoding

mathematics
• MathML 1 spec finalized in 1998
• MathML 2 in 2003
• MathML 3 in lat...
MathML 3
• Line wrapping and line breaking

5
MathML 3
• Elementary math

6
MathML 3
• International math support

7
HTML5
• World Wide Web - by scientists for

scientists…
• But HTML, the primary web
language, had no support for math…
• U...
HTML5
• Browser makers have been vocal in

their support of HTML5
• Already some MathML support:
• Gecko – Mozilla/Firefox...
EPUB 3
• EPUB 2: DAISY and XHTML
• DAISY included MathML…
• … so IDPF was not so far behind on

the math curve.

10
EPUB 3
• EPUB 2: DAISY and XHTML
• DAISY included MathML…
• … so IDPF was not so far behind on

the math curve.
• Or were ...
EPUB 3
• EPUB 2: DAISY and XHTML
• DAISY included MathML…
• … so IDPF was not so far behind on

the math curve.
• Or were ...
EPUB 3
• EPUB 3 in December 2011

13
EPUB 3
• EPUB 3 in December 2011

“exciting new format … set to unleash a
content revolution in the publishing
world” – Ma...
EPUB 3
• EPUB 3 in December 2011

“exciting new format … set to unleash a
content revolution in the publishing
world” – Ma...
EPUB 3
• Built on HTML 5
• eReaders built on browsers may

already support MathML!
• Example, iBooks

16
Filling the Gap
• MathML support is growing!
• But still lots of gaps
• Safari, Opera – support not great
• Chrome and IE ...
Filling the Gap
• MathML support is growing!
• But still lots of gaps
• Safari, Opera – support not great
• Chrome and IE ...
Filling the Gap
• MathML support is growing!
• But still lots of gaps
• Safari, Opera – support not great
• Chrome and IE ...
MathJax
• Managed by a consortium including

American Mathematical Society and
Society for Industrial and Applied
Mathemat...
MathJax
• Chrome, IE, Safari, Firefox, etc.
• Mobile devices, laptops, PCs
• Wider range of eReaders, including

Calibre a...
Why MathML?
• For the same reasons we get excited

about HTML5 and EPUB 3:
• We can do more with what we have…

22
Searchability
• Information Age
• Search is key to navigating through all

of that information
• Math search on the horizo...
Localization

24
Flexibility
• Easily target a range of devices:
• Mobile devices
• PCs
• Retina display
• Stylesheets give you power over
...
Accessibility
• The accessibility community favors

MathML – NIMAS, DAISY, others
• Through MathPlayer, several screen
rea...
Interoperability
• Wide support of MathML in

applications:
• CAS
• Graphing
• Calculators

• Assessment creators
• Whiteb...
How to Get There
• Doctypes (Docbook, DITA)
• MathML Editors (MathFlow)
• Conversion processes (XSLT)
• MathJax

28
Conclusion
• HTML5 and EPUB 3 have matured to

•
•
•
•

the point of supporting MathML 3
Browsers and eReaders are catchin...
Design Science

www.dessci.com
autumnc@dessci.com

30
Upcoming SlideShare
Loading in...5
×

What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3

1,062

Published on

MathML is a well-known and widely-used standard for encoding mathematics within XML workflows, but what you may not know is that MathML is not just a standard that affects your internal workflow, used only for storage and converted to images when you need to present your content to your audience. MathML is a key part of the digital publishing revolution towards enriched content. Its recent inclusion into the HTML5 and EPUB 3 standards is helping to bring to fruition the promise of interactive content for math-based industries around the world. In this session, attendees will learn how the Math Stack, consisting of MathML, MathJax, HTML5, and EPUB 3, can enhance your math content in this exciting digital publishing era.

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,062
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3"

  1. 1. What you need to know about the Math Stack MathML, MathJax, HTML5, an d EPUB 3
  2. 2. Introduction • Autumn Cuellar, Associate Product Manager • Design Science • MathType • MathFlow • MathPlayer • MathDaisy • Equation Editor 2
  3. 3. Overview • Exciting new 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
  4. 4. MathML • The XML standard for encoding mathematics • MathML 1 spec finalized in 1998 • MathML 2 in 2003 • MathML 3 in late 2010 4
  5. 5. MathML 3 • Line wrapping and line breaking 5
  6. 6. MathML 3 • Elementary math 6
  7. 7. MathML 3 • International math support 7
  8. 8. HTML5 • World Wide Web - by scientists for scientists… • But HTML, the primary web language, had no support for math… • Until HTML5 8
  9. 9. HTML5 • Browser makers have been vocal in their support of HTML5 • Already some MathML support: • Gecko – Mozilla/Firefox • Webkit – Safari • Opera (through CSS) 9
  10. 10. EPUB 3 • EPUB 2: DAISY and XHTML • DAISY included MathML… • … so IDPF was not so far behind on the math curve. 10
  11. 11. EPUB 3 • EPUB 2: DAISY and XHTML • DAISY included MathML… • … so IDPF was not so far behind on the math curve. • Or were they? 11
  12. 12. EPUB 3 • EPUB 2: DAISY and XHTML • DAISY included MathML… • … so IDPF was not so far behind on the math curve. • Or were they? • EPUB = XHTML 12
  13. 13. EPUB 3 • EPUB 3 in December 2011 13
  14. 14. EPUB 3 • EPUB 3 in December 2011 “exciting new format … set to unleash a content revolution in the publishing world” – Matt Garrish 14
  15. 15. 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 15
  16. 16. EPUB 3 • Built on HTML 5 • eReaders built on browsers may already support MathML! • Example, iBooks 16
  17. 17. Filling the Gap • MathML support is growing! • But still lots of gaps • Safari, Opera – support not great • Chrome and IE – no native support 17
  18. 18. Filling the Gap • MathML support is growing! • But still lots of gaps • Safari, Opera – support not great • Chrome and IE – no native support • No content producer likes gaps 18
  19. 19. Filling the Gap • MathML support is growing! • But still lots of gaps • Safari, Opera – support not great • Chrome and IE – no native support • No content producer likes gaps • Luckily, there‟s MathJax 19
  20. 20. 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. 20
  21. 21. MathJax • Chrome, IE, Safari, Firefox, etc. • Mobile devices, laptops, PCs • Wider range of eReaders, including Calibre and Readium (demo) 21
  22. 22. Why MathML? • For the same reasons we get excited about HTML5 and EPUB 3: • We can do more with what we have… 22
  23. 23. 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 23
  24. 24. Localization 24
  25. 25. Flexibility • Easily target a range of devices: • Mobile devices • PCs • Retina display • Stylesheets give you power over presentation 25
  26. 26. Accessibility • The accessibility community favors MathML – NIMAS, DAISY, others • Through MathPlayer, several screen readers and Braille translation tools support MathML (demo) 26
  27. 27. Interoperability • Wide support of MathML in applications: • CAS • Graphing • Calculators • Assessment creators • Whiteboards • Etc. • (demo) 27
  28. 28. How to Get There • Doctypes (Docbook, DITA) • MathML Editors (MathFlow) • Conversion processes (XSLT) • MathJax 28
  29. 29. 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! Four easy steps will get you there 29
  30. 30. Design Science www.dessci.com autumnc@dessci.com 30
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×