This document contains a mini project report on an online women's shopping system. It includes an abstract, contents page, and 5 chapters that cover the introduction, analysis, design, implementation, and screenshots of the system. The system allows customers to browse and purchase products online without visiting a physical shop. It uses technologies like HTML5, JavaScript, CSS, PHP for the frontend and backend, and MySQL for the database. The system has two user types - customers and administrators. Customers can view products, search, and make purchases. Administrators control the database, add/remove products, and generate reports.

1. P a g e | 1
Ramrao Adik Institute of Technology
(Department of Computer Engieering)
Mini Project Report
On
ONLINE WOMEN SHOPPING
Subject-: Web Technologies
Presented By
Under the guidance of
Prof.Sheetal Ahir
Prof. Kamlesh Nenwani
Signature of Internal Examiner Signature of External Examiner
Roll No Batch-Sr. No Name
12CE1004 A1-3 SHREETOMA BAG
12CE1083 A1-12 KAMAKSHI BHAT

2. P a g e | 2
Contents of Report:
 ABSTRACT
 INDEX
 Chapter 1-Introduction
 Chapter 2-Analysis
 Chapter-3 Design
 Chapter-4 Implementation
 Chapter-5 Screenshots
 Chapter-6 Conclusion

3. P a g e | 3
ABSTRACT:
This is a small scale project for Online Furniture 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 can search and purchases products.
The Online Furniture 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.

4. P a g e | 4
INDEX:
CHAPTER NO. TOPIC PAGE NO.
1 INTRODUCTION 5
2 ANALYSIS
2.1 STUDY OF THE PROBLEM 6
2.2 PROJECT SCOPE 7
2.3 OBJECTIVES 8
3 DESIGN 9
4 IMPLEMENTATION 10

5. P a g e | 5
CHAPTER-1
INTRODUCTION:
The aim of this project is on the online shopping application it is developed
using HTML5, JAVA script, 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).

6. P a g e | 6
CHAPTER-2
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:

7. P a g e | 7
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

8. P a g e | 8
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.

9. P a g e | 9
CHAPTER-3
DESIGN:

10. P a g e | 10
CHAPTER-4
IMPLEMENTATION:
CODE FOR HOMEPAGE
<html>
<head>

11. P a g e | 11
<title>online shopping</title>
<link rel="stylesheet" type="text/css" href="onlineshop.css">
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="slide1.jpg"
var image2=new Image()
image2.src="slide2.jpg"
var image3=new Image()
image3.src="slide3.jpg"
var image4=new Image()
image4.src="slide4.jpg"
//-->
</script>
<script src="reg_valid.js"></script>
</head>
<body>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<small>FOR ANY QUERIES/SUGGESTION CALL ON:18001800</small>
<br><br><br>
<div id="header" style="background-image:url("title.jpg")">
<marquee behavior="alternate">WOMENSERA-ONE STOP SHOP FOR ALL TYPES OF WOMEN
PRODUCTS</marquee>
<br><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<table>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<tr>
<td><a href="onlineshop.html">HOME</a></td>

12. P a g e | 12
<td><a href="apparels.html">APPARELS</a></td>
<td><a href="accessories.html">ACCESSORIES</a></td>
<td><a href="watches.html">WATCHES</a></td>
<td><a href="bags.html">BAGS</a></td>
<tr>
</table>
<br><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;
<img src="slide1.jpg" name="slide" width="500" height="350">
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<4)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",1200)
}
slideit()
//-->
</script>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<div id="aside" style="background-color:#D8D8D8;height:320px;width:350px;float:right">
<h3 align="center"><b><u>REGISTER HERE!!!!</u></b></h3>
<form name="myForm" onsubmit="return validateForm()" action="register.php" method="post">
&nbsp; &nbsp; &nbsp;User Id:<input type="text" name="UserId"><br><br>
&nbsp; &nbsp; &nbsp;Username:<input type="text" name="UserName"><br><br>
&nbsp; &nbsp; &nbsp;Email id :&nbsp;<input type="text" name="Email"><br><br>
&nbsp; &nbsp; &nbsp;Password: <input type="password" name="Password"><br><br>
&nbsp; &nbsp; &nbsp;Address:&nbsp;&nbsp; <input type="text" name="Address"><br><br>

13. P a g e | 13
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input
type="submit" value="submit">
</form>
</div>
</body>
</html>
CODE FOR DATABASE FOR REGISTRATION
<?php
include("page.php");
$localhost1='localhost';
$username='root';
$password='';
$con= mysqli_connect($localhost1,$username,$password) or exit('could not connect to server');
mysqli_select_db($con, 'online_shop') or exit('could not find the database');
$userid=$_POST['UserId'];
$name=$_POST['UserName'];
$email=$_POST['Email'];
$password=$_POST['Password'];
$address=$_POST['Address'];
$res="insert into
register(UserId,UserName,Email,Password,Address)values('$userid','$name','$email','$password','$addr
ess')";
$db=mysqli_query($con,$res);
echo'<center><div id="aside" style="background-
color:#D8D8D8;height:200px;width:350px;float:">';
echo"<br>"." You have been successfully registered<br> Plzz remember your userid and
password";
echo"</div></center>";
?>
CODE FOR CART
<?php
include("page.php");
$localhost1='localhost';
$username='root';
$password='';
$con= mysqli_connect($localhost1,$username,$password) or exit('could not connect to server');
mysqli_select_db($con, 'online_shop') or exit('could not find the database');
$userid=$_POST['Id'];
$sql="select * from cart where UserId1='".$_POST['Id']."'";

14. P a g e | 14
$retval=mysqli_query( $con, $sql );
if(! $retval )
{
die('Could not get data: ' . mysql_error());
}
$sum=0;
#echo'<table><th><td></td>';
$sql="select distinct UserName1,Address1 from cart where UserId1='".$_POST['Id']."'";
$retval1=mysqli_query( $con, $sql );
if(! $retval1 )
{
die('Could not get data: ' . mysql_error());
}
while($row = mysqli_fetch_array($retval1))
{
echo'<center><div id="aside" style="background-color:#D8D8D8;height:50px;width:350px;float:">';
echo "<h4>User Name :{$row['UserName1']}<br>"."Address : {$row['Address1']}<br></h4>";
echo"</div></center>";
}
while($row = mysqli_fetch_array($retval))
{
echo'<center><div id="aside" style="background-
color:#D8D8D8;height:120px;width:350px;border:2px solid darkred">';
# echo "User Name :{$row['UserName1']} <br> "."Address : {$row['Address1']} <br>";
echo "Product id :{$row['ProductId1']}<br><br> "."Product Name : {$row['ProductName1']}<br>
";
echo "Product Cost:{$row['ProductCost1']}<br>";
$productid1=$row['ProductId1'];
echo'<form action="del.php" method="post"><input type="hidden" name="Uid" id="Uid"
value="'.$userid.'"><input type="checkbox" name="Pid" id="Pid" value="'.$productid1.'">';
echo '<input type="submit" value="delete"></form> ';
echo"</div></center>";
$sum=$sum+$row['ProductCost1'];
}
echo'<center><div id="aside" style="background-color:#D8D8D8;height:50px;width:350px;float:">';
echo "<h4>Total cost:".$sum;echo"</h4></div></center>";
?>
CODE FOR DELETION
<?php
include("page.php");
$localhost1='localhost';
$username='root';

15. P a g e | 15
$password='';
$con= mysqli_connect($localhost1,$username,$password) or exit('could not connect to server');
mysqli_select_db($con, 'online_shop') or exit('could not find the database');
$sql="delete from cart where ProductId1='".$_POST['Pid']."'AND UserId1='".
$_POST['Uid']."'LIMIT 1";
$retval=mysqli_query( $con, $sql );
if(! $retval )
{
die('Could not get data: ' . mysql_error());
}
$sql="select distinct UserName1,Address1 from cart where UserId1='".$_POST['Uid']."'";
$retval1=mysqli_query( $con, $sql );
if(! $retval1 )
{
die('Could not get data: ' . mysql_error());
}
while($row = mysqli_fetch_array($retval1))
{
echo'<center><div id="aside" style="background-color:#D8D8D8;height:50px;width:350px;float:">';
echo "<h4>User Name :{$row['UserName1']}<br>"."Address : {$row['Address1']}</h4><br>";
echo"</div></center>";
}
$sel="select * from cart where UserId1='".$_POST['Uid']."'";
$ret=mysqli_query( $con, $sel );
if(! $ret )
{
die('Could not get data: ' . mysql_error());
}
$sum=0;
while($row = mysqli_fetch_array($ret))
{
echo'<center><div id="aside" style="background-color:#D8D8D8;height:120px;width:350px;float:">';
# echo "User Name :{$row['UserName1']} <br> "."Address : {$row['Address1']} <br>";
echo "Product id :{$row['ProductId1']} <br> "."Product Name : {$row['ProductName1']}
<br><br>";
echo "Product Cost:{$row['ProductCost1']} <br> ";
echo"</div></center>";
$sum=$sum+$row['ProductCost1'];
}
echo'<center><div id="aside" style="background-color:#D8D8D8;height:75px;width:350px;float:">';
echo "total cost:".$sum;

16. P a g e | 16
echo "<h4>You will get your delivery within 10 days </h4></div></center>";
?>

17. P a g e | 17
REGISTER:

18. P a g e | 18
AFTER REGISTER:
DATABASE UPDATION:

19. P a g e | 19
BUYING PRODUCT:

20. P a g e | 20
VIEWING CART:

21. P a g e | 21
DELETE CART:
RECEIPT: