webflow example: online purchase process. control-unit modeling level implementation level ***...
TRANSCRIPT
WebFlow example:Online Purchase Process
Control-UnitModeling level
Implementation level*** Struts code ***
Control Unit
ApplicationAction
Send Warning:“No Such Artist”
If search returns empty
result
Development level
Buy product /checkout
High-LevelWorkflow
Ship product
Search by artist
Add product to cart
Cart content(Jsp page)
Search page(Jsp page)
Artist,Genre Identify type
of search
Search by genre
Search results(Jsp page)
Product ID,Quantity
Search productsand add to cart X
Backorderproduct
Not in stock
In stock
If Artist is not null
If Genre is not null
Warning:“No Such Artist”
Datapreparation
true
false
Yannis Papakonstantinou:
In Data Retrieval Unit display the
tables and variables textually, see comment later
Yannis Papakonstantinou:
In Data Retrieval Unit display the
tables and variables textually, see comment later
Yannis Papakonstantinou:
Let’s use for different shapes for the data
retrieval, application, condition and
dispatch, so that one can understand which one is which without needing to read text (we also save space)
Yannis Papakonstantinou:
Let’s use for different shapes for the data
retrieval, application, condition and
dispatch, so that one can understand which one is which without needing to read text (we also save space)
2. Drill-down operation
Interactive demo
Click on the elements marked with to zoom in
Click
Workflow diagramInteractive demo
Buy product /checkout
Ship product
Search productsand add to cart X
Backorderproduct
Not in stock
In stockClick
Click
Search products activity
Back to WF
You are here:
Interactive demo
Buy product /checkout
Ship product
Search productsand add to cart X
Backorderproduct
Not in stock
In stock
Search by artist
Add product to
cart
Cart content(Jsp)
Search page(Jsp)
Artist,Genre Verify type
of search
Search by genre
Search results(Jsp)
ProductID,Quantity
Search productsand add to cart
Click
If Artist is not null
If Genre is not null
Click
Check product availability
X In stock
Not in stock
Back to WF
Checkproduct
availability
Product.Availability
If Availability>=OrderedQuantity Ship product
If Availability < OrderedQuantity Backorder product
In stock
Not in stock[OrderedQuantity]
Interactive demo
You are here:
Click
Buy product /checkout
Ship product
Search productsand add to cart X
Backorderproduct
Not in stock
In stock
Search by artist control unit
Data Retrieval:
Action:none
Dispatch:
Data prepar.
Back to WF
Back to units
Interactive demo
You are here:
Searchresult.jsp
Data retrieval consists in QBE-like queries
Click
Buy product /checkout
Ship product
Search productsand add to cart X
Backorderproduct
Not in stock
In stock
Products
ID Title … …
Yannis Papakonstantinou:
On the Data Retrieval let’s simply list in text the
tables, variables and their types. We waste too much space by drawing tables. I
suggest:
TABLE Products(ID Integer, Title VARCHAR(255),…)
And similarly for the variables:
String Artist;
Yannis Papakonstantinou:
On the Data Retrieval let’s simply list in text the
tables, variables and their types. We waste too much space by drawing tables. I
suggest:
TABLE Products(ID Integer, Title VARCHAR(255),…)
And similarly for the variables:
String Artist;
Check product availability unit
Control unit
Data Retrieval: Action:
none
Dispatching Data prepar.
Back to WF
Back to units
Interactive demo
You are here:
Shipproduct
Data prepar.
If Availability>=OrderedQuantity
Click
Data retrieval consists in QBE-like queries. Dispatching conditions can be built by drag and drop from the Data retrieval step and from the activity in the workflow
Buy product /checkout
Ship product
Search productsand add to cart X
Backorderproduct
Not in stock
In stock
Products
ID Title … …
Back orderproduct
If Availability<OrderedQuantity
SearchResults.jsp page
Back to WF
Interactive demo
You are here:
JSP pages are opened and developed with commercial editors (e.g. Macromedia Dreamweaver,
Microsoft Frontpage,…)
Back to units
Buy product /checkout
Ship product
Search productsand add to cart X
Backorderproduct
Not in stock
In stock
Dispatching condition editor
Example:
Product.Availability >=
OrderedQuantity
Back to WF
You are here:Back to unit
Buy product /checkout
Ship product
Search productsand add to cart X
Backorderproduct
Not in stock
In stock
Interactive demo
SQL visual data retrieval
Back to WF
You are here:Back to unit
Buy product /checkout
Ship product
Search productsand add to cart X
Backorderproduct
Not in stock
In stock
Variables
$Artist
$Genre
$User
…
Interactive demo
XML visual data retrieval
Back to WF
You are here:Back to unit
Buy product /checkout
Ship product
Search productsand add to cart X
Backorderproduct
Not in stock
In stock
Interactive demo