Slide 1

The MONA Project

UIML

UI Description Language
Structure, style, content in 5 hierarchical levels

Application Design Process

Authoring Requirements
“Natural“ design workflow as a key requirement
Use cases, scenarios, pen-and-paper sketches
Bottom-up in the language hierarchy
Concrete GUI sketch
Identify widgets, groups and layout rules, task units
UIML difficult to write by hand
Tools to compensate lack of predictability

The MONA Editor - Views
Several views of UI code
Tree view of XML code
Source view of XML code
Task structure
Attribute and behaviour tables
WYSIWYG GUI previews for actual devices
Visual representation of voice dialog

The MONAEditor – Features
Interactive editing with real-time feedback in all views
Option to import HTML
automatically creates some metadata markup
Device emulators using device profiles
Currently five devices of three different classes (PDA, Smartphone, WAP phone)
Voice-enabled PDA emulator for multimodal preview

Code Editor

Previews

Demonstration

Next Steps / Wishlist
Drag and Drop of elements
Make generic version first, then edit in device emulators to fork specific versions
Single file (with forks) vs. several files
Add Xforms and SVG support
Export concrete user interfaces (html, etc.)
(currently only UIML code saveable)
Include better voice editor
e.g. Nuance VBuilder

Slide 13