Online Shopping Report
Online Shopping Report
ON
SUBMITTED BY:
RANJITH S [1DB19CS118]
SHASHANK H G [1DB19CS130]
Kumbalagodu, Bengaluru-560074
This is to certify that the Project Report entitled “ONLINE SHOPPING MANAGEMENT
SYSTEM” is a bonifide Project work carried out by RANJITH S (1DB19CS118) and
SHASHANK H G(1DB19CS130), in partial fulfilment of 5th semester for the Degree of
Bachelor of Engineering in Computer Science and Engineering of Visvesvaraya Technological
University, Belagavi, during the academic year 2021-22. It is certified that all
corrections/suggestions indicated for Internal Assessments have been incorporated with the
degree mentioned.
External Viva
1. _______________
2. ______________
ONLINE SHOPPING MANAGEMENT SYSTEM DBMS MINI PROJECT
DECLARATION
ACKNOWLEDGEMENT
At the various stages in making the mini project, a number of people have given me invaluable
comment on the manuscript. I take this opportunity to express my deepest gratitude and
appreciation to all those who helped me directly or indirectly towards the successful completion
of this project.
I would like to thank our Principal Dr . HEMADRI NAIDU T, Don Bosco Institute of
Technology for his support though out this project.
I express my whole hearted gratitude to Prof. B.S. UMASHANKAR, who is our respectable
Head of Dept. of Computer Science. I wish to acknowledge for his valuable help and
encouragement.
In this regard I owe a heartfelt gratitude to my guide MrS., Assistant Professor of Department
of Computer Science and Engineering, for his timely advice on the project and regular
assistance throughout the project work. I would also like to thank the teaching and non-teaching
staff members of Department of Computer Science and Engineering for their corporation.
ONLINE SHOPPING MANAGEMENT SYSTEM DBMS MINI PROJECT
ABSTRACT
An online shopping system that permits a customer to submit online orders for items and/or
services from a store that serves both walk-in customers and online customers. The online
shopping system presents an online display of an order cut off time and an associated delivery
window for items selected by the customer. The system accepts the customer's submission of a
purchase order for the item in response to a time of submission being before the order cut off
time. The online shopping system does not settle with a credit supplier of the customer until the
item selected by the customer is picked from inventory but before it is delivered. Therefore, the
customer can go online and make changes to the order. In addition, available service windows
are presented to the customer as a function of customer selected order and service types and
further
This project is developed using PHP and HTML language Java, CSS and MYSQL use for
database connection. Creating and managing requirements is a challenge of IT, systems and
product development projects or indeed for any activity where you have to manage a
contractual relationship. Organization need to effectively define and manage requirements to
ensure they are meeting needs of the customer, while proving compliance and staying on the
schedule and within budget. The project analyzes the system requirements and then comes up
with the requirements specifications. It studies other related systems and then come up with
system specifications. The system is then designed in accordance with specifications to satisfy
the requirements.
ONLINE SHOPPING MANAGEMENT SYSTEM DBMS MINI PROJECT
TABLE OF CONTENT
INTRODUCTION
PAGE
1.1 PROJECT OBJECTIVES 1
1.4.1 MODULES 3
1.4.1.1 ADMIN 3
1.4.1.2 MODERATOR 11
1.4.1.3 USER 12
2 . SYSTEM ANALYSIS 15
3.SYSTEM DESIGN 23
3.2 DATABASE 25
3.3 SYSTEM TOOLS 25
3.4 TABLES 28
4.CONCLUSION 67
REFERENCES 69
ONLINE SHOPPING MANAGEMENT SYSTEM DBMS MINI PROJECT
ONLINE SHOPPING MANAGEMENT SYSTEM DBMS MINI PROJECT
CHAPTER 1
INTRODUCTION
This project is a web based shopping system for an existing shop. The project objective is to
deliver the online shopping application into android platform.
Online shopping is the process whereby consumers directly buy goods or services from a seller
in real-time, without an intermediary service, over the Internet. It is a form of electronic
commerce. This project is an attempt to provide the advantages of online shopping to customers
of a real shop. It helps buying the products in the shop anywhere through internet by using an
android device. Thus the customer will get the service of online shopping and home delivery
from his favourite shop
The objective of the project is to make an application in android platform to purchase items in
an existing shop. In order to build such an application complete web support need to be
provided. A complete and efficient web application which can provide the online shopping
experience is the basic objective of the project. The web application can be implemented in the
form of an android application with web view.
The central concept of the application is to allow the customer to shop virtually using the
Internet and allow customers to buy the items and articles of their desire from the store. The
information pertaining to the products are stores on an RDBMS at the server side (store).
The Server process the customers and the items are shipped to the address submitted by them.
The application was designed into two modules first is for the customers who wish to buy the
articles. Second is for the storekeepers who maintains and updates the information pertaining to
the articles and those of the customers. The end user of this product is a departmental store
where the application is hosted on the web and the administrator maintains the database. The
application which is deployed at the customer database, the details of the items are brought
forward from the database for the customer view based on the selection through the menu and
the database of all the products are updated at the end of each transaction. Data entry into the
application can be done through various screens designed for various levels of users. Once the
authorized personnel feed the relevant data into the system, several reports could be generated
as per the security.
If shops are providing an online portal where their customers can enjoy easy shopping from
anywhere, the shops won’t be losing any more customers to the trending online shops such as
flip cart or eBay. Since the application is available in the Smartphone it is easily accessible and
always available.
1.4.1 MODULES:
The system after careful analysis has been identified to be presented with the following modules
and roles.
Administrator
Moderators
Users
1.4.1.1 ADMINISTRATOR:
The administrator is the super user of this application. Only admin have access into this admin
page. Admin may be the owner of the shop. The administrator has all the information about all
the users and about all products.
1. Manage Moderators
2. Manage Products
3. Manage Users
4. Manage Orders
Add Moderator
Only admin is having the privilege to add a moderator. A moderator can be considered as a staff
who manages the orders or owner of a group of products.
Block moderator
Admin can restrict a moderator from managing the orders by blocking them. Admin can
unblock a blocked user if needed.
Remove Moderator
Search moderator:
All existing moderators can be viewed by the administrator as a list. If there is number of
moderators and admin need to find one of them, the admin can search for a moderator by name.
MANAGE PRODUCTS
Add Products
The shopping cart project contains different kind of products. The products can be classified
into different categories by name. Admin can add new products into the existing system with all
its details including an image.
Delete Products
Administrator can delete the products based on the stock of that particular product.
Search products
Admin will have a list view of all the existing products. He can also search for a particular
product by name.
MANAGE USER
View Users
The admin will have a list view of all the users registered in the system.
Admin can view all the details of each user in the list except password.
Add Users
Administrator has a right to delete or block a user. The default status of a new user registered is
set as blocked. The admin must accept the new user by unblocking him.
VIEW ORDER
Administrator can view the Orders which is generated by the users. He can verify the details of
the purchase.
Delete order
Admin can delete order from the orders list when the product is taken for delivery.
1.4.1.2 MODERATORS
A moderator is considered as a staff who can manage orders for the time being. As a future
update moderator may give facility to add and manage his own products. Moderators can
reduce the work load of admin. Now moderator has all the privilege and admin having except
managing other moderators. He can add products and users. He can also check the orders and
edit his profile.
Manage products
Manage users
Manage orders
1.4.1.2 Registration
A new user will have to register in the system by providing essential details in order to view the
products in the system. The admin must accept a new user by unblocking him.
Login
A user must login with his user name and password to the system after registration.
View Products
User can view the list of products based on their names after successful login. A detailed
description of a particular product with product name, products details, product image, price
can be viewed by users.
Search Product
Add to cart:
The user can add the desired product into his cart by clicking add to cart option on the product.
He can view his cart by clicking on the cart button. All products added by cart can be viewed in
the cart. User can remove an item from the cart by clicking remove
Submit Cart:
After confirming the items in the cart the user can submit the cart by providing a delivery
address. On successful submitting the cart will become empty.
History
Edit Profile
CHAPTER 2
SYSTEM ANALYSIS
System analysis is the process of gathering and interpreting facts, diagnosing problems
and using the information to recommend improvements on the system. System analysis is
a problem solving activity that requires intensive communication between the system users and
system developers.
System analysis or study is an important phase of any system development process. The system
is viewed as a whole, the inputs are identified and the system is subjected to close study to
identify the problem areas. The solutions are given as a proposal. The proposal is reviewed
on user request and suitable changes are made. This loop ends as soon as the user is satisfied
with the proposal.
The current system for shopping is to visit the shop manually and from the available product
choose the item customer want and buying the item by payment of the price of the item .
It is less user-friendly.
1. User must go to shop and select products.
In the proposed system customer need not go to the shop for buying the products. He can order
the product he wish to buy through the application in his Smartphone. The shop owner will be
admin of the system. Shop owner can appoint moderators who will help owner in managing .
The system consists of two parts .A web application which can provide the online shopping
service and an android application for the customer to access the web service from his
Smartphone. Web application should be able to help the customer for selecting his item and to
help the owner in managing the orders from the customers.
Problem Statement:
As online shopping became a trend nowadays the regular shops are losing their customers
to online brands. Customers have effortless shopping experience and saving time through
shopping online. For competing with those online brands, If shops are providing an online
portal where their customers can shop through internet and get the products at their doors it
will increase the number of customers.
1.EFFICIENCY REQUIREMENT
When an online shopping cart android application implemented customer can purchase product
in an efficient manner.
2.RELIABILITY REQUIREMENT
The system should provide a reliable environment to both customers and owner. All orders should
be reaching at the admin without any errors.
USABILITY REQUIREMENT
The android application is designed for user friendly environment and ease of use.
I. IMPLEMENTATION REQUIREMENT
Implementation of the system using css and html in front end with jsp as back end and it will be
used for database connectivity. And the database part is developed by mysql. Responsive web
designing is used for making the website compatible for any type of screen.
The whole system is expected to be delivered in four months of time with a weekly evaluation by
the project guide.
USER
USER LOGIN
Description of feature
This feature used by the user to login into system. A user must login with his user name and
password to the system after registration. If they are invalid, the user not allowed to enter the
system.
Functional requirement
Description of feature
A new user will have to register in the system by providing essential details in order to view the
products in the system. The admin must accept a new user by unblocking him.
Functional requirement
- The system must encrypt the password of the customer to provide security.
Description of feature
The user can add the desired product into his cart by clicking add to cart option on the product.
He can view his cart by clicking on the cart button. All products added by cart can be viewed in
the cart. User can remove an item from the cart by clicking remove. After confirming the items
in the cart the user can submit the cart by providing a delivery address. On successful
submitting the cart will become empty.
Functional requirement
- System must ensure that, only a registered customer can purchase items.
ADMIN
MANAGE USER
Description of feature
The administrator can add user, delete user, view user and block user.
MANAGE MODERATOR
Description of feature
The administrator can add moderator, delete moderator, block moderator and search for a
moderator.
MANAGE PRODUCTS
Description of feature
The administrator can add product, delete product and view product.
MANAGE ORDERS
Description of feature
Functional requirements
MODERATOR
Description of features
A moderator is considered as a staff who can manage orders for the time being. As a future
update moderator may give facility to add and manage his own products. Moderators can
reduce the work load of admin. Now moderator has all the privilege of an admin having except
managing other moderators. He can manage users and manage products. He can also check the
orders and edit his profile.
Functional requirement
CHAPTER 3
SYSTEM DESIGN
System design is the solution for the creation of a new system.
This phase focuses on the detailed implementation of the feasible system. It emphasis on
translating design. Specifications to performance specification. System design has two phases
of development
Logical design
Physical design
During logical design phase the analyst describes inputs (sources), output s(destinations),
databases (data sores) and procedures (data flows) all in a format that meets the user
requirements. The analyst also specifies the needs of the user at a level that virtually
determines the information flow in and out of the system and the data resources. Here the
logical design is done through data flow diagrams and database design. The physical design is
followed by physical design or coding. Physical design produces the working system by
defining the design specifications, which specify
Exactly what the candidate system must do. The programmers write the necessary programs
that accept input from the user, perform necessary processing on accepted data and produce the
required report on a hard copy or display it on the screen.
Input design is the link that ties the information system into the world of its
Users. The input design involves determining the inputs, validating the data, minimizing the
data entry and provides a multi-user facility. Inaccurate inputs are the most common cause of
errors in data processing. Errors entered by the data entry operators can be controlled by input
design. The user-originated inputs are converted to a computer based format in the input design.
Input data are collected and organized into groups of similar data. Once identified, the
appropriate input media are selected for processing. All the input data are validated and if any
data violates any conditions, the user is warned by a message. If the data satisfies all the
conditions, it is transferred to the appropriate tables in the database. In this project the student
details are to be entered at the time of registration. A page is designed for this purpose which is
user friendly and easy to use. The design is done such that users get appropriate messages
when exceptions occur.
3.2 DATABASE
DATABASE DESIGN:
Databases are the storehouses of data used in the software systems. The data is stored in tables
inside the database. Several tables are created for the manipulation of the data for the
system. Two essential settings for a database are
The various system tools that have been used in developing both the front end and the back end
of the project are being discussed in this chapter.
JSP, HTML, CSS, JAVA SCRIPT, ANDROID are utilized to implement the frontend.
Different pages in the applications are designed using jsp. A Java Server Pages component is a
type of Java servlet that is designed to fulfil the role of a user interface for a Java web
application. Web developers write JSPs as text files that combine HTML or XHTML code,
XML elements, and embedded JSP actions and commands. Using JSP, one can collect input
from users through web page.
CSS is a style sheet language used for describing the look and formatting of a document
written in a markup language.
ER Diagram
Java Script
Java Script is used to create pop up windows displaying different alerts in the system like “User
registered successfully”, ”Product added to cart” etc.
Android
The back end is implemented using MySQL which is used to design the databases.
MySQL
MySQL is the world's second most widely used open-source relational database
management system (RDBMS). The SQL phrase stands for Structured Query Language.
An application software called Navigate was used to design the tables in MySQL.
PROCESS
A process shows a transformation or manipulation of data flow within the system. The symbol
used is an oval shape.
Snap short
Loginpage
Online Shop
Figure:Register page
SOURCE CODE
<?php
include "db.php";
session_start();
#If user given credential matches successfully with the data available in database then we
will echo string login_success
$email = mysqli_real_escape_string($con,$_POST["email"]);
$password = $_POST["password"];
$run_query = mysqli_query($con,$sql);
$count = mysqli_num_rows($run_query);
$row = mysqli_fetch_array($run_query);
$_SESSION["uid"] = $row["user_id"];
$_SESSION["name"] = $row["first_name"];
$ip_add = getenv("REMOTE_ADDR");
//we have created a cookie in login_form.php page so if that cookie is available means user
is not login
if($count == 1){
if (isset($_COOKIE["product_list"])) {
$p_list = stripcslashes($_COOKIE["product_list"]);
//here we are decoding stored json product list cookie to normal array
$product_list = json_decode($p_list,true);
//After getting user id from database here we are checking user cart item if there is
already product is listed or not
$result = mysqli_query($con,$verify_cart);
//if user is adding first time product into cart we will update user_id into database table
with valid id
mysqli_query($con,$update_cart);
}else{
//if already that product is available into database table we will delete that record
mysqli_query($con,$delete_existing_product);
setcookie("product_list","",strtotime("-1 day"),"/");
//if user is logging from after cart page we will send cart_login
echo "cart_login";
exit();
echo "login_success";
$BackToMyPage = $_SERVER['HTTP_REFERER'];
if(!isset($BackToMyPage)) {
header('Location: '.$BackToMyPage);
echo"<script type='text/javascript'>
</script>";
} else {
exit;
}else{
$email = mysqli_real_escape_string($con,$_POST["email"]);
$password =md5($_POST["password"]) ;
$run_query = mysqli_query($con,$sql);
$count = mysqli_num_rows($run_query);
if($count == 1){
$row = mysqli_fetch_array($run_query);
$_SESSION["uid"] = $row["admin_id"];
$_SESSION["name"] = $row["admin_name"];
$ip_add = getenv("REMOTE_ADDR");
//we have created a cookie in login_form.php page so if that cookie is available means user
is not login
echo "login_success";
exit;
}else{
exit();
HEADER
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- The above 3 meta tags *must* come first in the head; any other head content must
come *after* these tags -->
<title>Online Shopping</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700"
rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries
-->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
#navigation {
#header {
#top-header {
#footer {
color: #1E1F29;
#bottom-footer {
.footer-links li a {
color: #1E1F29;
.mainn-raised {
border-radius: 6px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px
10px -5px rgba(0, 0, 0, 0.2);
.glyphicon{
display: inline-block;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.glyphicon-chevron-left:before{
content:"\f053"
.glyphicon-chevron-right:before{
content:"\f054"
</style>
</head>
<body>
<header>
<div id="top-header">
<div class="container">
</ul>
<li><?php
include "db.php";
if(isset($_SESSION["uid"])){
$query = mysqli_query($con,$sql);
$row=mysqli_fetch_array($query);
echo '
<div class="dropdownn">
<div class="dropdownn-content">
</div>
</div>';
}else{
echo '
<div class="dropdownn">
<div class="dropdownn-content">
</div>
</div>';
?>
</li>
</ul>
</div>
</div>
<div id="header">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="header-logo">
Online Shop
</font>
</a>
</div>
</div>
<div class="col-md-6">
<div class="header-search">
<form>
<select class="input-select">
<option value="1">Men</option>
</select>
</form>
</div>
</div>
<div class="header-ctn">
<div class="dropdown">
<span>Your Cart</span>
</a>
</div>
<div class="cart-btns">
</div>
</div>
</div>
<div class="menu-toggle">
<a href="#">
<span>Menu</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<nav id='navigation'>
</div>
</nav>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
<?php
include "login_form.php";
?>
</div>
</div>
</div>
</div>
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
<?php
include "register_form.php";
?>
</div>
</div>
</div>
</div>
FOOTER
<footer id="footer">
<div class="section">
<div class="container">
<div class="row">
<div class="footer">
<ul class="footer-links">
</ul>
</div>
</div>
<ul class="footer-payments">
</ul>
<span class="copyright">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</span>
</div>
<div class="footer">
<h3 class="footer-title">Categories</h3>
<ul class="footer-links">
<li><a href="#">Mobiles</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Kids</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/nouislider.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/main.js"></script>
<script src="js/actions.js"></script>
<script src="js/sweetalert.min"></script>
<script src="js/script.js"></script>
<script>var c = 0;
function menu(){
if(c % 2 == 0) {
document.querySelector('.cont_drobpdown_menu').className =
"cont_drobpdown_menu active";
c++;
}else{
document.querySelector('.cont_drobpdown_menu').className =
"cont_drobpdown_menu disable";
c++;
</script>
<script type="text/javascript">
$('.block2-btn-addcart').each(function(){
$(this).on('click', function(){
});
});
$('.block2-btn-addwishlist').each(function(){
$(this).on('click', function(){
});
});
</script>
CONCLUSION
The project entitled Online shopping system was completed successfully.
The system has been developed with much care and free of errors and at the same time it is
efficient and less time consuming. The purpose of this project was to develop a web application
and an android application for purchasing items from a shop.
This project helped us in gaining valuable information and practical knowledge on several
topics like designing web pages using html & css, usage of responsive templates, designing of
android applications, and management of database using mysql . The entire system is secured.
Also the project helped us understanding about the development phases of a project and
software development life cycle. We learned how to test different features of a project.
This project has given us great satisfaction in having designed an application which can be
implemented to any nearby shops or branded shops selling various kinds of products by simple
modifications.
REFERENCES
[3]Complete CSS Guide ,Maxine Sherrin and John Allsopp-O'Reilly Media; September 2012
[4]http://www.w3schools.com/html/defualt.asp, http://www.w3schools.com/css/default.asp,
http://www.w3schools.com/js/default.asp