The customer want to buy something in a web-shop. The total amount to pay is shown and the customer is send has several choices on how to pay. In this case a iDEAL (a direct banking payment method) is chosen. The customer enter a valid password. The balance check passed and the the money is transferred to the web-shop owner. When the money is successful transfered, invoice is created and the order is being shipped. The other payment method involve (simple) communication to the bank cloud. The diagram becomes more complex if e.g. the customer does not have enough balance and needs to pay differently. This is just one of many (millions) permutations. Use the choices on the right to make different diagrams or even different starting points (e.g. Internet Banking, Merchant or Web-Shop).
You can
and paste the above flow representation in a text file
or in your favourite text editor using a monospace font.
Ofcourse you will loose the context sensitive output and the
links towards additional information.
Decission table
The decission table shows which decissions have been made so far and which to make.
The header contains the choice number and the entity making the choice.
The choices are shown from left (latest) to right (earlier) which make it handier to follow or adapts.
All choices you could have choisen on a specific level are displayed.
You can click on the description to make a different choice.
Below is the graphical representaion rendered using
PlantUML
Try it yourself online
You can
the following url to refer to the graph.
Or copy as to have it embeded in usable HTML code.
Be aware that changes/improvements will not be reflected in the graph.
The plain text, which can be used by some editors, is given below. Use it if you want
to make edit in you favorite editor. It does not contain links as they are not supported
by some editors. You can copy the
text and paste it e.g. into
WebSequenceDiagrams,
SequenceDiagram or
SwimLanes.
You can also copy it for
and paste it into
PlantUML.
