1. Ahmed.Hassan@uWaterloo.ca Software Architecture Group University of Waterloo CANADA Architecture Recovery Of Web Applications

2. Traditional Software Visualization LINUX

4. Visualization of Web Applications

5. Example of a Web Application Island Hopper News A sample web app. from MS

8. Web Application as a 3-tiered system

9. Web Applications “Online in 60-90 days, Innovate at Web Speed, Change on a Dime”..Asera Inc. “Zero to Portal @ Web Speed”..Oracle

10. SE Challenges for Web Apps? The speed of development The speed of evolution The different sets of concerns The expectations of the user The origins of the web

12. Introduction to ASP Simple html file: (foo.html) Welcome to CNN.COM ASP file: (foo.asp) Welcome to

13. Introduction to ASP Interesting asp file: (foo2.asp) Welcome to

14. Introduction to ASP ASP files are preprocessed by the web server ASP files access web server built in objects or distributed objects (COM/DCOM/COM+/CORBA) ASP files can access databases too

15. Introduction to ASP file.aspfile.html Data Tables COM/ CORBA Objects Web Server Pre-processor Data Flow

16. DEMO Visualization of the sample web application

17. How to visualize web applications?

18. Structure of an ASP Page ASP Page Client ScriptsServer ScriptsHTML JScriptPerlVBScript JavaScript

19. Generating the info to visualize HTML Extractor DB Access Extractor ASP PageCOM Source Code COM Binary ASP Code ASP Extractor HTML Facts ASP Facts Data Facts Language Extractor Binary Extractor Source Code Facts Binary Facts

20. First Attempt - Visualization

21. FACTBASE Generating Views for Web App. HTML Facts ASP Facts Data Facts Source Code Facts Binary Facts Contain. Grok Layout Viewer

22. Visualization

24. Conclusion Web Apps developers face different challenges than Traditional Soft Visualization of Web Apps using our current tools is possible Large Web Apps have been visualized

25. Revealing some of the magic --- The hidden track!

26. FACTBASE Generating Views for Web App. HTML Facts ASP Facts Data Facts Source Code Facts Binary Facts Contain. Grok Layout Viewer

27. The Web App Domain Model Java, JavaScript, VBScript, C, C++, etc. Component & Subsystem ASP, Database, DLL, COM Object, etc.

28. Entity Level Schema for JavaScript ALS CLS ELS

29. Entity Level Schema for VBScript ALS CLS ELS

30. Common Entity Level Schema for Object Based Languages ALS CLS ELS

31. Component Level Schema for Web Applications ALS CLS ELS

32. Architecture Level Schema ALS CLS ELS

33. Conclusion A Web App is the legacy application of the future A tool is built to visualize Web Apps and gain a better understanding of them A scalable framework is presented to study Web Apps Dynamic & Static views are needed to understand Web Apps

34. “Every day it becomes clear that the Net (Web) is taking its place alongside the other great transformational technologies that first challenged, and then fundamentally changed, the way things are done in the world”, Lou Gestner, CEO of IBM Corp.

35. A Taxonomy for Web Applications

36. Web App. Vs. Traditional App. Technical properties of Web App.: –Concerned with data tables, distributed objects and multimedia objects instead of variables, procedures and simple objects –Heavy use of scripting to combine components together –Implemented using multiple languages

37. Web App. Vs. Traditional App. Non Technical properties of Web App: –Shorter development time expected –Lower costs expected too! –Average employment length just over 1 year!!