mat mobile authoring tool
DESCRIPTION
Chen, Feiyang Wu, Chung-Ying Liao, Hung-Sheng Chung , Yuwei Lee, Cheng-Ham. MAT Mobile Authoring tool. Outline. Motivation Language Design Ideal Structure Translator architecture Development Environment Test plan & Reflection. MAT is …. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/1.jpg)
MATMOBILE AUTHORING TOOLChen, FeiyangWu, Chung-YingLiao, Hung-ShengChung , YuweiLee, Cheng-Ham
![Page 2: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/2.jpg)
Outline Motivation Language Design Ideal Structure Translator architecture Development Environment Test plan & Reflection
![Page 3: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/3.jpg)
MAT is … MAT is a mobile authoring
language for mobile devices.
![Page 4: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/4.jpg)
Imaging …
![Page 5: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/5.jpg)
Now you got MAT … Fast Easy Intuitive
![Page 6: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/6.jpg)
Problems on Mobile Small screen & Limited input device
Drag & Drop is hard Adjust the size of object is hard
![Page 7: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/7.jpg)
Program language Absolute position Object.position =
absolute_position(100,400)
Have no idea where the object is placed!
![Page 8: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/8.jpg)
UI design language Relative position of object Relative size of object
![Page 9: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/9.jpg)
Relativity
Object B.position = @ left of ObjectA.postionObject B .size= ObjectA . size *2
ObjectAObjectB
![Page 10: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/10.jpg)
The structure of MAT Here’s the objects we have:
Monkeys are human’s ancestors. Is it true? I don’t know. You don’t know.He doesn’t know. She doesn’t know.Who knows? Tell me! Tell me! Tell me! Tell me! Tell me! Tell me! Tell me!
One text,
And eight pictures…
![Page 11: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/11.jpg)
Human evolution
Monkeys are human’s ancestors. Is it true? I don’t know. You don’t know.He doesn’t know. She doesn’t know.Who knows? Tell me! Tell e! Tell me! Tell me! Tell me! Tell me! Tell me!
![Page 12: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/12.jpg)
Human evolution
Monkeys are human’s ancestors. Is it true? I don’t know. You don’t know.He doesn’t know. She doesn’t know.Who knows? Tell me! Tell me! Tell me! Tell me! Tell me! Tell me! Tell me!
pic HumanMonkey, evo[7];label topic, intro;
Declaration:
HumanMonkey.position_to = mydoc;HumanMonkey.direction = upper_left;Human.z-axis = 2;
Mydoc = initdoc(mydoc);
doc initdoc(doc document){ document.size = (200, 500); document.default_font_size = 20; document.font_type = "New Times"; document.default_distance = 5; return document;}
topic.content = “Human Evolution”Topic . position_to = HumanMonkey.up_right;
intro.content = text(content.tex);intro . position_to = topic.down;Evo[0].content = pic(0.jpg);Evo[1].content = pic(1.jpg);Evo[2].content = pic(2.jpg);Evo[3].content = pic(3.jpg);Evo[4].content = pic(4.jpg);Evo[5].content = pic(5.jpg);Evo[6].content = pic(6.jpg);
For(i=1; i<7; i++){ Evo[i] @ evo[i-1].right; Evo[i].size = 0.5;}
Evo[0] . position_to(HumanMonkey,topic, intro).down_left;Evo[0].size = 0.5 ;
Topic = 2 * size;
![Page 13: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/13.jpg)
Back End
Front End
TRANSLATOR ARCHITECTURE
MATSource file
Scanner Parser
Relative Position
ToAbsolutePosition
Converter
DigitalContent
tokens
lex yacc
Parser.yScanner.l
ContentDrawer
Intermediate java code
![Page 14: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/14.jpg)
Development Environment and Tools
Lex + Yacc
Eclipse - version 3.5(java) – SDK
Google Docs
Google Code + Subversion
Front End
IDE
Document Share
Version Control
Tools: Usage:
![Page 15: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/15.jpg)
Testing Black box testing
White box testing
Automating unit testing
Extreme Programming
![Page 16: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/16.jpg)
What we learned Cooperation
Job Schedule
Problem Solving
![Page 17: MAT Mobile Authoring tool](https://reader036.vdocuments.us/reader036/viewer/2022070420/56815e95550346895dcd254c/html5/thumbnails/17.jpg)
Thank you.