Vision-based Presentation Modeling of Web Applications: A Reverse Engineering Approach
Natheer Khasawneh1, Oduy Samarah2,
Safwan Al-Omari1, and
Stefan Conrad3
1. Department of Software Engineering, Jordan University of Science and Technology, Irbid, Jordan
2. Department of Computer Engineering, Jordan University of Science and Technology, Irbid, Jordan
3. Institute of Computer Science, Heinrich Heine University, Dusseldorf, Germany
2. Department of Computer Engineering, Jordan University of Science and Technology, Irbid, Jordan
3. Institute of Computer Science, Heinrich Heine University, Dusseldorf, Germany
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.
Index Terms—reverse engineering, web application, web UML, vision-based page segmentation
Cite: Natheer Khasawneh, Oduy Samarah, Safwan Al-Omari, and Stefan Conrad, "Vision-based Presentation Modeling of Web Applications: A Reverse Engineering Approach," Journal of Emerging Technologies in Web Intelligence, Vol. 4, No. 2, pp. 134-141, May 2012. doi:10.4304/jetwi.4.2.134-141
Index Terms—reverse engineering, web application, web UML, vision-based page segmentation
Cite: Natheer Khasawneh, Oduy Samarah, Safwan Al-Omari, and Stefan Conrad, "Vision-based Presentation Modeling of Web Applications: A Reverse Engineering Approach," Journal of Emerging Technologies in Web Intelligence, Vol. 4, No. 2, pp. 134-141, May 2012. doi:10.4304/jetwi.4.2.134-141
Array