Professional Documents
Culture Documents
A Project Report
Submitted by
THANGAMUTHU.J
18BCS049
1
DECLARATION
THANGAMUTHU.J 18BCSO49
2
RATHINAM COLLEGE OF ARTS AND SCIENCE
(AUTONOMOUS)
COIMBATORE - 641021
DEPARTMENT OF COMPUTER SCIENCE
BONAFIDE CERTIFICATE
This is to certify that this is the Bonafide Project work done by the candidate under my
supervision in partial fulfillment of the requirements for the award of B.SC (Computer
Science)
THANGAMUTHU J 18BCS049
Place:
Date:
(College Seal)
3
ACKNOWLEDGEMENT
On successful completion for project look back to thank who made in possible. First and
foremost, thank “THE ALMIGHTY” for this blessing on us without which we could have not
successfully our project.
I am extremely grateful to Dr. Madan A. Sendhil, M.S., Ph.D., Chairman, Rathinam Group of
Institutions, Coimbatore and Mrs.Shima Sendhil, MBA, Director, Rathinam Group of
Institutions, Coimbatore for giving me opportunity to study in this college.
I am extremely grateful to Dr..R.Manickam,MCA.,M.Phil.,Ph.D., CEO & Secretary, Rathinam
College of Arts & Science (Autonomous), Coimbatore.
I dedicated sincere respect to my parents for their moral motivation in completing the project.
THANGAMUTHU J
(Reg No:18BCS049)
4
TABLE OF CONTENT
ABSTRACT 7
1 INTRODUCTION
1.1 An overview 8
2.3 Module 15
3 SYSTEM DESIGN
4 SYSTEM TESTING
4.1 Unit Testing 21
5 SYSTEM IMPLEMENTATION
6 CONCLUSION 25
7 FUTURE ENHANCEMENT 26
8 BIBILIOGRAPHY 27
9 APPENDICES
9.2 ER Diagram 30
6
ABSTRACT
The project entitled “ONLINE WEBSITE FOR YOGA AND GYM” is developed by
PHP as Front End and MYSQL as Back End. The scope of the project is too easy to learn the
Yoga Process. You can keep records on your Equipment Details, and Customer Details, and
have quick and easy communication between your members. Online website for yoga and gym
provides the convenient and efficient way to extract the data using reports. The report can be
graphically displayed details. The reports are Equipment report, Customer report, and Buy
Equipment report.
Online website for yoga and gym allows you or your trainers to learn the Yoga images
and training for Daily Process. Customers view better, faster, and more efficiently in this web
application. An Online Yoga training process is a place which houses exercise equipment for the
purpose of physical exercise. Most health clubs have a main workout area, which primarily
consists of free weights like dumbbells and barbells and exercise machines.
The Yoga and Gym web application process is a system that provides the effective way
of storing the data in the database and also retrieving the data. This system has totally tracking
all the reports based on the data stored in the databases and much feasible web application to
upgrade them.
7
1 INTRODUCTION
Online website for yoga and gym is an easy-to-use gym and health club membership
system. It helps you keep records of your members and their memberships, and allows easy
communication between Administrator and your members. Online website for yoga and gym is
also feature-packed, helping you in the management and growth of yoga and gym. This Web
Application is easy to use for gym. This system is proposed to be an automate database
management & transactions.
This Online website for yoga and gym stores Customer Details, Gym Equipment Entry
Details, Equipment Order Details and Equipment Delivery Details. It also provides the View
Yoga Learning for Customer efficiently & immediately. Online website for yoga and gym
system provides data storing & Customer reports. The Online website for yoga and gym requires
a system that will handle all the Necessary and minute details easily and proper database security
accordingly to the Customer.
The main objective of the project is to design and develop a user friendly system. Easy
to use and efficient computerized system. To develop an accurate and flexible system, it will
eliminate data redundancy. Computerization can be helpful as means of saving time &money.
8
1.2 OBJECTIVE OF THE PROJECT
theycome
application.
To reduce paperwork.
To improve consistency.
To increase clarity.
9
1.3 SYSTEM SPECIFICATION:
MOUSE :LOGITECH.
RAM :1 GB.
10
1.4 SOFTWARE DESCRIPTION:
WEB SERVER:
The Web server accepts the request and sends the HTML to the Client browser that
requests it. Web browser and web server communicate through a common protocol (HTTP). The
examples for web server are XAMPP(any of four different operating
systems,Apache,MySQL,Php,Perl),WAMP(Windows,Apache,MySQL,Php),MAMP(Macintosh,
Apache, MySQL, PHP).
PHP:
PHP stands for Hypertext Preprocessor. PHP scripts run inside Apache server or
Microsoft IIS. PHP and Apache server are free. PHP code is very easy. PHP is the most used
server side scripting language. PHP files contain PHP scripts and HTML. PHP files have the
extension “php”, “php3”, “php4”, or “phtml”.
Using PHP
Generate dynamic web pages. PHP can display different content to different user or
display different content at different times of the day Process the contents of HTML forms. We
can use an PHP to retrieve and respond to the data entered into an HTML form.
Can create database-driven web pages. An PHP can insert new data or retrieve existing
data from a database such a MySQL.
Working of PHP
PHP is a standard HTML file that is extended with additional features. Like a standard
HTML file, PHP contains HTML tag that can be interpreted and displayed by a web browser.
Anything we could normally place in an HTML file Java applets, Blinking text, server side
scripts .we can place in PHP. However, PHP has three important features that make it unique.
PHP contains server side scripts. PHP provides several built-in objects.
11
HYPER TEXT MARKUP LANGUAGE (HTML)
BENEFIT OF PHP
Because the server does processing, the output of PHP files changes when its input
changes. For example, most of the pages on the Horticulture site have only two (2) PHP
commands:
1. Include the header file that defines the links on the left, the banner, and the quick
links at the top.
2. Include the footer file that displays the mission statement and Horticulture contact
information.
Because including the files is performed every time the PHP file is accessed, when
the header/footer files change, the new content will be immediately updated. In other words, if
you add a new link, every page that includes the header will immediately display the
new lin
• PHP is compatible with almost all servers used today (Apache, IIS, etc.)
• Install Apache (or IIS) on your own server, install PHP, and MySQL
A PHP scripting block always starts with <?php and ends with ?>. A PHP scripting
block can be placed anywhere in the document.
On servers with shorthand support enabled you can start a scripting block with <? And
end with ?>.
For maximum compatibility, we recommend that you use the standard form (<?php)
rather than the shorthand form.
A PHP file normally contains HTML tags, just like an HTML file, and some PHP
scripting code.
Each code line in PHP must end with a semicolon. The semicolon is a separator and is
used to distinguish one set of instructions from another
13
2 SYSTEM STUDY AND ANALYSIS
EXISTING SYSTEM
The Online website for yoga and gym is working manually. The current
system is time consuming and also it is very costly, because it involves a lot of paperwork.
To manually handle the system was very difficult task. But now-a-days computerization
made easy to work.
Lot of paper work is involved as the records are maintained in the Files & registers
As the records are to be manually maintained it consumes a lot of Time.
As files and registers are used the storage space requirement is Increased
PROPOSED SYSTEM
The proposed system is highly secured, because for login the system it requires
the username and password. It provides wide range of certain criteria in each Web page the
client is working for better and quicker solution. It maintains report for all criteria and
transactions. Manages Gym Equipment Entry, Order information, separately for all. Stores
information about regular Equipment Details.
14
ADVANTAGES OF PROPOSED SYSTEM:
2.3 MODULES
ADMINISTRATOR
o Authentication
o Gym Equipment Entry
o Yoga Learning Entry
o View Order
o Delivery
o View Feed back
o View Customer
CUSTOMER
o Customer registration
o View Yoga Learning
o View Gym Equipment
o Order Equipment
o Check Status
o Feedback
15
2.3.1 MODULE DESCRIPTION
AUTHENTICATION:
Authentication module contains all the information about the authenticated Person.
Administrator without his username and password can’t enter into the login if he is only the
authenticated Person then he can enter to his login. Authentication is the process of verifying the
identity of a Person by obtaining some sort of credentials and using those credentials to verify the
Users identity. If the credentials are valid, the authorization process starts. Authentication process
always proceeds to Authorization process.
In this Module Administrator view the Customer Order products. It Contains Information
about the Order id, Equipment id, Name, Price, Req Quantity, Purpose, Customer id, Customer
name, Status
In this Module Customer view the Gym Equipment Details. It Contains Information
16
about the equipment such that Equipment id, Name, Price, Quantity, Purpose, Weight, Gender,
Electric gym. Administrator maintain the Equipment Details
In this Module Customer view the Yoga Learning Details. It Contains Information
about the Yoga Learning such that Learning id, Yoga Name, type, description, Links. Administrator
maintain the Yoga Learning Details
ORDER EQUIPMENT
In this module provides the functionality for User to place their order. User View the
Equipment details and order the particular Equipment details and Your Order Details Should be sent
to the Administrator.
DELIVERY
In this Module Administrator View the Customer Order Details and Delivery Status
Sent to Customer. The Details are stored in the Delivery Database.
In this Module Customer View the Delivery Status From the Administrator side.. The
Details are stored in the Delivery Database.
POST FEEDBACK
Customer Post the Feedback for Yoga Learning Details such that Feedback id,
Customer Name, Customer id, description. The Feedback Details store into the database.
VIEW FEEDBACK
VIEW CUSTOMERS
17
3 SYSTEM DESIGN
3.1INPUT DESIGN:
The input design is the link between the information system and the user. It comprises the
developing specification and procedures for data preparation and those steps are necessary to put
transaction data in to a usable form for processing can be achieved by inspecting the computer to
read data from a written or printed document or it can occur by having people keying the data
directly into the system. The design of input focuses on controlling the amount of input required,
controlling the errors, avoiding delay, avoiding extra steps and keeping the process simple. The
input is designed in such a way so that it provides security and ease of use with retaining the
privacy. Input Design considered the following things:
What data should be given as input?
How the data should be arranged or coded?
The dialog to guide the operating personnel in providing input.
Methods for preparing input validations and steps to follow when error occur
A database is simply a collection of used data just like phone book. MySQL database
include such objects as tables, queries, forms, and more.
TABLES:
In MySQL tables are collection of similar data. With all tables can be organized
differently, and contain mostly different information- but they should all be in the same database
file. For instance we may have a database file called video store. Containing tables named
members, tapes, reservations and so on. These tables are stored in the same database file because
they are often used together to create reports to help to fill out on screen forms.
Relational database:
MySQL is a relational database. Relational databases tools like access can help us
manage information in three important ways.
• Reduce redundancy
• Facilitate the sharing of information
18
• Keep data accurate
FIELDS
FORMS:
Forms are on screen arrangement that make it easy to enter and read data. we can also
print the forms if we want to. We can design form our self, or let the access auto form feature.
REPORTS:
Reports are paper copies of dynasets. We can also print reports to disk, if we like.
Access helps us to create the reports. There are even wizards for complex printouts.
PROPERTIES:
Properties are the specification we assigned to parts of our database design. We can
define properties for fields, forms, controls and most other access objects.
19
3.3 OUTPUT DESIGN:
A quality output is one, which meets the requirements of the end user and presents
the information clearly. In any system results of processing are communicated to the users and to
other system through outputs. In output design it is determined how the information is to be
displaced for immediate need and also the hard copy output. It is the most important and direct
source information to the user. Efficient and intelligent output design improves the system’s
relationship to help user decision-making.
1. Designing computer output should proceed in an organized, well thought out
manner; the right output must be developed while ensuring that each output element is designed
so that people will find the system can use easily and effectively. When analysis design computer
output, they should Identify the specific output that is needed to meet the requirements.
2. Select methods for presenting information.
3. Create document, report, or other formats that contain information produced by
the system.
The output form of an information system should accomplish one or more of the following
objectives.
Convey information about past activities, current status or projections of the
Future.
Signal important events, opportunities, problems, or warnings.
Trigger an action.
Confirm an action.
20
4 SYSTEM TESTING AND IMPLEMENTATION
4.1UNIT TESTING:
Here each program is tested individually so any error apply unit is debugged. The
sample data are given for the unit testing. The unit test results are recorded for further references.
During unit testing the functions of the program unit validation and the limitations are tested.
Unit testing is testing changes made in a existing or new program this test is carried
out during the programming and each module is found to be working satisfactorily. For example
in the registration form after entering all the fields we click the submit button. When submit
button is clicked ,all the data in form are validated. Only after validation entries will be added to
the database.
Unit testing comprises the set of tests performed by an individual prior to integration
of the unit into large system. The situation is illustrated in as follows
Coding-> Debugging ->Unit testing -> Integration testing
The four categories of test that a programmer will typically perform on a program unit
Functional test
Performance test
Stress Test
Structure test
Functional test involve exercising the code with nominal input values for which the
expected results are known as well as boundary values and special values.
Performance testing determines the amount of execution time spent in various parts
of unit program through put and response time and device utilization by the program.
A variation of stress testing called sensitivity testing in same situations a very small
range of data contained in a bound of valid data may cause extreme and even erroneous
processing or profound performance degradation.
Structured testing is concerned with a exercising the internal logic of a program and
traversing paths. Functional testing, stress testing performance testing are referred as “black box”
testing and structure testing is referred as “white box” testing
Software validation is achieved through a series of test that demonstrates the conformity
and requirements. Thus the proposed system under consideration has to be tested by validation
and found to be working satisfactorily. For example in customer enters phone number field should
contain number otherwise it produces an error message similarly in all the forms the fields are
21
validated
In the system testing the whole system is tested for interface between each
modules and program units are tested and recorded. This testing is done with
sample data . The securities, communication between interfaces are tested
System testing is actually a series of different tests whose primary
purpose is to fully exercise the computer based system although each test has a
different purpose all work to verify that all system elements properly integrated and
perform allocate function.
It involves two kinds of activities namely
1. Integrated testing
2. Acceptance testing
22
5 SYSTEM IMPLEMENTATION
System Implementation is the stage in the project where the theoretical design is turned
into a working system. The most crucial stage is achieving a successful new system and giving a
user confidence in that the new system will work efficiently and effectively in the implementation
stage. The stage consist of
1. Testing a developed program with sample data
2. Detection and correction of error
3. Creating whether the system meets a user requirements
4. making necessary changes as desired by users.
5. Training user personal
The implementation phase is less creative than system design. A system design may be
dropped at any time prior to implementation, although it becomes more difficult when it goes to the
design phase. The final report of the implementation phase includes procedural flowcharts, record
layouts, and a workable plan for implementing the candidate system design into a operational
design.PHP and MY SQL has offer very efficient yet a simple implementation technique for
development of the project.
23
5.2 SYSTEM MAINTANANCE
We need to make sure the data is updated all times. The data of customers and
their personal details also detailing about the customers data should be updated.
Therefore we may perform a monthly or quarterly check about the details of the
customers intimating them through the mail.
So that we may update their details in case it has been changed. The database might
need to be changed on a yearly or half-yearly basis if the amount of data in database increases
to much.
Therefore we may extend the size of data to accommodate more information or more
data. We need to maintain steady and fast internet connection to make sure that the notification
sending process is fast and not interrupted by anything.
We would require a single admin to maintain the system and ensure its working.
The admin would be also responsible for report generation.
24
6 CONCLUSION
The “YOGA AND GYM” has been developed to satisfy all proposed
requirements. The process is maintained more simple and easy. The system is highly scalable
and user friendly. Almost all the system objectives have been met. The system has been tested
under all criteria. The system minimizes the problem arising in the existing manual system and it
eliminates the human errors to zero level. The design of the database is flexible ensuring that the
system can be implemented. It is implemented and gone through all validation. All phases of
development were conceived using methodologies. User with little training can get the required
report. The software executes successfully by fulfilling the objectives of the project. Further
extensions to this system can be made required with minor modifications.
25
7 FUTURE ENHANCEMENT
The fitness industry is experiencing a steady pattern of growth, whether it’s health
clubs or fitness app development companies. Startups are mushrooming up on the intersection of
fitness and technology, also known as wellness. Are you planning to create a fitness app? Let’s
go through both the essentials and latest technology trends to help you get fitness app
development straight.
Health and fitness apps also show the highest retention rates across all categories. 96% of
users are using only one health and fitness app. This indicates that they are dedicated to their
fitness apps once they start using them.
One of the most important tasks of fitness app developers is protecting the user’s data from
being leaked. Pay close attention to the subject of data security.
Another challenge is delivering exceptional user experience for the apps to be fast and easy to
use. If you’re not well-experienced in this business, you might find yourself in need of help from
the team of UI/UX designers during this stage of fitness application development.
One other obstacle that can curb entrepreneurs’ enthusiasm is the sheer number of such apps
on the market — there are thousands. So a great way to find your unique advantage is to be on
the edge of innovation and follow what’s trending at the moment.
Fitness industry trends reflect global trends in society. Technologies are seamlessly integrated
into our lives. They are finding their place in people’s fitness and health routines. The
convenience that technology brings to life is beyond compare, and the fitness industry is no
exception.
26
8 BIBLIOGRAPHY
REFERENCES
BOOK
Learning PHP, MySQL, and JavaScript: A Step-by-Step Guide to Creating Dynamic Websites, By Robin
Nixon
Head First PHP & MySQL, By Lynn Beighley and Michael Morrison
WEB:
www.w3schools.com
www.php.net/manual/en/tutorial.php
www.tutorialspoint.com
www.tizag.com/php
www.codecademy.com/tracks/php
27
9. APPENDICES
9.1 TABLE DESIN
EQUIPMENT:
CUSTOMER:
28
ORDER:
DELIVERY:
29
9.2 ER DIAGRAM
The relation upon the system is structure through a conceptual ER-Diagram, which not only
specifics the existential entities but also the standard relations through which the system exists and the
cardinalities that are necessary for the system state to continue. The entity Relationship Diagram (ERD)
depicts the relationship between the data objects. The ERD is the notation that is used to conduct the
date modeling activity the attributes of each data object noted is the ERD can be described resign a data
object descriptions.
The set of primary components that are identified by the ERD are
Data object
Relationships
Attributes
Various types of indicators.
30
ENTITY RELEATIONSHIP DIAGRAM
name
price
Equipme
Customer address nt id
name
quantity
Custome date
r id
Online
Website For Equipment
Customer
Yoga and
Gym
purpose
elecric
Mail id Mobile
no
weight
age
Equipm Equipm
Order
ent id ent
name
31
Order id
amount
9.3 DATA FLOW DIAGRAM
DFD
A data flow diagram is graphical tool used to describe and analyze movement of data
through a system. These are the central tool and the basis from which the other components are
developed. The transformation of data from input to output, through processed, may be described
logically and independently of physical components associated with the system. These are known as
the logical data flow diagrams. The physical data flow diagrams show the actual implements and
movement of data between people, departments and workstations. A full description of a system
actually consists of a set of data flow diagrams. The development of DFD’S is done in several
levels. Each process in lower level diagrams can be broken down into a more detailed DFD in the
next level
The idea behind the explosion of a process into more process is that understanding at
one level of detail is exploded into greater detail at the next level. This is done until further
explosion is necessary and an adequate amount of detail is described for analyst to understand the
process.
DFD SYMBOLS
In the DFD, there are four symbols
A square defines a source(originator) or destination of system data
An arrow identifies data flow. It is the pipeline through which the information flows
A circle or a bubble represents a process that transforms incoming data flow into outgoing
data flows.
An open rectangle is a data store, data at rest or a temporary repository of data
32
Data flow
Data Store
Process
LEVEL 0
Customer Registration
Yoga and Gym
Customer Login Valid Main page
Admin
Invalid
33
Level 1
Userid Invalid
LOGIN Re enter user id and
A Admin Password
Password
Valid Equipment Info
Equipment Entry
Equipment DB
Learning Info
Yoga Learning Learning DB
Entry
Order Info
View Order
Order Db
Feedback Info
View Feedback
Feedback DB
34
Level 2
Userid Invalid
LOGIN Re enter user id and
A Customer Password
Password
Valid Equipment Info
View Equipment
Equipment DB
Learning Info
View Yoga Learning DB
Learning
Order Info
Order
Order Db
Feedback Info
Post Feedback
Feedback DB
35
9.4 SAMPLE CODING
ADMIN:
<!DOCTYPE html>
<html lang="en">
<head>
<title> Yoga and Gym </title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.3.js"></script>
<script src="js/tms_presets.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/Asap_400.font.js"></script>
<script src="js/Coolvetica_400.font.js"></script>
<script src="js/Kozuka_M_500.font.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/FF-cash.js"></script>
<script>
$(window).load(function(){
$('.slider')._TMS({
prevBu:'.prev',
nextBu:'.next',
pauseOnHover:true,
pagNums:false,
duration:800,
easing:'easeOutQuad',
preset:'Fade',
slideshow:7000,
pagination:'.pagination',
waitBannerAnimation:false,
banners:'fade'
})
})
</script>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
36
<body>
<div class="main">
<div class="bg-img"></div>
<!--==============================header=================================-->
<header>
<h1><a href="index.html">Yoga <strong>Gym.</strong></a></h1>
<nav>
<div class="social-icons"> <a href="#" class="icon-2"></a> <a href="#" class="icon-1"></a> </div>
<ul class="menu">
<li class="current"><a href="Admin.php">Home</a></li>
<li><a href="GymEntry.php">Gym</a></li>
<li><a href="YogaEntry.php">Yoga</a></li>
<li><a href="ViewOrder.php">Order</a></li>
<li><a href="Delivery.php">Delivery</a></li>
<li><a href="ViewFeedback.php">Feedback</a></li>
<li><a href="ViewCustomer.php">Customer</a></li>
<li><a href="index.html">Signout</a></li>
</ul>
</nav>
</header>
<!--==============================content================================-->
<section id="content">
<div class="container_12">
<div class="grid_12">
<div class="slider">
<ul class="items">
<li><img src="images/slider-1.jpg" alt="">
<div class="banner">
<p class="font-1">Website for<span>GYM</span></p>
<p class="font-2">A gymnasium, also known as a gym, is an open air or covered location for
gymnastics, athletics, and gymnastic services...</p>
<a href="https://en.wikipedia.org/wiki/Gym">Read More</a> </div>
</li>
<li><img src="images/slider-2.jpg" alt="">
<div class="banner">
<p class="font-1">Website for<span>YOGA</span></p>
<p class="font-2">Yoga is a group of physical, mental, and spiritual practices or disciplines which
originated in ancient India...</p>
<a href="https://en.wikipedia.org/wiki/Yoga">Read More</a> </div>
</li>
<li><img src="images/slider-3.jpg" alt="">
<div class="banner">
<p class="font-1">Yoga<span>Gym</span></p>
<p class="font-2">A gymnasium, also known as a gym, Yoga is a group of physical originated in
ancient</p>
<a href="https://en.wikipedia.org/wiki/Fitness">Read More</a> </div>
</li>
</ul>
<div class="pagination">
<ul>
<li><a href="#"></a></li>
37
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</div>
</div>
38
<h2 class="p3"><span class="color-1">Yoga</span> GYM</h2>
<img src="images/Yoga.GIF" alt="" width="231" height="450" class="img-border img-indent">
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!--==============================footer=================================-->
<footer>
<p>� 2022 Yoga and Gym</p>
<p>Website Template by <a target="_blank" href="http://www.yogagym.com/" class="link">aptone</a></p>
</footer>
</div>
<script>Cufon.now();</script>
</body>
</html>
ADMIN LOGIN:
<!DOCTYPE html>
<html lang="en">
<head>
<title> Yoga and Gym </title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.3.js"></script>
<script src="js/tms_presets.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/Asap_400.font.js"></script>
<script src="js/Coolvetica_400.font.js"></script>
<script src="js/Kozuka_M_500.font.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/FF-cash.js"></script>
<script>
$(window).load(function(){
$('.slider')._TMS({
prevBu:'.prev',
nextBu:'.next',
pauseOnHover:true,
pagNums:false,
duration:800,
easing:'easeOutQuad',
preset:'Fade',
39
slideshow:7000,
pagination:'.pagination',
waitBannerAnimation:false,
banners:'fade'
})
})
</script>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="main">
<div class="bg-img"></div>
<!--==============================header=================================-->
<header>
<h1><a href="index.html">Yoga <strong>Gym.</strong></a></h1>
<nav>
<div class="social-icons"> <a href="#" class="icon-2"></a> <a href="#" class="icon-1"></a> </div>
<ul class="menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="AdminLogin.php">Admin</a></li>
<li><a href="UserLogin.php">User</a></li>
<li><a href="Registration.php">Registration</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</header>
<!--==============================content================================-->
<section id="content">
<div class="container_12">
<div class="grid_12">
<div class="slider">
<ul class="items">
<li><img src="images/slider-1.jpg" alt="">
<div class="banner">
<p class="font-1">Website for<span>GYM</span></p>
<p class="font-2">A gymnasium, also known as a gym, is an open air or covered location for
gymnastics, athletics, and gymnastic services...</p>
<a href="https://en.wikipedia.org/wiki/Gym">Read More</a> </div>
</li>
<li><img src="images/slider-2.jpg" alt="">
<div class="banner">
<p class="font-1">Website for<span>YOGA</span></p>
<p class="font-2">Yoga is a group of physical, mental, and spiritual practices or disciplines which
originated in ancient India...</p>
<a href="https://en.wikipedia.org/wiki/Yoga">Read More</a> </div>
</li>
<li><img src="images/slider-3.jpg" alt="">
40
<div class="banner">
<p class="font-1">Yoga<span>Gym</span></p>
<p class="font-2">A gymnasium, also known as a gym, Yoga is a group of physical originated in
ancient</p>
<a href="https://en.wikipedia.org/wiki/Fitness">Read More</a> </div>
</li>
</ul>
<div class="pagination">
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</div>
</div>
41
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit" value="Submit"
style="width:100px;height:30px; background-color:#990066; color:#FFFF00"/>
<input type="reset" name="Submit2" value="Reset" style="width:100px;height:30px;
background-color:#990066; color:#FFFF00"/></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</center>
</div>
</div>
<div class="wrap box-1 top-2"></div>
</div>
<div class="col-2">
<h2 class="p3"><span class="color-1">Yoga</span> GYM</h2>
<img src="images/Yoga.GIF" alt="" width="231" height="450" class="img-border img-indent">
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!--==============================footer=================================-->
<footer>
<p>� 2021 Yoga and Gym</p>
<p>Website Template by <a target="_blank" href="http://www.yogagym.com/"
class="link">YogaGym</a></p>
</footer>
</div>
<script>Cufon.now();</script>
</body>
</html>
ADMIN LOGINDATA:
<!DOCTYPE html>
42
<html lang="en">
<head>
<title> Yoga and Gym </title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.3.js"></script>
<script src="js/tms_presets.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/Asap_400.font.js"></script>
<script src="js/Coolvetica_400.font.js"></script>
<script src="js/Kozuka_M_500.font.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/FF-cash.js"></script>
<script>
$(window).load(function(){
$('.slider')._TMS({
prevBu:'.prev',
nextBu:'.next',
pauseOnHover:true,
pagNums:false,
duration:800,
easing:'easeOutQuad',
preset:'Fade',
slideshow:7000,
pagination:'.pagination',
waitBannerAnimation:false,
banners:'fade'
})
})
</script>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="main">
<div class="bg-img"></div>
<!--==============================header=================================-->
<header>
<h1><a href="index.html">Yoga <strong>Gym.</strong></a></h1>
<nav>
<div class="social-icons"> <a href="#" class="icon-2"></a> <a href="#" class="icon-1"></a> </div>
<ul class="menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="AdminLogin.php">Admin</a></li>
43
<li><a href="UserLogin.php">User</a></li>
<li><a href="Registration.php">Registration</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</header>
<!--==============================content================================-->
<section id="content">
<div class="container_12">
<div class="grid_12">
<div class="slider">
<ul class="items">
<li><img src="images/slider-1.jpg" alt="">
<div class="banner">
<p class="font-1">Website for<span>GYM</span></p>
<p class="font-2">A gymnasium, also known as a gym, is an open air or covered location for
gymnastics, athletics, and gymnastic services...</p>
<a href="https://en.wikipedia.org/wiki/Gym">Read More</a> </div>
</li>
<li><img src="images/slider-2.jpg" alt="">
<div class="banner">
<p class="font-1">Website for<span>YOGA</span></p>
<p class="font-2">Yoga is a group of physical, mental, and spiritual practices or disciplines which
originated in ancient India...</p>
<a href="https://en.wikipedia.org/wiki/Yoga">Read More</a> </div>
</li>
<li><img src="images/slider-3.jpg" alt="">
<div class="banner">
<p class="font-1">Yoga<span>Gym</span></p>
<p class="font-2">A gymnasium, also known as a gym, Yoga is a group of physical originated in
ancient</p>
<a href="https://en.wikipedia.org/wiki/Fitness">Read More</a> </div>
</li>
</ul>
<div class="pagination">
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</div>
</div>
44
<div class="extra-wrap">
<center>
<form id="form1" name="form1" method="post"
action="AdminLogindata.php">
<table width="50%" style=" color:#0000FF;font:Times New Roman; font-size:16px;font-
weight:bold;" >
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>User Name </td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit" value="Submit"
style="width:100px;height:30px; background-color:#990066; color:#FFFF00"/>
<input type="reset" name="Submit2" value="Reset" style="width:100px;height:30px;
background-color:#990066; color:#FFFF00"/></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</form>
45
</center>
</div>
</div>
<div class="wrap box-1 top-2"></div>
</div>
<div class="col-2">
<h2 class="p3"><span class="color-1">Yoga</span> GYM</h2>
<img src="images/Yoga.GIF" alt="" width="231" height="450" class="img-border img-indent">
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!--==============================footer=================================-->
<footer>
<p>� 2021 Yoga and Gym</p>
<p>Website Template by <a target="_blank" href="http://www.yogagym.com/"
class="link">YogaGym</a></p>
</footer>
</div>
<script>Cufon.now();</script>
</body>
</html>
DELIVERY:
<!DOCTYPE html>
<html lang="en">
<head>
<title> Yoga and Gym </title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.3.js"></script>
<script src="js/tms_presets.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/Asap_400.font.js"></script>
<script src="js/Coolvetica_400.font.js"></script>
<script src="js/Kozuka_M_500.font.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/FF-cash.js"></script>
<script>
$(window).load(function(){
$('.slider')._TMS({
prevBu:'.prev',
46
nextBu:'.next',
pauseOnHover:true,
pagNums:false,
duration:800,
easing:'easeOutQuad',
preset:'Fade',
slideshow:7000,
pagination:'.pagination',
waitBannerAnimation:false,
banners:'fade'
})
})
</script>
<script type="text/JavaScript">
</script>
<script language="javascript">
function sum()
{
var a = document.getElementById("qty").value;
var b = document.getElementById("price").value;
var d = document.getElementById("tprice");
d.value=a * b ;
}
</script>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="main">
<div class="bg-img"></div>
<!--==============================header=================================-->
<header>
<h1><a href="index.html">Yoga <strong>Gym.</strong></a></h1>
<nav>
<div class="social-icons"> <a href="#" class="icon-2"></a> <a href="#" class="icon-1"></a> </div>
<ul class="menu">
<li class="current"><a href="Admin.php">Home</a></li>
<li><a href="GymEntry.php">Gym</a></li>
47
<li><a href="YogaEntry.php">Yoga</a></li>
<li><a href="ViewOrder.php">Order</a></li>
<li><a href="Delivery.php">Delivery</a></li>
<li><a href="ViewFeedback.php">Feedback</a></li>
<li><a href="ViewCustomer.php">Customer</a></li>
<li><a href="index.html">Signout</a></li>
</ul>
</nav>
</header>
<!--==============================content================================-->
<section id="content">
<div class="container_12">
<div class="grid_12">
</div>
<td>
?>
</select> </td>
48
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<?php $result = mysql_query("SELECT * FROM Order1 where OrderID='$id' ");
$row1= mysql_fetch_array($result);
?>
<tr>
<td>OrderID</td>
<td><input type="text" name="oid" value="<?php echo $row1['OrderID']; ?>" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Date</td>
<td><input type="text" name="bid2" value="<?php echo $row1['Date']; ?>" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>User Name </td>
<td><input type="text" name="bid3" value="<?php echo $row1['UserName']; ?>" /> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Equipment ID </td>
<td><input type="text" name="bid" value="<?php echo $row1['EquipmentID']; ?>" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Name</td>
<td><input type="text" name="author" value="<?php echo $row1['Name']; ?>" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
49
<td>Price </td>
<td><input type="text" name="price" id="price" value="<?php echo $row1['Price']; ?>" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>UserQuantity</td>
<td><input type="text" id="qty" name="qty" value="<?php echo $row1['Quantity']; ?>"/> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Total Price </td>
<td><input type="text" id="tprice" name="tprice" value="<?php echo $row1['TotalPrice']; ?>" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit" value="Submit"
style="width:100px;height:30px; background-color:#990066; color:#FFFF00"/>
<input type="reset" name="Submit2" value="Reset" style="width:100px;height:30px;
background-color:#990066; color:#FFFF00"/></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</center>
</div>
</div>
<div class="wrap box-1 top-2"></div>
</div>
<div class="col-2">
<h2 class="p3"><span class="color-1">Yoga</span> GYM</h2>
50
<img src="images/Yoga.GIF" alt="" width="231" height="450" class="img-border img-indent">
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!--==============================footer=================================-->
<footer>
<p>� 2021 Yoga and Gym</p>
<p>Website Template by <a target="_blank" href="http://www.yogagym.com/"
class="link">YogaGym</a></p>
</footer>
</div>
<script>Cufon.now();</script>
</body>
</html>
51
9.5 SCREEN SHOTS
HOMEPAGE
ADMIN
+ADMIN LOGIN PAGE
52
+ADMIN HOME PAGE
53
+YOYA PRACTICAL ENTY PAGE
54
+ADMIN VIEW ORDER DETAILS
55
+ORDER DELIVERY STATUS ENTRY
56
+ADMIN VIEW CUSTOMER
57
USER LOGIN PAGE
58
USER HOME PAGE:
59
GYM EQUIPMENT DETAILS PAGE:
60
GYM EQUIPMENT ORDER PLACE:
61
GYM
62
GALLERY:
63
CONTACT
64
65