170 likes | 301 Views
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 ….
E N D
Chen, Feiyang Wu, Chung-Ying Liao, Hung-Sheng Chung , Yuwei Lee, Cheng-Ham MATMobile Authoring tool
Outline • Motivation • Language Design Ideal • Structure • Translator architecture • Development Environment • Test plan & Reflection
MAT is … • MAT is a mobile authoring language for mobile devices .
Now you got MAT … • Fast • Easy • Intuitive
Problems on Mobile • Small screen & Limited input device • Drag & Drop is hard • Adjust the size of object is hard
Program language • Absolute position • Object.position = absolute_position(100,400) Have no idea where the object is placed!
UI design language • Relative position of object • Relative size of object
Relativity Object B.position = @ left of ObjectA.postion Object B .size= ObjectA . size *2 ObjectB ObjectA
The structure of MAT • Here’s the objects we have: One text, 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! And eight pictures…
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!
doc initdoc(doc document){ document.size = (200, 500); document.default_font_size = 20; document.font_type = "New Times"; document.default_distance = 5; return document; } Declaration: pic HumanMonkey, evo[7]; label topic, intro; Mydoc = initdoc(mydoc); Human evolution HumanMonkey.position_to = mydoc; HumanMonkey.direction = upper_left; Human.z-axis = 2; 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! topic.content = “Human Evolution” Topic . position_to = HumanMonkey.up_right; Topic = 2 * size; 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); Evo[0] . position_to (HumanMonkey,topic, intro).down_left; Evo[0].size = 0.5 ; For(i=1; i<7; i++){ Evo[i] @ evo[i-1].right; Evo[i].size = 0.5; }
lex yacc Intermediate java code tokens Front End Back End Translator Architecture
Development Environment and Tools Tools: Usage: Lex + Yacc Front End Eclipse - version 3.5(java) – SDK IDE Google Docs Document Share Google Code + Subversion Version Control
Testing • Black box testing • White box testing • Automating unit testing • Extreme Programming
What we learned • Cooperation • Job Schedule • Problem Solving