PDF Slides Data May 2014 CITATIONS READS 0 17,318 2 authors , - - PDF document

▶
pdf slides
SMART_READER_LITE
LIVE PREVIEW

PDF Slides Data May 2014 CITATIONS READS 0 17,318 2 authors , - - PDF document

Jun 26, 2023 338 likes •1.22k views

See discussions, stats, and author profiles for this publication at: https://www.researchgate.net/publication/262014927 PDF Slides Data May 2014 CITATIONS READS 0 17,318 2 authors , including: Dirk Draheim Tallinn University of Technology

slide-1
SLIDE 1

See discussions, stats, and author profiles for this publication at: https://www.researchgate.net/publication/262014927

PDF Slides

Data · May 2014

CITATIONS READS

17,318

2 authors, including: Some of the authors of this publication are also working on these related projects: PreVolution View project Generalized Framework for Collective Intelligence Systems View project Dirk Draheim Tallinn University of Technology

208 PUBLICATIONS 956 CITATIONS

SEE PROFILE

All content following this page was uploaded by Dirk Draheim on 05 May 2014.

The user has requested enhancement of the downloaded file.

slide-2
SLIDE 2

Form-Oriented Analysis

A New Methodology to Model Form-Based Applications

Springer, 2004. Dirk Draheim, Gerald Weber

Figures

slide-3
SLIDE 3

Fig.2.1. Example pages of the online bookshop – Part I

My Shopping Cart

Book Quantity Price

Quine: Word and Object 1 12.46 Wittgenstein: Tractatus 1 23.06 Varela: The Embodied Mind 2 44.68 Adams: Watership Down 7 62.30 Welcome Page Logout Search Search for a book:

Delete Delete Delete Delete

Buy items in cart

Update

   Springer Verlag 2004

slide-4
SLIDE 4

Customer Registration

Welcome Page E-mail Address: Full Name: Register Password: Repeat Pwd: WhateverCard 01 2006

Card Type Credit Card No.

Street Address: City: State: ZIP: Country:

Expiration Date Cardholder

   Springer Verlag 2004

Fig.2.1. Example pages of the online bookshop – Part II

slide-5
SLIDE 5
  • Fig. 2.2. Examples of ultra-thin client based

submit/response style systems

PC-Memory Web Presentation Layer CGI Application Server Database

GET hypertext/dir/index.html HTTP/1.0 ....<head> <title> Dummy </title></head>....

HTTP PC

Device Buffer

3270 Terminal

Disk Disk

Application Program

TP-Monitor Mainframe 3270 Data Stream

AID Cursor Address Data..... Command Cursor Address Data.....

Browser

   Springer Verlag 2004

slide-6
SLIDE 6
  • Fig. 2.3. SAP R/3 architecture - a client/server

submit/response style system

Database Application Server ABAP/4 Interpreter ABAP/4 GUI TRPC

PBO input template PAI

module pool

PBO input template PAI PBO input template PAI process before output process after input screen program transactional remote procedure call    Springer Verlag 2004

slide-7
SLIDE 7
  • Fig. 2.4. Example formchart for a system

login capability

Welcome Login LoginLink LoginForm WelcomeLink

   Springer Verlag 2004

slide-8
SLIDE 8

Fig.3.1. Welcome screen of the online bookshop

   Springer Verlag 2004

Welcome to Our Online Bookstore !

You can choose: Browse the bookstore View Cart Login Register as a new customer Our recommendations:

  • Richard Adams. Watership Down. view details
  • Niccolo Machiavelli. Discourses. view details
  • Willard Quine. Word and Object. view details

Search for a book: Search

slide-9
SLIDE 9

Fig.3.2. Login screen of the online bookshop

   Springer Verlag 2004

Login

Register as a new customer Your e-mail address: Your password: Login An error occurred. The password that you provided did not match your e-mail address. Please try to log in again or register as a new customer. Welcome Page

slide-10
SLIDE 10

Fig.3.3. Registration screen of the online bookshop

   Springer Verlag 2004

Customer Registration

Welcome Page E-mail Address: Full Name: Register Password: Repeat Password: WhateverCard 01 2006

Card Type Credit Card No. Expiration Date Cardholder

Street Address: City: State: ZIP: Country:

slide-11
SLIDE 11

Fig.3.4. Category screen of the online bookshop

   Springer Verlag 2004

Browse subcategories:

  • Computer
  • Cooking
  • Philosophy
  • Literature
  • Science Fiction
  • Sports

Search

Category: All Books

Our recommendations:

  • Richard Adams. Watership Down. view details
  • Niccolo Machiavelli. Discourses. view details
  • Willard Quine. Word and Object. view details

Search for a book: Welcome Page View Cart Login Register as a new customer Add selected items to cart

slide-12
SLIDE 12

Fig.3.5. Book page of the online bookshop

   Springer Verlag 2004

Form-Oriented Analysis

Welcome Page View Cart Login Register as a new customer Search Search for a book: Authors: Dirk Draheim, Gerald Weber Abstract: What is the business logic of an enterprise system? How do I specify it in such a way that I know how to transform it into a running system, by skill and by automated tool support? This book gives a self- contained introduction to the modeling and development of business logic for enterprise systems. Price: $ 79,95 Add this book to cart

slide-13
SLIDE 13

Fig.3.6. Shopping cart of the online bookshop

   Springer Verlag 2004

My Shopping Cart

Book Quantity Price

Quine: Word and Object 1 12.46 Wittgenstein: Tractatus 1 23.06 Varela: The Embodied Mind 2 44.68 Adams: Watership Down 7 62.30 Welcome Page Logout Search Search for a book:

Delete Delete Delete Delete

Buy items in cart

Update

slide-14
SLIDE 14

Fig.3.7. Order information page of the online bookshop

   Springer Verlag 2004

Order Information

Shipping Details Payment Method

John Q. Public WhateverCard, ***- 86745 49 Nowhere Lane Expiration: 01/2008 New Haven, Connecticut 06511, U.S.A.

Book Quantity Price

Quine: Word and Object 1 12.46 Wittgenstein: Tractatus 1 23.06 Varela: The Embodied Mind 2 44.68 Adams: Watership Down 7 62.30 Total 142.50 Place your order Welcome Page View Cart Logout Edit Account

slide-15
SLIDE 15

Fig.3.8. Search result page of the online bookshop

   Springer Verlag 2004

Search Result

Welcome Page View Cart Login Register as a new customer Search Search for a book: Search items: Immanuel Kant

  • Immanuel Kant. Critique of Judgement. view details
  • Immanuel Kant. Critique of Pure Reason. view details
  • Immanuel Kant. Critique of Practical Reason. view details
  • Immanuel Kant. Critique of the Power of Judgment. view details
  • Immanuel Kant. Groundwork of the Metaphysics of Morals. view details
  • Immanuel Kant. Theoretical Philosophy. view details
  • Immanuel Kant. Practical Philosophy. view details

Add selected items to cart

slide-16
SLIDE 16

Fig.3.9. Data model of the online bookshop

   Springer Verlag 2004

Book title:String abstract:String price: Amount Category name:String Customer email:String fullName:String password:String Author name:String Order authors 1 OrderItem quantity:Number 1..* 1 0..* 0..* featuredBooks 1..* Address streetAddress:String city:String state:String zip:Number country:String CardInformation cardType:CardType cardNumber:String expiration:Date cardholder:String 1 1 item

  • rderItems

buyer subcategories cardInformation address

slide-17
SLIDE 17

Registration Login 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 exploring more and more subcategories select books out of a list

  • f 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

slide-18
SLIDE 18

Fig.4.1. Page Diagram – Part II

ShoppingCart OrderInformation Confirmation OrderRegistration OrderLogin

  • rder items:

this link only exists, if the 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 a registered customer, he

  • r she might register now

place an order

   Springer Verlag 2004

slide-19
SLIDE 19

My Shopping Cart

Welcome Page Logout Search Search for a book:

Delete

Buy items in 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 in

   Springer Verlag 2004

Fig.4.2. Screen diagram – Part I –

slide-20
SLIDE 20

Register as new login

Customer Registration

Welcome 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, ***- 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 Place your order Welcome Page View Cart Logout Edit Account

error occurred error occurred

E-mail: Full Name: Password: Repeat Password:

   Springer Verlag 2004

Fig.4.2. Screen diagram – Part II –

slide-21
SLIDE 21

Fig.4.3. List of options for a single conceptual option

My Shopping Cart

Welcome Page Logout Search Search for a book:

Delete

Buy items in 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

slide-22
SLIDE 22

Fig.4.4. Form storyboard – Part I

ShoppingCart DeleteCartItem

  • cartItem

OrderLogin Order OrderLoginForm

  • e-mail
  • password

OrderRegistration OrderRegistrationLink WelcomeLink Search

  • searchItem

WelcomeLink error occurred UpdateCart

  • cartItem
  • quantity

   Springer Verlag 2004

slide-23
SLIDE 23

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 error occurred user already logged in

   Springer Verlag 2004

slide-24
SLIDE 24

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
slide-25
SLIDE 25

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

slide-26
SLIDE 26

Fig.4.6. Form storyboard annotated with interaction information – Part I

ShoppingCart DeleteCartItem cartItem OrderLogin Order OrderLoginForm e-mail password OrderRegistration OrderRegistrationLink WelcomeLink Search searchItem WelcomeLink error occurred UpdateCart cartItem quantity

   Springer Verlag 2004

slide-27
SLIDE 27

Fig.4.6. Form storyboard annotated with interaction information – Part II

Order OrderInformation OrderLoginForm e-mail password PlaceOrder OrderRegistration WelcomeLink error occurred user already logged in OrderRegistrationForm eMail fullName streetAddress city state zip country password repeatedPassword cardType cardNumber expiration cardholder

   Springer Verlag 2004

slide-28
SLIDE 28

Fig.4.7. Message storyboard– Part I

DeleteCartItem 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

slide-29
SLIDE 29

Fig.4.7. Message storyboard– Part II

   Springer Verlag 2004

Order OrderLoginForm email password PlaceOrder WelcomeLink OrderInformation

! fullName ! streetAddress ! city ! state ! zip ! country ! cardType ! truncatedCardNumber ! expiration

! authorName ! title ! quantity ! price ! totalPrice

1 1 user already logged in 3 error occurred 4 shipping details 5 payment method 3

OrderRegistrationForm eMail fullName streetAddress city state zip country password repeatedPassword cardType cardNumber expiration cardholder

4 5

OrderRegistration ! errorMessage defaultEmail defaultFullName and so on...

slide-30
SLIDE 30

Fig.5.1. The information system model of form-oriented analysis

   Springer Verlag 2004

User Message Model Referring Reuse Reuse Shared Model Signature Definition Dialogue Model Dialogue Specification Information Model Opaque Identity Model Referring

slide-31
SLIDE 31

Fig.5.2. A first formchart example

   Springer Verlag 2004

Welcome Login LoginForm Registration RegistrationForm Category Book ShoppingCart ViewCategory AddToCart SearchResult Search

ViewBook

UpdateCart DeleteCartItem OrderLogin Order OrderInformation OrderLoginForm Confirmation PlaceOrder OrderRegistration OrderRegistrationForm OrderRegistrationLink RegistrationLink

slide-32
SLIDE 32

Fig.5.3. Two alternative formcharts for the same model

   Springer Verlag 2004

Q E D P R V C B S A F Q E D P R V C B S A F B D R D P B (i) (ii)

slide-33
SLIDE 33

Fig.5.4. Formchart naming conventions

   Springer Verlag 2004

A P P A

default transition name

P>T P TO A P>T>A

global default name

T T>A

default source name default target name custom name

slide-34
SLIDE 34

Fig.5.5. Opaque references in the information model

   Springer Verlag 2004

Product instance

  • ref

0..1 1..1 product

  • paque reference facade

information types

non-deletable

slide-35
SLIDE 35

Fig.5.6. Formchart notational elements

   Springer Verlag 2004

P A

client output constraint server input constraint flow condition flow condition server output constraint client input constraint

P

enabling condition

P A

slide-36
SLIDE 36

Fig.5.8. Meaning of path expressions in the formchart

   Springer Verlag 2004

P B C D Q E F G A P TO A S R

slide-37
SLIDE 37

Fig.5.9. Complete formchart for the bookstore example – Part I

   Springer Verlag 2004

Welcome Search ViewCategory ViewCart Logout RegistrationLink ChangeLink ViewBook LoginLink Login Logout LoginLink Registration RegistrationLink ChangeLink WelcomeLink WelcomeLink LoginForm LoginForm LoginForm RegistrationLink WelcomeLink RegistrationForm RegistrationForm RegistrationForm

slide-38
SLIDE 38

Fig.5.9. Complete formchart for the bookstore example – Part II

   Springer Verlag 2004

Category WelcomeLink AddToCart ViewCategory ViewCart Logout RegistrationLink ChangeLink LoginLink Search ViewCategory Book ViewBook WelcomeLink AddToCart ViewCart Logout RegistrationLink ChangeLink LoginLink Search ViewBook Search ViewCart ShoppingCart AddToCart UpdateCart WelcomeLink Logout UpdateCart Order Search DeleteCartItem DeleteCartItem

slide-39
SLIDE 39

Fig.5.9. Complete formchart for the bookstore example – Part III

   Springer Verlag 2004

SearchResult Search WelcomeLink ViewCart Logout RegistrationLink LoginLink AddToCart Search ChangeLink ViewBook OrderInformation Order WelcomeLink ViewCart Logout OrderChangeLink OrderRegistration OrderChangeLink PlaceOrder OrderLogin Order WelcomeLink OrderLoginForm OrderRegistrationLink OrderLoginForm OrderLoginForm WelcomeLink OrderRegistrationForm OrderRegistrationLink OrderRegistrationForm Confirmation PlaceOrder WelcomeLink Logout OrderRegistrationForm

slide-40
SLIDE 40

Fig.5.10. Login, registration and logout feature

  • f the online bookshop

   Springer Verlag 2004

Welcome Login LoginLink LoginForm Registration RegistrationLink RegistrationForm WelcomeLink Logout

slide-41
SLIDE 41

Fig.5.11. Conditional server/page transitions

   Springer Verlag 2004

Login LoginForm

forgottenEmailPassword forgottenEmail forgottenPassword noSuchUser passwordMismatch

2. 3. 4. 5. 6.

Welcome

1.

slide-42
SLIDE 42

Fig.5.12. Refinement of a server input constraint

   Springer Verlag 2004

Login LoginForm

forgottenEmailPassword forgottenEmail forgottenPassword noSuchUser passwordMismatch

2. 3.

Registration PasswordError

5. 6.

LoginLink

4.

Login LoginForm

Refinement

  • dropping server input constraint
  • adding transitions
  • adding flow conditions

Welcome Welcome

1.

RegistrationLink

slide-43
SLIDE 43

Fig.5.13. Browsing feature of the online bookshop

   Springer Verlag 2004

Welcome Category Book ShoppingCart ViewCategory AddToCart SearchResult 1 view a bestseller 2 view a featured book

ViewBook

UpdateCart DeleteCartItem 1 2

slide-44
SLIDE 44

Fig.5.14. Shopping cart feature of the online bookshop

   Springer Verlag 2004

ShoppingCart UpdateCart DeleteCartItem ShoppingCart UpdateCart

update delete

slide-45
SLIDE 45

Fig.5.15. Buying feature of the online bookshop

   Springer Verlag 2004

OrderLogin Order OrderInformation OrderLoginForm Confirmation PlaceOrder OrderRegistration OrderRegistrationForm ShoppingCart Welcome WelcomeLink OrderRegistrationLink

slide-46
SLIDE 46

Fig.5.16. Reuse of the login and registration subdialogues

Order OrderInformation Confirmation PlaceOrder ShoppingCart Welcome WelcomeLink Welcome NewLogin LoginLink NewLoginForm NewRegistration NewRegistrationLink NewRegistrationForm WelcomeLink Logout 1. 2. 2.

   Springer Verlag 2004

slide-47
SLIDE 47

Fig.5.17. Managing user data in the online bookshop

   Springer Verlag 2004

Welcome Registration RegistrationLink ChangeLink

slide-48
SLIDE 48

Fig.5.18. Search feature of the online bookshop

   Springer Verlag 2004

SearchResult Welcome Category Book SearchResult ShoppingCart Book

AddToCart

ViewBook Search

slide-49
SLIDE 49

Fig.5.19. Graphical representation of a client output constraint

   Springer Verlag 2004

Category ViewBook Category ViewBook book {selection} 1..* 0..1 single selection no direct input formchart message model

  • paque reference facade

selected featuredBooks

slide-50
SLIDE 50

   Springer Verlag 2004

Fig.6.1. Named partitioning of a formchart

A B C D E F G H

iv v vii viii vi ii iii i

slide-51
SLIDE 51

Fig.6.2. Hierarchical formchart decomposition

A B C D E F G H A B B C E F G H A B C D E F F G H B C D E F G H

v iv ii vii viii vi iii i

   Springer Verlag 2004

slide-52
SLIDE 52

   Springer Verlag 2004

Fig.6.3. Structured analysis: leveled data flow diagram

1.1 Source 1.2 1 S 2.1 2.2 2 S Source Sink flow flow flow Sink Source Sink DFD2 DFD1 Context DFD DFD0

slide-53
SLIDE 53

   Springer Verlag 2004

Fig.6.4. A flat formchart

A B C D E F G H

slide-54
SLIDE 54

   Springer Verlag 2004

Fig.6.5. Additional features of the bookstore – Part I

WelcomeLink Welcome Login Registration Book Welcome Category ShoppingCart SearchResult OrderInformation OrderLogin OrderRegistration Confirmation Welcome LoginLink Login Category Login Book SearchResult OrderInformation View Cart Welcome ViewCart Category Book SearchResult ShoppingCart

slide-55
SLIDE 55

   Springer Verlag 2004

Fig.6.5. Additional features of the bookstore – Part II

Welcome Logout Welcome Category Logout Book SearchResult Confirmation OrderInformation ShoppingCart Welcome RegistrationLink Category Registration Book SearchResult Registration OrderChangeLink OrderRegistration Welcome ChangeLink Category Change User Data Book SearchResult OrderInformation ShoppingCart Search Welcome Search Category Book SearchResult

slide-56
SLIDE 56

   Springer Verlag 2004

Fig.6.6. Modeling with state set notation

P,Q,R D,E,F A,B,C B C P Q R D E F A

slide-57
SLIDE 57

   Springer Verlag 2004

Fig.6.7. Using state set notation for the bookstore features – Part I

LoginLink, Logout, RegistrationLink, ChangeLink Login Login Logout Registration Change User Data Logout Welcome ShoppingCart, OrderInformation, Confirmation Welcome, Category, Book, SearchResult LoginLink OrderChangeLink OrderRegistration OrderInformation 1 links to LoginLink only exist, if user is not logged in 2 links to Logout only exist, if user is logged in 3 links to RegistrationLink only exist, if user is not logged in 4 links to ChangeLink only exist, if user is logged in ChangeLink Registration

slide-58
SLIDE 58

   Springer Verlag 2004

Fig.6.7. Using state set notation for the bookstore features – Part II

WelcomeLink Welcome Welcome View Cart ViewCart ShoppingCart Search Welcome, Category, Book, SearchResult, OrderInformation Search Book Welcome, Category, Book, SearchResult, ShoppingCart Login, Registration, Book, Category, ShoppingCart, SearchResult, OrderInformation, OrderLogin, OrderRegistration, Confirmation

slide-59
SLIDE 59

   Springer Verlag 2004

Fig.6.8. Modeling enabling conditions based on state specialization

Start A1 A2 A5 B1 A3 A4 B2 S1 S2 S3 S4 S5 B3 Start A1 A2 A5 B1 A3 A4 B2 S1‘ S2‘ S3‘ S4‘ S5‘ B3

(i) (ii)

S1‘‘ S2‘‘ S3‘‘ S4‘‘ S5‘‘ End End

slide-60
SLIDE 60

   Springer Verlag 2004

Fig.7.1. The data model of the bookshop as a PD model

CardInformation CardType name String authors title Book String abstract String Amount price Author subcategories String Customer streetAddress Address String city String String state Number zip Order OrderItem Number quantity cardNumber String Date expiration String cardholder name cardType

  • rderItems

Category buyer featuredBooks item email String fullName password String String String country address cardInformation

slide-61
SLIDE 61

   Springer Verlag 2004

Fig.7.2. A submodel of the bookshop

name String authors title Book String abstract String Amount price Author Customer Order OrderItem Number quantity

  • rderItems

buyer item email String fullName password String String

slide-62
SLIDE 62

   Springer Verlag 2004

Fig.7.3. A relation of arity 3 and an alternative model with a relationship

Customer Offer Salesperson Customer Offer Salesperson Contact contact

slide-63
SLIDE 63

   Springer Verlag 2004

Fig.7.4. A partial order in the data model and a valid state of this model

To Fro Data model fro2to to2fro Data state Partial

  • rder
slide-64
SLIDE 64

   Springer Verlag 2004

Fig.7.5. A composition constraint with composite entity and contents model

composite entity master relation types detouring relation type contents subsystem external reference weak entity type

slide-65
SLIDE 65

   Springer Verlag 2004

Fig.8.1. An example data type interchange diagram showing all the notational elements

ship

  • rder

message representing transaction unit system inquiry messages of bidirectional transactional signature of “order” CRMprocess welcomeMessage

  • utput type

deliver getinsurance advertise input type

slide-66
SLIDE 66

   Springer Verlag 2004

Fig.8.2. Similar to functional decomposition, a model subsystem in one DTIM can be defined by a whole sub-DTIM

a a b b c c

slide-67
SLIDE 67

   Springer Verlag 2004

Fig.8.3. Edges between actions within the same model subsystem can and should be replaced

u v a i h u v a i h

slide-68
SLIDE 68

   Springer Verlag 2004

Fig.8.4. Example DTIMs describing how the login dialogue accesses a remote authentication service

Login Form-Oriented Client Bookshop System Customer Management Authentication Service Receiver Welcome LoginForm Welcome Login LoginForm Login Authentication Service FailReceiver Welcome LoginForm OKReceiver flow: incorrect password Solution A Solution B flow: incorrect password

slide-69
SLIDE 69

   Springer Verlag 2004

Fig.8.5. A DTIM and an equivalent DFD

w u v u v w DTIM DFD a a b c i a b c i h h h j j

slide-70
SLIDE 70

   Springer Verlag 2004

Fig.10.1. The Angie language related tool suite

Angie Angie Generator Load Angie Java Server Pages JSPick Model Recovery Revangie Model Recovery Angil Load Test Click-Dummy Prototype

Web Presentation Layer

Load Test Report Angil OLAP Java Server Pages

slide-71
SLIDE 71

   Springer Verlag 2004

Fig.10.2. Bookstore login capability

Login LoginForm Welcome LoginLink login login WelcomeLink welcome

slide-72
SLIDE 72

   Springer Verlag 2004

Fig.10.3. Revangie: example screen classifications

ACME events ACME bargains ACME Specials

1

ACME Specials

2

home

ACME Welcome

3

ACME Welcome

4

view products Hardware

5

Drugs

6

Food

7

identity screen classification title 1-2 3-4 5 6 7 8 source 1 2 3-4 5-6-7 8 targets 1-2 3-4 5-6 7-8 source title 1-2 3-4 5-6-7 8 targets title 1-2 3-4 5-6 7-8 source targets 1-2 3-4 5-6-7-8 source title 1 2 3-4 5 6 7 8 targets title 1-2 3-4 5 6 7 8 source targets 1 2 3-4 5-6 7 8 non-food food Goodies

8

view goodies

slide-73
SLIDE 73

   Springer Verlag 2004

Fig.11.1. CPDS and CPTS

code unit that produces page descriptions (e.g. server page) code unit that produces page descriptions (e.g. server page) code unit that produces page descriptions (e.g. server page) client page CPDS CPTS page description is interpreted Server Browser page targets server side code forms are editable method calls

slide-74
SLIDE 74

   Springer Verlag 2004

Fig.11.2. Model 2 architecture

client Java Server Page Java Servlet request response request dispatching front presentation server-side

  • bjects

access create/update

M C V

slide-75
SLIDE 75

   Springer Verlag 2004

Fig.11.5. Higher-order server pages design example

new Customer registration A registration B registration C somewhere error and registrationA→along error and registrationC→along error and registrationB→along registration B not error

slide-76
SLIDE 76

   Springer Verlag 2004

Fig.12.1. The core syntax model

  • f the PD modeling language

1 Role EntityType RelationType 1

slide-77
SLIDE 77

   Springer Verlag 2004

Fig.12.2. Multiplicity syntax model and union with PD syntax model

Upper multiplicity 1 Role EntityType RelationType 1 1 Lower multiplicity 1 Number 1 Number 1 Upper multiplicity 1 Lower multiplicity 1 Number 1 Number 1

slide-78
SLIDE 78

   Springer Verlag 2004

Fig.12.3. A cutout message storyboard of the bookshop example with custom transition names

LoginLink Welcome ! loggedIn:Boolean ! customerName:String ViewCart ShoppingCart

l v s

slide-79
SLIDE 79

   Springer Verlag 2004

Fig.13.2. A formchart is derived from the semantic framework

ViewCategory WelcomeLink Welcome Category ServerAction ClientPage pageServer ServerPage formchartframework StartState shdframework

slide-80
SLIDE 80

   Springer Verlag 2004

Fig.13.3. The object net over a formchart is a path

WelcomeLink Welcome

singleInstance: CurrentEnd

ViewCategory Category

slide-81
SLIDE 81

   Springer Verlag 2004

Fig.13.4. A login subdialogue as UML state machine

Welcome Login submit [invalid password] submit [valid password]

slide-82
SLIDE 82

   Springer Verlag 2004

Fig.13.6. Example of path expressions

A C D B’ B x y z v w aB1:B aB2:B aB’:B’ aC1:C aC2:C aC3:C aA:A y y y z v v w w x aC1:C aC2:C aC1:C aC2:C aC2:C result bag duplicate

slide-83
SLIDE 83

   Springer Verlag 2004

Fig.13.7. UML tree definition

Node Leaf InnerNode <<singleton>> Root parent parent 1 1 1..* 1..* {xor}

slide-84
SLIDE 84

   Springer Verlag 2004

Fig.16.1. The Seeheim model of user interfaces

Presentation Dialogue Control Application Interface Model

slide-85
SLIDE 85

   Springer Verlag 2004

Fig.16.2. Data flow diagram of a system login and registration feature

login User register error-message email-and-password Customer error-message CurrentUser user-id customer-and-repeated-password

slide-86
SLIDE 86

   Springer Verlag 2004

Fig.16.2. Jacobson-style use case diagram

  • f the example bookstore.

User login logout change customer data register search buy browse categories view shopping cart system manage shopping cart

View publication stats View publication stats