ONLINE CLOTHING WEBSITE

SUBMITTED
BY

J.RONALD AROCKIYA JOENITH

21COS340

Under the guidance of

Mrs.C.SULOCHANA,M.sc.,M.phil.,SET,Ph.D(pursuing)

Submitted to

The Department of Computer Science (UG)

FOR THE PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE

AWARD OF THE DEGREE OF

B.Sc., COMPUTER SCIENCE

THE AMERICAN COLLEGE

(An Autonomous Institution Affiliated to Madurai Kamaraj University)
Re-accredited with (3rd cycle) by NAAC with Grade “A+”, CGPA – 3.47 on a 4-Point scale

MADURAI - 625002

APRIL - 2024
 THE AMERICAN COLLEGE

(An Autonomous Institution Affiliated to Madurai Kamaraj University)

Re-accredited with (3rd cycle) by NAAC with Grade “A+”, CGPA – 3.47 on a 4-Point scale

MADURAI - 625002

APRIL - 2024

BONAFIDE CERTIFICATE

This is to certify that the project work entitled “Online clothing Website” is a
bonafide record of work done by J.Ronald arockiya joenith(21COS340) in partial
fulfillment of the requirements for the award of the degree of B.Sc., Computer
Science of The American College. This work has not been submitted for the
award of any degree to the best of our knowledge.

Submitted for viva-voice examination, held on 08.05.2024, in the Department

of Computer Science, The American College, Madurai.

Internal Guide Head of the Department

 DECLARATION

I hereby declare that the project entitled “Online clothing Website” is a project report
of the original work done by myself. This project work is submitted to The American College
(Affiliated to Madurai Kamaraj University) in partial fulfillment of the degree of Bachelor of
Science in Computer Science during the academic year 2021 – 2024.

I declare that this project work or any part thereof has not been submitted for getting
any degree or diploma from any other university or college.

Place : Madurai

Date :

Signature of the Student

 ACKNOWLEDGEMENT

I am grateful to convey my sincere thanks to our principal Dr. M. DAVAMANI

CHRISTOBER M.Sc.,M.Phil.,M.Ed.,PGDCA.,Ph.D(Math)., Ph.D(Inter Disciplinary)
for his support and encouragement.

I am grateful to Head of Department Mr. J. JOHN JEYA KAMARAJ, M.S.,

PDGCA., B.Ed., MCA., M.Phil., Bachelor of Computer Science Department to his
Energetic Encourgement.

I express my deep sense of Gratitude and Indebtedness to

Mrs.C.SULOCHANA,M.sc.,M.phil.,SET,Ph.D(pursuing) Her inspiring guidance and
continuous encouragement which has enabled me to complete my project.

Also, I would like to thank my Faculty Members, Parents, and Friends who have
helped me during the course of completion of this project.
 Contents

S. NO. DESCRIPTION PAGE No.

Abstract
System Analysis
1.1 Existing System
1
1.2 Proposed System
1.3 Feasibility Study
System Requirements Specification
2.1 Software Requirements
2
2.2 Hardware Requirements
2.3 About Software

System Design
3.1 Modules Description
3.2 Data Flow Diagrams
3.3 E-R Diagram
3 3.4 Database Design

4 System Implementation
5 System Testing
6 Conclusion
7 Future Enhancement
8 Bibliography
Appendix
9 9.1Sample Screens
9.2 Source Code
 ABSTRACT

This project aims to design and develop an e-commerce website specifically

tailored for the clothing industry. The website will feature a comprehensive catalogue of
clothing items, including various categories such as men's, women's, and children's apparel. It
will employ a user-friendly interface with intuitive navigation, allowing customers to easily
browse and purchase products. The website will incorporate secure payment gateways and
implement features such as user accounts, wish lists, and order tracking to enhance the
shopping experience. Additionally, the project will focus on implementing features such as
product recommendations, user reviews, and personalized user accounts to enhance customer
satisfaction and engagement. Through the integration of cutting-edge technologies and
industry best practices, this e-commerce platform aims to provide customers with a seamless
and enjoyable shopping journey while supporting the growth of the clothing business.
 1. SYSTEM ANALYSIS

1.1 EXISTING SYSTEM

The existing system may involve traditional brick-and-mortar clothing stores or basic online
platforms with limited features. It typically includes:

 Physical Stores: Clothing businesses may operate through physical stores where customers
visit to browse and purchase items.
 Limited Online Presence: If there is an online presence, it may consist of a basic website
with a static catalogue of products, lacking advanced features such as user accounts,
personalized recommendations, or secure payment gateways.
 Manual Inventory Management: Inventory management may be done manually, leading to
inaccuracies and inefficiencies in stock tracking and replenishment.
 Lack of Customer Engagement: Without features like user reviews, wish lists, or
personalized recommendations, customer engagement and retention may be low.
 Inefficient checkout process: The checkout process may be inconvenient or lengthy,
requiring users to fill out multiple forms and navigate through several pages before
completing their purchase.
1.2 PROPOSED SYSTEM

The proposed system for the online clothing website project will address the limitations of the
existing system and include the following features:

 E-commerce Platform: A robust e-commerce platform will be developed to facilitate online

clothing sales, providing customers with a convenient shopping experience.
 Dynamic Website: The website will feature a dynamic and responsive design, ensuring
optimal viewing and functionality across various devices.
 User Accounts: Customers will be able to create accounts to manage their profiles, track
orders, and receive personalized recommendations based on their preferences and browsing
history.
 Comprehensive Product Catalogue: The website will offer a wide range of clothing items,
organized into categories and subcategories for easy navigation.
 Inventory Management System: An automated inventory management system will track
stock levels, alerting administrators when items are running low and facilitating efficient
restocking.
 Customer Engagement Features: The website will include features such as user reviews,
wish lists, and social sharing options to enhance customer engagement and satisfaction.
 Analytics and Reporting: The system will provide analytics and reporting tools to track
sales, user behavior, and other relevant metrics, enabling data-driven decision-making and
optimization of the platform.

By implementing these features, the proposed system aims to create a modern and efficient
online clothing website that enhances the shopping experience for customers while
optimizing business operations for the clothing store.


1.3 FEASIBILITY STUDY

In this phase, the feasibility of the project is analyzed. For feasibility analysis, some understanding
of the major requirements for the system is essential

There are three key considerations involved in the feasibility analysis. They are

 Economical
 Technical
 Operational

ECONOMIC FEASIBILITY:

Economical Feasibility deals about the economical impact faced by the organization
to implement in new system.

The software being made should definitely yield benefits greater than the cost of the
expenditure in creating the software. This software as for its objective is concerned will certainly
yield better fruits as it is designed for the purpose of managing money and it is cost effective.

It is absolutely a worthy project, because the forecast done in the earlier stages of
this project had projected a profit that is promising and apart from that it has shown that this project
on being released will certainly help the organization achieve greater heights by gaining better
reputation.

The cost of the software when compared to the benefits of the system is much low.
Hence the system is economically feasible.

TECHNICAL FEASIBILITY:

This project will be launched with the help of the Internet and we are using PHP and
back end as MY SQL as basic programming language for the coding of the software, the
technology is certainly available. In this project, the features of PHP extend the functionality of the
server helping the user to make an efficient interaction with their site. As per the requirements both
the hardware and the software were already exist this project is technically feasible.
OPERATIONAL FEASIBILITY:

This project will work as all the precautions are taken and it is compatible to the
requirements of the user to access remote database using the power of the net.

It is the management that has proposed to build this system in an entirely different
approach so that it supports the latest era of the Internet facilitating the whole functionality of an
information system. They are extending their full support and cooperation to the software under
development.

The developments in the field of telecommunications have dramatically altered the

work style of the user by giving the information all the facilities that can expect from full-fledged
software.

Though after feasibility study we cannot expect any drawbacks or poor performance from
the software at developer may come across certain drawbacks, which will try to debug during the
testing phase. But still if the developer comes across some problems after implementation in the
project, he/she expects that in the area of networking, as we do not anticipate any problems in this
area.
 2. SYSTEM REQUIREMENTS SPECIFICATION

2.1 SOFTWARE REQUIREMENTS

• Development Technologies : HTML, CSS, JAVASCRIPT, PHP

• Database : MySql

• Web Server : Xamp Server

• Operating System : Windows 8 or above

2.2 HARDWARE REQUIREMENTS

• CPU type : PENTIUM IV

• Clock Speed : 1.8 GHz

• Ram : 2GB or more

• Key Board : Multimedia Keyboard

• Mouse : Optical Mouse

• Hard Disk : 500 GB

2.3 ABOUT SOFTWARE

Website design means planning, creation and updating of websites. Website design also
involves information architecture, website structure, user interface, navigation ergonomics, website
layout, colors, contrasts, fonts and imagery (photography) as well as icons design.

All these website elements combined together form websites. Often, the meaning of
"design" is perceived solely as a visual aspect. In reality, website design includes more abstract
elements such as usability, ergonomics, layout traditions, user habits, navigation logic and other
things that simplify the using of websites and help to find information faster.

Sometimes the technical side of website design is emphasized in the definition of design.
Surely, the modern website building involves server side scripting like php, asp and cgi, websites'
visual side is defined with html and css, user experience is enhanced with dynamic JavaScript and
Ajax. When talking to people with poor technical knowledge, instead of speaking about technical
details, we concentrate on functionalities, e. g. to what extent it is possible to update a website
through content management system and which features are visible to users.

In classical terms, design describes the visual appearance of a website. Traditional approach
involves contrast, coloring, balance, emphasis, rhythm, style of graphical elements (lines, shapes,
texture, color and direction), use of icons, background textures and general atmosphere of overall
website design. All these elements are combined with the fundamental principles of design in order
to create a superb result that meets the goals set for the website.

Web design encompasses many different skills and disciplines in the production and
maintenance of websites. The different areas of web design include web graphic design; interface
design; authoring, including standardized code and proprietary software; user experience design;
and search engine optimization. Often many individuals will work in
teams covering different aspects of the design process, although some designers will cover them
all.

The term web design is normally used to describe the design process relating to the front-end (client
side) design of a website including writing mark up. Web design partially overlaps web engineering
in the broader scope of web development. Web designers are expected to have an awareness of
usability and if their role involves creating mark up then they are also expected to be up to date with
web accessibility guidelines.

Introduction
Web applications have three main purposes to sell a product, to share general information
about a specific subject, and to share information about yourself. For example, course objectives,
important dates and times, pre and post test information, distributing labs and homework, etc.

Understanding a Web Page

The first step to setting up a web application is to understand its components. The main
component and only component of a web application is setting up web pages. A web page is a text
file containing Hypertext Markup Language (HTML) formatting tags and links to graphic files and
other web pages through a web server. In other words, “an interactive form of communication that
uses a computer network.” Web pages are unique in such a way that they can be interactive and use
multimedia. For example tests can be taken on the web and results can be distributed to the user
immediately after the test was taken or a game can be played against others around the world. The
list goes on…

The main thing to remember when creating a web application is to establish one main goal
and illustrate that goal by setting up many linking web pages. There are web applications on the
world wide web now that have a lot of useful information but unfortunately they haven’t establish a
main goal. Therefore, those sites are cluttered and very confusing in which they are less likely to
target their audience. Deciding your one main goal will take three steps; gather all the information
that you would like to portray on the site, organize the information into categories, and identify
your audience.
Deciding a Web Interface

FrontPage 2000 is one of many web site interfaces. The difference between FrontPage
2000 and all the others is that it was designed for a small business audience that wanted to put
together quick and easy websites. The Web Developer Journal states that FrontPage 2000 is
straightforward and easy to use where you can input and format text, insert tables, images, and
other objects, move stuff around the screen, etc. FrontPage 2000 is tightly bound to the Microsoft
Office environment and is designed to work seamlessly with RichText-filled Word documents,
Excel spreadsheets, and Access databases.

FrontPage 2000 was chosen as a developer tool for this project because of that exact
reason. Its simplicity and easy maneuvering ability from one Microsoft application to the next
makes developing a course website effortless. This manual lays out the steps in creating
www.msu.edu/~alocilja in FrontPage 2000. The manual also outlines a program called Widgets
that MSU created for course web pages to become more interactive with the student.

Introduction to FrontPage 2000

FrontPage allows you to create, format, and lay out text; add pictures created outside of
FrontPage, establish hyperlinks, and organize your website and their links by using several views of
the pages in a web in a drag-and-drop environment. Throughout this section of the manual we will
be creating a web page named BE431_homework. The steps to creating this page layout the basic
functions of FrontPage 2000.

Templates

When opening FrontPage you can either start with a blank document or a template. A template is a
pattern that can either be used throughout the whole web application or for one web page. The
developer usually creates their own but FrontPage has many demo templates available for your use
if you don’t want to develop your own. These are located under file new page.
Web Page Design

After creating a template and establishing a main goal for the web application most
developers have to identify a new goal for every page in their web application. The goal for the BE
431 homework page would be to distribute the homework when the homework is assigned and to
distribute the solutions after the students handed in the assignment. Therefore, the layout for this
page will have to include a series of tables, buttons, text, and even some graphics that link to each
homework assignment and each solution.

web pages that are interlinked together to serve the purpose of creating a website that
interacts with each individual student. Every course web site’s main goal is to interact with students
while keeping them updated on all the course activities throughout the semester. To enhance the
site, the professor might want to administer tests and quizzes online. To do so, you can use the
Michigan State University’s VU Widgets program to help you out. The Faculty Facility for
Creative Computing provides consulting services in support of using the VU Widgets to create
online course material.

In 1996, Flash (originally known as FutureSplash) was developed. At the time, the Flash
content development tool was relatively simple compared to now, using basic layout and drawing
tools, a limited precursor to Action Script, and a timeline, but it enabled web designers to go
beyond the point of HTML, animated GIFs and JavaScript. However, because Flash required a
plug-in, many web developers avoided using it for fear of limiting their market share due to lack of
compatibility. Instead, designers reverted to gif animations (if they didn't forego using motion
graphics altogether) and JavaScript for widgets. But the benefits of Flash made it popular enough
among specific target markets to eventually work its way to the vast majority of browsers, and
powerful enough to be used to develop entire sites.
HTML

The Hyper Text Markup Language or HTML is the standard markup language
fordocumentsdesignedtobedisplayedinawebbrowser.Itcanbeassistedbytechnologies such as
Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Web browsers receive HTML documents from a web server or from local storage
andrenderthedocumentsintomultimediawebpages.HTMLdescribesthestructureofaweb page
semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs,
images and other objects such as interactive forms may be embedded into other end page.
HTML provides a means to create structured documents by denoting structural semantics for
text such as headings, paragraphs, lists, links, quotes and other items.

Advantage of HTML

• HTML helps to build structure of a website and isa widely used Markup language.

• It is easy to learn.
• Every browser supports HTML Language.

• HTML is light weighted and fast to load.

• Storage of big files are allowed because of the application cache feature.

• Do not get to purchase any extra software because it’s by default in every window.

• Loose syntax (although, being too flexible won’t suit standards).

• HTML is simple to edit as being a plain text.

JAVASCRIPT

JAVASCRIPT that is often abbreviated as JS is one of the core programming

languages of the world wide web alongside, HTML and CSS. As of 2022, 98% of websites
use java script on the client side for webpage behavior, often incorporating third party
libraries. All major browsers have a dedicated java script to execute the code on users device.

JavaScript is a high-level, often just-in-time compiled language that conforms to

the ECMA Script standard. It has dynamic typing, prototype-based object-orientation, and
first-class functions. It is multi-paradigm, supporting event-driven, functional, and imperative
programming styles. It has application programming interfaces(APIs)for working with text,
dates, regular expressions, standard data structures, and the Document Object Model (DOM).

Advantage of Javascript

 Less server interaction −You can validate user input before sending the page off to the
server. This saves server traffic, which meanless load on your server.

 Immediate feedback to the visitors −They don't have to wait for a page reload to see if
they have forgotten to enter something.

 Increased interactivity −You can create interfaces that react when the user hovers over
them with a mouse or activates them via the keyboard.

 Richerinterfaces−YoucanuseJavaScripttoincludesuchitemsasdragand-drop components
and sliders to give a Rich Interface to your site visitors
CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language such as HTML.

CSS is a corner stone technology of the World Wide Web, alongside HTML and
JavaScript.

CSS is designed to enable the separation of presentation and content, including

layout, colors, and fonts

This separation can improve content accessibility; provide more flexibility and control in the
specification of presentation characteristics; enable multiple web pages to share formatting by
specifying the relevant CSS in a separate. CSS file, which reduces complexity and repetition
in the structural content; and enable the.css file to be cached to improve the page load speed
between the pages that share the file and its formatting.

Advantage of CSS

 CSS saves a lot of time.

 It helps to make consistent and spontaneous changes.

 It improves the loading speed of the page.

 CSS has the ability to re-position.

 It has better device compatibility.
Introduction to PHP

PHP started out as a small open source project that evolved as more and more people found
out how useful it was. Rasmus Lerdorf unleashed the first version of PHP way back in 1994.

 PHP is a recursive acronym for "PHP: Hypertext Preprocessor".

 PHP is a server side scripting language that is embedded in HTML. It is used to
manage dynamic content, databases, session tracking, even build entire e-commerce
sites.
 It is integrated with a number of popular databases, including MySQL, PostgreSQL,
Oracle, Sybase, Informix, and Microsoft SQL Server.
 PHP is pleasingly zippy in its execution, especially when compiled as an Apache
module on the Unix side. The MySQL server, once started, executes even very
complex queries with huge result sets in record-setting time.
 PHP supports a large number of major protocols such as POP3, IMAP, and LDAP.
PHP4 added support for Java and distributed object architectures (COM and
CORBA), making n-tier development a possibility for the first time.
 PHP is forgiving: PHP language tries to be as forgiving as possible.
 PHP Syntax is C-Like.

Common uses of PHP

 PHP performs system functions, i.e. from files on a system it can create, open, read,
write, and close them.
 PHP can handle forms, i.e. gather data from files, save data to a file, thru email you
can send data, return data to the user.
 You add, delete, modify elements within your database thru PHP.
 Access cookies variables and set cookies.
 Using PHP, you can restrict users to access some pages of your website.
 It can encrypt data.
Characteristics of PHP

Five important characteristics make PHP's practical nature possible −

 Simplicity
 Efficiency
 Security
 Flexibility
 Familiarity

In order to develop and run PHP Web pages three vital components need to be installed on
your computer system.

 Web Server − PHP will work with virtually all Web Server software, including
Microsoft's Internet Information Server (IIS) but then most often used is freely
available Apache Server.
 Database − PHP will work with virtually all database software, including Oracle and
Sybase but most commonly used is freely available MySQL database.
 PHP Parser − In order to process PHP script instructions a parser must be installed to
generate HTML output that can be sent to the Web Browser. This tutorial will guide
you how to install PHP parser on your computer.

The main way to store information in the middle of a PHP program is by using a variable.

Here are the most important things to know about variables in PHP.

 All variables in PHP are denoted with a leading dollar sign ($).
 The value of a variable is the value of its most recent assignment.
 Variables are assigned with the = operator, with the variable on the left-hand side and
the expression to be evaluated on the right.
 Variables can, but do not need, to be declared before assignment.
 Variables in PHP do not have intrinsic types - a variable does not know in advance
whether it will be used to store a number or a string of characters.
 Variables used before they are assigned have default values.
  PHP does a good job of automatically converting types from one to another when
necessary.
 PHP variables are Perl-like.

PHP has a total of eight data types which we use to construct our variables −

 Integers − are whole numbers, without a decimal point, like 4195.

 Doubles − are floating-point numbers, like 3.14159 or 49.1.
 Booleans − have only two possible values either true or false.
 NULL − is a special type that only has one value: NULL.
 Strings − are sequences of characters, like 'PHP supports string operations.'
 Arrays − are named and indexed collections of other values.
 Objects − are instances of programmer-defined classes, which can package up both
other kinds of values and functions that are specific to the class.
 Resources − are special variables that hold references to resources external to PHP
(such as database connections).

The first five are simple types, and the next two (arrays and objects) are compound - the
compound types can package up other arbitrary values of arbitrary type, whereas the simple
types cannot.

We will explain only simple data type in this chapters. Array and Objects will be explained
separately.

Variable Scope

Scope can be defined as the range of availability a variable has to the program in which it is
declared. PHP variables can be one of four scope types –

 Local variables
 Function parameters
 Global variables
 Static variables
 MySQL

MySQL is an open-sourcerelational database management system (RDBMS) in July

2013, it was the world's second most widely used RDBMS, and the most widely used open-
source client–server model RDBMS. It is named after co-founder Michael Widenius's
daughter, My. The SQL acronym stands for structured query language. The MySQL
development project has made its source code available under the terms of the GNU General
Public License, as well as under a variety of proprietary agreements. MySQL was owned and
sponsored by a single for-profit firm, the Swedish company MySQL AB, now owned by
oracle corporation..For proprietary use, several paid editions are available, and offer
additional functionality.

MySQL is a popular choice of database for use in web applications, and is a central
component of the widely used LAMP open-source web application software stack (and other
"AMP" stacks). LAMP is an acronym for "Linux, Apache, MySQL, Perl/PHP/Python". open-
source projects that require a full-featured database management system often use MySQL.
Applications that use the MySQL database include: TYPO3, MODx, Joomla, WordPress,
phpBB, MyBB, Drupal and other software. MySQL is also used in many high-profile, large-
scale websites, including Google (though not for searches), Facebook, Twitter, Flickr, and
YouTube.

On all platforms except Windows, MySQL ships with no GUI tools to administer
MySQL databases or manage data contained within the databases. Users may use the
included command line tools, or install MySQL Workbench via a separate download. Many
third party GUI tools are also available.

MySQL is written in C and C++. Its SQL parser is written in yacc, but it uses a home-
brewed lexical analyzer. MySQL works on many system platforms, including AIX, BSDi,
FreeBSD, HP-UX, eComStation, i5/OS, IRIX, Linux, OS X, Microsoft Windows, NetBSD,
Novell NetWare, OpenBSD, OpenSolaris, OS/2 Warp, QNX, Oracle Solaris, Symbian,

SunOS, SCO OpenServer, SCO UnixWare, Sanos and Tru64. A port of MySQL to
OpenVMS also exists.
 The MySQL server software itself and the client libraries use dual-licensing
distribution. They are offered under GPL version 2, beginning from 28 June 2000 (which in
2009 has been extended with a FLOSS License Exception) or to use a proprietary license.

Support can be obtained from the official manual. Free support additionally is
available in different IRC channels and forums. Oracle offers paid support via its MySQL
Enterprise products. They differ in the scope of services and in price. Additionally, a number
of third partyorganisations exist to provide support and services, including MariaDB and
Percona.

MySQL has received positive reviews, and reviewers noticed it "performs extremely
well in the average case". and that the "developer interfaces are there, and the documentation
(not to mention feedback in the real world via Web sites and the like) is very, very good". It
has also been tested to be a "fast, stable and true multi-user, multi-threaded SQL database
server” deployment.

MySQL can be built and installed manually from source code, but it is more
commonly installed from a binary package unless special customizations are required. On
most Linux distributions, the package management system can download and install MySQL
with minimal effort, though further configuration is often required to adjust security and
optimization settings.

Though MySQL began as a low-end alternative to more powerful proprietary

databases, it has gradually evolved to support higher-scale needs as well. It is still most
commonly used in small to medium scale single-server deployments, either as a component
in a LAMP-based web application or as a standalone database server. Much of MySQL's
appeal originates in its relative simplicity and ease of use, which is enabled by an ecosystem
of open source tools such as phpMyAdmin. In the medium range, MySQL can be scaled by
deploying it on more powerful hardware, such as a multi-processor server with gigabytes of
memory.
 3. SYSTEM DESIGN
3.1 MODULES DESCRIPTION
1. Administration module:
The admin module of the online clothing website serves as the backend management
system for admin to oversee and control various aspects of the website's operation. It
provides tools and functionalities to manage products, orders, users, inventory, analytics,
promotions, and settings. Below are the sub modules,

– User account creation

– User account modification
– User account deletion
– Category creation
– Product insertion
– Overall sales report

User Accounts Creation:

In this module, admin can view the information of the existing customers and admin
can verify the status of a customer who is using our site as most.

User Account Modification:

In this module, administrator can edit the user information, such that the address and
the password of the user, phone number etc…

User Account Deletion:

In this module, administrator can delete any user account. But the admin cannot
delete the user who has outstanding amount. If he do so, then a message will be displayed.

Category Creation:

In this module, admin can create new category for the items that are being created.
This improves the stock maintenance.

Product Insertion:

In this module, admin can insert the new products information like name of the
product, category of that dress, price of the dress and description of the dress etc..
Overall Sales Report:

In this module admin can view the overall sales report.

2.User module:
The user module for an online clothing website encompasses functionalities related to user
interaction and management. Below are the sub modules,

User Registration:

In this module user going to register their accounts. Personal information of the users
are registered in this module. By using this module user can create their user id and password
for their future use.

Login:

In this module user’s id and password is verified. After verification their account is
opened.

Product Searching:

In this module product is searched depends upon their category. After viewing the
client can purchase the dress which one to be selected.

Payment:

In this module user can purchase the selected dress by paying the amount.User id,
account holder name, account holder id, product name, price of the product is stored for the
selected dress.
3.2 MODULE DESIGN

Check For
Availability
Login

New dress
Products

Sales
Details Receipts

Outstanding
Details
Receipts
 Validating
User
Login

User
Account User Registration
Details

Product
Details Products

Choose the Product

User registration

Payment Details

Receipts
3.3ARCHITECTURE DESIGN

User
Admin

Product Category

New dress

Report

Select product

Order Confirm
3.4 DATABASE DESIGN
TABLE NAME: PURCHASE

Field Name Data Type

Id Int
Cname varchar(50)
Price Int
Qty Int
Amt Int

TABLE NAME: PRODUCT

Field Name Data Type
Pid Text
Cname Text
Ram Text
Processor Text
Os Text
Network Text
Phonetype Text
Price Text
Pimg Text
TABLE NAME: PURCHASE
Field Name Data Type
Uname Text
Cname Text
Price Int
Qty Int
Value Int
Billed date

TABLE NAME: USER

Field Name Data Type
Uname Text
Addr Text
City Text
Username Text
Password Text
Cpassword Text
Secq Text
Seca Text
 4. SYSTEM IMPLEMENTATION

Implementation is the stage in the project where the theoretical design is turned into a
working system. The most critical stage is achieving a successful system and in giving
confidence on the new system for the users, what it will work efficient and effectively. It
involves careful planning, investing of the current system, and its constraints on
implementation, design of methods to achieve the change over methods.

The implementation process begins with preparing a plan for the implementation of the
system. According to this plan, the activities are to be carried out in these plans; discussion
has been made regarding the equipment, resources and how to test activities.The coding step
translates a detail design representation into a programming language realization.
Programming languages are vehicles for communication between human and computers
programming language characteristics and coding style can profoundly affect software
quality and maintainability.

The coding is done with the following characteristics in mind.

 Ease of design to code translation

 Code efficiency

 Memory efficiency

 Maintainability

The user should be very careful while implementing a project to ensure what they have
planned is properly implemented. The user should not change the purpose of project while
implementing. The user should not go in a roundabout way to achieve a solution; it should be
direct, crisp and clear and up to the point.
 5. SYSTEM TESTING

Here there are two testing methods are there. They are white box testing and black box
testing. Now here there is small introduction about the testing methods.

WHITE BOX TESTING:

This is one of the testing methods. This will be tested at the outside environment,
which means accessing the server. i.e. Accessing data from the database. This will check
whether data is retrieved correctly or not will be seen.

The main error in white box testing will be occurred due to the ODBC connectivity
only here DSN (domain source name) must be created to access database, here MY SQL
server will be used as backend database. Here for the project some tables is created, under
DSN, system DSN are created for this project actually one DSN is sufficient for the project.
In the program it has to be clearly specified.

Whenever inserting data, updating data and selecting data from the database the
queries must be written carefully. The separation between the string and numeric must be
shown. The client side validations will be written in Visual Basic so that the data entered
data is numbered or string will be known. Sometimes to access data from the database, the
server may not be in running position.

So the database engine must be always on. This has to see. So in this method, only
whether the server is on or not will be tested.

So this method is very important when handling with the database here the ODBC
drivers must support all the requirements. The DSN will be created for the database, which
has been chosen.

BLACK BOX TESTING:

This is another important test method will check only internal code loops, conditional
loops will be checked. In the code if he is a particular user then only the user will get some
privileges. So here comparison testing has been done. If there is any error has occurred an
error message will be raised.
 This method will check the loops like for loops for. Loops, repeat… while…all will
be checked at their boundary conditions also. If the data at extreme conditions are correctly
retrieved, there will be no error. If any error has occurred using some modification in code.
The data can be retrieved at boundary conditions also. Here in the code while rs. EOF like
this the code will be written so at the extreme conditions the error will be recovered. To do all
these tests some data will be used it will be checked. So the errors will be removed very
easily.

UNIT TESTING:

It is one of the very important methods in testing. Without this testing the project will
not be completed or anybody cannot say it is bug’ free software’s in using the real time all
these tests must be done. On using the lower bound and upper bound must be very specific.
The check will be done for the starting record and ending record. All the errors will be
rectified.

When conditional loops are used if it is true the correct data in project and for false
answer wrong data will be seen. If any error has occurred they have to be replaced and
checked. So the line of code will be reduced.

To see an efficient project for how many lines of code has written and how many
errors have been occurred will be seen.

TEST DATA:

The data, which is using for the testing must be related to the project to and to that
particular function. Otherwise the testing will be very problematic. The function will not
coincide with the data. So that it will be considered as error has occurred in it but actually it is
not so here there are two data typed will there.

a. Sampled data for project testing

b. Actual data for project testing

VERIFICATION TESTING

verification is a process of evaluating the intermediary work products of a software

development lifecycle to check if we are in the right track of creating the final product These
can be include the documents during the development phases like, requirements specification,
design documents, database table design, ER diagrams, test cases, traceability matrix etc.

And we can also state that verification is a process to evaluate the mediator products of
software to check whether the products satisfy the conditions imposed during the beginning
of the phase.

VALIDATION TESTING

Validation testing can be defined in many ways, but a simple definition is that the
validation succeeds when the software functions in a manner that is expected by the
customer. After validation test has been conducted, one of the three possible conditions
exists.

c. The function or performance characteristics confirm to specification and

are accepted.
d. A deviation from specification is uncovered and a deficiency lists is
created.
e. Proposed system under consideration has been tested by using validation
test and found to be working satisfactory.

INTEGRATION TESTING:

Integration testing is a systematic technique for constructing the program structure

while at the same time conducting tests to uncover errors associated with interfacing. The
objective is to take unit-tested modules and build a program structure that has been directed
by design. Top-Down integration and Bottom-up integration are tested finally.
USER ACCEPTANCE TESTING

An acceptance test has the objective if selling the user on the validity and reliability of
the system. It verifies that the system’s procedures operate to system specifications and that
the integrity of important data is maintained. Performance of and acceptance of the system.
After that a comprehensive test report is prepared. This report shows the system’s tolerance,
performance range, error rate and accuracy.

Testing is the process of evaluating a system or its component(s) with the intent to find
whether it satisfies the specified requirements or not. In simple words, testing is executing a
system in order to identify any gaps, errors, or missing requirements in contrary to the actual
requirements.

According to ANSI/IEEE 1059 standard, Testing can be defined as - A process of analyzing a

software item to detect the differences between existing and required conditions (that is
defects/errors/bugs) and to evaluate the features of the software item.

An early start to testing reduces the cost and time to rework and produce error-free software
that is delivered to the client. However in Software Development Life Cycle (SDLC), testing
can be started from the Requirements Gathering phase and continued till the deployment of
the software. It also depends on the development model that is being used. For example, in
the Waterfall model, formal testing is conducted in the testing phase; but in the incremental
model, testing is performed at the end of every increment/iteration and the whole application
is tested at the end.

Testing is done in different forms at every phase of SDLC:

 During the requirement gathering phase, the analysis and verification of requirements
are also considered as testing.
 Reviewing the design in the design phase with the intent to improve the design is also
considered as testing.
 Testing performed by a developer on completion of the code is also categorized as
testing.

It is difficult to determine when to stop testing, as testing is a never-ending process and no

one can claim that a software is 100% tested. The following aspects are to be considered for
stopping the testing process:
  Testing Deadlines
 Completion of test case execution
 Completion of functional and code coverage to a certain point
 Bug rate falls below a certain level and no high-priority bugs are identified
 Management decision

VERIFICATION & VALIDATION TESTING

These two terms are very confusing for most people, who use them interchangeably. The
following table highlights the differences between verification and validation.

S.NO. Verification Validation

Verification addresses the concern: "Are you Validation addresses the concern: "Are
1
building it right?" you building the right thing?"

Ensures that the software system meets all the Ensures that the functionalities meet the
2
functionality. intended behavior.

Validation occurs after verification and

Verification takes place first and includes the
3 mainly involves the checking of the
checking for documentation, code, etc.
overall product.

4 Done by developers. Done by testers.

It has static activities, as it includes collecting It has dynamic activities, as it includes

5 reviews, walkthroughs, and inspections to executing the software against the
verify a software. requirements.

It is an objective process and no subjective It is a subjective process and involves

6 decision should be needed to verify a subjective decisions on how well a
software. software works.
 6. CONCLUSION

In conclusion, our clothing website has demonstrated its commitment to providing a

seamless and enjoyable shopping experience for our customers. Through a user-friendly
interface, a wide selection of high quality products, and efficient customer service, we have
successfully positioned ourselves as a go-to destination for fashion enthusiasts.

With the ever -evolving landscape of e-commerce, it’s essential for us to continually innovate
and adapt to meet the changing needs and preferences of our customers. By listening to
feedback, analyzing data, and staying up-to-date with industry trends, we can ensure that our
website remains competitive and relevant in the market.
 7. FUTURE ENHANCEMENT

Future enhancements in our clothing website can be highly beneficial in several ways:

Customization Options: Offer customization features such as personalized embroidery,

monogramming, or color choices for select products, providing a unique and personalized
shopping experience.

Size Recommendation Tool: Develop a tool that suggests the best size for customers based
on their measurements, past purchases, and feedback from similar customers, reducing the
likelihood of returns due to incorrect sizing.

Social Commerce Features: Enable users to shop directly from social media platforms by
integrating shopable posts, user-generated content, and influencer collaborations to drive
engagement and sales.

Live Chat Support: Offer real-time customer support through live chat to assist users with
product inquiries, sizing questions, and order assistance.

Sustainability Ratings: Provide sustainability ratings or certifications for products,

informing customers about the environmental and ethical practices of the brands they are
purchasing from.
 8. BIBLIOGRAPHY

The following are the books that have been referred for the successful completion of
our project work:

The Complete reference HTML and CSS fifth edition by Thomas A. Powell

The Complete reference PHP by Steve Holzner

Database System Concepts by Abraham Silberschatz, Henry F. KorthandS.Sudarshan

 9. APPENDIX
9.1 SAMPLE SCREENS
9.2 SOURCE CODE

Index.Php

<?phprequire_once('header.php'); ?>

<?php

$statement = $pdo->prepare("SELECT * FROM tbl_settings WHERE id=1");

$statement->execute();

$result = $statement->fetchAll(PDO::FETCH_ASSOC);

foreach ($result as $row)

$cta_title = $row['cta_title'];

$cta_content = $row['cta_content'];

$cta_read_more_text = $row['cta_read_more_text'];

$cta_read_more_url = $row['cta_read_more_url'];

$cta_photo = $row['cta_photo'];

$featured_product_title = $row['featured_product_title'];

$featured_product_subtitle = $row['featured_product_subtitle'];

$latest_product_title = $row['latest_product_title'];

$latest_product_subtitle = $row['latest_product_subtitle'];

$popular_product_title = $row['popular_product_title'];

$popular_product_subtitle = $row['popular_product_subtitle'];

$total_featured_product_home = $row['total_featured_product_home'];
$total_latest_product_home = $row['total_latest_product_home'];

$total_popular_product_home = $row['total_popular_product_home'];

$home_service_on_off = $row['home_service_on_off'];

$home_welcome_on_off = $row['home_welcome_on_off'];

$home_featured_product_on_off = $row['home_featured_product_on_off'];

$home_latest_product_on_off = $row['home_latest_product_on_off'];

$home_popular_product_on_off = $row['home_popular_product_on_off'];

?>

<div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line"

data-ride="carousel" data-pause="hover" data-interval="false" >

<!-- Indicators -->

<ol class="carousel-indicators">

<?php

$i=0;

$statement = $pdo->prepare("SELECT * FROM tbl_slider");

$statement->execute();
$result = $statement->fetchAll(PDO::FETCH_ASSOC);

foreach ($result as $row) {

?>

<li data-target="#bootstrap-touch-slider" data-slide-to="<?php echo $i; ?>" <?php if($i==0)

{echo 'class="active"';} ?>></li>

<?php

$i++;

?>

</ol>

<!-- Wrapper For Slides -->

<div class="carousel-inner" role="listbox">

<?php

$i=0;

$statement = $pdo->prepare("SELECT * FROM tbl_slider");

$statement->execute();

$result = $statement->fetchAll(PDO::FETCH_ASSOC);

foreach ($result as $row) {

?>

<div class="item <?php if($i==0) {echo 'active';} ?>"

style="background-image:url(assets/uploads/<?php echo $row['photo']; ?>);">
<div class="bs-slider-overlay"></div>

<div class="container">

<div class="row">

<div class="slide-text <?php if($row['position'] == 'Left') {echo 'slide_style_left';}

elseif($row['position'] == 'Center') {echo 'slide_style_center';} elseif($row['position'] ==
'Right') {echo 'slide_style_right';} ?>">

<h1 data-animation="animated <?php if($row['position'] == 'Left') {echo 'zoomInLeft';}

elseif($row['position'] == 'Center') {echo 'flipInX';} elseif($row['position'] == 'Right') {echo
'zoomInRight';} ?>"><?php echo $row['heading']; ?></h1>

<p data-animation="animated <?php if($row['position'] == 'Left') {echo 'fadeInLeft';}

elseif($row['position'] == 'Center') {echo 'fadeInDown';} elseif($row['position'] == 'Right')
{echo 'fadeInRight';} ?>"><?php echo nl2br($row['content']); ?></p>

<a href="<?php echo $row['button_url']; ?>" target="_blank" class="btnbtn-primary" data-

animation="animated <?php if($row['position'] == 'Left') {echo 'fadeInLeft';}
elseif($row['position'] == 'Center') {echo 'fadeInDown';} elseif($row['position'] == 'Right')
{echo 'fadeInRight';} ?>"><?php echo $row['button_text']; ?></a>

</div>

</div>

</div>

</div>

<?php

$i++;

?>
</div>

<!-- Slider Left Control -->

<a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-

slide="prev">

<span class="fa fa-angle-left" aria-hidden="true"></span>

<span class="sr-only">Previous</span>

</a>

<!-- Slider Right Control -->

<a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-

slide="next">

<span class="fa fa-angle-right" aria-hidden="true"></span>

<span class="sr-only">Next</span>

</a>

</div>

<?phpif($home_service_on_off == 1): ?>

<div class="service bg-gray">

<div class="container">

<div class="row">

<?php

$statement = $pdo->prepare("SELECT * FROM tbl_service");

$statement->execute();
$result = $statement->fetchAll(PDO::FETCH_ASSOC);

foreach ($result as $row) {

?>

<div class="col-md-4">

<div class="item">

<div class="photo"><imgsrc="assets/uploads/<?php echo $row['photo']; ?>" width="150px"

alt="<?php echo $row['title']; ?>"></div>

<h3><?php echo $row['title']; ?></h3>

<p>

<?php echo nl2br($row['content']); ?>

</p>

</div>

</div>

<?php

?>

</div>

</div>

</div>

<?php endif; ?>

<?phpif($home_featured_product_on_off == 1): ?>

<div class="product pt_70 pb_70">

<div class="container">
<div class="thumb">

<div class="photo" style="background-image:url(assets/uploads/<?php echo

$row['p_featured_photo']; ?>);"></div>

<div class="overlay"></div>

</div>

<div class="text">

<h3><a href="product.php?id=<?php echo $row['p_id']; ?>"><?php echo $row['p_name']; ?

></a></h3>

<h4>

₹<?php echo $row['p_current_price']; ?>

<?php if($row['p_old_price'] != ''): ?>

<del>

₹<?php echo $row['p_old_price']; ?>

</del>

<?php endif; ?>

</h4>

<div class="rating">

<?php

$t_rating = 0;

$statement1 = $pdo->prepare("SELECT * FROM tbl_rating WHERE p_id=?");

$statement1->execute(array($row['p_id']));

$tot_rating = $statement1->rowCount();
<i class="fa fa-star-o"></i>

';

elseif($avg_rating == 2.5) {

echo '

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-half-o"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

';

elseif($avg_rating == 3.5) {

echo '

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i

<i class="fa fa-star-half-o"></i>

<i class="fa fa-star-o"></i>

';

}
elseif($avg_rating == 4.5) {

echo '

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-half-o"></i>

';

else {

for($i=1;$i<=5;$i++) {

?>

<?php if($i>$avg_rating): ?>

<i class="fa fa-star-o"></i>

<?php else: ?>

<i class="fa fa-star"></i>

<?php endif; ?>

<?php

?>

</div>

<?php if($row['p_qty'] == 0): ?>

</div>

<?php endif; ?>

<?phpif($home_latest_product_on_off == 1): ?>

<div class="product bg-gray pt_70 pb_30">

<div class="container">

<div class="row">

<div class="col-md-12">

<div class="headline">

<h2><?php echo $latest_product_title; ?></h2>

<h3><?php echo $latest_product_subtitle; ?></h3>

</div>

</div>

</div>

<div class="row">

<div class="col-md-12">

<div class="product-carousel">

<?php

$statement = $pdo->prepare("SELECT * FROM tbl_product WHERE p_is_active=?

ORDER BY p_id DESC LIMIT ".$total_latest_product_home);

$statement->execute(array(1));

$result = $statement->fetchAll(PDO::FETCH_ASSOC);

foreach ($result as $row) {

?>
$statement1->execute(array($row['p_id']));

$tot_rating = $statement1->rowCount();

if($tot_rating == 0) {

$avg_rating = 0;

} else {

$result1 = $statement1->fetchAll(PDO::FETCH_ASSOC);

foreach ($result1 as $row1) {

$t_rating = $t_rating + $row1['rating'];

$avg_rating = $t_rating / $tot_rating;

?>

<?php

if($avg_rating == 0) {

echo '';

elseif($avg_rating == 1.5) {

echo '

<i class="fa fa-star"></i>

<i class="fa fa-star-half-o"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

';

elseif($avg_rating == 2.5) {

echo '

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-half-o"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

';

elseif($avg_rating == 3.5) {

echo '

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-half-o"></i>

<i class="fa fa-star-o"></i>

';

elseif($avg_rating == 4.5) {

echo '
<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-half-o"></i>

';

else {

for($i=1;$i<=5;$i++) {

?>

<?php if($i>$avg_rating): ?>

<i class="fa fa-star-o"></i>

<?php else: ?>

<i class="fa fa-star"></i>

<?php endif; ?>

<?php

?>

</div>

<?php if($row['p_qty'] == 0): ?>

<div class="photo" style="background-image:url(assets/uploads/<?php echo
$row['p_featured_photo']; ?>);"></div>

<div class="overlay"></div>

</div>

<div class="text">

<h3><a href="product.php?id=<?php echo $row['p_id']; ?>"><?php echo $row['p_name']; ?

></a></h3>

<h4>

₹<?php echo $row['p_current_price']; ?>

<?php if($row['p_old_price'] != ''): ?>

<del>

₹<?php echo $row['p_old_price']; ?>

</del>

<?php endif; ?>

</h4>

<div class="rating">

<?php

$t_rating = 0;

$statement1 = $pdo->prepare("SELECT * FROM tbl_rating WHERE p_id=?");

$statement1->execute(array($row['p_id']));

$tot_rating = $statement1->rowCount();
elseif($avg_rating == 2.5) {

echo '

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-half-o"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

';

elseif($avg_rating == 3.5) {

echo '

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-half-o"></i>

<i class="fa fa-star-o"></i>

';

elseif($avg_rating == 4.5) {

echo '

<i class="fa fa-star"></i>

</div>

</div>

<?php else: ?>

<p><a href="product.php?id=<?php echo $row['p_id']; ?>"><i class="fa fa-shopping-

cart"></i> Add to Cart</a></p>

<?php endif; ?>

</div>

</div>

<?php

?>

</div>

</div>

</div>

</div>

</div>

<?php endif; ?>

<?phprequire_once('footer.php'); ?>