Analysis
Content Analysis. The full spectrum of content to be provided
by the WebApp is identified, including text, graphics and
images, video, and audio data. Data modeling can be used to
identify and describe each of the data objects.
Interaction Analysis. The manner in which the user interacts
with the WebApp is described in detail. Use-cases can be
developed to provide detailed descriptions of this interaction.
Functional Analysis. The usage scenarios (use-cases) created
as part of interaction analysis define the operations that will be
applied to WebApp content and imply other processing
functions. All operations and functions are described in detail.
Configuration Analysis. The environment and infrastructure in
which the WebApp resides are described in detail.
When Do We Perform
Analysis?
In some WebE situations, analysis and design merge.
guest
regist ered
user
Use-Case Diagram
describe
home layout
<<inc lude>>
peruse
descriptive
content
customize
SafeHome
select
SafeHome
components
<<inc lude>>
<<inc lude>>
save
configuration
customization functionality
log-in to
SafeHomeA ssured.com
view
shopping cart
<<inc lude>>
purchase
configuration
new customer
<<inc lude>>
provide
purchase data
recall saved
configuration
<<inc lude>>
complete
SafeHome order
e-commerce functionality
Data Tree
MarketingDescription
partNumber
partName
component
partType
description
Photograph
TechDescription
Schematic
Video
price
WholesalePrice
RetailPrice
Analysis Classes
Analysis classes are derived by
examining each use-case
A grammatical parse is used to identify
candidate classes
A UML class diagram is developed for
each analysis class
ident ifier
priceTot al
part Number
part Name
part Type
descript ion
price
addEnt ry( )
delet eEnt ry( )
edit Ent ry( )
name( )
save( )
comput ePrice( )
*
*
Sensor
Camera
Cont rolPanel
BoMIt em
quant it y
price
Soft Feature
addt oList( )
delet efromList( )
10
11
Sequence Diagram
:Room
:FloorPlan
:Product
Component
:Billof
Materials
FloorPlan
Repository
BoM
Repository
desc ribes
room*
plac es room
in f loor plan
12
State Diagram
Validating user
select log-in
password validated
n e w cu st o me r
customization complete
select e-commerce (purchase) functionality
select descriptive
content
Defining room
room being defined
entry/validated user
do: process user selection
exit/ customization terminated
select descriptive
content
select descriptive
content
13
14
Activity Diagram
init ialize t ot alCost
invoke
calcShippingCost
ret urns:
shippingCost
invoke
det ermineDiscount
ret urns: discount
discount>0
lineCost =
price x quant it y
add lineCost t o
t ot alCost
t ot alCost=
t ot alCost - discount
discount <= 0
t axTot al=
t ot alCost x t axrat e
priceTot al =
t ot alCost +t axTot al
+shippingCost
15
16
Relationship-Navigation
Analysis
Relationship-navigation analysis (RNA) identifies relationships
among the elements uncovered as part of the creation of the
analysis model
Steps:
17
Navigation Analysis-I
Should certain elements be easier to reach (require fewer
navigation steps) than others? What is the priority for
presentation?
Should certain elements be emphasized to force users to
navigate in their direction?
How should navigation errors be handled?
Should navigation to related groups of elements be given priority
over navigation to a specific element.
Should navigation be accomplished via links, via search-based
access, or by some other means?
Should certain elements be presented to users based on the
context of previous navigation actions?
Should a navigation log be maintained for users?
18
Navigation Analysis-II
Should a full navigation map or menu (as opposed to a single
back link or directed pointer) be available at every point in a
users interaction?
Should navigation design be driven by the most commonly
expected user behaviors or by the perceived importance of the
defined WebApp elements?
Can a user store his previous navigation through the WebApp
to expedite future usage?
For which user category should optimal navigation be designed?
How should links external to the WebApp be handled?
overlaying the existing browser window? as a new browser
window? as a separate frame?
19