Interactive gui construction
Download
1 / 10

Interactive GUI Construction - PowerPoint PPT Presentation


  • 130 Views
  • Uploaded on

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 ».

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Interactive GUI Construction' - Albert_Lan


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Interactive gui construction
Interactive GUI Construction

  • Reusing standards components

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


Direct manipulation
Direct Manipulation

Display the available objects and their state

Fast, incremental, reversible actions

Display available actions


Business graphic objects
« 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


Synoptics process control
Synoptics, Process control


Specialized editors
Specialized Editors

Replace regular forms

Transformation Editor

Brush Editor (24 attributes)


Sample applications
Sample applications

ATC

Cartography


Drawing editor
Drawing editor

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


Relationships expression
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
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
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


ad