WEBSITE DEVELOPMENT FOR TEXTILES

ABSTRACT

This project “WEBSITE DEVELOPMENT FOR TEXTILES” is planned to help

the Management to maintain their existing customer and to get new customer across the
globe. This chapter gives a detailed description of the organization for which the system was
developed. It defines the objective and scope of the proposed system and describes the
various users of the system. The development and deployment environments of the system
are also specified in this chapter. It gives brief introduction about the various technologies
and tools used in the development of the system.

The proposed application will be developed for a corporation which involves in the
manufacturing of yarn and fiber and other textiles. Industry’s products will be listed in the
website customer selection. They can select their preferred product and make an order to
admin.
Main objective of this project will give solution for man power requirement of the
company through career section.

1
 1. INTRODUCTION

1.1 PROJECT OVERVIEW

This project is planned to help the Management to maintain their existing customer
and to get new customer across the globe. This chapter gives a detailed description of the
organization for which the system was developed. It defines the objective and scope of the
proposed system and describes the various users of the system. The development and
deployment environments of the system are also specified in this chapter. It gives brief
introduction about the various technologies and tools used in the development of the system.

The proposed application will be developed for a corporation which involves in the
manufacturing of yarn and fiber and other textiles. The textile industry is one the most
important sectors of India. It contributes significantly to the country’s GDP, exports as well
employment. It is, in fact, the backbone of the Indian economy is textile industry.

Our values are to provide maximum satisfaction to our customers by minimizing the
cost without compromising on quality. To be a model among the textile spinning, capable of
producing high quality blended yarn for knitting and weaving.

1.1.1 MODULE DESCRIPTION

MODULES OF THE PROJECT ARE:

 About Us module

 Products module

ABOUT US MODULE
About us module contains the description of the whole process that carried out in
the organization. It starts with the raw material cotton to the end product yarn, which would
be ready for shipping. Activity module contain the description of cotton, cotton bales, lane,
multi-mixing, carding machines, carding web, yarn spinning systems, air jet spinning, pallet
building, completed pallet, moved to warehouse and shipping.

2
PRODUCTS MODULE

Gallery module contains several pictures to be viewed by the customers and others
who visit the website. It attracts the customer towards the organization. We keep on updating
the latest pictures periodically. It allows the customers a user friendly view.

These fabrics are available in various designs, patterns and colors as per the demands
specified by our clients. We use 100% cotton for the fabrication of these fabrics for stitching
flawless garments. These are available in various widths and can be custom made as per the
requirement of customers Print Cotton Fabric.

We believe that quality products are not only by promises but also by proven results.
Development of new textile products is done through – Innovation in defining production
processes of higher quality and making available modern technologies and professionals with
the highest level of competence.

Quality is never an accident; it is always the result of high intention, sincere effort,
intelligent direction and skillful execution; it represents the wise choice of many alternatives.

3
1.2 SYSTEM SPECIFICATION

Software requirements specification is a complete description of the behavior of

the software to be developed. It contains the functional, non-functional and user interface
requirements of the proposed system.

1.2.1 HARDWARE SPECIFICATION

The hardware specification describes about the needed physical devices to run the project.
The hardware for the system is nothing much required since every process is done in internet.
It need a proper internet connection.

RAM : 512MB

Processor : Intel Core

Hard Disk Size : 160GB

1.2.2 SOFTWARE SPECIFICATION

The software specification describes about the required software to run the project. A
designing tool Visual studio code dream viewer and a local server xampp and a web browser
Chrome is more than enough for this project.

Web Browser : Chrome

Platform : Java script
Database : MYSQL
Local Server : XAMPP server
Developing Tool : Visual studio cod

12
1.2.3 ABOUT THE SOFTWARE

FRONT END

BACK END

1
1
 2. SYSTEM STUDY

System Analysis is an activity that encompasses most of the tasks that are called
software system engineering. Analysis is a detailed study of the various operations performed
by a system. Once analysis is completed, the analyst has firm understanding of what is to be
done.
In other words, it is a reduction of an entire system by studying the various operations
performed and their relationships within the system, an examination of business activity, with
a view to identify problem areas and recommending alternative solution.

The objectives of the system analysis are

 Identifying the need.

 Analyzing the existing and the proposed systems.

 Evaluating feasibility study.

 Identifying hardware and software requirements.

 Allocating functions to hardware and software.

 Create a system definition.

2
2.1 EXISTING SYSTEM

In the organization, presently operates manually, all the details of products

maintained locally. It’s very difficult to maintain huge data. It consumes more time and
involves more risk and it require more human power. There may be a chance of missing, and
getting confused. It’s hard to maintain the existing customer and also more difficult to get
new customers.

In this present competitive world it’s not easy to attract a customer without
reaching them. One of reaching them is through internet, without a website it’s not easy to
uniquely identify us from others.

2.1.1 Drawback of existing system

Due to the manual system, the firm faces some of the following problems.
 Sluggish search of details

 Information mishandling

 Tedious to maintain customers

 Difficult to alert about our new products

10
2.2 PROPOSED SYSTEM

Website for any organization in a firm will provide a better performance. It allow to a
good relation with customer. It makes the organization to a better standard. It also allow to
retain the existing customers and get new customers to our organization. It is a type of
exhibiting the products virtually to customers using internet.

Using our website we can collect feedback from the customer and make the
changes to a organization to a better standard. Forum in the website allow to collect quires
from the customer side to improve our organization standard.

2.2.1 ADVANTAGES OF PROPOSED SYSTEM

 Easy to retain the customers

 Reduce the marketing executives

 Secured information

 Feedback from customers using forum

 Customers aware of products easily

11
 3. SYSTEM SPECIFICATION
Software requirements specification is a complete description of the behavior of
the software to be developed. It contains the functional, non-functional and user interface
requirements of the proposed system.

3.1 HARDWARE SPECIFICATION

The hardware specification describes about the needed physical devices to run the project.
The hardware for the system is nothing much required since every process is done in internet.
It need a proper internet connection.

RAM : 512MB

Processor : Intel Core

Hard Disk Size : 160GB

3.2 SOFTWARE SPECIFICATION

The software specification describes about the required software to run the project. A
designing tool Macromedia dream viewer and a local server WAMP and a web browser is
more than enough for this project.

Web Browser : Inter Explorer/Mozilla Fire fox

Platform : PHP
Database : MYSQL
Local Server : WAMP server
Developing Tool : Macromedia Dream Viewer MX

12
3.3 SOFTWARE DESCRIPTION

FRONT END

PHP( acronym for PHP: Hypertext Preprocessor) is a widely-used open source

general-purpose scripting language that is especially suited for web development and can be
embedded into HTML.

Instead of lots of commands to output HTML (as seen in C or Perl), PHP pages
contain HTML with embedded code that does "something" (in this case, output "Hi, I'm a
PHP script!"). The PHP code is enclosed in special start and end processing instructions<?
phpand?> that allow you to jump into and out of "PHP mode."

The best things in using PHP are that it is extremely simple for a newcomer, but
offers many advanced features for a professional programmer.

BACK END

Wamp Server

Every computer can be transformed in to a server by the installation of packages

such as Internet Information Services from Microsoft. However, not all operating systems
come equipped with this service. Additionally, if you are planning to run

13
a content management system, then that needs database to be installed on the server, and then
configuring the database to the IIS is a long process.

The main purpose of a wamp server is to run test applications before being
uploaded on to the actual server. I use wamp all the time. I test out all my pages on wamp
before uploading it to the server. this helps me a lot. i don't have to wait for the pages to be
loaded to the server, then publish them.. and all that, just work on your own machine, see the
results, if satisfied upload to server.

PHP My Admin

SQL is a language for interacting with relational databases; MySQL is a systema

relational database system.MySQL is the most used, and possibly the best industrial-strength,
open-source and free Relational Database Management System (RDBMS).

MySQL was developed by Michael "Monty" Widenius and David Axmark in

1995. It was owned by a Swedish company called MySQL AB, which was bought over by
Sun Microsystems in 2008. Sun Microsystems was acquired by Oracle in 2010.

MySQL is successful, not only because it is free and open-source (there are many
free and open-source databases, such as Apache Derby (Java DB), mSQL (mini SQL),
SQLite, PostgreSQL and Apache OpenOffice's Base), but also for its speed, ease of use,
reliability, performance, connectivity (full networking support), portability (run on most
OSes, such as Unix, Windows, Mac), security (SSL support), small size, and rich features.
MySQL supports all features expected in a high-performance relational database.

14
 SYSTEM FLOW DIAGRAM

WEBSITE CREATION FOR

SPINNINGMILL

ACTIVITIES GALLERY CONTACT US QUALITY

QUALITY
FABRIC DESIGN FORUM
CONTROLS

QUALITY
POLICY

QUALITY
PARAMET
ER

System Flow Diagram

16
 4. SYSTEM DESIGN
4.1 DATA FLOW DIAGRAM

Customer

View

Post Feedback

Admin Response Feedback

Query

Data Flow Diagram

17
4.2 DATABASE DESIGN

Field Name Field Type Constraint Description

Admin Varchar(20) Primary key Admin Name
Cus_name Varchar(20) Not Null Customer Name
Query Varchar(60) Not Null Customer query

Feedback

23
 5. TESTING

TEST SCOPE AND OBJECTIVE

The scope of testing is the extensiveness of the test process. A narrow scope may be
limited to determining whether or not the software specifications were correctly
implemented.
Test objective is to make the software free from errors, to make it reliable for the
further use. The main objectives of testing this system are,
 To ensure that no errors occur in the system.
 To provide the users with an application this is efficient for use.
 To provide correct reports to the users.

TESTING TECHNIQUES

5.1 UNIT TESTING

Unit testing focuses on the verification effort of the smallest unit of software
design. The tests that occur as part of unit testing are illustrated below, each and every single
module is tested to ensure that the information properly flows into and out of the program
unit under test. The local data structures are examined to ensure that the data are stored and
maintain the integrity during all steps in an algorithm execution. All ‘independent paths’
through the control structures are exercised to ensure that all statements in a module have
been executed at least once. In our project we applied unit testing for every individual
module. We have checked the basic html files, CSS files and java script. It works all fine
alone.

The image displayed in home page are displayed in a sequence manner. The data
uploaded with other modules are also work properly, In contact page the map loads to the
exact company location.

24
Test case 1

Module : Forum Module

Test Type : Loading the personal admin page.
Input : Username and Password
Expected Output : Open admin forum reply page

Test

Input : Username : admin

Password : admin
Output : Admin forum reply page
Analysis : The expected output and output are same. So the loading of
form for specific user passed the unit testing.

Test case 2

Module : Contact Module

Test Type : Linking of Google mail from contact page.
Input : Clicking Send submit button from the contact page
Expected output : Email sent successfully alert.

Test

Input : Username, Comments and Click ‘submit’

Expected Output : Alert box, successfully mail delivered
Analysis : The expected output and output are same. So the sending mail
for owner personal mail has been passed the unit testing.

25
5.2 USER ACCEPTANCE TESTING

User acceptance testing (UAT) is the last phase of the software testing process.
During this testing, actual software users test the software to make sure it can handle required
tasks in real-world scenarios, according to specifications. UAT is one of the final and critical
software project procedures that must occur before newly developed software is rolled out to
the market.

We have allowed our customers to work with the website and they acceptance has
be made by them. The customer have passed all kinds of input that, they need to manipulate.

Following are the steps involved in in-house UAT

Planning

The UAT strategy is outlined during the planning step.

Designing test cases

Test cases are designed to cover all the functional scenarios of the software in
real-world usage. They are designed in a simple language and manner to make the test
process easier for the testers.

Selection of testing team

The testing team is comprised of real world end-users.

Executing test cases and documenting

26
 The testing team executes the designed test cases. Sometimes it also executes
some relevant random tests. All bugs are logged in a testing document with relevant
comments.

Bug fixing

Responding to the bugs found by the testing team, the software development team
makes final adjustments to the code to make the software bug-free.

Sign-off

When all bugs have been fixed, the testing team indicates acceptance of the
software application. This shows that the application meets user requirements and is ready to
be rolled out in the market.

5.3 INTEGRATION TESTING

This test proves that all areas of the system interface with each other correctly and
that there are no gaps in the data flow. Final Integration Test proves that system works as
integrated unit when all the bug fixes are complete.

The objective of the test is to ensure that each element of the application meets
the functional requirements of the user as outlined in functional specification. Integration
testing allow to check the individual modules work together and their flow control. We have
tested with all module together, its work fine.

27
 This testing allowed to check the relations with the modules, the data passed with
front-end is exactly stored in the back-end and display in a sequence manner. Every
individual unit has done with it, for what it is designed.

Test case 1

Module : forum page

Test Type : The input of user has to fetch to mysql.
Input : User name and comments.
Expected output : The data has to be stores in the back-end mysql.

Test

Input : User name & comment click ’submit’.

Output : The data inserted to database.
Analysis : The expected output and output are same. So the test has been
passed.

Test case 2

Module : Contact page

Test Type : The input of the user to owner email id.
Input : Client name, email-id, subject, message.
Expected output : The email has to be delivered to owner email-id.

Test

Input : Client name, email-id, subject, message and Clicking the

submit button.

28
Output : The email has been received by the owner.
Analysis : The expected output and output are same. So the test has been
passed successfully.

5.4 VALIDATION TESTING

Validation testing are important tests which are carried out on a software before it
has been handed over to the customer. The aim of validation is to ensure that the product is
made according to the requirements of the client, and does indeed fulfill the intended
purpose.

The elements in the contact page and forum page have been validated and
working well. We have passed all kind of inputs to the fields and achieved the desired result.
The validation is made using javascript functions by using pattern to validate the user input.
The testing made success and it accepts only the validated inputs.

Test case 1

Module : Contact Form Validation

Test Type : Input validating
Input : Inputs to all fields
Expected output : Data types for the Fields should be validated. And should not
accept the other values.

29
30
 6. SYSTEM IMPLEMENTATION

Implementation is a process of converting a new or a revised system design into an

operational one. It is the most crucial stage in achieving a new successful system and in
giving confidence on the new system and in giving confidence on the new system for the
teams that it will work efficiently and effectively. In this phase, one can build the components
either from scratch or by composition. Given the architecture document from the design
phase and requirement document from the analysis phase, one can build exactly what has
been requested.

Implementation procedure is a process of bringing developed system into a

operational state. The project undergoes a versioning and release management before it is
developed to the client. It is a process of identifying and keeping track of different versions
and releases of the system. And the released product usually includes configuration files
needed for successful operations. An Installation program which is used to help install the
system on the target hardware. All these information are made available on a medium, which
can be read and understood by the customer for the software.

During the developing stage we have many problems to be concern with the contact
page. The input from user like their name & email has not be validated, then used some
pattern to correct those problems.

29
 7. CONCLUSION
The project “WEB SPINNING MILL MANAGEMENT” has been
successfully implemented and the project can handle the issues in the existing system. The
reason we choose this project is because we wondered how you get the web pages up and
how we are able to view them over the internet. The four basis steps we followed are follows,
we learned that it takes longer than expected and takes much more thinking when it comes to
learning about websites. By taking the steps to make a website we was able to obtain a better
understanding of website. It was a great experience and we will continue to develop other
websites in future.

8. SCOPE FOR FUTURE ENHANCEMENT

In future plan to provide mobile alerts to our customers regard new products details.
Customers can book their order through internet using their login. The project can be
developed as a application and can be integrated with mobile phones for MIS reports. The
web application can be operated from browser and the reports can be prepared and viewed
instantly through mobile phones.

49
 9. BIBLIOGRAPHY
Books

1. Castagnetto, Sascha Schumann,” Proffesional Php Programming”, Addison wosley

Publication, Fifth Edition.

2. Jay Greenspan, Brad Bulgar ,”Mysql/Php Database Applications”,Tata McGraw-Hill Publishing

Company, Third Edition.

3. William Stallings,”Cryptography And Network Security”,Tata McGraw-Hill Publishing Company,

Third Edition.

4. Rogres Pressman,”Software Engineering And Applications”, Galgotie Publication, Sixth Edition

5. Richard Fairley,”Software Engineering Concepts”,Tata McGraw-Hill Publishing Company, Fourth

Edition.

6. Ellias M.Award “System Analysis And Design” Tata McGraw-Hill Publishing Company, Second
Edition.

Reference WebSites:

www.w3schools.com

www.onlinetutorial.com

www.phpnuke.com

www.php.net

www.java2s.com

50
 APPENDIX
SCREEN SHOT

Figure A.2.1 Home page

51
Figure A.2.2 Activities page

31
Figure A.2.3 Gallery

32
Figure A.2.4 Fabric Design

33
Figure A.2.5 About us

34
Figure A.2.6 Quality Control

35
Figure A.2.7 Quality Policies

36
Figure A.2.8 Contact page

37
Figure A.2.9 Admin Login

38
Figure A.2.10 Admin replay page

39
Figure A.2.11Forum page

40
SAMPLE CODING

INDEX.html
<!DOCTYPE html>

<head>

<title>KaviyaPriya</title>

<meta charset="utf-8">

<link rel="stylesheet" href="css/normalize.css">

<link rel="stylesheet" href="css/foundation.min.css">

<link rel="stylesheet" href="css/superfish.css">

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

<link rel="stylesheet" href="js/slider/flexslider.css">

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet'

type='text/css'>

<scriptsrc="js/custom.modernizr.js"></script>

<script>

Modernizr.load({

// test if browser understands media queries

test: Modernizr.mq('only all'),

// if not load ie8-grid

41
nope: 'css/ie8-grid-foundation-4.css'

});

</script>

<!--[if lt IE 9]>

<link rel="stylesheet" href="css/ie-fixes.css">

<![endif]-->

</head>

<body class="bdy" >

<div class="row header">

<div class="columns large-12">

<div class="row collapse header-inner">

<div class="columns large-3"><a href="index.html"><imgsrc="images/logo1.png"

width="200" height="70"/><!--<font size="8" face="forte">KaviyaPriya</font><font
size="4">SpinningMill</font>--></a></div>

<div class="columns top-menu large-9 top-nav">

<nav>

<section>

<ul class="sf-menu large-12">

<li class="active" id="current" ><a href="index.html">Home</a></li>

<li><a href="blog.html" >Activities</a></li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="fabric.html">Fabric Design</a></li>

<li><a href="about.html">About us</a></li>

49
<li class="has-dropdown"><a href="#">Quality</a>

<ul class="dropdown">

<!--<li class="has-dropdown"><a href="#">Dropdown Level 1a</a>-->

<!--<ul class="dropdown">

<li><a href="#">Dropdown Level 2a</a></li>

<li><a href="#">Dropdown Level 2b</a></li>

</ul>-->

</li>

<li><a href="qcontrol.html">quality controls</a></li>

<!--<li><a href="#">quality parameters</a></li>-->

<li><a href="qpolicy.html">quality policies</a></li>

<!--<li><a href="#">See all &rarr;</a></li>-->

</ul>

</li>

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

</ul>

</section>

</nav>

</div>

</div>

</div>

<div class="columns large-12 small-top-menu">

50
<div class="row">

<div class="columns large-12 plr0 top-nav">

<form name="dropdown" class="dropdown" action="#">

<nav>

<section>

<select name="selected" id="target" accesskey="E"

onChange="goToNewPage(document.dropdown.selected)">

<option value="index.html">Home</option>

<option value="blog.html">Activities</option>

<option value="gallery.html">Gallery</option>

<option value="services.html">Fabric Design</option>

<option value="about.html">About us</option>

<option value="contact.html">contact us</option>

</select>

</section>

</nav>

</form>

</div>

</div>

</div>

</div>

<!--image-->

<div class="row content-wrapper">

51
<div class="columns large-12">

<div class="row content-wrapper-inner flexslider-row">

<div class="columns large-12 plr0">

<div class="flexslider">

<ul class="slides">

<li><imgsrc="images/slide1.jpg" alt=""></li>

<li><imgsrc="images/slide3.jpg" alt=""></li>

<li><imgsrc="images/slide2.jpg" alt=""></li>

<li><imgsrc="images/slide4.jpg" alt=""></li>

</ul>

</div>

</div>

</div>

<footer class="row footer">

<div class="columns large-12">

<div style="height:10px;" class="row footer-inner">

<div class="columns footer-content large-12">

<div class="row collapse">

<div class="columns large-6 small-12">Do.No 2/388 THASANKADU THOTTAM,

K.N.PURAM, PALLADAM, TIRUPUR(DT)-641601<br>Tel:9942211833</div>

<div style="height:30px;" id="design" class="columns large-3 small-12 theme-credit"><a

href="#"></a></div>

</div>

52
<div id="social" style="height:10px;">

<div class="columns large-6 small-12">

<nav class="footer-bar">

<section class="footer-bar-section">

<ul class="inline-list">

<li><a href="index.html">Home</a></li>

<li>/</li>

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

<li>/</li>

<li><a href="#">Testimonials</a></li>

<li>/</li>

<li><a href="#">Products</a></li>

</ul>

</section>

</nav>

</div>

<div><a class="media facebook" href="#"></a><a class="media twitter" href="#"></a><a

class="media gplus" href="#"></a><a class="media youtube" href="#"></a></div>

</div>

<br><br><br><br>

</div>

</div>

</div>

53
</footer>

<scriptsrc="js/jquery.min.js"></script>

<scriptsrc="js/hoverIntent.js"></script>

<scriptsrc="js/superfish.js"></script>

<scriptsrc="js/slider/jquery.flexslider.js"></script>

<scriptsrc="js/jquery.jscrollpane.min.js"></script>

<script>

Modernizr.load({

test: Modernizr.placeholder,

nope: 'js/placeholder.min.js'

});

functiongoToNewPage() {

if (document.getElementById('target').value) {

window.location.href = document.getElementById('target').value;

</script>

<script>

$(document).ready(function () {

$('.scroll-pane').jScrollPane({

showArrows: true

});

54
$('ul.sf-menu').superfish({

animation: {

height: 'show'

},

delay: 400

});

$('.flexslider').flexslider();

});

</script>

</body>

</html>

55