4/5/2014

1
Web Engineering
By
Joscelyn Dias
IT Manager Needs to Know for about:
Difference between web engineering and
software engineering
Initiating WebApp project
WebApp Analysis
WebApp Design
WebApp Testing
Web Engineering Basics
What is different about web engineering as
compared to software engineering?
Attributes of Web App (different from normal software)
Network intensiveness
Unpredictable load
Performance
Availability
Asthetics
Immediacy
Security
Web Engineering Basics
What is different about web engineering as
compared to software engineering?
Facts
WebApp are often delivered incrementally
Changes are frequent
Timelines are short
WebE Process Framework
Communication
Planning
Analysis
Modeling
Construction
Deployment
Project management
Configuration Management
Software Quality Assurance
Initiating a WebApp Project
Formulation
Documenting Project Charter
Planning
Team Selection
Estimation Methods
Web Options
Outsourced
In-house
Hybrid (Partly in-house partly out-sourced)
WebApp Analysis
Documenting the features and functions
requirements
Stakeholder analysis and product analysis
Stakeholder analysis
Identifying all stakeholders (at least user categories)
Understanding their requirements
Documenting deliverables expected
Product Analysis (Features required)
Content
Interactions
Operations
Configurations
Navigations
4/5/2014
2
WebApp Analysis (contd..)
Analysis methods
Questionnaire
Interview
Focus Groups
Facilitated Workshops
Group creativity techniques
Survey
Observation
Prototyping
Documenting Tools
Data Flow Diagrams
Use Case Diagrams
Process Flow Charts
Decision Tables
Matrices, etc
WebApp Design
Relationship of design and quality
Design Pyramid
Interface
Aesthetic
Content
Navigation
Architecture
Components
Technology
User
WebApp Design (contd)
Interface
Where am I?
What can I do?
Where am I going?
Aesthetic Issues
Layouts
Graphic designs
Fonts, Style, size, colours, etc
Content
Proof Reading
Presentation
WebApp Design (contd)
Navigation
Navigation Syntax Options
Individual links
Horizontal bars
Vertical bars
Tabs
Menu
Site Maps
Practices
Links should be clearly visible
Selection should be seen
WebApp Design (contd)
Architecture
Includes Content and WebApp architecture
Content Architecture (the way user navigates through
app)
Linear
Grid (for multi dimensional app)
Hierarchical
Composite
WebApp architecture (WebApp layers)
MVC
Components
Processing
Presentation
Validation
Connections to back end services
Content architecture repre
Hierarchical
structure
Grid
structure
Linear
structure
Network
structure
4/5/2014
3
WebApp Testing
Content both syntactic and semantic
Functions operations
Structure
Usability each category of the user
Navigation all links
Performance stress / load
Compatibility different browsers
Interoperability with back end services
Security for vulnerabilities