A Methodology and Tool Support for Widget-Based Web Application Development

  • Petru NicolaescuEmail author
  • Ralf Klamma
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 9114)


Due to the rapid evolution of Web technologies and standards like WebRTC for the real-time Web, there is a reengineering pressure on many existing Web applications for not getting outdated and for reducing costs and maintainance efforts. In this paper, we propose a methodology designed to support developers through an application reengineering process for achieving modular and scalable Web applications, by bridging the old and the new: a RESTful microservice architecture with a presentation layer composed from widgets. The methodology is based on empirical studies conducted with the help of the widget developer community and proposes an agile development cycle and guidelines for the redesign activities. Based on its principles, we developed a tool that has been used in the methodology evaluation for modeling the widget-based Web applications. The obtained results show that the approach and the proposed architecture are suitable for enabling the future generation of widget-based applications.


Web widgets Web development Community information systems Widgetizing methodology Web application reengineering 


  1. 1.
    Schwinger, W., Retschitzegger, W., Schauerhuber, A., Kappel, G., Wimmer, M., Pröll, B., Castro, C.C., Casteleyn, S., de Troyer, O., Fraternali, P., Garrigos, I., Garzotto, F., Ginige, A., Houben, G.J., Koch, N., Moreno, N., Pastor, O., Paolini, P., Ferragud, V.P., Rossi, G., Schwabe, D., Tisi, M., Vallecillo, A., van der Sluijs, K., Zhang, G.: A survey on web modeling approaches for ubiquitous web applications. International Journal of Web Information Systems 4(3), 234–305 (2008)CrossRefGoogle Scholar
  2. 2.
    Wilson, S., Daniel, F., Jugel, U., Soi, S.: Orchestrated User Interface Mashups Using W3C Widgets. In: Harth, A., Koch, N. (eds.) ICWE 2011. LNCS, vol. 7059, pp. 49–61. Springer, Heidelberg (2012) CrossRefGoogle Scholar
  3. 3.
    Kovachev, D., Renzel, D., Nicolaescu, P., Koren, I., Klamma, R.: DireWolf: A Framework for Widget-based Distributed User Interfaces. Journal of Web Engineering 13(3&4), 203–222 (2014)Google Scholar
  4. 4.
    Derntl, M., Erdtmann, S., Nicolaescu, P., Klamma, R., Jarke, M.: Echtzeitmetamodellierung im Web-Browser. Lecture Notes in Informatics 225, 65–80 (2014)Google Scholar
  5. 5.
    Beyer, D., Chakrabarti, A., Henzinger, A.T.: Web service interfaces. In: Proceedings of the 14th International Conference on World Wide Web (WWW 2005), pp. 148–159 (2005)Google Scholar
  6. 6.
    Pautasso, C., Zimmermann, O., Leymann, F.: RESTful web services vs big web services. In: Proceedings of 17th International Conference on World Wide Web (WWW 2008), pp. 805–814 (2008)Google Scholar
  7. 7.
    Hickson, I., Berjon, R., Faulkner, S., Leithead, T., Navara, E.D., O’Connor, E., Pfeiffer, S.: HTML5. W3C Recommendation, W3C (2014).
  8. 8.
    Koch, N., Pigerl, M., Zhang, G., Morozova, T.: Patterns for the model-based development of RIAs. In: Gaedke, M., Grossniklaus, M., Díaz, O. (eds.) ICWE 2009. LNCS, vol. 5648, pp. 283–291. Springer, Heidelberg (2009) CrossRefGoogle Scholar
  9. 9.
    Schauerhuber, A., Wimmer, M., Kapsammer, E.: Bridging existing web modeling languages to model-driven engineering. In: Workshop Proceedings of the Sixth International Conference on Web Engineering (ICWE 2006) (2006)Google Scholar
  10. 10.
    Fielding, R.T.: Architectural Styles and the Design of Network-based Software Architectures. PhD thesis, University of California, Irvine (2000)Google Scholar
  11. 11.
    Govaerts, S., Verbert, K., Dahrendorf, D., Ullrich, C., Schmidt, M., Werkle, M., Chatterjee, A., Nussbaumer, A., Renzel, D., Scheffel, M., Friedrich, M., Santos, J.L., Duval, E., Law, E.L.-C.: Towards responsive open learning environments: the ROLE interoperability framework. In: Kloos, C.D., Gillet, D., Crespo García, R.M., Wild, F., Wolpers, M. (eds.) EC-TEL 2011. LNCS, vol. 6964, pp. 125–138. Springer, Heidelberg (2011) CrossRefGoogle Scholar
  12. 12.
    Elmeleegy, H., Ivan, A., Akkiraju, R., Goodwin, R.: Mashup advisor: a recommendation tool for mashup development. In: Proceedings of IEEE 15th International Conference on Web Services (ICWS 2008), pp. 337–344 (2008)Google Scholar
  13. 13.
    Chudnovskyy, O., Nestler, T., Gaedke, M., Daniel, F., Fernández-Villamor, J.I., Chepegin, V., Fornas, J.A., Wilson, S., Kögler, C., Chang, H.: End-user-oriented telco mashups: the OMELETTE approach. In: Proceedings of the 21st International Conference Companion on World Wide Web (WWW 2012 Companion), pp. 235–238 (2012)Google Scholar
  14. 14.
    Duarte, C., Carriço, L., Jorge, J., Oviatt, S., Gonçalves, D., Leiva, L.: Interaction-based user interface redesign. In: Proceedings of ACM International Conference on Intelligent User Interfaces (IUI 2012), pp. 311–312 (2012)Google Scholar
  15. 15.
    Krug, M., Wiedemann, F., Gaedke, M.: Media enrichment on distributed displays by selective information presentation: a first prototype. In: Sheng, Q.Z., Kjeldskov, J. (eds.) ICWE Workshops 2013. LNCS, vol. 8295, pp. 51–53. Springer, Heidelberg (2013) CrossRefGoogle Scholar
  16. 16.
    Husmann, M., Nebeling, M., Norrie, M.C.: MultiMasher: a visual tool for multi-device mashups. In: Sheng, Q.Z., Kjeldskov, J. (eds.) ICWE Workshops 2013. LNCS, vol. 8295, pp. 27–38. Springer, Heidelberg (2013) CrossRefGoogle Scholar
  17. 17.
    Palmér, M., Sire, S., Bogdanov, E., Gillet, D., Wild, F.: Mapping web personal learning environments. In: Proceedings of the 2nd Workshop on Mash-Up Personal Learning Environments (MUPPLE 2009) (2009)Google Scholar
  18. 18.
    Minhas, S., Sampaio, P., Mehandjiev, N.: A framework for the evaluation of mashup tools. In: Proceedings of IEEE International Conference on Services Computing (SCC 2012), pp. 431–438 (2012)Google Scholar

Copyright information

© Springer International Publishing Switzerland 2015

Authors and Affiliations

  1. 1.Advanced Community Information Systems (ACIS) GroupRWTH Aachen UniversityAachenGermany

Personalised recommendations