1. Software Engineering of Web Applications SE Team 6 & SE Team 13 4-28-05

2. Introduction of Team Members Chris Gaul Chris Gaul Ruth Miller Ruth Miller Jefferson Hanifah Jefferson Hanifah Ryan Dunn Ryan Dunn Evan Tritsch Evan Tritsch Amanda Jantz Amanda Jantz

3. Overview What is Web Engineering? What is Web Engineering? Formulation and Planning for Web Engineers Formulation and Planning for Web Engineers Analysis Modeling for Web Apps Analysis Modeling for Web Apps Design Modeling for Web Apps Design Modeling for Web Apps Testing Web Apps Testing Web Apps Comparison Between Normal Software Engineering vs. Web Engineering Comparison Between Normal Software Engineering vs. Web Engineering

4. Methods Communication Communication Requirements Analysis Requirements Analysis Design Design Testing Testing

5. Processes Delivery Delivery Change Change Timelines Timelines

6. Customer Communication Business Analysis Business Analysis Formulation Formulation

7. Framework Planning Planning Modeling Modeling Construction Construction Deployment Deployment

8. Web Engineering Application Development Team Content Developers Content Developers Web Publisher Web Publisher Web Engineer Web Engineer Business Domain Expert Business Domain Expert

9. Application Support Staff Support Specialist Support Specialist Enhancements and adaptations to the application itselfEnhancements and adaptations to the application itself Administrator (Webmaster) Administrator (Webmaster) Update content and layout changesUpdate content and layout changes

10. Creating a Web App with Outsourcing Analysis of functionality should be done internally Analysis of functionality should be done internally Design a rough draft Design a rough draft Project Schedule (dates & milestones) Project Schedule (dates & milestones) List of Responsibilities List of Responsibilities Degree of interaction between contractor and vendor should be identified Degree of interaction between contractor and vendor should be identified

11. Creating a Web App “In-House” Clearly stated requirements and goals Clearly stated requirements and goals Incremental project strategy Incremental project strategy Perform a Risk Analysis Perform a Risk Analysis Quick Time Estimate Quick Time Estimate Development description Development description Establish a schedule Establish a schedule Defined project tracking mechanisms Defined project tracking mechanisms

12. Analysis Modeling for Web Apps Defined Focuses on 3 questions: Focuses on 3 questions: What information is to be presented or manipulated?What information is to be presented or manipulated? What functions are to be performed for the end-user?What functions are to be performed for the end-user? What behaviors will the WebApp exhibit as it presents content and performs functions?What behaviors will the WebApp exhibit as it presents content and performs functions? Answers are represented as part of an analysis model containing UML representations. Answers are represented as part of an analysis model containing UML representations.

13. Requirements User Hierarchy User Hierarchy Developing use-cases Developing use-cases Refining the use case model Refining the use case model

14. Models Analysis Model Analysis Model Content Model Content Model Defining Content ObjectsDefining Content Objects Content Relationships and HierarchyContent Relationships and Hierarchy Analysis Classes for Web AppsAnalysis Classes for Web Apps Interaction Model Interaction Model Functional Model Functional Model Configuration Model Configuration Model

15. Relationship-Navigation Analysis Key Questions Key Questions Navigation Analysis Navigation Analysis

16. Design Issues Quality Quality SecuritySecurity AvailabilityAvailability ScalabilityScalability Time-to-marketTime-to-market Goals Goals Simplicity Consistency Identity Robustness Navigability Visual Appeal Compatibility

17. Visual Design Interface Design Interface Design The structure and organization of the user interface.The structure and organization of the user interface. Aesthetic Design Aesthetic Design Graphic designGraphic design Look and FeelLook and Feel Content Design Content Design Layout, structure, and outline for all contentLayout, structure, and outline for all content Relationship between objectsRelationship between objects

18. Control Design Architecture Design Architecture Design Both content architecture and Web App architectureBoth content architecture and Web App architecture Navigation Design Navigation Design The navigational flow between content objects and web app functionsThe navigational flow between content objects and web app functions Component Design Component Design Processing logic required to implement functional componentsProcessing logic required to implement functional components

19. How do we do it Hypermedia Design Patterns Hypermedia Design Patterns Object-Oriented Hypermedia Design Method Object-Oriented Hypermedia Design Method Design Metrics Design Metrics

20. Testing Web Applications More Complex then normal Application Testing More Complex then normal Application Testing Big difference is that technology variables multiply in web applications.Big difference is that technology variables multiply in web applications. Different technologies are patch worked together to bring a web application to life.Different technologies are patch worked together to bring a web application to life. Types of Testing Types of Testing ContentContent InterfaceInterface NavigationNavigation ComponentComponent ConfigurationConfiguration SecuritySecurity PerformancePerformance

21. Testing Web Applications Content Testing Content Testing Text ErrorsText Errors Grammatical mistakesGrammatical mistakes Errors in consistencyErrors in consistency Cross referencing errorsCross referencing errors Graphical RepresentationsGraphical Representations Dynamic contented delivered from databasesDynamic contented delivered from databases

22. Testing Web Applications Interface Testing Interface Testing Implementation mechanisms or omissionsImplementation mechanisms or omissions InconsistenciesInconsistencies AmbiguitiesAmbiguities Anything interfaced inadvertently into the interfaceAnything interfaced inadvertently into the interface

23. Testing Web Applications Component Testing Component Testing Testing each component encapsulated within the web site.Testing each component encapsulated within the web site. Configuration Testing Configuration Testing Client and server environment problems.Client and server environment problems. Create a matrix of hardware, operating systems, browsers, hardware platforms and communications protocols. Create a matrix of hardware, operating systems, browsers, hardware platforms and communications protocols. Test each possible configuration to get all the errors associated with each configuration. Test each possible configuration to get all the errors associated with each configuration.

24. Testing Web Applications Security Testing Security Testing Exploit vulnerabilities in the Web App and environment.Exploit vulnerabilities in the Web App and environment. Demonstrate that a security breach is possibleDemonstrate that a security breach is possible Performance Testing Performance Testing Response time and reliability effected by trafficResponse time and reliability effected by traffic Identifying components responsible for the problems Identifying components responsible for the problems Load TestingLoad Testing N, concurrent users N, concurrent users T, online transactions T, online transactions D, Data Load D, Data Load P, Overall throughput P, Overall throughput P = D X T X N P = D X T X N

25. Comparison Between Software and Web Engineering Planning [1] Planning [1] Design [1] Design [1] Production [1] Production [1] Maintenance [1] Maintenance [1]

26. Planning At this step, in both software and web engineering, they try to find the user needs, create schedule until the application is deployed At this step, in both software and web engineering, they try to find the user needs, create schedule until the application is deployed

27. Design In the design of a software, the GUI has to be “user friendly,” and reliable In the design of a software, the GUI has to be “user friendly,” and reliable In the design of web applications, the user must be able to find data and links easily. Also, the user must be able to load the applications very fast. In the design of web applications, the user must be able to find data and links easily. Also, the user must be able to load the applications very fast.

28. Production In software and web engineering, programmers need to test before the applications are launched or deployed In software and web engineering, programmers need to test before the applications are launched or deployed

29. Maintenance In software engineering, the programmers provide updates and patches for the software every time bugs have been found In software engineering, the programmers provide updates and patches for the software every time bugs have been found In web engineering, the team members need to maintain the sites up-to-date In web engineering, the team members need to maintain the sites up-to-date

30. Resources 1. http://www- 3.ibm.com/ibm/easy/eou_ext.nsf/p ublish/572 http://www- 3.ibm.com/ibm/easy/eou_ext.nsf/p ublish/572 http://www- 3.ibm.com/ibm/easy/eou_ext.nsf/p ublish/572

31. Summary