Interaction Overview Diagrams Examples
Here we provide some examples of UML interaction overview diagrams:
Online Shopping
An example of interaction overview diagram for online shopping. Customer may search or browse items, add or remove items from shopping cart, do checkout.
An example of interaction overview diagram for online shopping.
This interaction overview diagram is enclosed by sd frame (abbreviated form for all kinds of interaction diagrams). All non-control nodes of the diagram are references to interactions - interaction uses.
Submit Comments to Pluck
An example of interaction overview diagram which shows how user comments on some article are submitted to Pluck using various AJAX technologies. (See example of sequence diagram with similar semantics at Submit Comments to Pluck using DWR, AJAX, JSON.)
Comments submitted by user are first validated by the web site hosting articles. DWR technology (AJAX for Java) is used to convert user comments HTML form data into Java object and possible validation errors - back into JavaScript callbacks for errors.
Comments that look Ok are submitted to Pluck server hosting all comments to all articles. AJAX technology is also used in this case both to submit the new comment as well as to get back the list of all recent comments (including the new one). JSON is used to get comments back.
This diagram also shows some duration constraints. (Disclaimer: constraints shown are fictitious and not describing any real communication.) For example, according to the diagram callback waiting time for posted comment varies from 1 to 4 seconds. At the same time, requesting all posted comments takes only up to 100 msec.
Example of interaction overview diagram - submit comments to Pluck using DWR, AJAX, JSON.
