SlideShare a Scribd company logo
What you need to know about 
the Math Stack 
MathML, MathJax, HTML5, 
and EPUB 3
Introduction 
• Autumn Cuellar, Associate Product 
Manager 
• Design Science 
• MathType 
• MathFlow 
• MathPlayer 
• MathDaisy 
• Equation Editor 
2
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
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 
9
EPUB 3 
• EPUB 2: XHTML and DAISY 
10
EPUB 3 
• EPUB 2: XHTML and DAISY 
• DAISY included MathML… 
• … so IDPF was not so far behind on 
the math curve. 
11
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
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
EPUB 3 
• Built on HTML 5 
• eReaders built on browsers may 
already support MathML! 
• Example, iBooks 
14
Filling the Gap 
• MathML support is growing! 
• But still lots of gaps 
• Safari – support not great 
• Chrome/Opera and IE – no native 
support 
15
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
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
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
MathJax 
• Chrome, IE, Safari, Firefox, etc. 
• Mobile devices, laptops, PCs 
• Wider range of eReaders, including 
Calibre (demo) 
19
Why MathML? 
• For the same reasons we get excited 
about HTML5 and EPUB 3: 
• We can do more with what we have… 
20
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
Localization 
22
Flexibility 
• Easily target a range of devices: 
• Mobile devices 
• PCs 
• Retina display 
• Stylesheets give you power over 
presentation 
23
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
Interoperability 
• Wide support of MathML in 
applications: 
• CAS 
• Graphing 
• Calculators 
• Assessment creators 
• Whiteboards 
• Etc. 
• (demo) 
25
How to Get There 
• Include MathML in your doctype 
• MathML Editors (MathFlow) 
• Conversion processes (XSLT) 
• MathJax 
26
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
MathML Editors 
• MathFlow plug-in 
• MathFlow SDK 
28
Conversion Processes - XSLT 
• Add MathJax libraries to HTML header 
• Copy MathML to output 
29
MathJax 
• www.mathjax.org 
• Safeguard your content 
• Customize library 
30
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
Design Science 
www.dessci.com 
@MathFlow 
autumnc@dessci.com 
@autumnc 
32

More Related Content

Similar to Math Stack - Autum

PyData: The Next Generation | Data Day Texas 2015
PyData: The Next Generation | Data Day Texas 2015PyData: The Next Generation | Data Day Texas 2015
PyData: The Next Generation | Data Day Texas 2015
Cloudera, Inc.
 
Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)
Igalia
 
The Future is Static
The Future is StaticThe Future is Static
The Future is Static
Eric Gardner
 
Big Data Overview Part 1
Big Data Overview Part 1Big Data Overview Part 1
Big Data Overview Part 1
William Simms
 
PyData Texas 2015 Keynote
PyData Texas 2015 KeynotePyData Texas 2015 Keynote
PyData Texas 2015 Keynote
Peter Wang
 
Making Mumps Acceptable to the Mainstream
Making Mumps Acceptable to the MainstreamMaking Mumps Acceptable to the Mainstream
Making Mumps Acceptable to the Mainstream
Rob Tweed
 
Supercharge Your Authoring - ASTC Conference 2018
Supercharge Your Authoring - ASTC Conference 2018Supercharge Your Authoring - ASTC Conference 2018
Supercharge Your Authoring - ASTC Conference 2018
Gareth Oakes
 
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...
National Information Standards Organization (NISO)
 
Basic matlab and matrix
Basic matlab and matrixBasic matlab and matrix
Basic matlab and matrix
Saidur Rahman
 
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...
Domingo Suarez Torres
 
Untangling - fall2017 - week6
Untangling - fall2017 - week6Untangling - fall2017 - week6
Untangling - fall2017 - week6
Derek Jacoby
 
Citizen Developer Tools (session at SharePoint Saturday Houston 4/28/2018) by...
Citizen Developer Tools (session at SharePoint Saturday Houston 4/28/2018) by...Citizen Developer Tools (session at SharePoint Saturday Houston 4/28/2018) by...
Citizen Developer Tools (session at SharePoint Saturday Houston 4/28/2018) by...
Antti Koskela
 
Open Data on the Open Platform
Open Data on the Open PlatformOpen Data on the Open Platform
Open Data on the Open Platform
Masaki Ito
 
bigdata.pptx
bigdata.pptxbigdata.pptx
bigdata.pptx
VIJAYAPRABAP
 
bigdata.pdf
bigdata.pdfbigdata.pdf
bigdata.pdf
AnjaliKumari301316
 
Citizen Developer Tools @ Valo Solutions / Blue Meteorite Monday session
Citizen Developer Tools @ Valo Solutions / Blue Meteorite Monday sessionCitizen Developer Tools @ Valo Solutions / Blue Meteorite Monday session
Citizen Developer Tools @ Valo Solutions / Blue Meteorite Monday session
Antti Koskela
 
Citizen Developer Tools are not just for Citizen Developers (session at Share...
Citizen Developer Tools are not just for Citizen Developers (session at Share...Citizen Developer Tools are not just for Citizen Developers (session at Share...
Citizen Developer Tools are not just for Citizen Developers (session at Share...
Antti Koskela
 
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
Don Day
 
Day3 edupub tokyo_idpf
Day3 edupub tokyo_idpfDay3 edupub tokyo_idpf

Similar to Math Stack - Autum (20)

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
 
PyData: The Next Generation | Data Day Texas 2015
PyData: The Next Generation | Data Day Texas 2015PyData: The Next Generation | Data Day Texas 2015
PyData: The Next Generation | Data Day Texas 2015
 
Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)
 
The Future is Static
The Future is StaticThe Future is Static
The Future is Static
 
Big Data Overview Part 1
Big Data Overview Part 1Big Data Overview Part 1
Big Data Overview Part 1
 
PyData Texas 2015 Keynote
PyData Texas 2015 KeynotePyData Texas 2015 Keynote
PyData Texas 2015 Keynote
 
Making Mumps Acceptable to the Mainstream
Making Mumps Acceptable to the MainstreamMaking Mumps Acceptable to the Mainstream
Making Mumps Acceptable to the Mainstream
 
Supercharge Your Authoring - ASTC Conference 2018
Supercharge Your Authoring - ASTC Conference 2018Supercharge Your Authoring - ASTC Conference 2018
Supercharge Your Authoring - ASTC Conference 2018
 
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...
 
Basic matlab and matrix
Basic matlab and matrixBasic matlab and matrix
Basic matlab and matrix
 
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...
 
Untangling - fall2017 - week6
Untangling - fall2017 - week6Untangling - fall2017 - week6
Untangling - fall2017 - week6
 
Citizen Developer Tools (session at SharePoint Saturday Houston 4/28/2018) by...
Citizen Developer Tools (session at SharePoint Saturday Houston 4/28/2018) by...Citizen Developer Tools (session at SharePoint Saturday Houston 4/28/2018) by...
Citizen Developer Tools (session at SharePoint Saturday Houston 4/28/2018) by...
 
Open Data on the Open Platform
Open Data on the Open PlatformOpen Data on the Open Platform
Open Data on the Open Platform
 
bigdata.pptx
bigdata.pptxbigdata.pptx
bigdata.pptx
 
bigdata.pdf
bigdata.pdfbigdata.pdf
bigdata.pdf
 
Citizen Developer Tools @ Valo Solutions / Blue Meteorite Monday session
Citizen Developer Tools @ Valo Solutions / Blue Meteorite Monday sessionCitizen Developer Tools @ Valo Solutions / Blue Meteorite Monday session
Citizen Developer Tools @ Valo Solutions / Blue Meteorite Monday session
 
Citizen Developer Tools are not just for Citizen Developers (session at Share...
Citizen Developer Tools are not just for Citizen Developers (session at Share...Citizen Developer Tools are not just for Citizen Developers (session at Share...
Citizen Developer Tools are not just for Citizen Developers (session at Share...
 
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
 
Day3 edupub tokyo_idpf
Day3 edupub tokyo_idpfDay3 edupub tokyo_idpf
Day3 edupub tokyo_idpf
 

More from Information Development World

What Does it Mean to Be Helpful? with Scott Abel, The Content Wrangler
What Does it Mean to Be Helpful? with Scott Abel, The Content WranglerWhat Does it Mean to Be Helpful? with Scott Abel, The Content Wrangler
What Does it Mean to Be Helpful? with Scott Abel, The Content Wrangler
Information Development World
 
Putting Design Thinking to Work with Buck Bard of Canary.Works
Putting Design Thinking to Work with Buck Bard of Canary.WorksPutting Design Thinking to Work with Buck Bard of Canary.Works
Putting Design Thinking to Work with Buck Bard of Canary.Works
Information Development World
 
[Workshop Part 1-3] Modernizing Your Technical Resource Center - Assessing th...
[Workshop Part 1-3] Modernizing Your Technical Resource Center - Assessing th...[Workshop Part 1-3] Modernizing Your Technical Resource Center - Assessing th...
[Workshop Part 1-3] Modernizing Your Technical Resource Center - Assessing th...
Information Development World
 
[Workshop Part 1-4] Modernizing Your Technical Resource Center - Assessing th...
[Workshop Part 1-4] Modernizing Your Technical Resource Center - Assessing th...[Workshop Part 1-4] Modernizing Your Technical Resource Center - Assessing th...
[Workshop Part 1-4] Modernizing Your Technical Resource Center - Assessing th...
Information Development World
 
[Panel] Convincing Your Company to Improve Your Technical Resource Center
[Panel] Convincing Your Company to Improve Your Technical Resource Center[Panel] Convincing Your Company to Improve Your Technical Resource Center
[Panel] Convincing Your Company to Improve Your Technical Resource Center
Information Development World
 
Applying Agile and Lean Thinking to Content Development and Delivery with Rya...
Applying Agile and Lean Thinking to Content Development and Delivery with Rya...Applying Agile and Lean Thinking to Content Development and Delivery with Rya...
Applying Agile and Lean Thinking to Content Development and Delivery with Rya...
Information Development World
 
[Case Study] Adopting an Agile Content Development Process with Debra Brinson...
[Case Study] Adopting an Agile Content Development Process with Debra Brinson...[Case Study] Adopting an Agile Content Development Process with Debra Brinson...
[Case Study] Adopting an Agile Content Development Process with Debra Brinson...
Information Development World
 
[Case Study] Content User Experience - Quality versus Quantity with Eeshita G...
[Case Study] Content User Experience - Quality versus Quantity with Eeshita G...[Case Study] Content User Experience - Quality versus Quantity with Eeshita G...
[Case Study] Content User Experience - Quality versus Quantity with Eeshita G...
Information Development World
 
The Science Behind Good Page Design
The Science Behind Good Page DesignThe Science Behind Good Page Design
The Science Behind Good Page Design
Information Development World
 
Forget Artificial Intelligence - Stop Squandering Human Intelligence with Mik...
Forget Artificial Intelligence - Stop Squandering Human Intelligence with Mik...Forget Artificial Intelligence - Stop Squandering Human Intelligence with Mik...
Forget Artificial Intelligence - Stop Squandering Human Intelligence with Mik...
Information Development World
 
Organizing Content the Right Way with Jeannette Stewart of Translation Commons
Organizing Content the Right Way with Jeannette Stewart of Translation CommonsOrganizing Content the Right Way with Jeannette Stewart of Translation Commons
Organizing Content the Right Way with Jeannette Stewart of Translation Commons
Information Development World
 
[Workshop Part 2-4] Driving Toward the Future State with Joe Gelb of Zoomin S...
[Workshop Part 2-4] Driving Toward the Future State with Joe Gelb of Zoomin S...[Workshop Part 2-4] Driving Toward the Future State with Joe Gelb of Zoomin S...
[Workshop Part 2-4] Driving Toward the Future State with Joe Gelb of Zoomin S...
Information Development World
 
The Value Proposition of Content Strategy with Anna Schlegel, NetApp
The Value Proposition of Content Strategy with Anna Schlegel, NetAppThe Value Proposition of Content Strategy with Anna Schlegel, NetApp
The Value Proposition of Content Strategy with Anna Schlegel, NetApp
Information Development World
 
Data-Driven to Know We Have Effective Content with Jenifer Schlotfeldt and Co...
Data-Driven to Know We Have Effective Content with Jenifer Schlotfeldt and Co...Data-Driven to Know We Have Effective Content with Jenifer Schlotfeldt and Co...
Data-Driven to Know We Have Effective Content with Jenifer Schlotfeldt and Co...
Information Development World
 
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
Information Development World
 
[Case Study] Harnessing Engaging Content for a Richer Customer Experience wit...
[Case Study] Harnessing Engaging Content for a Richer Customer Experience wit...[Case Study] Harnessing Engaging Content for a Richer Customer Experience wit...
[Case Study] Harnessing Engaging Content for a Richer Customer Experience wit...
Information Development World
 
What's Your Problem? Creating a Project Brief to Build Consensus with Doreen ...
What's Your Problem? Creating a Project Brief to Build Consensus with Doreen ...What's Your Problem? Creating a Project Brief to Build Consensus with Doreen ...
What's Your Problem? Creating a Project Brief to Build Consensus with Doreen ...
Information Development World
 
Building Conversational Interfaces - The Do's and Don'ts with Ondrej Sirocka
Building Conversational Interfaces - The Do's and Don'ts with Ondrej SirockaBuilding Conversational Interfaces - The Do's and Don'ts with Ondrej Sirocka
Building Conversational Interfaces - The Do's and Don'ts with Ondrej Sirocka
Information Development World
 
When Rule-Based Chatbots Hit the Wall - How to Overcome their Limitations wit...
When Rule-Based Chatbots Hit the Wall - How to Overcome their Limitations wit...When Rule-Based Chatbots Hit the Wall - How to Overcome their Limitations wit...
When Rule-Based Chatbots Hit the Wall - How to Overcome their Limitations wit...
Information Development World
 
The Value of Visual Content and the Simplified User Interface with Daniel Fos...
The Value of Visual Content and the Simplified User Interface with Daniel Fos...The Value of Visual Content and the Simplified User Interface with Daniel Fos...
The Value of Visual Content and the Simplified User Interface with Daniel Fos...
Information Development World
 

More from Information Development World (20)

What Does it Mean to Be Helpful? with Scott Abel, The Content Wrangler
What Does it Mean to Be Helpful? with Scott Abel, The Content WranglerWhat Does it Mean to Be Helpful? with Scott Abel, The Content Wrangler
What Does it Mean to Be Helpful? with Scott Abel, The Content Wrangler
 
Putting Design Thinking to Work with Buck Bard of Canary.Works
Putting Design Thinking to Work with Buck Bard of Canary.WorksPutting Design Thinking to Work with Buck Bard of Canary.Works
Putting Design Thinking to Work with Buck Bard of Canary.Works
 
[Workshop Part 1-3] Modernizing Your Technical Resource Center - Assessing th...
[Workshop Part 1-3] Modernizing Your Technical Resource Center - Assessing th...[Workshop Part 1-3] Modernizing Your Technical Resource Center - Assessing th...
[Workshop Part 1-3] Modernizing Your Technical Resource Center - Assessing th...
 
[Workshop Part 1-4] Modernizing Your Technical Resource Center - Assessing th...
[Workshop Part 1-4] Modernizing Your Technical Resource Center - Assessing th...[Workshop Part 1-4] Modernizing Your Technical Resource Center - Assessing th...
[Workshop Part 1-4] Modernizing Your Technical Resource Center - Assessing th...
 
[Panel] Convincing Your Company to Improve Your Technical Resource Center
[Panel] Convincing Your Company to Improve Your Technical Resource Center[Panel] Convincing Your Company to Improve Your Technical Resource Center
[Panel] Convincing Your Company to Improve Your Technical Resource Center
 
Applying Agile and Lean Thinking to Content Development and Delivery with Rya...
Applying Agile and Lean Thinking to Content Development and Delivery with Rya...Applying Agile and Lean Thinking to Content Development and Delivery with Rya...
Applying Agile and Lean Thinking to Content Development and Delivery with Rya...
 
[Case Study] Adopting an Agile Content Development Process with Debra Brinson...
[Case Study] Adopting an Agile Content Development Process with Debra Brinson...[Case Study] Adopting an Agile Content Development Process with Debra Brinson...
[Case Study] Adopting an Agile Content Development Process with Debra Brinson...
 
[Case Study] Content User Experience - Quality versus Quantity with Eeshita G...
[Case Study] Content User Experience - Quality versus Quantity with Eeshita G...[Case Study] Content User Experience - Quality versus Quantity with Eeshita G...
[Case Study] Content User Experience - Quality versus Quantity with Eeshita G...
 
The Science Behind Good Page Design
The Science Behind Good Page DesignThe Science Behind Good Page Design
The Science Behind Good Page Design
 
Forget Artificial Intelligence - Stop Squandering Human Intelligence with Mik...
Forget Artificial Intelligence - Stop Squandering Human Intelligence with Mik...Forget Artificial Intelligence - Stop Squandering Human Intelligence with Mik...
Forget Artificial Intelligence - Stop Squandering Human Intelligence with Mik...
 
Organizing Content the Right Way with Jeannette Stewart of Translation Commons
Organizing Content the Right Way with Jeannette Stewart of Translation CommonsOrganizing Content the Right Way with Jeannette Stewart of Translation Commons
Organizing Content the Right Way with Jeannette Stewart of Translation Commons
 
[Workshop Part 2-4] Driving Toward the Future State with Joe Gelb of Zoomin S...
[Workshop Part 2-4] Driving Toward the Future State with Joe Gelb of Zoomin S...[Workshop Part 2-4] Driving Toward the Future State with Joe Gelb of Zoomin S...
[Workshop Part 2-4] Driving Toward the Future State with Joe Gelb of Zoomin S...
 
The Value Proposition of Content Strategy with Anna Schlegel, NetApp
The Value Proposition of Content Strategy with Anna Schlegel, NetAppThe Value Proposition of Content Strategy with Anna Schlegel, NetApp
The Value Proposition of Content Strategy with Anna Schlegel, NetApp
 
Data-Driven to Know We Have Effective Content with Jenifer Schlotfeldt and Co...
Data-Driven to Know We Have Effective Content with Jenifer Schlotfeldt and Co...Data-Driven to Know We Have Effective Content with Jenifer Schlotfeldt and Co...
Data-Driven to Know We Have Effective Content with Jenifer Schlotfeldt and Co...
 
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
Leveraging Microcontent for Effective Customer Experiences with Rob Hanna, Pr...
 
[Case Study] Harnessing Engaging Content for a Richer Customer Experience wit...
[Case Study] Harnessing Engaging Content for a Richer Customer Experience wit...[Case Study] Harnessing Engaging Content for a Richer Customer Experience wit...
[Case Study] Harnessing Engaging Content for a Richer Customer Experience wit...
 
What's Your Problem? Creating a Project Brief to Build Consensus with Doreen ...
What's Your Problem? Creating a Project Brief to Build Consensus with Doreen ...What's Your Problem? Creating a Project Brief to Build Consensus with Doreen ...
What's Your Problem? Creating a Project Brief to Build Consensus with Doreen ...
 
Building Conversational Interfaces - The Do's and Don'ts with Ondrej Sirocka
Building Conversational Interfaces - The Do's and Don'ts with Ondrej SirockaBuilding Conversational Interfaces - The Do's and Don'ts with Ondrej Sirocka
Building Conversational Interfaces - The Do's and Don'ts with Ondrej Sirocka
 
When Rule-Based Chatbots Hit the Wall - How to Overcome their Limitations wit...
When Rule-Based Chatbots Hit the Wall - How to Overcome their Limitations wit...When Rule-Based Chatbots Hit the Wall - How to Overcome their Limitations wit...
When Rule-Based Chatbots Hit the Wall - How to Overcome their Limitations wit...
 
The Value of Visual Content and the Simplified User Interface with Daniel Fos...
The Value of Visual Content and the Simplified User Interface with Daniel Fos...The Value of Visual Content and the Simplified User Interface with Daniel Fos...
The Value of Visual Content and the Simplified User Interface with Daniel Fos...
 

Recently uploaded

SEO as the Backbone of Digital Marketing
SEO as the Backbone of Digital MarketingSEO as the Backbone of Digital Marketing
SEO as the Backbone of Digital Marketing
Felipe Bazon
 
Digital Strategy Master Class - Andrew Rupert
Digital Strategy Master Class - Andrew RupertDigital Strategy Master Class - Andrew Rupert
Why People Fail in Network Marketing Business
Why People Fail in Network Marketing BusinessWhy People Fail in Network Marketing Business
Why People Fail in Network Marketing Business
Harish Kumar
 
Your Path to Profits - The Game-Changing Power of a Marketing - Daniel Bussius
Your Path to Profits - The Game-Changing Power of a Marketing - Daniel BussiusYour Path to Profits - The Game-Changing Power of a Marketing - Daniel Bussius
Your Path to Profits - The Game-Changing Power of a Marketing - Daniel Bussius
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
BLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024 (r). Balmer Lawrie Online Monthly BulletinBLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BalmerLawrie
 
15 ideas and frameworks on the art of storytelling
15 ideas and frameworks on the art of storytelling15 ideas and frameworks on the art of storytelling
15 ideas and frameworks on the art of storytelling
Aatir Abdul Rauf
 
Digital Marketing Trends - Experts Insights on How
Digital Marketing Trends - Experts Insights on HowDigital Marketing Trends - Experts Insights on How
The What, Why & How of 3D and AR in Digital Commerce
The What, Why & How of 3D and AR in Digital CommerceThe What, Why & How of 3D and AR in Digital Commerce
The What, Why & How of 3D and AR in Digital Commerce
PushON Ltd
 
May 2024 - VBOUT Partners Meeting Group Session
May 2024 - VBOUT Partners Meeting Group SessionMay 2024 - VBOUT Partners Meeting Group Session
May 2024 - VBOUT Partners Meeting Group Session
Vbout.com
 
My Personal Brand Exploration by Mariano
My Personal Brand Exploration by MarianoMy Personal Brand Exploration by Mariano
My Personal Brand Exploration by Mariano
marianooscos
 
Mastering Dynamic Web Designing A Comprehensive Guide.pdf
Mastering Dynamic Web Designing A Comprehensive Guide.pdfMastering Dynamic Web Designing A Comprehensive Guide.pdf
Mastering Dynamic Web Designing A Comprehensive Guide.pdf
Ibrandizer
 
Top digital marketing institutein noida
Top digital marketing institutein noidaTop digital marketing institutein noida
Top digital marketing institutein noida
aditisingh6607
 
Gokila digital marketing| consultant| Coimbatore
Gokila digital marketing| consultant| CoimbatoreGokila digital marketing| consultant| Coimbatore
Gokila digital marketing| consultant| Coimbatore
dmgokila
 
How to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
How to use Short Form Video To Grow Your Brand and Business - Keenya KellyHow to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
How to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Winning local SEO in the Age of AI - Dennis Yu
Winning local SEO in the Age of AI - Dennis YuWinning local SEO in the Age of AI - Dennis Yu
Enhancing a Luxury Furniture E-commerce Store with Expert Shopify Management
Enhancing a Luxury Furniture E-commerce Store with Expert Shopify ManagementEnhancing a Luxury Furniture E-commerce Store with Expert Shopify Management
Enhancing a Luxury Furniture E-commerce Store with Expert Shopify Management
SunTec India
 
Google Ads Vs Social Media Ads-A comparative analysis
Google Ads Vs Social Media Ads-A comparative analysisGoogle Ads Vs Social Media Ads-A comparative analysis
Google Ads Vs Social Media Ads-A comparative analysis
akashrawdot
 
How to Use AI to Write a High-Quality Article that Ranks
How to Use AI to Write a High-Quality Article that RanksHow to Use AI to Write a High-Quality Article that Ranks
How to Use AI to Write a High-Quality Article that Ranks
minatamang0021
 

Recently uploaded (20)

SEO as the Backbone of Digital Marketing
SEO as the Backbone of Digital MarketingSEO as the Backbone of Digital Marketing
SEO as the Backbone of Digital Marketing
 
Digital Strategy Master Class - Andrew Rupert
Digital Strategy Master Class - Andrew RupertDigital Strategy Master Class - Andrew Rupert
Digital Strategy Master Class - Andrew Rupert
 
Why People Fail in Network Marketing Business
Why People Fail in Network Marketing BusinessWhy People Fail in Network Marketing Business
Why People Fail in Network Marketing Business
 
Your Path to Profits - The Game-Changing Power of a Marketing - Daniel Bussius
Your Path to Profits - The Game-Changing Power of a Marketing - Daniel BussiusYour Path to Profits - The Game-Changing Power of a Marketing - Daniel Bussius
Your Path to Profits - The Game-Changing Power of a Marketing - Daniel Bussius
 
BLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024 (r). Balmer Lawrie Online Monthly BulletinBLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
 
15 ideas and frameworks on the art of storytelling
15 ideas and frameworks on the art of storytelling15 ideas and frameworks on the art of storytelling
15 ideas and frameworks on the art of storytelling
 
Digital Marketing Trends - Experts Insights on How
Digital Marketing Trends - Experts Insights on HowDigital Marketing Trends - Experts Insights on How
Digital Marketing Trends - Experts Insights on How
 
The What, Why & How of 3D and AR in Digital Commerce
The What, Why & How of 3D and AR in Digital CommerceThe What, Why & How of 3D and AR in Digital Commerce
The What, Why & How of 3D and AR in Digital Commerce
 
May 2024 - VBOUT Partners Meeting Group Session
May 2024 - VBOUT Partners Meeting Group SessionMay 2024 - VBOUT Partners Meeting Group Session
May 2024 - VBOUT Partners Meeting Group Session
 
My Personal Brand Exploration by Mariano
My Personal Brand Exploration by MarianoMy Personal Brand Exploration by Mariano
My Personal Brand Exploration by Mariano
 
Mastering Email Campaign Automation Strategies and Best Practices - Michelle...
Mastering Email Campaign Automation Strategies and Best Practices  - Michelle...Mastering Email Campaign Automation Strategies and Best Practices  - Michelle...
Mastering Email Campaign Automation Strategies and Best Practices - Michelle...
 
Mastering Dynamic Web Designing A Comprehensive Guide.pdf
Mastering Dynamic Web Designing A Comprehensive Guide.pdfMastering Dynamic Web Designing A Comprehensive Guide.pdf
Mastering Dynamic Web Designing A Comprehensive Guide.pdf
 
Top digital marketing institutein noida
Top digital marketing institutein noidaTop digital marketing institutein noida
Top digital marketing institutein noida
 
Gokila digital marketing| consultant| Coimbatore
Gokila digital marketing| consultant| CoimbatoreGokila digital marketing| consultant| Coimbatore
Gokila digital marketing| consultant| Coimbatore
 
How to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
How to use Short Form Video To Grow Your Brand and Business - Keenya KellyHow to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
How to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
 
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
 
Winning local SEO in the Age of AI - Dennis Yu
Winning local SEO in the Age of AI - Dennis YuWinning local SEO in the Age of AI - Dennis Yu
Winning local SEO in the Age of AI - Dennis Yu
 
Enhancing a Luxury Furniture E-commerce Store with Expert Shopify Management
Enhancing a Luxury Furniture E-commerce Store with Expert Shopify ManagementEnhancing a Luxury Furniture E-commerce Store with Expert Shopify Management
Enhancing a Luxury Furniture E-commerce Store with Expert Shopify Management
 
Google Ads Vs Social Media Ads-A comparative analysis
Google Ads Vs Social Media Ads-A comparative analysisGoogle Ads Vs Social Media Ads-A comparative analysis
Google Ads Vs Social Media Ads-A comparative analysis
 
How to Use AI to Write a High-Quality Article that Ranks
How to Use AI to Write a High-Quality Article that RanksHow to Use AI to Write a High-Quality Article that Ranks
How to Use AI to Write a High-Quality Article that Ranks
 

Math Stack - Autum

  • 1. What you need to know about the Math Stack MathML, MathJax, HTML5, and EPUB 3
  • 2. Introduction • Autumn Cuellar, Associate Product Manager • Design Science • MathType • MathFlow • MathPlayer • MathDaisy • Equation Editor 2
  • 3. 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
  • 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
  • 6. MathML 3 • Elementary math 6
  • 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 9
  • 10. EPUB 3 • EPUB 2: XHTML and DAISY 10
  • 11. EPUB 3 • EPUB 2: XHTML and DAISY • DAISY included MathML… • … so IDPF was not so far behind on the math curve. 11
  • 12. 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
  • 13. 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
  • 14. EPUB 3 • Built on HTML 5 • eReaders built on browsers may already support MathML! • Example, iBooks 14
  • 15. Filling the Gap • MathML support is growing! • But still lots of gaps • Safari – support not great • Chrome/Opera and IE – no native support 15
  • 16. 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
  • 17. 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
  • 18. 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
  • 19. MathJax • Chrome, IE, Safari, Firefox, etc. • Mobile devices, laptops, PCs • Wider range of eReaders, including Calibre (demo) 19
  • 20. Why MathML? • For the same reasons we get excited about HTML5 and EPUB 3: • We can do more with what we have… 20
  • 21. 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
  • 23. Flexibility • Easily target a range of devices: • Mobile devices • PCs • Retina display • Stylesheets give you power over presentation 23
  • 24. 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
  • 25. Interoperability • Wide support of MathML in applications: • CAS • Graphing • Calculators • Assessment creators • Whiteboards • Etc. • (demo) 25
  • 26. How to Get There • Include MathML in your doctype • MathML Editors (MathFlow) • Conversion processes (XSLT) • MathJax 26
  • 27. 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
  • 28. MathML Editors • MathFlow plug-in • MathFlow SDK 28
  • 29. Conversion Processes - XSLT • Add MathJax libraries to HTML header • Copy MathML to output 29
  • 30. MathJax • www.mathjax.org • Safeguard your content • Customize library 30
  • 31. 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
  • 32. Design Science www.dessci.com @MathFlow autumnc@dessci.com @autumnc 32

Editor's Notes

  1. Give a little of the history of Design Science, mention work in standards communities
  2. By now I’m sure you’ve heard of MathML. MathML 2 was MathML’s coming of age. It corrected many of the basic problems in MathML 1. For example, there was no way to specify a line break in MathML 1 without the use of tables.
  3. With MathML 3, MathML has reached a new maturity. With this latest version, the working group carefully considered the requirements of the publishing community, and to meet those needs, they established new facilities for line wrapping and line breaking. These include aligning new lines against the first line (such as aligning by the equals sign), specifying a multiplication character to use if the break is between expressions such that the multiplication is implied (for example, here we use a dot multiplication character), and the width of a column so that breaks are automatically inserted into the equation.
  4. MathML 3 also adds elementary math notation for the education sector. For example, to specify carries and cross-outs in stacked operations; long division; and repeating decimals
  5. And finally, for those of us who want to localize our content, MathML now provides international support, from right-to-left language support to support for alternative notations.
  6. While MathML has gone through its maturation process, it has slowly but surely been gaining steam as a worthy format for encoding mathematics. Math is the poor neglected stepchild always, isn’t it? Admit it! Math is the last thing that any of us wants to think about, but to our everlasting consternation, it’s not going away. And it’s the same for standards communities. The Internet was built by scientists for scientists, but HTML, the language behind the World Wide Web, had no built-in support for math until about 6 months ago, when HTML 5 was finalized with MathML included, because the HTML working group finally realized what we’ve known all along – math, for better or worse, is here to stay.
  7. So the great news is that MathML support is on its way!
  8. EPUB 2 included two content formats for ebooks: DAISY and XHTML. DAISY is an independently managed standard for specifying Digital Talking Books, mostly used for accessibility purposes.
  9. EPUB 2 included two content formats for ebooks: DAISY and XHTML. DAISY is an independently managed standard for specifying Digital Talking Books, mostly used for accessibility purposes.
  10. EPUB 2 included two content formats for ebooks: DAISY and XHTML. DAISY is an independently managed standard for specifying Digital Talking Books, mostly used for accessibility purposes.
  11. EPUB 3.01 in June 2014
  12. Let’s be honest, we don’t like gaps. No one wants to produce content such that our audience has to jump through hoops to get to it! Because we all know how infuriating it is to visit a website and see a message like, “This website requires Firefox version 13 or later” when you’re not on Firefox version 13 or later.
  13. Let’s be honest, we don’t like gaps. No one wants to produce content such that our audience has to jump through hoops to get to it! Because we all know how infuriating it is to visit a website and see a message like, “This website requires Firefox version 13 or later” when you’re not on Firefox version 13 or later.
  14. Let’s be honest, we don’t like gaps. No one wants to produce content such that our audience has to jump through hoops to get to it! Because we all know how infuriating it is to visit a website and see a message like, “This website requires Firefox version 13 or later” when you’re not on Firefox version 13 or later.
  15. Managed by a consortium that was once headed by us, Design Science, but we’ve since handed over the reins to the American Mathematical Society. It’s sponsored by AIP, IEEE, Cengage Learning, Elsevier, and Stack Exchange.
  16. MathJax.org keeps a list of eReaders that support MathML and how they do so (show screenshot).
  17. I can tell you’re a bit underwhelmed. Wow. Formulas. On a screen. Woo. Listen, Autumn. We can already do that. It’s called an image. Or TeX. Or ASCII. I know! There are other ways to show an equation on a screen. With HTML 5 and EPUB 3 we are excited about embedding media in our pages. With EPUB 3, you can add video footage to history books, current poll data to travel books, a music clip to a book that references the lyrics to a song, and so on and so forth. It’s all about enriching the content. Doing more with what we have. Same for math by using MathML.
  18. http://www.emc.com/about/news/press/2012/20121211-01.htm Every year EMC, makers of storage and big data systems, puts out a study called the Digital Universe Study, measuring the amount of digital data available. By the end of 2013, they measured 4.4 Zettabytes of data available worldwide. The amount of data had doubled in almost one year. One zettabyte is 1 trillion gigabytes. A holy grail in the field of mathematics is how best to search math because as some of you know, math is at the heart of almost all processes. And there is some idea that if you can search across multiple disciplines for a formula at the heart of a process, you might be able to adapt a process from a more well-known area to a less-known area. For example, using formulas derived from animal migration movements to traffic patterns.
  19. While math is a universal language, and semantically one expression might be the same as the next, the notation to express a given equation might vary from region to region. If you plan to localize your content, you can use stylesheets to target your math to your audience.
  20. You may be required by government statute to support readers with vision/learning disabilities, and even if you don’t have to meet government regulations, why limit your audience?