Email this article Vision-based Presentation Modeling of Web Applications: A Reverse Engineering Approach
Abstract
Presentation modeling, which captures the layout of an HTML page, is a very important aspect of modeling Web Applications (WAs). However, presentation modeling is often neglected during forward engineering of Web Applications; therefore, most of these applications are poorly modeled or not modeled at all. This paper discusses the design, implementation, and evaluation of a reverse engineering tool that extracts and builds appropriate UML presentation model of existing Web Applications. The tool consists of three steps. First, we identify and extract visual blocks and presentation elements of an HTML page such as navigation bars, header sections, text input, etc. In this step, we adopt the VIPS algorithm, which divides an HTML into semantically coherent blocks. Second, the identified presentation elements in step one are mapped to the most appropriate UML presentation model elements. Third, the resulting presentation model is made available in Magicdraw for manipulation. Our approach is applied and evaluated in the Goalzz home page.
Keywords
References
G. A. D. Lucca, A. R. Fasolino, and P. Tramontana, "Reverse engineering web applications: the WARE approach," Journal of Software Maintenance and Evolution: Research and Practice, v.16, n.1-2, p.71-101, January-April 2004 “doi:10.1002/smr.281”.
E. J. Chikofsky and J. H. II Cross, "Reverse engineering and design recovery: a taxonomy," Software, IEEE, vol.7, no.1, pp.13-17, January 1990 “doi:10.1109/52.43044”.
D. Cai, S. Yu, J.-R. Wen, and W.-Y. Ma, VIPS: a vision-based page segmentation algorithm, Microsoft Technical Report, MSR-TR-2003-79, November 2003.
S. Tilley and S. Huang, "Evaluating the reverse engineering capabilities of Web tools for understanding site content and structure: a case study," Proceedings of the 23rd International Conference on Software Engineering, pp. 514- 523, May 2001 “doi: 10.1109/ICSE.2001.919126”.
S. Chung and Y.-S. Lee, "Reverse software engineering with UML for Web site maintenance," Proceedings of the First International Conference on Web Information Systems Engineering, vol.2, pp.157-161, 2000 “doi: 10.1109/WISE.2000.882874”.
R. Virgilio and R. Torlone, "A Structured Approach to Data Reverse Engineering of Web Applications," Proceedings of the 9th International Conference on Web Engineering, San Sebastián, Spain, June 2009 “ doi:10.1007/978-3-642-02818-2_7”.
B. Djelloul, M. Mimoun, and B. S. Mohamed, "Ontology based Web Application Reverse-Engineering Approach," INFOCOMP Journal of Computer Science, vol. 6, pp. 37-46, March 2007.
C. Kroiß and N. Koch, "The UWE Metamodel and Profile – User Guide and Reference", Technical Report 0802, Ludwig-Maximilians-Universität München, p. 35, February 2008.
Full Text: PDF