Modelling Safe Interface Interactions in Web Applications

  • Marco Brambilla
  • Jordi Cabot
  • Michael Grossniklaus
Part of the Lecture Notes in Computer Science book series (LNCS, volume 5829)


Current Web applications embed sophisticated user interfaces and business logic. The original interaction paradigm of the Web based on static content pages that are browsed by hyperlinks is, therefore, not valid anymore. In this paper, we advocate a paradigm shift for browsers and Web applications, that improves the management of user interaction and browsing history. Pages are replaced by States as basic navigation nodes, and Back/Forward navigation along the browsing history is replaced by a full-fledged interactive application paradigm, supporting transactions at the interface level and featuring Undo/Redo capabilities. This new paradigm offers a safer and more precise interaction model, protecting the user from unexpected behaviours of the applications and the browser.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Milic-Frayling, N., Jones, R., Rodden, K., Smyth, G., Blackwell, A., Sommerer, R.: Smartback: Supporting Users in Back Navigation. In: Proc. WWW 2004, pp. 63–71 (2004)Google Scholar
  2. 2.
    Ceri, S., Fraternali, P., Bongio, A., Brambilla, M., Comai, S., Matera, M.: Designing Data-Intensive Web Applications. The Morgan Kaufmann Series in Data Management Systems. Morgan Kaufmann Publishers Inc., San Francisco (2002)Google Scholar
  3. 3.
    Vdovják, R., Frăsincar, F., Houben, G.-J., Barna, P.: Engineering Semantic Web Information Systems in Hera. Journal of Web Engineering 1(1-2), 3–26 (2003)Google Scholar
  4. 4.
    Schwabe, D., Rossi, G., Barbosa, S.D.J.: Systematic Hypermedia Application Design with OOHDM. In: Proc. Hypertext 1996, pp. 116–128 (1996)Google Scholar
  5. 5.
    Object Management Group: UML 2.0 Superstructure Specification (2004)Google Scholar
  6. 6.
    Jacob, R.J.K.: A Specification Language for Direct-Manipulation User Interfaces. ACM Trans. Graph. 5(4), 283–317 (1986)CrossRefGoogle Scholar
  7. 7.
    de Oliveira, M.C.F., Turine, M.A.S., Masiero, P.C.: A Statechart-based Model for Hypermedia Applications. ACM Trans. Inf. Syst. 19(1), 28–52 (2001)CrossRefGoogle Scholar
  8. 8.
    Leung, K.R.P.H., Hui, L.C.K., Hui, S.M., Tang, R.W.M.: Modeling Navigation by Statechart. In: Proc. COMPSAC 2000, pp. 41–47 (2000)Google Scholar
  9. 9.
    Winckler, M., Palanque, P.: StateWebCharts: A Formal Description Technique Dedicated to Navigation Modelling of Web Applications. In: Proc. Intl. Workshop on Design, Specification and Verification of Interactive Systems, pp. 279–288 (2003)Google Scholar
  10. 10.
    Draheim, D., Weber, G.: Modelling Form-based Interfaces with Bipartite State Machines. Interacting with Computers 17(2), 207–228 (2005)CrossRefGoogle Scholar
  11. 11.
    Preciado, J.C., Linaje, M., Sánchez, F., Comai, S.: Necessity of Methodologies to Model Rich Internet Applications. In: Proceedings of International Symposium on Web Site Evolution, Budapest, Hungary (September 26, 2005), pp. 7–13 (2005)Google Scholar
  12. 12.
    Bozzon, A., Comai, S., Fraternali, P., Toffetti Carughi, G.: Conceptual Modeling and Code Generation for Rich Internet Applications. In: Proceedings of International Conference on Web Engineering, Menlo Park, CA, USA (July 10-14, 2006), pp. 353–360 (2006)Google Scholar
  13. 13.
    Linaje, M., Preciado, J.C., Sánchez-Figueroa, F.: A Method for Model Based Design of Rich Internet Application Interactive User Interfaces. In: Proceedings of International Conference on Web Engineering, Como, Italy (July 16-20, 2007), pp. 226–241 (2007)Google Scholar
  14. 14.
    Urbieta, M., Rossi, G., Ginzburg, J., Schwabe, D.: Designing the Interface of Rich Internet Applications. In: Proc. LA-WEB 2007, pp. 144–153 (2007)Google Scholar
  15. 15.
    Pérez, S., Díaz, O., Meliá, S., Gómez, J.: Facing Interaction-Rich RIAs: The Orchestration Model. In: Proc. ICWE 2008, pp. 24–37 (2008)Google Scholar
  16. 16.
    Alalfi, M.H., Cordy, J.R., Dean, T.R.: A Survey of Analysis Models and Methods in Website Verification and Testing. In: Baresi, L., Fraternali, P., Houben, G.-J. (eds.) ICWE 2007. LNCS, vol. 4607, pp. 306–311. Springer, Heidelberg (2007)CrossRefGoogle Scholar
  17. 17.
    Biel, B., Book, M., Gruhn, V., Peters, D., Schäfer, C.: Handling Backtracking in Web Applications. In: Proc. EUROMICRO 2004, pp. 388–395 (2004)Google Scholar
  18. 18.
    Ceri, S., Daniel, F., Matera, M., Rizzo, F.: Extended Memory (xMem) of Web Interactions. In: Proc. ICWE 2006, pp. 177–184 (2006)Google Scholar
  19. 19.
    Baresi, L., Denaro, G., Mainetti, L., Paolini, P.: Assertions to Better Specify the Amazon Bug. In: Proc. SEKE 2002, pp. 585–592 (2002)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2009

Authors and Affiliations

  • Marco Brambilla
    • 1
  • Jordi Cabot
    • 2
  • Michael Grossniklaus
    • 1
  1. 1.Dipartimento di Elettronica e InformazionePolitecnico di MilanoMilanoItaly
  2. 2.Department of Computer ScienceUniversity of TorontoTorontoCanada

Personalised recommendations