Columbus: A Tool for Discovering User Interface Models in Component-basedWeb Applications

Adrian Hernandez-Mendez, Andreas Tielitz, Florian Matthes

2017

Abstract

The processes of replacing, maintaining or adapting the existing User Interfaces in Component-based Web Applications to new conditions requires a significative amount of efforts and resources for coordinating their different stakeholders. Additionally, there are many design alternatives, which can vary according to the context of use. Therefore, understanding the structure and composition of UIs and their contained elements can provide valuable insights for future adaptations. In this paper, we present a tool for discovering UI models in the source code of Component-based Web Applications, which could be used to support the reverse engineering process. Subsequently, we evaluated its capabilities of User Interface model extractions using open-source project TodoMVC. The evaluation process shows the main limitations of the JavaScript frameworks for creating an abstract UI model (i.e. technology independent model) for Web Applications.

References

  1. Abrams, M., Phanouriou, C., Batongbacal, A. L., Williams, S. M., and Shuster, J. E. (1999). Uiml: an applianceindependent xml user interface language. Computer Networks, 31(11):1695-1708.
  2. Bouillon, L. (2006). Reverse Engineering of Declarative User Interfaces. PhD thesis, Université de Valenciennes et du Hainaut-Cambrésis.
  3. Ceri, S., Fraternali, P., and Bongio, A. (2000). Web modeling language (webml): a modeling language for designing web sites. Computer Networks, 33(1):137- 157.
  4. Chikofsky, E. J. and Cross, J. H. (1990). Reverse engineering and design recovery: A taxonomy. IEEE Software, 7(1):13-17.
  5. Di Lucca, G. A., Fasolino, A. R., Pace, F., Tramontana, P., and De Carlini, U. (2002). Ware: a tool for the reverse engineering of web applications. In Software Maintenance and Reengineering, 2002. Proceedings. Sixth European Conference on, pages 241-250. IEEE.
  6. e Marques da Silva, C. E. B. (2015). Reverse engineering of web applications. PhD thesis, Universidade do Minho.
  7. Hevner, A. R. (2007). A three cycle view of design science research. Scandinavian journal of information systems, 19(2):4.
  8. Limbourg, Q., Vanderdonckt, J., Michotte, B., Bouillon, L., Florins, M., and Trevisan, D. (2004). Usixml: A user interface description language for contextsensitive user interfaces. In In Proceedings of the ACM AVI'2004 Workshop ”Developing User Interfaces with XML: Advances on User Interface Description Languages” , pages 55-62. Press.
  9. Morgado, I. C., Paiva, A., and Faria, J. P. (2011). Reverse engineering of graphical user interfaces. In The Sixth International Conference on Software Engineering Advances, ICSEA, pages 293-298.
  10. Morgado, I. C., Paiva, A. C. R., Faria, J. P., and Camacho, R. (2012). GUI reverse engineering with machine learning. In 2012 First International Workshop on Realizing AI Synergies in Software Engineering (RAISE), pages 27-31, Zurich, Switzerland. IEEE.
  11. OASIS (2008). User Interface Markup Language (UIML) Version 4.0. Committee draft.
Download


Paper Citation


in Harvard Style

Hernandez-Mendez A., Tielitz A. and Matthes F. (2017). Columbus: A Tool for Discovering User Interface Models in Component-basedWeb Applications . In Proceedings of the 13th International Conference on Web Information Systems and Technologies - Volume 1: WEBIST, ISBN 978-989-758-246-2, pages 324-331. DOI: 10.5220/0006307803240331


in Bibtex Style

@conference{webist17,
author={Adrian Hernandez-Mendez and Andreas Tielitz and Florian Matthes},
title={Columbus: A Tool for Discovering User Interface Models in Component-basedWeb Applications},
booktitle={Proceedings of the 13th International Conference on Web Information Systems and Technologies - Volume 1: WEBIST,},
year={2017},
pages={324-331},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0006307803240331},
isbn={978-989-758-246-2},
}


in EndNote Style

TY - CONF
JO - Proceedings of the 13th International Conference on Web Information Systems and Technologies - Volume 1: WEBIST,
TI - Columbus: A Tool for Discovering User Interface Models in Component-basedWeb Applications
SN - 978-989-758-246-2
AU - Hernandez-Mendez A.
AU - Tielitz A.
AU - Matthes F.
PY - 2017
SP - 324
EP - 331
DO - 10.5220/0006307803240331