100 likes | 121 Views
Direct Manipulation, Fast Reversible Actions, Business Graphic Objects, Specialized Editors, Transformation, Brush Editor, Sample Applications, Relationship Expressions, Models & Libraries. Build high-quality GUIs easily!
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