UML Diagram Examples
Online Shopping

Here we provide several UML diagrams of different types, all part of a simple fabricated Online Shopping model:


Next  Online shopping UML use case diagram examples

Purpose: Provide top level use cases for a web customer making purchases online.

Summary: Web customer actor uses some web site to make purchases online. Top level use cases are View Items, Make Purchase and Client Register.


Next  Credit card processing system

Purpose: Define major use cases for a credit card processing system (credit card payment gateway).

Summary: The merchant submits a credit card transaction request to the credit card payment gateway on behalf of a customer. Bank which issued customer's credit card is actor which could approve or reject the transaction. If transaction is approved, funds will be transferred to merchant's bank account.


Next  Website administration

Purpose: Website management or administration UML use case diagrams example.

Summary: Website Administrator actor could manage user groups, users, user sessions, and logs. Help Desk staff uses a subset of functions available to the Website Administrator.


Next  Online shopping domain model

Purpose: Show some domain model for online shopping - Customer, Account, Shopping Cart, Product, Order, Payment.

Summary: Example of a UML class diagram representing online shopping domain. Each customer could have some web user identity. Web user could be in one of several states and could be linked to a shopping cart.


Next  User account UML state machine diagram example

Purpose: An example of user account life cycle in the context of online shopping, and shown as UML protocol state machine diagram.

Summary: Every company having customers maintains customer accounts and supports a complete life cycle of the account from its creation until it is closed. There are differences in what are the stages (states) in the account's life cycle, and what are conditions or events causing account to change its state.


Next  Online bookshop UML sequence diagram

Purpose: An example of high level UML sequence diagram for online bookshop.

Summary: Online customer can search book catalog, view description of a selected book, add book to shopping cart, do checkout.


Next  Online bookshop communication diagram

Purpose: An example of UML communication diagram for Online Bookshop.

Summary: Web customer actor can search inventory, view and buy books online.


Next  Online shopping activity diagram

Purpose: An example of activity diagram for online shopping.

Summary: Online customer can browse or search items, view specific item, add it to shopping cart, view and update shopping cart, checkout. User can view shopping cart at any time. Checkout includes user registration and login.


Next  Online shopping interaction overview diagram

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

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


Next  Business flow - process purchase order

Purpose: An example of business flow UML activity diagram to process purchase order.

Summary: Requested order is input parameter of the activity. After order is accepted and all required information is filled in, payment is accepted and order is shipped.


Next  Web application Login Controller object diagram

Purpose: An example of UML object diagram which shows some runtime objects involved into login process for a web user.

Summary: An instance of Login Controller class is associated with instances of User Manager, Cookie Manager, and Logger. Login Controller, User Manager, and Hibernate User DAO (Data Access Object) share a single instance of Logger.


Next  Online shopping component diagram

Purpose: An example of a component diagram for online shopping.

Summary: The diagram shows "white-box" view of the internal structure of three related subsystems - WebStore, Warehouses, and Accounting. WebStore subsystem contains three components related to online shopping - Search Engine, Shopping Cart, and Authentication. Accounting subsystem provides two interfaces - Manage Orders and Manage Customers. Warehouses subsystem provides two interfaces Search Inventory and Manage Inventory used by other subsystems.


Next  Online shopping web application manifestation

Purpose: An example of manifestation diagram for a web application.

Summary: Web application archive artifact book_club_app.war contains several files, folders and subfolders. Several components are shown on the diagram manifested (implemented) by jar archive files.


Next  Online shopping web application UML deployment diagram

Purpose: An example of UML deployment diagram for a J2EE web application.

Summary: Book club web application artifact book_club_app.war is deployed on Catalina Servlet 2.4 / JSP 2.0 Container which is part of Apache Tomcat 5.5 web server.


Next  Web application network diagram example

Purpose: UML provides no special kind of diagram to describe logical or physical network architecture of the designed or existing system. Deployment diagrams could be used for this purpose with elements limited mostly to devices with neither artifacts nor actual deployments shown.

Summary: This example of the network diagram shows network architecture with configuration usually called "two firewall demilitarized zone (DMZ)". DMZ is a host or network segment located in a "neutral zone" between the Internet and an organization’s intranet (private network). It prevents outside users from gaining direct access to an organization’s internal network while not exposing a web, email or DNS server directly to the Internet.


blog comments powered by Disqus