Use Case Diagram for Online Shopping System | UML

Use Case Diagram for Online Shopping System

The UML use case diagram is a method that shows the interactions between shoppers and the online shopping system. It depicts the system’s structure and behavior.

Project Overview

Name:Online Shopping System Use Case Diagram
Users:Shopping Admin, Sellers, and Buyers
Tools Used:Any Diagram tools that provide use case diagram symbols.
Project Overview

What is a Use Case Diagram

The use case diagram for online shopping system shows the sample behavior of the software. It includes the project functions using use cases, actors, and their connections.

Online Shopping System Project in L...
Online Shopping System Project in Laravel with Source Code (Free Download)

Moreover, the diagram assists you to define and organize project needs. This also provides a clear picture of the user and system relationships. Therefore, this diagram depicts the complex function of a system including how the user reacts to it.

Importance of UML Use Case Diagram

Helping the developers and businesses with system management is one of the importance of the UML use case diagram. It includes the procedures from the viewpoint of users.

Furthermore, the diagram serves as the system analysis to identify, clarify, and organize the project needs. This diagram works best with other UML Diagrams. It includes activity, class, sequence, deployment, and component diagrams.

UML Use Case Diagram for Online Shopping with Explanation

The use case diagram example for online shopping system has two main illustrations. These illustrations describe the system’s general and specific processes.

Online Shopping System General Use Case

This diagram shows the general processes of online shopping. It is based on the activities done by the shopping admin, customers, and sellers in the system.

Online Shopping System General Use Case Diagram

The diagram shows the main use cases in online shopping. The use cases are the User’s information management, Book information management and updates, borrowers management, and management of transaction records.

Use Case Diagram using Include and Extend

The use case diagram using include and extend is used to elaborate the proceeding diagrams.

The label “include” implies that the use cases are required to complete the task while the “extend” is optional.

Users Information Management Use Case Diagram

This diagram focuses mainly on the use case “Manage Customer’s Information”. It includes the sub-processes needed to complete user information management. This is where the admin controls the customer’s information and system access.

Manage Customers’ Information Use Case Diagram

As you can see the customer should have their information encoded into the system. The system then will monitor its details to validate them and then saves the data.

Manage Products Info and Status Use Case

This use case shows how the admin assigns a category to products and then displays them on the customer’s interface. This action consists of saving product information from the seller, updating products’ status, and counting the number of customers’ orders and deliveries.

Online Shopping System Use Case Diagram UML
Manage Products Info and Status Use Case Diagram

Manage Orders and Deliveries Use Case

Orders and deliveries management include processing of customers’ requests and orders up to deliveries. The information consists of reservation/order date, purchased item count and price, total payment, and delivery date.

Online Shopping System Use Case Diagram Manage Deliveries
Manage Orders and Deliveries Use Case Diagram

Use Case Diagram for Online Shopping System Pdf

How to draw a Use Case Diagram?

Time needed: 2 minutes.

Here’s the complete guide on how to draw a use case diagram for online shopping system.

  • Step 1: Familiarize Use Case Diagram Symbols

    For beginners, you need to familiarize first with use case symbols to be used.

  • Step 2: Determine the system processes

    The next step is to determine the system’s processes. They will be the use cases of your project.

    You may ask the users about the typical activities done in online shopping.

  • Step 3: Analyze the use cases included

    The gathered information from the users needs to be evaluated to know the general use cases.

    From the general use cases, you will see the sub-cases that are included. But, only include the useful processes related to the online shopping system.

  • Step 4: Plot the Use Case Diagram

    To plot the diagram you will need the users, use cases, container (scope), and their indicators (association). You will base the flow of use cases on the evaluated information from the users.

    Your first move is to place the users involved.

    Next, put the container in the plotted diagram to separate the objects (users and system) scope.

    Then place the use cases of online shopping.

    Finally, you need to map out the association of the use cases to show the interactions between the user/s and the system.


The UML use case diagram represents the methodology used in system development. It helps developers know the possible inputs that the project should process and perform.

Furthermore, you will discover the needed processes and connect them to the other UML Diagrams. The diagram is also applicable in modeling the software’s use cases (processes). It captures the system’s flow from one process to the next.


If you have concerns about the Use Case Diagram for Online Shopping System, leave us your comments below.

Leave a Comment