Online Shopping (Complete)

Index
SR. NO.
CONTENTS PAGE NO.
1 INTRODUCTION 1
2 SOFTWARE REQUIREMENT ANALYSIS 2--3
3 DATA FLOW DIAGRAMS 4—7
4 TESTING 8—9
5 SOURCE CODE 10—34
6 SCREEN OUTPUT 35—41
7 DECSCRIPTION 42—79
8 CONCLUSION 80
9 REFERENCES 56
Diagram Index
Sr no. Content Page no.
1 Class diagram 10
2 Case diagram 11
3 Activity diagram 15
3 Component diagram 17
4 Deployment diagram 17
5 Activity diagram 15
ABSTRACT
This is a small scale project for Online shopping system. The basic idea is that
customer’s can buy products using online. The administrator can enter the name and
password and can create an account and then generate the receipt of the products
purchased.
The Online Women Shopping system enables vendors to set up online shops,
customers to browse through the shops, and a system administrator to approve and reject
requests for new shops and maintain lists of shop categories. Also on the agenda is
designing an online shopping site to manage the items in the shop and also help
customers purchase them online without having to visit the shop physically.Our online
shopping mall will use the internet as the sole method for selling goods to its consumers.
Shopping will be highly personalized and the mall will provide lower prices than most
competitors.
It is an online store that enables website owners to sell their product online. It is
a web shopping cart that web enables the day-day sales functions.It includes
product and customer management modules.This website will be useful to
anyone who wants to purchase items using internet.

INTRODUCTION:
The aim of this project is on the online shopping application it is developed using HTML5,
Javascript, CSS, PHP. The application is very useful where the buyer can directly buy the
products from home via internet on mobile or system. The application reduces lot of work load
for customer as well as owner. The transaction of money is completed in real time system.
Some of the online shops are EBAY Amazon. By this online shopping the product is directly
delivered to customer home. Online shopping is the process consumers go through to purchase
products or Services over the Internet. An online shop, e-shopping, e-store, internet shop, web
shop , web store , online store, or virtual store evokes the physical analogy of buying products
or services at a bricks-and-mortar retailer or in a mall. The metaphor of an online catalog is also
used, by analogy with mail order catalogs. All types of stores have retail web sites, including
those that do and do not also have physical storefronts and paper catalogs. Online shopping is a
type of electronic commerce used for business-to-business(B2B) and business-to-
consumer (B2C) transactions. The term Web shop also refers to a place of business where web
development, web hosting and other types of web related activities take place (Web refers to the
World Wide Web and "shop" has a colloquial meaning used to describe the place where one's
occupation is carried out).
CHAPTER 2
SOFTWARE REQUIREMENT AND ANALYSIS
2.1.Study of the Problem

The Current shopping System is critical to set up online shops, customers to browse
through the shops, and a system administrator to approve and reject requests for new shops and
maintain lists of shop categories. This is a small scale project for Online shopping System. The
basic idea is that the candidates can buy product from anywhere during any time by using their
card number and password provided to them. The database will maintain the product details
information. Customer can view their product details using the card details. This Online
shopping system involves with two types of users.
 CUSTOMER
 ADMINISTRATOR
CUSTOMER ROLE:
The customer’s can login to the System. He/She can view his/her product details and buy
their product. The customer can just view the information whereas he/she could not make
changes in the database.
ADMINISTRATOR ROLE:
The administrator plays a vital role in the Online shopping system. The administrator
controls the entire database. The report of the product is generated by the administrator itself.
The main role of the administrator is to safeguard the database and can add/delete the products
from the database.
2.2.Project Scope
The supplementary specification applies to online shopping system. This
specification defines the non-functional requirement of the system such as:
Functionality:
Since it stand alone application, one or more user may use it at a time.
Usability:
Desktop interface
Windows 98/2000/XP/7/8
Technology:
Front End : HTML5,Java Script ,PHP
Back End : xampp
Database : MySql
Reliability:
The system is available during online time only .
Performance:
The performance depends on hardware specification
2.3. Objectives
The purpose of this document is to define the requirements of Online shopping system.
This supplementary specification lists the requirements that are not readily captured in the use
case model. Supplementary specification and the use case model capture a complete set of
requirement of the system.
CHAPTER 3
DATA FLOW DAIGRAMS
Use Case Diagram
A use case is a methodology used in system analysis to identify, clarify, and

organize system requirements. The use case is made up of a set of possible
sequences of interactions between systems and users in a particular environment
and related to a particular goal. It consists of a group of elements (for example,
classes and interfaces) that can be used together in a way that will have an effect
larger than the sum of the separate elements combined. The use case should
contain all system activities that have significance to the users.
customer items displayed purchase
login add item

admin
Class Diagram
A class diagram describes the types of objects in the system and the various kinds of
static relationships that exist among them.i.e.,A graphical representation of a static view on
declarative static elements. A class is the description of a set of objects having similar attributes,
operations, relationships and behavior.

custom items to display purchase
name : variant new name : variant new item name : variant new
age : variant itm no : variant itm no : variant
address : variant new manuf date : variant quantity : variant
city : variant new exp date : variant cost per item : variant
total cost : variant
view() purchase()
view()
adminis
login add item
name : variant new
age : variant user name : variant new item name : variant new
city : variant new password : variant new item no : variant
quantity : variant
add items() add items()
view()
Sequence Diagram
A sequence diagram in Unified Modeling Language (UML) is a kind of interaction

diagram that shows how processes operate with one another and in what order. It is a construct of
a Message Sequence Chart. Sequence diagrams are sometimes called event diagrams, event
scenarios, and timing diagrams.
administrator customer add item view item purchase
adding the item
viewing the item to purchase
purchasing
updating the items to customer
purchasing again
Collaboration Diagram
A Collaboration diagram is very similar to a Sequence diagram in the purpose it achieves;

in other words, it shows the dynamic interaction of the objects in a system. A distinguishing
feature of a Collaboration diagram is that it shows the objects and their association with other
objects in the system apart from how they interact with each other. The association between
objects is not represented in a Sequence diagram. A Collaboration diagram is easily represented
by modeling objects in a system and representing the associations between the objects as links.
The interaction between the objects is denoted by arrows. To identify the sequence of invocation
of these objects, a number is placed next to each of these arrows.
administrat
1: add the item
or
add item
customer
5: purchasing again
2: viewing the item to purchase
3: purchasing
view item purchase
4: updating the items to customer

Component Diagram
FIG3:COMPONENT DIAGRAM
3.4 Deployment Diagram
Server
Client Application
(Database)
Server
FIG4:DEPLOYMENT DIAGRAM
CHAPTER 4
TESTING
Definition:
Software testing is a critical element of software quality assurance and represents the ultimate
review of specification, design and coding. “Testing is a process of executing a program with
intent of finding errors”. Test cases prepared should not be very easy or very difficult.
Objective:
The objective of the testing is as follows:
 To design different tests that uncovers the errors with minimum time and cost.
 To check whether the software functions appear to be working according to the
specifications given by the user.
 A successful test is one that uncovers an as-yet-undiscovered error.
Types of Testing:
The testing techniques used for the system are as follows:
1. Usability Testing:
This testing is done for checking whether the given system is usable and acceptable for
customers. The transactions and operations can be carried out easily. This testing is done
through GUI testing i.e. forms; layouts are easily understandable to the customer.
Customer can easily fill up all the details.
2.Compliance Testing:
This testing is done to check system’s portability. The effort required to transfer a program from
one hardware configuration or software system environment to another.
3.Exhaustive Testing:
It performs sufficient testing to evaluate every possible path and condition in the application
system. This is the only test method that guarantees proper functioning of the application system.
4. Stress Testing:
Stress testing helps in finding out the product capability to handle a certain load and when the
system will break down due to overload of records. Loading of record can be steadily increased
to see when the system will fail.
7.2 Implementation
Implementation is a procedure of converting the proposed system into an operational one. The
objective of implementation was to carry out the conversion with minimum cost, minimum risk
and user satisfaction. The approach of direct changeover was used for implementation. This
implies the introduction of a completely new system without any reference to any previous
similar system that exists or may not exist. This methods help in implementing a system directly
as there are no chances of data loss or data conversion from one system to another.
Implementation needs only the required hardware and software configuration on the client side
which is there on to implement the system.
The implementation plan structured the implementation activity. Before implementing the
system, a check should be made on whether the required software and hardware are
CHAPTER 5
SOURCE CODE
Index.php
<?php
session_start();
error_reporting(0);
include('includes/config.php');
// Code user Registration
if(isset($_POST['submit']))
{
$name=$_POST['fullname'];
$email=$_POST['emailid'];
$contactno=$_POST['contactno'];
$password=md5($_POST['password']);
$query=mysqli_query($con,"insert into users(name,email,contactno,password)
values('$name','$email','$contactno','$password')");
if($query)
{
echo
"<script>alert('You are successfully register');</script>";
}
else{
echo "<script>alert('Not register something went worng');</script>";
}
}
// Code for User login
if(isset($_POST['login']))
{
$email=$_POST['email'];
$password=md5($_POST['password']);
$query=mysqli_query($con,"SELECT * FROM users WHERE email='$email' and
password='$password'");
$num=mysqli_fetch_array($query);
if($num>0)
{
$extra="my-cart.php";
$_SESSION['login']=$_POST['email'];
$_SESSION['id']=$num['id'];
$_SESSION['username']=$num['name'];
$uip=$_SERVER['REMOTE_ADDR'];
$status=1;
$log=mysqli_query($con,"insert into userlog(userEmail,userip,status) values('".
$_SESSION['login']."','$uip','$status')");
$host=$_SERVER['HTTP_HOST'];
$uri=rtrim(dirname($_SERVER['PHP_SELF']),'/\\');
header("location:http://$host$uri/$extra");
exit();
}
else
{
$extra="login.php";
$email=$_POST['email'];
$uip=$_SERVER['REMOTE_ADDR'];
$status=0;
$log=mysqli_query($con,"insert into userlog(userEmail,userip,status)
values('$email','$uip','$status')");
$host = $_SERVER['HTTP_HOST'];
$uri = rtrim(dirname($_SERVER['PHP_SELF']),'/\\');
header("location:http://$host$uri/$extra");
$_SESSION['errmsg']="Invalid email id or Password";
exit();
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>

<meta
charset="utf-8">
<meta http-
equiv="Content-Type" content="text/html; charset=UTF-8">
<meta
name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta
name="description" content="">
<meta
name="author" content="">
<meta
name="keywords" content="MediaCenter, Template, eCommerce">
<meta
name="robots" content="all">
<title>Shopping
Portal | Signi-in | Signup</title>

<link
rel="stylesheet" href="assets/css/bootstrap.min.css">

<link
rel="stylesheet" href="assets/css/main.css">
<link
rel="stylesheet" href="assets/css/green.css">
<link
rel="stylesheet" href="assets/css/owl.carousel.css">
<link
rel="stylesheet" href="assets/css/owl.transitions.css">

<link
href="assets/css/lightbox.css" rel="stylesheet">
<link
rel="stylesheet" href="assets/css/animate.min.css">
<link
rel="stylesheet" href="assets/css/rateit.css">
<link
rel="stylesheet" href="assets/css/bootstrap-select.min.css">

<link
rel="stylesheet" href="assets/css/config.css">
<link
href="assets/css/green.css" rel="alternate stylesheet" title="Green color">
<link
href="assets/css/blue.css" rel="alternate stylesheet" title="Blue color">
<link
href="assets/css/red.css" rel="alternate stylesheet" title="Red color">
<link
href="assets/css/orange.css" rel="alternate stylesheet" title="Orange color">
<link
href="assets/css/dark-green.css" rel="alternate stylesheet" title="Darkgreen color">


<link
rel="stylesheet" href="assets/css/font-awesome.min.css">


<link
href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,700' rel='stylesheet'
type='text/css'>

<header class="header-style-1">

<?php include('includes/top-header.php');?>

<?php include('includes/main-header.php');?>

<?php include('includes/menu-bar.php');?>

</header>

<div class="breadcrumb">
<div
class="container">
<div
class="breadcrumb-inner">
<ul
class="list-inline list-unstyled">
<li><a
href="home.html">Home</a></li>
<li
class='active'>Authentication</li>
</ul>
</div>
</div>

</div>
<div class="body-content outer-top-bd">

<div
class="container">
<div
class="sign-in-page inner-bottom-sm">
<div
class="row">

<div class="col-md-6 col-sm-6 sign-in">

<h4 class="">sign
in</h4>
<p class="">Hello,
Welcome to your account.</p>
<form
class="register-form outer-top-xs" method="post">
<span
style="color:red;" >
<?php
echo htmlentities($_SESSION['errmsg']);
?>
<?php
echo htmlentities($_SESSION['errmsg']="");
?>
</span>
<div
class="form-group">
<label
class="info-title" for="exampleInputEmail1">Email Address <span>*</span></label>
<input
type="email" name="email" class="form-control unicase-form-control text-input"
id="exampleInputEmail1" >
</div>
<div
class="form-group">
<label
class="info-title" for="exampleInputPassword1">Password <span>*</span></label>
<input
type="password" name="password" class="form-control unicase-form-control text-input"
id="exampleInputPassword1" >
</div>
<div
class="radio outer-xs">
<a
href="forgot-password.php" class="forgot-password pull-right">Forgot your Password?</a>
</div>
<button
type="submit" class="btn-upper btn btn-primary checkout-page-button"
name="login">Login</button>
</form>
</div>



<div class="col-md-6 col-sm-6 create-new-account">
<h4
class="checkout-subtitle">create a new account</h4>
<p class="text
title-tag-line">Create your own Shopping account.</p>
<form
class="register-form outer-top-xs" role="form" method="post" name="register"
onSubmit="return valid();">
<div class="form-group">
<label
class="info-title" for="fullname">Full Name <span>*</span></label>
<input
type="text" class="form-control unicase-form-control text-input" id="fullname"
name="fullname" required="required">
</div>
<div
class="form-group">
<label
class="info-title" for="exampleInputEmail2">Email Address <span>*</span></label>
<input
type="email" class="form-control unicase-form-control text-input" id="email"
onBlur="userAvailability()" name="emailid" required >
<span
id="user-availability-status1" style="font-size:12px;"></span>
</div>
<label
class="info-title" for="contactno">Contact No. <span>*</span></label>
<input
type="text" class="form-control unicase-form-control text-input" id="contactno"
name="contactno" maxlength="10" required >
</div>
<label
class="info-title" for="password">Password. <span>*</span></label>
<input
type="password" class="form-control unicase-form-control text-input" id="password"
name="password" required >
</div>
<label
class="info-title" for="confirmpassword">Confirm Password. <span>*</span></label>
<input
type="password" class="form-control unicase-form-control text-input" id="confirmpassword"
name="confirmpassword" required >
</div>
<button
type="submit" name="submit" class="btn-upper btn btn-primary checkout-page-button"
id="submit">Sign Up</button>
</form>
<span
class="checkout-subtitle outer-top-xs">Sign Up Today And You'll Be Able To : </span>
<div
class="checkbox">
<label
class="checkbox">
Speed
your way through the checkout.
</label>
<label
class="checkbox">
Track your
orders easily.
</label>
<label
class="checkbox">
Keep a record of all your purchases.
</label>
</div>
</div>

</div>
<script
src="switchstylesheet/switchstylesheet.js"></script>
<script>
$
(document).ready(function(){
$
(".changecolor").switchstylesheet( { seperator:"color"} );
$
('.show-theme-options').click(function(){
$
(this).parent().toggleClass('open');
return false;
});
});
$
(window).bind("load", function() {
$('.show-
theme-options').delay(2000).trigger('click');
});
</script>

</body>
</html>
CHAPTER 6
SCREEN OUPUT
CHAPTER 7
CONCLUSION
Technology has made significant progress over the years to provide consumers a better online
shopping experience and will continue to do so for years to come. With the rapid growth of
products and brands, people have speculated that online shopping will overtake in-store
shopping. While this has been the case in some areas, there is still demand for brick and mortar
stores in market areas where the consumer feels more comfortable seeing and touching the
product being bought. However, the availability of online shopping has produced a more
educated consumer that can shop around with relative ease without having to spend a large
amount of time. In exchange, online shopping has opened up doors to many small retailers that
would never be in business if they had to incur the high cost of owning a brick and mortar store.
At the end, it has been a win-win situation for both consumer and sellers.
CHAPTER 8
REFRENCES & BIOGRAPHY :
The following books were referred during the analysis and execution phase of the project
 Books Referred:
 BEGINNING PHP 5 ---DAVE MERCER
 BLACK BOOK HTML ---WILEY DREAMTECH
 PHP AND MYSQL WEB DEVELOPMENT --- LUKEWELLING,LAURA
 MICROSOFT SQL SERVER-2000 ---RANKIN, PAUL & JENSEN
 SQL SERVER-2000 ---DUSAN PETKOVIC
 PHP IN A NUTSHELL --- PAUL HUDSON

Online Shopping (Complete)

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Online Shopping (Complete)

Uploaded by

Copyright:

Available Formats

Index

CONTENTS PAGE NO.

2 SOFTWARE REQUIREMENT ANALYSIS 2--3

3 DATA FLOW DIAGRAMS 4—7

5 SOURCE CODE 10—34

6 SCREEN OUTPUT 35—41

Sr no. Content Page no.

It is an online store that enables website owners to sell their product online. It is

product and customer management modules.This website will be useful to

anyone who wants to purchase items using internet.

2.1.Study of the Problem

A use case is a methodology used in system analysis to identify, clarify, and

customer items displayed purchase

login add item

operations, relationships and behavior.

A sequence diagram in Unified Modeling Language (UML) is a kind of interaction

administrator customer add item view item purchase

adding the item

viewing the item to purchase

updating the items to customer

A Collaboration diagram is very similar to a Sequence diagram in the purpose it achieves;

2: viewing the item to purchase

4: updating the items to customer

3.4 Deployment Diagram

 A successful test is one that uncovers an as-yet-undiscovered error.

<!-- ============================================== HEADER : END

</div>

</div>

<div class="body-content outer-top-bd">

<div class="col-md-6 col-sm-6 sign-in">

<!-- For demo

 BEGINNING PHP 5 ---DAVE MERCER

 BLACK BOOK HTML ---WILEY DREAMTECH

 PHP AND MYSQL WEB DEVELOPMENT --- LUKEWELLING,LAURA

 MICROSOFT SQL SERVER-2000 ---RANKIN, PAUL & JENSEN

 SQL SERVER-2000 ---DUSAN PETKOVIC

 PHP IN A NUTSHELL --- PAUL HUDSON

You might also like