SWCEditor: A Model-Based Tool for Interactive Modelling of Web Navigation

  • Marco Winckler
  • Eric Barboni
  • Christelle Farenc
  • Philippe Palanque


In spite of the apparent facility of building Web pages using current visual environments, the development on the Web application remains a complex task. As for other complex software one possible and promising way of dealing with this complexity is model-based approach. In this paper we present SWCEditor, a model-based tool (exploiting the StateWebCharts notation) aiming at supporting designers to build navigation models of Web applications. The StateWebCharts (SWC) notation is a formalism that provides abstract mechanisms to build navigation models of Web applications. This paper presents the SWCEditor, a tool supporting the creation, edition, visualisation and simulation of SWC models.


Diagrammatic tools Formal methods Model-based approaches for the Web Navigation modelling Web application design 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. [1]
    Ceri, S., Fraternali, P., and Bongio, A., Web Modeling Language (WebML): a Modeling Language for Designing Web Sites, in Proceedings of 9th International World Wide Web Conference WWW9 (Amsterdam, 15–19 May 2000), Computer Networks, Vol. 33, No. 1–6, 2000, pp. 137–157, accessible at Scholar
  2. [2]
    Connallen, J., Building Web Applications with UML, Addison-Wesley, Reading, 1999.Google Scholar
  3. [3]
    Dimuro, G.P. and Costa, A.C.R., Towards an Automata-Based Navigation Model for the Specification of Web Sites, in Proc. of 5th Workshop on Formal Methods WFM’2002 (Gramado, 15–16 October 2002), accessible at Scholar
  4. [4]
    Fraternali, P., Tools and Approaches for Developing Data-intensive Web Applications: a Survey, ACM Computing Surveys, Vol. 31, No. 3, 1999, pp. 227–263.CrossRefGoogle Scholar
  5. [5]
    Fraternali, P. and Paolini, P., Model-Driven Development of Web Applications: The AutoWeb System, ACM Transactions on Office Information Systems, Vol. 18, No. 4, 2000, pp. 323–282.CrossRefGoogle Scholar
  6. [6]
    Halasz, F. and Schwartz, M., The Dexter Hypertext Reference Model, Communications of the ACM, Vol. 37, No. 2, 1994, pp. 30–39.CrossRefGoogle Scholar
  7. [7]
    Harel, D., StateCharts: A Visual Formalism for Computer System, Science of Computer Programming, Vol. 8, No. 3, 1987, pp. 231–271.CrossRefzbMATHMathSciNetGoogle Scholar
  8. [8]
    Garzotto, F. and Paolini, P., and Schwabe, D., HDM-A Model for the Design of Hypertext Applications, in Proceedings of the 3rd Annual ACM Conference on Hypertext Hypertext’91 (San Antonio, 15–18 December 1991), ACM Press, New York, 1991, pp. 313–328.Google Scholar
  9. [9]
    Horrocks, I., Constructing the User Interface with Statecharts, Addison-Wesley, Reading, 1999.Google Scholar
  10. [10]
    Koch, N. and Kraus, A., The Expressive Power of UML-based Web Engineering, in D. Schwabe, O. Pastor, G. Rossi, L. Olsina (eds.), Proc. of 2nd Int. Workshop on Web-oriented Software Technology IWWOST’2002 (Malaga, 10 June 2002), accessible at Scholar
  11. [11]
    Leung, K., Hui, L., Yiu, S., and Tang, R., Modelling Web Navigation by StateCharts, in Proc. of 24th Int. Conf. S.A., IEEE Computer Society Press, 2000.Google Scholar
  12. [12] Murugesan, S. and Deshpande, Y., Web Engineering. Managing Diversity and Complexity of Web Applications Development, Lecture Notes in Computer Science, Vol. 2016, Springer-Verlag, Berlin, 2001.Google Scholar
  13. [13]
    Oliveira, M.C.F. de, Turine, M.A.S., and Masiero, P.C., A Statechart-Based Model for Modeling Hypermedia Applications, ACM Transactions on Office Information Systems, Vol. 19, No. 1, April 2001, pp. 28–52.Google Scholar
  14. [14]
    Sano, D., Designing Large-Scale Web Sites: A Visual Design Methodology, John Wiley & Sons, New York, 1996.Google Scholar
  15. [15]
    Schwabe, D., Pontes, R.A., and Moura, I., OOHDM-Web: An Environment for Implementation of Hypermedia Applications in the WWW, SigWEB Newsletter, Vol. 8, No. 2, June 1999, pp. 18–34.Google Scholar
  16. [16]
    Schwabe, D., Rossi, G., and Barbosa, S.D.J., Systematic Hypermedia Application Design with OOHDM, in Proc. of the 7th ACM Conference on Hypertext Hypertext’96 (Washington, 16–20 March 1996), ACM Press, New York, 1996, pp. 116–128.Google Scholar
  17. [17]
    Silva, P. P. da, and Paton, N.W., UMLi: The Unified Modelling Language for Interactive Applications, in Proc. of 3rd Int. Conf. on the Unified Modeling Language UML’2000 (York, 2–6 October 2000), Lecture Notes in Computer Science, Vol. 1939, Springer-Verlag, Berlin, 2000, pp. 117–132.Google Scholar
  18. [18]
    Stotts, P.D. and Furuta, R., Petri-Net-Based Hypertext: Document Structure with Browsing Semantics, ACM Trans. on Information Systems, Vol. 7, No. 1, January 1989, pp. 3–29.Google Scholar
  19. [19]
    Dhyani, D., Ng, W.K., and Bhowmick, S.S., A Survey of Web Metrics, ACM Computing Surveys, Vol. 34, No. 4, 2002, pp. 469–503.CrossRefGoogle Scholar
  20. [20]
    Turine, M.A.S., Oliveira, M.C.F., and Masieiro, P.C., A Navigation-Oriented Hypertext Model Based on Statecharts, in Proceeding of 8th ACM Conf. on Hypertext Hypertext’97 (Southampton, 6–11 April 1997), ACM Press, New York, 1997, pp. 102–111.Google Scholar
  21. [21]
    Winckler, M. and Palanque, P., StateWebCharts: a Formal Description Technique Dedicated to Navigation Modelling of Web Applications, in J. Jorge, N.J. Nunes, J. Falcão e Cunha (eds.), Proc. of 10th Int. Workshop on Design, Specification, and Verification of Interactive Systems DSV-IS’2003 (Funchal, June 2003), Lecture Notes in Computer Science, Vol. 2844, Springer-Verlag, Berlin, 2003, pp. ?.Google Scholar
  22. [22]
    Winckler, M., Palanque, P., Farenc, Ch., and Pimenta, M., Task-Based Assessment of Web Navigation Design, in C. Pribeanu, J. Vanderdonckt (eds.), Proceedings of 1st Int. Workshop on Task models and Diagrams for User Interface Design TAMODIA’2002 (Bucharest, 18–19 July 2002), Academy of Economic Studies of Bucharest, Economic Informatics Department, INFOREC Printing House, Bucharest, 2002, pp. 161–168.Google Scholar
  23. [23]
    Zheng, Y. and Pong, M.C., Using Statecharts to Model Hypertext, in Proceedings of the European Conference on Hypertext Technology (Milan, 30 November–4 December 1992), ACM Press, New York, 1992, pp. 242–250.Google Scholar

Copyright information

© Kluwer Academic Publishers 2005

Authors and Affiliations

  • Marco Winckler
    • 1
  • Eric Barboni
    • 1
  • Christelle Farenc
    • 1
  • Philippe Palanque
    • 1
  1. 1.Institut de Recherche en Informatique de ToulouseUniversité Paul Sabatier, LIIHS-IRITToulouse CedexFrance

Personalised recommendations