How to produce ChemML and MathML 조윤상 ( 과편협기획운영위원 ) 1
Applications of XML Applications of XML RDF (Resource Description Framework) : 자원의정보를표현하기위한규격, 구문및구조에대한공통적인규칙을지원. RSS (Rich Site Summary) : 뉴스나블로그사이트에서주로사용하는콘텐츠표현방식. : RSS 형식으로웹사이트내용을보여줌. MathML (Mathematical Markup Language) : 수학수식을표현하고, 그구조와내용을파악하기위한마크업언어이다. ChemML (Chemical Markup Language) : 화학식표현. XHTML (Extensible Hypertext Markup Language) : HTML 과동등한표현능력을지닌마크업언어로, HTML 보다엄격한문법을가진다. SVG (Scalable Vector Graphics) : 2 차원벡터그래픽을표현하기위한 XML 기반의파일형식. 2 15 th KCSE Editor s Workshop, Seoul 2015
What is MathML MathML(Mathematical Markup Language )? XML Applications 중하나로수학수식을표현하고, 그구조와내용을파악하기위한마크업언어 월드와이드웹페이지및다른문서들에수식을통합하는목적 W3C(World Wide Web Consortium) math working group 의권고이며 HTML5 의일부 MathML 은 XML 이므로다른 XML 파일에삽입될수있다. Presentation MathML( 표현 ) vs Content MathML( 내용 ) Presentation MathML MathML 은수식의화면표시에집중한다. 30 여가지의 Elements 가있다. Elements 의이름은 m 으로시작한다. Content MathML 수식의모양보다는내용에집중한다. 3 15 th KCSE Editor s Workshop, Seoul 2015 3
MathML 사용예시 * 수식은 MathML 로표현 4 15 th KCSE Editor s Workshop, Seoul 2015 4
MathML 표시예시 * MathML 로표현하면 web 문서자체를하나의 Data 또는 Resource 로활용할수있다. 5 15 th KCSE Editor s Workshop, Seoul 2015 5
MathJax 를이용한수식표현 http://www.mathjax.org/ Source Code: https://github.com/mathjax/mathjax/ <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/mathjax.js?config=tex-mml- AM_HTMLorMML-full"></script> 6 15 th KCSE Editor s Workshop, Seoul 2015 6
MathML Elements Elements Rendering MathML Source Code mo operator <math><mo>-</mo><mo>+</mo><mo>=</mo></math> mi identifier <math>mi>a</mi></math> mn number <math><mn>3</mn></math> mtext text <math><mtext>kcse</mtext></math> mfrac msqrt mroot msup msub <math><mfrac><mn>a</mn><mn>b</mn></mfrac></math> <math><msqrt><mi>a</mi></msqrt></math> <math><mroot><mi>b</mi><mi>a</mi></mroot></math> <math><msup><mi>a</mi><mi>b</mi></msup></math> <math><msub><mi>a</mi><mi>b</mi></msub></math> mover <math><mover><mi>ab</mi><mo> </mo></mover></m ath> mtable 행렬표현 <math><mfenced><mtable><mtr><mtd><mn>0</mn></mtd><m td><mn>1</mn></mtd></mtr><mtr><mtd><mn>0</mn></mtd> <mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math> 7 15 th KCSE Editor s Workshop, Seoul 2015 7
MathML 관련자료및실습 http://www.w3.org/math/ 1. Web Editor http://www.wiris.com/editor/demo/en/mathml-latex 2. Firefox add-on http://www.firemath.info 3. Word2MathML 8 15 th KCSE Editor s Workshop, Seoul 2015 8
ChemML 구성요소 ChemML /CML(Chemical Markup Language): 화학식표현. Building blocks of chemistry atoms ( 원자 ) Ions ( 이온 ) molecules ( 분자 ) Additional methods reactions ( 반응 ) bonds ( 결합 ) Annotated captions 9 15 th KCSE Editor s Workshop, Seoul 2015 9
ChemML example1 ChemML <chem> <atom>h</atom> </chem> <chem> <atom n="6" charge="-5" weight="652" protons="339">rx</atom> </chem> <chem><molecule> <atom n="2">h</atom> <atom>o</atom> </molecule></chem> <chem><molecule n="2"> <atom n="2">h</atom> <atom>o</atom> </molecule></chem> <chem><molecule n="2"> <ion charge="+2"><atom n="2">h</atom></ion> <ion charge="-2"><atom>o</atom></ion> </molecule></chem> 10 15 th KCSE Editor s Workshop, Seoul 2015 10
ChemML example2 element representation plus + minus - equal = gives equilibrium mesomeric <formula> <chem> <reaction> <molecule n="2"> <atom n="2"> H </atom> </molecule> <plus/> <molecule> <atom n="2"> O </atom> </molecule> <equilibrium/> <molecule n="2"> <atom n="2"> H </atom> <atom> O </atom> </molecule> <gives> <caption> wet feet </caption> </gives> <molecule n="2"> <atom n="2"> H </atom> <atom> O </atom> </molecule> </reaction> </chem> </formula> 11 15 th KCSE Editor s Workshop, Seoul 2015 11
Thank you. younsang@m2comm.co.kr 12 15 th KCSE Editor s Workshop, Seoul 2015