Lecture 12: Model-based tools: Creating the UI

Lecture 12: Model-based tools: Creating the UI
1 / 1
Lecture 12: Model-based tools: Creating the UI - slide 1 of 33 Lecture 12: Model-based tools: Creating the UI - slide 2 of 33 Lecture 12: Model-based tools: Creating the UI - slide 3 of 33 Lecture 12: Model-based tools: Creating the UI - slide 4 of 33 Lecture 12: Model-based tools: Creating the UI - slide 5 of 33 Lecture 12: Model-based tools: Creating the UI - slide 6 of 33 Lecture 12: Model-based tools: Creating the UI - slide 7 of 33 Lecture 12: Model-based tools: Creating the UI - slide 8 of 33 Lecture 12: Model-based tools: Creating the UI - slide 9 of 33 Lecture 12: Model-based tools: Creating the UI - slide 10 of 33 Lecture 12: Model-based tools: Creating the UI - slide 11 of 33 Lecture 12: Model-based tools: Creating the UI - slide 12 of 33 Lecture 12: Model-based tools: Creating the UI - slide 13 of 33 Lecture 12: Model-based tools: Creating the UI - slide 14 of 33 Lecture 12: Model-based tools: Creating the UI - slide 15 of 33 Lecture 12: Model-based tools: Creating the UI - slide 16 of 33 Lecture 12: Model-based tools: Creating the UI - slide 17 of 33 Lecture 12: Model-based tools: Creating the UI - slide 18 of 33 Lecture 12: Model-based tools: Creating the UI - slide 19 of 33 Lecture 12: Model-based tools: Creating the UI - slide 20 of 33 Lecture 12: Model-based tools: Creating the UI - slide 21 of 33 Lecture 12: Model-based tools: Creating the UI - slide 22 of 33 Lecture 12: Model-based tools: Creating the UI - slide 23 of 33 Lecture 12: Model-based tools: Creating the UI - slide 24 of 33 Lecture 12: Model-based tools: Creating the UI - slide 25 of 33 Lecture 12: Model-based tools: Creating the UI - slide 26 of 33 Lecture 12: Model-based tools: Creating the UI - slide 27 of 33 Lecture 12: Model-based tools: Creating the UI - slide 28 of 33 Lecture 12: Model-based tools: Creating the UI - slide 29 of 33 Lecture 12: Model-based tools: Creating the UI - slide 30 of 33 Lecture 12: Model-based tools: Creating the UI - slide 31 of 33 Lecture 12: Model-based tools: Creating the UI - slide 32 of 33 Lecture 12: Model-based tools: Creating the UI - slide 33 of 33
Lecture 12: Model-based tools: Creating the UI Automatically Brad Myers 05-830 Advanced User Interface Software 1 Model-Based Tools Overview Programmer describes the operation of the system or the user interface in a specification language

Related Topics

Download this presentation From Below

"Lecture 12: Model-based tools: Creating the UI" is the property of its rightful owner. Permission is granted to download and print the materials on this website for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.

Presentation Transcript

01
Lecture 12: Model-based tools: Creating the UI Automatically Brad Myers

05-830 Advanced User Interface Software 1<br>
02
Model-Based Tools Overview
Programmer describes the operation of the system or the user interface in a specification language = the "model".
model is a high-level description
usually declarative (listing parts and relationships)
System automatically creates the interface
Uses a low-level toolkit for the widgets 2<br>
03
Goals: High-level description of an interface is easier to write than low-level toolkit code
Automatic generation may produce better UIs than programmers
Allow separation of UI design (embodied in rules) from UI contents (supplied by the programmer)
Support dynamic creation of objects
define templates or prototypes
Increase re-use since design rules shared by multiple applications
Tools can reason over the specification to produce extra stuff:
Automatic generation of help, undo, etc.
Transform interface into different but functionally equivalent interface
Enabling and disabling of widgets
Enforcement or checking of design guidelines- consistency, completeness
Enforces consistency since rules will pick similar objects for similar situations
Automatic adjustment to different screen sizes, etc., since rules can take this into account
Automatic analysis for quality
NGOMSL analysis : GLEAN (Kieras, UIST'95) 3<br>