PET SHOP MANAGEMENT

A project reports
submitted for the partial fulfillment for
the award of degree of

BACHELOR OF COMPUTER SCIENCE

by

JEEVITHA S
(222000494)

Under the Esteemed Guidance of

Mr. G. HUBERT, M.C.A.,M.Phil.,B.Ed.,M.B.A

S.I.V.E.T. COLLEGE
GOWRIVAKKAM,

CHENNAI-600 073

APRIL-2023

1
 CERTIFICATE

This is to certify that the report entitled

PET SHOP MANAGEMENT

Being submitted to the University of Madras, Chennai

by

JEEVITHA S
(222000494)
For the partial fulfillment for the award of degree of

BACHELOR OF COMPUTER SCIENCE

is a bonafide record of work carried out by him, under

my guidance and supervision.

Head of the Department Name of the Guide

G.K. ARUN, M.C.A., M.Phil., Mr. G. HUBERT, M.C.A.,M.Phil.,B.Ed.,M.B.A

Submitted for the Practical examination on_________________________

Examiners:

1.

2.
2
ACKNOWLEDGEMENT
The project work cannot be a one-man show. Although it is impossible to give
individual thanks to all helpful faculty members and to those in connection. I take
this opportunity to express my gratitude for them.

First of all, I sincerely and wholeheartedly thank God the ‘Almighty’ for giving me
the strength and the opportunity to undertake this project work.

I feel grateful to thank our respected to Principal In charge Dr. K. Thirusangu,

M.Sc., M. Phil., Ph.D., and to for his incredible support and blessings throughout
the period of the project work.

I feel grateful to thank our respected to Director Dr. R.Panneerselvam, M.Sc.,

M.B.A Phil., and to for his incredible support and blessings throughout the period
of the project work.

I take pleasure in thanking Mr. G.K. ARUN, M.C.A., M.Phil., Head of the
Department of Computer Science, for the extending his support throughout the
project.

I also thank my internal guide Mr. G.Hubert, M.C.A.,M.Phil.,B.Ed.,M.B.A.,

Assistant Professor for the his constant help at different stages of my project.

To one and all, I owe acknowledgements, who have directly or indirectly aided me
in a completing project.

3
4
ABSTRACT

This pet sales shop website is a comprehensive documentation of the various types of pets that
are available for purchase, as well as the services and support that the shop provides for new pet
owners. The website provides detailed information on different breeds of dogs, cats, birds, and
small animals such as rabbits and guinea pigs, allowing potential buyers to learn about the traits
and characteristics of each breed before making a purchase. Additionally, the website offers
guidance on pet care, training, and nutrition, providing valuable resources for pet owners to ensure
that their pets are happy and healthy. With a focus on responsible pet ownership, the website
emphasizes the importance of adopting pets from reputable sources and provides information on
the shop's commitment to animal welfare. Overall, this website serves as a valuable resource for
anyone considering adding a new pet to their family.

5
 INDEX
S.NO CONTENTS PAGE NO
1 INTRODUCTION
1.1 Purpose of the Project
1.2 Overall Description
1.3 Problem Definition
2 SYSTEM ANALYSIS
2.1 Existing System
2.2 Proposed System
2.3 Feasibility Study
3 SOFTWARE REQUIREMENT SPECIFICATION
3.1 Resource Requirement
3.2 Language Specification
4 SYSTEM DESIGN
4.1 Data Flow Diagram
4.2 E-R Diagram
4.3 Architectural Design
4.4Front end Design
4.5 Backend Design
5 CODING

6 SYSTEM TESTING
6.1 Black Box Testing
6.2 White Box Testing
6.3 System Testing
7 IMPLEMENTATION
7.1 Maintenance
8 FUTURE ENHANCEMENT

9 CONCLUSION

10 BIBLIOGRAPHY

6
 CHAPTER-1
INTRODUCTION

7
INTRODUCTION

Welcome to our pet sales shop website! We are thrilled to offer a wide range of furry,
feathered, and scaly companions for you to bring into your loving home. As animal
lovers ourselves, we understand the joy and companionship that pets can bring into
our lives, and we are passionate about connecting our customers with their perfect
match. Whether you're looking for a playful puppy, a cuddly kitten, or a talkative
bird, we have a variety of breeds and species to choose from. Our commitment to the
well-being of our animals is paramount, and we take great care to ensure that each
pet is healthy, happy, and ready for their new home. Browse our selection, get to
know our team, and find your new best friend today!

1.1 PURPOSE OF THE PROJECT

The purpose of pet sales shop websites is to provide a platform for customers to
browse, select, and purchase pets from the comfort of their own homes. These
websites allow pet shops to showcase their inventory of available animals, provide
information about each pet's breed, age, and temperament, and offer various
purchasing options, such as delivery or pickup. Additionally, pet sales shop websites
often provide helpful resources for pet owners, including care guides, training tips,
and nutritional advice, to ensure that pets receive the best possible care after they
leave the shop. Overall, the purpose of pet sales shop websites is to facilitate the
process of pet ownership by making it easy and convenient for customers to find and
bring home their new furry friend

1.2 OVERALL DESCRIPTION:

8
Pet sales shop websites are online platforms that provide a convenient and
accessible way for customers to browse, select, and purchase pets. These
websites offer a wide range of pets, including dogs, cats, birds, fish, and
small animals, such as rabbits and hamsters. Customers can view pictures
and detailed descriptions of each pet, including breed, age, gender, and
temperament, to make an informed decision about which pet would be the
best fit for their lifestyle and family.

Pet sales shop websites also offer a variety of purchasing options, such as
home delivery or in-store pickup, and may provide additional services,
such as veterinary care or pet grooming. These websites often have a team
of experienced and knowledgeable staff members who can answer
questions and provide guidance to help customers make the best decision
for their new pet.

In addition to the pet sales aspect, these websites often offer resources and
educational materials for pet owners, including training tips, nutritional
advice, and health and wellness information. Overall, pet sales shop
websites provide a comprehensive platform for customers to find and
bring home their new furry, feathered, or scaly friend while also ensuring
that they have the resources and support needed to provide the best
possible care for their new pet.

9
1.3 PROBLEM DEFINITION

One of the main problems facing pet sales shop websites is the risk of unethical breeding practices
and animal mistreatment. Some pet shops may prioritize profits over the well-being of their
animals, leading to poor living conditions, inadequate nutrition, and insufficient veterinary care.
This not only results in the suffering of animals but also puts the health and safety of potential
owners at risk.

Additionally, some pet sales shop websites may misrepresent the characteristics or health of pets,
leading to disappointment or even financial loss for customers who purchase a pet that does not
meet their expectations or has health issues.

Another problem is the lack of education and resources provided to pet owners. Many customers
may be first-time pet owners and lack knowledge about pet care, training, and nutrition. This can
lead to inadequate care and potential health issues for pets.

Lastly, the issue of pet overpopulation is a problem that pet sales shop websites contribute to. When
pets are sold, there is a possibility of overbreeding, which results in an increase in the number of
unwanted pets in animal shelters.

1.4 OBJECTIVES

Ethical Treatment of Animals: To prioritize the well-being and ethical treatment of animals by only sourcing
from responsible breeders who adhere to high animal welfare standards.

Transparency: To provide accurate and transparent information about each pet, including their health status,
temperament, and breeding history, to ensure that customers can make informed decisions about their
purchase.

Education: To provide educational resources and guidance to customers on proper pet care, training, and
nutrition to ensure that pets are provided with the best possible care throughout their lives.

10
Customer Satisfaction: To provide a positive customer experience by offering high-quality pets, exceptional
customer service, and convenient purchasing options, such as home delivery or in-store pickup.

Contribution to Pet Overpopulation Solutions: To work towards reducing pet overpopulation by partnering
with animal shelters and rescue organizations, promoting spay/neuter programs, and advocating for
responsible pet ownership.

Continuous Improvement: To continually evaluate and improve the website's offerings and operations to
ensure the best possible experience for both pets and customers.

11
 CHAPTER 2
SYSTEM ANALYSIS

12
2.1 Existing System

Website Interface: The website should be user-friendly and provide a visually

appealing interface for customers to browse and select pets. It should include detailed
information about each pet, such as their breed, age, and temperament.

Inventory Management System: An inventory management system is essential to

keep track of the availability of pets and their status, such as whether they are sold
or still available. This system should be updated in real-time to avoid discrepancies
in the availability of pets.

Payment Gateway: A payment gateway system is required to process payments for

pet purchases. This system should be secure and reliable to ensure the safety of
customer data.

Customer Management System: A customer management system is needed to

manage customer information, such as their contact details, purchase history, and
preferences. This system can help the pet sales shop provide better customer service
and offer personalized recommendations.

Shipping and Delivery System: A shipping and delivery system is necessary to

provide customers with various purchasing options, such as home delivery or in-store
pickup. The system should be efficient and reliable to ensure timely delivery of pets.

Pet Care Resources: Pet sales shop websites should provide educational resources
for pet owners, such as training tips, nutritional advice, and health and wellness

13
information. This can help ensure that customers are equipped with the knowledge
to provide the best care for their new pet.

Feedback and Review System: A feedback and review system can provide valuable
insights into the customer experience and help identify areas for improvement.
Customers can leave reviews and ratings, which can help other potential customers
make informed decisions about their pet purchase

2.2 PROPOSED SYSTEM:

The purpose of the system for pet sales shop websites is to provide a convenient and accessible
platform for customers to find, select, and purchase pets while ensuring the well-being of animals
and providing resources and support for pet owners. The system aims to facilitate the ethical
treatment of animals by sourcing pets from responsible breeders who adhere to high animal welfare
standards.

The system also aims to provide transparency and accurate information about each pet, including
their health status, temperament, and breeding history, to help customers make informed decisions
about their purchase. Additionally, the system provides educational resources and guidance to
customers on proper pet care, training, and nutrition to ensure that pets are provided with the best
possible care throughout their lives.

The system's purpose is also to provide a positive customer experience by offering high-quality
pets, exceptional customer service, and convenient purchasing options, such as home delivery or
in-store pickup. Furthermore, the system aims to work towards reducing pet overpopulation by
partnering with animal shelters and rescue organizations, promoting spay/neuter programs, and
advocating for responsible pet ownership

2.3 Feasibility Study

Market Research: Conducting market research to understand the demand for pet sales shop
websites and identify potential competitors in the market.

14
Technical Feasibility: Assessing the technical feasibility of the website, including its
functionality, security, and scalability.

Financial Feasibility: Evaluating the financial feasibility of the website, including the cost
of development, marketing, and ongoing maintenance, and projecting revenue and profit
margins.

Legal and Ethical Feasibility: Ensuring that the website complies with all relevant laws and
regulations, including those related to the ethical treatment of animals and consumer
protection.

Operational Feasibility: Assessing the operational feasibility of the website, including the
availability of resources, such as staff, inventory, and shipping and delivery services.

Marketing Strategy: Developing a comprehensive marketing strategy to promote the

website and attract potential customers.

Customer Feedback: Obtaining feedback from potential customers to understand their

needs and preferences and ensure that the website meets their expectations.

15
 CHAPTER 3
SOFTWARE
REQUIREMENT
SPECIFICAION

16
3.1 Resource Requirement

3.1.1 Hardware Specification:

Processor :AMD Processor

Speed : 2.8 GHZ

Main Memory : 4GB RAM

Hard disk :80 GB

Display device : SVGA Color

Operating system : Windows 10

3.1.2 Software Specification:

Front end : HTML,CSS

Operating System : Windows 10

Back end : MYSQL,PHP

Client-Side Tools : HTML, Java Script

Browser : Internet Explorer,Chorme

Text Editor : Notepad++

17
3.2 Language Specification

HTML:

HTML stands for Hyper Text Markup Language. HTML is used for the purpose of designing the

page. HTML severs the web page. HTML is a cross-platform standard, which address to the

standard set by ISO. So the same HTML standard can be viewed in different platforms like

WINDOWS, UNIX, and MACHINTOSH etc.

HTML allows formatting text, adding rules, graphics, sound and video and saves it all in a

text-only ASCII file that any computer can read, with the help of the necessary hardware. HTML

looks like a lot of text sprinkled with greater than and less than signs until you open the file using

the browser.

Advantages:

• They insert opening and closing tags with a single click.

• They check and verify syntax in our HTML and typos in your text.

• They allow us to add attributes by clicking buttons instead of typing words in a certain

order in a certain place in the document.

• They offer varying degrees of What You See Is What You Get (WYSIWYG) display of
our web page.
• They correct mistakes in the existing HTML pages.
• They simplify the use of special characters.

Disadvantages:

• They do not recognize new or nonstandard HTML codes like Netscape Extensions.

• They do not support all forms and tables.

• They are more difficult to learn, and less intuitive than they promise.

• They are expensive.

18
HTML Tags Chart

To use any of the following HTML tags, simply select the HTML code you'd like and copy
and pasteit into your web page.

Tag Name Code Example Browser View

<!--This can be viewed in the HTML part of a
<!-- comment Nothing will show (Tip)
document-->
<a href="http://www.domain.com/"> Visit
<a - anchor Visit Our Site (Tip)
Our Site</a>
<b> bold <b>Example</b> Example
<big> big (text) <big>Example</big> Example (Tip)
body of
HTML <body>The content of your Contents of your web
<body>
document HTML page</body> page (Tip)

The contents of your web

line The contents of your page<br>The contentsof your page
<br>
break page The contents of your web
page
<center>This will center your This will center your
<center> center
contents</center> contents
<dl> Definition Term
<dt>Definition Term</dt> Definition of the
definition <dd>Definition of the term</dd>
term
<dd> descripti on <dt>Definition Term</dt> Definition Term
<dd>Definition of the term</dd> Definition of the
</dl> term
<dl> Definition Term
<dt>Definition Term</dt> Definition of the
definition <dd>Definition of the term</dd> term
<dl> <dt>Definition Term</dt> Definition Term
list
<dd>Definition of the term</dd> Definition of the
</dl> term
<dl> Definition Term
<dt>Definition Term</dt> Definition of the
definition <dd>Definition of the term</dd> term
<dt> <dt>Definition Term</dt>
term Definition Term
<dd>Definition of the term</dd> Definition of the
</dl> term
This is an <em>Example</em> of using the This is an Example of usingthe
<em> emphasis
emphasis tag emphasis tag
embed <embed src="yourfile.mid" width="100%"
<embed>
object height="60" align="center"> (Tip)

<embed src="yourfile.mid" autostart="true" Music will begin playing when

embed hidden="false" loop="false"> your page is loaded and will
<embed>
object <noembed><bgsound src="yourfile.mid" only play one time. A control
loop="1"></noembed> panel will be displayed to
enable your visitors to stop the
music.
<font face="Times New
<font> font Example (Tip)
Roman">Example</font>

19
 <font face="Times New Roman"
<font> font
size="4">Example</font>
Example (Tip)
<font face="Times New Roman" size="+3"
<font> font
color="#ff0000">Example</font> Example (Tip)
<form action="mailto:you@yourdomain.com">
Name: <input name="Name" value="" Name: (Tip)
size="10"><br>
Email: <input name="Email" value="" Email:
form
size="10"><br>
<center><input type="submit"></center> Submit
</form>

<form>

<h1> heading 1 <h1>Heading 1 Example</h1>

<h2> heading 2 <h2>Heading 2 Example</h2>
<h3> heading 3 <h3>Heading 3 Example</h3>
<h4> heading 4 <h4>Heading 4 Example</h4>
<h5> heading 5 <h5>Heading 5 Example</h5>
<h6> heading 6 <h6>Heading 6 Example</h6>

heading of
HTML <head>Contains elements describing the
<head> Nothing will show
document document</head>

Contents of your web

<hr> horizonta l <hr /> page (Tip)
rule
Contents of your web page
Contents of your web page
horizonta l
<hr> <hr width="50%" size="3" />
rule
Contents of your web page
Contents of your web page
horizonta l
<hr> <hr width="50%" size="3" noshade />
rule
Contents of your web page
<hr> Contents of your web page
horizonta l <hr width="75%" color="#ff0000" size="4"
(Internet />
rule
Explorer) Contents of your web page
<hr> Contents of your web page
horizonta l <hr width="25%" color="#6699ff" size="6"
(Internet
rule />
Explorer) Contents of your web page
<html>
<head>
<meta>
hypertext <title>Title of your web page</title>
<html> markup </head> Contents of your web page
language <body>HTML web page contents
</body>
</html>
<i> italic <i>Example</i> Example
<img src="Earth.gif" width="41" height="41"
<img> image border="0" alt="text describingthe image" />
(Tip)

20
 Example 1:
Example 1: (Tip)
<form method=post action="/cgi-
input bin/example.cgi">
<input>
field <input type="text" size="10" Submit
maxlength="30">
<input type="Submit" value="Submit">
</form>
Example 2:

<form method=post action="/cgi- Example 2: (Tip)

bin/example.cgi">
<input>
input <input type="text" style="color: #ffffff;
(Internet Submit
field font-family: Verdana; font-weight: bold; font- size:
Explorer)
12px; background-color: #72a4d2;" size="10"
maxlength="30">
<input type="Submit" value="Submit">
</form>
Example 3:

<form method=post action="/cgi-

bin/example.cgi">
Example 3: (Tip)
<table border="0" cellspacing="0"
<input> input cellpadding="2"><tr><td
field bgcolor="#8463ff"><input type="text" size="10"
maxlength="30"></td><td bgcolor="#8463ff"
valign="Middle"> <input type="image"
name="submit" src="yourimage.gif"></td></tr>
</table>
</form>
Example 4:
Example 4: (Tip)
<form method=post action="/cgi-bin/example.cgi">
Enter Your Comments:<br>
<textarea wrap="virtual" name="Comments"rows=3
input
<input> cols=20 maxlength=100></textarea><br>
field
<input type="Submit" value="Submit">
<input type="Reset" value="Clear"> Submit Clear
</form>

Example 5:

<form method=post action="/cgi-

bin/example.cgi">
<center> Example 5: Tip)
Select an option:
<select> Select an
<option >option 1</option> option:
input <option selected>option 2</option> option 2
<input>
field <option>option 3</option> Submit
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
<input type="Submit"
value="Submit"></center>
</form>
input Example 6: Example 6: (Tip)
<input>
field

21
 <form method=post action="/cgi- Select an option:
bin/example.cgi">
Select an option:<br> Option 1
<input type="radio" name="option"> Option1
<input type="radio" name="option" Option 2
checked> Option 2 Option 3
<input type="radio" name="option"> Option3
<br> Select an option:
<br>
Select an option:<br> Selection 1
<input type="checkbox" name="selection">
Selection 1 Selection 2
<input type="checkbox" name="selection"
checked> Selection 2 Selection 3
<input type="checkbox" Submit
name="selection"> Selection 3
<input type="Submit" value="Submit">
</form>

Example 1: Example 1: (Tip)

<menu>
<li type="disc">List item 1</li> • List item 1
<li type="circle">List item 2</li> o List item 2
<li type="square">List item 3</li> ▪ List item 3
</MENU>
<li> list item
Example 2: Example 2:

<ol type="i"> i. List item 1

<li>List item 1</li> ii. List item 2
<li>List item 2</li> iii. List item 3
<li>List item 3</li> iv. List item 4
<li>List item 4</li>
</ol>
<head>
<link rel="stylesheet" type="text/css"
<link> Link
href="style.css" />
</head>

<marquee
> <marquee bgcolor="#cccccc" loop="-1"
scrolling
(Internet scrollamount="2" width="100%">Example
text
Explorer) Marquee</marquee>

(Tip)
<menu> • List item 1
<li type="disc">List item 1</li> o List item 2
<menu> Menu <li type="circle">List item 2</li> ▪ List item 3
<li type="square">List item 3</li>
</menu>
<meta name="Description"
content="Description of your site">
<meta> Meta Nothing will show (Tip)
<meta name="keywords" content="keywords
describing your site">
<meta HTTP-EQUIV="Refresh"
<meta> Meta CONTENT="4;URL=http://www.yourdomain.c Nothing will show (Tip)
om/">

22
 <meta http-equiv="Pragma" content="no-
<meta> meta Nothing will show (Tip)
cache">
<meta> meta <meta name="rating" content="General"> Nothing will show (Tip)
<meta> meta <meta name="robots" content="all"> Nothing will show (Tip)
<meta name="robots"
<meta> meta Nothing will show (Tip)
content="noindex,follow">
Numbered Numbered

<ol> 1. List item 1

<li>List item 1</li> 2. List item 2
<li>List item 2</li> 3. List item 3
<li>List item 3</li> 4. List item 4
<li>List item 4</li>
</ol>
Numbered Special Start
Numbered Special Start
5. List item 1
<ol start="5"> 6. List item 2
<li>List item 1</li> 7. List item 3
<li>List item 2</li> 8. List item 4
<li>List item 3</li>
<li>List item 4</li>
Lowercase Letters
</ol>

Lowercase Letters a. List item 1

b. List item 2
<ol type="a"> c. List item 3
<li>List item 1</li> d. List item 4
<li>List item 2</li>
<li>List item 3</li> Capital Letters
<li>List item 4</li>
</ol> A. List item 1
ordered B. List item 2
<ol> Capital Letters
list C. List item 3
D. List item 4
<ol type="A">
<li>List item 1</li> Capital Letters Special
<li>List item 2</li> Start
<li>List item 3</li>
<li>List item 4</li>
</ol> C. List item 1
D. List item 2
Capital Letters Special Start E. List item 3
F. List item 4
<ol type="A" start="3">
<li>List item 1</li> Lowercase Roman
<li>List item 2</li> Numerals
<li>List item 3</li>
<li>List item 4</li>
i. List item 1
</ol>
ii. List item 2
Lowercase Roman Numerals iii. List item 3
iv. List item 4
<ol type="i">
<li>List item 1</li> Capital Roman Numerals
<li>List item 2</li>
<li>List item 3</li> I. List item 1
<li>List item 4</li> II. List item 2
</ol> III. List item 3
IV. List item 4

23
 Capital Roman Numerals Capital Roman Numerals
Special Start
<ol type="I">
<li>List item 1</li> VII. List item 1
<li>List item 2</li> VIII. List item 2
<li>List item 3</li> IX. List item 3
<li>List item 4</li> X. List item 4
</ol>

Capital Roman Numerals Special Start

<ol type="I" start="7">

<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
<form method=post action="/cgi-
bin/example.cgi">
<center>
Select an option:
<select>
<option>option 1</option> Select an option: (Tip)
listbox <option selected>option 2</option>
<option> option 2
option <option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
</center>
</form>
This is an example displaying the use of the This is an example
paragraph tag. <p> This will create a line break and displaying the use of the
a space between lines. paragraph tag.

Attributes: This will create a line breakand

a space between lines.
Example 1:<br>
<br> Attributes:
<p align="left">
This is an example<br> Example 1:
displaying the use<br>
of the paragraph tag.<br> This is an example
paragraph <br> displaying the use
<p> Example 2:<br> of the paragraph tag.
<br>
<p align="right"> This is Example 2:
an example<br> displaying
the use<br> This is an example
of the paragraph tag.<br> displaying the use
<br> of the paragraph tag.
Example 3:<br>
<br>
<p align="center"> This Example 3:
is an example<br>
displaying the use<br> of This is an example
the paragraph tag. displaying the use
of the paragraph tag.
small
<small> <small>Example</small> Example (Tip)
(text)

24
 deleted
<strike> <strike>Example</strike> Example
text
strong
<strong> <strong>Example</strong> Example
emphasis
Example 1:

<table border="4" cellpadding="2"

cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
Example 1: (Tip)
Example 2: (Internet Explorer)
Column 1 Column 2
<table border="2" bordercolor="#336699"
cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td> Example 2: (Tip)
<td>Column 2</td>
<table> Table
</tr>
Column 1 Column 2
</table>

Example 3:
Example 3: (Tip)
<table cellpadding="2" cellspacing="2"
width="100%"> Column 1 Column 2
<tr>
<td bgcolor="#cccccc">Column 1</td> Row 2 Row 2
<td bgcolor="#cccccc">Column 2</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
</tr>
</table>
<table border="2" cellpadding="2"
cellspacing="2" width="100%">
<tr>
<td> table <td>Column 1</td>
data <td>Column 2</td>
</tr> Column 1 Column 2
</table>
<div align="center">
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th> ColumColumColum
</tr>
table <tr> n1 n2 n3
<th> <td>Row 2</td> Row 2 Row 2 Row 2
header
<td>Row 2</td> Row 3 Row 3 Row 3
<td>Row 2</td>
</tr> Row 4 Row 4 Row 4
<tr>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>

25
 </tr>
<tr>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
</table>
</div>
Title of your web page willbe
documen t
<title> <title>Title of your HTML page</title> viewable in the title bar.(Tip)
title
<table border="2" cellpadding="2"
cellspacing="2" width="100%">
<tr>
<tr> table row <td>Column 1</td> Column 1 Column 2
<td>Column 2</td>
</tr>
</table>
<tt> teletype <tt>Example</tt> Example
<u> underline <u>Example</u> Example
Example 1:<br>
<br> Example 1:
<ul>
<li>List item 1</li> • List item 1
<li>List item 2</li> • List item 2
</ul>
<br>
unordere d Example 2:<br>
<ul> <ul type="disc"> Example 2:
list
<li>List item 1</li>
<li>List item 2</li> • List item 1
<ul type="circle"> • List item 2
<li>List item 3</li> o List item 3
<li>List item 4</li> o List item 4
</ul>
</ul>

Java Script

Java script is a new technology even newer than Java itself. Netscape initially developed Java script

under the name of live script. This scripting language was intended to extern the capabilities of basic

HTML and provide alternative to using CGI scripts. After Java’s popularity, Netscape followed

notation of Java hence the name changed to Java script.

Features of Java Script:

1. Java script is embedded into HTML

Java script code is usually housed within HTML document and executed

within them.
26
 2. Java script is browser dependent

Java script depends on the web browser to support it. If the browser

does not support it, your code will be ignored or the Java script code

itself is displayed as text on your page.

3. Java script is an interpreted language

Java is interpreted at runtime by the browser; the browser compiles the instruction at

runtime just before executing them. So that it is much easier to

update our source code. If you change the code, the new code will be executed when

the user accesses the document next time.

4. Java script is the loosely type language

Java script is more flexible, we can declare the variables of a specific time

but you do not need to.

5. Java script is an object-based language

6. Java script is event-driven language

Java script language itself is equipped to handle events. The user

also can generate the events.

Overview of ASP.NET

ASP.NET is used to create programmable web pages as part of web form applications. Not only

Can ASP.Net produce dynamic web pages, but it can also tailor them to the browser being used by

the user. Development in ASP.NET is much easier because it contain a wide range of object

_oriented server

27
side controls ready for use in applications.

ASP.NET actually supports four different types of control:

1. HTML Server Controls

These are programmable HTML elements that are exposed to the server controls expose an object

model that maps very closely to the HTML elements that they render.

2. Web Server Controls

28
 These controls have more built-in features than HTML server controls. Web server controls include

not only form-type controls, such as buttons and text boxes, but also special-purpose controls such

as a calendar. Web server controls are more abstract than HTML server controls in that their object

model

does not necessarily reflect HTML syntax.

3. Validation Controls

These are controls that incorporate logic and that can be attached to an input control to test what the

use enters. Some validation controls check for a required field, a specific value or pattern of characters

4. User Controls

These are custom controls created web forms pages. Web forms pages. Web Forms user controls can

be embedded in other Web Forms pages and provided an easy way to create menus, toolbars, and

other reusable elements.

ASP.NET also implements an event –driven programming model that is very similar to Visual Fox

Pro 7.0 so that custom code can be attached to events and executed when the event fires. Every time

a web page [which is an object itself] is called, a series of stages are run through: initializing,

Processing, and disposing of information. One Key difference between the event sequence in ASP.Net

and Visual FoxPro 7.0 is that the page-Init event comes before Page-Load in ASP.NET.

One of the greatest benefits of ASP.NET over classic ASP is that ASP.NET reduces that amount of

coding needed to write an application. With the introduction of serer-side controls, it is no longer

necessary to write the complex HTML and scripts that were necessary to write the complex HTML
29
 and scripts that were necessary to render the pages on different browsers .In addition, ASP.NET can

automatically keep track of the state between Web pages, without all the tedious programming

necessary in classic ASP. Tests have shown that rendering pages using ASP.NET is typically 2-3 times

faster than classic ASP.

Historically, classic ASP has been limited to scripting engines, notably Microsoft Visual Basic,

Scripting Edition VBScript, However ASP.NET supports any .NET CLR Language and it is possible

to write components in one language, and then call them from within another.

ASP.NET can also run side by side with existing classic ASP.NET can also run side-by-side with

existing classic ASP pages because the files use different extensions.

This is an important consideration because when migrating an application to ASP.NET it is not necessary to

rewrite all the web pages at once.

Web forms using ASP.NET are created as files with an .asp extension using either of two programming

styles. Note that Visual Studio .NET utilizes the code behind mode; exclusively and includes functionality

to simplify the creation, management, and compilation of the necessary files. The .NET Framework is a

new platform that simplifies application development and deployment process.

The .NET Framework has some great objectives

▪ It fully supports object-oriented programming. All the classes are derived from the base class called

Object. You can inherit the base class and make use of it. For example you can inherit asp page class

and create your own base class.

30
 ▪ Provides a code-execution environment that guarantees safe execution of code, including code created

by an unknown or semi-trusted third party, minimizes software deployment and versioning conflicts

and eliminates the performance problems of scripted or interpreted environments.

▪ Provides multi-language support. You can create a component in one language and consume its

services in another.

Purpose of CSS

The purpose of CSS is to provide Web developers with a standard way to define, apply, and manage sets of
style characteristics. CSS provides these capabilities through a technical model based on a hierarchical scope
of effect, the separation of style from content, and a well-defined set of published standards. This section
touches on each of these three topics in turn, focusing on how CSS can help the Web developer create
maintainable, reusable code.
Cascading
The "cascading" in Cascading Style Sheets refers to how property values are applied in the context of the
parent/child hierarchy of the Web document. Child elements either inherit or override property values bound
to their parent elements.
A style sheet is the encapsulation of style rules in a centralized location, either in the head section of the
HTML document or in a separate linked file. The Web browser reads these styles and applies the specified
formatting rules before displaying the content.

For most styles, if a value for a style property has not been specified for a child element but has been specified
for its parent element, then the parent's value is used to display the element. On the other hand, if the child
element does specify a new value for a style property also specified by the parent, the browser uses the child's
value to display the element.

In general, styles that bind properties to elements that are more specific override those bound to elements that
are more general. Properties that are bound to classes—otherwise arbitrary elements that share a common
value for their class attribute—override those bound to element types, and style properties linked to IDs
override both. If the developer defines different values for the same property at the same level in the scope
hierarchy, the last style specified applies.

31
For example, a Web developer might specify a particular font family as the default for all textual elements in
the page using the following CSS code:

<style>
body {
font-family : Verdana;
}
</style>
In the absence of any other instructions, the browser will display all textual elements using the Verdana font.
However, the Web developer might want to display headings using an alternative font. The following code
illustrates binding the Verdana font family to all textual element in the document but overriding them with the
Impact font family for heading elements:

<style>
body {
font-family : Verdana;
}
H1, H2, H3, H4, H5, H6 {
font-family : Impact;
}
</style>

Now the browser will display all heading elements using the Impact font, while other elements in the Web
document will continue to be displayed using Verdana.
Next, suppose that the Web developer wants to emphasize portions of the document content by displaying
them in an even heavier font and using red text. To do so, the developer can bind a style to a class, which will
override the style bound as the default as well as the style bound to the element, as shown in the following
code:

<style>
body {
font-family : Verdana;
}
32
H1, H2, H3, H4, H5, H6 {
font-family : Impact;
}
.Important {
font-family : Arial Black;
color : Red;
}
</style>

Now heading elements will be displayed using the Impact font, while other elements will be displayed using
Verdana. However, document elements of any type that contain a class attribute with the value Important will
be displayed using the Arial Black font and in the color red. That means that if a heading element is of the
Important class, the style bound to the class will apply, and it will be displayed in red using the Arial Black
font.

Color - Properties: color & background color

Must ultimately turn into red, green, and blue intensities between 0 and 255:

● Predefined names: red, blue, green, white, etc. (140 standard names)

● 8-bit hexadecimal numbers for red, green, blue: #ff0000

R G B

● 0-255 decimal intensities: rgb(255,255,0)

R G B

● Percentage intensities: rgb(80%,80%,100%)

R G B
Example: h1: { color: red; }

33
CSS Box Model

Introduction to PHP

PHP is a common open-source scripting language popular for web applications. Although it originally stood

for “personal home page,” PHP is now a recursive acronym for “hypertext preprocessor,” — though chances

are you’ll never hear that name again.

PHP is a server-side scripting language embedded in HTML in its simplest form. PHP allows web developers

to create dynamic content and interact with databases. PHP is known for its simplicity, speed, and flexibility

— features that have made it a cornerstone in the web development world.

A Scripting Language: Scripting languages are interpreted by another program at runtime (no need for

compilation). Scripting languages can be interpreted server-side or client-side (in the browser).

Server-Side: PHP is a server-side scripting language processed by a PHP interpreter on a web server; the

result (the output) is sent to the web browser as plain HTML.

Open-Source: PHP is freely available to download and use.

34
Object-Oriented: Object-Oriented Programming (OOP) leverages the concept of “objects” to contain data and

functions to help build more complex, reusable web applications. OOP was added to PHP5.

What tools does PHP use?

PHP utilities that can significantly enhance your coding process. Numerous libraries and classes in PHP help

with debugging, testing, profiling, and writing code, among other things. Let’s explore a few examples. php

tools

How can PHP help you?

For over a decade, we’ve seen articles asking, “Is PHP Dead?” with competitors such as JavaScript hoping to

take its place. Over the years, PHP has held its dominant spot as the backbone to 80% of websites, give or take

a few percentage points — a sign that PHP is here to stay. And there’s an excellent reason why.

While PHP is an older programming language lacking some of the features of newer programming languages,

it has continued to evolve. With that evolution comes a level of maturity: PHP is well-documented, well-

supported, and easy to use.

PHP developers have access to rich frameworks, databases, and libraries to support their work, with the

flexibility to set up on any Linux, Windows, or Unix OS. Most web hosting providers offer PHP, and when it

comes to cost, PHP often comes out ahead in both development time and the overall cost to run and maintain.

As an efficient language, PHP can deliver the high-performance times demanded by today’s consumers.

PHP often appears ahead during your product development planning because it is well documented in APIs.

Your PHP-based website can easily integrate all CMS programs and add-ons to create dynamic, interactive,

feature-rich experiences.

PHP and the LAMP Stack

A “LAMP” stack is a group of open-source software that can be installed together — a service bundle, as it
were, with PHP often plugged in as a critical component. The LAMP stack includes the following:

35
(L) Linux, the operating system (A) Apache, the webserver (M) MySQL, the database (P) PHP, and your
programming language (includes some installation)

Although the components are interchangeable, the LAMP model, including PHP, remains the market leader
for stacks for web development. For example, while there has been growth in the MEAN bundle (MongoDB,
Express.js, AngularJS, and Node.js) with JavaScript, the MEAN stack is only well suited to some projects,
mainly where scalability or performance is a top concern.

PHP Application Development

PHP is an amicable language, so many developers out there can get you up and running. There are also many
remarkable PHP frameworks (Symfony, Laravel, Aura, Code Ignitor) and CMS platforms (Drupal,
WordPress) that you can leverage in your PHP web application development. Unfortunately, much of the
“dislike” of PHP comes from the overabundance of wrong code out there. Do not judge PHP by its worst
practitioners.

Why use PHP IDEs?

A PHP IDE has syntax highlighting and other abilities of a PHP editor, plus other features that foster PHP
development. The best PHP IDEs typically give you ready-made code templates and comprehensive projects.

We all aspire to create clean code, be more productive, and make fewer errors. Of course, it is up to you, but in
most situations, integrated development environments (IDEs) can make it simpler for you to accomplish those
objectives. Choosing the best IDE is challenging because there are many factors to consider. And practically
every IDE’s website claims to be the greatest one. top php ides The following pointers will help you decide –

1. Code completion
Automated code suggestions help the developer avoid typing so much. If it supports custom classes and
phpDoc, it can save you from reading project documentation.

Proper code completion also controls typos. For instance, if typing $cotroller-> doesn’t display any
suggestions, you’ll know something is incorrect. It should have been $controller!

36
2. Debugging
Debugging is less crucial in PHP since you can utilize FirePHP or add echo s without recompiling your code.
However, debugging can save you hours when dealing with sophisticated systems where you must put echo
after each line to observe what’s happening.

3. Client-side features
It’s uncommon to use PHP by itself, and JavaScript and CSS are usually always present in some form in your
application. Practical code completion, highlighting, navigation, and some refactoring would be advantageous
for the additional languages and technologies you utilize in addition to PHP.

MYSQL SERVER

It is freely available open source Relational Database Management System (RDBMS) that uses Structured
Query Language(SQL). In MySQL database , information is stored in Tables. A single MySQL database can
contain many tables at once and store thousands of individual records.

MySQL is one of the most popular relational database management systems (RDBMS). Itis open source and
available under the terms of the GNU General Public License, which means that you can download, run, share
and even modify MySQL for free. MySQL is a popular choice of database for web applications, and is a
component of the widely used LAMP open-source web application stack. A relational database management
systems (RDBMS) is a database management system(DBMS) based on the relational database model. MySQL
is a fast and easy-to-use RDBMS and is used by many web applications such as WordPress, php BB,
Joomla!,Drupal, etc. MySQL uses a standard form of the well-known SQL data language. SQL stands for
Structured Query Language
and it is a special-purpose programming language designed for managing data held in a relational database
management system. Many other RDBMS use SQL as well, such as Oracle and Microsoft SQL Server. SQL
syntax is loosely based on English and looks like this:
SELECT name FROM customers WHERE city = ‘Berlin’;
MySQL is available on many operating systems, including Windows, Linux, Solaris, OSX, and FreeBSD. It
can be accessed and administer via the command line or a GUI.
Database terms
You need to know the main terms related to MySQL and databases in general:
Database
- a container for a collection of MySQL data.

37
Table
- a sub container within a database that stores the actual data.
Column
- a name of a field within a row.
Row
- a single record within a table.
Primary key
- a key that uniquely identifies each record in a database table.
Foreign key
- a key in one table that points to a Primary key in another table.

Index
- a special lookup table that the database search engine use to speed up data retrieval.

38
 CHAPTER 4
SYSTEM DESIGN

39
ANALYSIS/IMPLEMENTATION/ARCHITECTURE:

4.1 ANALYSIS

• Data Flow Diagrams (DFD)

• ER Diagrams

• Implementation

4.1.1Data Flow Diagram

A Data Flow Diagram (DFD) is a diagram that describes the flow of data and the processes that
change or transform data throughout a system. The Data Flow Diagram reviews the current
physical system, prepares input and output specification, specifies the implementation plan etc.

Four basic symbols are used to construct data flow diagrams. They are symbols that represent data
source, data flows, and data transformations and data storage. The points at which data are
transformed are represented by enclosed figures, usually circles, which are called nodes.

Source of Destination of data

(B)
Flow of Data

(C) Process

(D) Storage

40
 Steps to Construct Data Flow Diagrams

Four steps are commonly used to construct a DFD

• Process should be named and numbered for easy reference. Each name should be
representative of the process.
• The direction of flow is from top to bottom and from left to right.
• When a process is exploded into lower level details they are numbered.
• The names of data stores, sources and destinations are written in capital letters

Rules for Constructing a Data Flow Diagram

• Arrows should not cross each other.

• Squares, Circles and files must bear names.
• Decomposed data flow squares and circles can have same names.
• Choose meaningful names for dataflow.
Draw all data flows around the outside of the diagram

4.1.1.1 Context Level Data Flow Diagram

Request Response
Pet shop
ADMIN Customer
Management

Response System Request

41
4.1.1.2 First level Data Flow Diagram for ADMIN

42
4.1.1.3 Second level Data Flow Diagram for ADMIN

43
4.1.1.4 First Level Data Flow Diagram for Customer

44
4.1.1.5 Second Level Data Flow Diagram for Customer

45
4.1.2 ER DIAGRAM

4.1.2.1 Customer and Admin4.1.3 IMPLEMENTATION:

4.1. Table Name: Signup

Description- To store the customer Details
Sr. No. Name Datatype Constraints Description

1. Name Varchar(32) Primary Store Customer

key name
2. Email Varchar(32) Not null Store Email

3. Pass Varchar(32) Not null Store Password

4. Phone Varchar(50) Not null Store Phone no.

5. Addres Varchar(100) Not null Store Address

s
6. Gender Varchar(100) Not null Store gender

4.2 Table Name: admin

Description- To store the admin Details
Sr. Name DataType Constraints Description
No.
1. Name Varchar(32) Primary key Store Name

2. Email Varchar(32) Not null Store Email

3. Pass Varchar(32) Not null Store Pass

4. Phone Varchar(50) Not null Store Phone

5. Addres Varchar(100) Not null Store

s address

46
 4.3 Table Name: booking

Description- To store the booking Details

Sr. Name DataType Constraints Description

No.
1. Name Varchar(32) Primary key Store Name

2. Family Varchar(32) Not null Store Family

Detail
3. Cost Varchar(32) Not null Store cost Detail

4. Packag Varchar(50) Not null Store package

e detail
5. Contac Varchar(100) Not null Store contact detail
t
6. Addres Varchar(100) Not Null Store address
s

4.4 Table Name: feedback

Description- To store the feedback Details

Sr. No. Name DataType Constraints Description

1. Email Varchar(100) Primary key Store Email

2. Con Varchar(15) Null Store contact

3. Feed Varchar(200) Not null Store Feedback

47
4.5 ARCHITECTURE:

D -

48
4.6 Front-end Design

49
50
51
52
CHAPTER 5 CODING

53
SAMPLE CODE

Main Page:

<?php include ('head.php')?>

<?php include ('menu.php')?>

<section>

<div style="background-color:#592854;">

<div class="row">

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

<div class="slideshow-container">

<div class="mySlides">

<div class="numbertext"></div>

<img src="images/pets slide4.jpg" style="width:100%;height:500px"/>

</div>

<div class="mySlides ">

<div class="numbertext"></div>

54
 <img src="images/pets slide2.jpg" style="width:100%;height:500px"/>

</div>

<div class="mySlides ">

<div class="numbertext"></div>

<img src="images/pets slide3.jpg" style="width:100%;height:500px"/>

</div>

<a class="prev" onclick="plusSlides(-1)">❮</a>

<a class="next" onclick="plusSlides(1)">❯</a>

</div>

<br>

<div style="text-align:center">

<span class="dot" onclick="currentSlide(1)"></span>

<span class="dot" onclick="currentSlide(2)"></span>

<span class="dot" onclick="currentSlide(3)"></span>

55
</div>

</div>

</div>

</div>

</section>

<section>

<div style="background-color:#ffffff;">

<div class="row">

<div class="col-lg-12" style="border:dotted;border-color:Gray; padding-

top:25px;">

<h1 style="font-family:cursive; padding:10px;text-align:center;"> Welcome

Pet Lovers</h1>

<p style="font-family:serif;padding:15px;font-size:120%;color:black;font-

weight:700;"> <i style="padding:10px; color:#ba55d3;"class="fa-solid fa-face-

smile"></i>Welcome to jeevipetshop.Com, the primary objective of jeevipetshop.com team is

to provide Healthy pets with professional and authentic knowledge and service to pet and

animal lovers. As an Online Pet Shop, we not only provide the details of pets for sale in

56
chennai., We also deliver across India. Pets is the first and only exclusive pet-shop in chennai

for exotic birds and animals. We are one of the best pet shop in India. </p>

<p style="font-family:serif;padding:15px;font-

size:120%;color:black;font-weight:700;"><i style="padding:10px; color:#ba55d3

;"class="fa-solid fa-face-smile"></i>There are many people who are interested in pets

from the childhood. But in this busy world, people forget to live when they die to earn. Our

goal is to generate a sense of belongingness among people about animals and their well being.

We strive to address core issues like tameness, care and management of pets, pet products and

social concerns.Pets are the only companion who will be with you throughout your life,

whatever be the situation you are in. </p>

<p style="font-family:serif;padding:15px;font-

size:120%;color:black;font-weight:700;"> <i style="padding:10px;

color:#ba55d3;"class="fa-solid fa-face-smile"></i>In a world which is becoming more

impersonal, hurried and stressful, we provide our customers with a fun place to shop online,

where you will find a great selection of pets and pet products. There are List of Petshops in

chennai, but we are different of all kind. you won't get lost in the crowd and you won't get

disappointed without finding your pet or pet needs.</p>

</div>

</div>

</div>

57
<section>

<div style="background-color:#592854;">

<div class="row">

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

<marquee style= "padding:25px;">

<img src="images/bird slide4.jpg" style="height:250px;

width:50%;padding:10px;"/>

<img src="images/cat slide5.jpg" style="height:250px;

width:50%;padding:10px;"/>

<img src="images/pets slide1.jpg" style="height:250px;

width:50%;padding:10px;"/>

<img src="images/rabbit slide1.jpg" style="height:250px;

width:50%;padding:10px;"/>

</marquee>

</div>

</div>

</div>

</div>

58
</section>

<section>

<div style="background-color:white;">

<div class="row">

<div class="col-lg-4" style="padding-top:25px;">

<div class="wrapper">

<div class="card">

<img src="images/dog quotes5.jpg">

<div class="info">

<p>“No matter how little money and how few

possessions you own, having a dog makes you rich.”</p>

<p> “Happiness is a warm puppy."</p>

<p> “A dog is the only thing that can mend a crack in your broken

heart.”</p>

</div>

</div>

</div>

</div>
59
 <div class="col-lg-4" style="padding-top:25px;">

<div class="wrapper">

<div class="card color-gradient">

<img src="images/cat quotes2.jpg"

style="padding:25px;"/>

<div class="info">

<p >“I have studied many philosophers and

many cats. The wisdom of cats is infinitely superior.”</p>

<p>“I used to love dogs until I discovered cats.”

</p>

<p> “There are two means of refuge from the

miseries of life: music and cats.”</p>

</div>

</div>

</div>

</div>

<div class="col-lg-4" style="padding:10px;">

<div class="wrapper">

60
 <div class="card color-gradient">

<img src="images/bird-quote-01.png"

style="padding:10px;"/>

<div class="info">

<p>"Birds sing after a storm; why shouldn't

people feel as free to delight in whatever sunlight remains to them "</p>

<p>“A heart without dreams is like a bird

without feathers.” </p>

<p> “Opportunity is a bird that never

perches.”</p>

<p>Wherever there are birds, there is hope.”

</p>

</div>

</div>

</div>

</div>

61
 </section>

<section>

<div style="background-color:#ffffff;" >

<div class="row">

<div class="col-lg-12" style= "padding:25px;text-align:center;">

<h2><strong> SHOP BY PETS</strong></h2>

</div>

<div class="col-lg-3" style= "padding:25px;text-align:center;">

<a href="dog.php">

<img src="images/do.jpg" class="zoom"/>

</a>

<h3 style="font-family:emoji;font-weight:600;"><a class="menu"

href="http://localhost/pet/dog.php "> Dogs </a></h3>

</div>

<div class="col-lg-3" style= "padding:25px; text-align:center;">

<a href="cat.php">

<img src="images/cat.jpg" class="zoom" />

</a>

62
 <h3 style="font-family:emoji;font-weight:600;"> <a class="menu"

href=" http://localhost/pet/cat.php">Cats </a></h3>

</div>

<div class="col-lg-3" style= "padding:25px; text-align:center;">

<a href="rabbit.php">

<img src="images/raa.jpg" class="zoom"/>

</a>

<h3 style="font-family:emoji;font-weight:600;"> <a class="menu"

href=" http://localhost/pet/rabbit.php">Rabbits </a></h3>

</div>

<div class="col-lg-3" style= "padding:25px; text-align:center;">

<a href="birds.php">

<img src="images/bi.jpg" class="zoom"/>

</a>

<h3 style="font-family:emoji;font-weight:600;"> <a class="menu"

href=" http://localhost/pet/birds.php">Birds </a></h3>

</div>

</div>

</div>
63
<section>

<div style="background-color:white;">

<div class="row">

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

<marquee style= "padding:25px;">

<img src="images/dogslide2.jpg" style="height:200px; width:50%;"/>

<img src="images/cat slide5.jpg"style="height:200px; width:50%;" />

<img src="images/rabbit slide4.jpg"style="height:200px; width:50%;" />

<img src="images/bird slide5.jpg"style="height:200px; width:50%;" />

</marquee>

</div>

<div class="col-lg-6" style="padding:50px;" >

<iframe style="width:600px; height:300px;"

src="https://www.youtube.com/embed/YXBh3riRMmI">

</iframe>

</div>

<div class="col-lg-6" style="padding:50px;" >

<iframe style="width:600px; height:300px;" src="

https://www.youtube.com/embed/ECSvQ281L70">
64
 </iframe>

</div>

</div>

</div>

</section>

<section>

<div style="background-color:#f5f5f5;padding:30px;" >

<div class="row">

<div class="col-lg-12" style= "padding:25px;text-

align:center;background-color:#f5f5f5;">

<h2 style= "font-family:verdana;"><strong> What other pet parents have

to say about Jeevi Petshop!</strong></h2>

</div>

<div class="col-lg-6"style= "padding:25px;background-color:#e0ffff;" <h5

style="padding:5px;font-family:sans-serif;color:#ff8c00;" >

<i style="color:#db7093;padding:5px;" class="fa-solid fa-heart"></i><strong> Donna S

</strong> </h5>

<p style="padding:5px;font-family:cursive;"><i style="padding:5px;" class="fa-solid fa-

quote-left"></i><strong> I purchased 2 puppies from The Pet Shop over the years and they

65
were both very healthy dogs. The employees are very kind and helpful. I would also like to

add that this is the cleanest and most well kept pet shop in the area</strong><i

style="padding:5px;" class="fa-solid fa-quote-right"></i></p>

</div>

<div class="col-lg-6"style= "padding:25px;background-color:#faebd7;"

>

<h5 style="padding:5px;font-family:sans-serif;color:#ff8c00;"><i

style="color:#db7093;padding:5px;" class="fa-solid fa-heart"></i> <strong > Sharon H

</strong></h5>

<p style="padding:5x;font-family:cursive;"><i style="padding:5px;"

class="fa-solid fa-quote-left"></i> <strong> We bought our 3 pets from The Pet Shop. Our

sales people were very helpful with any questions that we had. Wonderful service with the

store. We were very careful about where we wanted to purchase our puppies and would

recommend The Pet Shop to anyone considering a new puppy</strong><i

style="padding:5px;" class="fa-solid fa-quote-right"></i></p>

</div>

<div class="col-lg-6"style= "padding:25px;background-color:#faebd7;"

>

<h5 style="padding:5px;font-family:sans-serif;color:#ff8c00;"><i

style="color:#db7093;padding:5px;" class="fa-solid fa-heart"></i> <strong> Carol H

</strong> </h5>
66
 <p style="padding:5px;font-family:cursive;"><i style="padding:5px;"

class="fa-solid fa-quote-left"></i> <strong>My new puppy, Lucy, is just great and even

though it was extremely busy the day I picked her up they still took the time to trim her nails

and groom her </strong><i style="padding:5px;" class="fa-solid fa-quote-right"></i> </p>

</div>

<div class="col-lg-6"style= "padding:25px;background-color:#e0ffff;"

>

<h5 style="padding:5px;font-family:sans-serif;color:#ff8c00;"><i

style="color:#db7093;padding:5px;" class="fa-solid fa-heart"></i> <strong> Christopher H

</strong> </h5>

<p style="padding:5px;font-family:cursive;"> <i style="padding:5px;"

class="fa-solid fa-quote-left"></i> <strong>You guys are great, very helpful and courteous

and they helped me with the whole potty training thing, The staff there was

fantastic</strong><i style="padding:5px;" class="fa-solid fa-quote-right"></i> </p

</div>

</div>

</section

<?php include('footer.ph

67
Bird details coding

<?php

include('head.php');

include('menu.php');

include('dbconnect.php');

$query = "SELECT

ID,bird_name,image,price,about_us,detailas,head1,head2,head3,paragraph1,paragraph2,para

graph3,video1,video2,description FROM bird_details WHERE id=$_GET[id]";

$result = mysqli_query($conn, $query);

if (mysqli_num_rows($result) > 0) {

while($data = mysqli_fetch_assoc($result)) {

?>

<section>

<div style="background-color:#f0f8ff;">

<div class="row">

<div class="col-lg-6" style= "padding:25px;text-align:center;" >

68
 <h2 style="text-align:center; font-

family:emoji;padding:5px;"><strong><?php echo $data['bird_name']; ?> </strong></h2>

<img style="width:100%;height:450px;padding:25px;" class="w3-

hover-opacity" src=<?php echo $data['image']; ?>>

<h5 style="text-align:center; padding:10px;"><strong><?php echo

$data['price']; ?> </strong></h5>

<a href="order-page.php"><button class="center"style="

padding:15px; width:200px;" >ORDER NOW</button></a>

</div>

<div class="col-lg-6" style= "padding:55px;text-

align:center;border:5px 5px 5px 5px;background-color:#f0f8ff;" >

<h3 style="padding-bottom:30px;"><strong><?php echo

$data['about_us']; ?></strong> </h3>

<h5 style= "padding:5px;font-family:emoji;"><?php echo

$data['detailas']; ?></h5>

</div>

69
 <div style="background-color:#fff8dc;">

<div class="row" style="padding:45px;">

<div class="col-lg-12" style="padding:25px;">

<h3 style="text-align:center;" ><strong> <?php echo

$data['description']; ?></strong></h3>

</div>

<div class="col-lg-12" style="padding:15px;">

<h3 style="text-align:center;"><strong> <?php echo $data['head1'];

?></strong></h3>

</div>

<div class="col-lg-6" style="padding:10px;">

<p style="text-align:left;padding:20px;"> <?php echo

$data['paragraph1']; ?></p>

</div>

<div class="col-lg-6" style="padding:10px;">

70
 <p style="text-align:left;padding:20px;"> <?php echo

$data['paragraph2']; ?></p>

</div>

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

<h2 style="padding:30px;text-align:center;"><strong>About

Our Bird</strong></h2>

</div>

<div class="col-lg-6" style="padding:25px;" >

<iframe style= "width:600px; height:300px" src= <?php echo $data['video1'];

?>>

</iframe>

</div>

<div class="col-lg-6" style="padding:25px;" >

<iframe style= "width:600px; height:300px" src=<?php echo $data['video2'];

?>>

</iframe>

</div>

71
 </div>

</div>

</section>

<?php

}} else { ?>

no data found

<?php }

include ('footer.php') ?>

72
Contact us coding

<?php include ('head.php')?>

<?php include ('menu.php')?>

<section>
<div style="background-color:white;">
<div class="row">
<div class="col-lg-12">
<img src="imaGES/contact.jpg"
style="width:100%;height:400px"/>
</div>
</div>
</div>
</section>
<section>
<div style="background-color:white;">
<div class="row justify-content-between">
<div class="col-lg-12" style="padding:25px;">
<h2 style="text-align:center;text-shadow: 2px 2px
5px #4da7ac;"><strong>Feel Free to Contact Us</strong></h2>
</div>
<div class="col-lg-6" style="padding:14px 0px 12px 20px">
<div class="mt-5 mt-lg-0">
<div class="contact-content" style= "padding-left:25px;">
<div><a target="_blank" aria-
label="map-link" href="https://g.page/enrichkids?share"><i style="margin-
right:10px;color:#14c719;" class="fa fa-map-marker" aria-hidden="true"></i></a>
Location:</div>
<div><p style= "padding-
left:25px;">5a/286 Kannagi Street</p><p style= "padding-left:25px;">Pasumpon Nagar
Nagar </p><p style= "padding-left:25px;">Perumbakkam,Chennai- 600100</p></div>
</div>
<div class="contact-content" style=
"padding-left:25px;">
<div><i style="margin-
right:10px;color:#14c719;" class="fa-regular fa-envelope" aria-hidden="true"></i>
jeevithachithra05@gmail.com</div>
</div>
<div class="contact-content" style=
"padding-left:25px;">

73
 <div><i style="margin-
right:10px;color:#14c719;" class="fa fa-whatsapp" aria-hidden="true"></i> +91
7305566836</div>

</div>
<div class="contact-content" style=
"padding-left:25px;">

<div><i style="margin-
right:10px;color:#14c719;" class="fa-solid fa-mobile-screen-button" aria-
hidden="true"></i> +91 8610635896</div>

</div>

</div>
</div>
<div class="col-lg-6" style="padding:14px 20px 12px 20px">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15556.956708172136!
2d80.18013691680255!3d12.89233627139862!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!
3m3!1m2!1s0x3a525c0e583399cf%3A0x1319a0941ee32a30!2sPerumbakkam%2C%20Che
nnai%2C%20Tamil%20Nadu%20600126!5e0!3m2!1sen!2sin!4v1675073662477!5m2!1sen!
2sin" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</section>

<?php include ('footer.php')?>

74
 CHAPTER 6
SYSTEM TESTING

75
SYSTEM TESTING

Testing is a process by which we design a series of test cases that are intended to demolish software that has

been built. In fact testing is one step in the software engineering process that seems to be destructive rather

than constructing.

The testing objectives can be listed as follows:

▪ It is a process of executing a program with the intension of finding errors.

▪ A good testing strategy is one that has high probability of finding out errors.

▪ A successful test is one that uncovers a yet undiscovered error.

6.1 Black Box Testing

Knowing the specific function that a module has been designed to perform, tests can be designed to

demonstrate the operation validity of each function, at the same time searching for errors in each function. It

enables us to drive the sets of an input condition that will exercise all the final requirements for a program.

It attempts to find the errors falling in the following category:

▪ Incorrect and missing functions

▪ Interface errors

▪ Errors in data structures

▪ Database errors in function logic.

Tests are designed to answer the following questions:

▪ How is functional validity tested?

▪ What classes of input will make a good test case?

▪ Is the system particularly sensitive to create input values?

76
 ▪ How are the boundaries of data class isolated?

▪ What data rules and data volumes can the system tolerate?

▪ What effects that specify combinations of data have, on the system?

All the functions in the system are tested, the order they appear in the process specification diagram and the

hierarchy chart and designed test cases are tested.

6.2 White Box Testing

White box testing is a test case design method that uses the control structure of the procedure design to derive

test cases. Using white box testing method following are evaluated:

▪ Guarantee that all independent paths with in a module have been exercised at

least once.

▪ Exercise all logical decisions on their true or false sides.

▪ Exercise all loops at their boundaries and within their operational bounds.

▪ Exercise internal data structures to ensure their validity.

6.3 System Testing

System testing is the important phase without which a system cannot be released to a user. Testing is vital for

the success of any system. It is aimed in ensuring that all processes are running according to the specifications.

The logical and physical design is continuously exercised to ensure that the system will work when

implemented. Programs are tested individually using test data and verified for corrections and accuracy.

6.3.1 System testing strategies have the following generic characteristics:

Testing begins at module level and works out towards the integration of the entire system. Different testing

techniques are tried according to their appropriateness at different points in time. The developer and

independent test groups conduct these tests. Testing and debugging are different activities but debugging must

be accompanied by a testing strategy.

77
 System testing makes logical assumptions that if all parts of system are corrected then the goal will be

successfully achieved. Inadequate system testing may lead to errors that may appear months later.

Testing the modules separately, followed by testing the modules clustered as a unit, is carried out

under system testing. This resulted in the detection of some new errors during clustered testing that did not

occur during individual program modular testing such as syntax errors, logical errors etc., and such errors are

found and corrected.

6.3.2 Objectives of System Testing:

▪ To ensure that during the operation the system will perform as per the specifications.

▪ To make sure that the system meets user requirements during the operation.

▪ Input and output, processing is detected.

▪ To verify that the controls are incorporated in the system as intended

78
 CHAPTER-7
IMPLEMENTATION

79
IMPLEMENTATION

The implementation phase of software development involves translation of design specification into source

code and debugging, documentation, and testing of source code. Modern programming languages provide

many features to enhance the quality of source code.

The primary goal of implementation is to write source code and internal document, so that

conformance of the code to its specification can be easily verified and debugging, testing and modification are

eased.

The implementation phase is less creative than system design. It is primarily concerned with User-

training, Site-preparation and File Conversion. When the Manager’s system is linked to terminals on remote

sites, the tests of the network along with the system is linked to terminals on remote sites, the tests of the

network along with the system are also included under implementation.

7.1 Maintenance

Simply developing the site does not complete the tasks. After completing the development process the site

have to be maintained. Frequent checks are made to upgrade the system, since the existing site will be outdated

without copying the faster changes in viewer’s expectation.

The maintenance phase focuses to change that is associated with error correction, adaptations required

as the software’s environment brought about by changing customer requirements. Maintenance is far more

than fixing mistakes. The maintenance can be defined using three activities that are undertaken after a program

is released for use.

Maintenance can be classified as:

▪ Corrective

▪ Adaptive

▪ Perceptive

▪ Preventive

80
7.1.1 Corrective Maintenance:

The first maintenance activity occurs because it is unreasonable to assume that software testing will uncover

all latent errors in a large software system. The process that includes the diagnosis and correction of one or

more errors is called Corrective Maintenance.

7.1.2 Adaptive Maintenance:

The second activity that contributes to a definition of maintenance occurs because of the rapid change that

encountered in every aspect of computing. Adaptive Maintenance- as activity that modifies software to

properly interface with a changing environment-is both necessary and common place.

7.1.3 Perceptive Maintenance:

The third activity that may be applied to definition of maintenance occurs when a software package is

successful. As the software is used new recommendations for new capabilities, modifications to existing

functions, and general enhancement are received from the users, to satisfy this request Perceptive Maintenance

is used.

7.1.4 Preventive Maintenance:

The fourth maintenance activity occurs when software is changed to improve future maintainability or

reliability, or to provide a better basis for future enhancements. This is often called preventive maintenance,

which is characterized by reverse engineering and re-engineering technique.

In the admin module the facility is provided for the further enhancement. Based on the users request

this module will be enhanced in future.

7.1.5 Maintenance Procedure:

The system has been tested in the location of the developer. But it is not possible to find all errors here. It may

be that even after through testing the user will find errors.

81
 CHAPTER 8
FUTURE ENHANCEMENT

82
FUTURE ENHANCEMENT

In the future it will enhanced by providing Tour and Travels Management System for multiple cities on our
websites.  In future, we will give facility of online donation.  We will include more functionality as per
user require.

➢ Multiple package can booked by one customer at a time.

➢ Updated feature should enhanced for all modules.
➢ Real-time feedback facility available on our website.
➢ Travels management system will try to serve all expectations.
➢ Not a single website is ever considering as complete forever firstly because there is always something
new requirement also are growing day by day.
➢ More facilities will be enhanced in this project, such as:
➢ Online payment option.
➢ Create Manual package by need of customers.

83
CHAPTER 9
CONCLUSION

84
CONCLUSION

Here we have presented the design of a tour management system that can provide the users with the required
tourism guidance required anytime and anywhere. This is a combination of smartphone and Internet services.
The tour management website contributes a reasonable way for the users to schedule their trips, since it
provides detailed information about the tourist places including description, image and map. This method
includes various features/services such as delivering customized packages, the distance between the source
and destination location, Google maps, online ticket booking, etc. This process achieves its main goal by
pertaining to real-time data.

85
 CHAPTER 10
BIBLIOGRAPHY

86
BIBLIOGRAPHY

1. Macdonald, Matthew, “Asp.net- The Complete Reference”,1002 pages, Tata McGraw-

Hill, 2002.

2. Greg Buczek, “ASP Developer’s Guide”, 864 pages, McGraw-Hill, 2000.

3. Richard Anderson, Brian Francis, Alex Homer, Rob Howard, Dave Sussman, Karli

Watson, “Professional ASP.NET 1.0, Special Edition”, 1300 pages, Peer Information;

Special edition, 2002.

4. Roger S. Pressman, “Software Engineering”, 915 pages, McGraw Hill Higher

Education; 5Rev edition, 2000.

5. Stephen Feather, Luke Cassady-Dorion , “JavaScript by Example”, 410 pages, Que;

Pap/Cdr edition, 1996.

6. www.c-sharpcorner.com

7. www.asp.net

8. www.microsoft.com

87