Project Report On

“FITNESS ZONE”
SANT BABA BHAG SINGH UNIVERSITY
JALANDHAR

In partial fulfillment of the requirement for the

Award of degree of

BACHELOR OF COMPUTER APPLICATIONS

(Session 2021-2024)
Department of Computer Science Application

Submitted to: Submitted by:

Ms.SIMRAN NEERAJ WALIA, RAHUL ,KARANVIR

(Asst. professor in Computer Dept.) (21014047),(21014 072),(21014059)

BCA(4thSEM)
 TABLE OF CONTENTS

Serial No. Topic Page No

1 Introduction 1

2 Project Description 12

3 Project Analysis 14

3.1 Problem 15
Description

3.2 Feasibility Analysis 16

3.3 Requirement 20
Analysis

3.4 Tools and 23

Technique Used

4 Software Process 28
Model

5 Design 32
5.1 System Design 35

5.2 Data Flow Diagrams 38

5.3 ER Diagrams 46

49
5.4 Data Base Tables
INTRODUCTION TO PROJECT
PROJECT :- “(FITNESS ZONE)”

Project Title : Fitness Zone

Project Duration : 2 Months

Project Category : Strength

Aim of Project

A modern day gymnasium (as gym used to be a called way back in Ancient

Greece) is a place for indoor physical workout where various equipment and
where you focus on weight lifting and similar activities.
The objectives of this project are

⚫ provide strong immunity

⚫provide indurance
⚫physically fit
⚫provide sharp mental ability
A project on fitness zone using PHP(laravel) and MySQL developed. Fitness zone divided
into three modules.

▪ Aerobic
▪ Jogging

Aerobics

Aerobics is a form of physical exercise that combines rhythmic aerobic

exercise with stretching and strength training routines with the goal of
improving all elements of fitness.

Jogging
Jogging is a form of trotting or running at a slow or leisurely pace.The main
intention is to increase physical fitness with less stress on the body than from
faster running but more than walking.or to maintain a study speed for longer
periods of time.
 PROJECT DESCRIPTION

Experts define physical fitness as “one’s ability to execute daily activities with optimal
performance, endurance, and strength with the management of disease, fatigue, and stress and
reduced sedentary behaviour.”

This description goes beyond being able to run quickly or lift heavy weights. Despite being
important, these attributes only address single areas of fitness.

This article provides details of the five main components of physical fitness.

Scope:

There was a time when spending on fitness and taking gym membership was considered a
luxury, but today it has become a part of everybody's lifestyle. With growing urbanization, and
improving disposable incomes, the need for gyms is boosting. This has become an era of
physical fitness and hence, the need for fitness trainers has become ever-increasing. There are
different career opportunities for people with an enthusiasm for fitness and training. So, lets have
a look at some of the highest-paying job profiles in this field-Wellness CoachesWellness coaches
are general physicians who focus on preventive care and general medicine

3 PROJECT ANALYSIS
Systems development is the process of defining, designing, testing, and implementing a new
software application or program. It could include the internal development of customized
systems, the creation of database systems, or the acquisition of third party developed
software. Written standards and procedures must guide all information systems processing
functions. The organization’s management must define and implement standards and adopt an
appropriate system development life cycle methodology governing the process of developing,
acquiring, implementing, and maintaining computerized information systems and related
technology. Examination Objectives: Determine if the board and management have
established and maintained effective systems development methodology. This is
accomplished through the following examination objectives:
• Board and fitness zone Oversight – Assess the adequacy of systems development
oversight by examining related policies, procedures, and methodology.

• Risk Assessment—determine the level of systems development activities existing within

the institution. If systems development activities for mission-critical systems are handled
primarily through a service provider, evaluate management’s due diligence to ensure
appropriate documentation and controls exist within the service provider’s development
processes. Assess the adequacy of the institution’s risk assessment process for systems
development.

PROJECT ANALYSIS

3.1 Problem Description

Study of Existing System

There is not another CSA DEPARTMENT WEBSITE in our department. This is the first
website that we develop for our department. But there is an IMS Portal at which teachers can
not fill attendance and marks of the students. In that IMS Portal most of the operations are not
available in it.

With updating daily based attendance and marks teacher can also upload assignments with a
proper deadline of submission.

Teacher can also upload daily based notes of the class and students can download notes when
they need. They can also upload notices.

Features of the project:

There are various unique features of website which are as following:

⮚ Flexible

These days, way of technology is changing very fast due to rapid development in the field of
technology. So, the website should be flexible, we can change processing system as per our
requirement.

⮚ Modular and Open

One of the great characteristics of any good website is that it has open module architecture. It
means, if there is error in any module, we can correct it by opening it instead affecting all
other modules.
⮚ Multi-Facilities

This website should be advance and it should use comprehensive way. It means all most all
the functions of department should be done through this website.

Objective of the project:

⮚ Ensuring better flow of information between the teacher and student.

⮚ Ensuring transparency with appropriate controls.

Scope of the project:

⮚ This website can easily implemented under various situations.

⮚ We can add new features as and when we required.
⮚ Reusability of this website is also possible.

⮚ We can expand this application from small scale to large scale.

 3.2 FEASIBILITY STUDY
Feasibility study is made to see if the project on completion will serve the purpose of the
organization for the amount of work, effort and the time that spend on it. Feasibility study lets
the developer foresee the future of the project and the usefulness. A feasibility study of a
system proposal is according to its workability, which is the impact on the organization,
ability to meet their user needs and effective use of resources. The document provide the
feasibility of the project that is being designed and lists various areas that were considered
very carefully during The feasibility study of this project such as technical, economic and
operational feasibilities. The following are its features:

⮚ TECHNICAL FEASIBILITY

The system must be evaluated from the technical point of view first. The assessment of this
feasibility must be based on an outline design of the system requirement in the terms of input,
output, programs and procedures. Having identified an outline system, the investigation must
go on to suggest the type of equipment, required method developing the system, of running
the system once it has been designed. Technical issues raised during the investigation are:

● Does the existing technology sufficient for the suggested one?

● Can the system expand if developed?

The project should be developed such that the necessary functions and performance area achieved
within the constraints. The project is developed within latest technology.

⮚ ECONOMIC FEASIBILITY

The developing system must be justified by cost and benefit. Criteria to ensure that effort is
concentrated on project, which will give best, return at the earliest. One of the factors, which affect
the development of a new system, is the cost it would require. The following are some of the
important financial questions asked during preliminary investigation:

● The costs conduct a full system investigation.

● The cost of the hardware and software.
● The benefits in the form of reduced costs or fewer costly errors.

Since the system is developed as part of project work , there is no manual cost to spend for
the proposed system. Also all the resources are already available, it give an indication of the system
is economically possible for development.
 ⮚ BEHAVIORAL FEASIBILITY

This includes the following questions:

● Is there sufficient support for the users?

● Will the proposed system cause harm?

The project would be beneficial because it satisfies the objectives when developed and
installed. All behavioral aspects are considered carefully and conclude that the projectis
behaviorally feasible.

3.3 REQUIREMENT ANALYSIS

⮚ HARDWARE AND SOFTWARE REQUIREMENTS:

1.1.1 Hardware Requirements

1. Processor – Intel Pentium

2. RAM – 4GB
3. ProcessorSpeed – 1.60GHZ
 1.1.2 Software Requirements

1. OperatingSystem – Microsoft Windows XP, 7, 8,10.11

2. Front-End – HTML, CSS, HTML5, BOOTSTRAP.
3. Back-End – MySQL, PHP CORE
4. IDE –SUBLIME TEXT3,NOTEPAD++

3.4Tools and Technique Used

FRONT END

HTML:

HTML stands for Hyper Text Markup Language. It is used to design web pages using
markup language. HTML is the combination of Hypertext and Markup language. Hypertext
defines the link between the web pages. Markup language is used to define the text document
within tag which defines the structure of web pages. This language is used to annotate (make
notes for the computer) text so that a machine can understand it and manipulate text
accordingly. Most of markup (e.g. HTML) languages are human readable. Language uses
tags to define what manipulation has to be done on the text.
HTML is a markup language which is used by the browser to manipulate text, images and
other content to display it in required format. HTML was created by Tim Berners-Lee in
1991. The first ever version of HTML was HTML 1.0 but the first standard version was
HTML 2.0 which was published in 1999.

CSS:

Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to
simplify the process of making web pages presentable. CSS handles the look and feel part of
a web page. Using CSS, you can control the colour of the text, the style of fonts, the spacing
between paragraphs, how columns are sized and laid out, what background images or colours
are used, layout designs, and variations in display for different devices and screen sizes as
well as a variety of other effects.
HTML5:

HTML5 is the latest and most enhanced version of HTML. Technically, HTML is not a
programming language, but rather a markup language. This tutorial gives very good
understanding on HTML5. HTML5 Overview HTML5 is the next major revision of the
HTML standard superseding HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 is a
standard for structuring and presenting content on the World Wide Web. HTML5 is a
cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext
Application Technology Working Group (WHATWG). The new standard incorporates
features like video playback and drag-and-drop that have been previously dependent on
third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears.

BOOTSTRAP:

Bootstrap is a powerful front-end framework for faster and easier web development. It
includes HTML and CSS based design templates for creating common user interface
components like forms, buttons, navigations, dropdowns, alerts, modals, tabs, accordions,
carousels, tooltips, and so on. Bootstrap gives your ability to create flexible and responsive
web layouts with much less efforts. Bootstrap was originally created by a designer and a
developer at Twitter in mid-2010. Before being an open-sourced framework, Bootstrap was
known as Twitter Blueprint.

JavaScript

JavaScript is a very powerful client-side scripting language. JavaScript is used mainly for
enhancing the interaction of a user with the webpage. In other words, you can make your
webpage more lively and interactive, with the help of JavaScript. JavaScript is also being
used widely in game development and Mobile application development.
jQuery

jQuery is an open source JavaScript library that simplifies the interactions between an
HTML/CSS document, or more precisely the Document Object Model (DOM),and
JavaScript. Elaborating the terms, jQuery simplifies HTML document traversing and
manipulation, browser event handling, DOM animations, Ajax interactions, and
cross-browser JavaScript development.

● It is incredibly popular, which is to say it has a large community of users and a

healthy amount of contributors who participate as developers and evangelists.
● It normalizes the differences between web browsers so that you don’t have to.
● It is intentionally a lightweight footprint with a simple yet clever plugin
architecture.
● Its repository of plugins is vast and has seen steady growth since jQuery’s release.
● Its API is fully documented, including inline code examples, which in the world of
JavaScript libraries is a luxury. Heck, any documentation at all was a luxury for
years.
● It is friendly, which is to say it provides helpful ways to avoid conflicts with other
JavaScript libraries.

Ajax
Ajax is an acronym for Asynchronous Javascript and XML. It is used to communicate with
the server without refreshing the web page and thus increasing the user experience and better
performance.

Prerequisites:
There are no such pre-requisites required to understand the latter portion of the article. Only
the basic knowledge of HTML, CSS, and Javascript are good to go.

How does it work?

First, let us understand what does asynchronous actually mean. There are two types of
requests synchronous as well as asynchronous. Synchronous requests are the one which
follows sequentially i.e if one process is going on and in the same time another process wants
to be executed, it will not be allowed that means the only one process at a time will be
executed. This is not good because in this type most of the time CPU remains idle such as
during I/O operation in the process which are the order of magnitude slower than the CPU
processing the instructions. Thus to make the full utilization of the CPU and other resources
use asynchronous calls. For more information visit this link. Why the word javascript is
present here. Actually, the requests are made through the use of javascript functions. Now the
term XML which is used to create XMLHttpRequest object.
 ⮚ SOFTWARE REQUIREMENTS

TOOLS USED FOR PROJECT

VISUAL STUDIO CODE:

Installing Setup of Visual studio code:

We need to install the setup of visual studio code, we should also install the visual studio
code by using some simple steps.

1. Download the Visual Studio Code installer for Windows.

2. Once it is downloaded, run the installer (VSCodeUserSetup-{version}.exe). This will
only take a minute.
3. By default, VS Code is installed under
C:\users\{username}\AppData\Local\Programs\Microsoft VS Code.

Alternatively, you can also download a Zip archive, extract it and run Code from there.

XWAMP Server:

Installing Setup & Set the path of XAMPP Server:

We need to install the setup of , we should also install the XAMPP Server by using some
simple steps.

1. Download XAMPP Server according to window, it may 32 bit or 64 bit. We can

install it from there.
2. Select save or run. Click open.
3. Press next, and select “ I Accept” and press next.
4. Select where we want to save it. If we can not decide just leave it as it is. The press
“NEXT”.
5. If we accept this, our computer/laptop will be quite slow on startup.
6. Let it run, then just press open and then finish and we done it.
 4.DESIGN
The basic idea here is that instead of freezing the requirements before a design or coding can
proceed, a throwaway prototype is built to understand the requirements. This prototype is
developed based on the currently known requirements. By using this prototype, the client can
get an “actual feel” of the system, since the interactions with prototype can enable the client
to better understand the requirements of the desired system. Prototyping is an attractive idea
for complicated and large systems for which there is no manual process or existing system to
help determining the requirements. The prototype are usually not complete systems and many
of the details are not built in the prototype. The goal is to provide a system with overall
functionality.

Need of Prototyping Model

This type of System Development Method is employed when it is very difficult to obtain
exact requirements from the customer(unlike waterfall model, where requirements are clear).
While making the model, user keeps giving feedbacks from time to time and based on it, a
prototype is made. Completely built sample model is shown to user and based on his
feedback, the SRS(System Requirements Specifications) document is prepared. After
completion of this, a more accurate SRS is prepared, and now development work can start
using Waterfall Model.

Advantages of Prototyping Model

1) When prototype is shown to the user, he gets a proper clarity and 'feel' of the functionality
of the software and he can suggest changes and modifications.
 2) This type of approach of developing the software is used for non-IT-literate people. They
usually are not good at specifying their requirements, nor can tell properly about what they
expect from the software.
3) When client is not confident about the developer's capabilities, he asks for a small
prototype to be built. Based on this model, he judges capabilities of developer.
4) Sometimes it helps to demonstrate the concept to prospective investors.

5) It reduces risk of failure, as potential risks can be identified early.

6) Iteration between development team and client provides a very good and conductive
environment during project.
7) Time required to complete the project after getting final the SRS reduces, since the
developer has a better idea about how he should approach the project.

Disadvantages of Prototyping Model:

1) Prototyping is usually done at the cost of the developer. So it should be done using
minimal resources. It can be done using Rapid Application Development (RAD) tools. Please
note sometimes the start-up cost of building the development team, focused on making
prototype, is high.

2) Once we get proper requirements from client after showing prototype model.

3) Too much involvement of client, is not always preferred by the developer.

4) Too many changes can disturb the rhythm of the development

4.1SYSTEM DESIGN
The most creative and challenging phase of SDLC is system design. The term design
describes a final system and the process by which it is developed. It includes construction of
programs and program testing.

The purpose of the design phase is to plan a solution of the problem specifies by the
requirements document. This phase is the first step in the moving from the problem domain
to the solution domain. Starting with what is needed; design takes us towards how to satisfy
the needs. The design of the system is perhaps the most critical factor affecting the quality of
the software. It has major impact on the later phase, particularly testing and maintenance. The
output of this phase is the design document. This document is similar to blueprint or plan for
the solution and is used later during implementation, testing and maintenance.

A systematic method has to achieve the beneficial result at the end. It includes starting with
average idea and developing it into a series of steps. The series of steps for successful system
development are given below:

⮚ Study problem completely because first of all we should know the goal, which he
has to achieve.
⮚ We should see what kind of output we require and what kind of input we give so
we can get the desired output from system output from system. It is very
challenging step of system development.
⮚ According to the output requirement of system the strength of various databases
should be design.
⮚ Next, we should know what kind of program we should develop, which will lead
us to reach final goal.
⮚ Then we write this individual program, which later on joining solve problem.
⮚ Then we test these programs and make necessary correction in them to achieve
target of program.

⮚ At last combining all these problems in the forms of a bar in the menu of
windows, this will complete software package for general insurance.

The three main objectives which the designer has to bear in mind are:-
1. How fast the design will be do the users work given particular hardware resources.
2. The extent to which the design is secure against the human errors and machine
malfunctions.
3. The ease with which the design allows the system to be changed.
To meet these objectives analyst and programmers use a top-down and bottom-up
design.

⮚ TOP – DOWN DESIGN

It is also known as system design, aims to identify the modules that should be in a
system. It starts with large picture and move to the details. The analyst and team
members look at major functions that the system must provide and break these down
into smaller and smaller activities.

⮚ BOTTOM – UP APPROACH
It is also known as detailed design. It starts with details and then moves to the big
picture. This approach is appropriate when users have specific requirements for
output.

The External Design:

External design consists of conceiving, planning out and specifying the externally observable
characteristics of the software product. These characteristics include user displays or user
interface forms and the report formats, external data sources and the functional
characteristics, performance requirements etc. External design begins during the analysis
phase and continues into the design phase.

Logical design:

The logical design of a system pertains to an abstract representation of the dataflows , inputs
and outputs of the system. This is often conducted via modelling, which involves a simplistic
(and sometimes graphical) representation of an actual system. In the context of systems
design, modelling can undertake the following forms, including:
▪ Data flow diagrams
▪ Entity Life Histories
▪ Entity Relationship Diagrams

Physical design:

The physical design relates to the actual input and output processes of the system. This is laid
down in terms of how data is input into a system, how it is verified /authenticated, how it is
processed, and how it is displayed as output.

Physical design, in this context, does not refer to the tangible physical design of an
information system. To use an analogy,. It would not concern the actual layout of the tangible
hardware, which for a PC would be a monitor, CPU, motherboard, hard drive, modems,
video/graphics cards, USB slots, etc.

4.2 DFD: Data Flow Diagram

Data Flow Diagrams were first developed by Larry Constantine as a way of expressing
system requirements in a graphical form. DFD is also known as bubble chart and has a
purpose of clarifying system requirements and identifying major transformations and will
become the program in the system design.

Data Flow Diagramming is a means of representing a system at any level of detail with a
graphic network of symbols showing data flows, data stores, data processes, and data
sources/destinations.

Purpose:

The purpose of data flow diagrams is to provide a semantic bridge between users and systems
developers.

The diagrams are:

● graphical, eliminating thousands of words.

● logical representations, modeling WHAT a system does, rather than physical
models showing HOW it does it.
● hierarchical, showing systems at any level of detail and
● Allowing user understanding and reviewing.

DFD Symbols are as follows:

⮚ The External Entity symbol represents sources of data to the system or

destinations of data from the system.

⮚ The Data Store symbol represents data that is not moving (delayed data at rest).

⮚ The Process symbol represents an activity that transforms or manipulates the data.
 TYPES OF DFD’S

There are two types of DFD’S:

● Physical DFD
● Logical DFD

Physical DFD: The Physical DFD is a model of the current system and it is used to ensure
that the current system has been clearly understood. Physical DFD shows actual devices,
department, people etc. Involved in current system.

Logical DFD: Logical DFD’s are the models of the proposed system. They should clearly
show the requirements on which the system should be built later, during design activity, this
is taken has the bases for the system structured charts.

Data Dictionary

A data dictionary lists all data items appearing in the DFD model of a system. The data items
listed include all data flows and the contents of all data stores appearing on the DFDs in the
DFD model of a system. A data dictionary plays a very important role in any software
development process because of the following reasons:

• A data dictionary provides a standard terminology for all relevant data for use by engineers
working in a project. A consistent vocabulary for data items is very important, since in large
projects different engineers of the project have a tendency to use different terms to refer to the
same data, which unnecessarily causes confusion.

• The data dictionary provides the analyst with a means to determine the definition of different
data structures in terms of their component elements.

Data Dictionary is a collection of data describing the content, source, definition, structure, and
business and derivation rules regarding the data within an organization. It is also called
Metadata. Metadata is “data about the data”, with examples being data types, lengths, scales,
descriptions of the data elements and tables, entities, relationships, etc. Metadata data is stored
in a repository to facilitate its accessibility. The metadata repository acts as a source of data to
IT professionals in much the same manner as the Data Warehouse acts as a source of data to the
business units within an organization.

The following are the advantages of using a Data Dictionary:

 ⮚ Consistency: Corporate data, repositories, etc. are only successful when they are
consistently accessed and maintained within an organization, especially as that data
crosses organizational boundaries. Data Dictionary helps to maintain the consistency
of corporate data across organizations.
⮚ Clarity: Data Dictionary makes data clear and usable for the business user and the
developer. This supports efficient and consistent use of the data by both the
originators and the various users of the data regardless of what divisional
organization they belong to. Often, non-standardized data is used because data
elements are known within the originating organization without regard to other
users outside their organization. The lack of clarity can cause an outside user to
misunderstand the meaning, use, or domain of a data element and so, create an
erroneous report affecting a management decision.
⮚ Reusability: Data Dictionary support consistency which is a key ingredient in the
ability of one divisional organization to incorporate work that has already been
designed, tested, and approved by the corporation for reuse into their own new
development projects. Reinventing the wheel costs money and time. Reusability is
enabled by application of standards to produce consistent parts for fitting into future
work.
⮚ Completeness: Data Dictionary helps an analyst know when data is clear,
complete, and defined by specifying what completeness means and the steps to
develop a complete data structure. Incomplete data properties or descriptions tend to
be improperly used and misunderstand of data. They can also cost extra time for a
developer to make multiple phone calls to clarify and complete the information
needed to use the data.
⮚ Ease of Use for the Developer:Having clear and complete
definitions/descriptions for the data elements that the programmer must use to create
the application functionality accurately minimizes costly development time.

4.3 ER Diagrams:
ER modeling is based on two concepts:

• Entities, defined as tables that hold specific information (data).

• Relationships, defined as the associations or interactions between entities

Types of Attributes:

There are a few types of attributes you need to be familiar with. Some of these are to be left
as is, but some need to be adjusted to facilitate representation in the relational model. This
first section will discuss the types of attributes. Later on we will discuss fixing the attributes
to fit correctly into the relational model.
⮚ Simple attributes: Simple attributes are those drawn from the atomic value
domains; they are also called single-valued attributes.
⮚ Composite attributes: Composite attributes are those that consist of a
hierarchy of attributes.
⮚ Multivalued attributes: Multivalued attributes are attributes that have a set
of values for each entity.
⮚ Derived attributes: Derived attributes are attributes that contain values
calculated from other attributes.
ER DIAGRAM OF PROJECT

DFD LEVEL-1
DFD LEVEL-2

4.4 Database Tables

ALL TABLES OF DATABASE:
6.IMPLEMENTATION

The implementation phase involves placing the system into production so users can begin to
perform actual operations with the system. The implementation phase is also referred to
as‘delivery’. The implementation phase is comprised of two activities: training and
conversion.Each of these activities include multiple part tasks such as writing detailed user
documentation, determining the conversion method, and providing training for system users.
How and what time

during the phase these tasks occurs, often depends upon the conversion method selected. For
example, for a plunge conversion, all training must take place prior to the conversion.
Alternatively, during a parallel conversion, training can be offered at scheduled intervals as
the new system is rolled out. Also, the complexity and comprehensive nature of the new
system can dictate timing and steps necessary to deliver or implement the system.

The two primary activities of the implementation phase include:

System Training

Implementation Method

SYSTEM TRAINING

System users require user documentation that details how to use the system. User

documentation typically is provided with the new system. The user documentation must be
presented in language that is easy to understand and digest with examples and instruction that
are simple to follow. Including graphics and sample problems is recommended. It also must
be easily accessed and made available for as long as the system is live. Delivery
methods can include an internal online system such as a private intranet or via hard copy in
the form of manuals. Developing and distributing detailed user documentation is a cost
related to the

overall project and must not be overlooked or excluded from cost estimates. System users
find it extremely frustrating to have a new system without documentation.
IMPLEMENTATION METHOD

An organization must choose the conversion method that most clearly meets its objectives
and can realistically be deployed to ensure a successful system implementation. Conversion
method converts from old to the new system abruptly.

Evaluation Or Post Implementation review

After the system is implemented and conversion is complete, a review is conducted to

determine whether system is meeting expectations and where improvement are needed. A
postimplementation revirew measures the systems performance against pre-determined
requirements. It determines how well the system continues to meet performance
specifications. It also provides information to determine whether major re-design or
modification is required. In evaluation system is checked against the pre-determined
requirements. All the requirements have been fully attained. Where there was any mistake
that had handled through system life cycle. Problem is solved and checked against the
original facts.

10

7. MAINTENANCE

Software maintenance denotes any changes made to a softwrae product after it has
beenndelivered to the customer. Maintenance is inevitable for almost any kind of product. It
is practically impossible to make the software Completely error free because the input
domain of most software products is very large and it is not practical to test the software
exhaustivel with respect to each value that the input data may assume. Maintenance is also
needed to enhance the features of the software to add more functionality to it and to port to
new platforms etc.
Types of Software Maintenance

Maintenance is fixing or enhancing an system. Many different types of maintenance must be

performed on the system to ensure it continues to operate as expected. These include:

Adaptive maintenance - making changes to increase system functionality to meet new

requirements.

Corrective maintenance - making changes to repair system defects and bugs observed
while the system is in use.

Perfective maintenance - making changes to enhance the system and improve such
things as processing performance and usability.

Preventive maintenance - making changes to reduce the chance of future system

failures.

102
 CODING
HOME PAGE CODING

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width,

initial-scale=1">

<title>FITNESS ZONE</title>

<link rel="stylesheet" type="text/css" href="gym.css">

</head>

<body>

<div class="header_sec">

<div class="logo">

<h2><span class="primary_color">FITNESS </span>ZONE</h2>

</div>

<ul class="nav_menu">

<li><a href="#home">Home</a></li>

<li><a href="#about">About</a></li>

<li><a href="#price">Pricing</a></li>

<li><a href="#card">Instructer</a></li>

</ul>
 </div>

<div class="home_sec" id="home">

<div class="home_form">

<form>

<input type="text" placeholder="Your Name">

<input type="text" placeholder="Email Address">

<input type="text" placeholder="Phone">

<button>Login</button>

</form>

</div>

</div>

CSS:-
*{

--primary-color: #eb4d4b;

--transition: .2s ease-in-out;

*{

margin: 0;

padding: 0;

box-sizing: border-box;

font-family: arial,helvetica, san sans-serif;

body{

background: #1d1858;
}

a{

/* scroll-behavior: smooth; */

text-decoration: none;

color: #fff;

.primary_color{

color: var(--primary-color)

.header_sec{

display: flex;

width: 100;

justify-content: space-around;

align-items: center;

height: 110px;

border-bottom: 5px solid var(--primary-color);

.logo{

color:#fff;

font-size: 25px;

.nav_menu{

display: flex;

align-items: center;

list-style: none;
 height: 100%;

/* float: right; */

justify-content: flex-end;

.nav_menu li{

margin: 0.2rem;

padding: 0 1.2rem 0.3rem 1.2rem;

border-bottom: 6px solid transparent;

transition: var(--transition);

cursor: pointer;

font-weight: 600;

font-size: 15px;

position: relative;

.nav_menu li:before{

content: "";

position: absolute;

width: 5%;

height: 5px;

bottom: -6px;

left: 0;

transition: var(--transition);

.nav_menu li:hover:before{

width: 100%;
 background: var(--primary-color);

.home_sec{

background: url(IMAGE_1671879905.jpg);

background-size: 1450px;

background-color: no-repeat;

height: 80vh;

width: 100%;

.home_form{

width: 400px;

background: rgba(0, 0, 0 / 10%);

display: flex;

position: absolute;

justify-content: center;

right: -0%;

top: 33%;

flex-direction: column;

align-items: center;

padding: 3rem 0;

backdrop-filter: blur(10px);

border-radius: 20px;

.home_form h1{

color: #9a6767;
 text-transform: uppercase;

.home_form form{

width: 85%;

.home_form form input, button{

/* width: 100%; */

display: block;

padding: .8rem;

outline: none;

margin: .8rem 0;

overflow: hidden;

border: none;

font-size: 18px;

.home_form form input{

background: #fff;

color: #000;

.home_form form button{

cursor: pointer;

background: var(--primary-color);

transition: var(--transition);

position: relative;

z-index: 0;
}

.home_form form button::before{

content: "";

position: absolute;

left: 0;

top: 0;

height: 100%;

width: 100%;

background: rgba(194, 61, 61, 0.995);

z-index: -1;

transform: translateX(-110%);

transition: var(--transition);

.home_form form button:hover::before{

transform: translateX(0);

OUTPUT
Price Card Coding:-

<div class="pricing-sec" id="price">

<h1 class="section-title">Pricing</h1>

<div class="pricing-row">

<div class="price-card">

<h4>₹2000</h4>

<h3 class="price-title">STARTER</h3>

<ul>

<li>Seated leg press</li>

<li>Seated shoulder press</li>

 <li>Bodyweight lunges</li>

<li>Leg raises</li>

<li>Plank</li>

</ul>

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

</div>

<div class="price-card">

<h4>₹3000</h4>

<h3 class="price-title">PROFESSIONAL</h3>

<ul>

<li>Sports facilities</li>

<li>Personal training</li>

<li>Main workout area</li>

<li>Group exercise clases</li>

<li>Others service</li>

</ul>

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

</div>

<div class="price-card">

<h4>₹5000</h4>

<h3 class="price-title">ULTRA</h3>

<ul>

<li>Indoor running track</li>

<li>Plate loaded</li>

<li>shoulder press</li>
 <li>Main workout area</li>

<li>Cardiovascular equipment</li>

</ul>

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

</div>

</div>

CSS:-
.pricing-sec{

padding: 2rem 0;

background: #163bf4;

.section-title{

text-align: center;

color: #fff;

font-size: 40px;

.pricing-row{

display: flex;

justify-content: center;

gap: 3rem;

padding: 2rem 0;

margin-top: 2rem;

.price-card{
 padding: 1rem;

width: 300px;

height: 350px;

border-radius: 20px;

box-shadow: 0 0 20px #000;

display: flex;

flex-direction: column;

align-items: center;

border: 4px solid var(--primary-color);

position: relative;

transition: var(--transition);

.price-card:hover{

transform: scale(1.1)

.price-card::before{

content: "";

position: absolute;

width: 100px;

height: 100px;

top: -1.5rem;

left: -1.5rem;

border: 3px solid transparent;

border-radius: 20px;

border-top-color: var(--primary-color);
 border-left-color: var(--primary-color);

.price-card::after{

content: "";

position: absolute;

width: 100px;

height: 100px;

bottom: -1.5rem;

right: -1.5rem;

border: 3px solid transparent;

border-radius: 20px;

border-top-color: var(--primary-color);

border-left-color: var(--primary-color);

.price-card h4{

color:#fff;

font-size: 40px;

.price-title{

color: var(--primary-color);

margin-top: 1rem;

font-size: 25px;

text-transform: uppercase;

.price-card ul li{
 margin: .5rem;

color: #fff;

.price-card a{

padding: .8rem 1.5rem;

margin-top: 1rem;

background: var(--primary-color);

border: 2px solid var(--primary-color);

transition: var(--transition);

.price-card a:hover{

background: transparent;

Output:-
 8.Bibliography

Websites:

www.w3schools.com

www.javatpoint.com

www.w3resouce.com

www.tutorialspoint.com