100 likes | 286 Views
Interactive GUI Construction. Reusing standards components vs. ad hoc graphics to better fit the affordances of the task. Direct Manipulation. Display the available objects and their state Fast, incremental, reversible actions Display available actions. « Business Graphic Objects ».
E N D
Interactive GUI Construction • Reusing standards components • vs. ad hoc graphics to better fit the affordances of the task
Direct Manipulation Display the available objects and their state Fast, incremental, reversible actions Display available actions
« 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
Specialized Editors Replace regular forms Transformation Editor Brush Editor (24 attributes)
Sample applications ATC Cartography
Drawing editor Draw the objects and access them by name in a script language
Relationships Expression • Example: thermometer • Export gauge.value • Condition: if val>30 • gauge.color=“ Red”else gauge.color=“Blue” • Condition: if val>60 • blink=True else • blink=False gauge ellipse scale
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 l’application • Les BGO sont organisés en bibliothèques
BGOs summary • Graphical Interface to define Graphical User interfaces • Matches the application’s 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