A Model-driven Approach for Empowering Advance Web Augmentation - From Client-side to Server-side Support

Matias Urbieta, Sergio Firmenich, Pedro Maglione, Gustavo Rossi, Miguel Angel Olivero


Websites augmentations have been adopted as a mean for improving the User Experience of applications that often are not owned by the user. The augmentations alter the page in order to add, modify and even remove its content pursuing the satisfaction of a user’s need. However, these augmentations are limited to page modification or transcluding content from another site on Internet. Moreover, advance server-side based augmentations have been released only by developers because of the required technical skill for the task. In this work, we have presented a novel approach for designingWeb Augmentation coping client-side and server-side using a Model-Driven Web Engineering approach. The approach rises the abstraction level for server-side developments allowing end-users to design, and even implement the new functionalities. Additionally, the approach uses advance separation of concern principles thus we provide a set of tools for designing the composition of the core application and the augmentation. We show as running example an augmentation that introduces a site community’s review support upon an agriculture e-commerce site.


  1. Aoki, Y. and Nakajima, A. (1999). User-Side Web Page Customization. In Human-Computer Interaction: Ergonomics and User Interfaces, Proceedings of {HCI} International 7899 (the 8th International Conference on Human-Computer Interaction), Munich, Germany, August 22-26, 1999, Volume 1, pages 580-584.
  2. Aragón, G., Escalona, M. J., Lang, M., and Hilera, J. R. (2013). An analysis of model-driven web engineering methodologies.
  3. Bosch, J., Olsson, H. H., Björk, J., and Ljungblad, J. (2013). The Early Stage Software Startup Development Model: A Framework for Operationalizing Lean Principles in Software Startups. Lean Enterprise Software and Systems, pages 1-15.
  4. Bosetti, G., Firmenich, S., Gordillo, S. E., Rossi, G., and Winckler, M. (2017). An End User Development Approach for Mobile Web Augmentation. Mobile Information Systems, 2017:1-28.
  5. Brambilla, M. and Fraternali, P. (2014). Interaction Flow Modeling Language: Model-Driven UI Engineering of Web and Mobile Apps with IFML. Morgan Kaufmann.
  6. Brusilovsky, P. (2007). Adaptive Navigation Support. In The Adaptive Web, Methods and Strategies of Web Personalization, pages 263-290.
  7. Brusilovsky, P., Kobsa, A., and Nejdl, W. (2007). The Adaptive Web, Methods and Strategies of Web Personalization, volume 4321 of Lecture Notes in Computer Science. Springer.
  8. Cerny, T., Macik, M., Donahoo, M. J., and Janousek, J. (2015). On distributed concern delivery in user interface design. Computer Science and Information Systems, 12(2):655-681.
  9. DDway (2016). Calculation of the Functional Size and Productivity with the IFPUG method (CPM 4 . 3 . 1). The DDway experience with WebRatio, http://www. webratio.com/website/documentation/Case Study Pr oductivity with WebRatio.pdf. Last accessed March 29, 2017.
  10. Díaz, O. and Arellano, C. (2012). Sticklet: An EndUser Client-Side Augmentation-Based Mashup Tool. In Web Engineering - 12th International Conference, {ICWE} 2012, Berlin, Germany, July 23-27, 2012. Proceedings, pages 465-468.
  11. Díaz, O. and Arellano, C. (2015). The Augmented Web: Rationales, Opportunities, and Challenges on Browser-Side Transcoding. TWEB, 9(2):8.
  12. Díaz, O., Arellano, C., and Iturrioz, J. (2010). Interfaces for Scripting: Making Greasemonkey Scripts Resilient to Website Upgrades. In Web Engineering, 10th International Conference, {ICWE} 2010, Vienna, Austria, July 5-9, 2010. Proceedings, pages 233-247.
  13. Diigo (2017). Diigo, https://www.diigo.com/. Last accessed March 29, 2017.
  14. Domínguez-Mayo, F., Escalona, M., Mej ías, M., Ross, M., and Staples, G. (2012). Quality evaluation for ModelDriven Web Engineering methodologies. Information and Software Technology, 54(11):1265-1282.
  15. Domínguez-Mayo, F. J., Escalona, M. J., Mej ías, M., Ross, M., and Staples, G. (2014). Towards a Homogeneous Characterization of the Model-driven Web Development Methodologies. J. Web Eng., 13(1&2):129- 159.
  16. Firmenich, D., Firmenich, S., Rivero, J. M., Antonelli, L., and Rossi, G. (2016a). CrowdMock: an approach for defining and evolving web augmentation requirements. Requirements Engineering, pages 1-29.
  17. Firmenich, D., Firmenich, S., Rivero, J. M., Antonelli, L., and Rossi, G. (2016b). CrowdMock: an approach for defining and evolving web augmentation requirements. Requirements Engineering, pages 1-29.
  18. Firmenich, S., Bosetti, G., Rossi, G., and Winckler, M. (2016c). Flexible Distribution of Existing Web Interfaces: An Architecture Involving Developers and End-Users. In Current Trends in Web Engineering - {ICWE} 2016 International Workshops, DUI, TELERISE, SoWeMine, and Liquid Web, Lugano, Switzerland, June 6-9, 2016, Revised Selected Papers, pages 200-207.
  19. Firmenich, S., Bosetti, G. A., Rossi, G., Winckler, M., and Barbieri, T. (2016d). Abstracting and Structuring Web Contents for Supporting Personal Web Experiences. In Web Engineering - 16th International Conference, {ICWE} 2016, Lugano, Switzerland, June 6-9, 2016. Proceedings, pages 77-95.
  20. Fowler, M., Beck, K., Brant, J., Opdyke, W., and Roberts, D. (1999). Refactoring: Improving the Design of Existing Code. Addison-Wesley Professional.
  21. Frajberg, D., Urbieta, M., Rossi, G., and Schwinger, W. (2016). Volatile Functionality in Action: Methods, Techniques and Assessment. In Bozzon, A., Cudre-Maroux, P., and Pautasso, C., editors, Web Engineering: 16th International Conference, ICWE 2016, Lugano, Switzerland, June 6-9, 2016. Proceedings, pages 59-76. Springer International Publishing, Cham.
  22. Gaedke, M. and Gräf, G. (2001). Development and Evolution of Web-Applications Using the WebComposition Process Model. In Web Engineering, volume 2016, pages 58-76.
  23. Gamma, E., Helm, R., Johnson, R., and Vlissides, J. (1995). Design patterns: elements of reusable object-oriented software.
  24. Garrido, A., Firmenich, S., Rossi, G., Grigera, J., MedinaMedina, N., and Harari, I. (2013). Personalized Web Accessibility using Client-Side Refactoring. {IEEE} Internet Computing, 17(4):58-66.
  25. Ginzburg, J., Distante, D., Rossi, G., and Urbieta, M. (2009). Oblivious integration of volatile functionality in web application interfaces. Journal of Web Engineering, 8(1):25-47.
  26. Martin, R. C. (2003). Agile Software Development: Principles, Patterns, and Practices. Prentice Hall PTR.
  27. Popovici, A., Gross, T., and Alonso, G. (2002). Dynamic Weaving for Aspect-oriented Programming. In Proceedings of the 1st International Conference on Aspect-oriented Software Development, AOSD 7802, pages 141-147, New York, NY, USA. ACM.
  28. Rossi, G., Nieto, A., Mengoni, L., Lofeudo, N., Silva, L. N., and Distante, D. (2006). Model-Based Design of Volatile Functionality in Web Applications. In 2006 Fourth Latin American Web Congress, pages 179-188.
  29. Rossi, G., Pastor, s., Schwabe, D., and Olsina, L. (2008). Web Engineering: Modelling and Implementing Web Applications, volume 12. Springer-Verlag London.
  30. Scaffidi, C., Ko, A., Myers, B., and Shaw, M. (2006). Dimensions characterizing programming feature usage by information workers. In Visual Languages and Human-Centric Computing, 2006. VL/HCC 2006. IEEE Symposium on, pages 59-64. IEEE.
  31. Torrecilla-Salinas, C., Seden˜o, J., Escalona, M., and Mejías, M. (2015). Estimating, planning and managing Agile Web development projects under a value-based perspective. Information and Software Technology, 61:124-144.
  32. Urbieta, M., Oliveira, A., Araújo, J., Rodrigues, A., Moreira, A., Gordillo, S., and Rossi, G. (2014). WebGIS models: accomplishing modularity with aspects.
  33. Innovations in Systems and Software Engineering, 10(1):59-75.
  34. Urbieta, M., Retschitzegger, W., Rossi, G., Schwinger, W., Gordillo, S., and Luna, E. R. (2012a). Modelling adaptations requirements in web workflows. Proceedings of the 14th International Conference on Information Integration and Web-based Applications & Services - IIWAS 7812, page 72.
  35. Urbieta, M., Rossi, G., Distante, D., and Ginzburg, J. (2012b). Modeling, Deploying, and Controlling Volatile Functionalities in Web Applications. International Journal of Software Engineering and Knowledge Engineering, 22:129-155.
  36. Vilain, P., Schwabe, D., and de Souza, C. S. (2000). A Diagrammatic Tool for Representing User Interaction in UML. In Evans, A., Kent, S., and Selic, B., editors, International Conference on the Unified Modeling Language, volume 1939 of Lecture Notes in Computer Science, pages 133-147. Springer.
  37. WebRatio (2017). WebRatio Platform, http://www.webrat io.com/site/content/en/web-application-development. Last accessed March 29, 2017.
  38. Wischenbart, M., Firmenich, S., Rossi, G., and Wimmer, M. (2015). Recommender Systems for the People - Enhancing Personalization in Web Augmentation. In Proceedings of the Joint Workshop on Interfaces and Human Decision Making for Recommender Systems, IntRS 2015, co-located with {ACM} Conference on Recommender Systems (RecSys 2015), Vienna, Austria, September 19, 2015., pages 53-60.

Paper Citation

in Harvard Style

Urbieta M., Firmenich S., Maglione P., Rossi G. and Olivero M. (2017). A Model-driven Approach for Empowering Advance Web Augmentation - From Client-side to Server-side Support . In - APMDWE, ISBN , pages 0-0. DOI: 10.5220/0006394604440454

in Bibtex Style

author={Matias Urbieta and Sergio Firmenich and Pedro Maglione and Gustavo Rossi and Miguel Angel Olivero},
title={A Model-driven Approach for Empowering Advance Web Augmentation - From Client-side to Server-side Support},
booktitle={ - APMDWE,},

in EndNote Style

TI - A Model-driven Approach for Empowering Advance Web Augmentation - From Client-side to Server-side Support
SN -
AU - Urbieta M.
AU - Firmenich S.
AU - Maglione P.
AU - Rossi G.
AU - Olivero M.
PY - 2017
SP - 0
EP - 0
DO - 10.5220/0006394604440454