This document provides examples of various UML diagrams for modeling an online shopping system, including: 1. A state machine diagram showing the lifecycle of a user account from creation to closure. 2. Class, sequence, communication, activity, interaction overview, object, component, deployment, and network diagrams modeling different aspects of the online shopping system.

1. Online Shopping - User Account
UML State Machine Diagram Example
Every companyhavingcustomers maintains customer accounts andsupports a complete life cycle of theaccount from its creationuntil it is closed. There are differences in what are the
stages (states) in theaccount's life cycle, andwhat are conditions or events causingaccount to change its state.state machinediagram.
User group management use case diagram for theadministration website.
User management use cases are available bothtothe Website Administrator andto theHelp Desk. Thereis standard user CRUD (Create,Retrieve/Find, Update,Delete)functionalityset.
Two otheruse cases, Lock User andUnlock User are specific to website security. Forexample, if duringsome predefinedperiodof timetherewere several unsuccessful login attempts
using wronguser password, user account shouldbe lockedfor some predefinedtime to prevent possible brute force passwordguessingattack. This lockingandunlockingis usually done

2. automaticallyby intrusiondetection orwebsite authentication subsystem, but this functionalityneeds tobe available in the manual mode too, just in case. Forexample, some user might call
andask to lock his or heraccount.
User management use case diagram for the administrationwebsite.
Here we provide an example ofUML class diagram whichshows a domain model foronline shopping. Thepurpose ofthe diagram is tointroduce some commonterms,"dictionary"for
online shopping - Customer, WebUser, Account,ShoppingCart, Product, Order,Payment, etc. andrelationships between. It could be usedas a common groundbetweenbusiness analysts
andsoftware developers.
Each customerhas unique idandis linkedto exactlyoneaccount.Account owns shoppingcart andorders. Customercouldregisteras a webuser to be able to buy items online.Customeris
not requiredto be a webuser because purchases couldalso be made by phone orby orderingfromcatalogues. Webuser has login name which also serves as unique id. Webuser couldbe in
several states - new, active, temporaryblocked, or banned, andbe linkedtoa shopping cart. Shoppingcart belongs to account.

3. Online shoppingdomain UML class diagram example.
Online Shopping - User AccountUML State Machine Diagram Example

4. Every companyhavingcustomers maintains customer accounts andsupports a complete life cycle of theaccount from its creationuntil it is closed. There are differences in what are the
stages (states) in theaccount's life cycle, andwhat are conditions or events causingaccount to change its state.
Here we provide an example ofuser account lifecycle in thecontext of onlineshopping, shown as UML protocol state machinediagram.
For the user account to be created, it has tomeet some initial requirements.For example,user id(usedas a login name) must be unique, at least for theexistingaccounts. Afteraccount was
created, it might needtobe verified. Verificationdepends on the companyandcouldinclude e-mail, phone, and/or address verification. If account was not verifiedduringsome predefined
periodof time, that account couldbe movedtothe suspendedaccounts.
Online shoppinguser account protocol state machinediagram.
Online Shopping

5. UML Sequence Diagram Example
An example ofhigh level sequence diagram for online bookshop. Onlinecustomercan search book catalog, viewdescriptionof a selectedbook, addbook toshoppingcart, do checkout.
An example ofUML sequence diagramforonline bookshop.
Online Shopping
UML Communication Diagram Example
An example ofcommunication diagram for OnlineBookshop. Web customer (depictedas actor)can search,viewandbuy books.

6. An example ofUML communicationdiagramfor online bookshop.
UML Activity Diagram Example
An example ofactivitydiagram for onlineshopping.Online customer canbrowse or searchitems, viewspecific item,addit to shoppingcart, viewandupdate shoppingcart,checkout.User
can viewshoppingcart at anytime.Checkout is assumedto include user registrationandlogin.
This example does not use partitions, most of the actions are assumedto be fulfilledby online customer.

7. An example ofUML activitydiagram foronline shopping.
Online Shopping
UML Interaction Overview Diagram Example
An example ofinteraction overviewdiagram for online shopping. Customer maysearch orbrowse items, addor remove items from shoppingcart, do checkout.

8. An example ofUML interactionoverviewdiagram for online shopping.
This interactionoverviewdiagram is enclosedby sd frame (abbreviatedformforall kinds of interactiondiagrams).All non-control nodes of the diagramare references tointeractions -
interaction uses.
Online Shopping Login Controller
UML ObjectDiagram Example
This is an exampleof object diagramwhich shows some runtimeobjects relatedtowebuser login process. Class instanceloginCtrl of the LoginController has several slots with structural
features of IntegerandStringtypes andcorrespondingvalue specifications.
The instance of LoginController is also associatedwith instances of UserManager,CookieManager,andLogger. LoginController,UserManager, andHibernateUserDAO (Data Access
Object) share a single instanceof Logger.

9. User login controller UMLobject diagram example.
UserManager has privateattributedefaultURIs which is orderedcollection(array) of5 unique Strings. Instance ofthe CookieManagerhas two public structural features with specified
values. Most links are nonnavigable backwards
Online Shopping
UML Component Diagram Example
An example ofUML 2.5 component diagram for online shopping. The diagramshows "white-box"viewof the internal structureof three related subsystems - WebStore, Warehouses, and
Accounting. In UML«subsystem»is a standardcomponent stereotype for larger components,usually containingsome smaller components.

10. Web Application
UML Deployment Diagram Example
An example ofwebapplication UML deployment diagram. Book clubwebapplication artifact book_club_app.war is deployedon Catalina Servlet 2.4 / JSP 2.0 Container whichis part
of Apache Tomcat 5.5 webserver.
The book_club_app.war artifact manifests (embodies) OnlineOrders component.The artifact contains three otherartifacts, one of which manifests UserServices component.
The Application Server«device»(computer server)has communicationpath toDatabase Server«device» (another server).

11. An example ofdeployment diagram forJ2EEwebapplication.
Web Application
Network Diagram Example
UML provides nospecial kindof diagram to describe logical orphysical network architecture of the designedor existingsystem. Deployment diagrams couldbe usedfor this purpose with
ate network).It
prevents outside users from gainingdirect access toan organization’s internal network while not exposinga web, email or DNSserver directlytothe Internet.