SlideShare ist ein Scribd-Unternehmen logo
1 von 30
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
• Equation Editor

2
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
MathML
• The XML standard for encoding

mathematics
• MathML 1 spec finalized in 1998
• MathML 2 in 2003
• MathML 3 in late 2010

4
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…
• Until HTML5

8
HTML5
• Browser makers have been vocal in

their support of HTML5
• Already some MathML support:
• Gecko – Mozilla/Firefox
• Webkit – Safari

• Opera (through CSS)

9
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 they?

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?
• EPUB = XHTML

12
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” – Matt Garrish

14
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
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 – no native support

17
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
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
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
MathJax
• Chrome, IE, Safari, Firefox, etc.
• Mobile devices, laptops, PCs
• Wider range of eReaders, including

Calibre and Readium (demo)

21
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 horizon
• Projects showing success use MathML:
• MathDex
• EgoMath
• MathWebSearch

23
Localization

24
Flexibility
• Easily target a range of devices:
• Mobile devices
• PCs
• Retina display
• Stylesheets give you power over

presentation

25
Accessibility
• The accessibility community favors

MathML – NIMAS, DAISY, others
• Through MathPlayer, several screen
readers and Braille translation tools
support MathML (demo)

26
Interoperability
• Wide support of MathML in

applications:
• CAS
• Graphing
• Calculators

• Assessment creators
• Whiteboards
• Etc.

• (demo)
27
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 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
Design Science

www.dessci.com
autumnc@dessci.com

30

Weitere ähnliche Inhalte

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

Ähnlich wie What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3 (20)

DITA, EPUB, and HTML5: An Update for 2015
DITA, EPUB, and HTML5: An Update for 2015DITA, EPUB, and HTML5: An Update for 2015
DITA, EPUB, and HTML5: An Update for 2015
 
DITA, HTML5, and EPUB3 (Content Agility, June 2013)
DITA, HTML5, and EPUB3 (Content Agility, June 2013)DITA, HTML5, and EPUB3 (Content Agility, June 2013)
DITA, HTML5, and EPUB3 (Content Agility, June 2013)
 
IFLA 2016: EPUB and math accessibility
IFLA  2016: EPUB and math accessibilityIFLA  2016: EPUB and math accessibility
IFLA 2016: EPUB and math accessibility
 
PyData Texas 2015 Keynote
PyData Texas 2015 KeynotePyData Texas 2015 Keynote
PyData Texas 2015 Keynote
 
Kerscher, Gunderson, and Wise "Unprecedented Access: Improving the User Expe...
Kerscher, Gunderson, and Wise "Unprecedented Access:  Improving the User Expe...Kerscher, Gunderson, and Wise "Unprecedented Access:  Improving the User Expe...
Kerscher, Gunderson, and Wise "Unprecedented Access: Improving the User Expe...
 
Big Data
Big DataBig Data
Big Data
 
Open Data on the Open Platform
Open Data on the Open PlatformOpen Data on the Open Platform
Open Data on the Open Platform
 
2023-My AI Experience - Colm Dunphy.pdf
2023-My AI Experience - Colm Dunphy.pdf2023-My AI Experience - Colm Dunphy.pdf
2023-My AI Experience - Colm Dunphy.pdf
 
Connecting Intelligent Content with Micropublishing and Beyond
Connecting Intelligent Content with Micropublishing and BeyondConnecting Intelligent Content with Micropublishing and Beyond
Connecting Intelligent Content with Micropublishing and Beyond
 
Big Data Overview Part 1
Big Data Overview Part 1Big Data Overview Part 1
Big Data Overview Part 1
 
Groovy & Grails eXchange 2012 - Building an e-commerce business with gr8 tec...
Groovy & Grails eXchange 2012 - Building an  e-commerce business with gr8 tec...Groovy & Grails eXchange 2012 - Building an  e-commerce business with gr8 tec...
Groovy & Grails eXchange 2012 - Building an e-commerce business with gr8 tec...
 
Nic Gibson - ePub3: how did we get here
Nic Gibson - ePub3: how did we get hereNic Gibson - ePub3: how did we get here
Nic Gibson - ePub3: how did we get here
 
Machine Learning 101 | Essential Tools for Machine Learning
Machine Learning 101 | Essential Tools for Machine LearningMachine Learning 101 | Essential Tools for Machine Learning
Machine Learning 101 | Essential Tools for Machine Learning
 
The Future is Static
The Future is StaticThe Future is Static
The Future is Static
 
Do more, code less with parallel computing libraries
Do more, code less with parallel computing librariesDo more, code less with parallel computing libraries
Do more, code less with parallel computing libraries
 
Tutorial helsinki 20180313 v1
Tutorial helsinki 20180313 v1Tutorial helsinki 20180313 v1
Tutorial helsinki 20180313 v1
 
Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)
 
Computer science and engineering assignments: lesser known tools that you sho...
Computer science and engineering assignments: lesser known tools that you sho...Computer science and engineering assignments: lesser known tools that you sho...
Computer science and engineering assignments: lesser known tools that you sho...
 
276 paul topping dsi at ssp 2008
276 paul topping dsi at ssp 2008276 paul topping dsi at ssp 2008
276 paul topping dsi at ssp 2008
 
Making Mumps Acceptable to the Mainstream
Making Mumps Acceptable to the MainstreamMaking Mumps Acceptable to the Mainstream
Making Mumps Acceptable to the Mainstream
 

Kürzlich hochgeladen

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Kürzlich hochgeladen (20)

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 

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

  • 1. What you need to know about the Math Stack MathML, MathJax, HTML5, an d EPUB 3
  • 2. Introduction • Autumn Cuellar, Associate Product Manager • Design Science • MathType • MathFlow • MathPlayer • MathDaisy • Equation Editor 2
  • 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. MathML • The XML standard for encoding mathematics • MathML 1 spec finalized in 1998 • MathML 2 in 2003 • MathML 3 in late 2010 4
  • 5. MathML 3 • Line wrapping and line breaking 5
  • 7. MathML 3 • International math support 7
  • 8. HTML5 • World Wide Web - by scientists for scientists… • But HTML, the primary web language, had no support for math… • Until HTML5 8
  • 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. EPUB 3 • EPUB 2: DAISY and XHTML • DAISY included MathML… • … so IDPF was not so far behind on the math curve. 10
  • 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. 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. EPUB 3 • EPUB 3 in December 2011 13
  • 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. 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. EPUB 3 • Built on HTML 5 • eReaders built on browsers may already support MathML! • Example, iBooks 16
  • 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. 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. 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. 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. MathJax • Chrome, IE, Safari, Firefox, etc. • Mobile devices, laptops, PCs • Wider range of eReaders, including Calibre and Readium (demo) 21
  • 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. 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
  • 25. Flexibility • Easily target a range of devices: • Mobile devices • PCs • Retina display • Stylesheets give you power over presentation 25
  • 26. Accessibility • The accessibility community favors MathML – NIMAS, DAISY, others • Through MathPlayer, several screen readers and Braille translation tools support MathML (demo) 26
  • 27. Interoperability • Wide support of MathML in applications: • CAS • Graphing • Calculators • Assessment creators • Whiteboards • Etc. • (demo) 27
  • 28. How to Get There • Doctypes (Docbook, DITA) • MathML Editors (MathFlow) • Conversion processes (XSLT) • MathJax 28
  • 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