UML Interaction Overview Diagrams Examples

Here we provide some examples of UML interaction overview diagrams:


Next  Online shopping interaction overview diagram

Purpose: An example of UML interaction overview diagram for online shopping.

Summary: Customer may search or browse items, add or remove items from shopping cart, do checkout.


Next  Submit comments to Pluck using DWR, AJAX, JSON

Purpose: An example of interaction overview diagram which shows how user comments on some article are submitted to Pluck using various AJAX technologies.

Summary: Comments submitted by a web user are first validated by the web site which is hosting commented article. 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.


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 a web user are first validated by the web site which is hosting commented article. 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.

Example of interaction overview diagram - submit comments to Pluck using DWR, AJAX, JSON.


Comments
blog comments powered by Disqus