Distributable Interface Design for Web Applications

  • Gianni FenuEmail author
  • Lucio Davide Spano
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 9189)


The increasing number of devices available for each person allows to create unconventional interfaces that coordinate more than one device for supporting the interaction. In this paper, we introduce a framework for designing distributable web applications, which supports moving and sharing the different parts of a user interface across different devices. We depict the architectural solution and we introduce a set of distribution patterns. In addition, we describe a concrete application of the framework for a distributable video player application.


Distributed interfaces Web applications User Interface Engineering Development tools 



Lucio Davide Spano gratefully acknowledges Sardinia Regional Government for the financial support (P.O.R. Sardegna F.S.E. Operational Programme of the Autonomous Region of Sardinia, European Social Fund 2007–2013 - Axis IV Human Resources, Objective l.3, Line of Activity l.3.1 Avviso di chiamata per il finanziamento di Assegni di Ricerca.


  1. 1.
    Google: The new multi-screen world: Understanding cross-platform consumer behavior. Technical report (2012). Retrieved from: Accessed 08 October 2014
  2. 2.
    Bandelloni, R., Paternò, F.: Flexible interface migration. In: Proceedings of the 9th International Conference on Intelligent User Interfaces, IUI 2004, pp. 148–155. ACM, New York (2004)Google Scholar
  3. 3.
    Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., Vanderdonckt, J.: A unifying reference framework for multi-target user interfaces. Interact. Comput. 15(3), 289–308 (2003)CrossRefGoogle Scholar
  4. 4.
    Demeure, A., Sottet, J.S., Calvary, G., Coutaz, J., Ganneau, V., Vanderdonckt, J.: The 4C reference model for distributed user interfaces. In: Fourth International Conference on Autonomic and Autonomous Systems, ICAS 2008, pp. 61–69, March 2008Google Scholar
  5. 5.
    Melchior, J., Vanderdonckt, J., Van Roy, P.: A model-based approach for distributed user interfaces. In: Proceedings of the 3rd ACM SIGCHI Symposium on Engineering Interactive Computing Systems, EICS 2011, pp. 11–20. ACM, New York (2011)Google Scholar
  6. 6.
    Frosini, L., Paternò, F.: User interface distribution in multi-device and multi-user environments with dynamically migrating engines. In: Proceedings of the 2014 ACM SIGCHI Symposium on Engineering Interactive Computing Systems, EICS 2014, pp. 55–64. ACM, New York (2014)Google Scholar
  7. 7.
    Ghiani, G., Patern, F., Santoro, C., Spano, L.: A location-aware guide based on active rfids in multi-device environments. In: Lopez Jaquero, V., Montero Simarro, F., Molina Masso, J.P., Vanderdonckt, J. (eds.) Computer-Aided Design of User Interfaces VI, pp. 59–70. Springer, London (2009)CrossRefGoogle Scholar
  8. 8.
    Klokmose, C.N., Beaudouin-Lafon, M.: Vigo: Instrumental interaction in multi-surface environments. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, CHI 2009, pp. 869–878. ACM, New York (2009)Google Scholar
  9. 9.
    Kim, K., Javed, W., Williams, C., Elmqvist, N., Irani, P.: Hugin: A framework for awareness and coordination in mixed-presence collaborative information visualization. In: ACM International Conference on Interactive Tabletops and Surfaces, ITS 2010, pp. 231–240. ACM, New York (2010)Google Scholar
  10. 10.
    Krasner, G.E., Pope, S.T., et al.: A description of the model-view-controller user interface paradigm in the smalltalk-80 system. J. Object Oriented Prog. 1(3), 26–49 (1988)Google Scholar
  11. 11.
    Fowler, M.: Presentation model Retrieved from: Accessed 08 October 2014
  12. 12.
    Potel, M.: Mvp: Model-view-presenter the taligent programming model for c++ and java (1996). Retrieved from: Accessed 08 February 2015
  13. 13.
    Smith, J.: Wpf apps with the model-view-viewmodel design pattern. Retrieved from: Accessed 08 October 2014
  14. 14.
    Paternò, F., Santoro, C., Spano, L.D.: MARIA: A universal, declarative, multiple abstraction-level language for service-oriented applications in ubiquitous environments. ACM Trans. Comput. Human Interact. 16(4), 19:1–19:30 (2009)CrossRefGoogle Scholar
  15. 15.
    Coutaz, J., Nigay, L., Salber, D., Blandford, A., May, J., Young, R.: Four easy pieces for assessing the usability of multimodal interaction: the CARE properties. In: Proceedings of INTERACT, vol. 95, pp. 115–120 (1995)Google Scholar

Copyright information

© Springer International Publishing Switzerland 2015

Authors and Affiliations

  1. 1.Dipartimento di Matematica e InformaticaUniversity of CagliariCagliariItaly

Personalised recommendations