CANDIDATE’S DECLARATION

I hereby declare that the work presented in this training report entitled “Training Title/ Project
name”, submitted in partial fulfillment of the requirement for the award of the degree of
Bachelor of Technology in Branch Name, submitted to Panipat Institute of Engineering &
Technology, Kurukshetra University, Kurukshetra, India is an authentic record of my own
work carried out during the period from FROM DATE to TO DATE under the guidance of
mentor Name WITH DESIGNATION.

The work reported in this project report has not been submitted by me for the award of any other
degree or diploma.

Date: Student’s name

Place: Roll No.

i
 CERTIFICATE

This is to certify that the summer training report (Code e.g. CSE-408) entitled “training title/
project name” done by student name, Roll No. XXXXXXXX is an authentic work carried out
by him at Company Name under my guidance. The matter embodied in this training title/
project work has not been submitted earlier for the award of any degree or diploma to the best of
my knowledge and belief.

Date: Company Mentor Name

DESIGNATION

ii
 Acknowledgement

In the “Acknowledgement” page, the writer recognizes his indebtedness for guidance and
assistance of the director and F/I, project guide and other members of the faculty/company.
Courtesy demands that he also recognize specific contributions by other persons or institutions
such as libraries and research foundations. Acknowledgements should be expressed simply,
tastefully, and tactfully.

(Student Name)

iii
 Abstract

An abstract is an outline brief summary of online shopping project. Shopping Cart 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.

The System helps the Customer to purchase the products with and without Credit Card
Information. It includes sophisticated product and customer management modules. This website
will be useful to anyone who wants to purchase items using internet.

Generates the Reports related to the system. This system is developed as our company
requirements.

iv
Table of Contents
CANDIDATE’S DECLARATION ............................................................................................. i
CERTIFICATE ........................................................................................................................... ii
Acknowledgement ..................................................................................................................... iii
Abstract ...................................................................................................................................... iv
List of Figures ........................................................................................................................... vii
List of tables .............................................................................................................................. vii
CHAPTER 1: .............................................................................................................................. 1
1.0 INTRODUCTION ................................................................................................................ 1
1.1OBJECTIVE .......................................................................................................................... 2
1.2 INTRODUCTION ................................................................................................................ 2
1.3 MODULES OF THE SYSTEM ........................................................................................... 2
1.3.1 ADMINISTRATOR: ..................................................................................................... 3
1.3.2 USERS ........................................................................................................................... 3
1.4 WHAT IS SHOPPING CART SYSTEM ............................................................................. 3
1.4.1 Use of shopping cart ...................................................................................................... 4
1.4 .2 UNDERSTANDING OF THE EXISTING SYSTEM ................................................. 4
1.4.3 Need for the New System .................................................................................................. 4
1.4.4 Solution of manual Problem. ......................................................................................... 5
1.5 TOOLS .................................................................................................................................. 5
1.5.1 HARDWARE REQUIREMENTS: .............................................................................. 5
CHAPTER 2: .............................................................................................................................. 6
2.0 Technology/Platform Overview............................................................................................ 6
2.1 Introduction to PHP .............................................................................................................. 7
What is PHP? .......................................................................................................................... 7
Front End and Back End ..................................................................................................... 8
2.2 Description of the DreamViewer .......................................................................................... 8
2.2.1 DreamViewer ................................................................................................................. 8
Using Dreamweaver................................................................................................................ 8
Create a New Site.................................................................................................................... 9
2.2.2 Xampp ............................................................................................................................ 9
Features ................................................................................................................................. 10

v
 Usages ................................................................................................................................... 10
2.2.3 Configuring PHP Development Environment in Windows ......................................... 11
2.2.4 HTML .......................................................................................................................... 11
Tags ....................................................................................................................................... 12
Internal Stylesheet ................................................................................................................. 13
External Stylesheet................................................................................................................ 13
Cascading Order.................................................................................................................... 13
Inline Styles .......................................................................................................................... 13
CHAPTER 3: ............................................................................................................................ 14
3.0 DESIGN(NATURE OF SOLUTION) ................................................................................ 14
3.1 Aspect of system: ................................................................................................................ 15
3.2Flow Chart , DFD & E-R Diagram of system ..................................................................... 16
3.2.1 Flow chart .................................................................................................................... 16
3.2.2 CONTEXT VIEW ....................................................................................................... 17
3.2.3 Data Flow Diagram (DFD) .......................................................................................... 17
3.4 Snapshots Of Different Pages Designed ............................................................................. 18
Module5:-View more product................................................................................................... 22
CHAPTER 4: ............................................................................................................................ 39
4.0 CODING ............................................................................................................................. 39
4.1 HTML Files Coding:........................................................................................................... 40
4.1.1 Admin Index.html ........................................................................................................ 40
CHAPTER 5: ............................................................................................................................ 70
5.0 CONCLUSION AND FUTURE WORK ........................................................................... 70
5.1 Conclusion: ......................................................................................................................... 71
5.2 Future Work ........................................................................................................................ 71
BIBLIOGRAPHY ..................................................................................................................... 72

vi
List of Figures
Figure 1: Flow Chart ..................................................................................................................... 16
Figure 2: Context View................................................................................................................. 17
Figure 3:DFD ................................................................................................................................ 17
Figure 4:ER DIAGRAM ............................................................................................................... 18
Figure 5:Admin Login Page.......................................................................................................... 19
Figure 6:User Id and Password ..................................................................................................... 19
Figure 7:Admin Home Page ......................................................................................................... 20
Figure 8:View Product .................................................................................................................. 21
Figure 9: View More Product ....................................................................................................... 22
Figure 10:Add Product .................................................................................................................. 23
Figure 11:Report Order History .................................................................................................... 24
Figure 12: Report Payment Detail ................................................................................................ 25
Figure 13:Admin Logout .............................................................................................................. 26
Figure 14:User Home Page ........................................................................................................... 27
Figure 15:Navigation of User home page ..................................................................................... 28
Figure 16:Woman’s shopping ....................................................................................................... 29
Figure 17:Sports menu .................................................................................................................. 30
Figure 18:Product details .............................................................................................................. 31
Figure 19:Product add to cart ........................................................................................................ 32
Figure 20:cart details..................................................................................................................... 33
Figure 21:Account Checkout ........................................................................................................ 34
Figure 22: Existing User payment ................................................................................................ 35
Figure 23:Guest account checkout order ...................................................................................... 36
Figure 24:Order history with name & transaction ........................................................................ 37
Figure 25:Payment proceed ......................................................................................................... 38

List of tables

Table 1:xampp abbrevations ..........................................................Error! Bookmark not defined.

vii
 CHAPTER 1:
1.0 INTRODUCTION

1
1.1OBJECTIVE
The Online Shopping System (OSS) is a web-based application. The purpose of the application
is to automate and facilitate the whole process of shopping. This application fixes the limitation
and problems of paper based processes. The main goal to increase the quantity of sales by
making the new technology of web pages design more attractive and to search a lot of customers
and company to their location.
The objective of the project is to make an application to purchase items in an existing shop. In
order to build such an application complete web support need to be provided. A complete and
efficient web application which can provide the online shopping experience is the basic objective
of the project. The web application can be implemented in PHP. The main Objective are:

1) To shop wile in the comfort of your own home, without having to step out of the door
2) To be able to easily save money and compare prices from website to website
3) Online resellers tent to sell at a lower price due to less overhead expenses

1.2 INTRODUCTION
This project is a web based shopping system for an existing shop. The project Online shopping is
the process whereby consumers directly buy goods or services from a seller in real-time, without
an intermediary service, over the Internet. It is a form of electronic commerce. This project is an
attempt to provide the advantages of online shopping to customers of a real shop. It helps buying
the products in the shop anywhere through internet by using an android device. Thus the
customer will get the service of online shopping and home delivery from his favorite shop.
Online shopping is a great way to compare what you are looking for to what you want. You can
compare price, quality, view products you did not know were there and share that information
with friends.

1.3 MODULES OF THE SYSTEM

The system after careful analysis has been identified to be presented with the following modules
and roles. The modules involved are:
1. Administrator
2. Users

2
1.3.1 ADMINISTRATOR:
The administrator is the super user of this application. Only admin have access into this admin
page. Admin may be the owner of the shop. The administrator has all the information about all
the users and about all products. Admin perform following tasks:
MANAGE USER: The administrator can add user, delete user, view user and block user.
MANAGE PRODUCTS: The administrator can add product, delete product and view product.

1.3.2 USERS
A new user will have to register in the system by providing essential details in order to view the
products in the system. The admin must accept a new user by unblocking him.
 Login: A user must login with his user name and password to the system after
registration.
 View Products: User can view the list of products based on their names after successful
login. A detailed description of a particular product with product name, products details,
product image, price can be viewed by users.
 Search Product: Users can search for a particular product in the list by name.
 Add to cart: The user can add the desired product into his cart by clicking add to cart
option on the product. He can view his cart by clicking on the cart button. All products
added by cart can be viewed in the cart. User can remove an item from the cart by
clicking remove.

1.4 WHAT IS SHOPPING CART SYSTEM

Online shopping is a form of electronic shopping store where the buyer is directly online to the
seller’s computer usually via the internet. There is no intermediary service. The sale and
purchase transaction is completed electronically and interactively in real-time.
The development of this new system contains the following activities, which try to develop on-
line application by keeping the entire process in the view of database integration approach. User
gets its eamil id and password to access their account.

3
1.4.1 USE OF SHOPPING CART
Shopping Cart System is the Simple shopping Solution. It’s a full-featured website
and shopping cart system that bends over backwards to give you the flexibility you need to run
your online store. The basic concept of the application is to allow the customer to shop virtually
using the Internet and allow customers to buy the items and articles of their desire from the store.
The information pertaining to the products are stores on an RDBMS at the server side (store).
The Server process the customers and the items are shipped to the address submitted by them.
The details of the items are brought forward from the database for the customer view based on
the selection through the menu and the database of all the products are update the end of each
transaction.

1.4 .2 UNDERSTANDING OF THE EXISTING SYSTEM

 In the existing system all transactions, dealings of products, purchasing of products were
done manually which is time consuming.
 Reports are prepared manually as and when needed. Maintaining of reports is very
tedious task.
 To buy any product user has to collect information about it either by visiting the shop or
asking people which is the better one.
 There is no computer system for handling payments. All calculations are performed
manually which may not be accurate always. Maintaining the record is really a tedious
task.
 Any internet user can use this existing website to search for any kind of products, select
particular products from a wide range of products.
 Once they make of their mind to purchase any particular thing they can place an order
and make a payment throw various available payment option

1.4.3 Need for the New System

 Online Shopping Portal is a specific requirement of the client that integrates the buying
and selling services specifically to their customers. Need for the new system is due to
major drawbacks of existing system.
 Reports can be generated at any time within few seconds, so that manual labor is not
required, and also analysis can be performed much more frequently which helps in taking
decision. The details regarding all users, products can also be maintained as their
information is very helpful and sometimes becomes a critical requirement.

4
  Allows user to get registered from their places and transact for the required product.
 To overcome these problems in existing system we develop “Online Shopping Portal”.

1.4.4 SOLUTION OF MANUAL PROBLEM.

The development of the new system contains the following activities, which try to automate the
entire process keeping in view of the database integration approach.
1. User friendliness is provided in the application with various controls.
2. The system makes the overall project management much easier and flexible.
3. There is no risk of data mismanagement at any level while the project development is under
process.
4. It provides high level of security with different level of authentication.

1.5 TOOLS

1.5.1 HARDWARE REQUIREMENTS:

PROCESSOR: Intel Pentium IV
RAM: 256MB
HARDDISK: 40GB
LAN: High Speed upto 10 mbps
1.5.2 SOFTWARE REQUIREMENTS:
PLATFORM : Windows
THE OPERATING SYSTEM : Windows XP Professional or any windows product
FRONT-END TOOL :PHP,HTML,CSS
BACK-END TOOL : My SQL
Server: XAMPP
IDE: DREAMVIEWER

5
 CHAPTER 2:
2.0 Technology/Platform Overview

6
2.1 Introduction to PHP
The PHP programming language is a server-side HTML embedded scripting language. The
PHP language runs on the server-side. This means that the execution (read starting) of the
scripts is done on the server where the web-site is hosted. HTML embedded means that you
can use PHP statements (read a piece of PHP code) from within an HTML code. PHP files
are returned to the browser as plain HTML.
Because PHP is an HTML embedded language you should have a basic understanding of
HTML/XHTML and (a little) JavaScript. In the coming tutorials we will explain the PHP
code, but we won’t explain the HTML code (at least not in great detail.)

. PHP code is usually processed by a PHP interpreter, which is usually implemented as a web
server's native module or a Common Gateway Interface (CGI) executable. After the PHP code is
interpreted and executed, the web server sends the resulting output to its client, usually in the
form of a part of the generated web page; for example, PHP code can generate a web page's
HTML code, an image, or some other data. PHP has also evolved to include a command-line
interface (CLI) capability and can be used in standalone graphical applications.

WHAT IS PHP?

 PHP stands for PHP: Hypertext Preprocessor.

 As we said before it is a server-side scripting language.
 PHP is free and is an open source software product.
 The PHP scripts are executed on the server.
 PHP supports many databases (MySQL, Sybase, Oracle and many others.)
 PHP runs on different platforms (Unix, Linux, Windows.)
 PHP is compatible with almost all web-servers used today (Apache, IIS, etc.)
 A PHP file can contain plain text, HTML tags and scripts
 The PHP files can have one of the following extensions: php, php3 or phtml.

7
 During the 2010s PHP as a platform has matured significantly, largely by influence from other
software communities and projects such as Npm. In addition to standard library improvements,
the work of PHP-FIG in the form of PSR-initiatives, Composer dependency manager and
the Packagist repository have been a significant factor in this.

Front End and Back End

1. Front End: PHP, HTML, CSS
2. Back End: MYSQL

2.2 Description of the DreamViewer

2.2.1 DREAMVIEWER
Dreamweaver – what is it? Adobe Dreamweaver is a software application that allows you to
create and develop Web sites. Dreamweaver is considered WYSIWYG (What You See Is What
You Get), meaning that when you format your Web page, you see the results of the formatting
instead of the mark-ups that are used for formatting. HTML is not WYSIWYG, whereas
Microsoft Word is WYSIWYG. However, Dreamweaver allows you to hand code HTML as
well. Dreamweaver also supports CSS and JavaScript as well as other languages including ASP
and PHP.

Dreamweaver is fairly complex software. In this lab we will be getting a basic introduction to
this software package.

Dreamweaver is a computer program that is used to make web pages. It was created by
Macromedia. Macromedia is now owned by Adobe Systems. It can be used on
either Windows computers or Macintosh computers. It can be used to make CSS, JavaScript, and
other web technologies. Adobe Dreamweaver is available for OS X and for Windows.

USING DREAMWEAVER
Dreamweaver is a web authoring program that uses a WYSIWYG “what you see is what you
get” interface. The HTML code is being created and is accessible to you if you want to play with
it. Finally, let’s get started with Dreamweaver. Launch Dreamweaver

8
 1. Start Dreamweaver. You should see a startup screen. Dreamweaver lets you publish your
Web site by easily uploading your Web site to a Web server. Right now we won’t be
worrying about that. For now, you will be creating and viewing your site locally (which
means the site will be located on your computer)

CREATE A NEW SITE

2. From the Site menu, choose Manage Sites… The Manage Sites Box should appear.

3. Click New and then choose Site from the pop-up menu.

4. Click on the Advanced Tab under Site Definition for Unnamed Site 1.

5. In the Advanced Tab, under Category, choose Local Info.

6. Next to Site Name, type: My First Dreamweaver Web site

Adobe Dreamweaver is a web design and development application that provides a

visual WYSIWYG editor (colloquially referred to as the Design view) and a code editor with
standard features such as syntax highlighting, code completion, and code collapsing as well as
more sophisticated features such as real-time syntax checking and code introspection for
generating code hints to assist the user in writing code. The Design view facilitates rapid layout
design and generations it allows users to create and manipulate the layout of HTML elements. It
provides transfer and synchronization features, the ability to find and replace lines of text or code
by search terms or regular expressions across the entire site, and a templating feature that allows
single-source update of shared code and layout across entire sites without server-side includes or
scripting.

Dreamweaver, like other HTML editors, edits files locally then uploads them to the remote web
server using FTP, SFTP, or WebDAV. Dreamweaver CS4 now supports the Subversion
(SVN) version control system.

2.2.2 XAMPP

XAMPP is a free and open source cross-platform web server solution stack package developed
by Apache Friends, consisting mainly of the Apache HTTP Server, My SQL database,
and interpreters for scripts written in the PHP and Perl programming languages

9
 The word XAMPP is actually an acronym, and the initials represent the following words /
phrases:

Acronym Letter Acronym Meaning

X X(to be read as “cross”, meaning cross-platform)

A Apache HTTP Server.

M My Sql .

P PHP

P Perl

FEATURES
XAMPP is regularly updated to incorporate the latest releases ofApache, MySQL, PHP and Perl.

Anyway, XAMPP consists of the three main things that you need to know when starting web
development. They are:
 Apache Web Server
 PHP
 MySQL

USAGES
Officially, XAMPP's designers intended it for use only as a development tool, to allow website
designers and programmers to test their work on their own computers without any access to the
Internet. To make this as easy as possible, many important security features are disabled by
default

Once XAMPP is installed, it is possible to treat a local host like a remote host by connecting
using an FTP client. Using a program like File Zilla has many advantages when installing
a content management system (CMS) like Joomla or Word Press. It is also possible to connect to
localhost via FTP with an HTML editor.

The default FTP user is "newuser", the default FTP password is "wampp". The default MySQL
user is "root" while there is no default MySQL password.

10
 2.2.3 CONFIGURING PHP DEVELOPMENT ENVIRONMENT IN WINDOWS

PHP development requires the following software installed and configured:

 Using an AMP Package

 Installing and Configuring the XAMPP Package

 Checking XAMPP Installation

 Installing and Enabling the XDebug Debugger

 Installing the Components Separately

 Apache HTTP Server

 PHP Engine

 MySQL Database Server.

2.2.4 HTML
In 1990, as part of his vision of the Web, Tim Berners-Lee defined the concept of hypertext,
which Berners-Lee formalized the following year through a markup mainly based on SGML.
The IETF began formally specifying HTML in 1993, and after several drafts released version 2.0
in 1995. In 1994 Berners-Lee founded the W3C to develop the Web. In 1996, the W3C took over
the HTML work and published the HTML 3.2 Recommendation a year later. HTML 4.0 was
released in 1999 and became an ISO standard in 2000.
At that time, the W3C nearly abandoned HTML in favor of XHTML, prompting the founding of
an independent group called WHATWG in 2004. Thanks to WHATWG, work
on HTML5 continued: the two organizations released the first draft in 2008 and the final
standard in 2014.

HyperText Markup Language, commonly referred to as HTML, is the standard markup

language used to create web pages. Web browsers can read HTML files and render them into
visible or audible web pages. HTML describes the structure of a websites mantically along with
cues for presentation, making it a markup language, rather than a programming language.

HTML can embed scripts written in languages such as JavaScript which affect the behaviour of
HTML web pages. Web browsers can also refer to Cascading Style Sheets (CSS) to define the
look and layout of text and other material. The World Wide Web Consortium(W3C), maintainer

11
of both the HTML and the CSS standards, has encouraged the use of CSS over explicit
presentational HTML since 1997.

TAGS
HTML documents are written in plain text. You can write HTML in any text editor that lets you
save content as plain text (e.g. Notepad, Notepad++, or Sublime Text), but most HTML authors
prefer to use a specialized editor that highlights syntax and shows the DOM. You may use
uppercase for tag names, but the W3C (the global consortium that maintains the HTML
standard) recommends using lower case (and XHTML requires lower case).
HTML attaches special meaning to anything that starts with the less-than sign ("<") and ends
with the greater-than sign (">"). Such markup is called a tag. Make sure to close the tag, as some
tags are closed by default, whereas others might produce unexpected errors if you forget the end
tag.
2.2.5 CSS
A CSS (cascading style sheet) file allows you to separate your web sites (X)HTML content from
it’s style. As always you use your (X)HTML file to arrange the content, but all of the
presentation (fonts, colors, background, borders, text formatting, link effects & so on…) are
accomplished within a CSS.
At this point you have some choices of how to use the CSS, either internally or externally. So,
which is better?
So with all these various ways of inserting CSS into your (X)HTML files, you may now be
asking well which is better, and if I use more than one method, in what order do these different
ways load into my browser?
Types of Style sheet
All the various methods will cascade into a new “pseudo” stylesheet in the following order:
 Inline Style (inside (X)HTML element)
 Internal Style Sheet (inside the <head> tag)
 External Style Sheet

As far as which way is better, it depends on what you want to do. If you have only one file to
style then placing it within the <head></head> tags (internal) will work fine. Though if you are
planning on styling multiple files then the external file method is the way to go.

12
Choosing between the <link related=> & the @import methods are completely up to you. I will
mention that the @import method may take a second longer to read the CSS file in Internet
Explorer than the <link related=> option. To combat this see Flash of unstyled content

INTERNAL STYLESHEET
First we will explore the internal method. This way you are simply placing the CSS code within
the <head></head> tags of each (X)HTML file you want to style with the CSS With this method
each (X)HTML file contains the CSS code needed to style the page. Meaning that any changes
you want to make to one page, will have to be made to all. This method can be good if you need
to style only one page, or if you want different pages to have varying styles.

EXTERNAL STYLESHEET
Next we will explore the external method. An external CSS file can be created with any text or
HTML editor such as “Notepad” or “Dreamweaver”. A CSS file contains no (X)HTML, only
CSS. You simply save it with the .css file extension. You can link to the file externally by
placing one of the following links in the head section of every (X)HTML file you want to style
with the CSS file.

CASCADING ORDER
In the previous paragraphs, I have explained how to link to a css file either internally or
externally. If you understood, than I am doing a good job. If not don’t fret, there is a long way to
go before we are finished. Assuming you have caught on already, you are probably asking, well
can I do both? The answer is yes. You can have both internal, external, and now wait a minute a
third way? Yes inline styles also.

INLINE STYLES
I have not mentioned them until now because in a way they defeat the purpose of using CSS in
the first place. Inline styles are defined right in the (X)HTML file along side the element you
want to style.

13
 CHAPTER 3:

3.0 DESIGN(NATURE OF SOLUTION)

14
3.1 Aspect of system:
 Input
The record of the registration form is to be input by the end users. After that the user
login into the system. However, some inputs will be automatic, like the ID’s of user,
authorization,etc. The analyst would design the input layout incorporating
aforementioned details.
 Output
The system will produce short-term outputs of the using the front end designed.
 Processing
For the files of information, processing is inevitable. For the proposed system, it means
data handling such as adding of new user, user login process, sending mails, checking
inbox, deleting mails, etc. These processing are inevitable aspect of the system that needs
to be considered while developing the software. Meanwhile, the users’ requirements
should be considered or the exact processing will missed.
 Validation:
The System will have validation check programs so that senseless input doesn’t get
through the system and eat up disk/memory. No blank Attributes would be stored except
for the system’s isolated propose that has nothing to do with actual data.
 User Interface and Comfort
The user will feel very easy to get used to the system and carry out activities normally
once the system is installed. Forms and menus will be user-friendly to use and the layout
colours will be pleasant for the eyes to prevent health hazards on working long hours.
The Hardware will also be comfortable, with ergonomic mouse and keyboard with LCD
monitors instead of the traditional uncomfortable hardware.
 Security and Access Right
Only the authorized user can login to the system supplying the password that has been set
during the registration.
Physical security of system would be the responsibility of admin after its implementation.

15
3.2Flow Chart , DFD & E-R Diagram of system
3.2.1 FLOW CHART

Figure 1: Flow Chart

16
3.2.2 CONTEXT VIEW

Figure 2: Context View

3.2.3 DATA FLOW DIAGRAM (DFD)

Figure 3:DFD

17
3.3 ER DIAGRAM

Figure 4:ER DIAGRAM

3.4 Snapshots Of Different Pages Designed

Admin Module: This is the login page of Admin module. In this admin enter the user id &
password for login.

Admin Perform the following 2 tasks:

1. Manage Users
2. Add Product, View Product

18
 Figure 5:Admin Login Page
Module1:-Admin Login
In this module the Admin can login by filling user id and password and then sign in the
account.

Figure 6:User Id and Password

Module2:-Login Page
In this module the admin can fill the user id and password then press Sign In button to login
itself.

19
If the user id and password are not valid then admin again fill the valid information and then
login your account.

Figure 7:Admin Home Page

Module3:-Admin Home Page

This Module helps us to create your own site .

Admin can fill the site name and select the company logo from your computer. After that click
on the submit button to create the site.

20
 Figure 8:View Product
Module4:-View Product

In this module the admin can view the product list and all information about products such as
Product name, product description, product serial no. , product price , product quantity, and
product image .
The admin can also edit and delete the product from product list.

21
 Figure 9: View More Product

Module5:-View more product

If the admin can view more products in the list then press next button to view the more and more
new product. The admin can also editing in the detail of product such as name of the product ,
description , serial no , price, quantity and also change the image of product by clicking on Edit
button.
Admin can also delete the product from the list .and also search the product from the list.

22
 Figure 10:Add Product
Module6:- Add product

In this module the admin can click on the add product button and fill the product information
such as Product name, product description , product serial no. , product price , product quantity,
And then select the image of product from your storage device. After filling all detail of product
then click on Submit Button . after submit the detail of product the product may be added in the
list.
If the admin can not fill any of the information of product and click on submit button then
product can not add in the list because fill all the right information in the form.

23
 Figure 11:Report Order History
Module7:-Report order history

In this module the admin can view the order detail such as Product name, product price, product
quantity, product image etc. the admin can view the order that are ordering by any customer.
The admin can search the order from product order list by product name.

24
 Figure 12: Report Payment Detail
Module8:- Report payment detail

This module describe the detail of payment such as Card holder name , card no. , exploration
month , exploration year , card code.
This table show the information of payment detail. if any of the entry is not added in the list then
the list is empty . and if we add any of the detail in the list then entry show in the list .
The admin can also search the detail of payment by card no. or card holder name.

25
 Figure 13:Admin Logout
Module9:-Admin Logout

The admin can logout your account by clicking on admin button and then sign out button.
After logout the account the admin can again reopen your account by fill the user id and
password.

User module: user can perform following Tasks:

1. View product 2. Search product 3. Add to cart 4. Payment

26
 Figure 14:User Home Page
Module:-User

In this module the user can login youself by filling user id and password in the login form .
After opening the user account the user home page show. On the user home page the various
module are available such as My account , your cart , checkout , login etc.
User can also view the items such as cloths, sports item , best seller , top seller .

27
 Figure 15:Navigation of User home page
Module:-Navigation

In this module the user home page is show with the navigation bar.
In the navigation bar the many such item are show such as women’s cloths, men’s cloths, sports
etc.
User can show such item according to our need. if the user click any of the item then whole
related items are display in the product list. user can also buy the product from here.

28
 Figure 16:Woman’s shopping

Module:-Woman

This module show the list of woman’s item .if the user click on the women button then
various item are shown in the list and new one product are also available in the list. All items
are shown with item price.

29
 Figure 17:Sports menu
Module:-Sports Menu
This module show the list of sports item such as gifts , ties and hats, cold, weather etc.
the user can choose any of the item based on your choice.
All items are shown with item price.
If the user click on the any type of item such as ties and hats then those tie and hats are
Available in the product list that they are shown in front of user.

30
 Figure 18:Product details
Module:-Product

This module describe the full detail of the product such as product brand , product code,
reward points , availability , product price.
If the user click on any of the item then display the complete detail of clicking item.
User also buy product from here by using add to cart button.

31
 Figure 19:Product add to cart
Module:-Add to cart

In this module user can be select any of the product from the list and view the product detail.
After that user buy product from here by using add to cart button.
The description of selected product is also given below of the product detail.

32
 Figure 20:cart details
Module:-Cart detail

This module give the detail of products that are already carted by the user.
User also remove the carted product from list if they are not buy this product.
User also view the detail of carted product such as Product image, product name , product
quantity , unit price and total etc.

33
 Figure 21:Account Checkout
Module:-Account checkout

This module show the detail of account of user.if the user can already registered then it is
directly open his account by filling user id and password.
And if the user not registered then it create new account by click on the register account and
press to continue button.

34
 Figure 22: Existing User payment

Module:-Login or Register

This module show the detail of login form and register form.
If the user already registered then easily login your account by using user name and
password.
And if the user not registered already then they fill the detail in the register form such as
username, email address, and password and after fill all the detail click on the create button to
create your account.

35
 Figure 23:Guest account checkout order
Module:-Checkout

This module give us the detail of checkout order of guest account.

In this module fill all the detail of order such as first name, last name, email id , telephone
,address , city , post code etc. and also fill the information of shop name, shop address,
delivery day, shop zip etc.
After fill all detail click on the confirm button to confirm the order.

36
 Figure 24:Order history with name & transaction
Module:- Order history

In this module the user can check the detail of purchasing items .
If we fill the customer name and transaction id then open the list of purchasing item that are
already purchase by the customer.
The purchasing detail of product such as product name, product quantity, product price are
showing at the front of user.

37
 Figure 25:Payment proceed
Module:-Payment

This module give the detail of credit card of customer.

After buy the product then fill the credit card information such as card holder name, card
number, expiration date, card code, email id etc.
If your card is expired then it is not accepted and if your card is accepted then you can pay
your product price.

38
CHAPTER 4:
4.0 CODING

39
4.1 HTML Files Coding:
4.1.1 ADMIN INDEX.HTML
<?php
ob_start() ;
session_start();
include("dbconnection.php");
?>
<!DOCTYPE html>
<html class="bg-black">
<head>
<meta charset="UTF-8">
<title><?php echo $company_name; ?></title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
name='viewport'>
<!-- bootstrap 3.0.2 -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- font Awesome -->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<?php
error_reporting(0);

40
 if(isset($_POST['userid']) && isset($_POST['password']))
{
$user_email = mysql_real_escape_string($_POST['userid']);
$user_password =
mysql_real_escape_string($_POST['password']);
if(isset($_POST['remember_me']) && $_POST['remember_me'] == 'on')
{
setcookie("userid",$user_email,time()+(60*60*1));
setcookie("password",$user_password,time()+(60*60*1));

}
}
else
{
$user_email = '';
$user_password = '';

if (isset($_COOKIE['userid'])) {
$user_email = $_COOKIE['userid'];
}

if (isset($_COOKIE['password'])) {
$user_password = $_COOKIE['password'];
}
}

if(isset($_POST['login']))
{

41
 $_SESSION['username']=mysql_real_escape_string($_POST['userid']);

$_SESSION['password']=mysql_real_escape_string($_POST['password']);
$log_sql = "select * from login where username = '".$user_email."'
and password = '".$user_password."'";
$query_log = mysql_query($log_sql);
$count = mysql_num_rows($query_log);
if($count > 0)
{
//echo "login success";
header("location:create_site.php");
}
else
{
$error_msg="Invalid Username & Password";

?>
<body class="bg-black">

<div class="form-box" id="login-box">

<div class="header">Sign In</div>
<form method="post">
<div class="body bg-gray">
<div class="form-group">
<input type="text" name="userid" class="form-control" placeholder="User ID"/>
</div>

42
 <div class="form-group">
<input type="password" name="password" class="form-control"
placeholder="Password"/>
</div>
<div class="form-group">
<input type="checkbox" name="remember_me"/> Remember me
</div>
</div>
<div class="footer">
<!--<button type="submit" class="btn bg-olive btn-block">Sign me in</button> -->
<input type="submit" name="login" value="Sign me in" class="btn bg-olive btn-
block"/>
<p align="center" style="color:red;" id="error_msg"><?php echo $error_msg;
?></p>

<!--<a href="register.html" class="text-center">Register a new membership</a>-->

</div>
</form>

</div>

<!-- jQuery 2.0.2 -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js" type="text/javascript"></script>

</body>
</html>

43
User index
<?php include("dbconnection.php"); ?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<title><?php echo $company_name;?></title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<!--[if ie]><meta content='IE=8' http-equiv='X-UA-Compatible'/><![endif]-->
<!-- bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">

<link href="themes/css/bootstrappage.css" rel="stylesheet"/>

<!-- global styles -->

<link href="themes/css/flexslider.css" rel="stylesheet"/>
<link href="themes/css/main.css" rel="stylesheet"/>

<!-- scripts -->

<script src="themes/js/jquery-1.7.2.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="themes/js/superfish.js"></script>
<script src="themes/js/jquery.scrolltotop.js"></script>
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="js/respond.min.js"></script>

44
 <![endif]-->
</head>
<body>
<div id="top-bar" class="container">
<div class="row">
<div class="span4">
<form method="POST">
<table><tr><td>
<input type="text" class="input-block-level search-
query" name="searchtext" Placeholder="eg. T-sirt"></td>
<td><input type="submit" name="search"
value="search" class="btn btn-inverse"/></td></tr></table>
</form>
</div>
<div class="span8">
<div class="account pull-right">
<ul class="user-menu">
<li><a href="#">My Account</a></li>
<li><a href="cart.php">Your Cart</a></li>
<li><a
href="checkout.php">Checkout</a></li>
<li><a href="register.php">Login</a></li>

</ul>
</div>
</div>
</div>
</div>
<div id="wrapper" class="container">
<section class="navbar main-menu">
<div class="navbar-inner main-menu">

45
 <a href="index.php" class="logo pull-left"><img
src="../company_image/<?php echo $company_logo; ?>" class="site_logo" alt=""></a>
<nav id="menu" class="pull-right">
<ul>
<li><a href="./products.php">Woman</a>

<ul>
<li><a
href="./products.php">Lacinia nibh</a></li>

<li><a
href="./products.php">Eget molestie</a></li>
<li><a
href="./products.php">Varius purus</a></li>

</ul>
</li>

<li><a href="./products.php">Man</a></li>

<li><a href="./products.php">Sport</a>
<ul>

<li><a
href="./products.php">Gifts and Tech</a></li>
<li><a
href="./products.php">Ties and Hats</a></li>
<li><a
href="./products.php">Cold Weather</a></li>
</ul>

46
 </li>

<li><a
href="./products.php">Hangbag</a></li>
<li><a href="./products.php">Best
Seller</a></li>
<li><a href="./products.php">Top
Seller</a></li>
</ul>
</nav>
</div>
</section>
<section class="homepage-slider" id="home-slider">
<div class="flexslider">
<ul class="slides">
<li>
<img src="themes/images/carousel/banner-
1.jpg" alt="" />
</li>
<li>
<img src="themes/images/carousel/banner-
2.jpg" alt="" />
<div class="intro">
<h1>Mid season sale</h1>
<p><span>Up to 50%
Off</span></p>
<p><span>On selected items online
and in stores</span></p>
</div>
</li>
</ul>

47
 </div>
</section>
<section class="header_text">
<!--We stand for top quality templates. Our genuine developers
always optimized bootstrap commercial templates. -->
<!--<br/>Don't miss to use our cheap abd best bootstrap
templates.-->
</section>
<section class="main-content">
<div class="row">
<div class="span12">

<div class="row">
<div class="span12">
<h4 class="title">
<span class="pull-
left"><span class="text"><span class="line">Feature
<strong>Products</strong></span></span></span>
<span class="pull-right">
<a class="left button"
href="#myCarousel" data-slide="prev"></a><a class="right button" href="#myCarousel" data-
slide="next"></a>
</span>
</h4>
<div id="myCarousel"
class="myCarousel carousel slide">
<div class="carousel-inner">
<div class="active
item">
<ul
class="thumbnails">

48
 <?php

if(isset($_REQUEST['search']))
{

$svalue = $_REQUEST['searchtext'];

$sqlSearch = "select * from product_info where name like '%".$svalue."%'";

$querySearch = mysql_query($sqlSearch);

if($querySearch)
{

while($rowSearch = mysql_fetch_array($querySearch))
{

?>
<li
class="span3">

<div class="product-box">

<span class="sale_tag"></span>

<p><a href="product_detail.php?id=<?php echo $rowSearch['id']; ?>"><img

src="themes/images/ladies/<?php echo $rowSearch['pro_image']; ?>" /></a></p>

<a href="product_detail.php?id=<?php echo $rowSearch['id']; ?>"

class="title"><?php echo $rowSearch['description']; ?></a><br/>

49
 <a href="products.php" class="category"><?php echo $rowSearch['name'];
?></a>

<p class="price"><?php echo $rowSearch['price']; ?></p>

<p class="price"><?php echo $rowSearch['qty']; ?>&nbsp;qty in stocks</p>

</div>
</li>
<?php
}
}
else
{

echo mysql_error();
}

}
else
{

$sql_product_details_act = "select * from product_info LIMIT 0,4";

$query_product_act = mysql_query($sql_product_details_act);

while($row_pro_act = mysql_fetch_array($query_product_act))

50
 {
?>

<li
class="span3">

<div class="product-box">

<span class="sale_tag"></span>

<p><a href="product_detail.php?id=<?php echo $row_pro_act['id']; ?>"><img

src="themes/images/ladies/<?php echo $row_pro_act['pro_image']; ?>" /></a></p>

<a href="product_detail.php?id=<?php echo $row_pro_act['id']; ?>"

class="title"><?php echo $row_pro_act['description']; ?></a><br/>

<a href="products.php" class="category"><?php echo $row_pro_act['name'];

?></a>

<p class="price"><?php echo $row_pro_act['price']; ?></p>

<p class="price"><?php echo $row_pro_act['qty']; ?>&nbsp;qty in stocks</p>

</div>
</li>
<?php
}

}//else=================

51
 ?>

</ul>
</div>
<div class="item">
<ul
class="thumbnails">
<?php

if(isset($_REQUEST['search']))
{

$svalue = $_REQUEST['searchtext'];

$sqlSearch = "select * from product_info where name like '%".$svalue."%'";

$querySearch = mysql_query($sqlSearch);

if($querySearch)
{

while($rowSearch = mysql_fetch_array($querySearch))
{

?>
<li
class="span3">

<div class="product-box">

52
 <span class="sale_tag"></span>

<p><a href="product_detail.php?id=<?php echo $rowSearch['id']; ?>"><img

src="themes/images/ladies/<?php echo $rowSearch['pro_image']; ?>" /></a></p>

<a href="product_detail.php?id=<?php echo $rowSearch['id']; ?>"

class="title"><?php echo $rowSearch['description']; ?></a><br/>

<a href="products.php" class="category"><?php echo $rowSearch['name'];

?></a>

<p class="price"><?php echo $rowSearch['price']; ?></p>

<p class="price"><?php echo $rowSearch['qty']; ?>&nbsp;qty in stocks</p>

</div>
</li>
<?php
}
}
else
{

echo mysql_error();
}

}
else

53
 {

$sql_product_details = "select * from product_info LIMIT 4,4";

$query_product = mysql_query($sql_product_details);

while($row_pro = mysql_fetch_array($query_product))
{
?>

<li
class="span3">

<div class="product-box">

<span class="sale_tag"></span>

<p><a href="product_detail.php?id=<?php echo $row_pro['id']; ?>"><img

src="themes/images/ladies/<?php echo $row_pro['pro_image']; ?>" /></a></p>

<a href="product_detail.php?id=<?php echo $row_pro['id']; ?>"

class="title"><?php echo $row_pro['description']; ?></a><br/>

<a href="products.php" class="category"><?php echo $row_pro['name']; ?></a>

<p class="price"><?php echo $row_pro['price']; ?></p>

<p class="price"><?php echo $row_pro['qty']; ?>&nbsp;qty in stocks</p>

54
 </div>
</li>
<?php
}
}
?>

</ul>
</div>
</div>

</div>
</div>
</div>
<br/>
<div class="row">
<div class="span12">
<h4 class="title">
<span class="pull-
left"><span class="text"><span class="line">Latest
<strong>Products</strong></span></span></span>
<span class="pull-right">
<a class="left button"
href="#myCarousel-2" data-slide="prev"></a><a class="right button" href="#myCarousel-2"
data-slide="next"></a>
</span>
</h4>
<div id="myCarousel-2" class="myCarousel carousel slide">

55
<div class="carousel-inner">
<div class="active item">
<ul class="thumbnails">
<?php
$sql_product_details = "select * from product_info LIMIT 8,4";
$query_product = mysql_query($sql_product_details);
while($row_pro = mysql_fetch_array($query_product))
{
?>

<li
class="span3">

<div class="product-box">

<span class="sale_tag"></span>

<p><a href="product_detail.php?id=<?php echo $row_pro['id']; ?>"><img

src="themes/images/cloth/<?php echo $row_pro['pro_image']; ?>" /></a></p>

<a href="product_detail.php?id=<?php echo $row_pro['id']; ?>"

class="title"><?php echo $row_pro['description']; ?></a><br/>

<a href="products.php" class="category"><?php echo $row_pro['name']; ?></a>

<p class="price"><?php echo $row_pro['price']; ?></p>

<p class="price"><?php echo $row_pro['qty']; ?>&nbsp;qty in stocks</p>

</div>
</li>

56
 <?php
}
?>
</ul>
</div>
<div class="item">
<ul class="thumbnails">
<?php

$sql_product_details = "select * from product_info LIMIT 12,4";

$query_product = mysql_query($sql_product_details);

while($row_pro = mysql_fetch_array($query_product))
{
?>
<li class="span3">

<div class="product-box">

<span class="sale_tag"></span>

<p><a href="product_detail.php?id=<?php echo $row_pro['id']; ?>">

<img src="themes/images/cloth/<?php echo $row_pro['pro_image']; ?>" /></a></p>

<a href="product_detail.php?id=<?php echo $row_pro['id']; ?>" class="title"><?php

echo $row_pro['description']; ?></a><br/>

<a href="products.php" class="category"><?php echo $row_pro['name']; ?></a>

<p class="price"><?php echo $row_pro['price']; ?></p>

57
 <p class="price"><?php echo $row_pro['qty']; ?>&nbsp;qty in stocks</p>

</div>
</li>
<?php
}
?>

</ul>
</div>
</div>

</div>
</div>
</div>
<div class="row feature_box">

<div class="span4">
<div class="service">
<div class="responsive">
<img
src="themes/images/feature_img_2.png" alt="" />
<h4>MODERN
<strong>DESIGN</strong></h4>

</div>
</div>

58
 </div>
<div class="span4">
<div class="service">
<div class="customize">

<img
src="themes/images/feature_img_1.png" alt="" />
<h4>FREE
<strong>SHIPPING</strong></h4>

</div>
</div>
</div>
<div class="span4">
<div class="service">
<div class="support">
<img
src="themes/images/feature_img_3.png" alt="" />
<h4>24/7 LIVE
<strong>SUPPORT</strong></h4>

</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="our_client">
<h4 class="title"><span class="text">Manufactures</span></h4>
<div class="row">

59
 <div class="span2">
<a href="#"><img alt=""
src="themes/images/clients/14.png"></a>
</div>
<div class="span2">
<a href="#"><img alt=""
src="themes/images/clients/35.png"></a>
</div>
<div class="span2">
<a href="#"><img alt=""
src="themes/images/clients/1.png"></a>
</div>
<div class="span2">
<a href="#"><img alt=""
src="themes/images/clients/2.png"></a>
</div>
<div class="span2">
<a href="#"><img alt=""
src="themes/images/clients/3.png"></a>
</div>
<div class="span2">
<a href="#"><img alt=""
src="themes/images/clients/4.png"></a>
</div>
</div>
</section>
<section id="footer-bar">
<div class="row">
<div class="span3">
<h4>Navigation</h4>
<ul class="nav">

60
 <li><a
href="./index.php">Homepage</a></li>

<li><a href="./cart.php">Your
Cart</a></li>
<li><a href="./register.php">Login</a></li>

</ul>
</div>
<div class="span4">
<h4>My Account</h4>
<ul class="nav">
<li><a href="#">My Account</a></li>
<li><a href="#">Order History</a></li>
<li><a href="#">Wish List</a></li>
<li><a href="#">Newsletter</a></li>
</ul>
</div>
<div class="span5">
<p class="logo"><img
src="../company_image/<?php echo $company_logo; ?>" class="site_logo" alt=""></p>

<br/>
<span class="social_icons">
<a class="facebook"
href="#">Facebook</a>
<a class="twitter" href="#">Twitter</a>
<a class="skype" href="#">Skype</a>
<a class="vimeo" href="#">Vimeo</a>
</span>
</div>

61
 </div>
</section>
<section id="copyright">
<span>Copyright 2014 <?php echo $company_name; ?> All right
reserved.</span>
</section>
</div>
<script src="themes/js/common.js"></script>
<script src="themes/js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(function() {
$(document).ready(function() {
$('.flexslider').flexslider({
animation: "fade",
slideshowSpeed: 4000,
animationSpeed: 600,
controlNav: false,
directionNav: true,
controlsContainer: ".flex-container" // the container
that holds the flexslider
});
});
});
</script>
</body>
</html>

CSS file
div.dataTables_length label {
font-weight: normal;
float: left;

62
 text-align: left;
}

div.dataTables_length select {
width: 75px;
}

div.dataTables_filter label {
font-weight: normal;
float: right;
}

div.dataTables_filter input {
width: 16em;
}

div.dataTables_info {
padding-top: 8px;
}

div.dataTables_paginate {
float: right;
margin: 0;
}

div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap;
}

table.dataTable,

63
table.dataTable td,
table.dataTable th {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

table.dataTable {
clear: both;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: none !important;
}

table.dataTable thead .sorting,

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
}

table.dataTable thead .sorting { background: url('images/sort_both.png') no-repeat center right; }

table.dataTable thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center
right; }
table.dataTable thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center
right; }

table.dataTable thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png')

no-repeat center right; }

64
table.dataTable thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png')
no-repeat center right; }

table.dataTable th:active {
outline: none;
}

/* Scrolling */
div.dataTables_scrollHead table {
margin-bottom: 0 !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,

div.dataTables_scrollHead table thead tr:last-child td:first-child {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
border-top: none;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,

div.dataTables_scrollBody tbody tr:first-child td {
border-top: none;
}

65
div.dataTables_scrollFoot table {
margin-top: 0 !important;
border-top: none;
}

/*
* TableTools styles
*/
.table tbody tr.active td,
.table tbody tr.active th {
background-color: #08C;
color: white;
}

.table tbody tr.active:hover td,

.table tbody tr.active:hover th {
background-color: #0075b0 !important;
}

.table tbody tr.active a {

color: white;
}

.table-striped tbody tr.active:nth-child(odd) td,

.table-striped tbody tr.active:nth-child(odd) th {
background-color: #017ebc;
}

66
table.DTTT_selectable tbody tr {
cursor: pointer;
}

div.DTTT .btn {
color: #333 !important;
font-size: 12px;
}

div.DTTT .btn:hover {
text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
background-color: #0088cc;
color: white !important;
}

div.DTTT_collection_background {

67
 z-index: 2002;
}

/* TableTools information display */

div.DTTT_print_info.modal {
height: 150px;
margin-top: -75px;
text-align: center;
}

div.DTTT_print_info h6 {
font-weight: normal;
font-size: 28px;
line-height: 28px;
margin: 1em;
}

div.DTTT_print_info p {
font-size: 14px;
line-height: 20px;
}

/*
* FixedColumns styles
*/
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,

68
table.DTFC_Cloned tr.even {
background-color: white;
}
div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table {
margin-bottom: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
border-top: none;
margin-bottom: 0 !important;
}
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
border-top: none;}
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
border-top: none;
}

69
 CHAPTER 5:
5.0 CONCLUSION AND FUTURE WORK

70
5.1 Conclusion:

Being able to buy any time, any place, anywhere, provides exciting opportunities not only for
Dixons customers but for the Group as a whole, and these benefits are likely to increase over
time.

Online shopping is a different experience and you can make the shopping creative over the
internet as you get used to it. There can be lot of apprehensions about online shopping when you
get in to it for the first time. As you experience more and more of it those apprehensions
get dissapeared slowly. Remember that if you stick to the basics, online shopping become more
enjoyableand easier than real-world shopping.

The application is working well so far, and it is easy to install and use. However, feature such as
‘Modify Item’ in the Admin side is still not working friendly. It asks users to re-browse the
image and the manual for the item to be modified. This feature will be fixed in the future works.
More designs and decorations should be added to the web pages to make them more attractive.

5.2 Future Work

In terms of future scope, a variety of data mining techniques can be used by researchers to
simplify customer perceptions and attitudes. Every day, every hour and every minute, tera-bytes
of data gets generated from millions of shoppers, yet, retail managers/ business executives
always grapple with relevant information that can help retailers/ researchers design strategies to
generate customer loyalty.

We think that not a single project is ever considered as completeforever because our mind is
always thinking new and our necessitiesalso are growing. Our application Also, if you see at the
first glance that you find it to be complete but we want to make it still mature and fully
automatic.
As system is flexible you can generate more report and screen as andwhen required. The system
is modified in future as per the owner requirement. In this system we can add more reports about
users so more and moreInformation about E_SHOP.com

71
 BIBLIOGRAPHY

[1] A.Rangaswamy and G.H. Van Bruggen (2005); Opportunities and challenges in multichannel
marketing: An introduction to the special issue‖, Journal of Interactive Marketing, 19(2),p.:5-11

[2] Ahuja, M. K., Gupta, B., & Raman, P. (2003): An Empirical Investigation of Online
Consumer Purchasing Behavior [Electronic version]. Communications of the ACM, 46(12ve),
pp. 145-151. Retrieved 18 April 2005.

[3] Alba J, Lynch J, Weitz B, Janiszewki C, Lutz R, Sawyer A and Wood,S(1997) ―Interactive
Home shopping: Consumer Retailer and Manufacturer incentive to participate in Electronic
Market places, “Journal of Marketing,61(3),pp38-54

[4] A.Ansari, C.F. Mela, and S.A. Neslin (2008); ―Customer channel migration‖; Journal of
Marketing Research; XLV: pp.:60-76. AcNielsen (2009), ―Indians beat world in cyber
shopping‖, [online document].

REFERENCES

[1] http://en.wikipedia.org/wiki/Online_shopping

[2] http://portal.acm.org/cacm/ve1203.

[3]http://wiki.answers.com/Q/What_impact_does_online_shopping_have_on_traditional_stores_
and_shopping_mall

[4] http://www.thefreedictionary.com/shopping

72