Research And Design, Web Application System Structure And Interaction Patterns Extracted

With the rapid development of Web technology and economic globalization, the range of software applications based on Web technology is more and more widely and the number of Web applications increases rapidly. Many legacy systems trend to be transplanted to the Web. All of these make the most work of the maintenance and evolution of Web applications focus on understanding the existing Web systems.In order to better understand the existing Web applications and reduce the maintenance costs, many researchers proposed the research to reverse engineering Web applications according to traditional software reverse-engineering. Compared with traditional software system Web application presents its special structure and design patterns. The methods and tools of traditional software reverse-engineering are not suitable completely for Web application. Therefore many scholars propose some improved methods or new methods based on the traditional software reverse-engineering.This paper firstly introduces the background of software reverse-engineering, the related conceptual and the main methods of software comprehension. Then the research tasks and strategies of WA reverse-engineering are elaborated, the difference between traditional software and Web application is analyzed, the classification and model representation of Web applications are given, the main research methods of Web applications reverse-engineering is listed. The paper analyzes the structure modeling of Web applications and the structural characteristics of HTML and JSP file.By analyzing the structure of Web applications and the problems of existing methods, we propose the method to extract the structure and interaction design pattern of Web applications based on static analysis. The proposed method of WA structure extraction (WASES) mainly analyzes the source codes of Web applications, obtains the directory structure and document types of Web applications, extractes the main elements of the HTML and JSP file structure, stores the elements into XML file. By building and traversing the XML syntax trees main components and the relations between the components are extracted. Finally a visual structure of Web application is formed. Web interaction design patterns extraction is the improvement of the existing method. The improved method transformed the Web pages into XML syntax trees using WASES to extract the features of Web interaction design patterns. And the method increased the analysis of tags attributes and their value, extended the semantic elements of the features and get more detail information of the feature.