UML diagrams are required to understand the project’s requirements. It’s an important part of any project report, there are multiple types of UML diagrams, In this tutorial let’s create Component, Sequence, Activity, UseCase, and Data flow Diagrams(DFD) for Online Grocery Shop System Project.
The Online Grocery Shop Management application will help to manage the shop, customers, products, and bookings. The whole idea behind the application is to manage the orders and transaction details.
UML Diagram for Online Grocery Shop System
We’ve compiled structural UML diagrams i.e. component diagrams, and three types of behavioural UML diagrams i.e. activity, sequence, and use case diagrams for the Online Grocery Shop Project.
With the help of these diagrams, one can get a better understanding of the project. This web application is developed to provide users with an online medium where they can shop for different types of grocery items. There are multiple roles in this application. Admin, who will manage the overall application like adding products, different categories, and managing orders; another is the user or customers who can buy grocery products.
Component diagram for Online Grocery Shop Project
The component diagram below shows the structural relations between components in an online grocery shop system. The connected components by lines represent relationships within the systems. In the diagram, it can be seen that there are components namely product, book, customer, and account.
It shows how the customer component connects to the other components while using the system. Everything from the account details to product booking to payment flow can be seen in the component diagram.
Activity diagram for Online Grocery Shop Project
Activity diagrams in UML are a leading subset of behavioural diagrams. They display the functionalities of various activities and flows in management processes and software systems. The flow in the activity diagram can be sequential, branched, or concurrent.
Admin can view the list of customers. Admin can manage the category of grocery products and can update all product detail. Admin can view booking detail. Admin can manage payment and transactions.
Online customers can browse or search items, view specific items, book them, and checkout. Users can view booking history at any time. Customers can make payments for the booking and view the payment history.
Sequence diagram for Online Grocery Shop Project
Sequence diagrams in UML are used to better understand how tasks within a project will function, overlap, and move between objects or components. Sequence diagrams display step-by-step interactions between objects and the order in which those interactions occur.
Online customers can search for products, view the price of a selected product, add the product to the shopping cart, and make payments for the booking. Once the payment is confirmed, the customer’s order is placed.
Use Case Diagram for Online Grocery Shop Project
A UML use case diagram can create a broad, high-level view of the relationship between use cases, actors involved, and systems being performed.
As you can see from the examples below, use cases are represented by oval shapes, and the lines then show at which point an actor/user participates and interacts with their corresponding use case. You can see where each actor is involved within the entire process (and where they’re excluded).
DFD Diagram for Online Grocery Shop Project
A DFD maps out the flow of information for any process or system. It gives a basic overview of the whole system or process being analyzed. It shows the system with its relationship to external entities.
Here, we can see how the users and the process flow work in a system. Initially, Admin and Customer must be logged in to the system. Upon logging in, both Admin and Customer will land on the home page where they can manage their profiles, view products, check prices of products, view cart, etc.
Admin manages the selling history, which is the bookings made by the customers. Customers can also view their bookings and payment confirmation on the system.