EVENT HANDLING IN EQUATION EDITOR

2 04 2009

It refers to the process of handling user actions when he goes through the process of creating equations . It also involves guiding the user through the process of creating mathematical expressions. To generate MathML when the user is done with equation creation, the list of user actions needs to be tracked for dynamic MathML generation.

Equation elements

Operators , operands, superscripts, subscripts, special math symbols(Square root,integral,limits),underover,matrix,fence(brackets.)

Pre-requisites

· Current Container

Refers to the current display object which has focus.(i.e. The user has clicked on a particular display object to which the equation is going to be added).The current container acts as a pre parent to the math equation that the user might type. Before equation creation the current container holds the super parent container which is the parent to all math expressions.

· Counter Id

As and when the user adds math elements into the drawing board, an ID is assigned to the particular math element .Global data keeps a counter of the entire Id’s assigned at any point in the equation creation.

· Math Table

An array of user defined objects called math node.

· Math Node

An object which uniquely defines a math object in the equation.

Attributes of Math Node

Nodeid : The globally assigned identifier

ParentId : The identifier of the parent math node which holds this node.

Node Name : The name which specifies what type of math node it is. The

name corresponds to the MathML tag which describes .

For e.g.: mo for operators ,

mi for operands,

mn for constants,

msup for superscripts

Node Text : The text of the node. Applicable only for mn, mo,mi.

Attributes : Properties of math elements like fontsize, style, thickness etc.

EVENT HANDLING FOR SUPERSCRIPTS AND SUBSCRIPTS

Description :

Superscript in MathML takes two mathnodes as their children. The base and the exponent. The global data assigns identifier to the superscript node which is an imaginary node, which exists just to hold the two children but has no physical rendering.

MathNode :

<msup><Id><ParentID of Current Container><null>

Implementation in Flex:

A mathematical component is drawn on the Canvas Container

that Flex offers.here are two alternatives to this.

1) Draw using a UIComponent and its graphics method.

<shape>.<uicomponent>.<graphics>.drawline(//)

How ever this method is tedious when it involves the calculation of appropriate coordinates(For Eg.In superscript,The x cood is increment by the width of the base ..and the Y coor is incremented by the height of base.and then decremented again to lie on the axis of the equation line.

Usage of lex components like HBox and VBox takes care of all these.(Esp Layout).



Actions

Information

27 responses

3 04 2009
Carlos Aza

Hello,

I’m working in an application that has to be able to incorporate simple equations using a graphic editor. Won’t be more powerful than including sums, products, and powers of twot (maybe square roots too).

Are you going to publish any of your work or give hints on how to approach the problem?

Thank you,

Carlos Aza

3 04 2009
Bharathi Priyaa Thangamani

Hi,
The Math editor that we did still in the nascent phases.
We are still working on it.(Adding user support features…SVG support etc)
However ,Ill be able to provide some help ..In case u need any with respect to MathML or Flex
1) Are u developing a Flex App?
2) Will the editor be used to display and evaluate the equations or only display the equation?

3 06 2009
Madhu

Hi

We are working on Math editor Flex version

will u able to help me

6 04 2009
Carlos Aza

Hi,
Thank you for your quick response.

Yes, I’m developing a Flex application. I have to introduce equations using the editor, employing references to data located in the database (this references will be used in the java side to access to the real data and calculate the result).
I should evaluate the equation in the flex client in order to validate it and inform the user if the equation is valid or not.

I have done a simple structure of the editor (it’s like a basic calculator) but I lack in the presentation aspect. I’m now showing the formules in a TextArea without any kind of beautifying. It isn’t an obligatory requirement but if I show the equations with good look it will be a pro.

Thank you so much,
Carlos

6 04 2009
Bharathi Priyaa Thangamani

Hi…
U can make ur equations look presentable …Quite easily in Flex.
(Like only the presenation aspect).I could provide some help to u,in this case..
I need to know If u are using MathML anywhere in evaluation of equations.

6 04 2009
Carlos Aza

Hi,

No, I’m not using MathML anywhere. A typical formula could be:

( – 1.009 * “EA043H271” ^2 + 0.993 * “SA043H271” – “EA043H471”) * (“SA043H271” ^(1/2) + “SA043H471” ) / (“SA043H271” + “SA043H471” + “SA043H473”)

where “SAxxxxxx” and “EAxxxxxx” are codes of data inserted in a database. That string is what I’m going to store and process.

11 05 2009
raj

i am working on mathml editor in flex,

here i am getting problem in binding text with xml node……

how to bind text with xml node ……..

plz give me suggestion to do this……

12 05 2009
Bharathi Priyaa Thangamani

Do u mean when generating mathml after the user has types in his math equation?

14 05 2009
raj

Ya right, but i got the solution for that..
Actually i am working for mathml editor developed in flash,
converting it into flex app….

here , i am facing problems in displaying button labels, i am taking each ‘hex entity number ‘ as a button labels , adding those labels to text area, my problem is some are displaying , but some are not displaying, i dnt no why….in design mode displaying but while i am running …….. some are not displaying…..
this is my 1st problem……..
and problem with fence buttons,integral buttons….etc……
and some having arrow with boxes something…….
and problem with & displaying in xml…….
its displaying as & ……….
plz give me suggestion to do this……
these are the problems……..
i need sample app …… if any plz gve me the links………..

14 05 2009
Bharathi Priyaa Thangamani

Hey Hi….

I recognise your problem is in tryin to display few of the math fonts.
First of all did u try embedding them in ur app?
Integrals and Square roots are not part of system font set.They usually come under mathematical or stik fonts…
Please give me an Idea as to the font type which u use

14 05 2009
Bharathi Priyaa Thangamani

@Raj

Are u tryin to rework the mathml editor done in flash by learnmath?

14 05 2009
raj

yes……

14 05 2009
raj

which font i have to use to do…….

and & issue is one…….
&divide,……for this i am taking as &divide but its not working……..

14 05 2009
raj

Serif
arial
courier
i am using these fonts….

14 05 2009
Bharathi Priyaa Thangamani

Arial..Courier are standard fonts.They do support quite a few math symbols.
But U need to use different font type sets to support integrals,square roots.
For eg : Mathematica and STIx.
You might wanna check out the Mozilla MathML project.

http://www.mozilla.org/projects/mathml/

Mozilla Makes use of STIX.
An Did U embed the fonts properly?.

14 05 2009
raj

and need solution for top most buttons …. arrows with boxes etc….

14 05 2009
Bharathi Priyaa Thangamani

Can U please be more elaborate?
What solution for topmost button?

Do u mean the learn math sliding bar which has options for under and over boxes?

14 05 2009
raj

actually i am taking hex entity code, as label for each object ,,,
for ex: alpha α
like this………

but coming to integral part…….. i am not getting hex entity…….
and accentButton group

and coming to braces…… all are adding in bitween braces…….
and like that mathml also generating…..

i need help for this……thing

14 05 2009
raj

yes you are correct……
and suggest one font name which supports mathml…..

14 05 2009
Bharathi Priyaa Thangamani

check out STIX

14 05 2009
raj

thanks its working……….

14 05 2009
raj

hey,

i want help for ‘learn math sliding bar’ options…..

plz guide me to do that….

28 05 2009
raj

hi,

how to work with subscripts and superscripts for mathml editor…..

16 09 2009
kanti

are u working to integrate mathml of learnmath in ur flex app

14 09 2009
kanti

hi,
can u please tell me how i will show the sprite object used in mathmleditor to display the sqrt.
i have sent both values and i want to see this mathml symbol in textarea.
But i dont know how addchild used in renderer class of the sqrt will display this using sprite.
please help!!!!!!!!!!!!!!!

15 09 2009
kanti

u can help me logically

3 06 2009
Bharathi Priyaa Thangamani

Wht sort of Help do u need?.
Please dont ask me for the cod eor sample app.Its a toll on my side.
However I can help u with the logic …

Leave a comment