Declarative programming of graphical interfaces by visual examples

  • Authors:
  • Ken Miyashita;Satoshi Matsuoka;Shin Takahashi;Akinori Yonezawa;Tomihisa Kamada

  • Affiliations:
  • -;-;-;-;-

  • Venue:
  • UIST '92 Proceedings of the 5th annual ACM symposium on User interface software and technology
  • Year:
  • 1992

Quantified Score

Hi-index 0.00

Visualization

Abstract

Graphical user interfaces (GUI) provide intuitive and easy means for users to communicate with computers. However, construction of GUI software requires complex programming that is far from being intuitive. Because of the “semantic gap” between the textual application program and its graphical interface, the programmer himself must conceptually maintain the correspondence between the textual programming and the graphical image of the resulting interface. Instead, we propose a programming environment based on the programming by visual example (PBVE) scheme, which allows the GUI designers to “program” visual interfaces for their applications by “drawing” the example visualization of application data with a direct manipulation interface. Our system, TRIP3, realizes this with (1) the bi-directional translation model between the (abstract) application data and the pictorial data of the GUI, and (2) the ability to generate mapping rules for the translation from example application data and its corresponding example visualization. The latter is made possible by the use of generalization of visual examples, where the system is able to automatically generate generalized mapping rules from a given set of examples.