Mini Project Report On ONLINE SHOPPING
Mini Project Report On ONLINE SHOPPING
ABSTRACT
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.
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 flipcart or ebay. Since the application is available in
the Smartphone it is easily accessible and always available.
. i
Page 2
LIST OF FIGURES
3.5 LOGIN 30
ii
Page 2
3.10 LOGIN DFD 35
iii
Page 2
LIST OF TABLES
iv
Page 2
TABLE OF CONTENTS
ABSTRACT i
LIST OF FIGURES ii
LIST OF TABLES iv
1. INTRODUCTION PAGE
1.1 PROJECT OBJECTIVES 1
1.2 PROJECT OVER VIEW 2
1.3 PROJECT SCOPE 2
1.4 STUDY OF SYSTEMS 3
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
2.1 EXISTING SYSTEM 15
2.2 PROPOSED SYSTEM 16
2.3 SYSTEM REQUIREMENT SPECIFICATION 16
2.3.1 GENERAL DESCRIPTION 16
2.3.2 SYSTEM OBJECTIVES 17
2.3.3 SYSTEM REQUIREMENTS 17
Page 2
3. SYSTEM DESIGN 23
3.2 DATABASE 25
3.4 TABLES 28
4.CONCLUSION 67
5.REFERENCES 69
Page 2
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.
Page 2
1.2 PROJECT OVER VIEW:
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.
Page 5
This system can be implemented to any shop in the locality or to
multinational branded shops having retail outlet chains. The system recommends
a facility to accept the orders 24*7 and a home delivery system which can make
customers happy.
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 flipcart 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.
The modules involved are:
Administrator
Moderators
Users
1.4.1.1 ADMINISTRATOR:
Page 5
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
Page 5
MANAGE MODERATOR
Block moderator
Admin can restrict a moderator from managing the orders by blocking them.
Admin can unblock a blocked user if needed.
Remove Moderator
Page 5
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.
Page 5
MANAGE USER
Admin can view all the details of each user in the list except password.
Add Users
Admin has privileges to add a user directly by providing the details.
Page 5
MANAGE ORDERS
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.
Page 5
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 an 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
Page 5
1.4.1.2.USERS
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.
Page 5
View Products
User can view the list of products based on their names after successful login. A
Search Product
Users can search for a particular product in the list by name.
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
empty.
History
In the history the user will have a view of pending orders.
Page 5
CHAPTER 2
SYSTEM ANALYSIS
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 .
1. It is less user-friendly.
Page 5
2. User must go to shop and select products.
3. It is difficult to identify the required product.
4. Description of the product limited.
5. It is a time consuming process
6. Not in reach of distant users.
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 customers and product
orders. The system also recommends a home delivery system for the purchased
products.
Product Description:
The system consists of two parts .A web application which can provide the online
shopping service and an android application for the customer to
Page 5
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.
Page 5
2.3.3.1 NON FUNCTIONAL REQUIREMENTS
i. EFFICIENCY REQUIREMENT
The system should provide a reliable environment to both customers and owner.
All orders should be reaching at the admin without any errors.
The android application is designed for user friendly environment and ease of use.
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.
v. DELIVERY REQUIREMENT
Page 5
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
Page 5
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
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.
Page 5
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
Page 5
-Admin account should be secured so that only owner of the shop can access
that account
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
Page 5
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
Page 5
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.
Page 5
Computer output is the most important and direct source of information to the
user. Output design is a very important phase since the output needs to be in an
efficient manner. Efficient and intelligible output design improves the system
relationship with the user and helps in decision making. Allowing the user to view
the sample screen is important because the user is the ultimate judge of the
quality of output. The output module of this system is the selected notifications.
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.
Page 5
3.3.1.FRONT END:
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.
Java Script
Page 5
scripts to interact with the user, control the browser, communicate
asynchronously, and alter the document content that is displayed.
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 Navicat was used to design the tables in MySQL.
Page 5
3.4 TABLES
LOGIN
USER DETAILS
Page 5
PRODUCT DETAILS
PRODUCT ORDERS
Page 5
3.5 E-R DIAGRAMS
LOGIN
USER DETAILS
Page 5
PRODUCT DETAILS
PRODUCT ORDERS
Page 5
Online Shopping System
COMPLETE DIAGRAM
Page 45
Online Shopping System
Data Flow Diagram (DFD) is a structured analysis and design tool that
can be used for flowcharting. A DFD is a network that describes the flow of
data and the processes that change or transform the data throughout a system.
This network is constructed by using a set of symbols that do not imply any
physical implementation. It has the purpose of clarifying system requirements
and identifying major transformations. So it is the starting point of the design
phase that functionally decomposes the requirements specifications down to the
lowest level of detail. DFD can be considered to an abstraction of the logic of an
information-oriented or a process-oriented system flow-chart. For these reasons
DFD’s are often referred to as logical data flow diagrams.
EXTERNAL ENTITY
PROCESS
Page 46
Online Shopping System
DATAFLOW
The data flow shows the flow of information from a source to its
destination. Data flow is represented by a line, with arrowheads showing the
direction of flow. Information always flows to or from a process and may be
written, verbal or electronic. Each data flow may be referenced by the
processes or data stores at its head and tail, or by a description of its contents.
DATA STORE
Page 47
Online Shopping System
LOGIN DFD
REGISTRATION DFD
MODERATOR DFD
Page 49
Online Shopping System
LOGIN
REGISTRATION
Page 50
Online Shopping System
HOME
ADMIN HOME
Page 51
Online Shopping System
ADMIN PRODUCT
ADMIN ORDER
Page 52
Online Shopping System
USER HOME
USER CART
Page 53
Online Shopping System
SAMPLE CODE
LOGIN PAGE
<tr>
</tr>
<tr>
</tr>
<tr>
<td><button class="button" type="submit" id="search-
submit">Login</button> </td>
<td><div id="result"></div></td>
Page 54
Online Shopping System
</tr>
</table>
</form>
<script type="text/javascript">
<%
if (request.getParameter("login") != null &&
request.getParameter("login").contentEquals("failed")) {
%>
%>
<% }
%@include file="template/body_end.jsp" %
Page 55
Online Shopping System
REGISTRATION
<%@page import="DataBase.DB"%>
<%@page import="java.sql.ResultSet"%>
<div class="entry">
<table>
<tr>
<td>User Name
</td>
<td><input type="text" required="" name="uname" id="uname"
/>
</td>
</tr>
Page 56
Online Shopping System
<tr>
<td>Password
</td>
</td>
</tr>
<tr>
<td>Login Name
</td>
</td>
</tr>
<tr>
<td>Email
</td>
</td>
</tr>
Page 57
Online Shopping System
<tr>
<td>Mobile No.
</td>
</td>
</tr>
<tr>
<td>
</td>
<td><button class="button" type="submit">Register</button>
</td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
Page 58
Online Shopping System
DB REGISTRATION
<%@page import="config.Config"%>
<%@page import="java.io.File"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="DataBase.DB"%>
<%
+ "null" + ",'"
+ request.getParameter("uname") + "',SHA1('"
+ request.getParameter("upass") + "'),'"
+ "user" + "','"
+ "false" + "')")) {
r.next();
Page 59
Online Shopping System
+ uid + ",'"
+ request.getParameter("lname") + "','"
+ request.getParameter("emailid") + "','"
+ request.getParameter("mobno") + "')")) {
// this code generates the qr code inside the QR_Code folder in the
c drive
response.sendRedirect("index.jsp?reg=success");
} else {
response.sendRedirect("register.jsp?reg=failed");
Page 60
Online Shopping System
<%@page import="DataBase.DB"%>
<%@page import="java.sql.ResultSet"%>
<%
r.getString("uid"));
session.setAttribute("utype",r.getString("utype"));
Page 61
Online Shopping System
if (r.getString("utype").contentEquals("admin"))
{ response.sendRedirect("adminindex.jsp");
} else if (r.getString("utype").contentEquals("mod"))
{ response.sendRedirect("modindex.jsp");
} else if (r.getString("utype").contentEquals("user"))
{ response.sendRedirect("userindex.jsp");
} else {
null); session.setAttribute("utype",null);
response.sendRedirect("login.jsp?login=unknown");
} else {
response.sendRedirect("login.jsp?login=dissabled");
} else
Page 62
Online Shopping System
DATABASE CONNECTION
package DataBase;
import java.sql.*;
public class DB {
Class.forName("com.mysql.jdbc.Driver");
Con=DriverManager.getConnection("jdbc:mysql://localhost:3306/online_shoppi ng",
"root", "root");
+ e);
Page 63
Online Shopping System
catch (Exception e)
{ System.out.println("Exception" + e);
return null;}
con.close();
stmt.close();
rs.close();
} catch (Exception e)
{ System.out.println("Exception" + e);
Page 64
Online Shopping System
ANDROID WEB-VIEW
ACTIVITY package
com.onlineshopping.activity;
import com.onlineshopping.activity.R;
import com.onlineshopping.activity.custom.CustomWebChromeClient;
import com.onlineshopping.activity.custom.CustomWebViewClient;
import android.content.res.Configuration;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebSettings.PluginState;
import android.webkit.WebView;
@SuppressLint("SetJavaScriptEnabled") public
webView;
Page 65
Online Shopping System
Page 66
Online Shopping System
// screen.
@Override
webView.goBack();
return true;
@Override
{ super.onConfigurationChanged(newConfig);
}}
Page 67
Online Shopping System
CHAPTER 4
CONCLUSION
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.
The entire system is secured. Also the project helped us understanding about the
development phases of a project and software development life cycle.
Page 68
Online Shopping System
REFERENCES
[4] http://www.w3schools.com/html/defualt.asp,
http://www.w3schools.com/css/default.asp,
http://www.w3schools.com/js/default.asp
Page 69