Online Cloth Shopping PHP Website

SIX MONTH INDUSTRIAL TRAINING REPORT(2019)
ON
“ONS INTERNATONAL CLOTH COLLECTION”

Submitted to BIS collage of engineering technology Gagra (moga) in
fulfilment of
BACHELOR OF TECHNOLOGY
IN
COMPUTER SCIENCE AND ENGINEERING INFORMATION
TECHNOLOGY
WORLD WITH WEB(APTECH)

Jan 2019-june 2019
Submitted By.
Name:jagmohan kaur
Roll No. : 99150280177
[1]
ACKNOWLEDGEMENT
I would like to take this opportunity in expressing my deep gratitude to all

those who have helped me in making my endeavors at (BIS group of instituted
gager( moge) )a success.
It is my privilege to express my sincere regards to our practical advisor,

Mr.vikas sharam , for their valuable inputs, able guidance, encouragement,
whole-hearted co-operation and constructive criticism throughout the
duration of my project.
I deeply express my sincere thanks to Head Of Department, Mr. vikas sharam,

and college principle Miss.harjinder kaur for encouraging and providing all
sorts of facilities needed for project completion.
I take the opportunities to thank all the lecturers who have directly or
indirectly helped in making my project.
Jagmohan kaur(99150280177)
[2]
Certificate
This is to certify that this Project Report entitled “BIS Collage of Engineering
and techlooogy,gagra (moga)” has been submitted for the partial fulfilment of
the requirement of the degree of bachelor of Computer Science (Engineering
Technology 8th semester) of M.R.S UNIVERSITY, BATHINDA.This project is
bonafide work of Jagmohan kaur Under supervision and no part of it has been
submitted for any other degrees.
______________
Mr. vikas shrama

(Internal Guide)
[3]
COMPANY PROFILE
Project Undertaken: Ons internation shop cloth collection

Estimated duration: Approx. 5months.
Name of Organization & Address:Aptech,Feroze Gandhi Market Road, Feroz
Gandhi Market, JilaKacheri Area, Model Gram, Ludhiana, Punjab 141001
TEL: 0161 4606864
External Supervisor Name: Mr:vikas shrama
Nature of Project/Job assigned: WEB SITE
APTECH
Aptech Computer Education Ludhiana is renowned as a premier educational

institute which offers specialized courses to prepare students for various
competitive exams and up skill them for undertaking career ventures in
specific industrial domains. Our career-oriented training programmer imbibe
the latest curriculum to make our students industry-ready and are tailored to
overcome their time constraints with availability of both short-term and long-
term courses. Students can choose concise training sessions for 6 weeks or
comprehensive ones that last for 6 months. Flexible lab sessions are an added
advantage when they have to balance other priorities along with the rigorous
training classes.
[4]
We have a tie-up with the illustrious Aptech Computer Education, a pioneering
IT education institute with world-class IT career courses. Students can benefit
immensely from our enviable association with the leaders in IT training who
have more than 30 years of experience to their credit. We also conduct online
technology-based competency tests for the Aptech Assessment & Testing
Solutions wing of the aforementioned institute. Armed with a franchise of Aim
& Achieve Delhi, we are uniquely positioned to guide and coach students for a
variety of competitive exams like SSC, Bank PO, NDA, Railway, Insurance,
AFCAT and many others. The well-structured courses, ingenious problem-
solving techniques and periodic tests and quiz sessions will perfect your
concepts and groom you appropriately to outshine the country’s most
formidable examinations.
At Aptech Computer Education , we ensure that every student gets his or her
due attention to address individual needs and development areas. Our
certifications are well-recognized and endow our students with the much-
needed thrust to their career as they embark on their professional journey
Vision
To develop a strong Client base with an equally effective Support structure

which acts as a catalyst for effective deployment of futuristically complete and
credible IT solutions. We strive to achieve this by focusing individually on each
project and build a healthy relationship with our Customers.
Customer Satisfaction and Trust
Schmittlein said - "An organization that is perceived as doing a relatively good

job, or of being relatively forthcoming in one area of trust, is seen as doing well
elsewhere, too. The value of that trust element has not been going down over
time." We to believe that Customer Satisfaction and Trust will always be our Key
for success!!!
Quality
[5]
Quality is a comprehensive & fundamental rule or belief, for leading & operating
an organization. And this helps in continually improving performance over the
long term.
confident that technologies, work force and determination are poised for
growth and wide acceptance.
Overview
APTECH is an established web development company delivering the best quality

web design and internet development services of any complexity to clients
worldwide. APTECH has a strong team of skilled experienced IT experts. Our
clientele starts from small business companies to large enterprises who realize
that they need a professional internet solution to generate revenue streams,
establish communication channels or streamline business operations.
Management Team
After having brought the company from the conceptualization stage onward, the
management is confident that technologies, work force and determination are
poised for growth and wide acceptance.
[6]
TABLE OF CONTENTS
S.No. Particulars Remarks
1. Introduction
1.1 Introduction to Project

1.2 Objectives of Project
1.3 Modules of Project
1.4 Importance of project
2. Analysis
2.1 System Analysis
2.2 System Requirements
2.3 System Development Life Cycle
3. Design
3.1 System Design
3.2 ER Diagrams
3.3 DFD’s
3.4 Three Tier Web Application Development
3.5 Tools and Technology used in project
4. Implementation
4.1 Output Screens
4.2 Coding
5. System Implementation
6. System Maintenance
[7]
6.1 Corrective Maintenance
6.2 Adaptive Maintenance
6.3 Perfective Maintenance:
7. Future Scope
8 Testing
8.1 White Box Testing

8.2
Black box Testing
9 BIBLIOGRAPHY
10 CONCLUSION
[8]
INTRODUCTION TO PROJECT
You can contact us everyone wants to wear the bright, trendy , and diverse
clothes of their choice and needs to be taken care of while shopping the
clothes it becomes very tedious to select clothes when we do not know the
clothes to which area it is according to the choice and many options here we
have the system which has the capability of making the clothes of a kind to
register on the different places which could be further taken care when
needed .
Mainly this system is concerned with the classification of the clothes. However
it is shirt then it is taken care that which color it is and which gender it
supports and which size it is of and then it like this all clothes like trousers ,
pants , inner and apart from this all others clothes also managed in the
particular area of the shop and administered by the staff of the store then the
admin takes it care.
Cloth collection system is concerned with the classification of the clothes.

which color it is and which gender it supports and which size it is of and then it
like this all clothes like trousers , pants , inner and apart from this all others
clothes also managed in the particular area of the shop and administered by
the staff of the store then the admin takes it care.
FONT-END/BACK-END
FORT-END:
Web pages using ,HTML ,CSS, and JAVA SCRIPT,PHP.
BACK-END: PHP,MY SQL
[9]
OBJECTIVE OF PROJECT
Its basically build in the platform of php & Html which makes When working in
the fashion industry, there are many tasks that must be completed on a daily
basis. Everything from initial designs to production and client management are
monitored diligently, making fashion a world in which business and creativity
collide. There are a number of key clothing and fashion design objectives that
are kept in mind by fashion industry workers at all levels.
 The main objective of the cloth collection system project is to help the ongoing
user help to attain an easy way to navigate the customer details and solve the
offline store problems.
 It is basically a very instant processing System by which customers can get the
product in the right time.
the application quite flexible and easy to be operated.
MODULES OF THE PROJECT
Classify Clothes:
This is the interface of the system in which one can put all the clothes in
various racks according to the type, price, color and few more attributes of it.It
is like a managing the clothes of types at different places and here he is giving
it to the system about the information of it
Choice:
The user selects the clothes by color, size, when to wear kind of situation
clothes type and many more things are considered here. This choice interface
[10]
is necessary to choose the clothes and to estimate the pricing of it making a bill
out of it according to the quantity and pricing.
Staff:
This interface is for staff in this interface admin assigns the teams on particular
rack area from where the choices need to be taken care of. Now the
assignment is based on his quality and needs to be taken care he can do the
job or not.
Login:
Login with their unique identity and passwords. After this, they will be
directed to the primary user interface from where they have further options
Admin:
Admin has the official powers to control the flow of the data from one part of
the system to the other. He can manipulate the access of the users to the data
IMPORTANCE OF PROJECT
 Compatibility:-
Web based applications are far more compatible across platforms than
traditional installed software. The web browsers like Internet Explorer,
Firefox, etc are available for a multitude of operating systems and so
whether you use Windows, Linux or Mac OS you can run the web
application without any problem.
 Highly Deployable:-
Because of its manageability and cross platform support deploying web
applications to the end user is very easy. They are also perfect where
bandwidth is restricted and the system and data is remote to the user.
[11]
As they are most deployable you simply need to send the user a website
address to log into and provide them with internet access facility.
 Security of live data:-
Normally in more complex systems data is moved about separate

systems and data sources. In web based systems these systems and
processes can often be merged by reducing the need to move the data
around. Web based applications also provide an additional security by
removing the need for the user to have access to the data and back end
servers.
 Cost Effective:-
Web based applications can considerably lower the costs because of

reduced support and maintenance, lower requirements on the end user
system and simplified plans.
[12]
SYSTEM ANALYSIS
Systems analysis is a process of collecting factual data, understand the

processes involved, identifying problems and recommending feasible
suggestions for improving the system functioning. This involves studying the
business processes, gathering operational data, understand the information
flow, finding out bottlenecks and evolving solutions for overcoming the
weaknesses of the system so as to achieve the organizational goals.
Analysis is a detailed study of the various operations performed by a system

and their relationship within and outside of the system. In journal view system
is collection of people, procedures and equipments. People are not an
important component of any information system. Information is produced and
used by people in an organization in their everyday activities to make
decisions. Information system establishes procedures ensuring that right
people receive right data at right time. These procedures determine what is to
be done at it enter and passed through the system. System analysis is the
method that is used to analyze the system, design them and build them.
Analysis is used to gain an understanding of existing and what is required in
system. The analysis phase ends with the system description and a set of
requirement of the new system. Analysis is a process of diagnosis the situation
with the boundaries of system kept in mind to produce a report based own
findings. Planning for information system development is done within in the
framework of organizations overall MIS plan.
[13]
SYSTEM REQUIREMENTS
Hardware Specifications:
• Processor Used : Intel core i3

• Processor Speed : 1.60 GHZ
• RAM : 512 MB
• Hard Disk Capacity: 80 GB
• Display Device: Any Monitor
• Keyboard Type: Any Keyboard
Software Specifications:
• Technology Implemented: PHP

• Database: MySQL
• Web Browser: Mozilla, Google Chrome, Wamp Server
• User Interface Design: HTML,BOOTSTRAP, CSS
[14]
SYSTEM DEVELOPMENT LIFE CYCLE
The Systems Development Life Cycle (SDLC) is a conceptual model used

in project management that describes the stages involved in an information
system development project from an initial feasibility study through
maintenance of the completed application.
Feasibility considerations
ECONOMIC FEASIBILITY:
 Economic analysis is the most frequently used method for

evaluating the effectiveness of a this system.
 This procedure is used to determine the benefits and savings that
are expected from candidate system and compare them with the
cost.
TECHNICAL FEASIBILTY:
 Technical feasibility centers around the exiting computer system

and to what extent it can support the proposed addition.
 We have to keep in mind the capacity of the proposed system and
make an effort not to over load the system.
BEHAVIORAL FEASIBILITY:
 Peoples are naturally accepting to change a computers are known

to make possible change.
 An estimate should be made of how strong the reactions of the
user staff are likely to have toward the development of a
computerized system.
[15]
SYSTEM DESIGN
Systems design is the process of defining the architecture, components,

modules, interfaces, and data for a system to satisfy specified requirements.
One could see it as the application of systems theory to product development.
There is some overlap with the disciplines of systems analysis, systems

architecture and systems engineering. If the broader topic of product
development "blends the perspective of marketing, design, and manufacturing
into a single approach to product development, then design is the act of taking
the marketing information and creating the design of the product to be
manufactured.
Systems design is therefore the process of defining and developing systems to

satisfy specified requirements of the user.
Object-oriented analysis and design methods are becoming the most widely
used methods for computer systems design. System design is to deliver the
requirements as specified in the feasibility report.
The main objectives of the design are :
 Practicality
 Efficiency
 Cost
 Flexibility
 Security
[16]
Benefits: - A System Design engagement typically provides the following
benefits:
 Customers gain a detailed understanding of how their users use

their system. This Usage Profile can be leveraged to develop future
architecture changes.
 Potential to learn of future concerns, allowing customers to take
proactive measures to avoid problems.
 Improved system performance; individually tailored configuration
advice demonstrates where improvement is necessary, and how to
improve the system to regain lost performance.
ER DIAGRAM
Entity – Relationship Diagram: This depicts relationship between data objects.

The attribute of each data objects noted in the entity- relationship diagram can
be described using a data object description. Data flow diagram serves two
Purposes:
To provide an indication of how data are transformed as they move

through the system.
To depict the functions that transformation the data flow.
Data Objects:A data object is a representation of almost any composite

information that must be understood by the software. By composite
information, we mean something that has a number of different
properties or attributes. A data object encapsulates data only there is no
reference within a data object to operations that act on the data.
[17]
Attributes: Attributes define the properties of a data object and take on
one of three different characteristics. They can be used to:
 Name an instance of data object.

 Describe the instance.
 Make reference to another instance in other table
Relationships: Data objects are connected to one another in a variety

of different ways. We can define a set of object relationship pairs that
define the relevant relationships.
Cardinality:
The data model must be capable of representing the number of occurrences
of objects in a given relationship. The cardinality of an object relationship pair is
♦ One-To-One (1:1):An occurrence of object ‘A’ can relate to one and only one
occurrence of object ‘B’ and vice versa.
♦ One-To-Many (1:N): One occurrence of object ‘A’ can relate to one or may
occurrences of object ‘B’ but an occurrence of object ‘B’ can relate to only one
occurrence of object ‘A’.
♦ Many-To-Many (M: N): An occurrences of ‘B’ and an occurrence of ‘B’ can relate
to one or many occurrence of ‘A’.
Modality:
The modality of a relationship is zero if there is no explicit need for the relationship
to occur or the relationship is optional. The Modality is one if the occurrence of the
relationship is mandatory.
[18]
The object relationship pair can be represented graphically using the Entity
Relationship Diagrams. A set of primary components are identified for the Entity
Relationship Diagram,
1. Attributes,
2. Relationships and
3. Various Type Indicators.
DFD
A data flow diagram is a graphical representation of the “flow” of data through
an information system, modeling its process aspects. A Data Flow Diagram is a
structured analysis and design tool that can be used for flowcharting in place
of, or in association with, information-oriented systems flowcharts. A DFD is
often used as a preliminary step to create an overview of the system, which
can later be elaborated. DFDs can also be used for the utilizing of data
processing.A DFD shows what kind of information will be input to and output
from the system, where the data will come from and go to, and where the data
will be stored. It does not show information about the timing of process or
information about whether processes will operate in sequence or in parallel.
Splash Activity
Login
Main
Activity
Admin App User App
[19]
THREE-TIER WEB APPLICATION DEVELOPMENT
To implement a web application client-server architecture is required. The

most popular client-server architectures are the two-tier and the three-tier
architecture. In web application development, three-tier architecture refers to
separating the application process into three specific layers. What the user
sees via a web browser is called the presentation tier and is content served
from a web server. The middle tier performs the business logic processing that
occurs, for example, when a user submits a form. The back end consists of the
data tier which handles the database processing and access to the data.
This system is designed based on a traditional three-tier architecture used
bymany web applications. Three-tier architecture includes a presentation
layer, businessrules/ logic layer r, and the data layer. The three-tier
architecture is shown in Figure.
[20]
PRESENTATION TIER:
The Presentation Tier or User Interface is the portion the user sees when they
open a web page in the browser. It is what is presented to the user on the
client side within their web browser. If you were to view the source code, you
would only see code such as HTML, PHP, and Cascading Style Sheets Viewing
source code on a web page, you would not see database queries or loops or
calls to classes or any behind-the-scenes processing. Languages used in this
layer are typically HTML, PHP, CSS,jquery and Bootstrap.
BUSINESS LOGIC OR APPLICATION TIER:
The Business Logic, Functional Process Logic, Business Rules are kept in a
separate layer. You would not use HTML or PHP in this layer. In this layer you
typically define your classes, properties, etc.
DATA ACCESS TIER

In PHP, the Data Access layer is where you define your database server. In our
project we have used xampp server. It is where you define your queries. The
business tier may then make use of this functionality.
[21]
TOOLS AND TECHNOLOGIES
HTML AND CSS

WHAT IS HTML?
Hypertext Markup Language (HTML) is the standard markup language for
creating web pages and web applications. With Cascading Style Sheets (CSS)
and JavaScript, it forms a triad of cornerstone technologies for the World Wide
Web.
Web browsers receive HTML documents from a web server or from local
storage and render the documents into multimedia web pages. HTML
describes the structure of a web 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 the
rendered 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. HTML elements are delineated by tags, written using
angle brackets. Tags such as <img /> and <input /> directly introduce content
into the page. Other tags such as <p> surround and provide information about
document text and may include other tags as sub-elements. Browsers do not
display the HTML tags, but use them to interpret the content of the page.
HTML FORMS
A webform, web form or HTML form on a web page allows a user to enter data
that is sent to a server for processing. Forms can resemble paper or database
[22]
forms because web users fill out the forms using checkboxes, radio buttons, or
text fields
Forms can be made up of standard graphical user interface elements:
 text — a simple text box that allows input of a single line of text.
 email - a type of text that requires a partially validated email address
 number - a type of text that requires a number
 password — similar to text, it is used for security purposes, in which the
characters typed in are invisible or replaced by symbols such as *)
 radio — a radio button
 file — a file select control for uploading a file
 reset — a reset button that, when activated, tells the browser to restore
the values to their initial values.
 submit — a button that tells the browser to take action on the form
(typically to send it to a server)
 textarea — much like the text input field except a textarea allows for
multiple rows of data to be shown and entered
 select — a drop-down list that displays a list of items a user can select
from
HTML TABLES
The HTML tables allow web authors to arrange data like text, images, links,
other tables, etc. into rows and columns of cells.
The HTML tables are created using the <table> tag in which the <tr> tag is
used to create table rows and <td> tag is used to create data cells. The
elements under <td> are regular and left aligned by default
[23]
CSS (CASCADING STYLE SHEET)
Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language like HTML.CSS is a
cornerstone 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, and reduce complexity and repetition in
the structural content.
Three Types of CSS
CSS comes in three types:
 In a separate file (external)

 At the top of a web page document (internal)
 Right next to the text it decorates (inline)
1. External style sheets are separate files full of CSS instructions (with the
file extension .css). When any web page includes an external style sheet,
its look and feel will be controlled by this CSS file (unless you decide to
override a style using one of these next two types). This is how you
change a whole website at once. And that's perfect if you want to keep
up with the latest fashion in web pages without rewriting every page!
[24]
2. . Internal styles are placed at the top of each web page document,
before any of the content is listed. This is the next best thing to external,
because they're easy to find, yet allow you to 'override' an external style
sheet -- for that special page that wants to be a nonconformist
3. Inline styles are placed right where you need them, next to the text or
graphic you wish to decorate. You can insert inline styles anywhere in
the middle of your HTML code, giving you real freedom to specify each
web page element. On the other hand, this can make maintaining web
pages a real chore!
JAVASCRIPT AND JQUERY

JAVASCRIPT
JavaScript often abbreviated as JS, is a high-level, interpreted programming

language that conforms to the ECMAScript specification. JavaScript has curly-
bracket syntax, dynamic typing, prototype-based object-orientation, and first-
class functions.
Alongside HTML and CSS, JavaScript is one of the core technologies of the
World Wide Web. JavaScript enables interactive web pages and is an essential
part of web applications. The vast majority of websites use it, and major web
browsers have a dedicated JavaScript engine to execute it.
As a multi-paradigm language, JavaScript supports event-driven, functional,

and imperative (including object-oriented and prototype-based) programming
styles. It has APIs for working with text, arrays, dates, regular expressions, and
the DOM, but the language itself does not include any I/O, such as networking,
[25]
storage, or graphics facilities. It relies upon the host environment in which it is
embedded to provide these features.
Where to put your scripts?
You can place your scripts in any of the following locations:
 Between the HTML document's head tags.

 Within the HTML document's body (i.e. between the body tags).
 In an external file (and link to it from your HTML document).
JQUERY
JQuery is a JavaScript library designed to simplify HTML DOM tree traversal

and manipulation, as well as event handling, CSS animation, and Ajax It is free,
open-source software using the permissive MIT License. Web analysis (from
2017) indicates that it is the most widely deployed JavaScript library by a large
margin.
jQuery's syntax is designed to make it easier to navigate a document, select

DOM elements, create animations, handle events, and develop Ajax
applications. jQuery also provides capabilities for developers to create plug-ins
on top of the JavaScript library. This enables developers to create abstractions
for low-level interaction and animation, advanced effects and high-level,
theme able widgets. The modular approach to the jQuery library allows the
creation of powerful dynamic web pages and Web applications.
BOOTSTRAP
Bootstrap is a free front-end framework for faster and easier web

development Bootstrap includes HTML and CSS based design templates for
typography, forms, buttons, tables, navigation, modals, image carousels and
[26]
many other, as well as optional JavaScript plugins.Bootstrap also gives you the
ability to easily create responsive designs
Introduction to PHP
PHP is a powerful language and the interpreter, whether included in a web server
as a module or executed as a separate CGI binary, is able to access files, execute
commands and open network connections on the server. These properties make
anything run on a web server insecure by default. PHP is designed specifically to
be a more secure language for writing CGI programs than Perl or C, and with
correct selection of compile-time and runtime configuration options, and proper
coding practices, it can give you exactly the combination of freedom and security
you need.
The configuration flexibility of PHP is equally rivalled by the code flexibility. PHP
can be used to build complete server applications, with all the power of a shell
user, or it can be used for simple server-side includes with little risk in a tightly
controlled environment. How you build that environment, and how secure it is, is
largely up to the PHP developer.
Features:
 Open Source (Only one file encrypted) .
 Nice layout from start.
 Support Most payment vendors.
 Unlimited level of categories.
 Unique Extra Fields that is also sortable.
 Large user community.
 Uses Template and language system that keeps your customize.
[27]
 Regions Module is included (using Ajax).
 Picture Gallery.
 Publishing tool for custom pages by you.
 Easy code.
 Normalized Database Layout
 Fast.
Installation and configuration
There are two primary ways for adding support for PHP to a web server – as a
native web server module, or as a CGI executable. PHP has a direct module
interface calledServer Application Programming Interface (SAPI), which is
supported by many web servers including Apache HTTP Server, Microsoft
IIS, Netscape (now defunct) and iPlanet. Some other web servers, such as
OmniHTTPd, support the Internet Server Application Programming
Interface (ISAPI), which is a Microsoft's web server module interface. If PHP has
no module support for a web server, it can always be used as a Common
Gateway Interface (CGI) or FastCGI processor; in that case, the web server is
configured to use PHP's CGI executable to process all requests to PHP files.
Usage
PHP is a general-purpose scripting language that is especially suited to server-

side web development, in which case PHP generally runs on a web server. Any
PHP code in a requested file is executed by the PHP runtime, usually to
create dynamic web page content or dynamic images used on websites or
elsewhere. It can also be used for command-line scripting and client-
side graphical user interface (GUI) applications. PHP can be deployed on most
web servers, many operating systems and platforms, and can be used with
[28]
many relational database management systems (RDBMS). Most web
hosting providers support PHP for use by their clients. It is available free of
charge, and the PHP Group provides the complete source code for users to build,
customize and extend for their own use.
Dynamic web page: example of server-side scripting (PHP and MySQL).
PHP acts primarily as a filter, taking input from a file or stream containing text
and/or PHP instructions and outputting another stream of data. Most commonly
the output will be HTML, although it could be JSON, XMLor binary data such as
image or audio formats. Since PHP 4, the PHP parser compiles input to
producebytecode for processing by the Zend Engine, giving improved
performance over its interpreterpredecessor.
BACK END
MySQL
MySQL is an open-source relational database management system (RDBMS). Its

name is a combination of "My", the name of co-founder Michael Widenius'
daughter, and "SQL", the abbreviation 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.MySQL is a
[29]
central component of the LAMP open-source web application software stack (and
other "AMP" stacks). LAMP is an acronym for
"Linux, Apache,MySQL, Perl/PHP/Python".Applications
include: TYPO3, MODx, Joomla, WordPress, phpBB, MyBB, and Drupal. MySQL is
also used in many high-profile, large-scale websites, including Google (though not
for searches), Facebook, Twitter, Flickr, and YouTube.
Features
MySQL is offered under two different editions: the open source MySQL
Community Server and the proprietary Enterprise Server. MySQL Enterprise
Server is differentiated by a series of proprietary extensions which install as
server plugins, but otherwise shares the version numbering system and is built
from the same code base
Major features as available in MySQL 5.6:
 A broad subset of ANSI SQL 99, as well as extensions

 Cross-platform support
 Stored procedures, using a procedural language that closely adheres
to SQL/PSM
 Cursors
 Triggers
 Updatable views
 Partitioned tables with pruning of partitions in optimizer
 Multiple storage engines, allowing one to choose the one that is most
effective for each table in the application.
[30]
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.A typical high-end
configuration can include a powerful master database which handles data write
operations and is replicated to multiple slaves that handle all read operations.
The master server continually pushes binlog events to connected slaves so in the
event of failure a slave can be promoted to become the new master, minimizing
downtime. Further improvements in performance can be achieved by caching the
results from database queries in memory using memcached, or breaking down a
database into smaller chunks called shards which can be spread across a number
of distributed server clusters.
For the Back End WAMP is being utilized for Database:-
WampServer refers to a software stack for the Microsoft Windows operating

system, created by Romain Bourdon and consisting of the Apache web
[31]
server, OpenSSL for SSL support, MySQL database and PHP programming
language.
It stands for "Windows, Apache, MySQL, and PHP." WAMP is a variation
of LAMP for Windows systems and is often installed as a software bundle
(Apache, MySQL, and PHP). It is often used for web development and internal
testing, but may also be used to serve live websites.
The most important part of the WAMP package is Apache (or "Apache HTTP
Server") which is used run the web server within Windows. By running a local
Apache web server on a Windows machine, a web developer can
test webpages in a web browser without publishing them live on the Internet.
WAMP also includes MySQL and PHP, which are two of the most common
technologies used for creating dynamic websites. MySQL is a high-speed
database, while PHP is a scripting language that can be used to access data
from the database. By installing these two components locally, a developer can
build and test a dynamic website before publishing it to a public web server.
While Apache, MySQL, and PHP are open source components that can be
installed individually, they are usually installed together. One popular package
is called "WampServer," which provides a user-friendly way to install and
configure the "AMP" components on Windows
Latest Version of Wamp is 7.2.14 :
WampServer is a Web development platform on Windows that allows you to

create dynamic Web applications with Apache2, PHP, MySQL and MariaDB.
WampServer automatically installs everything you need to intuitively develope
Web applications. You will be able to tune your server without even touching its
setting files. Best of all, WampServer is available for free (under GPML license) in
[32]
both 32 and 64 bit versions. Wampserver is not compatible with Windows XP,
SP3, or Windows Server 2003..
Functionalities of Wamp:
WampServer’s functionalities are very complete and easy to use .

With a left click on WampServer’s icon, you will be able to:
 manage your Apache and MySQL services
 switch online/offline (give access to everyone or only localhost)
 install and switch Apache, MySQL and PHP releases
 manage your servers settings
 access your logs
 access your settings files
 create alias
With a right click :
 change WampServer’s menu language
 access this page
[33]
SCREENSHOTS OF PROJECT
HOME PAGE
[34]
ABOUT US
[35]
PRODUCTS OF CATEGORIES
MEN
[36]
WOMEN
[37]
KIDS BOYS
[38]
KIDS GIRLS
[39]
QUALITY&INFRASTRUCTURE
[40]
CONTACT US
[41]
ADMIN PAGE
ADD NEW CATEGORIES
[42]
ADD NEW PRODUCTS
[43]
VIEW PRODUCTS
[44]
VIEW CATEGORIES
[45]
CODING
Index
<?php include('header.php')
<section class="main-slider">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="img/product/slide1.jpg" />
</div>
</div>
</section>
<h5 style="background-color: #c10238;font-size:18px;margin:0px; padding:

10px; font-weight: 500;"><marquee scrollamount="6"
onmouseover="this.stop()" onmouseout="this.start()"><span
style="color:#ffffff;">Mfrs. & Exporters of: Woolen/ Cotton, Hosiery &
Knitwears</span></marquee></h5>
<section id="about" class="ls section_padding_top_150

section_padding_bottom_150">
<div class="container">
<h2 class="section_header text-center">ONS International</h2>
<p class="small-text grey text-center">for a better look</p>
<div class="row flex-wrap v-center">
[46]
<div class="col-md-6">
<img src="images/about.png" alt="" class="about-cover"> </div>
<div class="col-md-6">
<p style="text-align:justify;">we would like to introduce ourselves as one of

the leading manufacturers and exporters of knitwears ( all kinds of sweaters
for mens, womens & kids in ludhiana (pb), india. )we are supplying our quality
products to good brands only. also we are exporting our products to usa, uk.
we manufacture all kinds of mens pullovers, ladies cdgn, kids pullovers, caps,
mufflers, scarfes; ponchus in different kinds of yarns (cotton, wool, acrylic and
other blends).<br>
<a href="about.php">Read More</a> </p>

</div>
</div>
</div>
</section>
<section id="products" class="ls fluid_padding_0 columns_padding_0">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 text-center">
<h2 class="section_header">Our Products</h2>
[47]
<div class="filters carousel_filters"> <a href="#" data-filter="*">All</a>
<a href="#" data-filter=".men">Men</a>
<a href="#" data-filter=".women">Women</a>
<a href="#" data-filter=".kids">Kids</a> </div>
<div class="owl-carousel products-carousel gallery-carousel" data-nav="true"

data-dots="false" data-responsive-xlg="5" data-responsive-sm="3" data-
responsive-xs="2" data-responsive-xxs="1" data-filters=".carousel_filters"
data-margin="30">
<article class="product vertical-item text-center with-corner-label kids">
<div class="item-media-wrap bottommargin_25">
<div class="item-media"> <a href="#">
<img src="img/product/1.jpg" alt=""/>
<img src="img/product/1-1.jpg" alt=""/>
</a>
<div class="product_buttons darklinks"> 
<a class="p-view prettyPhoto " data-gal="prettyPhoto[product1-gal]"

href="img/product/1.jpg" data-toggle="tooltip" title="Expand Photo">
<i class="qtyler-external"></i>
[48]
<span class="sr-only">Expand Photo</span>
</a>
</div>
</div>
</div>
<div class="item-content">


</div>
</article>
<article class="product vertical-item text-center kids">
<img src="img/product/2.jpg" alt="" />
<img src="img/product/2-2.jpg" alt="" />
</a>

<span class="sr-only">Add to cart</span </a> <a href="#"

class="add_to_wishlist" data-toggle="tooltip" title="Add to Wishlist">
[49]
<span class="sr-only">Add to Wishlist</span>
</a>--> <a class="p-view prettyPhoto " data-gal="prettyPhoto[product2-gal]"

</a> </div>
</div>
</div>

</div>
</article>
<article class="product vertical-item text-center with-corner-label women">
</a>
[50]
</a>
<a href="#" class="add_to_wishlist" data-toggle="tooltip" title="Add to

Wishlist">

</a></div>
</div>
<!—
<div class="corner-label sale">sale</div>-->
</div>

</div>
[51]
</article>
<article class="product vertical-item text-center women">
</a>
<div class="product_buttons darklinks">


</a> </div>
</div>
</div>
[52]

</div>
</article>
<article class="product vertical-item text-center with-corner-label kids">
<div class="item-media"> <a href="shop-product.html">
</a>

</a> <a href="#" class="add_to_wishlist" data-toggle="tooltip" title="Add to

Wishlist">

[53]
</a> </div>
</div>
<!—
<div class="corner-label new">new</div>-->
</div>

</div>
</article>
<article class="product vertical-item text-center with-corner-label men">
<div class="item-media"> <a href="shop-product.html">
</a>

[54]
</a>

Wishlist">
</a>-->

href="img/product/6-6.jpg" data-toggle="tooltip" title="Expand Photo">
</a> </div>
</div>
<!—
<div class="corner-label hot">hot</div>-->
</div>

</div>
</article>
</div>
</div>
[55]
</div>
</div>
</section>
<section id="contact-form" class="ls section_padding_top_150">
<div class="col-xs-12 col-md-5 col-md-push-6">
<img src="img/product/contact.jpg" alt="" class="contact-form-cover">
</div>
<div class="col-xs-12 col-md-7 col-md-pull-5">
<h2 class="section_header">Contact Us</h2>
<p class="small-text grey">for cheapest price</p>
<div class="toppadding_5"></div>
<form class="contact-form row columns_padding_10" method="post"

action="">
<div class="col-xs-12">
<div class="form-group"> <input type="text" aria-required="true" size="30"

value="" name="name" id="name" class="form-control with_icon"
placeholder="Your Name"> <i class="qtyler-user grey"></i> </div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="form-group"> <input type="email" aria-required="true" size="30"

value="" name="email" id="email" class="form-control with_icon"
placeholder="Email Address"> <i class="qtyler-envelope grey"></i> </div>
</div>
[56]
<div class="col-xs-12 col-sm-6">
<div class="form-group"> <input type="tel" size="30" value="" name="phone"

id="phone" class="form-control with_icon" placeholder="Phone Number"> <i
class="qtyler-phone grey"></i> </div>
</div>
<div class="form-group"> <textarea aria-required="true" rows="3" cols="45"

name="message" id="message" class="form-control with_icon"
placeholder="Message"></textarea> <i class="qtyler-comment grey"></i>
</div>
</div>
<div class="col-xs-12 bottommargin_0">
<div class="contact-form-submit"> <button type="submit"

id="contact_form_submit" name="contact_submit" class="theme_button
min_width_button margin_0">Contact Us</button> </div>
</div>
</form>
</div>
</div>
</div>
</section>
About
<?php include('footer.php') ?>
<?php include('header.php') ?>
<style>
table {
[57]
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #ddd;
th, td {
text-align: left;
padding: 8px;
tr:nth-child(even){background-color: #f2f2f2}
p{
text-align: justify;
</style>
<section class="page_breadcrumbs ls background_coverrr

section_padding_50">
<div class="row">
<h1 class="sr-only">About</h1>
<ol class="breadcrumb darklinks">
<li> <a href="index.php">
Home
</a> </li>
[58]
<a href="about.php">
<li class="active"> <span> / About Us</span> </li></a>
</ol>
</div>
</div>
</div>
</section>
<section class="ls section_padding_top_150 ">
<div class="container" >
<div class="row">
<img src="images/about.jpg" class="alignright" alt="">
<h2 class="section_header topmargin_0">ONS International</h2>
<p class="small-text grey">About our comapny</p>
<p style="text-transform: capitalize">we would like to introduce ourselves as

one of the leading manufacturers and exporters of knitwears ( all kinds of
sweaters for mens, womens & kids in ludhiana (pb), india. ) </p>
<p style="text-transform: capitalize">we are supplying our quality products to

good brands only. also we are exporting our products to usa, uk. we
manufacture all kinds of mens pullovers, ladies cardigans, kids pullovers, caps,
mufflers, scarfes; ponchus in different kinds of yarns (cotton, wool, acrylic and
other blends).
<br>we are very well experienced in knitwears manufacturing. our garments

production centres are managed by extremely experienced professionals who
are totally committed to quality and on time deliveries.
[59]
we have skilled manpower to maintain garment quality. trained packers pack
the finished garments only after thorough inspection done by our quality
assurance department- under close supervision of prop. himself.
</p>
<div style="overflow-x:auto;">
<table>
<tr>
<td>NAME OF PROP :-</td>
<td>MR. RANJEET SINGH</td>
</tr>
<tr>
<td>CONTACT PERSONS:- </td>
<td>MR. SANDEEP KUMAR <br/>
*CELL NO + 91 98558 26100
& 81980 05154
MR-NAVDEEP KUMAR
*CELL NO. 8968385164
</td>
</tr>
<tr>
<td>LANDLINE:-</td>
<td> +91 161 2335871 , 9478028429 </td>
</tr>
<tr>
[60]
<td>MAIL ADDRESS: </td>
<td> <footer class="page_footer parallax overlay_color ds ms

section_padding_top_150 columns_padding_30">
<div class="row">
<div class="col-md-4 col-sm-12">
<div class="widget widget_text">
<div class="logo"> <img src="img/product/flogo.png" alt=""> </div>
<p> we would like to introduce ourselves as one of the leading manufacturers

and exporters of knitwears ( all kinds of sweaters for mens, womens & kids in
ludhiana (pb), india.we are supplying our quality products to good brands only.
</div>
</div>
<div class="widget">
<h3 class="widget-title">Quick Links</h3>
<ul style="width:180px;">
<li><a href="index.php">Home</a></li>
<li><a href="about.php">About Us </a></li>
<li><a href="about.php">Infrastructure</a></li>
<li><a href="about.php">Quality</a></li>
<li><a href="catagory.php?id=86">Our Products</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
[61]
</div>
</div>
<h3 class="widget-title">Contacts</h3>
<div class="media small-teaser">
<div class="media-left"> <i class="rt-icon2-map2 highlight fontsize_24"></i>

</div>
<div class="media-body"> 120,Ashok Nagar,near Bus Stand,Ludhiana- 141010

( PB) INDIA</div>
</div>
<div class="media-left"> <i class="rt-icon2-device-phone highlight

fontsize_24"></i> </div>
<div class="media-body"> +91-7888956849 </div>
</div>
<div class="media-left"> <i class="rt-icon2-mail2 highlight fontsize_24"></i>

</div>
<div class="media-body"> <a

href="mailto:onsintl@gmail.com">nmehta13@gmail.com</a> <br/><a
href="mailto:onsintl@gmail.com">info@onsonline.in</a> </div>
</div>
<div class="topmargin_20" style="float:right;"> <a href="#" class="social-icon

color-bg-icon socicon-facebook"></a>
</div>
[62]
</div>
</div>
</div>
</div>
</footer>
<section class="ds ms page_copyright parallax overlay_color

section_padding_15 with_top_border_container">
<div class="row">
<div class="col-sm-12 text-center">
<p>© Copyright 2019 All Rights Reserved</p>
</div>
</div>
</div>
</section>
</div>

</div>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
[63]
</body>
</html> <footer class="page_footer parallax overlay_color ds ms

<div class="row">

</div>
</div>
[64]
</ul>
</div>
</div>

</div>

( PB) INDIA</div>
</div>

</div>

</div>

</div>

[65]
</div>
</div>
</div>
</div>
</div>
</footer>

<div class="row">
</div>
</div>
</div>
</section>
</div>
</div>
[66]
});
</script>
</body>
</html> 6769, Street No.6, New Janta Nagar, Daba Road, Ludhiana- 141003,
Punjab (India).
</td>
</tr>
<tr>
<td>E-MAIL:</td>
<td>jass@gmail.com , info@onsonline.in </td>
</tr>
<tr>
<td>DETAIL OF MFG. ITEMS </td>
<td>GENTS PULLOVERS, LADIES CARDIGENS,
JUMPERS AND ALL KINDS OF SWEATERS,
WORKER WEARS, UNIFORMS ETC ETC .
</td>
</tr>
<tr>
<td>YARN USED :</td>
<td>ACRYLIC, WOOL BLENDED, COTTON,
FLAGYARN, FUR YARN,
[67]
CHENYL YARN, FANCY IMPORTED
YARN.
</td>
</tr>
<tr>
<td>YARN SUPPLIERS : </td>
<td>OSWALWOOLLEN MILLS, VARDHMAN SPG.MILLS,
SHARMAN WOOLLEN MILLS, YOGINDERA WOOLLEN MILLS, ETC.
</td>
</tr>
<tr>
<td>Our buyers :</td>
<td>Hypercity Retail India Limited , Max Lifestyle India Ltd., Vishal Mega Mart
Pvt.Ltd, Arvind Brands etc .
ESS ENN Creation ( USA ) , SQP PLC Incorporation ( UK ) , John incorporations (

Canada ) etc.
</td>
</tr>
</table>
<br/>
<table>
<tr>
<td>BANKERS :- </td>
<td>STATE BANK OF INDIA
[68]
SME BRANCH, G.T.ROAD,
FOCAL POINT
LUDHIANA-141010
</td>
</tr>
<tr>
<td>OUR C/C NO :- </td>
<td>1041 572 1665 </td>
</tr>
<tr>
<td>IFSC CODE (RTGS):- </td>
<td>SBIN 000 4112</td>
</tr>
<tr>
<td>SWIFT NO :- </td>
<td>SBI NIN BB 597</td>
</tr>
</table>
<br/>

</div>
</div>
</div>
</div>
<div class="container" style="padding: 0px;" id="f">
<h3>
Infrastructure Facilities
</h3>
<p>We have state of art infrastructural set up that spreads over a wide land.
This infrastructure is separated into various sections like procurement,
manufacturing, warehousing & packaging, quality testing, R&D and sales &
marketing. Due to the supported of our advanced and the latest infrastructural
unit, Our daily production capacity is around 3000*(Depend upon design) pcs.
we have been able to provide a high-quality range of products to the patrons.
Furnished with hi-tech tools and machinery, this infrastructural unit helps us to
manufacture optimum quality products. To attain the best quality in the
[73]
manufacturing process, all the equipped tools and machines are usually
updated.</p>
</div>
<br/>
<div class="container" style="padding: 0px;" id="q">
<h3>
Quality Policy
</h3>
<p>"Ons International " provides consistent quality to the customers. Strict

quality assurance is inherent in every step of our process, from incoming
materials to shipment of the finished product. Beaver sensitive to quality
benchmarks of the core Infrastructure Industry, Attain standards set by
management with a sharp sense of clarity, confidence and conviction.
Encourage and empower human resources across the organization to scale
ever new heights of performance excellence. Our company’s motive is to
provide optimum client satisfaction. We have a good set up for testing of
garments as per international standered. The client centric approach reflects
from our work and efforts of providing only high quality and innovative
products to our customers. We follow ethical business policies and transparent
business dealings, which has helped us in earning the trust of large client
network. Also, we always try to meet the stringent demands of our clients and
try to provide best services to them by offering customization on all of our
products.</p>
</div>
</section>
Product
<style>
[74]
.ec img:hover {
transition: all 0.2s ease-in-out 0s;
opacity:0.6;
position:relative;
height:auto;
width:auto;
.ec ul{
list-style: none;
margin:0px;
.ec ul li{
float:left;
margin-right: 20px;
.title{
font-size: 18px;
font-weight: 400;
margin-bottom: 12px;
color: #363636;
[75]
line-height: 1em;
text-align: center;
padding-bottom: 20px;
margin: 0px;
</style>
<section class="page_breadcrumbs ls background_cover

<div class="row">
<h1 class="sr-only">Products</h1>
<li> <a href="index.html">
Home
</a> </li>

<li class="active"> <span>Products</span> </li>
</ol>
</div>
</div>
</div>
</section>
[76]
<div class="row">
<div class="col-xs-12 col-md-9 col-lg-9 col-md-push-3 col-lg-push-3">
<div class="col-md-12 ec">
<?php
include ('kitecms/config.php');
error_reporting(E_ERROR | E_PARSE);
$query1=mysql_query('select * from product where cat_id ="'.$_GET["id"].'"');
while($query2=mysql_fetch_array($query1)){
?>
<ul>
<li>
<?php
echo '<a href="product_description.php?id='.$query2['id'].'">';
echo '<img src="kitecms/images/'.$query2['image'].'" class="img-responsive

thumbnail" style="width:250px;height:300px;">';
echo" </a>";
echo"<h3 class='title'>";
echo' '.$query2['name'].'';
echo" </h3>";
?>
</li>
</ul>
[77]
<?php
}?>
</div>
</div>

<aside class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-md-pull-9 col-lg-pull-9

col-sm-offset-3 col-md-offset-0">
<div class="widget widget_categories">
<h3 class="widget-title">Categories</h3>
<?php
$query1=mysql_query('select * from categorie where p_id=0');
?>
<ul class="greylinks" name="p_id">
<?php
?>
<li><a href="catagory.php?id=<?php echo $query2['id'] ?>"><?php echo

$query2['name'] ?></a>
</li>
<?php
?>
</ul>
[78]
</div>
</aside>

</div>
</div>
</section>
Category
<style>
.ec img:hover {
opacity:0.6;
position:relative;
height:auto;
width:auto;
.ec ul
list-style: none;
margin:0px;
.ec ul li
[79]
{
float:left;
margin-right: 20px;
.title{
font-size: 18px;
font-weight: 400;
color: #363636;
line-height: 1em;
text-align: center;
margin: 0px;
</style>
<section class="page_breadcrumbs ls background_cover

<div class="row">
[80]
Home
</a> </li>

</ol>
</div>
</div>
</div>
</section>
<div class="row">
<?php
error_reporting(E_ERROR | E_PARSE);
$query1= mysql_query("select * from categorie where p_id= '$_GET[id]'");
?>
<ul>
<li>
<?php
[81]
echo '<a href="product.php?id='.$query2['id'].'">';
echo '<img src="kitecms/images/'.$query2['images'].'" class="img-responsive

thumbnail" style="width:250px;height:300px;">';
echo" </a>";
echo"<h3 class='title'>";
echo' '.$query2['name'].'';
echo" </h3>";
?>
</li>
</ul>
<?php }?>
</div>
</div>

<?php
?>
<?php
[82]
?>

</li>
<?php
?>
</ul>
</div>
</aside>
</div>
</div>
</section>
Contact
<section class="page_breadcrumbs ls background_coverr

<div class="row">
<h1 class="sr-only">Contact 4</h1>
[83]
Home
</a> </li>
<a href="Contact.php">
<li class="active"> <span> / Contact Us</span> </li></a>
</ol>
</div>
</div>
</div>
</section>
<section class="ls columns_padding_30 section_padding_top_150

section_padding_bottom_110">
<div class="row">
<div class="col-sm-12">
<h2>Contact Form</h2>
</div>
</div>
<div class="row">
<div class="col-md-8 to_animate" data-animation="scaleAppear">
<form class="contact-form columns_padding_10 bottommargin_40"

method="post" action="http://webdesign-finder.com/html/qtyler/">
<div class="row">
[84]
<div class="form-group bottommargin_0"> <label for="name">Full Name
<span class="required">*</span></label> <i class="fa fa-user highlight" aria-
hidden="true"></i> <input type="text" aria-required="true" size="30" value=""
name="name" id="name" class="form-control" placeholder="Full Name">
</div>
</div>
<div class="form-group bottommargin_0"> <label for="phone">Phone

Number<span class="required">*</span></label> <i class="fa fa-phone
highlight" aria-hidden="true"></i> <input type="text" aria-required="true"
size="30" value="" name="phone" id="phone" class="form-control"
placeholder="Phone Number">
</div>
</div>
<div class="form-group bottommargin_0"> <label for="email">Email

address<span class="required">*</span></label> <i class="fa fa-envelope
highlight" aria-hidden="true"></i> <input type="email" aria-required="true"
size="30" value="" name="email" id="email" class="form-control"
placeholder="Email Address">
</div>
</div>
<div class="form-group bottommargin_0"> <label for="subject">Subject<span

class="required">*</span></label> <i class="fa fa-flag highlight" aria-
hidden="true"></i> <input type="text" aria-required="true" size="30" value=""
name="subject" id="subject" class="form-control" placeholder="Subject">
[85]
</div>
</div>
<div class="contact-form-message form-group bottommargin_0"> <label

for="message">Message</label> <i class="fa fa-comment highlight" aria-
hidden="true"></i> <textarea aria-required="true" rows="3" cols="45"
name="message" id="message" class="form-control"
placeholder="Message"></textarea> </div>
</div>
<div class="col-sm-12 bottommargin_0">
<div class="contact-form-submit topmargin_10"> <button type="submit"

id="contact_form_submit" name="contact_submit" class="theme_button
color1 margin_0">Send message</button> </div>
</div>
</div>
</form>
</div>
<div class="col-md-4 to_animate" data-animation="scaleAppear">
<ul class="list1 no-bullets no-top-border no-bottom-border">
<li>
<div class="media">
<div class="media-left"> <i class="rt-icon2-shop highlight fontsize_18"></i>

</div>
<div class="media-body">
<h6 class="media-heading grey">Postal Address:</h6>
[86]
K-253,Phase 8,Munjal Gases Road, Focal Point,Ludhiana- 141010 ( PB) INDIA
</div>
</div>
</li>
<li>
<div class="media">
<div class="media-left"> <i class="rt-icon2-phone5 highlight fontsize_18"></i>

</div>
<h6 class="media-heading grey">Customer Care No:</h6>(Landline)+91-

94780-28429 </div>
</div>
</li>
<li>
<div class="media">
<div class="media-left"> <i class="rt-icon2-globe highlight fontsize_18"></i>

</div>
<h6 class="media-heading grey">Website:</h6> www.onsonline.in </div>
</div>
</li>
<li>
<div class="media">
<div class="media-left"> <i class="rt-icon2-mail highlight fontsize_18"></i>

</div>
[87]
<div class="media-body greylinks">
<h6 class="media-heading grey">Email:</h6> <a

href="mailto:jass@gmail.com">jass@gmail.com<br/>info@onsonline.in </a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
Header
<!DOCTYPE html>
<html class="no-js">
<head>
<title>ONS International</title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animations.css">
<link rel="stylesheet" href="css/fonts.css">

[88]
<link rel="stylesheet" href="themes/default/default.css" type="text/css"
media="screen" />
<link rel="stylesheet" href="themes/light/light.css" type="text/css"

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

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

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

media="screen" />
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/shop.css">
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/vendor/modernizr-2.6.2.min.js"></script>

<script src="js/compressed.js"></script>
<script src="js/selectize.min.js"></script>
<script src="js/main.js"></script>

<style>
.logo img
-webkit-backface-visibility: visible;
backface-visibility: visible;
max-width: 362px;
[89]
}
@media (min-width:320px) and (max-width:640px){
.logo img {
-webkit-backface-visibility: visible;
backface-visibility: visible;
max-width: 270px;
</style>
</head>
<body>
<div id="canvas">
<div id="box_wrapper">

<section class="page_topline ds background_cover">
<div class="col-xs-12 col-md-8 text-center text-md-left">

<div id="google_translate_element"></div>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout:

google.translate.TranslateElement.InlineLayout.SIMPLE},
'google_translate_element');
</script>
<script type="text/javascript"
src="//translate.google.com/translate_a/element.js?cb=googleTranslateEleme
ntInit"></script>
</div>
<div class="col-xs-12 col-md-4 text-center text-md-right ">

<div class="dropdown search-dropdown"> <a id="search" data-target="#"

href="index.html" data-toggle="dropdown" aria-haspopup="true"
role="button" aria-expanded="false" class="theme_button small_button
round_button bg_button margin_0">
<i class="qtyler-search" aria-hidden="true"></i>
</a>
<div class="dropdown-menu ls" role="menu" aria-labelledby="search">
<div class="widget_search">
<form method="get" class="searchform form-inline"

action="http://webdesign-finder.com/html/qtyler/">
<div class="form-group-wrap">
<div class="form-group with_button margin_0"> <label class="sr-only"

for="topline-search">Search for:</label> <input id="topline-search"
type="text" value="" name="search" class="form-control" placeholder="Search
Keyword"> <button type="submit" class="theme_button">Search</button>
</div>
</div>
</form>
[92]
</div> <i class="qtyler-close dropdown-close" aria-hidden="true"></i> </div>
</div>
</div>
</div>
</div>
</section>
<header class="page_header header_white header_v1 toggler_xxs_right">
<div class="row">
<div class="col-sm-12 display-flex v-center">
<div class="header_left_logo"> <a href="index.html" class="logo">
<img src="img/product/logo.png" alt="">
</a> </div>
<div class="header_mainmenu text-center">

<nav class="mainmenu_wrapper">
<ul class="mainmenu nav sf-menu navbar-right">
<li class="active"> <a href="index.php">Home</a>

</li>
<li> <a href="about.php">About Us</a>

</li>
<li>
<?php
include('config.php');
?>
<a href="catagory.php?id=86">
Products
</a>
<?php
[94]
?>
<ul name="p_id">
<?php
?>
<li>
<a href="catagory.php?id=<?php echo $query2['id'] ?>"><?php echo

</li>
<?php
?>
</ul>
</li>


<li> <a href="about.php#q">Quality</a>
</li>

<li><a href="about.php#f">Infrastructure</a></li>

<li> <a href="contact.php">Contact Us</a>

</li>

</ul>
</nav>

<span class="toggle_menu"><span></span></span>
</div>

</div>
</div>
</div>
</header>
CONFIG
<?php
$query=mysql_connect("localhost","root","");
mysql_select_db("ons",$query);
?>
Footer
<footer class="page_footer parallax overlay_color ds ms

<div class="row">
[99]

</div>
</div>
</ul>
</div>
</div>
[100]

</div>

( PB) INDIA</div>
</div>

</div>

</div>

</div>

</div>
</div>
</div>
</div>
</div>
[101]
</footer>

<div class="row">
</div>
</div>
</div>
</section>
</div>
</div>
});
</script>
</body>
</html>
PRODUCT DESCRIPTIONS
[102]
<style>
.ec img:hover {
opacity:0.6;
position:relative;
height:auto;
width:auto;
.ec ul{
list-style: none;
margin:0px;
.ec ul li{
float:left;
margin-right: 20px;
.title{
font-size: 18px;
font-weight: 400;
color: #363636;
line-height: 1em;
text-align: center;
[103]
margin: 0px;
.mfp-title{
display:none;
.styleswitcher{
display:none;
.styleswitcher-inner{
/*display:none;*/
pre {
display: block;
padding: 0px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
/*color: #333;*/
word-break: break-all;
word-wrap: break-word;
background-color: transparent !important;
border: none !important;
[104]
border-radius: 4px;
</style>
<section class="page_breadcrumbsls background_cover

<div class="row">
Home
</a> </li>

</ol>
</div>
</div>
</div>
</section>
<div class="row">
[105]
<?php
$query1=mysql_query('select * from product where id ="'.$_GET["id"].'"');
while($query2=mysql_fetch_array($query1))
echo "<div class='col-md-12 ' style='margin-bottom:20px;box-shadow: 0 0 10px

rgba(0, 0, 0, 0.1);'>";
echo "<div class='col-md-6' style='border-right:1px solid #e44a7a; -webkit-

gradient(linear, 0 100%, 0 0, from(#e44a7a), to(rgba(0, 0, 0, 0))) 1 100%; -
webkit-border-image: -webkit-linear-gradient(bottom, #e44a7a, rgba(0, 0, 0,
0)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #e44a7a, rgba(0,
0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(bottom, #e44a7a, rgba(0,
0, 0, 0)) 1 100%; border-image: linear-gradient(to top, #e44a7a, rgba(0, 0, 0, 0))
1 100%;padding-top:50px;padding-bottom:20px;'>";
echo '<img src="kitecms/images/'.$query2['image'].'" class="thumbnail " />';
echo '</div>';
echo '<div class="col-md-6">';
echo '<h3 style="color:#2D3841;padding:10px;width:50%;border-bottom:1px

solid #e44a7a;" class="left" >' .$query2['name'].'</h3>';
echo '<p class="left" style="padding:10px;color:#2D3841;font-size:15px;text-

align:justify;">' .$query2['descr'].'</h1>';
/*echo'<br>';*/
[106]
echo'<a class="btn btn-default pull-right" href="javascript: history.go(-1)"
role="button" style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background-
color:rgba(0, 0, 0, 0.1);">Back</a>';
echo'<br><br>';
echo "</div>";
echo "</div>";
?>
<?php
?>
</div>
</div>

<?php
?>
<?php
[107]
?>

$query2['name'] ?></a></li>
<?php
?>
</ul>
</div>
</aside>
</div>
</div>
</section>
[108]
SYSTEM IMPLEMENTATION
System Implementation covers a broad spectrum of activities. The major

activities in implementation plan are cost estimation, schedule and milestone
determination, project staffing, quality control plans, and controlling and
monitoring plans.
The system has two modules. They are
 Administrator
 User
[109]
SYSTEM MAINTENANCE
After the installation and implementation phase is completed and the owner
staff is adjusted to the changes created by the candidate and purposed system
evaluation and maintenance begins. Like any system there is an ageing process
that requires periodic maintenance of hardware and software. If the new
information is consistent with the design specification then changes have to be
made.
Maintenance is classified as:
 Corrective Maintenance
 Adaptive Maintenance
 Perfective Maintenance
Corrective Maintenance: This type of maintenance implies removing errors in

a program, which might have crept in the system due to faulty design or wrong
assumptions. Thus, in corrective maintenance, processing or performance
failures are repaired.
Adaptive Maintenance: In adaptive maintenance, program functions are

changed to enable the information system to satisfy the information needs of
the user. This type of maintenance may become necessary because of
organizational changes which may include:
a) Change in organizational objectives, goals, policies, etc.
b) Change in forms,
c) Change in information needs of managers.
d) Change in system controls and security needs, etc.
[110]
Perfective Maintenance:
Perfective maintenance means adding new programs or modifying the existing

programs to enhance the performance of the information system. This type of
maintenance undertaken to respond to user’s additional needs which may be
due to the changes within or outside of the organization These environmental
changes include:
a) Changes in governmental policies, laws, etc.,
b) Economic and competitive conditions, and
c) New technology.
[111]
FUTURE SCOPE OF PROJECT
The future scope of this project is very broad. Few of them are:
 This can be accessed anytime anywhere, since it is a web application

provided only on internet connection.
 The user had no need to travel a long distance for the enquiry and
his/her time is also saved because of this automated system.
 The owner easily add or delete the product using the back end.
 User can easily contact the owner regaeding the product.
[112]
TESTING
Is it possible to invoke each menu function using logical assumptions that if all
parts of the system are correct, the goal will be successfully achieved? In
adequate testing or non-testing will leads to errors that may appear few months
later. That‟s why it is very important to always test the new software. This create
two problems The purpose of the system testing is to consider all the likely
variations to which it will be suggested and push the systems to limits. The
testing process focuses on the logical intervals of the software ensuring that all
statements have been tested and on functional interval is conducting tests to
uncover errors and ensure that defined input will produce actual results that
agree with the required results. Program level testing, modules level testing
integrated and carried out. There are two major type of testing they are :
White Box Testing
White box sometimes called “Glass box testing” is a test case design that uses the
control structure of the procedural design to drive test case.Using white box
testing methods, the following tests were made on the system
 All independent paths within a module have been exercised once. In our
system, ensuring that case was selected and executed checked all case
structures. The bugs that were prevailing in some part of the code where fixed
 All logical decisions were checked for the truth and falsity of the values.
Black box Testing
Black box testing focuses on the functional requirements of the software. This is
black box testing enables the software engineering to derive a set of input
conditions that will fully exercise all functional requirements for a program. Black
box testing is not an alternative to white box testing rather it is complementary
[113]
approach that is likely to uncover a different class of errors that white box
methods like..
 Interface errors
 Performance in data structure
 Performance errors
Initializing and termination errors
[114]
BIBLIOGRAPHY
Beyond the guidance of the staff members we have consulted some books
while developing the project. Some of these books & websites are:
 www.w3schools.com
 www.css-tricks.com
 www.php.net
 www.javascriptkit.com
 www.tutorialspoint.com/php/
 www.jquery.com
 www.w3schools.com
 www.tutorialpoints.com
 www.wikipedia.com
 www.phptponit.com
 www.w3layout.com
 www.freetemplate.com
 www.kishpara.com
 www.brpaper.com
 www.stackoverflow.com
 www.gethub.com
[115]
CONCLUSION
Ons international cloth collection system, we have a system in. The user
chooses the clothes staff picks the cloth and admin take them calculated, and
the choice of clothes is provided to him. Hence cloth collection system is
working fine and giving the clothes working a smooth and classified edge. This
System will help them to properly manage the requirements of both, i.e. the
seller and the buyer and aid in growth without creating any hassle.
Online Payment, Registration and cancellation make it easier to use. So, using
this system will help in reducing the lab our and provide more facility for
Buyer/Seller to like the services.
[116]

Online Cloth Shopping PHP Website

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Online Cloth Shopping PHP Website

Загружено:

Авторское право:

Доступные форматы

SIX MONTH INDUSTRIAL TRAINING REPORT(2019)

“ONS INTERNATONAL CLOTH COLLECTION”

WORLD WITH WEB(APTECH)

I would like to take this opportunity in expressing my deep gratitude to all

It is my privilege to express my sincere regards to our practical advisor,

I deeply express my sincere thanks to Head Of Department, Mr. vikas sharam,

Mr. vikas shrama

Project Undertaken: Ons internation shop cloth collection

Aptech Computer Education Ludhiana is renowned as a premier educational

To develop a strong Client base with an equally effective Support structure

Customer Satisfaction and Trust

Schmittlein said - "An organization that is perceived as doing a relatively good

APTECH is an established web development company delivering the best quality

S.No. Particulars Remarks

1.1 Introduction to Project

8.1 White Box Testing

Cloth collection system is concerned with the classification of the clothes.

Web pages using ,HTML ,CSS, and JAVA SCRIPT,PHP.

BACK-END: PHP,MY SQL

the application quite flexible and easy to be operated.

MODULES OF THE PROJECT

 Security of live data:-

Normally in more complex systems data is moved about separate

Web based applications can considerably lower the costs because of

Systems analysis is a process of collecting factual data, understand the

Analysis is a detailed study of the various operations performed by a system

• Processor Used : Intel core i3

• Technology Implemented: PHP

The Systems Development Life Cycle (SDLC) is a conceptual model used

 Economic analysis is the most frequently used method for

 Technical feasibility centers around the exiting computer system

 Peoples are naturally accepting to change a computers are known

Systems design is the process of defining the architecture, components,

There is some overlap with the disciplines of systems analysis, systems

Systems design is therefore the process of defining and developing systems to

The main objectives of the design are :

 Customers gain a detailed understanding of how their users use

Entity – Relationship Diagram: This depicts relationship between data objects.

To provide an indication of how data are transformed as they move

To depict the functions that transformation the data flow.

Data Objects:A data object is a representation of almost any composite

 Name an instance of data object.

Relationships: Data objects are connected to one another in a variety

Admin App User App

To implement a web application client-server architecture is required. The

BUSINESS LOGIC OR APPLICATION TIER:

DATA ACCESS TIER

HTML AND CSS

Forms can be made up of standard graphical user interface elements:

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

Three Types of CSS

CSS comes in three types:

 In a separate file (external)

JAVASCRIPT AND JQUERY

JavaScript often abbreviated as JS, is a high-level, interpreted programming

As a multi-paradigm language, JavaScript supports event-driven, functional,

Where to put your scripts?

You can place your scripts in any of the following locations:

 Between the HTML document's head tags.

JQuery is a JavaScript library designed to simplify HTML DOM tree traversal

jQuery's syntax is designed to make it easier to navigate a document, select

Bootstrap is a free front-end framework for faster and easier web

 Open Source (Only one file encrypted) .

 Nice layout from start.