An Integrated Solution for Web-based Mathematical Expression Inputting Wei Su Department of Computer Science, Lanzhou University, PRC Department of Computer Science, Kent State University, USA July 30 th 2008

WME Group Outline 1.Background 2.Introduction 3.Content-based editing  Expression Editing  Navigation 4.Presentation-based editing 5.Customization and MathEdit API 6.Answer Checking

WME Group 1. Background WME is a modern distributed system on the Web for mathematics education. The approach is to provide each participating school with a website that is comprehensive, well-organized, dynamic, interactive, hands-on and ready to use by teachers for mathematics teaching in the classroom.

WME Group Requirement 1.A totally Web-based tool for the interactive entering and editing of mathematical expressions especially for applying the Web in of mathematics, science, and technology. 2.The editor should be easy to use and provide an intuitive GUI for editing mathematical expressions 3.This editor must be easily integrated with the Web- based systems. And the entered expressions should be encoded as common formats which have interoperability with other programs. 4.The editor must also be flexible, customizable and extensible to address different user groups at various levels.

WME Group Requirement (cont.) 4. The editor should satisfy two distinct needs for mathematical expressions –Capturing meaning and semantics (Content) The expressions can be used to compute, prove and plot –Describing the visual appearance (Presentation) The expressions can be used to display, typeset in the applications or on the Web.

WME Group MathML  The Mathematical Markup Language (MathML), a W3C standard, supports both a presentation encoding and a content encoding for the different purposes.

WME Group 2. Introduction MathEdit, a Web-based visual interactive mathematical expression editor, aims to provide an integrated solution of on-line entering and editing of mathematical expressions.

WME Group MathEdit Overview  MathEdit provides convenient and intuitive graphical user interface.  It provides MathML-Content based editing and MathML-Presentation based editing.  It also provides well-defined API.  Customize toolbar, palette and expression template  It can work with IE and the Mozilla-family browsers  Written in JavaScript and MathML.

WME Group MathEdit Authoring Environment Templates Operational Mode Work Area Infix Input Toolbar

WME Group The Feature of MathEdit  Totally Web-based tool  Integrate Content-based editing and Presentation- based editing  Easy to use, what you see is what you get  Various editing mode  Adaptable and customizable  Easily to include in your web application  Open source and Free

WME Group 3. Content-based editing  Content-based editing aims to let user edit the well- formed expression, which can keep mathematical meaning.

WME Group Expression Editing MathEdit supports several forms of user input:  Template  Infix  MathML

WME Group Well-formed

WME Group Some Examples of Math expression  Demo Demo

WME Group Visual Navigation  Basic Navigation  Traversal Navigation  Mouse Click

WME Group 4. Presentation-based editing  Presentation-based editing enables users to enter arbitrary expressions that may or may not have widely accepted mathematical meaning or may not be mathematical at all.

WME Group The Difference between Content-based Editing and Presentation-based Editing

WME Group 5. Customization and MathEdit API  The MathEdit API, supported by a set of JavaScript functions, allows applications to create an editor instance, sets its editing ways, configure its template palette and other GUI features, and set/retrieve the MathML code and infix it contains.

WME Group Integrated for Content and Presentation

WME Group MathPASS

WME Group Answer Checking

WME Group Thank you ！