Behaviour Modeller

The Systematic Generation of Statechart from Functional Relations and Scenarios for Prototyping User Interfaces
  • Akihiko Urushihara
  • Satoshi Kanai
  • Takeshi Kishinami
  • Toyoaki Tomura
Conference paper


Designing user interface (UI) behaviour can be regarded as a mapping from product functions and a set of UI control scenarios to state-transition-based UI specification. However, in current UI prototyping tools, UI designers must directly describe the UI specification from scratch, and the specification is not explicitly related to the product functions. In this paper, we present a “Behaviour Modeller” to systematically support this mapping process. In the modeller, required functional relations of the product are modelled as a functional relation diagram (FRD), while UI control scenarios are modelled as sequence diagrams (SDs). The UI element Statechart (SC) templates are also introduced to enable efficient generation of the specification. The modeller automatically generates an SC as the complete state-transition-based UI specification from an FRD, SDs and templates. The designer can easily modify a complex SC only by inserting or removing functions in the FRD and by changing the scenario in SDs. The effectiveness of the method and tool was confirmed by application to UI design for consumer products.


Embedded system Prototyping Scenario Statechart State vector User interface 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. [1]
    Bodart, F., Hennebert, A.-M., Leheureux, J.-M., Provot, I., Vanderdonckt, J., and Zucchinetti, G., Key Activities for a Development Methodology of Interactive Applications, in D. Benyon, P. Palanque (eds.), Critical Issues in User Interface Systems Engineering, Springer-Verlag, Vienna, 1995, pp. 109–134.Google Scholar
  2. [2]
    Carr, D.A., Specification of Interface Interaction Objects, in Proc. of the ACM Conference on Human Factors in Computing Systems CHI’94 (Boston, 24–28 April 1994), ACM Press, New York, 1994, pp. 372–378.Google Scholar
  3. [3]
    Elkoutbi, M., Khriss, I., and Keller, R.K., Generating User Interface Prototypes from Scenarios, in Proc. 4th IEEE International Symposium on Requirements Engineering RE’99 (Limerick, 7–11 June 1999), IEEE Computer Society, 1999, pp. 150–158.Google Scholar
  4. [4]
    Elkoutbi, M. and Keller, R.K., User Interface Prototyping based on UML Scenarios and High-level Petri Nets, in M. Nielsen, D. Simpson (eds.), Proc. of 21st Int. Conference on Application and Theory of Petri Nets ICATPN’2000 (Aarhus, June 2000), Lecture Notes in Computer Science, Vol. 1825, Springer-Verlag, Berlin, 2000, pp. 166–186.Google Scholar
  5. [5]
    Horrocks, I., Constructing the User Interface with Statechart, Addison-Wesley, Reading, January 1999.Google Scholar
  6. [6]
    Information Integration for Concurrent Engineering IDEF3 Process Description Capture Method Report, 1995, accessible at Scholar
  7. [7]
    Jacob, R.J.K, Deligiannidis, L., and Morrison, S., A Software Model and Specification Language for Non-WIMP User Interfaces, ACM Transactions on Computer-Human Interaction, Vol. 6, No. 1, March 1999, pp. 1–46.CrossRefGoogle Scholar
  8. [8]
    JGo Ver.5 Northwood Software, accessible at Scholar
  9. [9]
    Protobuilder, accessible at Scholar
  10. [10]
    Puerta, A.R., A Model-Based Interface Development Environment, IEEE Software, Vol. 14, No. 4, July/August 1997, pp. 40–47.CrossRefGoogle Scholar
  11. [11]
    Puerta, A.R. and Eisenstein, J., XML: A Common Representation for Interaction Data, in Proc. of the 7th International ACM Conference on Intelligent User Interfaces IUI’2002 (San Francisco, 13–16 January 2002), ACM Press, New York, 2002, pp. 214–215.Google Scholar
  12. [12]
    Rapid Plus, accessible at Scholar
  13. [13]
    Rational Rose, accessible at Scholar
  14. [14]
    State Mate Mugnum, accessible at Scholar
  15. [15]
    Unified Modeling Language Ver.1.5, accessible at Scholar
  16. [16]
    Vanderdonckt, J., Tarby, J.CI., and Derycke, A., Using Data Flow Diagrams for Supporting Task Models, in P. Markopoulos, P. Johnson (eds.), Sup. Proc. of 5th Int. Eurographics Workshop on Design, Specification, Verification of Interactive Systems DSV-IS’98 (Abingdon, 3–5 June 1998), Eurographics Association, Aire-la-Ville, 1998, pp. 1–16.Google Scholar
  17. [17]
    Whittle, J. and Schumann, J., Generating Statechart Designs from Scenarios, in Proc. of 22nd International Conference on Software Engineering ICSE’2000 (Limerick, 4–11 June 2000), ACM Press, New York, 2000, pp. 314–323.Google Scholar

Copyright information

© Kluwer Academic Publishers 2005

Authors and Affiliations

  • Akihiko Urushihara
    • 1
  • Satoshi Kanai
    • 1
  • Takeshi Kishinami
    • 1
  • Toyoaki Tomura
    • 2
  1. 1.Det. of Systems & Information Engineering, Graduate School of Engg.Hokkaido UniversitySapporoJapan
  2. 2.Asahikawa National Collage of TechnologyAsahikawa CityJapan

Personalised recommendations