WebE_chapter_16.ppt

1
Chapter 16
Web Engineering
Software Engineering: A Practitioner’s Approach, 6th edition
by Roger S. Pressman
2
Web Applications
 WebApps encompass:
 complete Web sites
 Simple information Web sites
 Complex e-Commerce of other sites with embedded
functionality and data retrieval
 Complex Web sites that are interoperable with other
legacy software and systems
 specialized functionality within Web sites
 information processing applications that reside on
the Internet or on an intranet or ExtraNet.
3
WebApp Attributes—I
 Network intensiveness. A WebApp resides on a network
and must serve the needs of a diverse community of
clients.
 Concurrency. A large number of users may access the
WebApp at one time; patterns of usage among end-users
will vary greatly.
 Unpredictable load. The number of users of the WebApp
may vary by orders of magnitude from day to day.
 Performance. If a WebApp user must wait too long (for
access, for server-side processing, for client-side
formatting and display), he or she may decide to go
elsewhere.
4
WebApp Attributes—II
 Availability. Although expectation of 100 percent
availability is unreasonable, users of popular WebApps
often demand access on a “24/7/365” basis.
 Data driven. The primary function of many WebApps is to
use hypermedia to present text, graphics, audio, and
video content to the end-user.
 Content sensitive. The quality and aesthetic nature of
content remains an important determinant of the quality of
a WebApp.
 Continuous evolution. Unlike conventional application
software that evolves over a series of planned,
chronologically-spaced releases, Web applications evolve
continuously.
5
WebApp Attributes—III
 Immediacy. WebApps often exhibit a time to market that
can be a matter of a few days or weeks.
 With modern tools, sophisticated Web pages can be
produced in only a few hours.
 Security. In order to protect sensitive content and provide
secure modes of data transmission, strong security
measures must be implemented throughout the
infrastructure that supports a WebApp and within the
application itself.
 Aesthetics. When an application has been designed to
market or sell products or ideas, aesthetics may have as
much to do with success as technical design.
6
WebApp Categories
 informational—read-only content is provided with simple navigation and links
 download—a user downloads information from the appropriate server
 customizable—the user customizes content to specific needs
 interaction—communication among a community of users occurs via chatroom,
bulletin boards, or instant messaging
 user input—forms-based input is the primary mechanism for communicating
need
 transaction-oriented—the user makes a request (e.g., places an order) that is
fulfilled by the WebApp
 service-oriented—the application provides a service to the user, e.g., assists the
user in determining a mortgage payment
 Portal—the application channels the user to other Web content or services
outside the domain of the portal application
 database access—the user queries a large database and extracts information
 data warehousing—the user queries a collection of large databases and extracts
information
7
Web Engineering
“Web development is an adolescent … Like
most adolescents, it wants to be accepted as an
adult as it tries to pull away from its parents. If it
is going to reach its full potential, it must take a
few lessons from the more seasoned world of
software development.”
Doug Wallace et al
8
The WebE Process
 Must accommodate:
 Incremental delivery
 Frequent changes
 Short timeline
 Therefore,
 An incremental process model (Chapters 3 and 4)
should be used in virtually all situations
 An agile process model (Chapter) is appropriate in
many situations
9
The WebE Process
sof t ware increment
Release
refact oring
business analysis
formulat ion
it erat ion plan
analysis model
content
iteration
function
configuration
design model
content
architecture
navigation
interface
coding
component t est
accept ance t est
cust omer use
cust omer evaluat ion
10
The WebE Process
Framework—I
 Customer communication
 Business analysis defines the
business/organizational context for the WebApp.
 Formulation is a requirements gathering activity
involving all stakeholders. The intent is to describe
the problem that the WebApp is to solve
 Planning
 The “plan” consists of a task definition and a
timeline schedule for the time period (usually
measured in weeks) projected for the
development of the WebApp increment.
11
The WebE Process
Framework—II
 Modeling
 Analysis model—establishes a basis for design
 Content Analysis.
 Interaction Analysis.
 Functional Analysis.
 Configuration Analysis.
 Design model—represents key WebApp elements
 Content design
 Aesthetic design
 Architectural design
 Interface design
 Navigation design
 Component design
12
The WebE Process
Framework—III
 Construction
 WebE tools and technology are applied to construct
the WebApp that has been modeled
 Testing of all design elements
 Delivery and Evaluation (Deployment)
 configure for its operational environment
 deliver to end-users, and
 Evaluation feedback is presented to the WebE team
 the increment is modified as required (the beginning
of the next incremental cycle)
13
WebE—Basic Questions
 How important is a Web site home page?
 What is the most effective page layout (e.g., menu on top, on the right
or left?) and does it vary depending upon the type of WebApp being
developed?
 Which media options have the most impact?
 How much work can we expect a user to do when he or she is looking
for information?
 How important are navigational aids when WebApps are complex?
 How complex can forms input be before it becomes irritating for the
user? How can forms input be expedited?
 How important are search capabilities?
 Will the WebApp be designed in a manner that makes it accessible to
those who have physical or other disabilities?
 Susan Weinshenk
14
WebE—Best Practices
 Take the time to understand the business needs and product
objectives, even if the details of the WebApp are vague.
 Describe how users will interact with the WebApp using a
scenario-based approach
 Develop a project plan, even it its very brief.
 Spend some time modeling what it is that you’re going to build.
 Review the models for consistency and quality.
 Use tools and technology that enable you to construct the
system with as many reusable components as possible.
 Don’t rely on early users to debug the WebApp—design
comprehensive tests and execute them before releasing the
system.
1 de 14

Recomendados

Slides chapter 16 por
Slides chapter 16Slides chapter 16
Slides chapter 16Priyanka Shetty
1.9K visualizações14 slides
Web engineering cse ru por
Web engineering cse ruWeb engineering cse ru
Web engineering cse ruHossain Md Shakhawat
1.8K visualizações19 slides
Web engineering por
Web engineeringWeb engineering
Web engineering•sreejith •sree
1.9K visualizações32 slides
Assessing the Value of Rich Internet-White Paper por
Assessing the Value of Rich Internet-White PaperAssessing the Value of Rich Internet-White Paper
Assessing the Value of Rich Internet-White PaperAxis Technology, LLC
641 visualizações3 slides
Lecture_1_Introduction (Web Engineering).ppt por
Lecture_1_Introduction (Web Engineering).pptLecture_1_Introduction (Web Engineering).ppt
Lecture_1_Introduction (Web Engineering).pptssuserb933d8
9 visualizações24 slides
Lecture_1_Introduction (Web Engineering).pdf por
Lecture_1_Introduction (Web Engineering).pdfLecture_1_Introduction (Web Engineering).pdf
Lecture_1_Introduction (Web Engineering).pdfssuserb933d8
6 visualizações24 slides

Mais conteúdo relacionado

Similar a WebE_chapter_16.ppt

Rich Internet Applications por
Rich Internet ApplicationsRich Internet Applications
Rich Internet ApplicationsYoussef Shaath
6.3K visualizações41 slides
Web engineering notes unit 2 por
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2inshu1890
2.6K visualizações34 slides
Web Application Development-Ultimate Guide To Web Application Architecture por
Web Application Development-Ultimate Guide To Web Application ArchitectureWeb Application Development-Ultimate Guide To Web Application Architecture
Web Application Development-Ultimate Guide To Web Application ArchitectureVersatile Mobitech
7 visualizações15 slides
Resume - Parag Bhayani por
Resume - Parag BhayaniResume - Parag Bhayani
Resume - Parag BhayaniParag Bhayani
517 visualizações6 slides
Asymetric Modernization por
Asymetric ModernizationAsymetric Modernization
Asymetric ModernizationPeter Presnell
949 visualizações12 slides
IRJET - Application Development Approach to Transform Traditional Web Applica... por
IRJET - Application Development Approach to Transform Traditional Web Applica...IRJET - Application Development Approach to Transform Traditional Web Applica...
IRJET - Application Development Approach to Transform Traditional Web Applica...IRJET Journal
5 visualizações5 slides

Similar a WebE_chapter_16.ppt(20)

Rich Internet Applications por Youssef Shaath
Rich Internet ApplicationsRich Internet Applications
Rich Internet Applications
Youssef Shaath6.3K visualizações
Web engineering notes unit 2 por inshu1890
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2
inshu18902.6K visualizações
Web Application Development-Ultimate Guide To Web Application Architecture por Versatile Mobitech
Web Application Development-Ultimate Guide To Web Application ArchitectureWeb Application Development-Ultimate Guide To Web Application Architecture
Web Application Development-Ultimate Guide To Web Application Architecture
Versatile Mobitech7 visualizações
Resume - Parag Bhayani por Parag Bhayani
Resume - Parag BhayaniResume - Parag Bhayani
Resume - Parag Bhayani
Parag Bhayani517 visualizações
Asymetric Modernization por Peter Presnell
Asymetric ModernizationAsymetric Modernization
Asymetric Modernization
Peter Presnell949 visualizações
IRJET - Application Development Approach to Transform Traditional Web Applica... por IRJET Journal
IRJET - Application Development Approach to Transform Traditional Web Applica...IRJET - Application Development Approach to Transform Traditional Web Applica...
IRJET - Application Development Approach to Transform Traditional Web Applica...
IRJET Journal5 visualizações
Synopsis por Kavita Rastogi
SynopsisSynopsis
Synopsis
Kavita Rastogi31 visualizações
Lakshmi_Resume por VK Lakshmi
Lakshmi_ResumeLakshmi_Resume
Lakshmi_Resume
VK Lakshmi138 visualizações
Comparing Static And Dynamically Generated Content Systems por Michelle Alexander
Comparing Static And Dynamically Generated Content SystemsComparing Static And Dynamically Generated Content Systems
Comparing Static And Dynamically Generated Content Systems
Michelle Alexander2 visualizações
IRJET- Cross-Platform Supported E-Learning Mobile Application por IRJET Journal
IRJET- Cross-Platform Supported E-Learning Mobile ApplicationIRJET- Cross-Platform Supported E-Learning Mobile Application
IRJET- Cross-Platform Supported E-Learning Mobile Application
IRJET Journal16 visualizações
Perficient PepsiCo Rich Internet Apps Seminar por Perficient, Inc.
Perficient PepsiCo Rich Internet Apps SeminarPerficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps Seminar
Perficient, Inc.809 visualizações
Top 8 Trends in Performance Engineering por Convetit
Top 8 Trends in Performance EngineeringTop 8 Trends in Performance Engineering
Top 8 Trends in Performance Engineering
Convetit1.6K visualizações
NEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNING por ijma
NEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNINGNEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNING
NEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNING
ijma4 visualizações
NEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNING por ijma
NEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNINGNEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNING
NEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNING
ijma22 visualizações
NEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNING por ijma
NEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNINGNEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNING
NEED ANALYSIS: PORTABLE WEB SERVER DEVELOPMENT KITS FOR TEACHING AND LEARNING
ijma7 visualizações
Research Inventy : International Journal of Engineering and Science por inventy
Research Inventy : International Journal of Engineering and ScienceResearch Inventy : International Journal of Engineering and Science
Research Inventy : International Journal of Engineering and Science
inventy231 visualizações
Assignment 2(web) por Jay Patel
Assignment 2(web)Assignment 2(web)
Assignment 2(web)
Jay Patel467 visualizações
Assignment 2(web) por Jay Patel
Assignment 2(web)Assignment 2(web)
Assignment 2(web)
Jay Patel615 visualizações
Web engineering lecture 1 por University of Swat
Web engineering lecture 1Web engineering lecture 1
Web engineering lecture 1
University of Swat12.8K visualizações
online news portal system por Arman Ahmed
online news portal systemonline news portal system
online news portal system
Arman Ahmed34.1K visualizações

Último

Antifungal agents-Medicinal Chemistry por
Antifungal agents-Medicinal Chemistry Antifungal agents-Medicinal Chemistry
Antifungal agents-Medicinal Chemistry NarminHamaaminHussen
7 visualizações27 slides
Figma Prototype A to Z.pdf por
Figma Prototype A to Z.pdfFigma Prototype A to Z.pdf
Figma Prototype A to Z.pdfAtiqur Rahaman
18 visualizações30 slides
Benzodiazepines--Medicinal Chemistry por
Benzodiazepines--Medicinal ChemistryBenzodiazepines--Medicinal Chemistry
Benzodiazepines--Medicinal ChemistryNarminHamaaminHussen
7 visualizações32 slides
polaris por
polarispolaris
polarisscribddarkened352
238 visualizações13 slides
Sudden Deafness Design Document por
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Documentwyfangherman
48 visualizações19 slides
Design System in Figma A to Z.pdf por
Design System in Figma A to Z.pdfDesign System in Figma A to Z.pdf
Design System in Figma A to Z.pdfAtiqur Rahaman
22 visualizações16 slides

Último(20)

Antifungal agents-Medicinal Chemistry por NarminHamaaminHussen
Antifungal agents-Medicinal Chemistry Antifungal agents-Medicinal Chemistry
Antifungal agents-Medicinal Chemistry
NarminHamaaminHussen7 visualizações
Figma Prototype A to Z.pdf por Atiqur Rahaman
Figma Prototype A to Z.pdfFigma Prototype A to Z.pdf
Figma Prototype A to Z.pdf
Atiqur Rahaman18 visualizações
Benzodiazepines--Medicinal Chemistry por NarminHamaaminHussen
Benzodiazepines--Medicinal ChemistryBenzodiazepines--Medicinal Chemistry
Benzodiazepines--Medicinal Chemistry
NarminHamaaminHussen7 visualizações
Sudden Deafness Design Document por wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman48 visualizações
Design System in Figma A to Z.pdf por Atiqur Rahaman
Design System in Figma A to Z.pdfDesign System in Figma A to Z.pdf
Design System in Figma A to Z.pdf
Atiqur Rahaman22 visualizações
StratPlanning Manual 220713.pdf por Lakewalk Media
StratPlanning Manual 220713.pdfStratPlanning Manual 220713.pdf
StratPlanning Manual 220713.pdf
Lakewalk Media15 visualizações
Oregon Ducks 4 Spencer Webb Hoodie por brandshop1
Oregon Ducks 4 Spencer Webb HoodieOregon Ducks 4 Spencer Webb Hoodie
Oregon Ducks 4 Spencer Webb Hoodie
brandshop113 visualizações
Here_Process book por nykimstudio
Here_Process bookHere_Process book
Here_Process book
nykimstudio16 visualizações
EL FODA.pdf por estefanimilenca
EL FODA.pdfEL FODA.pdf
EL FODA.pdf
estefanimilenca5 visualizações
Anti -Parkinsonian Drugs-Medicinal Chemistry por NarminHamaaminHussen
Anti -Parkinsonian Drugs-Medicinal ChemistryAnti -Parkinsonian Drugs-Medicinal Chemistry
Anti -Parkinsonian Drugs-Medicinal Chemistry
NarminHamaaminHussen17 visualizações
My Creative Resume DIAPOS.pptx por BrayanQuispe23
My Creative Resume DIAPOS.pptxMy Creative Resume DIAPOS.pptx
My Creative Resume DIAPOS.pptx
BrayanQuispe2318 visualizações
Designing Effective AR Experiences por Kumar Ahir
Designing Effective AR ExperiencesDesigning Effective AR Experiences
Designing Effective AR Experiences
Kumar Ahir5 visualizações
Design System.pdf por Atiqur Rahaman
Design System.pdfDesign System.pdf
Design System.pdf
Atiqur Rahaman19 visualizações
217 Drive - All on upper.pptx por vidstor282
217 Drive - All on upper.pptx217 Drive - All on upper.pptx
217 Drive - All on upper.pptx
vidstor28215 visualizações
FIESTAS DE QUITO.pdf por eluniversocom
FIESTAS DE QUITO.pdfFIESTAS DE QUITO.pdf
FIESTAS DE QUITO.pdf
eluniversocom15 visualizações
SS25 Fashion Key Items trend book por Peclers Paris
SS25 Fashion Key Items trend bookSS25 Fashion Key Items trend book
SS25 Fashion Key Items trend book
Peclers Paris148 visualizações
Free World aids day Template from Best presentation design agency por slideceotemplates
Free World aids day Template from Best presentation design agencyFree World aids day Template from Best presentation design agency
Free World aids day Template from Best presentation design agency
slideceotemplates7 visualizações
The Report is Dead, Long Live the Report ! Communicating Usability Research F... por Centralis
The Report is Dead, Long Live the Report ! Communicating Usability Research F...The Report is Dead, Long Live the Report ! Communicating Usability Research F...
The Report is Dead, Long Live the Report ! Communicating Usability Research F...
Centralis5 visualizações
Antimalarial agents-Medicinal Chemistry por NarminHamaaminHussen
Antimalarial agents-Medicinal ChemistryAntimalarial agents-Medicinal Chemistry
Antimalarial agents-Medicinal Chemistry
NarminHamaaminHussen6 visualizações

WebE_chapter_16.ppt

  • 1. 1 Chapter 16 Web Engineering Software Engineering: A Practitioner’s Approach, 6th edition by Roger S. Pressman
  • 2. 2 Web Applications  WebApps encompass:  complete Web sites  Simple information Web sites  Complex e-Commerce of other sites with embedded functionality and data retrieval  Complex Web sites that are interoperable with other legacy software and systems  specialized functionality within Web sites  information processing applications that reside on the Internet or on an intranet or ExtraNet.
  • 3. 3 WebApp Attributes—I  Network intensiveness. A WebApp resides on a network and must serve the needs of a diverse community of clients.  Concurrency. A large number of users may access the WebApp at one time; patterns of usage among end-users will vary greatly.  Unpredictable load. The number of users of the WebApp may vary by orders of magnitude from day to day.  Performance. If a WebApp user must wait too long (for access, for server-side processing, for client-side formatting and display), he or she may decide to go elsewhere.
  • 4. 4 WebApp Attributes—II  Availability. Although expectation of 100 percent availability is unreasonable, users of popular WebApps often demand access on a “24/7/365” basis.  Data driven. The primary function of many WebApps is to use hypermedia to present text, graphics, audio, and video content to the end-user.  Content sensitive. The quality and aesthetic nature of content remains an important determinant of the quality of a WebApp.  Continuous evolution. Unlike conventional application software that evolves over a series of planned, chronologically-spaced releases, Web applications evolve continuously.
  • 5. 5 WebApp Attributes—III  Immediacy. WebApps often exhibit a time to market that can be a matter of a few days or weeks.  With modern tools, sophisticated Web pages can be produced in only a few hours.  Security. In order to protect sensitive content and provide secure modes of data transmission, strong security measures must be implemented throughout the infrastructure that supports a WebApp and within the application itself.  Aesthetics. When an application has been designed to market or sell products or ideas, aesthetics may have as much to do with success as technical design.
  • 6. 6 WebApp Categories  informational—read-only content is provided with simple navigation and links  download—a user downloads information from the appropriate server  customizable—the user customizes content to specific needs  interaction—communication among a community of users occurs via chatroom, bulletin boards, or instant messaging  user input—forms-based input is the primary mechanism for communicating need  transaction-oriented—the user makes a request (e.g., places an order) that is fulfilled by the WebApp  service-oriented—the application provides a service to the user, e.g., assists the user in determining a mortgage payment  Portal—the application channels the user to other Web content or services outside the domain of the portal application  database access—the user queries a large database and extracts information  data warehousing—the user queries a collection of large databases and extracts information
  • 7. 7 Web Engineering “Web development is an adolescent … Like most adolescents, it wants to be accepted as an adult as it tries to pull away from its parents. If it is going to reach its full potential, it must take a few lessons from the more seasoned world of software development.” Doug Wallace et al
  • 8. 8 The WebE Process  Must accommodate:  Incremental delivery  Frequent changes  Short timeline  Therefore,  An incremental process model (Chapters 3 and 4) should be used in virtually all situations  An agile process model (Chapter) is appropriate in many situations
  • 9. 9 The WebE Process sof t ware increment Release refact oring business analysis formulat ion it erat ion plan analysis model content iteration function configuration design model content architecture navigation interface coding component t est accept ance t est cust omer use cust omer evaluat ion
  • 10. 10 The WebE Process Framework—I  Customer communication  Business analysis defines the business/organizational context for the WebApp.  Formulation is a requirements gathering activity involving all stakeholders. The intent is to describe the problem that the WebApp is to solve  Planning  The “plan” consists of a task definition and a timeline schedule for the time period (usually measured in weeks) projected for the development of the WebApp increment.
  • 11. 11 The WebE Process Framework—II  Modeling  Analysis model—establishes a basis for design  Content Analysis.  Interaction Analysis.  Functional Analysis.  Configuration Analysis.  Design model—represents key WebApp elements  Content design  Aesthetic design  Architectural design  Interface design  Navigation design  Component design
  • 12. 12 The WebE Process Framework—III  Construction  WebE tools and technology are applied to construct the WebApp that has been modeled  Testing of all design elements  Delivery and Evaluation (Deployment)  configure for its operational environment  deliver to end-users, and  Evaluation feedback is presented to the WebE team  the increment is modified as required (the beginning of the next incremental cycle)
  • 13. 13 WebE—Basic Questions  How important is a Web site home page?  What is the most effective page layout (e.g., menu on top, on the right or left?) and does it vary depending upon the type of WebApp being developed?  Which media options have the most impact?  How much work can we expect a user to do when he or she is looking for information?  How important are navigational aids when WebApps are complex?  How complex can forms input be before it becomes irritating for the user? How can forms input be expedited?  How important are search capabilities?  Will the WebApp be designed in a manner that makes it accessible to those who have physical or other disabilities?  Susan Weinshenk
  • 14. 14 WebE—Best Practices  Take the time to understand the business needs and product objectives, even if the details of the WebApp are vague.  Describe how users will interact with the WebApp using a scenario-based approach  Develop a project plan, even it its very brief.  Spend some time modeling what it is that you’re going to build.  Review the models for consistency and quality.  Use tools and technology that enable you to construct the system with as many reusable components as possible.  Don’t rely on early users to debug the WebApp—design comprehensive tests and execute them before releasing the system.