Online Shopping

1. INTRODUCTION

1
 Online Shopping

Introduction:-
The “Online Shopping” is the Website has been developed for
Shopping in an effort to make it as attractive and interactive as
possible. Compared to the existing site the Database has been
added to our project. This website belongs to E- Commerce
portal.

The projects first page provide the several products offers. The
home page contains several information about the site of product
advertisement.

Customer can see the product after the webpage is appeared. In

This Site display all type of product like Cloths, Jewelries, Shoes,
Mobiles and Cosmetics. Customer can see the information of any
product and related product and they can buy the product as their
choice.

In this Website all product are sale on internet. This site is linked
with social media like Facebook, Twitter Etc.

2
 Online Shopping

2. PROBLEM DEFINITION

3
 Online Shopping

PROBLEM DEFINITION:-
In the old days peoples used to go themselves in the market to
purchase any item they want, and they find themselves helpless
when they want to search for actual shop who has the product.
Manual system:
The system is very time consuming. This system is more
prone to error and sometimes the approach to various problems is
unstructured.

Technical system:
With the advent of latest technology if we do not update or
system then our business result in losses gradually with time. The
technology system contents the tools of latest trend.
b.

4
 Online Shopping

3. SYSTEM REQUIREMENT

5
 Online Shopping

SYSTEM REQUIREMENT:-
The minimum recommended hardware requirement is as follows.
1. A Computer with processor Intel i3 or i5 for better
performance.
2. Minimum 300 GB Hard Disk.
3. .Minimum 1GB RAM.

SOFTWARE REQUIREMENT:-
1. Operating System Windows XP/7/8/10, Linux or MacOS.
2. Browser

Front End: HTML, CSS, PHP

Scripting Language: JavaScript

6
 Online Shopping

4. OBJECTIVE

7
 Online Shopping

OBJECTIVE:-

The objective of this application is to digitalize the process of

shopping and providing the facility to perform the operation such
as ordering any item from the website, Searching products in
different categories.

The project titled “Online Shopping” is designed using

HTML, CSS as a front end JavaScript for client side programming
and PHP to process and store and retrieve data.

8
 Online Shopping

5. FRONT END & BACK END

9
 Online Shopping

FRONT END:-
HTML
HTML stands for Hyper Text Markup Language, which is the most
widely used language on Web to develop web pages. HTML was
created by Berners-Lee in late 1991 but "HTML 2.0" was the first
standard HTML specification which was published in 1995. HTML
4.01 was a major version of HTML and it was published in late
1999. Though HTML 4.01 version is widely used but currently we
are having HTML-5 version which is an extension to HTML 4.01,
and this version was published in 2012.

CSS
Cascading Style Sheets, fondly referred to as CSS, is a simple
design language intended to simplify the process of making web
pages presentable.
CSS handles the look and feel part of a web page. Using CSS,
you can control the colour of the text, the style of fonts, the
spacing between paragraphs, how columns are sized and laid
out, what background images or colours are used, layout
designs, and variations in display for different devices and screen
sizes as well as a variety of other effects.

10
 Online Shopping

Scripting Language:-
JavaScript:
JavaScript is a dynamic computer programming
language. It is lightweight and most commonly used
as a part of web pages, whose implementations
allow client-side script to interact with the user and
make dynamic pages. It is an interpreted
programming language with object-oriented
capabilities.

The ECMA-262 Specification defined a standard

version of the core JavaScript language.

 JavaScript is a lightweight, interpreted

programming language.

PHP
Rasmus Lerdorf unleashed the first version of PHP
way back in 1994.PHP is a recursive acronym for
"PHP: Hypertext Preprocessor".

 PHP is a server side scripting language that is

embedded in HTML. It is used to manage dynamic
content, databases, session tracking, even build
entire e-commerce sites.
 It is integrated with a number of popular databases,
including MySQL, PostgreSQL, Oracle, Sybase,
Informix, and Microsoft SQL Server.

11
 Online Shopping

BACK END:-
MySQL Database:
MySQL is a fast, easy-to-use RDBMS being used for many small
and big businesses. MySQL is developed, marketed, and
supported by MySQL AB, which is Swedish company. MySQL is
becoming so popular because of many good reasons:

 MySQL is released under an open-source license. So you

have nothing to pay to use it.
 MySQL is a very powerful program in its own right. It handles
a large subset of the functionality of the most expensive and
powerful database packages.
 MySQL uses a standard form of the well-known SQL data
language.
 MySQL works on many operating system and with many
languages including PHP, PERL, C, C++, JAVA etc.
 MySQL supports large databases, up to 50 million rows or
more in a table. The default file size limit for a table I 4GB,
but you can increase this to theoretical limit of 8 million
terabytes (TB).
 MySQL is customizable. The open-source GPL license
allows programmers to modify the MySQL software to fit
their own specific environments.

12
 Online Shopping

6. BLOCK DIAGRAM

13
 Online Shopping

14
 Online Shopping

7. DESIGN AND IMPLEMENTATION

15
 Online Shopping

DESIGN AND IMPLEMENTATION:-

Implementation is the stage in the project development
where the theoretical design is turned into a working system. The
implementation phase constructs, installs and operates the new
system. The most crucial stage in achieving a new successful
system is that it will work efficiently and effectively.

In “Online Shopping” we designed easy user interface that

can be understood easily. We placed buttons to type numbers.

“Online Shopping” is the web project that deals with the

online payment and purchase of products.

Admin Rights:

1. Add Product
2. Add category
3. Add Brands
4. View/ Manage Orders & Customers

User rights:

1. Add products To cart

2. View products
3. Make Payment

16
 Online Shopping

8. LIMITATIONS

17
 Online Shopping

Limitations:-
Limitations of Existing System:-

 Some of the systems don’t provide good user interface and

some don’t provide options to confirmation message on
purchase on payment.

 Old systems are not secure and not store password in

encrypted form.

18
 Online Shopping

9. ADVANTAGES

19
 Online Shopping

ADVANTAGES:-
1. User friendly and easy to understand.
2. Can be used to purchase the products online.
3. Has option to (COD) and Online payments.
4. View Products and their information
5. Admin has a good user interface to add / view and
manage products and customers.
6. User can add products inside the cart and make purchase
whenever wants.

20
 Online Shopping

10. EXISTING SYSTEM

&
PRUPOSED SYSTEM

21
 Online Shopping

EXISTING SYSTEM:
1. In early days we used the manual shops to purchase products.

2. It is time consuming to go in market and purchase product.

3. Some systems don’t have good user interface.

PRUPOSED SYSTEM:
1. In proposed system we used computer web application to
online purchase.

2. In proposed system we paypal to make payments for the

product purchase

3. admin has good user interface to add products / view products /

view orders / view users and add category and add brand names.

4. user has option to add products to the cart view product .

22
 Online Shopping

11. SOURCE CODE

23
 Online Shopping

Index.php
<?php
session_start();
if(isset($_SESSION["uid"])){
header("location:profile.php");
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Store</title>
<link rel="stylesheet"
href="css/bootstrap.min.css"/>
<script src="js/jquery2.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="main.js"></script>
<link rel="stylesheet" type="text/css"
href="style.css">
<style></style>
</head>
<body>
<div class="wait overlay">

24
 Online Shopping

<div class="loader"></div>
</div>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-
toggle collapsed" data-toggle="collapse" data-
target="#collapse" aria-expanded="false">
<span class="sr-
only">navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">My
Store</a>
</div>
<div class="collapse navbar-collapse"
id="collapse">
<ul class="nav navbar-nav">
<li><a href="index.php"><span
class="glyphicon glyphicon-
home"></span>Home</a></li>

25
 Online Shopping

<li><a href="index.php"><span
class="glyphicon glyphicon-modal-
window"></span>Product</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control"
placeholder="Search" id="search">
</div>
<button type="submit" class="btn btn-
primary" id="search_btn"><span class="glyphicon
glyphicon-search"></span></button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" class="dropdown-toggle"
data-toggle="dropdown"><span class="glyphicon
glyphicon-shopping-cart"></span>Cart<span
class="badge">0</span></a>
<div class="dropdown-menu"
style="width:400px;">
<div class="panel panel-
success">
<div class="panel-

26
 Online Shopping

class="col-md-3">Sl.No</div>
<div
class="col-md-3">Product Image</div>
<div
heading">Login</div>

</div>
<div class="panel-
footer" id="e_msg"></div>
</div>
</div>
</ul>
</li>
</ul>
</div>
</div>
</div>
<p><br/></p>
<p><br/></p>
<p><br/></p>
<div class="container-fluid">
<div class="row">

27
 Online Shopping

<div id="get_brand">
</div>
<!--<div class="nav nav-pills nav-
stacked">
<li class="active"><a
heading">Products</div>
<div class="panel-body">
<div id="get_product">
<!--Here we get product
jquery Ajax Request-->
</div>
<!--<div class="col-md-4">
<div class="panel panel-
info">
<div class="panel-
heading">Samsung Galaxy</div>
<div class="panel-
body">
<img
src="product_images/images.JPG"/>
</div>
<div class="panel-
heading">$.500.00

28
 Online Shopping

<button
style="float:right;" class="btn btn-danger btn-
xs">AddToCart</button>
</div>
</div>
</div> -->
</div>
<div class="panel-footer">&copy;
2016</div>
</div>
</div>
<div class="col-md-1"></div>
</div>
</div>
</body>
</html>

29
 Online Shopping

12. SCREENSHOTS

30
 Online Shopping

Home Page

Shopping Cart

31
 Online Shopping

Add / View products

Add View Orders

32
 Online Shopping

Add / Delete brand Names

Add / Delete categories

33
 Online Shopping

13. REFERENCES

34
 Online Shopping

REFERENCES:-

Website Links:-
1) https://en.wikipedia.org/wiki/HTML
2) https://en.wikipedia.org/wiki/Speech_recognition
3) https://www.tutorialspoint.com/css/
4) http://www.tutorialspoint.com/javascript/

Books:-
1) HTML5 and CSS3 All In One For Dummies
2) Responsive Web Design with HTML5 and CSS3.

35
 Online Shopping

14. CONCLUSION

36
 Online Shopping

CONCLUSION:-
“Online Shopping” allow the user to perform operations such as
add products in the cart make purchase and make payment.
Admin can add products view orders and then performs delivery.

This can be improved further and can be integrated with small

businesses and companies.

37
 Online Shopping

15. SOFTCOPY

38