A

PROJECT REPORT ON

“Fashion Store”
Submitted
To

UDHNA CITIZEN COMMERCE COLLEGE &

S.P.B. COLLEGE OF BUSINESS ADMINISTRATION &
SMT. DIWALIBEN HARJIBHAI GONDALIA COLLEGE
OF BCA AND IT

Affiliated
To

VEER NARMAD SOUTH GUJARAT UNIVERSITY,

SURAT

As A Partial Fulfilment for the Degree Of

BACHELOR OF COMPUTER APPLICATION (B.C.A.)

ACADEMIC YEAR: 2022-23

Developed By: Guided By:

Jemisha S. Jasani Prof. Chirag Patel
Shruti D. Danej

:: PROJECT DEVELOPED AT::

UCCC & SPBCBA &SDHG COLLEGE OF BCA

AND IT
 FASHION STORE

No. Topic Page no.

01. Introduction

1.1 College Profile 4

1.2 Project Profile 5

02. System Analysis

2.1 Existing System 6

2.2 Need For The New System 6

2.3 Objective of The New System 6

2.4 Problem Definition 7

2.5 Hardware / Software Configuration 7

2.6 Preliminary Examination 8

03. Requirements Determination and Analysis

3.1 Fact Finding Techniques 9

3.2 Targeted Users 9

3.3 Time Line Chart 10

04. System Design

4.1 UML Diagram 11

4.1.1 Use Case Diagram 13

4.1.2 Activity Diagram 15

4.1.3 Sequence Diagram 17

4.2 Data Dictionary 19

4.3 User Interface Design 24

pg. 2
 FASHION STORE
05. Development

5.1 Coding Standards 25

06. Software Testing

6.1 Unit Testing 31

6.2 Integration Testing 31

6.3 System Testing 31

6.4 Coverage Testing 31

6.5 Navigation Testing 31

6.6 Security Testing 31

07. Limitations / Constraints 32

08. Future Enhancement 33

09 Conclusion 34

10. Screen Shots of Project 35

11. Bibliography 43

pg. 3
 FASHION STORE
 Introduction
1.1 College Profile: -
To impart quality education, nurture aspirations and facilitate continuous
learning and to contribute to the society by developing outstanding individuals
who would take up leadership challenges in various sectors of economy.

To be an eminent and vibrant institute for education, our credo will always be
excellence through innovations, empathy ethics and teamwork and to cater to
the ever-changing needs of community at large.

SMT DIWALIBEN HARGIBHAI GONDALIA COLLEGE OF BCA & IT –JUNE2008 S.P.B

COLLEGE OF BUSINESS ADMINISTRATION (B.B.A)- JUNE 2005

pg. 4
 FASHION STORE
1.2 Project Profile: -

Project Title: Fashion Store

Front-End: My SQL, Java Script ,CSS, HTML, JQUERY , Bootstrap

Development Tools: Back-End: PHP

Language: PHP, JavaScript, JQUERY, My SQL, Bootstrap, Css

Internal Guide: Prof. Chirag Patel

Time Duration: 3 Months

Miss. Jemisha Jasani

Submitted By: Miss. Shruti Danej

Submit To : UCCC & SPBCB & SDHG College of BCA & IT

pg. 5
 FASHION STORE
System Analysis
2.1 Existing System: -

• The present scenario for shopping is to visit the shops and market manually and
then from the available product list one needs to choose the item.
• he or she wants and then pay for the same item mainly in cash mode is done, as
not every society is well educated and aware to use net banking or card modes
or wallets etc.
• This system is not much user-friendly as one needs to go to the market physically
and then select items only from the available list.

• In the proposed system customers need not to go to the shops for purchasing
the products. He/She can order the product he/she wishes to buy through the
use of this system.

2.2 Need For The New System: -

• Digital world is here so we need this digital System.

• It is removed paper work.
• Majorly flexible System.
• It is not time consuming and can hold money and save time and fulfill
choice.
• Whenever we need, we can book service by login to website.

2.3 Objective of the New System :-

• So all these requirements after analysis we develop the Online Shopping project
in Larval.
• The main purpose to develop this Online Shopping system project to resolve the
issue of retailer and Customers for easily buy and sell Product.
• The seller can submit the Product what he wants to sale with a full Product
Description such as Color, Size, Stock, style code, and all amenities can list in the
system, Customer can search the product according to their need then select
product and place order.

pg. 6
 FASHION STORE
2.4 Problem Definition: -

There are a lot of websites on internet whereby it offer a variety of product and
services for consumer can find and buy through online such as shoe, apparel, sun
glasses and more Moreover, the online also provides some of the services which
is paying bill online, booking a transport ticket and more. In this research, we are
looking the problem addressed in this research which is the view of online
shopping by consumer.

2.5 Hardware / Software Configuration: -

Hardware’s

Processor Intel core i5 processor

RAM 4 GB RAM

Microprocessor Any But Latest Is Good for Performance

Memory 1 GB

Hard Disk Space 100 GB

Software

pg. 7
 FASHION STORE

Operating System Intel core i5 processor

Database MYSQL

Memory 1 GB

Hard Disk Space 100 GB

Front End HTML , CSS , Java Script , JQUERY, Bootstrap

Back End PHP , MYSQL

2.6 Feasibility Study :-

 A feasibility study is an assessment of the practicality of a project or system.

 A feasibility study aims to objectively and rationally uncover the strengths and
weaknesses of an existing business or proposed venture, opportunities and
threats present in the natural environment, the resources required to carry
through, and ultimately the prospects for success.
 In its simplest terms, the two criteria to judge feasibility are cost required
and value to be attained.

pg. 8
 FASHION STORE
Requirements Determination And Analysis: -
3.1 Fact Finding Techniques :-

Sampling of Existing Documents: -

To follow this particular method of fact-finding, Analyst has to study well existing

documentation, forms, and files of existing system. A good analyst gets fact first
from existing documentation rather than from people.

Interview: -

This technique of fact-finding is most popular, productive for good analysts and

most probably widely used. Interviews are a fact-finding technique where by the
systems analysts collects information from individual fact to face.

Observation: -

Observation could be Formal or Informal. This is most effective when and analyst

wants to obtain an understanding of a system. This technique used when analyst
wants either participate in or watches a person perform activities to learn about
the system.

Questionnaires: -
 
This is a special purpose document that allows the analyst to collect information
and opinion from respondents. Questionnaires become useful when a little
information is required from a number of people.

3.2 Targeted Users: -

 Online shopping is mainly used by all the people who are working as they have a
credit card from which they can pay for their goods.
 They use it because they come back late from work and so shopping is very tiring,
consequently they turn to online shopping where their items are delivered to
them.
 It can be used by anyone who owns a or debit cards they can use it to buy
whatever they desire.
 Young people do use the service of online shopping to buy things such as clothes
and games as it is of greater convenience to them.
pg. 9
 FASHION STORE
3.3 Time Chart:-

Task DECEMBER JANUARY FEBRUARY MARCH

W W W W W W W WW W W W W W
1 2 3 4 1 2 3 4 1 2 3 4 1 2
1. Requirement Gathering
Collected Details from developed sites
Analyzed gathered information
Determine the scope of the
system
Milestone:Requirement
gathering completed.
2. Planning
Basic flow and structure
Determined different modules
Milestone: Planning completed
3. Designing
Basic Interface design
Database Design
Design web forms and modules
Milestone: Designing
Completed
4. Risk Analysis
Milestone: Risk Analysis
Completed
5. Coding and Integrating
modules
Implement logic for diff
modules
Integrating code with backend
Integrating dependent modules
Milestone: Coding completed
6. Testing of developed system
Milestone: Finalized
7. Documentation
Milestone: Documentation
completed

System Design: -
pg. 10
 FASHION STORE
Use Case for Admin

4.1 UML Diagram: -

 Introduction Of UML

UML stands for “Unified Modelling Language”

 UML is a language for specifying, constructing and documentation software

system:-
 General Purpose Modeling Language.
 Merges Modeling Element From Booch, Run Baugh, Jacobson and others
 Object Oriented Analusis and Design
 Graphical Notation supporting numerous diagrams
 Extensible notation(Stereotypes)
 Extensible Semantics(Object constrains Language)

 Components

 Classes, Objects, and Packages

 States and Activities
 Actors and Use-Cases

 Connectors

 Basically three types: - Communication ( Control and data), Containment

 Restricted in what types of components they link
 First class citizens

 Types of UML Diagram

 Use Case Diagram

 Activity Diagram

 Use Case Diagram

A use case is a set of scenarios that describing an interaction between a user
and a system. A use case diagram displays the relationship among Actors
and use cases. The two main components of a use case diagram are use
cases and actors.
pg. 11
 FASHION STORE

An Actor is represents a use or another system that will interact with the
system you are modeling. A use case is an external view of the system that
represents some action the user might perform in order to complete a task.

What is Use Case Modelling?

 Use case model: a view of a system that emphasizes the behavior as it appears
to outside users. A use case model partitions system functionality into
transactions (‘use cases’) that are meaningful to users (‘actors’).

 When to Use: Use Cases Diagrams

Use cases are used in almost every project. There are helpful in exposing
requirements and planning the project. During the initial stage of a project
most use cases should be defined, but as the project continues more might
become visible

4.1.1 Use Case Diagram: -

pg. 12
 FASHION STORE
ADMIN:-

pg. 13
 FASHION STORE
User: -

pg. 14
 FASHION STORE
4.1.2 Activity Diagram:-

Activity Diagram for Admin Side: -

pg. 15
 FASHION STORE
Activity Diagram for User Side: -

pg. 16
 FASHION STORE
4.1.3 Sequence Diagram: -

Sequence Diagram for Login: -

Admin / User

pg. 17
 FASHION STORE
Sequence Diagram forgot password: -

Sequence Diagram change password: -

pg. 18
 FASHION STORE
4.4 Data Dictionary: -

DATA DICTIONARY

NO TABLE NAME
1 Admin
2 Categories
3 Cities
4 Colors
5 Countries
6 Orders
7 order details
8 Products
9 Roles
10 Sizes
11 States
12 subcategories
13 Users
14 shipping methods
15 Payments

• Admin
Field Name Data Type Constraint
Id int(11) primary key
role_id int(11) foreign key
name varchar(255) null
email varchar(255) null
mobile varchar(13) null
password varchar(255) null
gender varchar(10) null
address Longtext null
images Longtext null
country_id int(11) foreign key
state_id int(11) foreign key
city_id int(11) foreign key
status int(11) null
created_at timestamp null
updated_at timestamp null

• categories

pg. 19
 FASHION STORE
Field Name Data Type Constraint
Id int(11) primary key
name varchar(255) null
description longtext null
status int(11) null
created_at timestamp null
updated_at timestamp null

• cities
Field Name Data Type Constraint
Id int(10) primary key
name varchar(255) null
status_id int(11) foreign key
created_at timestamp null
updated_at timestamp null
• colors
Field Name Data Type Constraint
Id int(11) primary key
name varchar(255) null
first_code varchar(255) null
last_code varchar(255) null
status int(11) null
created_at timestamp null
updated_at timestamp null

• countries
Field Name Data Type Constraint
Id int(10) primary key
name varchar(255) Null
created_at timestamp Null
updated_at timestamp Null

• order
Field Name Data Type Constraint
Id int(11) primary key
user_id bigint(20) foreign key
mobile varchar(13) null
email varchar(255) null

pg. 20
 FASHION STORE
address Longtext null
pincode int(6) null
country_id int(11) null
state_id int(11) null
city_id int(11) null
order_date timestamp null
Status int(11) null
created_at timestamp null
updated_at timestamp null

• order_details
Field Name Data Type Constraint
Id int(11) primary key
order_id int(11) foreign key
product_id int(11) foreign key
product_name varchar(255) null
images longtext null
SKU varchar(255) null
size int(11) null
color int(11) null
quantity int(11) null
price int(11) null
selling_price int(11) null
total_price int(11) null
created_at timestamp null
updated_at timestamp null

• products
Field Name Data Type Constraint
Id int(10) primary key
seller_id int(11) null
cat_id int(11) null
sub_cat_id int(11) null
SKU varchar(255) null
title varchar(255) null
style_code varchar(255) null
short_description text null
long_description longtext null
color_id varchar(255) foreign key
size_id varchar(255) null

pg. 21
 FASHION STORE
ideal_id varchar(255) null
type varchar(255) null
sleeve varchar(255) null
pattern varchar(255) null
fit varchar(255) null
fabric varchar(255) null
fabric_care varchar(255) null
suitable_for varchar(255) null
price varchar(255) null
selling_price varchar(255) null
quantity varchar(255) null
image longtext null
status int(11) null
created_at timestamp null
updated_at timestamp null

• roles
Field Name Data Type Constraint
Id int(11) primary key
name varchar(50) null
created_at timestamp null
updated_at timestamp null

• sizes
Field Name Data Type Constraint
Id int(10) primary key
name varchar(255) null
description varchar(255) null
status int(11) null
created_at timestamp null
updated_at timestamp null

• States
Field Name Data Type Constraint
Id int(10) primary key
name varchar(255) null
country_id int(11) foreign key
status int(11) null
created_at timestamp null
pg. 22
 FASHION STORE
updated_at timestamp null

• sub_categories
Field Name Data Type Constraint
Id int(11) primary key
category_id int(11) foreign key
Name varchar(255) null
description Long text null
Status int(11) null
created_at timestamp null
updated_at timestamp null

• User

Field Name Data Type Constraint

Id int(11) primary key
Name varchar(255) null
mobile varchar(13) null
Email varchar(255) foreign key
password varchar(255) null
Status int(11) null
created_at timestamp null
updated_at timestamp null

• Shipping method
Field Name Data Type Constraint
Id int(11) primary key
method_type varchar(255) null
method_name varchar(255) null
Status int(4) null
created_at timestamp null
updated_at timestamp null

• Payment
Field Name Data Type Constraint
Id int(20) primary key
order_id int(11) null

pg. 23
 FASHION STORE
payment_id varchar(255) null
user_id int(11) null
amount varchar(255) null
created_at timestamp null
updated_at timestamp null

4.5 User Interface Designs :-

 User interface (UI) design is the process of making interfaces in software or

computerized devices with a focus on looks or style. Designers aim to create
designs users will find easy to use and pleasurable. UI design typically refers
to graphical user interfaces but also includes others, such as voice-controlled
ones.
 User interface is the front-end application view to which user interacts in
order to use the software. User can manipulate and control the software as
well as hardware by means of user interface.
 User interface is part of software and is designed such a way that it is
expected to provide the user insight of the software. UI provides fundamental
platform for human-computer interaction.
 UI can be graphical, text-based, audio-video based, depending upon the
underlying hardware and software combination. UI can be hardware or
software or a combination of both.
 The software becomes more popular if its user interface is:
 Attractive
 Simple to use
 Responsive in short time
 Clear to understand
 Consistent on all interfacing screens

pg. 24
 FASHION STORE
Development
5.1 Coding Standards :-

 PHP

“PHP is an HTML-embedded scripting language. Much of its syntax is

borrowed from C Java and Perl with a couple of unique PHP-specific C
features thrown in. The goal of the language is to allow web developers to
write dynamically generated pages quickly”. This is generally a good definition
of PHP. However, it does contain a lot of terms you may not be used to.
Another way to think of PHP is a powerful, behind the scenes scripting
language that your visitors won't see!

When someone visits your PHP webpage, your web server processes the PHP
code. It then sees which parts it needs to show to visitors (content and
pictures) and hides the other stuff (file operations, math calculations, etc.)
then translates your PHP into HTML After the translation into HTML, it sends
the webpage to your visitor's web browser.

There are three main fields where PHP scripts are used.

 Server-side scripting. This is the most traditional and main target field for
PHP. You need three things to make this work. The PHP parser (CGI or
server module), a webserver and a web browser. You need to run the
pg. 25
 FASHION STORE
webserver, with a connected PHP installation. You access the PHP
program output with a web browser, viewing the PHP page through the
server. See the installation instructions section for more information.

 Command line scripting. You can make a PHP script to run it with any
server or browser. You only need the PHP parser to use it this way. This
type of usage is ideal for scripts regularly executed using can (on *nix or
Linux) or Task Scheduler (on Windows). These scripts can also be used for
simple text processing tasks. See the section about Command line usage
of PHP for more information.

 Writing client-side GUI applications. PHP is probably not the very best
language to write windowing applications, but if you know PHP very well,
and would like to use some advanced PHP features in your client-side
applications you can also use PHP-GTK to write such programs. You also
have the ability to write cross-platform applications this way. PHP-GTK is
an extension to PHP, not available in the main distribution. If you are
interested in PHP-GTK, visit its own website.

 JAVA-SCRIPT :-

Java-script is a programming language that can be included on the web pages

to make them more interactive . You can use it to check or modify the
content of forms, change images , open new windows and write dynamic
page content. You can even use it with CSS to make DHTML (Dynamic Hyper
Text Markup Language).

pg. 26
 FASHION STORE
 JavaScript Feature

 JavaScript is more flexible language.

 JavaScript make possible all type of validation and security.
 JavaScript has set of function

 What is My SQL ?

MySQL is a database system used on the web. Basically, a MySQL database

allows you to create a relational database structure on a web-server
somewhere in order to store data or automate procedures. If you think of it
in comparison to Microsoft Access, MysQL is what holds all of your tables,
PHP acts as your queries (among other things), and your forms are basically
web pages with fields in them. With all of this combined, you can create truly
spectacular projects on the web.

MySQL is also open source in that it's free and falls under the GNU General
Public License (GPL). Chances are, if you are getting your own web-page or
already have one -your host supports MySQL and PHP They are generally
associated with based servers. If by chance you are considering getting your
own page and want MySQL and PHP support, check out Dreamhost - I've
been using them for years and they absolutely can't be beat.

Interacting with a MysQL database is a little weird as you don't have the tried
and true WYSIWYG interface that something as easy as Microsoft Access
affords. When creating tables, you'll either have to create them by using SQL
Statements, or by using another open - source tool available online called
PHP My Admin. PHPMyAdmin gives you an easy-to-use interface that allows
you to create tables and run queries by filling in a little bit of information and
pg. 27
 FASHION STORE
then having the tables created for you. This is good if you're either lazy, or
don't feel like bothering with big and complicated SQL Statements.

 My SQL is a database server

 My SQL is ideal for both small and large applications
 My SQL supports standard SQL
 My SQL compiles on a number of platforms
 My SQL is free to download and use

 ABOUT MYSQL

MySQL is a relational database system. If you can believe many diehard

MySQL fans, MySQL is faster, more reliable, and cheaper or, simply put,
better than any other database system (including commercial systems such as
Oracle and DB2). Many MySQL opponents continue to challenge this
viewpoint, going even so far as to assert that MySQL is not even a relational
database system
 XAMPPSERVER

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, MariaDB database, and interpreters for scripts written in the PHP and
Perl programming languages.

XAMPP stands for Cross-Platform (X), Apache (A), MariaDB (M) (formerly
MYSQL), PHP (P) and Perl (P). It is a simple, lightweight Apache distribution
that makes it extremely easy for developers to create a local web server for
testing and deployment purposes.

pg. 28
 FASHION STORE

Everything needed to set up a web server – server application (Apache),

database (Maria DB), and scripting language (PHP) – is included in an extra table
file.

XAMPP is also cross-platform, which means it works equally well on Linux, Mac
and Windows. Since most actual web server deployments use the same
components as XAMPP, it makes transitioning from a local test server to a live
server extremely easy as well

 CSS:

 Cascading Style Sheets (CSS)

 CSS stands for Cascading Style Sheets
 CSS describes how HTML elements are to be displayed on screen, paper,
or in other media
 CSS saves a lot of work. It can control the layout of multiple web pages all
at once
 External stylesheets are stored in CSS files

 CSS FEATURE:-

 CSS has three type:

 Internal cascading style sheet:

In which code of style is embedded into HTML source Code.
 External cascading style sheet:
- In which code is kept external file

 Inline cascading style sheet:

pg. 29
 FASHION STORE
- In which tag of style is embedded into HTML tag code.

 CSS OF BENEFIT:-

 Greater typography and page layout controls

With style sheets, you can specify traditional typography features that
you could never do with HTML alone(even with its presentational
extensions).
 Less work
Not only can you format all similar elements in a document with a single
style rule,external style sheets make it possible to edit the appearance
of an entire site at once with a single style sheet edit.
 Potentially smaller documents
Redundant font tags and nested tables make for bloated documents.
Stripping presentational HTML out of the document saves on file size.

pg. 30
 FASHION STORE

Software Testing
In general, testing is finding out how well something works. In terms of human
beings, testing tells what level of knowledge or skill has been acquired.
In computer hardware and software development, testing is used at key checkpoints
in the overall process to determine whether objectives are being met. For example,
in software development, product objectives are sometimes tested by product user
representatives.
When the design is complete, coding follows and the finished code is then tested at
the unit or module level by each programmer; at the component level by the group
of programmers involved: and at the system level when all components are
combined together.
At early or late stages, a product or service may also be tested for usability.

 Types of testing :-

1. Unit testing: - Individual modules will be tested against the specification and
design to confirm their correct operations .

2. Integration testing:- Several units will be tested together to see how they
interact and to confirm whether their overall function is performed correctly. This
testing will apply to each of the main sections of code; the user interface, data
processing, etc.

3. System Testing:- The entire system is tested against the specification to check
whether it meets the project's requirements.

4. Coverage Testing:- Code fragments will be tested for correctness to find logic
errors that are not detected by a compiler or during execution.

[Link] Testing:- To test the control flow of pages. What are the expected
pages to be displayed after clicking a particular link.

[Link] Testing:- Any computer based system that manages sensitive

information for cause's actions that can improperly harm Individuals is target for
improper or illegal penetration. Penetration spans a broad range of activities: hackers
who attempts to penetrate systems for sport, disgruntled employees who attempts

pg. 31
 FASHION STORE
to verify that protection mechanisms built into a system will, in fact, protect it from
improper penetration

Limitations / Constraints
• Advantages
• Saves time and efforts.
• The convenience of shopping at home.
• Wide variety/range of products are available.
• Good discounts / lower prices.
• Get detailed information about the product.

• Disadvantage
• Frauds in online shopping
• Delay in delivery
• In many countries, network bandwidth might cause an issue.
• Lack of significant discounts in online shops

pg. 32
 FASHION STORE

 Future Enhancement

 The users could subscribe for price alerts which would enable them to
receive messages when price for products fall below a particular level.
 The current system is confined only to the shopping cart process. It can be
extended to have an easy to use check out process.
 Users can have multiple shipping and billing information saved. During
checkout they can use the drag and drop feature to select shipping and
billing information.
 My System is efficient but still I can add another new feature in future as
need arise means my system is flexible that if I needed in future I can
increase or add that requirements to my system and can extend the work to
my system.

pg. 33
 FASHION STORE

Conclusion
 The ‘Online Shopping’ is designed to provide a web-based application that would
make searching, viewing and selection of a product easier.
 The search engine provides an easy and convenient way to search for products
where a user can Search for a product interactively and the search engine would
refine the products available based on the user’s input.
 The user can then view the complete specification of each product. They can also
view the product reviews and also write their own reviews.
 Use of Ajax components would make the application interactive and prevents
annoying post backs. Its drag and drop feature would make it easy to use.

pg. 34
 FASHION STORE

Screen Shots of Project

Admin Login Page :-

pg. 35
 FASHION STORE

Categories Page :-

Add categories Page :-

pg. 36
 FASHION STORE

Add Product Page :-

pg. 37
FASHION STORE

pg. 38
 FASHION STORE
User log in Page :-

pg. 39
 FASHION STORE
User Home Page :-

pg. 40
 FASHION STORE
Add to Cart :-

pg. 41
 FASHION STORE
Payment :-

pg. 42
 FASHION STORE
Bibliography
 [Link]

 [Link]

 [Link]

 [Link]

 [Link]

pg. 43