A Model-Based Approach for Supporting Offline Interaction with Web Sites Resilient to Interruptions

  • Félix Albertos Marco
  • José Gallud
  • Victor M. R. Penichet
  • Marco Winckler
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 8295)


Despite the wide availability of Internet connections, situations of interrupted work caused by accidental loss of connectivity or by intentional offline work are very frequent. Concerned by the negative effects of interruptions in users’ activities, this work investigates a new approach for the design and development of Web applications resilient to interruptions. In order to help users to recover from interruptions whilst navigating Web sites, this paper proposes a model-based approach that combines explicit representation of end-user navigation, local information storage (i.e. Web browser caching mechanism) and polices for client-side adaptation of Web sites. With this model, we are able to provide users with information about which Web site’s contents are available in an offline mode and how they can get easy access to local cache content. Moreover, the model can also be used to set proactive mechanism such as pre-caching Web pages that are likely to be looked at by users. Such a model-based approach is aimed at being used to build new Web sites from scratch but it can also be used as a mapping support to describe offline navigation of existing Web sites. This paper presents the conceptual model, a modeling case study and a tool support that illustrates the feasibility of the approach.


work interruption caching modeling model-based approach local storage navigation model 


  1. 1.
    Benson, E., Marcus, A., Karger, D., Madden, S.: Sync kit: a persistent client-side database caching toolkit for data intensive websites. In: WWW 2010, pp. 121–130. ACM (2010)Google Scholar
  2. 2.
    Cannon, B., Wohlstadter, E.: Automated object persistence for JavaScript. In: WWW 2010, pp. 191–200. ACM (2010)Google Scholar
  3. 3.
    Ceri, S., Brambilla, M., Fraternali, P.: The History of WebML Lessons Learned from 10 Years of Model-Driven Development of Web Applications. In: Borgida, A.T., Chaudhri, V.K., Giorgini, P., Yu, E.S. (eds.) Conceptual Modeling: Foundations and Applications. LNCS, vol. 5600, pp. 273–292. Springer, Heidelberg (2009)CrossRefGoogle Scholar
  4. 4.
    Chang, H., Tait, C., Cohen, N., Shapiro, M., Mastrianni, S., Floyd, R., Housel, B., Lindquist, D.: Web browsing in a wireless environment: disconnected and asynchronous operation in ARTour Web Express. In: ACM/IEEE MobiCom 1997, pp. 260–269. ACM (1997)Google Scholar
  5. 5.
    Che, H., Tung, Y., Wang, Z.: Hierarchical Web Caching Systems: Modeling, Design and Experimental Results. IEEE Journal on Selected Areas in Communications 20(7) (2002)Google Scholar
  6. 6.
    Czerwinski, M., Horvitz, E., Wilhite, S.: A diary study of task switching and interruptions. In: CHI 2004, pp. 175–182. ACM (2004)Google Scholar
  7. 7.
    De Troyer, O., Casteleyn, S., Plessers, P.: WSDM: Web Semantics Design Method. In: Web Engineering, pp. 303–351 (2008)Google Scholar
  8. 8.
    Gutwin, C., Graham, N., Wolfe, C., Wong, N., de Alwis, B.: Gone but not forgotten: designing for disconnection in synchronous groupware. In: CSCW 2010, pp. 179–188. ACM (2010)Google Scholar
  9. 9.
    Kao, Y.-W., Lin, C., Yang, K., Yuan, S.-M.: A Web-based, Offline-able, and Personalized Runtime Environment for executing applications on mobile devices. Comput. Stand. Interfaces 34(1), 212–224 (2012)CrossRefGoogle Scholar
  10. 10.
    Koch, N., Knapp, A., Zhang, G., Baumeister, H.: Uml-Based Web Engineering - An Approach Based on Standards. In: Web Engineering, pp. 157–191 (2008)Google Scholar
  11. 11.
    McFarlane, D.C.: Coordinating the interruption of people in human-computer interaction. In: INTERACT 1999, pp. 295–303. IOS Press, Amsterdam (1999)Google Scholar
  12. 12.
    Mark, G., Gudith, D., Klocke, U.: The cost of interrupted work: more speed and stress. In: SIGCHI 2008, pp. 107–110. ACM (2008)Google Scholar
  13. 13.
    Mehta, N., Swart, G., Divilly, C., Motivala, A.: Mobile AJAX Applications: Going Far Without the Bars. In: 2nd IEEE Workshop on Hot Topics in Web Systems and Technologies (2008)Google Scholar
  14. 14.
    Palanque, P., Winckler, M., Ladry, J.-F., terBeek, M., Faconti, G., Massink, M.: A Formal Approach Supporting the Comparative Predictive Assessment of the Interruption-Tolerance of Interactive Systems. In: ACM EICS 2009, pp. 211–220. ACM Press (2009)Google Scholar
  15. 15.
    Rossi, G., Pastor, O., Schwabe, D., Olsina, L. (eds.): Web Engineering: Modelling and Implementing Web Applications. Human-Computer Interaction Series. Springer (2008)Google Scholar
  16. 16.
    Rossi, G., Schwabe, D.: Modeling and Implementing Web Applications with Oohdm. In: Web Engineering, pp. 109–155 (2008)Google Scholar
  17. 17.
    Tatsubori, M., Suzumura, T.: HTML templates that fly: a template engine approach to automated offloading from server to client. In: WWW 2009, pp. 951–960. ACM (2009)Google Scholar
  18. 18.
    ter Beek, M.H., Faconti, G.P., Massink, M., Palanque, P.A., Winckler, M.: Resilience of Interaction Techniques to Interrupts: A Formal Model-Based Approach. In: Gross, T., Gulliksen, J., Kotzé, P., Oestreicher, L., Palanque, P., Prates, R.O., Winckler, M. (eds.) INTERACT 2009. LNCS, vol. 5726, pp. 494–509. Springer, Heidelberg (2009)CrossRefGoogle Scholar
  19. 19.
    Trafton, J.G., Monk, C.A.: Task Interruptions. Reviews of Human Factors and Ergonomics 3, 111–126 (2007)CrossRefGoogle Scholar
  20. 20.
    Trafton, J.G., Altmann, E.M., Brock, D.P., Mintz, F.E.: Preparing to resume an interrupted task: Effects of prospective goal encoding and retrospective rehearsal. International Journal of Human-Computer Studies 58(5), 583–603 (2003)CrossRefGoogle Scholar
  21. 21.
    Yang, Y.: Supporting Online Web-Based Teamwork in Offline Mobile Mode Too. In: WISE 2000, vol. 1. IEEE Computer Society, Washington, DC (2000)Google Scholar
  22. 22.
    W3C. A vocabulary and associated APIs for HTML and XHTML. W3C Candidate Recommendation (December 17, 2012),
  23. 23.
    W3C. Web Storage (February 13, 2013),
  24. 24.
    Winckler, M., Palanque, P.: StateWebCharts: A Formal Description Technique Dedicated to Navigation Modelling of Web Applications. In: Jorge, J.A., Jardim Nunes, N., Falcão e Cunha, J. (eds.) DSV-IS 2003. LNCS, vol. 2844, pp. 61–76. Springer, Heidelberg (2003)CrossRefGoogle Scholar

Copyright information

© Springer International Publishing Switzerland 2013

Authors and Affiliations

  • Félix Albertos Marco
    • 1
  • José Gallud
    • 1
  • Victor M. R. Penichet
    • 1
  • Marco Winckler
    • 2
  1. 1.Escuela Superior de Ingeniería Informática de AlbaceteAlbaceteSpain
  2. 2.ICS-IRIT teamUniversité Paul SabatierToulouse CedexFrance

Personalised recommendations