FITNESS-STAY FIT STAY STRONG

PAVITHRAA S (22MX119)
MOHANKKANTH E (22MX208)
RENGANATHAN V R (22MX218)

20MX18 Web Application Development

DISSERTATION SUBMITTED IN PARTIAL FULFILMENT OF

THE REQUIREMENT FOR THE DEGREE OF

MASTER OF COMPUTER APPLICATIONS

OF ANNA UNIVERSITY

JANUARY 2023

DEPARTMENT OF COMPUTER APPLICATIONS

PSG COLLEGE OF TECHNOLOGY

(Autonomous Institution)

COIMBATORE-641 004.
 PSG COLLEGE OF TECHNOLOGY
(Autonomous Institution)
COIMBATORE-641 004

FITNESS-STAY FIT STAY STRONG

Bona fide record of work done by

PAVITHRAA S (22MX119)
MOHANKKANTH E (22MX208)
RENGANATHAN V R (22MX218)

20MX18 Web Application Development

DISSERTATION SUBMITTED IN PARTIAL FULFILMENT OF

THE REQUIREMENT FOR THE DEGREE OF

MASTER OF COMPUTER APPLICATIONS

OF ANNA UNIVERSITY

Faculty Guide

……………………
Dr. V.Umarani
 CONTENTS

CHAPTER PAGE

ACKNOWLEDGEMENT i

SYNOPSIS ii

1 INTRODUCTION 1

1.1 Fitness 1

1.2 Tools And Technologies Used 2

1.3 Objectives of the Application 4

2 SYSTEM DESIGN 5

2.1 System Diagram 5

2.2 Flow Diagram 5

2.3 Entity – Relationship Diagram 6

2.4 System Flow 7

2.5 Modules Involved 8

3 SYSTEM IMPLEMENTATION 9

3.1 System testing 9

 3.2 Testcase 12

4 APPENDIX 13

4.1 Appendix A 13

4.2 Appendix B 14

4.3 Appendix C 15

5 SCREENSHOTS 17

6 CONCLUSION 24

7 BIBLIOGRAPHY 25
 ACKNOWLEDGEMENT

We warmly acknowledge our sincere and devoted thanks to the Principal

Dr.K.PRAKASAN., PSG College of Technology, for giving us this golden opportunity to
enact us in doing this project.

We express our deep appreciation to Dr.A.CHITRA., Professor and Head,

Department of Computer Applications, PSG College of Technology, Coimbatore, for
providing necessary arrangements to do our project successfully.

We stand obliged to the Program Coordinator, Dr.R.MANAVALAN., Associate

Professor, Program Coordinator, Department of Computer Applications, for granting
necessary permission to undertake this project and also providing adequate facilities to facilitate
the same.

It is a great pleasure and privilege to acknowledge and express our deep sense of
gratitude to our Guide Dr.V.Umarani, Assistant Professor (Sr.Gr), Department of
Computer Applications at PSG college of Technology, Coimbatore for her valuable
guidance, expert advice and almost involvement in every stage of this project work, she stood
to define us as atower to strength us to complete this task successfully.

We are dearly obliged to our tutors Dr.N.Ilayaraja, Assistant Professor,

Mrs.K.Gayathiri, Assistant Professor, Department of Computer Applications, PSG
College of Technology, Coimbatore for giving us an opportunity to work on this project which
has provided valuable information about Fitness.

We thank all our good friends for their support and consultant encouragement given
through the period of our study. We warmly extend our thanks to all the staff members in the
Department of Computer Application for helping us by giving necessary information about the
project.

i
 SYNOPSIS.

The project entitled Fitness-Stay Fit Stay Strong has been developed for users who do
workouts at home.
Health and fitness are very essential part of life which must be followed by each and every
person in the world to live disease free and happy lifestyle. It is not necessary for every
individual to go to the gym, instead they can balance their physical fitness and maintain
their scheduled diet plan by taking proper nutritious meal at a cost-efficient manner.

The first step to stay fit is to follow a balanced diet. The diet should comprise all essential
nutrients, including carbohydrates, fats, proteins, vitamins, minerals, roughage, and water.
Every user can follow a regular fitness cycle at low cost, un-interrupted accessibility and a
proper guide.
The health and fitness must be maintained simultaneously. To maintain perfect health and
fitness introducing website which demonstrates the regular fitness cycle and the whole diet
plan. The fitness and diet plan are categorized based on the user’s health report using Body
Mass Index.

i
 CHAPTER 1
INTRODUCTION

Health and fitness are very essential part of life which must be followed by each and every person
in the world to live disease free and happy lifestyle. The project provides the user different kinds of
workout schedules along with timer as well as proper diet food plan. It is not necessary for every
individual to go to the gym to maintain a proper physique. Instead, they can register through the
website and can go through the plans provided for different categories of workouts. The first step to
stay fit is to follow a balanced diet. The diet should comprise all essential nutrients, including
carbohydrates, fats, proteins, vitamins, minerals, roughage, and water. The website provides
physical fitness guide and proper scheduled diet plan at cost efficient manner. The individuals can
calculate their body mass index. The website also provides the user to set timer for scheduled tasks
based on their requirements. Also, for those busy executive who are always on the go, the systems
come with remote access features, which will allow you to manage your workforce anytime, at all times.

Fitness Website, as described above, can lead to error free, secure, reliable and fast management
system. It can assist the user to concentrate on their other activities rather to concentrate on the
record keeping. Thus, it will help organization in better utilization of resources. No formal
knowledge is needed for the user to use this system. Thus, by this all it proves it is user-friendly.

Fitness website is an online platform where people can exercise for health benefits and learn about
good eating’s without any fee transactions. The project is mainly focused on exercises and other
forms of physical activity which includes aerobics, flexibility, boosting metabolism, abs and core.

1.1 FITNESS

To put it simply, physical activity and exercise is important for everyone. Children, adolescents,

and adults of all ages need regular physical activity. Physical activity promotes good health, and

stay active throughout all stages of your life regardless of your body type or BMI. Understanding

the benefits of physical fitness and knowing how active you should be can helpyou maintain good

health and improve your overall quality of life. Here are a few benefits of regular physical activity

that demonstrate the importance of physical fitness.

1
Regular exercise and physical activity increase muscle strength, bone density, flexibility, and
stability. Physical fitness can reduce your risk for and resilience to accidental injuries, especially
as getting older. For example, stronger muscles and better balance mean that less likely to slip
and fall, and stronger bones mean that less likely to suffer bone injuries should take a tumble.

1.2 TOOLS AND TECHNOLOGIES USED

A stable technology is something that has been tested and used on three or more projects. It is
believed that to truly measure a technology it must be used on multiple real-world projects. The
technologies used in this project are Html, JavaScript, CSS, PHP, MySQL. Thefollowing are
briefed below.

Front-End
Front-End development, also known as client-side development, is the practice of producing
HTML, CSS and JavaScript for a website or Web Application so that the user can see and
interact directly with it.

Hypertext Mark-up Language (HTML)

Hypertext Mark-up Language (HTML) is the standard mark-up language for creating web
pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it formsa triad
of cornerstone technologies for the World Wide Web. Web browsers receive HTML documents
from a web server or from local storage and render the documents into multimediaweb pages.
HTML describes the structure of a web page semantically and originally included cues for the
appearance of the document.

2
Cascading Style Sheets (CSS)
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of
a document written in a mark-up language like HTML.CSS is a cornerstone technology of the
World Wide Web, alongside HTML and JavaScript.CSS is designed to enable the separation
of presentation and content, including layout, colors, and fonts. This separation can improve
content accessibility, provide more flexibility and control in the specification of presentation
characteristics, enable multiple web pages to share formatting byspecifying the relevant CSS
in a separate .css file, and reduce complexity and repetition in thestructural content.

Client-side validation: JavaScript

JavaScript, often abbreviated as JS, is a high-level, interpreted programming language. It is a
language which is also characterized as dynamic, weakly typed, prototype-based and multi-
paradigm. Alongside HTML and CSS, JavaScript is one of the threecore technologies of the
World Wide Web. JavaScript enables interactive web pages and thus isan essential part of web
applications. The vast majority of websites use it, and all major web browsers have a dedicated
JavaScript engine to execute it.

Back-End
Back-End refers to the server-side upgrade. Focuses on websites, documents, and website
design. Contains post-scene activities that take place when any action is performedon a
website. It can be an account login or an online store purchase. The code written by the
developers helps the browsers connect to the information of the site. Everything that happens
before a page is displayed in a web browser is part of the backend.

3
 Business logic: PHP
Hypertext Pre- processor (or just PHP) is a server-side scripting language designed forweb
development but also used as a standard programming language. Originally created by Rasmus
Leadoff in 1994, the launch of the PHP reference is now being produced by The PHPGroup.
PHP originally represented a Personal Home Page, but now represents a repetitive summary of
PHP: Hypertext Pre- processor. PHP code is usually processed by a PHP translatorused as a
module on a web server or as a usable Common Gateway Interface (CGI). A web server
includes the results of translated and used PHP code, which may be in any type of data,
including images, and a generated web page. PHP code can be used with the command line
interface (CLI) interface and can be used to run standalone image applications.

Database: MySQL
MySQL is an opensource database resource management system. With proprietary use,a few
paid programs are available, and offer additional functionality. In this project MySQL isused to
store, update, restore and delete related user data and other additional data about projects. Web
Server: Apache The Apache HTTP server, called Apache, is a free and open source web server,
issued under the terms of the Apache License 2.0. Apache is developed andmaintained by an
open community of developers under the Apache Software Foundation. TheApache HTTP
server is a cross platform.

1.3 OBJECTIVES OF THE APPLICATION

The objectives of the application are

 The main objective of the project is to maintain proper physical health by
demonstrating the daily workout routine and day to day diet plan based on the
user’s health concern.

 Users can schedule their task based on the timer provided for every workout
plan.

4
 CHAPTER 2
SYSTEM DESIGN

This Chapter discusses system design and Systems design is the process of defining elements
of a system like modules, architecture, components and their interfaces and data for a system
based on the specified requirements.

2.1 SYSTEM DIAGRAM

The System diagram shown in Figure 2.1 represents how the system is divided into 'subsystems'
(processes), each of which deals with one or more data flowing to or from an external agent,
and encompasses everything that provides the full functionality of the system as a whole. It
also identifies the internal data stores that must be present for the system to perform its function,
and displays the flow of data between the various components of the system.

Figure 2.1 System Diagram

2.2 FLOW DIAGRAM

Flow diagram shown in Figure 2.2 is an integrated term that represents a flow or set of dynamic
relationships in a system. The term flow diagram is also used as a flowchart, and sometimes as
a flowchart counterpart. Flow diagrams are used to build and organize complex systems, or to
illustrate the sub-structure of structures and their interactions. The flow diagram below is
designed using a design tool called Lucid charts.

5
 Figure 2.2 Flow Diagram

2.3 ENTITY RELATIONSHIP DIAGRAM

An Entity–relationship model shown in Figure 2.3 describes the structure of a databasewith the
help of a diagram, which is known as Entity Relationship Diagram. An ER model isa design
or blueprint of a database that can later be implemented as a database.

6
 Figure 2.3 ER Diagram

2.4 SYSTEM FLOW DIAGRAM

The system flow diagram shown in Figure 2.4 is one of the graphical representations of the flow of
data in a system in software engineering. The diagram consists of several steps that identify where
the input is coming to the system and output going out of the system.

Figure 2.4 System flow

7
2.5 MODULES INVOLVED

1. Home:
This page consists Sign up button and Sign in button user can either click Sign in button if
already register or Signup button to register.
2. Sign in:
In this page user can give the username and password after the validation process user is
traverse to the bmi calculation page if the user is first time user.
3. Sign up:
In this page user can enter the details to register in the website. Details like name, age,
gender, password, phone number and address. By clicking Sign up button form validation occurs
and then user is traverse to sign in page.
4. Bmi:
User can check the body mass index by entering the weight in kg, height in cm and
calculating the formula (weight/height^2).
5. Exercise Modules:
This web application consists of totally nine exercise modules in each module exercise
will displayed with gif, name and number of seconds to be practice.
1. Leg Toning
2. Abs and Chest
3. Lower Body
4. Cardio
5. Boosting Metabolism
6. Dynamic Stretches
7. Thigh Toning circuit
8. Aerobics
9. Flexibility

6. Feedback:
In this page registered user only can enter the feedback. User can give n number of
feedback it will get updated in the database.
7. Gallery:
This page consists of photos related to exercise.

8
 CHAPTER 3
SYSTEM IMPLEMENTATION

This chapter discusses system implementation. Systems implementation is a set of procedures

performed to complete the design contained in the systems design document.

3.1 SYSTEM TESTING

Testing is a set activity that can be planned and conducted systematically. Testing beginsat the
module level and work towards the integration of entire computers-based system.Nothing is
complete without testing, as it is vital success of the system.

There are several rules that can serve as testing objectives, they are

1. Testing is a process of executing a program with the intent of finding an error

2. A good test case is one that has high probability of finding an undiscovered error.

3. A successful test is one that uncovers an undiscovered error.

If testing is conducted successfully according to the objectives as stated above, it woulduncover

errors in the software. Also testing demonstrates that software functions appearto the working
according to the specification, that performance requirements appear to have been met.

There are three ways to test a program:

1. For Correctness

2. For Implementation efficiency

3. For Computational Complexity

9
Tests for correctness are supposed to verify that a program does exactly what it was designed to
do. This is much more difficult than it may at first appear, especially for large programs. Tests
for implementation efficiency attempt to find ways to make a correctprogram faster or use less
storage It is a code-refining process, which re-examines the implementation phase of algorithm
development.

Tests for computational complexity amount to an experimental analysis of the complexityof an

algorithm or an experimental comparison of two or more algorithms, which solve thesame problem.

The following ideas should be a part of any testing plan:

1. Preventive Measures

2. Spot checks

3. Testing all parts of the program

4. Test Data

5. Looking for trouble

6. Time for testing

7. Re Testing

The data is entered in all forms separately and whenever an error occurred; it is corrected
immediately. A quality team deputed by the management verified all the necessary documents and
tested the Software while entering the data at all levels. The entire testing process can be divided
into 3 phases.
1. Unit Testing

2. Output Testing

TESTING REQUIREMENTS

Testing can be done based on test cases. Test case has components that describes an input,action
or event and an expected response, to determine if a feature of an application is working correctly

For this project the application must generate the following,

 Valid user name

 Valid password

1
The input given by the user must be check from database.
Login ID = {Valid login ID, Invalid login ID}

Password = {Valid password, Invalid password, Empty}

Steps formatting to carry out the test for Login Page-

 Valid Login page

 Enter Email ID

 Enter password

 Click Login

UNIT TESTING

As this system was partially GUI based WINDOWS application, the following were tested in this
phase

1. Tab Order

2. Reverse Tab Order

3. Field length

4. Front end validation

In this system, Unit testing has been successfully handled. The test data was given to eachand
every module in all respects and got the desired output. Each module has been tested found
working properly.

OUTPUT TESTING

This is the final step in testing. In this the entire system was tested as a whole with all forms, code,
modules and class modules. This form of testing is popularly known as BlackBox testing or system
testing.

Black Box testing methods focus on the functional requirement of the software. That is, Black Box
testing enables the software engineer to derive sets of input conditions that will fully exercise
all functional requirements for a program. Black Box testing attempts to find errors in the following
categories; incorrect or missing functions, interfaceerrors, errors in data structures or external

1
 database access, performance errors andinitialization errors and termination errors.

3.2 TEST CASES

1. Sign in validation

Figure 3.1 Sign In Validation

If the user is not registered or the password is wrong, "No Such User Available" is displayed in
the above figure.

2. Sign up validation

Figure 3.2 Sign Up Validation

If the user doesn't provide any data, an alert message appears in the appropriate field (form
validation).

1
 CHAPTER 4
APPENDIX

APPENDIX A
# This code snippet is used to create a new user account and carry out validation operations.
$servername = "localhost";
$username = "root";
$password = "";
$db = "fitness";
$conn = mysqli_connect($servername, $username, $password, $db);
if(!$conn){
die("Connection failed: ".mysqli_connect_error());
}

if(isset($_POST['user_name'])){
$uname = $_POST['user_name'];
$gender = $_POST['gender'];
$age = $_POST['age'];
$pword = $_POST['pass_word'];
$pnumber = $_POST['ph_number'];
$email = $_POST['email_id'];
$address = $_POST['loc_address'];

$insert_sql = "INSERT INTO register(username_value,gender,age, password_value,

ph_number, email_ID,loc_address) VALUES('$uname','$gender',$age,'$pword', $pnumber,
'$email','$address')";
if(isset($_POST["submit"]))
{
header("Location:home.html");
}
if(!mysqli_query($conn, $insert_sql)) {
echo "Error: " . $insert_sql . "<br>" . mysqli_error($conn);
}
}
mysqli_close($conn);
1
APPENDIX B

# The following code snippet is used to calculate the BMI of a particular user
if(isset($_POST['user_name']))
{
$uname = $_POST['user_name'];
$weight = $_POST['Weight'];
$height = $_POST['height'];

$bmi = ($weight / (($height * $height)/10000));

if($bmi < 18.5)
{
$category = 'Under Weight';

}
else if ($bmi >= 18.5 && $bmi <= 24.9)
{
$category = 'Normal Weight';
}
else if ($bmi >= 25 && $bmi <= 29.9)
{
$category = 'Over Weight';
}
else
{
$category = 'obese';
}
$insert_sql = "INSERT INTO
bmi(username_value,weight_value,height_value,bmi_value,cateory) VALUES('$uname',
$weight,$height,$bmi,'$category')";
header("Location:modules.html");

if(!mysqli_query($conn, $insert_sql))
{
echo "Error: " . $insert_sql . "<br>" . mysqli_error($conn);
1
 }
}
mysqli_close($conn);

APPENDIX C

# The user can benefit from a timer by using the following line of code.

let startBtn = document.getElementById('start');

let stopBtn = document.getElementById('stop');
let resetBtn = document.getElementById('reset');
let minute = 00;
let second = 00;
let count = 00;
startBtn.addEventListener('click', function () {
timer = true;
stopWatch();
});
stopBtn.addEventListener('click', function () {
timer = false;
});
resetBtn.addEventListener('click', function () {
timer = false;
minute = 0;
second = 0;
count = 0;
document.getElementById('min').innerHTML = "00";
document.getElementById('sec').innerHTML = "00";
document.getElementById('count').innerHTML = "00";
});
function stopWatch() {
if (timer) {
count++;
if (count == 100) {

1
 second++;count =
0;
}
if (second == 60) {
minute++; second = 0;
if (minute == 60) {
hour++; minute = 0;
second = 0;
}
let minString = minute;let
secString = second; let
countString = count;if (minute <
10) {
minString = "0" + minString;
}
if (second < 10) {
secString = "0" + secString;
}
if (count < 10) {
countString = "0" + countString;
}
document.getElementById('min').innerHTML = minString;
document.getElementById('sec').innerHTML = secString;
document.getElementById('count').innerHTML = countString;
setTimeout(stopWatch, 10);
}

1
 CHAPTER 5
SCREENSHOTS

Figure 5.1 Home page

Figure 5.2 Exercise page

1
 Figure 5.3 Leg Toning

Figure 5.4 Abs and Chests

1
Figure 5.4 Lower Body

Figure 5.5 Cardio

1
Figure 5.6 Boosting Metabolism

Figure 5.7 Dynamic Stretches

2
Figure 5.8 Thigh Toning Circuit

Figure 5.9 Aerobics

2
 Figure 5.10 Flexibility

Figure 5.11 Gallery Page

2
Figure 5.12 Feedback Page

2
 CHAPTER 6

CONCLUSION

The website for health and fitness guidance is created which can accept dynamic user inputs and
allows the user to categorize their health based on their body mass index which later provides the
corresponding diet and fitness plan. It is very useful for people who likes to do workouts in their
comfortzone. These days hiring a trainer is costly and people are motivated to keep themselves
fit and healthy. And it is helpful for the people who like to maintain diet and do workouts at
home.

2
 CHAPTER 7
BIBLIOGRAPHY

https://www.scaler.com/topics/html/

https://www.w3schools.com/html/

https://stackoverflow.com/tags/html/info

https://www.tutorialspoint.com/html/index.htm

https:// www.learningrobo.com/

https://www.geeksforgeeks.org/html/

https://www.javatpoint.com/html-tutorial9