Skip to main content
Article thumbnail
Location of Repository

Vision-based Presentation Modeling of Web Applications: A Reverse Engineering Approach

By Natheer Khasawneh, Oduy Samarah, Safwan Al-omari and Stefan Conrad


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

Topics: Index Terms—Reverse Engineering, Web Application, Web UML, Vision-based Page Segmentation
Year: 2013
OAI identifier: oai:CiteSeerX.psu:
Provided by: CiteSeerX
Download PDF:
Sorry, we are unable to provide the full text but you may find it at the following location(s):
  • (external link)
  • (external link)
  • Suggested articles

    To submit an update or takedown request for this paper, please submit an Update/Correction/Removal Request.