Software Engineering of Web Applications SE Team 6 & SE Team

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

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

Methods Communication Communication Requirements Analysis Requirements Analysis Design Design Testing Testing

Processes Delivery Delivery Change Change Timelines Timelines

Customer Communication Business Analysis Business Analysis Formulation Formulation

Framework Planning Planning Modeling Modeling Construction Construction Deployment Deployment

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

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

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

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

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.

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

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

Relationship-Navigation Analysis Key Questions Key Questions Navigation Analysis Navigation Analysis

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

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

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

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

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

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

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

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.

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

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

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

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.

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

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

Resources ibm.com/ibm/easy/eou_ext.nsf/p ublish/ ibm.com/ibm/easy/eou_ext.nsf/p ublish/ ibm.com/ibm/easy/eou_ext.nsf/p ublish/572

Summary