1 / 37

Architecture Recovery Of Web Applications

Architecture Recovery Of Web Applications. Ahmed.Hassan@uWaterloo.ca Software Architecture Group University of Waterloo CANADA. Traditional Software Visualization. LINUX. Visualization of Web Applications. Example of a Web Application. Island Hopper News A sample web app. from MS.

donaldmartin
Download Presentation

Architecture Recovery Of Web Applications

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Traditional Software Visualization LINUX

  3. Visualization of Web Applications

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

  5. Web Application as a 3-tiered system

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

  7. 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

  8. Introduction to ASP Simple html file: (foo.html) <html> Welcome to CNN.COM </html> ASP file: (foo.asp) <html> Welcome to <% Write(“CNN.COM”) %> </html>

  9. Introduction to ASP Interesting asp file: (foo2.asp) <html> Welcome to <% Write(Server.name) %> </html>

  10. 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

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

  12. DEMO Visualization of the sample web application

  13. How to visualize web applications?

  14. Structure of an ASP Page ASP Page HTML Server Scripts Client Scripts VBScript Perl JScript JavaScript VBScript

  15. COM Source Code COM Binary Language Extractor Binary Extractor Source Code Facts Binary Facts Generating the info to visualize ASP Page HTML Extractor DB Access Extractor ASPCode ASP Extractor HTML Facts ASP Facts Data Facts

  16. First Attempt - Visualization

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

  18. Visualization

  19. Visualization

  20. 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

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

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

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

  24. ALS CLS ELS Entity Level Schema for JavaScript

  25. ALS CLS ELS Entity Level Schema for VBScript

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

  27. ALS CLS ELS Component Level Schema for Web Applications

  28. ALS CLS ELS Architecture Level Schema

  29. 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

  30. “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.

  31. A Taxonomy for Web Applications

  32. 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

  33. 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!!

More Related