Hopn Shop Doc

2010
[HOP-N-SHOP.COM- PROJECT
DOCUMENTATION]
Shopper’s Heaven On-Line
Project Documentation
Developed by:
 Suplab Debnath
 Bibhas Chandra Debnath
Developed Under:-
 EJOBINDIA PVT LTD.
Hop-n-Shop.com- Project Documentation
ACKNOWLEDGEMENT
We are overwhelmed in all humbleness and gratefulness to acknowledge our

depth to all those who have helped us to put these ideas, well above the level of
simplicity and into something concrete.
Our deepest thanks to the institute personnel …………………………..….. . He gave us

moral support and guided us in different ways regarding the topic. He had been
very kind and patient while suggesting us the outlines of this project and
correcting our doubts. I thank him for his overall support.
We wish to express our deep sense of gratitude to the helpful people at

Ejobindia, where the project has been carried on, for their support.
We would also like to thank Narula Institute of Technology and our faculty
members without whom this project would have been a distant reality. We also
extend our heartfelt thanks to our teammates who worked for the successful
completion of this project.
Suplab Debnath
______________________
Bibhas Ch. Debnath
______________________
Page 1
EJOBINDIA
KOLKATA, WEST BENGAL, INDIA.
BATCH- IT/PHP/JULY-10
TO WHOM IT MAY CONCERN
I certify that the project entitled HopnShop.com Web Development Project

was a benefice piece of work, carried by ____________________________ under my
supervision. He is known to me for the last one and a half months. He is very
sincere and hardworking student of our organization and also competent
enough to work with any organization.
This project is a partial fulfillment requirement for the PHP SUMMER TRAINING
course in EJOBINDIA.
I wish him success in life.
____________________________
Page 2
PROJECT OBJECTIVE
 The basic objective of the website Hop-n-Shop.com development project

is to develop a platform where people of India can buy and sell item very
easily without any registration charge.
 Buyers and Sellers can register themselves according to their

requirements with their respective states and cities.
 Buyers can search items according to their requirements and can contact
Sellers for getting the item.
 Sellers also can contact Buyers from respective categories.
Page 3
REQUIREMENT SPECIFICATIONS
A.] System Environment:
The developed website utilizes different files and their information from
the database resides with the site. The detailed description of the registered
buyers and sellers is recorded in the database. The system is completely web-
based, linking every available webpage with the back-end database and is
running in a standard web browser.
B.] Functional Requirements:
Functional requirements are those which are provided to the user of the
site, i.e. what processes can be operated by the buyer, seller and the viewer of
the website.
I. The website should contain two separate form – Buyers form & Sellers
form. Buyers form should contain buyer name, address, state, city, zip code,
mobile no, email id, website and preferred category information. Seller
form also contains all the above information as well as item description
field and the business organization name.
II. Buyer /Seller can search the website according to category, location (state
& city).
III. Administrator can login into the admin section by secret password.
Page 4
IV. In admin section, administrator can add new buyer/seller, manage

buyers/sellers (edit & delete), add new category as well as edit or delete old
categories.
V. The administrator also has the opportunity to change login password.
C:] Non-Functional Requirements:
Non-functional requirements are not functional in nature, i.e. these are the
constraints of the system, within which it should function.
Hardware IBM compatible, Pentium based PC with a monitor, keyboard

and mouse. System must have at least 512 MB available memory.
Operating Both Windows and Linux platform is supported.

System
Software A standard web browser, Apache, MySQL, PHP.

Needed
Performance Moderate speed.
Website Each page has similar construct.

Standard
Network A local intranet server like Apache is required to access the

Interface website.
Page 5
IMPLEMENTATION TECHNOLOGY
 Front End Tools:
 PHP: PHP: Hypertext Preprocessor is a widely used, general-purpose

scripting language that was originally designed for web development to
produce dynamic web pages. For this purpose, PHP code is embedded into the
HTML source document and interpreted by a web server with a PHP processor
module, which generates the web page document. As a general-purpose
programming language, PHP code is processed by an interpreter application in
command-line mode performing desired operating system operations and
producing program output on its standard output channel. It may also
function as a graphical application. PHP is available as a processor for most
modern web servers and as standalone interpreter on most operating systems
and computing platforms.
 Apache: The Apache HTTP Server, commonly referred to as Apache is web

server software notable for playing a key role in the initial growth of the World
Wide Web. In 2009 it became the first web server software to surpass the 100
million web site milestone. Apache was the first viable alternative to the
Netscape Communications Corporation web server (currently known as Oracle
iPlanet Web Server), and has since evolved to rival other Unix-based web
servers in terms of functionality and performance. The majority of web servers
using Apache run a Unix-like operating system.
Page 6
 Back End Tools:
 MySQL: MySQL is a relational database management system (RDBMS)

that runs as a server providing multi-user access to a number of databases.
It is named for original developer Michael Widenius's daughter My. Free-
software projects that require a full-featured database management system
often use MySQL. Such projects include (for example) Word Press, phpBB,
Drupal and other software built on the LAMP software stack.
 Other Tools Used:

 Dreamweaver CS4
This software is used to create HTML, JavaScript, PHP, CSS pages
efficiently.
 Photoshop CS5
It is used to create website headers, body and other image related
sections.
 Smart Draw 2008

This software is used to generate the DFDs and E-R Diagrams.
a. Picasa 3.6
This software is used as an image viewer and editor and can be used to
take screen shots.
Page 7
ENTITY RELATIONSHIP DIAGRAM
BuyerName
me SellerName
BuyerAddress
BuyerID SellerID Item
BuyerEmail SellerEmail description
Buyers Buy & sell Sellers BuyerID
Password
Username
Chooses Manages
Administrator
AffiliateID
Category
CategoryTitle Description
CategoryID
Page 8
DATA FLOW DIAGRAM

Context diagram:
Manage information
Online Login
Search query Shopping ADMIN
Affiliates
System
Logout
Affiliation
Search
Search Results
Result
Level 1 diagram:
Affiliation Manage
Affiliation Admin updates &
System Database deletes
0.3
0.1
DATABASE
Searching ADMIN
Admin login
Search query System validation
0.2 0.4
Search result Admin logout
Page 9
SAMPLE CODE
Code of Index.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><?php include('pagetitle.php'); ?></title>
<script type="text/javascript" src="script.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
<script language="javascript" type="text/javascript"

src="js/jquery.nivo.slider.pack.js"></script>
<script language="javascript" type="text/javascript" src="js/sub.js"></script>
<script language="javascript" type="text/javascript" src="validate.js"></script>
<link href="nivo-slider.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />


<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />
</head>
<body>
<div id="page-background-glare">
<div id="page-background-glare-image"></div>
</div>
<div id="main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"></div>
Page 10
<div class="Sheet-bl"></div>
<div class="Sheet-br"></div>
<div class="Sheet-tc"></div>
<div class="Sheet-bc"></div>
<div class="Sheet-cl"></div>
<div class="Sheet-cr"></div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<div class="Header">
<div class="Header-png"></div>
<div class="Header-jpeg"></div>
<div class="Logo">
<a href="index.php?pagenm=home"><img src="images/logo.png" width="252"

alt="Hop-n-Shop"/></a>
</div>
</div>
<?php include('nav.php');?>
<div class="contentLayout">
<div class="content">
<div class="Post">
<?php
//$a=$_REQUEST['pagenm'];
if($a){
$b=$a.".php";
include($b);
else{
include("home.php");
?>
</div>
</div>
<div class="sidebar1">
Page 11
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"></div>
<div class="Block-bl"></div>
<div class="Block-br"></div>
<div class="Block-tc"></div>
<div class="Block-bc"></div>
<div class="Block-cl"></div>
<div class="Block-cr"></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="header-tag-icon">
<div class="t">Highlights</div>
</div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<div>
<?php include("admin/connect.php");
$sql=mysql_query("select * from tblcategory");
while($row_cat=mysql_fetch_array($sql))
{?>
<div class="sidelinks">
<li class="sidemenu"><a href="index.php?catid=<?php echo

$row_cat[0];?>&pagenm=search_by_cat&pagetit=<?php echo
$row_cat[5];?>"><?php echo $row_cat[2];?></a></li>
</div>
<?php } ?>
</div>
Page 12
<div class="cleared"></div>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"></div>
<div class="Block-bl"></div>
<div class="Block-br"></div>
<div class="Block-tc"></div>
<div class="Block-bc"></div>
<div class="Block-cl"></div>
<div class="Block-cr"></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockContent">
<div class="BlockContent-body">
<div>
<table width="100%">
<tr>
<td width="33%"><a href="#" title="Feeds"><img src="images/rss.png"

/></a></td>
<td width="33%"><a href="#" title="Follow Us"><img src="images/tw.png"

/></a></td>
<td width="33%"><a href="#" title="Find Us"><img src="images/fb.png"

/></a></td>
</tr>
</table>
</div>
Page 13
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cleared"></div><div class="Footer">
<div class="Footer-inner">
<div class="Footer-text">
<p><a href="index.php?pagenm=contact">Contact Us</a> | <a

href="#">Terms of Use</a> | <a href="#">Trademarks</a>
| <a href="#">Privacy Statement</a><br />
Copyright © 2010 ---. All Rights Reserved.</p>
</div>
</div>
<div class="Footer-background"></div>
</div>
</div>
</div>
<p class="page-footer">Design by <a href="http://suplabtech.in">Suplab</a> and <a

href="http://bibhas.in">Bibhas</a></p>
</div>
</body>
</html>
Page 14
SCREENSHOTS
User Section
1. Snapshot of index page: -
Page 15
2. Snapshot of FAQ page:-
Page 16
3. Snapshot of Become An Affiliate page: -
Page 17
4. Snapshot of Buyer Form page:-
Page 18
5. Snapshot of Search page:
Page 19
6. Snapshot of Search Result page:
Page 20
Admin Section
1. Snapshot of Admin Login page: -
2. Snapshot of Admin Home page:-
Page 21
3. Snapshot of Add Category page: -
Page 22
4. Snapshot of Category List page:-
Page 23
5. Snapshot of Category Details page:
Page 24
6. Snapshot of Edit Buyer page:
Page 25
PAGE CONTENTS
User Section:
PHP Pages
about.php This page contains company details and background.
aff.php Contains information related to registration.
ajax.php Contains php code for state and city loading in buyer and seller form.
buyerform.php Contains submission form of buyers.
contact.php Contains company contact details.
faq.php Contains frequently asked questions.
feed.php Contains code for sending feedback via email.
home.php Homepage of website and contains only dashboard section.
how.php Contains information about how the website works.
index.php First page of the website containing header, header menu, side menu, footer
and a blank dashboard. Each time the page will be loaded, the dashboard
section only changes and other section remains intact.
nav.php Contains the top menu of the website.
pagetitle.php Contains code to change page title of each page dynamically.
reg_buyer.php Contains php code to insert information from buyerform.php into database.
reg_seller.php Contains php code to insert information from sellerform.php into database.
search_by_cat.php Contains form to insert query and enables search by category.
search_result.php Contains php code to show search results according to query.
sellerform.php Contains submission form of sellers.
Page 26
CSS Pages
nivo-slider.css Stylesheet for image slider on home.php.
style.css Stylesheet of the user side section.
style.ie6.css Stylesheet of user side for Internet Explorer 6.
style.ie7.css Stylesheet of user side for Internet Explorer 7.
Javascript Pages
jquery.min.js Contains jquery framework.
jquery.nivo.slider.pack.js Contains functions for image slider.
script.js Contains function to detect web browser and link appropriate

stylesheet.
sub.js Contains AJAX code for state and city loading in buyer and seller
form.
validate.js Contains validation function of reg_buyer.php and reg_seller.php.
Page 27
Administrator Section (Admin Folder):
PHP Pages
addbuyer.php Add new Buyer form.
addcat.php Add new Category form.
addseller.php Add new Seller form.
admin_login.php Contains php code to start session and login
admin_logout.php Contains php code to destroy session and logout.
ajax.php Contains php code for state and city loading in buyer and seller form.
buyer_detail.php Contains php code to display individual buyer detail.
cat_detail.php Contains php code to display individual category detail.
connect.php Contains database connection string.
dashboard.php Main page of the admin containing header, side menu, footer, and a
blank dashboard. Each time the page will be loaded, the dashboard
section only changes and other section remains intact.
default.php Homepage of website and contains only dashboard section.
del_buyer.php Shadow page to delete from buyers list.
del_cat.php Shadow page to delete from category list.
del_seller.php Shadow page to delete from sellers list.
disp_buyer.php Show buyers information in tabular form.
disp_cat.php Show category information in tabular form.
disp_seller.php Show sellers information in tabular form.
edit_buyer.php Structure is same as addbuyer.php, used to update table information.
edit_buyer_shadow.php Shadow page to edit buyers list.
Page 28
edit_cat.php Structure is same as addcat.php, used to update table information.
edit_cat_shadow.php Shadow page to edit category list.
edit_pass.php Shadow page to check old password and insert new password.
edit_seller.php Structure is same as addseller.php, used to update table information.
edit_seller_shadow.php Shadow page to edit sellers list.
index.php Login page of the admin.
insert_buyer.php Contains php code to insert information from addbuyer.php.
insert_cat.php Contains php code to insert information from addcat.php.
insert_seller.php Contains php code to insert information from addseller.php.
modbuyer.php Represent disp_buyer.php in an iframe.
modcat.php Represent disp_cat.php in an iframe.
modseller.php Represent disp_seller.php in an iframe.
modpass.php Form to change password of admin.
seller_detail.php Contains php code to display individual seller detail.
CSS Pages
adminstyle.css Stylesheet for Admin panel.
loginstyle.css Stylesheet of the login page.
Javascript Pages
sub.js Contains AJAX code for state and city loading in buyer and seller form.
validate.js Contains validation function.
Page 29
DATABASE
Database Structure:-
Database Name: dbhopnshop.
No. of Tables: 6.
Engine Type: MyISAM.
Table Name: tblcity
FIELD TYPE NULL EXTRA
CityID int(6) No auto_ increment
CityName varchar(20) No
StateID varchar(100) No
Table Name: tbllogin
LoginID int(20) No auto_ increment
Username varchar(200) No
Password varchar(100) No
SessionID varchar(300) No
Page 30
Table Name: tblstate
StateID int(10) No auto_ increment
StateName varchar(100) No
Table Name: tblbuyer
BuyerID int(10) No auto_ increment
BuyerName varchar(100) No
BuyerAddress varchar(200) No
BuyerState varchar(40) No
BuyerCity varchar(20) No
BuyerZip varchar(6) No
BuyerCountry varchar(40) No
BuyerPhone varchar(10) No
BuyerEmail varchar(100) No
BuyerWeb varchar(60) No
BuyerCategory varchar(200) No
Page 31
Table Name: tblcategory
CatID int(20) No auto_ increment
CatBanner text No
CatTitle varchar(50) No
CatLink text No
CatDesc text No
CatPageTitle varchar(50) No
Table Name: tbseller
SellerID int(10) No auto_ increment
SellerBusiness varchar(150) No
seller_name varchar(100) No
address varchar(200) No
state varchar(40) No
city varchar(20) No
zipcode varchar(6) No
country varchar(40) No
mobileno varchar(10) No
email varchar(100) No
website varchar(60) No
category varchar(200) No
description varchar(500) No
Page 32
FUTURE IMPROVEMENTS
Although the system has been developed taking care of every common aspect
related to a buyer-seller portal website and its daily activities as real life as possible,
there is still scope of further improvement.
A few of such improvements are:
a. Online purchasing using Debit/ Credit cards can be made accessible.

b. Automated generation of SMS and e-mails by the system when a person registers
into the website can be incorporated confirming his/her registration.
Page 33
CONCLUSION
At the end of venture of one month during our project development we learnt a lot
in the related field of web development using PHP and MySQL.
During this term we learned how things work in real world. We are acquainted with
the lot of technicalities that are implemented in real life scenario. Thanks to our
project guide for his valuable guidance and suggestions. We will never forget
EJOBINDIA PVT LTD, SECTOR-II, SALTLAKE, the institute which give us a space to
develop our knowledge.
The development of the project was a real fun and we enjoying every bit of it while
gathering knowledge of real time website development.
Page 34
BIBLIOGRAPHY
1. Beginning PHP5, Apache, MySQL Web Development by Elizabeth Naramore,

Jeson Gerner, Jeremy Stolz (WROX Publications).
2. HTML—the definitive guide by Chuck Musciano & Bill Kennedy; ISBN 1-56592-
492-4.
3. Beginning JavaScript by Paul Wilton, Jeremy McPeak (WROX Publications).
4. Professional CSS Cascading Style Sheets for Web Design by Christopher Schmitt,
Mark Trammel, Ethan Marcotte (Wiley Publishing Inc.).
5. http://www.php.net
6. EJOBINDIA Study Materials.
Page 35

Hopn Shop Doc

Încărcat de

Informații document

Descriere originală:

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Hopn Shop Doc

Încărcat de

Drepturi de autor:

Formate disponibile

2010

 Bibhas Chandra Debnath

We are overwhelmed in all humbleness and gratefulness to acknowledge our

Our deepest thanks to the institute personnel …………………………..….. . He gave us

We wish to express our deep sense of gratitude to the helpful people at

Bibhas Ch. Debnath

TO WHOM IT MAY CONCERN

I certify that the project entitled HopnShop.com Web Development Project

I wish him success in life.

 The basic objective of the website Hop-n-Shop.com development project

 Buyers and Sellers can register themselves according to their

 Sellers also can contact Buyers from respective categories.

A.] System Environment:

B.] Functional Requirements:

IV. In admin section, administrator can add new buyer/seller, manage

V. The administrator also has the opportunity to change login password.

C:] Non-Functional Requirements:

Hardware IBM compatible, Pentium based PC with a monitor, keyboard

Operating Both Windows and Linux platform is supported.

Software A standard web browser, Apache, MySQL, PHP.

Performance Moderate speed.

Website Each page has similar construct.

Network A local intranet server like Apache is required to access the

 Front End Tools:

 PHP: PHP: Hypertext Preprocessor is a widely used, general-purpose

 Apache: The Apache HTTP Server, commonly referred to as Apache is web

 Back End Tools:

 MySQL: MySQL is a relational database management system (RDBMS)

 Other Tools Used:

 Smart Draw 2008

ENTITY RELATIONSHIP DIAGRAM

Buyers Buy & sell Sellers BuyerID

DATA FLOW DIAGRAM

Search result Admin logout

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title><?php include('pagetitle.php'); ?></title>

<script type="text/javascript" src="script.js"></script>

<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>

<script language="javascript" type="text/javascript"

<script language="javascript" type="text/javascript" src="js/sub.js"></script>

<script language="javascript" type="text/javascript" src="validate.js"></script>

<link href="nivo-slider.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen"

<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen"

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />

<a href="index.php?pagenm=home"><img src="images/logo.png" width="252"

$sql=mysql_query("select * from tblcategory");

<li class="sidemenu"><a href="index.php?catid=<?php echo

<td width="33%"><a href="#" title="Feeds"><img src="images/rss.png"

<td width="33%"><a href="#" title="Follow Us"><img src="images/tw.png"

<td width="33%"><a href="#" title="Find Us"><img src="images/fb.png"

<div class="cleared"></div><div class="Footer">

<p><a href="index.php?pagenm=contact">Contact Us</a> | <a

| <a href="#">Privacy Statement</a><br />

Copyright &copy; 2010 ---. All Rights Reserved.</p>

<p class="page-footer">Design by <a href="http://suplabtech.in">Suplab</a> and <a

1. Snapshot of index page: -

2. Snapshot of FAQ page:-

3. Snapshot of Become An Affiliate page: -

Copyright © 2010 ---. All Rights Reserved.</p>