1. Multiple Device Graphical User Interface Generation Jinesh Parekh and Paul D. Johnson SE690 & SE696 Supervised by Dr. Jia October 17, 2003 http://shrike.edu.depaul/~pjohnso2

2. Agenda  Process  Architecture  Phase Development  Questions

3. Process - MDML  Define The Multiple Device Markup Language (MDML) Schema General Purpose Markup Language for Graphical User Interface Development Based on XUL with intent to produce a cross platform GUI.

4. Process – Widget Mapping  Widget Mapping Table  Swing – JButton  SWT – Button(shell, SWT.Push)  J2ME – Command

5. Process – Attribute Mapping  Attribute Mapping Table  Swing – setText(“OK”);  SWT – setText(“OK”);  J2ME – Command(“OK”, Command.SCREEN, 2)

6. Process – Composition Table  Composition Table Swing- add/remove or Constructor SWT- Constructor J2ME- Constructor/addCommand

7. Architecture Layout Manager Rule Engine Language Tree Code Generator

8. Architecture – Layout Manager MDML DOMParser DisplayObject1DisplayObject2DisplayObjectN Profile[Language]

9. Architecture – Rule Engine DisplayObjectx[XML] XSLT Service Widget Transformation Attribute Transformation Composition Transformation Profile[Language]

10. Architecture – Language Tree DisplayObjectN[XML] XSLT Service DisplayObjectN [LanguageTree] General Language Schema/DTD CLASSES.DTD [Java (Swing)] Specific Schema or DTD [Language] Profile[Language]

11. Architecture – Code Generation DisplayObjectN [LanguageTree] Code Generator Java (Swing) [Zoom Project] SoureFile.java Language SourceFile

12. Phases Development  Phase 1 Swing (Desktop)  Phase 2 J2ME (Mobile) Extend the Layout Manager to handle:  Transitions between screens  Grouping of widgets  Display (i.e. size of screen)

13. Questions