You are on page 1of 82


1 Online Shopping


The system helps in buying of goods, products and services online by choosing the listed products from website(E-Commerce site). It is a website which reduce the time and effort needed to go to the Mega Store.Once subscribed to this website, you are able to do shopping online on all the things which you required wheather they are day to day or consumer or any other good. The categories are provided by the site and the user can select more than one goods from the given categories. This site can be used by the users to do online shopping. The subscription is free of cost. This site is created using PHP, XML and MySQL, JC and CSS.

2 Online Shopping


In day to day life, we will need to buy lots of goods or products from a shop. It may be food items, electronic items, house hold items etc etc. Now a days, it is really hard to get some time to go out and get them by ourselves due to busy life style or lots of works. In order to solve this, B2C E-Commerce websites have been started. Using these websites, we can buy goods or products online just by visiting the website and ordering the item online by making payments online. This existing system of buying goods has several disadvantages. It requires lots of time to travel to the particular shop to buy the goods. Since everyone is leading busy life now a days, time means a lot to everyone. Also there are expenses for travelling from house to shop. More over the shop from where we would like to buy some thing may not be open 24*7*365. Hence we have to adjust our time with the shopkeepers time or vendors time. In order to overcome these, we have e-commerce solution, i.e one place where we can get all required goods/products online. The proposed system helps in building a website to buy, sell products or goods online using internet connection. Purchasing of goods online, user can choose different products based on categories , online payments , delivery services and hence covering the disadvantages of the existing system and making the buying easier and helping the vendors to reach wider market.

3 Online Shopping


1. Hardware Requirements

2. Software Requirements

4 Online Shopping

System analysis is a process of gathering and interpreting facts, diagnosing problems and the information to recommend improvements on the system. It 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 studied to the minutest detail and analyzed. The system analyst plays the role of the interrogator and dwells deep into the working of the present system. The system is viewed as a whole and the input to the system are identified. The outputs from the organizations are traced to the various processes. System analysis is concerned with becoming aware of the problem, identifying the relevant and decisional variables, analyzing and synthesizing the various factors and determining an optimal or at least a satisfactory solution or program of action. A detailed study of the process must be made by various techniques like interviews, questionnaires etc. The data collected by these sources must be scrutinized to arrive to a conclusion. The conclusion is an understanding of how the system functions. This system is called the existing system. Now the existing system is subjected to close study and problem areas are identified. The designer now functions as a problem solver and tries to sort out the difficulties that the enterprise faces. The solutions are given as proposals. The proposal is then weighed with the existing 5 Online Shopping

system analytically and the best one is selected. The proposal is presented to the user for an endorsement by the user. The proposal is reviewed on user request and suitable changes are made. This is loop that ends as soon as the user is satisfied with proposal. Preliminary study is the process of gathering and interpreting facts, using the information for further studies on the system. Preliminary study is problem solving activity that requires intensive communication between the system users and system developers. It does various feasibility studies. In these studies a rough figure of the system activities can be obtained, from which the decision about the strategies to be followed for effective system study and analysis can be taken. Here in the project News aggregator, a detailed study of existing system is carried along with all the steps in system analysis. An idea for creating a better project was carried and the next steps were followed.


An important outcome of the preliminary investigation is the determination that the system requested is feasible. Feasibility study is carried out to select the best system that meets the performance requirements.

Feasibility study is both necessary and prudent to evaluate the feasibility of the project at the earliest possible time. It involves preliminary investigation of the project and examines whether the designed system will be useful to the organization. Months or years of effort, thousand for millions of money and untold professional

6 Online Shopping

embarrassment can be averted if an in-conceived system is recognized early in the definition phase.

The different types of feasibility are: Technical feasibility, Operational feasibility, Economical feasibility.

1) Technical feasibility

Technical Feasibility deals with the hardware as well as software requirements. Technology is not a constraint to type system development. We have to find out whether the necessary technology, the proposed equipments have the capacity to hold the data, which is used in the project, should be checked to carryout this technical feasibility.

The technical feasibility issues usually raised during the feasibility stage of investigation includes these This software is running in windows 2000 Operating System, which can be easily installed. The hardware required is Pentium based server. The system can be expanded.

2) Operational feasibility

This feasibility test asks if the system will work when it is developed and 7 Online Shopping

installed. Operational feasibility in this project:

The proposed system offers greater level of user-friendliness. The proposed system produces best results and gives high performance. It can be implemented easily .So this project is operationally feasible.

3) Economical feasibility

Economical Feasibility deals about the economical impact faced by the organization to implement a new system. Financial benefits must equal or exceed the costs. The cost of conducting a full system, including software and hardware cost for the class of application being considered should be evaluated.

Economic Feasibility in this project: The cost to conduct a full system investigation is possible. There is no additional manpower requirement. There is no additional cost involved in maintaining the proposed system.


Existing system refers to the system that is being followed till now. Presently all the we have to buy goods from going to Mega Stores or any near by shop to get the 8 Online Shopping

product but now the problem can be solved easily by online shopping shopping site. Thus a user will have to spent to buy the product from the desired category.This may lead to wastage of time if the consumer live in places where the Mega Stores are far away. The main disadvantage is that their will be lot of difficulties for the user to find the upcoming or the latest products in near by markets.

Draw backs of existing system.

Difficult for user to find latest products. Time consuming.


The aim of proposed system is to develop a system of improved facilities. The proposed system can overcome all the limitations of the existing system. The system reduces time wastage. The existing system has several disadvantages and many difficulties to work efficiently. The proposed system tries to eliminate or reduce these difficulties up to some extent. The proposed system will help the user to consume less time to obtain the required information. The system requires very low system resources and the system will work only in internet connection.

Advantages of Proposed System

Choose products faster and easier at one place. Saves time of travelling to the vendor/sellers place.

9 Online Shopping

Good/Trusted & Tension free delivery services. Products bought online will be delivered to the footsteps of the buyer free of cost(may be varied based on the vendor/seller). Alerts and real time reporting through Emails (to both vendor as well as buyer). Reports generated can be saved for future references. Inventory reports for the vendor/seller on daily, monthly, yearly basis.

10 Online Shopping


Data flow oriented techniques advocate that the major data items handled by a system must be first identified and then the processing required on these data items to produce the desired outputs should be determined. The DFD (also called as bubble chart) is a simple graphical formalism that can be used to represent a system in terms of input data to the system, various processing carried out on these data, and the output generated by the system. It was introduced by De Macro (1978), Gane and Sarson (1979).The primitive symbols used for constructing DFDs are:

Symbols used in DFD

A circle represents a process.

A rectangle represents external entity

A square defines a source or destination of the system data. 11 Online Shopping

An arrow identifies dataflow.

Double line with one end closed indicates data store

DFD for Login Module

User Login Details User ONLINE SHOPPIN G

Admin Login Details Admin ONLINE SHOPPIN G

12 Online Shopping

DFD- User

Category Details



Registration Details


Verify Login Details Logi n


13 Online Shopping

DFD- Admin

Administrator Login Details Verify Logi n category admin Reg: Details account

Add categories


14 Online Shopping



usernam e


Ad d

Vie w passwor d usernam e firstname lastname userid catname

selcat Account email


catlink ename catid

dob vie w userid catid

Regist er


Chec k

Products Category

15 Online Shopping

PHP is an open-source server-side scripting language we can create dynamic web pages with the PHP scripting

language. A dynamic Web page interacts with the user, so that each user visiting the page sees customized information. PHP can also be used to create dynamic web pages that are generated from information accessed from a MySQL database. we can embed PHP commands within a standard HTML page. PHP's syntax is similar to that of C and Perl, making it easy to learn for anyone with basic programming skills. Another feature that PHP offers is connectivity to most of the common databases (including Oracle, Sybase, MySQL, ODBC and many others, although currently only MySQL is supported on the central webservers.) PHP also offers integration with various external libraries, which allow the developer to do anything from generating PDF documents to parsing XML.

Using PHP on Webserve

Bang lines are not required and will be ignored if present. (This information is provided for historical purposes as the previous web server environment required bang lines.)

You should use .php as the file extension. This refers to only PHP files executed directly via a URL. Include files may use other extensions, such as .inc. If you have PHP files that currently use .php4 extensions, it is strongly recommended that you move toward using .php for these instead. 16 Online Shopping

The script must have owner execute permission. For best security, we strongly recommend using permissions set to 700 (only owner has read, write, and execute privileges).


By default, when PHP creates a session file it stores it in /tmp. The /tmp directory is local and independent to each of the backend web servers. Hence, if a request is made to server_1, it stores the session file in its own /tmp. If a subsequent request for the same user ends up going to server_2, it won't find the original session file.

The load balancers control how web requests are distributed across the backend web servers. These load balancers are configured to provide session persistence by tracking the IP address of the web browser and the backend web server to which a request is sent. The goal is to send all subsequent requests from a given web browser back to the same backend web server. As a result, normally the PHP session files in /tmp work as expected because the multiple requests for the same user is consistently sent to the same backend web server.

However, the load balancers can only cache so much data and eventually older data is overwritten by new incoming requests. This can cause the loss of persistence information. PHP allows you to specify the location of the session files (i.e., other than /tmp). In the Webserve environment, it is recommended that you create a session directory in the login directory of your account and write the session information there. Doing it this way will guarantee session 17 Online Shopping

persistence. You should do occasional cleanup of any unused session files that aren't deleted.

When running your scripts, if you receive a 500 Internal Server Error message, please check the following: 1. Check to make sure the file permission is set to 700 (read, write, and execute for owner only). 2. Check the Directory (folder) permission. Setting it to 777 will give you a 500 Internal Set it to 711. 3. When the file/directory permissions are set correctly, and you are still getting a 500 error, it is likely due to line compatibility between the program used to create/upload the file and the Linux server. To correct this, login to the account on Webserve via an SSH client that provides a command line interface and do the following: a. Move to the directory where your php file is using the 'cd' command (e.g., cd www). b. Open the file using an editor such as nano and save it by typing Ctrl + o This simple steps may solve your problem because it converts Windows CR/LF (carriage return/line feed) to Unix LF (line feed) or Mac CR to Unix LF. Server Error.

18 Online Shopping

To prevent this problem, you need to change settings/preferences in the program you are using to develop php files. To set preferences in Dreamweaver, go to Edit => Preferences. Select Code Format or HTML Format (depending on the versions). Change Line Breaks to LF (Unix).

Connecting to MySQL using PHP

The purpose of this document is to help the MySQL account holders get started with developing their Web front for their MySQL database.

Please note that the IU/UITS WebMaster and IU/UITS WebHost groups will not be providing services related to database design, creation, and management (often referred to as the DBA, or DataBase Administrator role) or Web to database application programming services as part of the mySQL database service.

We provide the following codes as an example of scripts connecting to MySQL DB from your Veritas/Champion account when you use PHP or Perl scripts.

To make the code work for your account, replace port_number with your mysql account's port number, user_name with your user name, and password with the user's password.

19 Online Shopping

A database is an organized mechanism that has the capability of storing information through which a user can retrieve stored information in an effective and efficient manner. The data is the purpose of any database and must be protected. The database design is a two level process. In the first step, user requirements are gathered together and a database is designed which will meet these requirements as clearly as possible. This step is called Information Level Design and it is taken independent of any individual Database Management System (DBMS). In the second step, this Information level design is transferred into a design for the specific DBMS that will be used to implement the system in question. This step is called Physical Level Design, concerned with the characteristics of the specific DBMS that will be used. A database design runs parallel with the system design. The organization of the data in the database is aimed to achieve the following two major objectives. Data Integrity Data independence

20 Online Shopping

Module Description : The system consists of the following modules : Master Maintenance : This module consists of information about the products and services. This includes two sub-modules, Product master and Price master. Product master includes the information about particular product, such as product number, item, name, category, images of products, description, features, and constraints of products. All these will be entered to the database through product master and hence made available in the website. In Other words product master is the admin area for the vendors/sellers where they can put information about their products which are to be displayed in the website.

Price master deals with the cost of the product, discounts applicable for the particular product of a vendor/seller.

Transactions :

In this module, management of shopping cart is done. This module will add the bought item to the shopping cart, where all items that are to be purchased can be reviewed once again after the item is bought from the cart. Payment will be done on Delivery of the items ( Cash On Delivery). Reporting :

In this module all reports will be generated. Whenever a item is sold, or customer orders a product, its vendor should be sent an alert via email immediately so that he can ship that item soon. 21 Online Shopping

This module has 3 sub modules; Stock Reports, Order Reports and Delivery Reports.

Stock Report will produce reports of the quantity of the products available and product status. Order Report will have the list of products ordered and the customer details who have bought that product, which are undelivered. Delivery Reports will generate products list, which are delivered to customers.

House Keeping :

This module takes care of data which are older than a certain period. It will allow the vendor to archive the reports generated or transaction and business history reported by Reporting module.

22 Online Shopping


<?php session_start(); include("config/config.php"); if(isset($_SESSION['user'])) { $username=$_SESSION['user']; //echo "User name :".$username; } else { ?> <script> alert('You Are Not Logged In !! Please Login to access this page'); window.location='login.php'; </script> <?php } ?>

23 Online Shopping

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <script type="text/javascript" src="js/functions.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Online Shopping</title> <link href="css/online.css" rel="stylesheet" type="text/css" /> <style type="text/css" media="all"> @import "online.css"; </style> <script language="javascript"> // function for comfirm box !! function logoutcon() { var conlog = confirm('Are you sure you want to log out !!'); if(conlog) { alert(window.location="logout.php"); } else
24 Online Shopping

{ return false; } } </script> </head>

<?php $count=@mysql_query("SELECT * from t_orders_trn WHERE username='$username' AND ord_deliverystatus= 'Waiting'"); $order_count=@mysql_num_rows($count); $count_del=@mysql_query("SELECT * from t_orders_trn WHERE username='$username' AND ord_deliverystatus= 'Delivered'"); $del_count=@mysql_num_rows($count_del); ?>

<body class="twoColFixLtHdr"> <div id="header"> <!-- end #header --> </div> <div id="container"> <div id="container1"></div>
25 Online Shopping

<div id="sidebar1"> <div id="subsidebar1"> <div id="subsidebar3"> Navigation </div> <div id="subsidebar2"><a href="productmaster.php">Product Master</a> </div> <div id="subsidebar2"><a href="pricemaster.php">Price Master</a> </div> <div id="subsidebar4">Display <ul><li><a href="productdisplay.php">Product Master</a></li> <li><a href="pricedisplay.php">Price Master</a></li></ul> </div> <div id="subsidebar2"><a href="reports.php">Order Reports<?php echo' ('.$order_count.')';?></a> </div> <div id="subsidebar2"><a href="delivered.php">Delivery Reports<? php echo' ('.$del_count.')';?></a> </div> <div id="subsidebar2"><a href="stock.php">Stock Reports</a> </div> <div id="subsidebar2"><a href="backup.php">Back UP</a> </div>
26 Online Shopping

<div id="subsidebar5">Archive <ul> <?php $get_date= @mysql_query("SELECT DISTINCT bck_archive FROM t_backup_trn WHERE username= '$username' ORDER BY bck_archive DESC")or die(mysql_error()); $num_date= @mysql_num_rows($get_date); for($i=0;$i<$num_date;$i++) { $date= @mysql_result($get_date,$i,'bck_archive'); ?> <li><a href="backupdisplay.php?date=<?php echo $date;?>"><?php echo $date;?></a></li> <?php } ?> </ul> </div> <div id="subsidebar2"><a href="mail.php">Send Mail</a> </div> <div id="subsidebar4">Account Settings <ul><li><a href="changepassword.php">Change Password</a></li>
27 Online Shopping

<li><a href="accountsettings.php">Account Details</a></li></ul> </div> <div id="subsidebar2"><a href="" onclick="logoutcon();">Log out</a> </div> </div> <!-- end #sidebar1 --> </div>

<div id="mainContent"> <div id="mainContent1"> <div id="middletxtheadermain"> <div id="middletxtheader" align="right">Welcome</div> <div id="middletxt1"> <div align="center"><img src="images/onlinebanner.jpeg" alt="Online Shopping" width="600" height="100"/> </div> </div> </div> <div id="middletxt"> <div id="middletxtheader" align="right"></div> <!-- end #middletxt -->

28 Online Shopping

<div align="center"><img src="images/shopping-online.jpg" alt="Shopping Bag" width="580" height="420" align="center" /> </div> </div> </div> <!-- end #mainContent --> </div> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --> <div id="footer"> (C) Copyright BHUPESH VATS <!-- end #footer --> </div> <!-- end #container --> </div> </body> </html>

Registration page
<?php include("config/config.php"); ?>
29 Online Shopping

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Online Shopping</title> <link href="css/online.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/functions.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/count.js"></script> <script type="text/javascript" src="js/ajax_captcha.js"></script> <script type="text/javascript" src="js/signup.js"></script> <script type="text/javascript" src="js/signupvalidation.js"></script> <style type="text/css" media="all"> @import "online.css"; </style> <script language="javascript"> function charcount() { document.getElementById('static').innerHTML = "Characters Remaining: <span id='charsLeft1'> 100 </span>";
30 Online Shopping

document.getElementById('static').innerHTML = "Characters Remaining: <span id='charsLeft2'> 400 </span>"; } </script> </head> <body class="twoColFixLtHdr"> <div id="header"> <!-- end #header --> </div> <div id="container"> <div id="container1"></div> <div id="sidebar1"> <div id="subsidebar1"> <div id="subsidebar3"> Navigation </div> <div id="subsidebar2"><a href="Startup.html">Home</a> </div> <div id="subsidebar2"><a href="login.php">Login</a> </div> <div id="subsidebar2"><a href="aboutus.php">About Us</a> </div> </div> <!-- end #sidebar1 -->
31 Online Shopping

</div> <div id="mainContent"> <div id="mainContent1"> <div id="middletxtheadermain"> <div id="middletxtheader">Sign Up Page</div> <div id="middletxt1"> <p>Create your account here.</p> </div> </div> <div id="middletxt"> <form action="" method="post" name="frm_signup" id="frm_signup" enctype="multipart/form-data"> <table width="100%" border=0> <tr> <td height="22"><table width="100%" border=0> <tr> <th colspan="5" id="formhedear">Please enter Your details.</th> </tr> <tr> <td height="34" colspan="2"></td>

32 Online Shopping

<td colspan="3"><div align="right"><font color="#FF0000">*</font><span class="style3"> Required &nbsp; </span></div></td> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font> Salutation : </strong></div></td> <td width="128"><select name="selsalutation" id="selsalutation" style="width:180px;"> <option value="selsalutation">--Select--</option> <option value="Mr">Mr.</option> <option value="Ms">Ms.</option> <option value="Mrs">Mrs.</option> </select> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>First Name : </strong></div></td> <td width="128"><input type="textbox" name="txtsin_fname" id="txtsin_fname" maxlength="30" style="width:176px;"
33 Online Shopping

onChange="document.getElementById('txtsin_fna me').value=trim(this.value);"/></td> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>Last Name : </strong></div></td> <td width="128"><input type="textbox" name="txtsin_lname" id="txtsin_lname" maxlength="30" style="width:176px;" onChange="document.getElementById('txtsin_lna me').value=trim(this.value);"/></td> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>Gender : </strong></div></td> <td width="128"><input type="radio" name="rd_gen" id="rd_male" value="Male">Male &nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name="rd_gen" id="rd_female" value="Female">Female</td> </tr> <tr>
34 Online Shopping

<td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>E-mail : </strong></div></td> <td width="128"><input type="textbox" name="txtsin_email" id="txtsin_email" maxlength="50" style="width:176px;" onChange="document.getElementById('txtsin_ema il').value=trim(this.value);"/></td> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>User Name : </strong></div></td> <td width="128"><input type="textbox" name="txtsin_username" id="txtsin_username" maxlength="20" style="width:176px;" onChange="UserCheckAvail(this.value);document. getElementById('txtsin_username').value=trim(this.value);"/> <div class="example">(Only Lower case Allowed.)</div> <span name="userChange" id="userChange" style="color:red;">&nbsp;</span></td> </tr>
35 Online Shopping

<tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>Password : </strong></div> <td width="128"><input type="password" name="txtsin_password" id="txtsin_password" maxlength="20" style="width:176px;" onChange="document.getElementById('txtsin_pass word').value=trim(this.value);"/><div class="example">(Minimum 8 characters.)</div></td></td> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>Re-Enter Password : </strong></div></td> <td width="128"><input type="password" name="txtsin_rpassword" id="txtsin_rpassword" maxlength="20" style="width:176px;" onChange="document.getElementById('txtsin_rpas sword').value=trim(this.value);"/><div class="example">(Minimum 8 characters.)</div></td></td> </tr>
36 Online Shopping

<tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>URL : </strong></div></td> <td width="200"><input type="textbox" name="txtsin_url" id="txtsin_url" maxlength="40" style="width:176px;" onChange="document.getElementById('txtsin_url'). value=trim(this.value);"/><div class="example">(Eg.http://localhost/rishi/'UserName'/)</div></td></td> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>Select Security Question : </strong></div></td> <td width="128"><select name="sel_SQ" id="sel_SQ" style="width:180px;"> <option value="sel_SQ">--Select--</option> <option value="My age" >My Age</option> <option value="My birth place">My Birth Place</option> <option value="My primary school name">My Primary School name</option>
37 Online Shopping

<option value="My favourate Teacher name">My favourate Teacher name</option> <option value="My puc percentage">My puc percentage</option> <option value="My Best Friend">My Best Friend</option> <option value="My mother name">My mother name</option> </select></td> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>Answer : </strong></div></td> <td width="128"><input type="textbox" name="txtsin_ans" id="txtsin_ans" maxlength="20" style="width:176px;" onChange="document.getElementById('txtsin_ans') .value=trim(this.value);"/></td> </tr> <tr> <td><div align="right"><strong><font color="#FF0000">*</font>Address :</strong></div>
38 Online Shopping

<p align="right" class="example">(Maximum 100 characters) </p></td> <td colspan="4"><textarea name="ta_add" id="ta_add" wrap="physical" cols="45" rows="5" title="Address Should no excide 100 characters !!" onchange=" document.getElementById('ta_add').value=trim(this.value);"></textarea> <br> Characters Remaining: <span id="charsLeft1">100</span> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font> Country : </strong></div></td> <td width="128"><select name="selcountry" id="selcountry" style="width:180px;"> <option value="selcountry">--Select--</option> <?php $get_cty=mysql_query("SELECT country_name FROM t_country")or die(mysql_error()); $num_cty=mysql_num_rows($get_cty);
39 Online Shopping

for($i=0;$i<$num_cty;$i++) { $cty=mysql_result($get_cty,$i,'country_name'); ?> <option value="<?php echo $cty;?>"><?php echo $cty;?></option> <?php } ?> </select></td> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>Mobile No : </strong></div></td> <td width="128"><input type="textbox" name="txtsin_mobcode" id="txtsin_mobcode" maxlength="3" style="width:30px;" onChange="document.getElementById('txtsin_mob code').value=trim(this.value);"/>-<input type="textbox" name="txtsin_mob" id="txtsin_mob" maxlength="10" style="width:120px;"
40 Online Shopping

onChange="document.getElementById('txtsin_mob ').value=trim(this.value);"/></td> </tr> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>Phone no : </strong></div></td> <td width="128"><input type="textbox" name="txtsin_phcode" id="txtsin_phcode" maxlength="3" style="width:30px;" onChange="document.getElementById('txtsin_phc ode').value=trim(this.value);"/>-<input type="textbox" name="txtsin_pharea" id="txtsin_pharea" maxlength="5" style="width:50px;" onChange="document.getElementById('txtsin_phar ea').value=trim(this.value);"/><input type="textbox" name="txtsin_phone" id="txtsin_phone" maxlength="7" style="width:70px; onChange="document.getElementById('txtsin_phone').value=trim( lue);"/></td> </tr> <tr>
41 Online Shopping

<td><div align="right"><strong><font color="#FF0000">*</font>About Website :</strong></div> <p align="right" class="example">(Maximum 400 characters) </p></td> <td colspan="4"><textarea name="ta_about" id="ta_about" wrap="physical" cols="45" rows="5" title="Details Should no excide 400 characters !!" onchange=" document.getElementById('ta_about').value=trim(this.value);"></textarea ><br> Characters Remaining: <span id="charsLeft2">400</span> </tr> <tr> <td><div align="right" style="padding-top:45px;"><span class="req">*</span><strong> Verification&nbsp;Code :</strong></div></td> <td colspan="4"><p><img id="imgCaptcha" src="js/create_image.php" /><span class="style4">(letters are case sensitive )</span></p> <input type="text" id="txtcaptcha" name="txtcaptcha" maxlength="10" size="10"
42 Online Shopping

onchange="getParam(document.frm_signup);document.getElementById(' txtcaptcha').value=trim(this.value);" /> <span id="newImg"> Can't see image ? <a onclick="getphoto(document.frm_signup)" href="javascript:void(0);" class="imglink">&nbsp;Load a new image</a></span> <div name="divVeriCode" id="divVeriCode">Enter the code as shown in the image</div> <div id="result"></div></td> </tr> <tr> <td colspan="3" align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp; <input type="submit" id="submitMain" name="submitMain" value="Sign Up" Onclick="return done(this.form);" /> &nbsp;&nbsp;&nbsp; <input type="reset" id="btnreset" name="btnreset" value="Reset" /> </td> </tr> </table></td> </tr>
43 Online Shopping

</table> </form> <!-- end #middletxt --> </div> </div> <!-- end #mainContent --> </div> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --> <div id="footer"> (C) Copyright BHUPESH VATS <!-- end #footer --> </div> <!-- end #container -->

</div> <!-- Insertion for Data Base !! --> <?php if(isset($_POST['submitMain'])) { // geting to days date !! $today = getdate();
44 Online Shopping

$hh=$today[hours]; $mm=$today[minutes]; $ss=$today[seconds]; $wday=$today[wday]; $mon=$today[mon]; $year=$today[year]; $date = $year.":".$mon.":".$wday; //echo "date : " . $date; //getting the values !! $sal=$_POST['selsalutation']; $fname=$_POST['txtsin_fname']; $lname=$_POST['txtsin_lname']; $gender=$_POST['rd_gen']; // after renaming $email=$_POST['txtsin_email']; $username=$_POST['txtsin_username']; $password=$_POST['txtsin_password']; $url=$_POST['txtsin_url']; $sq=$_POST['sel_SQ']; //sq-security question $sqans=$_POST['txtsin_ans']; $add=$_POST['ta_add']; $country=$_POST['selcountry']; $mob=$_POST['txtsin_mobcode']."-".$_POST['txtsin_mob'];
45 Online Shopping

$phone=$_POST['txtsin_phcode']."-".$_POST['txtsin_pharea']."-". $_POST['txtsin_phone']; $about=$_POST['ta_about'];

$get= @mysql_query("SELECT * FROM t_admin_mst")or die(mysql_error()); $num= @mysql_num_rows($get); for($i=0;$i<$num;$i++) { $adm_email= @mysql_result($get,$i,'adm_email'); } // mail function $to = $adm_email; $subject = 'Your password'; $from = ''; $message = 'Hello '.$fname.',<br> You Have an new Vendor with username <strong>'.$username.'.</strong> <br> So please create an URL for that username . For more details login to your system. Thanking you ..'; $header = 'From : < '.$from.' >'; //echo $message; ini_set('sendmail_from','');
46 Online Shopping

if(mail($to,$subject,$message,"From: <{$email}> ")) echo "<script>alert('Mail sent')</script>"; else echo "<script>alert('Mail send failure - message not sent')</script>";

$query = mysql_query("INSERT INTO t_custreg_mst (log_sal,log_fname,log_lname,log_gender,log_email,username,log_pas sword,log_url,log_security_question,log_security_answer,log_address,lo g_country,log_mobile,log_phone,log_about_us,log_regdate) VALUES ('$sal','$fname','$lname','$gender','$email','$username','$password','$url','$ sq','$sqans','$add','$country','$mob','$phone','$about','$date')") or die(mysql_error()); echo "<script>alert('Your account has been created !!');</script>"; } ?> </body> </html>

47 Online Shopping

session_start(); include("config/config.php"); //echo "User".$_SESSION['user']; if(isset($_SESSION['user'])) { $username=$_SESSION['user']; } else { ?> <script> alert('You Are Not Logged In !! Please Login to access this page'); alert(window.location='login.php'); </script> <?php } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <script type="text/javascript" src="js/functions.js"></script> <script type="text/javascript" src="js/jquery.js"></script>
48 Online Shopping

<script type="text/javascript" src="js/count.js"></script> <script type="text/javascript" src="js/ajax_captcha.js"></script> <script type="text/javascript" src="js/productmaster.js"></script> <script type="text/javascript" src="js/productmastervalidation.js"></script> <script language="javascript"> // function for comfirm box !! function isConfirmlog() { var r = confirm('Are you sure you want to log out !!'); if(!r) { return false; } else { alert(window.location='logout.php'); } } function charcount() {

49 Online Shopping

document.getElementById('static').innerHTML = "Characters Remaining: <span id='charsLeft1'> 200 </span>"; document.getElementById('static1').innerHTML = "Characters Remaining: <span id='charsLeft2'> 300 </span>"; document.getElementById('static2').innerHTML = "Characters Remaining: <span id='charsLeft3'> 500 </span>"; document.getElementById('static3').innerHTML = "Characters Remaining: <span id='charsLeft4'> 100 </span>"; } // to display sub category function function showdiv() { document.getElementById('subcat1nmdiv').style.display="block"; document.getElementById('subcat1div').style.display="block"; } </script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Online Shopping</title> <link href="css/online.css" rel="stylesheet" type="text/css" /> <style type="text/css" media="all"> @import "online.css";
50 Online Shopping

</style> </head>

<body class="twoColFixLtHdr"> <div id="header"> <!-- end #header --> </div> <div id="container"> <div id="container1"></div> <div id="sidebar1"> <div id="subsidebar1"> <div id="subsidebar3"> Navigation </div> <div id="subsidebar2"><a href="loghome.php">Home</a> </div> <div id="subsidebar2"><a href="pricemaster.php">Price Master</a> </div> <div id="subsidebar4">Display <ul><li><a href="productdisplay.php">Product Master</a></li> <li><a href="pricedisplay.php">Price Master</a></li></ul> </div> <div id="subsidebar2"><a href="" onclick="isConfirmlog();" >Log out</a>
51 Online Shopping

</div> </div> <!-- end #sidebar1 --> </div> <div id="mainContent"> <div id="mainContent1"> <div id="middletxtheadermain"> <div id="middletxtheader">Product Master</div> <div id="middletxt1"> <p>Please enter the details of products here.</p> </div> </div> <div id="middletxt"> <form action="" method="post" name="frm_prd" id="frm_prd" enctype="multipart/form-data"> <table width="100%" border=0> <tr> <td height="22"><table width="100%" border=0> <tr> <th colspan="5" id="formhedear">Product Master</th> </tr> <tr>
52 Online Shopping

<td height="34" colspan="2"></td> <td colspan="3"><div align="right"><font color="#FF0000">*</font><span class="style3"> Mandatory &nbsp; </span></div></td> </tr> <input type="hidden" name="username" id="username" value="" /> <tr> <td width="245" height="37"><div align="right"><strong><font color="#FF0000">*</font>Product Id : </strong></div></td> <td width="128"><input type="textbox" name="txtprd_id" id="txtprd_id" maxlength="10" value="" style="width:176px;" Fields

onChange="PrdIDCheckAvail(this.value);document.getElementById('txt prd_id').value=trim(this.value);"/> <span name="pidChange" id="pidChange" style="color:red;">&nbsp;</span></td> </tr> <tr> <td><div align="right"><strong><font color="#FF0000">*</font>Product Short Name : </strong></div></td>
53 Online Shopping

<td width="128"><input type="textbox" name="txtprd_sname" id="txtprd_sname" value="" maxlength="30" style="width:176px;"

onchange="document.getElementById('txtprd_sname').value=trim( lue);"/></td> </tr> <tr> <tr> <td><div align="right"><strong><font color="#FF0000">*</font>Product Long Name : </strong></div></td> <td width="128"><input type="textbox" name="txtprd_lname" id="txtprd_lname" value="" maxlength="50" style="width:176px;" onchange=" document.getElementById('txtprd_lname').value=trim(this.value);"/></td > </tr> <tr> <td><div align="right"><span class="req"><strong><font color="#FF0000">*</font></strong></span><strong>Product Image : </strong></div></td>
54 Online Shopping

<td><input type="file" name="fileimage" id="fileimage" maxlength="50" value="" style="width:176px;" onchange=" document.getElementById('fileimage').value=trim(this.value);"/> <div class="example"> Image Size Should not Exceed 350000bytes.</div></td> </tr> <tr> <td><div align="right"><span class="req"><strong></strong></span><strong>Product Size / Dimension : </strong></div></td> <td><input type="textbox" name="txtsize" id="txtsize" maxlength="10" value="" style="width:176px;" onchange=" document.getElementById('txtsize').value=trim(this.value);"/></td> </tr> <tr> <td><div align="right"><span class="req"><strong></strong></span><strong>Unit of Measure : </strong></div></td> <td><select name="seluom" id="seluom" style="width:180px;">
55 Online Shopping

<option value="null">Select Unit of Measure</option> <option value="Meters">Mts</option> <option value="Liters">Liters</option> <option value="Centi meters">Centi meters</option> <option value="Mili Meters">Mili Meters</option> <option value="Kilogram">Kilogram</option> <option value="Grams">Grams</option> <option value="Inches">Inches</option> </select> </tr> <tr> <td><div align="right"><span class="req"><strong><font color="#FF0000">*</font></strong></span><strong>Minimum Quantity to Order : </strong></div></td> <td><input type="textbox" name="txtqty" id="txtqty" maxlength="10" value="" style="width:176px;" onchange=" document.getElementById('txtqty').value=trim(this.value);"/></td> </tr> <tr> </td>

56 Online Shopping

<td><div align="right"><span class="req"><strong></strong></span><strong><font color="#FF0000">*</font>Quantity Available : </strong></div></td> <td><input type="textbox" name="txtqtyavbl" id="txtqtyavbl" maxlength="10" value="" style="width:176px;" onchange=" document.getElementById('txtqtyavbl').value=trim(this.value);"/></td> </tr> <tr> <td><div align="right"><span class="req"><strong></strong></span><strong>Product Color : </strong></div></td> <td><input type="textbox" name="txtclr" id="txtclr" maxlength="50" value="" style="width:176px;" onchange=" document.getElementById('txtclr').value=trim(this.value);"/></td> </tr> <tr> <td><div align="right"></div></td> <td colspan="2"><div class="example">Multiple colors should be separated by ( , )</div></td> <td width="170" class="formInfo">&nbsp;</td>
57 Online Shopping

<td width="69">&nbsp;</td> </tr> <tr> <td><div align="right"><span class="req"><strong></strong></span><strong>Product Brand : </strong></div></td> <td><input type="textbox" name="txtbrnd" id="txtbrnd" maxlength="20" value="" style="width:176px;" onchange=" document.getElementById('txtbrnd').value=trim(this.value);"/></td> </tr> <tr> <td><div align="right"><strong><font color="#FF0000">*</font>Product Features :</strong></div> <p align="right" class="example">(Maximum 200 characters) </p></td> <td colspan="4"><textarea name="tafeatures" id="tafeatures" wrap="physical" cols="45" rows="5" title="Product features Should not excide 200 characters !!" onchange=" document.getElementById('tafeatures').value=trim(this.value);"></textare a><br>
58 Online Shopping

Characters Remaining: <span id="charsLeft1">200</span> </tr> <tr> <td><div align="right"><span class="req"><strong><font color="#FF0000">*</font></strong></span><strong>Category : </strong></div></td> <td><select name="selprdcat" id="selprdcat" style="width:180px;" onchange="showdiv();displaysubcat(this.value);"> <option value="selprdcat">Select Category</option> <?php $get_catgry=mysql_query("SELECT DISTINCT cat_category FROM t_category_mst")or die(mysql_error()); $num_cat=mysql_num_rows($get_catgry); for($i=0;$i<$num_cat;$i++) { $cat_category=mysql_result($get_catgry, $i,'cat_category'); ?> <option value="<?php echo $cat_category;?>"><? php echo $cat_category;?></option> <?php
59 Online Shopping

} ?> </select></td> <!-- Sub Category-1 --> <tr> <td><div id="subcat1nmdiv" style="display:none;"> <div align="right"><font color="#FF0000">*</font></strong><strong>Sub Category</strong></div> </div></td> <td colspan="3"><div id="subcat1div" style="display:none;"> <select name="selsubcat" id="selsubcat"> <option value="selsubcat">Select Sub Category</option> </select> </div></td> </tr> <!-- Sub Category-2 --> <tr> <td><div id="subcat2nmdiv" style="display:none;">

60 Online Shopping

<div align="right"><strong>Sub Category 2</strong></div> </div></td> <td colspan="3"><div id="subcat2div" style="display:none;"> <select name="subcat2" id="subcat2"> <option value="">- Select One -</option> </select> </div></td> </tr> <!-- Sub Category-3 --> <tr> <td><div id="subcat3nmdiv" style="display:none;"> <div align="right"><strong>Sub Category 3</strong></div> </div></td> <td colspan="3"><div id="subcat3div" style="display:none;"> <select name="subcat3" id="subcat3"> <option value="">- Select One -</option> </select> </div></td>
61 Online Shopping

</tr> <td colspan="3" class="formInfo">&nbsp;</td> </tr> <tr> <td><div align="right"><strong>Short Description :</strong></div> <p align="right" class="example">(Maximum 300 characters) </p></td> <td colspan="4"><textarea name="tasrtdcpn" id="tasrtdcpn" wrap="physical" cols="45" rows="5" title="Product Short Description Should not excide 300 characters!!" onchange=" document.getElementById('tasrtdcpn').value=trim(this.value);"></textare a><br> Characters Remaining: <span id="charsLeft2">300</span> </td> </tr> <tr> <td><div align="right"><strong><font color="#FF0000">*</font>Long Description :</strong></div>

62 Online Shopping

<p align="right" class="example">(Maximum 500 characters) </p></td> <td colspan="4"><textarea name="talngdcpn" id="talngdcpn" wrap="physical" cols="45" rows="5" title="Product Short Description Should not excide 500 characters!!" onchange=" document.getElementById('talngdcpn').value=trim(this.value);"></textar ea><br> Characters Remaining: <span id="charsLeft3">500</span> </td> </tr> <tr> <td height="22"><div align="right"><strong><font color="#FF0000">*</font>Product Status : </strong></div></td> <td colspan="4"><input type="radio" name="rdostatus" id="rdoactive" value="Available" />Active <input type="radio" name="rdostatus" id="rdoinactive" value="Unavailable" checked />Inactive</td> </tr> <tr>

63 Online Shopping

<td><div align="right"><span class="req"><strong><font color="#FF0000">*</font></strong></span><strong>Mode of Delivery : </strong></div></td> <td><select name="selmode" id="selmode" style="width:180px;"> <option value="selmode">Select Mode of Deliver</option> <option value="Road Way">Road Way</option> <option value="Water Way">Water Way</option> <option value="Air way">Air way</option> <option value="Hand deliver">Hand deliver</option> <option value="Courier">Courier</option> </select> </tr> <tr> <td><div align="right"><span class="req"><strong><font color="#FF0000">*</font></strong></span><strong>Delivery Lead Time : </strong></div></td> <td><input type="textbox" name="txtleadtime" id="txtleadtime" maxlength="20" value="" style="width:176px;" onchange=" document.getElementById('txtleadtime').value=trim(this.value);"/>
64 Online Shopping


<p class="example">(Should be in no of days) </p></td> </tr> <tr> <td><div align="right"><strong>Specification : </strong></div> <p align="right" class="example">(Maximum 100 characters) </p></td> <td colspan="4"><textarea name="tasep" id="tasep" wrap="physical" cols="45" rows="5" title="Product Specification Should not excide 100 characters!!" onchange=" document.getElementById('tasep').value=trim(this.value);"></textarea>< br> Characters Remaining: <span id="charsLeft4">100</span> </tr> <tr> <td><div align="right" style="padding-top:45px;"><span class="req">*</span><strong> Verification&nbsp;Code :</strong></div></td>

65 Online Shopping

<td colspan="4"><p><img id="imgCaptcha" src="js/create_image.php" /><span class="style4">(letters are case sensitive )</span></p> <input type="text" id="txtcaptcha" name="txtcaptcha" maxlength="10" size="10" onchange="getParam(document.frm_prd);document.getElementById('txt captcha').value=trim(this.value);" /> <span id="newImg"> Can't see image ? <a onclick="getphoto(document.frm_prd)" href="javascript:void(0);" class="imglink">Load a new image</a></span> <div name="divVeriCode" id="divVeriCode">Enter the code as shown in the image</div> <div id="result"></div></td> </tr> <tr> <td>&nbsp;</td> <td colspan="3">&nbsp;</td> </tr> <input type="hidden" name="img_name2" id="img_name2" /> <tr> <td></td>
66 Online Shopping

<td colspan="3" >&nbsp;&nbsp;&nbsp;<!--Onclick="return done(this.form);"--> <input type="submit" id="submitMain" name="submitMain" value="Submit" Onclick="return done(this.form);" > &nbsp;&nbsp;&nbsp; <input type="reset" id="subintr" name="subintr" value="Reset" /></td> </tr> </table></td> </tr> </table> </form> <!-- end #middletxt --> </div> </div> <!-- end #mainContent --> </div> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --> <div id="footer"> (C) Copyright BHUPESH VATS
67 Online Shopping

<!-- end #footer --> </div> <!-- end #container --> </div> <?php $photo = mysql_query ("SELECT MAX(row_id) FROM t_product_mst"); $photoid = mysql_result($photo,0,'max(row_id)')+1; ?> <!-- Upload of image section --> <?php // function to get the characters after .!! function getExtension($str) { $i = strrpos($str,"."); if (!$i) { return ""; } $len = strlen($str) - $i; $ext = substr($str,$i+1,$len); return $ext;
68 Online Shopping

} if ($_SERVER["REQUEST_METHOD"] == "POST") { $image=$_FILES['fileimage']['name'];

if (isset ($_FILES['fileimage']['name'])) { $imagename = $_FILES['fileimage']['name']; //original image $source = $_FILES['fileimage']['tmp_name']; //source image $type=$_FILES['fileimage']['type']; $size=$_FILES['fileimage']['size']; if ($size > 350000){ echo "<script>alert('Size should not excide 350000bytes !!');</script>"; } else { $extension = getExtension($imagename); $extension = strtolower($extension); if (($extension != "jpg") && ($extension != "jpeg") && ($extension ! = "png") && ($extension != "gif") ) {
69 Online Shopping

// if file extension is not .jpg, .jpeg, .png, .gif echo "<script>alert('Image Extenction Should be .jpg, .jpeg, .png, .gif only !!');</script>"; } else { $target = "images/products/$photoid._".$photoid.".jpg"; move_uploaded_file($source, $target);

//$imagepath = $imagename; $save = "images/products/$photoid._".$photoid.".jpg"; //This is the new file you saving $file = "images/products/$photoid._".$photoid.".jpg"; //This is the original file

list($width, $height) = getimagesize($file) ;

$tn = imagecreatetruecolor($width, $height) ; $image = imagecreatefromjpeg($file) ; imagecopyresampled($tn, $image, 0, 0, 0, 0, $width, $height, $width, $height) ;

imagejpeg($tn, $save, 200) ;

70 Online Shopping

$save = "images/products/" .$photoid.".jpg"; //This is the new file you saving $file = "images/products/$photoid._".$photoid.".jpg"; //This is the original file

list($width, $height) = getimagesize($file) ;

$modwidth = 150; $modheight = 140; $tn = imagecreatetruecolor($modwidth, $modheight) ; $image = imagecreatefromjpeg($file) ; imagecopyresampled($tn, $image, 0, 0, 0, 0, $modwidth, $modheight, $width, $height) ;

imagejpeg($tn, $save, 200) ; $imageval=$photoid.".jpg"; unlink("images/products/$photoid._".$photoid.".jpg"); } } } }

71 Online Shopping

?> <!-- Code for inserting into data base --> <?php if(isset($_POST['submitMain']) && ($size < 350000) && ! $imageval=="") { //getting the values !! $username=$_SESSION['user']; $pid=$_POST['txtprd_id']; $psname=$_POST['txtprd_sname']; $plname=$_POST['txtprd_lname']; $pimg=$imageval; // after renaming $psize=$_POST['txtsize']; $puom=$_POST['seluom']; $pqty=$_POST['txtqty']; $pcolor=$_POST['txtclr']; $pbrand=$_POST['txtbrnd']; $pfeatures=$_POST['tafeatures']; $pcat=$_POST['selprdcat']; $psubcat=$_POST['selsubcat']; $psdis=$_POST['tasrtdcpn']; $pldis=$_POST['talngdcpn'];
72 Online Shopping

$pqtyavb=$_POST['txtqtyavbl']; $pstatus=$_POST['rdostatus']; $pdel=$_POST['selmode']; $pdlead=$_POST['txtleadtime']; $psep=$_POST['tasep'];

$query = mysql_query("INSERT INTO t_product_mst

(username,prd_id,prd_sname,prd_lname,prd_photo,prd_size,prd_uom,prd _qty,prd_color,prd_brand,prd_feature,prd_cat,prd_sub_cat,prd_sdis,prd_l dis,prd_qtyavb,prd_status,prd_delivery_mode,prd_delivery_leadtime,prd _sep) VALUES ('$username','$pid','$psname','$plname','$pimg','$psize','$puom','$pqty','$ pcolor','$pbrand','$pfeatures','$pcat','$psubcat','$psdis','$pldis','$pqtyavb',' $pstatus','$pdel','$pdlead','$psep')") or die(mysql_error()); echo "<script>alert('Product Details inserted sucessfully !!');</script>"; } ?> </body> </html>
73 Online Shopping



74 Online Shopping


75 Online Shopping

Sign in

76 Online Shopping

News Feeds

77 Online Shopping


78 Online Shopping

Admin Login
79 Online Shopping

80 Online Shopping


Online Shopping Site is a useful website for all kind of peoples, for finding products of any kind they generally go to buy from shops. It will bring new dimensions on doing shopping. It will be very useful for consumer as well as sellers. It allows the key elements of websites, such as buying products which anyone can buy it from the website and get a home delivery of the product. It enables buyers to buy products which are day to day or other consumer products from the site and get a home delivery of the product which makes shopping very easy and cheap and it also makes shopping in a comfortable way..

81 Online Shopping


Charles Hampfed --(2000) PHP University of Toronto Herhert Schildt --The Complete Reference PHP (Fifth Edition) Jim Farely $ William CrawfordPHP MySQL (Third edition)


82 Online Shopping