MathML TEX 1,a) 1,b) MathML TEX JavaScript MathJax TEX GUI MathML TEX MathJax Prototype of e-learning and Communication Systems to Support Displaying Math Equations with MathML and TEX Nobuo Yamashita 1,a) Keiji Emi 1,b) Abstract: We have developed a prototype of e-learning and communication systems to support displaying math equations with MathML and TEX. We used a JavaScript library MathJax. In our system, you can use TEX format input and GUI input. Keywords: MathML TEX MathJax learning environment smartphone 1. 1.1 e GUI TEX[1] MathML Mathematical Markup Language [2][3] HTML5 HTML5 related e 1 The Kyoto College of Graduate School for Informatics a) st091306@m1.kcg.edu b) k emi@kcg.ac.jp 1.2 1 Table 1 How to display equations on web browsers. No. A 1 (1 x)/(1 + x) B HTML <table> C mimetex[4] D PDF E Web MathML F C E C [6][7] -213-
E MathML W3C MathJax 1.3 MathJax MathJax[5] TEX MathML JavaScript TEX MathML [8] [9] MathSciNet[10] MathJax MathJax MathJax MathJax MathJax MathJax Web [11] 1.4 GUI TEX MathML GUI e [12] MathJax [13] 2 TEX MathML [14] [15] GUI [16][17][18] MathJax Web 1.5 MathJax TEX MathML JavaScript 3 TEX MathML MathML MathML 1 SVG Scalable Vector Graphics MathJax JavaScript HTML5 2014 W3C Web MathML HTML5 Web Storage Canvas SVG Canvas SVG 2. MathJax HTML5 PHP JavaScript PHP Apache 2.2.14 PHP 5.3.1 HTML5 Google Chrome Canvas SVG 2014 5 31 1 6 Google Chrome 2.1 PHP 2.2 TEX TEX MathML SVG -214-
3 Fig. 3 JavaScript JavaScript source code of Powers button. 1 Fig. 1 Able to find a string in equations. 2.3 TEX JavaScript! 1 ˆ{ } \frac{ }{ } TEX \frac{ e θ π MathJax 2.4 Web Storage HTML5 Web Storage localstorage 4 localstorage Fig. 4 Saving a thread name in localstorage. 2 Fig. 2 Our system. 2.5 Wolfram Alpha TEX MathML Wolfram Alpha[19] -215-
Wolfram Alpha URL JavaScript 2.6 HTML5 PHP HTML HTML5 <video> 6 HTML5 <svg> Fig. 6 <svg> tags in HTML5. 5 HTML5 <video> Fig. 5 <video> tags of HTML5. GUI Canvas SVG GUI TEX Wolfram Alpha HTML5 e HTML5 Canvas SVG <canvas> <svg> <sub> HTML5 Canvas e 2.7 Web MathJax 2 [15] [14] 2 2 GUI Web [22] MathJax [13] 2.8-216-
84%[20] [21] MathML 2.9 MathML MathJax MathML TEX MathML MathJax TEX MathML TEX EPUB3 MathML MathML 3. Fig. 8 8 The equation used in this evaluation. TEX 164 7 Fig. 7 Equation buttons on a smartphone. MathJax JavaScript PHP Web PC ( 1 ) PC ( 2 ) Web [22] ( 3 ) Android iphone 2 JavaScript 2 PC Table 2 Results in using a PC. 1 10 2 39 3 Table 3 Results in using a smartphone. 6 37 4 26 PC 2 [23] 1.5 PC PC -217-
TEX PC 0 PC GUI PC 4. TEX MathJax SVG HTML5 GUI PC MathJax TEX [1], L A TEX 2ε (2013) [2] W3C Math Home http://www.w3.org/math/ 2014 5 31 [3] H. Gotoh, M. Sakamoto and K. Emi Developing e- Learning and Communication Systems to Support Displaying Math Equations on Web-Pages, in 2009 e JeLa2009 2009 [4] mimetex http://www.forkosh.com/mimetex.html 2014 5 31 [5] MathJax http://www.mathjax.org/ 2014 5 31 [6] http://lykeion.info/suugaku/ 2014 5 31 [7] http://www.crossroad.jp/mathnavi/ index.html 2014 5 31 [8] Mathematical Markup Language (MathML) Version 3.0 2nd Edition http://www.w3.org/tr/2014/rec- MathML3-20140410/ 2014 5 31 [9] MathJax http://genkuroki.web.fc2.com/ 2014 5 31 [10] MR: Search Publications database http://www.ams.org/mathscinet/ 2014 5 31 [11] HTML5 e- vol.29 no.1 p.35-38 2014-5 [12] e 2004 [13] MathOverflow http://mathoverflow.net/ 2014 5 31 [14] Online LaTeX Equation Editor - create, integrate and download http://www.codecogs.com/latex/eqneditor.php 2014 5 31 [15] Firemath - The MathML-Editor for Firefox http://www.firemath.info/ 2014 5 31 [16] InftyEditor http://www.sciaccess.net/jp/ InftyEditor/index.html 2014 5 31 [17] K.Emi and T. Imai Developing E-learning and Communication Environment e JeLa2007 2007 [18] - Apache OpenOffice http://www.openoffice.org/ja/ 2014 5 31 [19] Wolfram Alpha: Computational Knowledge Engine http://www.wolframalpha.com/ 2014 5 31 [20] 25 http://www.soumu.go.jp/ menu news/s-news/01kiban08 02000120.html 2014 5 31 [21] 8 ICT http://www.mext.go.jp/b menu/shingi/chousa/shotou/ 056/gijigaiyou/attach/1259400.htm 2014 5 31 [22] Web? - Android http://news.mynavi.jp/articles/2014/02/21/android why19/ 2014 5 31 [23] T-01D - T-01D startup guide 01.pdf https://www.nttdocomo.co.jp/binary/pdf/support/ trouble/smart phone/t01d/t-01d startup guide 01.pdf 2014 5 31-218-