figures from chapter 4 form storyboarding dirk draheim, gerald weber form-oriented analysis...
TRANSCRIPT
![Page 1: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/1.jpg)
Figures from Chapter 4Form Storyboarding
Dirk Draheim, Gerald Weber
Form-Oriented Analysis
Springer, October 2004.
![Page 2: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/2.jpg)
RegistrationLogin Welcome
Category
ShoppingCart
SearchResult Book
the login data was erroneous the registration data was erroneous
select a book out of a list of featured books in order to view details of the book
browse the books on offer by exploringmore and more subcategories
select books out of a list of featured books in order to add them to the shopping cart delete a cart item
update cart items
add book to the shopping cart
Springer Verlag 2004
Fig.4.1. Page Diagram – Part I
![Page 3: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/3.jpg)
Fig.4.1. Page Diagram – Part II
ShoppingCart
OrderInformation
Confirmation
OrderRegistration
OrderLogin
order items:this link only exists, ifthe cart is not empty
the login data was erroneous
the registration data was erroneous
the user is logged in
the user is not logged in
if the user is not yet aregistered customer, he or she might register now
place an order
Springer Verlag 2004
![Page 4: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/4.jpg)
My Shopping Cart Welcome PageLogout
Search
Search for a book:
Delete
Buy itemsin cart
Update
Login
Register as new
E-mail:
Password:
login
Welcome Page
Delete
Delete
Book Quantity Price
Quine: Word and Object 1 12.46
Wittgenstein: Tractatus 1 23.06
Adams: Dirk Gently 2 24.00
already logged inSpringer Verlag 2004
Fig.4.2. Screen diagram
– Part I –
![Page 5: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/5.jpg)
Register as newlogin
Customer RegistrationWelcome Page
Street Address:
City:
State:
ZIP:
Country:
Register
WhateverCard
01 2006
Card Type Card No.
Expiration Date Cardholder
Order Information
Shipping Details Payment Method
John Q. Public Whatever, ***- 8674549 Nowhere Lane Expiration: 01/2008New HavenCT 06511, U.S.A.
Book Quantity Price
Quine: Word and Object 1 12.46Wittgenstein: Tractatus 1 23.06 Adams: Dirk Gently 2 24.00Total 59.52
Place your order
Welcome Page View CartLogout Edit Account
error occurred
erro
r oc
curr
ed
E-mail:
Full Name:
Password:
Repeat Password:
Springer Verlag 2004
Fig.4.2. Screen diagram – Part II –
![Page 6: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/6.jpg)
Fig.4.3. List of options for a single conceptual option
My Shopping Cart Welcome PageLogout
Search
Search for a book:
Delete
Buy itemsin cart
Update
Delete
Delete
Book Quantity Price
Quine: Word and Object 1 12.46
Wittgenstein: Tractatus 1 23.06
Adams: Dirk Gently 2 24.00}
Springer Verlag 2004
![Page 7: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/7.jpg)
Fig.4.4. Form storyboard – Part I
ShoppingCart
DeleteCartItem• cartItem
OrderLoginOrder
OrderLoginForm• e-mail• password
OrderRegistration
OrderRegistrationLink
WelcomeLinkSearch• searchItem
WelcomeLink
erro
r oc
curr
ed
UpdateCart
• cartItem• quantity
Springer Verlag 2004
![Page 8: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/8.jpg)
Fig.4.4. Form storyboard – Part II
Order
OrderInformation
OrderLoginForm• e-mail• password
PlaceOrder
OrderRegistration
OrderRegistrationForm• eMail• fullName• streetAddress • city• state• zip• country• password• repeatedPassword • cardType• cardNumber• expiration• cardholder
WelcomeLink
erro
r oc
curr
ed
user already logged in
Springer Verlag 2004
![Page 9: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/9.jpg)
Fig.4.5. Page images – Part I
Springer Verlag 2004
DeleteCartItem• cartItem
OrderLogin
Order
OrderInformation
OrderLoginForm• e-mail• password
OrderRegistrationLink
WelcomeLink
Search• searchItem
WelcomeLink
ShoppingCart
Logout
UpdateCart
• cartItem• quantity
![Page 10: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/10.jpg)
Fig.4.5. Page images – Part II
OrderLogin
OrderInformation
OrderLoginForm• e-mail• password
PlaceOrder
OrderRegistration
RegistrationForm• eMail• fullName• streetAddress • city• state• zip• country• password• repeatedPassword • cardType• cardNumber• expiration• cardholder
OrderRegistrationLink
WelcomeLink
WelcomeLink
WelcomeLink ViewCart
Logout OrderChangeLink
Springer Verlag 2004
![Page 11: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/11.jpg)
Fig.4.6. Form storyboard annotated with interaction information – Part I
ShoppingCart
DeleteCartItem cartItem
OrderLoginOrder
OrderLoginForm e-mail password
OrderRegistration
OrderRegistrationLink
WelcomeLinkSearch searchItem
WelcomeLink
erro
r oc
curr
ed
UpdateCart cartItem quantity
Springer Verlag 2004
![Page 12: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/12.jpg)
Fig.4.6. Form storyboard annotated with interaction information – Part II
Order
OrderInformation
OrderLoginForm e-mail password
PlaceOrder
OrderRegistration
WelcomeLink
erro
r oc
curr
ed
user already logged in
OrderRegistrationForm eMail fullName streetAddress city state zip country password repeatedPassword cardType cardNumber expiration cardholder
Springer Verlag 2004
![Page 13: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/13.jpg)
Fig.4.7. Message storyboard– Part IDeleteCartItem cartItem
Order
OrderLoginForm email password
OrderRegistrationLink
Search searchItem
2
2 error occurred
OrderRegistration! errorMessage defaultEmail defaultFullName defaultStreetAddress defaultCity defaultState defaultZip defaultCountry defaultCardType defaultCardNumber defaultExpiration defaultCardholder
WelcomeLink
OrderLogin! errorMessage defaultEmail
ShoppingCart
cartItem
! authorName
! title defaultQuantity! price
UpdateCart cartItem quantity
Springer Verlag 2004
![Page 14: Figures from Chapter 4 Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004](https://reader035.vdocuments.net/reader035/viewer/2022072015/56649eda5503460f94be8f3a/html5/thumbnails/14.jpg)
Fig.4.7. Message storyboard– Part II
Springer Verlag 2004
OrderOrderLoginForm email password
PlaceOrder
WelcomeLink
OrderInformation! fullName! streetAddress! city! state! zip! country! cardType! truncatedCardNumber! expiration
! authorName
! title! quantity! price
! totalPrice
1
1 user already logged in3 error occurred4 shipping details5 payment method
3
OrderRegistrationForm eMail fullName streetAddress city state zip country password repeatedPassword cardType cardNumber expiration cardholder
4
5
OrderRegistration! errorMessage defaultEmail defaultFullNameand so on...