Figures from Chapter 4 Form Storyboarding

1. Figures from Chapter 4Form Storyboarding Dirk Draheim, Gerald Weber Form-Oriented Analysis Springer, October 2004.

2. Fig.4.1. Page Diagram – Part I the login data was erroneous the registration data was erroneous Login Welcome Registration browse the books on offer by exploring more and more subcategories select a book out of a list of featured books in order to view details of the book SearchResult Book Category add book to the shopping cart select books out of a list of featured books in order to add them to the shopping cart update cart items delete a cart item ShoppingCart Springer Verlag 2004

3. Fig.4.1. Page Diagram – Part II ShoppingCart if the user is not yet a registered customer, he or she might register now order items: this link only exists, if the cart is not empty the user is not logged in OrderLogin the user is logged in the login data was erroneous OrderInformation the registration data was erroneous place an order OrderRegistration Confirmation Springer Verlag 2004

4. My Shopping Cart Welcome Page Logout Fig.4.2. Screen diagram – Part I – Book Quantity Price Quine: Word and Object 1 12.46 Wittgenstein: Tractatus 1 23.06 Adams: Dirk Gently 2 24.00 Delete Delete Delete Update Search for a book: Buy items in cart Search Login Welcome Page E-mail: Password: login Register as new already logged in Springer Verlag 2004

5. Customer Registration Welcome Page Fig.4.2. Screen diagram – Part II – E-mail: Full Name: Register as new login Street Address: City: State: ZIP: Country: error occurred Order Information Welcome PageView Cart LogoutEdit Account Shipping Details Payment Method John Q. Public Whatever, ***- 86745 49 Nowhere Lane Expiration: 01/2008 New Haven CT 06511, U.S.A. Book Quantity Price Quine: Word and Object 1 12.46 Wittgenstein: Tractatus 1 23.06 Adams: Dirk Gently 2 24.00 Total 59.52 Password: Repeat Password: Place your order error occurred Card Type Card No. WhateverCard Expiration Date Cardholder 01 2006 Register Springer Verlag 2004

6. Fig.4.3. List of options for a single conceptual option My Shopping Cart Welcome Page Logout } Book Quantity Price Quine: Word and Object 1 12.46 Wittgenstein: Tractatus 1 23.06 Adams: Dirk Gently 2 24.00 Delete Delete Delete Update Search for a book: Buy items in cart Search Springer Verlag 2004

7. Fig.4.4. Form storyboard – Part I • UpdateCart • cartItem • quantity • DeleteCartItem • cartItem ShoppingCart • Search • searchItem WelcomeLink OrderLogin Order OrderRegistrationLink OrderRegistration error occurred WelcomeLink • OrderLoginForm • e-mail • password Springer Verlag 2004

8. Fig.4.4. Form storyboard – Part II Order OrderRegistration error occurred user already logged in • OrderRegistrationForm • eMail • fullName • streetAddress • city • state • zip • country • password • repeatedPassword • cardType • cardNumber • expiration • cardholder • OrderLoginForm • e-mail • password OrderInformation WelcomeLink PlaceOrder Springer Verlag 2004

9. Fig.4.5. Page images – Part I WelcomeLink ShoppingCart Logout • UpdateCart • cartItem • quantity • DeleteCartItem • cartItem • Search • searchItem Order OrderInformation OrderLogin WelcomeLink • OrderLoginForm • e-mail • password OrderRegistrationLink Springer Verlag 2004

10. Fig.4.5. Page images – Part II OrderRegistration OrderLogin WelcomeLink WelcomeLink • OrderLoginForm • e-mail • password • RegistrationForm • eMail • fullName • streetAddress • city • state • zip • country • password • repeatedPassword • cardType • cardNumber • expiration • cardholder OrderRegistrationLink OrderInformation WelcomeLink ViewCart Logout OrderChangeLink PlaceOrder Springer Verlag 2004

11. Fig.4.6. Form storyboard annotated with interaction information – Part I • UpdateCart • cartItem • quantity • DeleteCartItem • cartItem ShoppingCart • Search • searchItem WelcomeLink OrderLogin Order OrderRegistrationLink OrderRegistration error occurred WelcomeLink • OrderLoginForm • e-mail • password Springer Verlag 2004

12. Fig.4.6. Form storyboard annotated with interaction information – Part II Order OrderRegistration user already logged in • OrderRegistrationForm • eMail • fullName • streetAddress • city • state • zip • country • password • repeatedPassword • cardType • cardNumber •  expiration • cardholder error occurred • OrderLoginForm • e-mail • password OrderInformation WelcomeLink PlaceOrder Springer Verlag 2004

13. Fig.4.7. Message storyboard– Part I • DeleteCartItem • cartItem • UpdateCart • cartItem • quantity • ShoppingCart • cartItem • authorName • title • defaultQuantity • price 2 error occurred • Search • searchItem • OrderRegistration • errorMessage • defaultEmail • defaultFullName • defaultStreetAddress • defaultCity • defaultState • defaultZip • defaultCountry • defaultCardType • defaultCardNumber •  defaultExpiration • defaultCardholder Order OrderRegistrationLink • OrderLogin • errorMessage • defaultEmail 2 • OrderLoginForm • email • password WelcomeLink Springer Verlag 2004

14. Fig.4.7. Message storyboard– Part II • OrderRegistration • errorMessage • defaultEmail • defaultFullName and so on... 1 user already logged in 3 error occurred 4 shipping details 5 payment method • OrderLoginForm • email • password Order 1 3 • OrderInformation • fullName • streetAddress • city • state • zip • country • cardType • truncatedCardNumber • expiration • authorName • title • quantity • price • totalPrice • OrderRegistrationForm • eMail • fullName • streetAddress • city • state • zip • country • password • repeatedPassword • cardType • cardNumber •  expiration • cardholder 4 5 WelcomeLink PlaceOrder Springer Verlag 2004