Interactive GUI Construction

1
Interactive GUI Construction

• Reusing standards components
• vs. ad hoc graphics to better fit the affordances
  of the task

2
Direct Manipulation

• Display the available objects and their state
• Fast, incremental, reversible actions
• Display available actions

3
 Business Graphic Objects 

• Define the visual representation in a graphical
  editor
• Link graphic objects and data objects with
  relations
• The application is defined in a regular
  programming language

4
Synoptics, Process control
5
Specialized Editors
Replace regular forms
Transformation Editor
Brush Editor (24 attributes)
6
Sample applications
ATC
Cartography
7
Drawing editor

• Draw the objects and access them by name in a
  script language

8
Relationships Expression

• Example thermometer
• Export gauge.value
• Condition if valgt30
• gauge.color Redelse gauge.colorBlue
• Condition if valgt60
• blinkTrue else
• blinkFalse

gauge
ellipse
scale
9
Models Libraries

• Un BGO peut être utilisé tel quel (composition)
  ou instancié
• Une instance ne stocke que ses valeurs publiques
• Un prototype correspond à une classe de
  lapplication
• Les BGO sont organisés en bibliothèques

10
BGOs summary

• Graphical Interface to define Graphical User
  interfaces
• Matches the applications structural design
• Regular Programming Environment for the logical
  part
• GUI to build the graphical representation of
  objects
• Matches the design process
• Separates clearly the logical model from the
  conceptual model and from the representation
• Encourages creation of high quality GUIs