University O

HazratbalySrinagar Kashmir, 190006

www. kashmi rwm verst ty. net

Department of Computer Science and Application

university UT Kasnmir (soutn Campus)

A SOFTWARE PROJECT REPORT

Submitted in the partial fulfillment of the requirements for the award of degree
of Master of Computer Applications

"PLASMA DONATIN'
Submitted by
Under the support and Guidance of
Muzafara Ali Neelofer Hilal Mehr un nisa
MCA{6" sem) MCA(6lh sem) MCA(6lh sem)

W045'\'\30'\6 17045113010 17045113035

Mr. Mohsin Altaf Wani
Assistant Professor

i
 Department Of Computer Science and
Application University Of Kashmir (South
Campus)

DECLARATION

We hereby declare that the project entitled “Plasma Donation" submitted by us

to the Department of Computer Science and Application, University of Kashmir south
Campus, fatehgarh Anantnag. Fulfillment of the requirements for the award of the
degree of Master of Computer Applications, is a record of bona-fide work carried out
by us under the supervision of Mr. Mohsin Altaf Wani. We further declare that the work
reported in this project has not been submitted and will not be submitted, either in part or
in full, for the award of any other degree or diploma of this institute or of any other
institute or university.
Date:

MUZAFARA NEELOFERHILAL MEHRUN NISSA (17045113035)

ALI (17045113010)
(17045113016)

SUPERVISOR COORDINATOR
MR. MOHSIN ALTAF WA NI MR. MOHSIN ALTAF WA NI
Asst. Professor University Of Asst. Professor University Of
Kashmir, South Campus Kashmir, South Campus
3
 Hazratbal,Srinagar Kashmir, 190006
www. hash m i ru n i vers i ty. net

Department of Computer Science and Application

University of Kashmir (South Campus)

CERTIFICATE

The project report entitled “Plasma Donation" is prepared and submitted by Muzafara
Ali (\7045'l'\30'l6), Neelofer Hilal (17045113010) and Mehr-un-Nissa(17045113035). It
has been found satisfactory in terms of scope, quality and presentation as fulfillment of
the requirements for the award of the degree of Master of Computer science in
University Kashmir.

SUPERVISOR COORDINATOR
MR. MOHSIN ALTAF WA N Asst. Professor University Of MR. MOHSIN ALTAF WA NI
Of Asst. Professor University
Kashmir, South Campus
Kashmir, South Campus
 University O
HazratbafSrinagar Kashmir,190006
zvwzv.kashmirunroersity.net

Department of Computer Science and Application

University of Kashmir (South Campus)

ACKNOWLEDGEMENT

First of all we would like to thank our project guide, Mr. Mohsin Altaf Wani, Assistant
Professor (C.S.), University Of Kashmir (South Campus), for providing us his time and
knowledge during the building and completion of this project. We would also like to thank
Director South campus, Dr. Aijaz Ahmad wani, for giving us this opportunity to
implement our ideas and learning into shaping this project. Next we would take the
opportunity to pass our thanks to our educational institute, Department of computer
science, University of Kashmir (South Campus), for providing ample opportunities and
guidance.

Muzafara Ali (17045113016)

Neelofer Hilal (17045113010)
Mehr un nisa (17045113035)

I
V
V
CONTENTS

1 Introduction.................
1 Introduction.....................
1.1 General...............
1.2 Motivation...........
1.3 Aim & objective -problem description
2 Overview of proposed system.............
2.1 Introduction of the problem. .
2.2 Proposed solution.....
3 structure of the project............
3.1 Proposed system.......
3.1.1 Administrative module.......
3.1.2 Patient module...........
3.1.3 Plasma donor module.......
4 Analysis And Design................
4.1 Analysis And Design.............
4.1.2 Methodologies...........
4.1.3 System analysis.............
4.1.4 System design...........
5 Technology used.....
5.1 PHP............
5.2 Mysql......
5.3 Java script
5.4 CSS...........
5.5 Bootstrap............
6 Snapshots........

7 Coding.........

X
 ABSTRACT
The corona virus outbreak came into light on dec—1—01 when china
informed WHO of a cluster of cases of pneumonia of an unknown cause in
Wuhan city. Subsequently the disease spread to more provinces in china,
and to the rest of the world. The WHO then declared corona virus as a
global pandemic. The virus was then named as SARS-COV-2 and the
disease was called COVID-19. Since then the virus has spread to all the
nooks and corners of the globe claiming more and more people with each
passing day. In this perspective we have developed a web application which
could make us serve humanity even if it at a grass roots level.
 INTRODUCTION
1 Introduction

1.1 General

The corona virus outbreak came into light on dec--1-20'\9 when china informed WHO of a cluster
of cases of pneumonia of an unknown cause in Wuhan city. Subsequentlythe disease
spread to more provinces in china,
and to the rest of the world. The WHO then declared corona virus as a global pandemic. The virus
was then named as SARS-COV-2 and the disease was called COVID-19. Since then the virus has
spread to all the nooks and corners of the globe claiming more and more people with each passing
day. In this perspective we have developed a web application which could make us serve
humanity even if it at a grass roots level.

1
1.2 Motivation

All covid-19 patients, who have recovered from the virus attack & are willing to help other the
Covid-19 patients in plasma therapy,can voluntarily register themselves as plasma donors after the
stipulated waiting period of four weeks from testing negative .
To make things easy for patients & plasma donors ,we would make a web application for plasma
donation since more than 80% of covid -19 infected patients had been recovered by the plasma
therapy in various countries .it would be very helpful application for those people
who are fighting with
pandemic disease.
Medical experts believe that plasma therapy is one of the best possible treatment methods for
covid patients as well as cancer patients.
On this web application, donors & patients can register details including their names, email,
address, contact numbers, blood groups & districts. For donor, an additional column would be
there to check whether the donor meets the basic criteria then register for plasma donation.
When doctors tell you that the patient needs plasma therapy the web application allows you to
match the details on the bases of criteria provided by medical experts.
Suppose there are more than one donors available on the site ,you simply click the given link so
that the donors get notification for their willingness & they reply back on the another link & get the
patients detail like address of the hospital ,room no & contact of the patient etc & do contact with
the patient for plasma donation.
1.3 Aim & Objective - Problem Description

The main aim of the study is to offers such a cross platform web interface which will let anybody to
access the detail contact of potential blood plasma donors around the required location .it
manages all the information about blood cell plasma. The project is totally built at administrative
end and thus only the administrator is guaranteed the access .the purpose of the project is to build
an application program to reduce the manual work for managing the Blood plasma, Donor, Blood
Group, Blood Cell. It tracks all the details about the Blood Group, Blood Bank, Stock.
Plasma donation is one of the best treatments which has shown promise & many patients have
recovered due to plasma therapy. We need more recovered COVID-19 patients to come forward to
donate plasma.
Plasma therapy aims at using antibodies from the blood of recovered COVID-19 patients to treat
those patients who are critically infected & have an urgent need for plasma therapy.

"this is a humanitarian cause" & we are doing this to save precious lives otherwise human kind
gets ruined.

2
 Overview of the Proposed System
Doctors can use plasma to treat different kinds of serious health problems.
Some of the elements in plasma, including the antibodies & chemicals that
help your blood to clot, can help in medical emergencies like burns &
trauma.
Other things that plasma donation is good for include:

> Developing treatments:

The antibodies & proteins can also be used to develop treatments for
rare diseases, including leukemia-~sometimes need plasma
transfusions.

> Transplant surgery

Some people who get liver or bone marrow transplants need plasma.
> Hemophilia:

In this rare disorder, a person's blood doesn't have enough clotting

factors, so donated plasma can help.

STRUCTURE OF THE

PROJECT Proposed Systm:-

ln the proposed system the administrator can insert, delete and modify the
patient as per the requirements. The patient reports can be easily
maintained in this system. This project will help to smoother the flexibility and
simplicity to patients, that's the reason online appointment systems are becoming
popular these days.
Module Description:-

1 . Administration Module:-
This is the main module in the proposed project. The administrator can read
and write information about any member such as patients, donors and
doctors.
They can also update, create and delete the record of members as
requirement and implementation plan.

2 . Patient Module:-

lt is used to control patient flow. It can be used to register them, get the data
of the patients' health condition, view the treatment and check the medical
history and reports& get the plasma treatnnent.

3. Plasma Donor Module:-

• Register as a donor
• Provide plasma to the needy patient

Hardware Requirements:

Processor: Intel dual core or above.

Processor speed: 1 .OGH or above.
RAM: 1 GB RAM or above
Hard disk: 10O GB hard disk or above

Software Used:
XAMPP, Sublime, Browser
Front-End (User-Interface) HTML, CSS, J AVASCRIPT, BOOTSTRAP,
JQuery Server - Language: PHP Database MYSQL

The system uses PHP as front end, Mysql as a backend for the database
CSS, Bootstrap, and JQuery for designing and JavaScript for validation

PHP: is an acronym for "PHP: hypertext preprocessor". PHP is widely-

used, open source scripting language.PHP scripts are executed on
the server.
MYSQL: for database for data storage. Mysql is an open source relational
data base management system. Its world second most RDBMS and the
most widely used open source client-server RDBMS. It is a popular choice
of data base for use in web applications and is Central component of widely
used LAMP, XAMP and other open source web application software stacks.

CSS: Cascading style sheets are used to format the layout of Web
pages.CSS helps Web developers create a uniform
look across several
pages of a Web site. Once the style is defined in cascading style sheet, it
can be used by any page that references the CSS file.

BOOTSTRAP: Build responsive, mobile-first projects on the web with the

world's most popular front-end component library .Bootstrap is an open
source toolkit for developing with HTML, CSS, and JS. Quickly prototype
your ideas or build your entire app with our Sass variables and mixins,
responsive grid system, extensive prebuilt components, and powerful plugin
built on jQuery.

JQuery: jQuery is a fast, small, and feature-rich JavaScript library. It makes

things like HTML document traversal and manipulation, event handling,
animation, and Ajax much simpler with an easy-to-use API that wors across
a multitude of browsers. With a combination of versatility and extensibility,
jQuery has changed the way that millions of people write JavaScript.

JavaScript: (often shortened to JS) is a lightweight, interpreted, object-

oriented language with first-class functions, and is best known as the
scripting language for Web pages, but it's used in many non-browser
environments as well.
 Analysis and Design
Software engineering may be defined as the systematic design and development of software
products and the management of the software process. Software engineering has as one of its
primary objectives the production of programs that meet specifications, and are demonstrably
accurate, produced on time, and within budget.
It is the process of analyzing user needs and designing, constructing, and testing end user
applications that will satisfy these needs through the use of software programming languages. It is
the application of engineering principles to software development. In contrast to simple
programming, software engineering is used for larger and more complex software systems, which
are used as critical systems for businesses and organizations.

A software engineer takes the software needs of end users into account and
consequently develops or designs new applications. Furthermore, software engineering may involve the
process of analyzing existing software and modifying it to meet current application needs. Large software
systems may be more complex than the hardware used to run them, so there is great
demand forbest practices and engineering
processes that can be applied to software development. There must be discipline and control during
software engineering.
There are four fundamental phases in most, if not all, software engineering
methodologies. These phases are analysis, design, implementation, and testing. These phases
address what is to be built, how it will be built, building it, and making it high quality.
Systems development is systematic process which includes phases such
as planning, analysis, design, deployment, and maintenance. Here, in this
tutorial, we will primarily focus on -
Systems analysis
Systems design
Systems Analysis
It is a process of collecting and interpreting facts, identifying the problems, and decomposition of a
system into its components.
System analysis is conducted for the purpose of studying a system or its parts in order to identify
its objectives. It is a problem solving technique that improves the system and ensures that all the
components of the system work efficiently to accomplish their purpose.

Systems Design

It is a process of planning a new business system or replacing an existing system by defining its
components or modules to satisfy the specific requirements. Before planning, you need to
understand the old system thoroughly and determine how computers can best be used in order to
operate efficiently.
System Design focuses on how to accomplish the objective of the system.
Iterative Incremental Model
The project is based on Object Oriented approach using Iterative
Incremental Model.
Iterative and incremental software development is a method of software development that is
modeled around a gradual increase in feature additions Iterative and incremental software
development begins with planning and continues through iterative development cycles involving
continuous user feedback and the incremental addition of features concluding with the deployment
of completed software at the end Of each cycle.
It is one of the methodologies of agile software
development, rational
unified process and extreme programming.
Iterative and incremental development is a discipline for developing systems based on producing
deliverables. In incremental development,
different parts of the system are developed at various times or rates and are integrated based on
their completion. In iterative development, the plan is to revisit parts of the system in order to
revise and improve them. User feedback is consulted to modify the targets for successive
deliverables.
Pert chart:
Describes the activities into which the project is divided. It also describes the milestones and
deliverables of the project activities.
 ANALYSIS) MODEL
The model that is basically being followed is the INCREMENTAL MODEL,
in this model, each module goes through the requirements, design,
implementation and testing phases. Every subsequent release of the
module adds function to the previous release. The process continues until
the complete system achieved
• Requirement analysis
• Design & Development
• Testing
• Implementation

3.3lncremental model

Incremental model is an evolution of waterfall model. The product is

designed, implemented, integrated and tested as a series of incremental
builds. It is a popular model software evolution used many commercial
software companies and system vendor. Incremental software development
model may be applicable to projects where:

• Software Requirements are well defined, but realization may be

delayed.
• The basic software functionality is required early.

Features of incremental model:

• Generates working software quickly and early during the software life
cycle.
• More flexible - less costly to change scope and requirements.
 • Easier to test and debug during a smaller iteration.

• Customer can respond to each built.

• Lowers initial delivery cost.

• Easier to manage risk because risky pieces are identified and
handled during it'd iteration.

The whole requirement is divided into various builds. Multiple development

cycles take place here making the life cycle a multi-waterfall cycle. Cycles
are divided up into smaller, more easily managed modules. Each module
passes through the requirements, design, implementation and testing
phases. A working version of software is produced during the first module,
so you have working software early on during the software life cycle. Each
subsequent release of the module adds function to the previous release.
The process continues till the complete system is achieved.

when we work incrementally, we are adding piece by piece but expect that
each piece is fully finished. Thus, keep on adding the pieces until it's
complete. As in the image above a person has thought of the application.
Then he started building it and in the first iteration the first module of the
application or product is totally ready and can be demoed to the customers.
Likewise, in the second iteration the other module is ready and integrated
with the first module. Similarly, in the third iteration the whole product is
ready and integrated. Hence, the product got ready step by step.

When to use the Incremental Model:

• Risk, funding, schedule, program complexity, or need for early

realization of Benefits.
• Most of the requirements are known up-front but are expected to
evolve over time.
 • A need to get basic functionality to the market early.
• On projects which have lengthy development schedules.
• On a project with new technology.

Incremental Model Advantages:

• Develop high-risk or major functions first.

• Each release delivers an operational Product.
• Customer can respond to each build.
• Uses "divide and conquer" breakdown of tasks.
• Lowers initial delivery cost.
• Initial product delivery is faster.
• Customers get important functionality early.
• Risk of changing requirements is reduced.

Incremental Model disadvantages:

• Requires good planning and design

• Requires early definition of a complete and fully functional system to
alow for the definition of increments.

• Well-defined module interfaces are required (some will be developed

long before others).
 • Total cost of the complete system is not lower.

Technology Used

This is an important software that we will be using in the project. The

increasing popularity of "PHP" is probably due to its many desirable
qualities. PHP is a server-side scripting language designed for web
development but also used as a general-purpose programming language.

What is PHP?

• PHP is an acronym for "PHP Hypertext Pre-processor".

• PHP is a widely-used, open-source scripting language.
• PHP scripts are executed on the server.
• PHP costs nothing, it is free to download and use.
PHP as an amazing and popular language!
It is powerful enough to be at the core of the biggest blogging system on the
web (Word Press)!
It is deep enough to run the largest social network (Facebook)!
It is also easy enough to be a beginner's first server-side language!

What can PHP Do?

• PHP can generate dynamic page content.
• PHP can create, open, read, write, delete, and close files on the
server.
• PHP can collect form data.
• PHP can send and receive cookies.
• PHP can add, delete and modify data in your database.
• PHP can restrict users to access some pages on your website.
 • PHP can encrypt data.
Why PHP:
• PHP runs on various platforms (Windows, Linux, UNIX, Mac OS X,
etc.).
• PHP is compatible with almost all servers used today (Apache, IIS,
etc.).
• PHP supports a wide range of databases.
• PHP is easy to learn and runs efficiently on the server's id.

MYSQL
• MySQL is a database system used on the web.
• MySQL is a database system that runs on a server.
• MySQL is ideal for both small and large applications.
• MySQL is very fast, reliable, and easy to use.
• MySQL supports standard SQL.
• MySQL compiles on a number of platforms.
• MySQL is free to download and use.
• MySQL is developed, distributed, and supported by Oracle
Corporation.
The data in MySQL is stored in tables. A table is a collection of related data,
and it consists of columns and rows. Databases are useful when storing
information categorically.
css
What Is CSS?
CSS is a form of communication used to dilate the display of a website
mark-up language like HTML or XHTML as it determines such features as
its fonts, layouts, spacing and colors, to name just a few. Basically, CSS is
used to take the content tou already have and make it look more attractive;
it is a language used to increase expressive style and creativity. 49 One of
the favoured features is its ability to allow the sorting of document content
written in mark-up languages (like HTML) from document presentation
written in CSS.
Advantages of CSS in website design
1. Search Engine Optimization
When you incorporate CSS into your website design, you will soon discover
that search engines will have the aptitude to locate you much easier since
CSS features a coding technique that is clear-cut and simple to read.
Search engines will no longer have to struggle to comprehend your website
content. The advantage of improved accessibility of content will allow a
broader number of users to locate you on the Internet. Less code and more
content equals search engine success.

2. Browser Compatibility
Browser compatibility is very important and CSS addresses this issue
nicely. When you decide to use CSS, you will find that it will improve the
characteristic of your website while securing your visitors with the capacity
to view your website as precisely as you have designed it to be.
3. Appearance
CSS makes it easy to improve the appearance of a website by allowing you
to create a much more stylish website since CSS offers a wide array of
expressive style capableness.

4. Maintainability
One of the convenient features that CSS produces is the consistency it
provides when you want to make changes to a website. When a change is
made to your website's CSS Style Sheet, ,ou will have the ability to
automatically correct or change every page throughout your website-- all at
once. You do not have to go in to each individual web page to make a
particular change as CSS will instantly do i for you. If your website is rather
large, this one simple feature will save you ample time; and time is money.
5. Bandwidth Savings
Once CSS takes apart your websites content from its design language, you
will trim down your file transfer magnitude significantly. These Bandwidth
savings are considerable figures of insignificant tags that are distracted
from a multitude of pages. This will leave less, but more significant
captions, listings and paragraphs.
JAVA Script What is Java script?
Java is a full-featured programming language (like C++) that is used to
build client-side and server-side applications. A client-side application is a
program that you interact with directly on your computer-for example,
Microsoft Internet Explorer.
A server-side application is a program that your client-side application.
Interacts with, typically on a distant computer or server-for example, a Java
appletor Perl script. For example, your browser is a client-side application
that you use to request web pages from the web server. The web server
is a server-side application that "Talks" to your browser.

Features OF Java Script

We can do many things using JavaScript that you can't do by simply using
HTML.
Here are a few of them:
• Build dynamic web pages
• Display alert bo xes
• Write messages to the browser status bar
• Control features of the browser
• Open new browser windows
• Customize reactions to mouse actions and keystrokes
• Validate information in forms
• Perform calculations
• Create interactive forms
• Set date and time
Identify browsers and browser plug-ins such as Flash:
• Read files from your hard disk-except for cookies.
• Close windows other than those the JavaScript application opened.
• Write server-side applications, called Common Gateway Interface
(CGI) applications, which must be written using languages such as
Java, ASP, Perl, and PHP.
Read information from a web page that resides on a domain different from
the domain where the JavaScript:

BOOTSTRAP
Build responsive, mobile-first projects on the web with the world's most
popular front-end component library. Bootstrap is an open-source toolkit for
developing with HTML, CSS, and JS. Quickly prototype your ideas or build
your entire app with our Sass variables and mixings, responsive grid
system, extensive prebuilt components, and powerful plug-in built on
jQuery.

HARDWARE AND SOFTWARE REQUIREMENTS

Hardware Requirements

S Processor: Intel quad core or above.

S Processor speed:2.0GH or above.
S RAM:3 GB RAM or above S Hard
disk: 10 GB hard disk or above

Software Requirements

S Latest Browser with java script support

SXAMPP
S Languages: PHP, JavaScript,Html,
CSS,Bootstrap S Database: MySQL

Design and Analysis

Design & Analysis is the process or art of defining the architecture,

components, modules, interfaces, and data for a system to satisfy specified
requirements. Object-oriented analysis and design (OOAD) methods are
becoming the most widely used methods for computer system design. The
UML has become the standard language used in Object -oriented analysis
and design. It is widely used for modelling software systems and is
increasingly used for high designing no software systems and organizations.
System design & analysis is a management procedure which helps us in
designing a new system or civilizing an existing system. During analysis
phase, a problem or opportunity associated with the system is identified, the
strengths and weaknesses of the old system are examined, and what a
new system could accomplish is determined. "There is nothing more difficult
to take in hand more unsafe to conduct or more uncertain in its
success, that to take the lead in the introduction of a new Tender of
things." The word 'system' is possibly the most over
used term in the technical
dictionary speaking of political systems and educational systems, etc. the
word tells little about the system to understand the framework in which the
word is used. The dictionary defines the system in the following way;
• A set or arrangement of things so related as to form a unity or organic
whole;
• A set of facts, principles rules, etc." classified and arranged in a
tenderly form so as to show a logical plan linking the various parts.
• A method or plan classification or arrangement;
• An establishment way of doing something; method; procedure.
To accomplish the goal of Data communication and networking the
computer-based system makes use of a variety of system elements;
One complicating characteristics of the systems is that the elements
constituting the system also represent one macro-element. The macro
element is the part of a larger computer system. Thus, the role of the
system analysis is to define the elements f o r a specific system in
framework of the overall hierarchy of the system. A high technology system
encompasses a number of elements as described above; it helps to
translate the needs of the user into a model of that system that makes user
of one or more of these elements.
This analysis begins by taking a world view, as analysis to create all basic
requirements. Spotlight on them is narrowed to a domain view, where each
of the elements in lieu of modules is analysed individually, each of them is
allocated to one of more components which are then addressed by the
relevant disciplines.
System analysis demands powerful communication between the user and
the external environment where it exits. This is achieved through a set of
activities that are specified as requirements; Elicitation, Analysis, and
cooperation, specification, Modelling validation and Management.
After requirements have been isolated, a system model is produced and
representation of each subsystem can be developed. The system analysis
task culminates with the creation of the system specification; a document
that forms the foundation for all engineering works that follows.
 SNAPSHOTS

Covid To Comfort Home About Us Become a Plasma donar

Help when you need it, at your fingertips.

Get help from thousands of trusted Plasma Donars

lood Group. Area, Donar Name

Covid To Comfort
This web app will also bridge the gap between plasma donor & COVID patient..
 Junaid Nazir Amina Khan

B Positive B Positive
Featured
Donars
1r
3/ 5positive
★
3/5 positive reviews reviews
55 Palsma
© 55 Palsma donation © donation

Asif Khan 0 Positive

★ 3/5 positive reviews © 55 Palsma donation

A go-to team at your fingertips

Build your team of local, background-checked Donars to help with — and for — life. Whatever you need, they've got it covered

V Compare Donar reviews, ratings

>/ Choose and connect with the best Donar for the job

V** bridge the gap between plasma donor & COVID patient
Plasma Donation Home About Us Plasma Donars Reviews Sign In/ Login | Become a Plasma donar j | Donate Money j

Don't just take our word for it

See how Donars are saving the day for
people like you. saima akhatar
mehraj bhat ***** ★★★★A thank you
Thanks for helping me & donating the very much

202
plasma

0-
12-
21

2020-12-21
faheem fayaz ***** God bless You thanks
2020-12-21
Plasma Donation Horne About Us Plasma Donars Reviews Sign In/ Login Become a Plasma donar

Continue Checkout

Your SmaLL Donation Makes A Difference

We make a living by what we get, but we make a Life by what we give,

pwm, asund
in Cjfmlo&L

22
 About Us
H umanity has seen a rapid evolution since industrialization. The technology advancements have revolutionised the socio-economic status of humans. Medical science has also encountered
tremendous success in almost all the fields be it like drug development, vaccine formulation for deadly disease, disease diagnosing test and much more. But a recent threat to mankind came
forward which jolted the whole humanity. The corona virus outbreak came into light on dec-31-2019 when china informed WHO of a duster of cases of pneumonia of an unknown cause in Wuhan
city. Subsequently the disease spread to more provinces in china, and to the rest of the world. The WHO then declared corona virus as a global pandemic. The virus was then named as SARS-
CQV-2 and the disease was calLed COVID-19. Since then the virus has spread to all the nooks and corners of the globe claiming more and more people with each passing day. In this perspective
we have developed a Web Application which could make us serve humanity even if it at a grass roots level. Our Web Application has been developed on the theme titled" FROM COV 1D TO
COMFORT". The basic structural framework of this Web Application deals with providing a stepwise guidance to a layman. We have tried to entertain alL the aspects starting from the basic
treatment and precautions which should be followed if patient develops symptoms of corona to a high Level of advancement of fixing appointment with doctors on just a click. This web app will
also bridge the gap between plasma donor & COVID patient.
Coding
Index Page

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

<?php include 'header.php1; ?>

<img src="images/1 .jpg" class="topimg"> <div class="wrappertop">

<p style="font-size: 20px; font-weight: 700; text-align: center;"> Help when you
need it, at your fingertips.<p>
<p style="font-size: :\4px; text-align: center;">Get help from thousands of trusted
Plasma Donars ,<p>
<form class="navbar-form "
action="search.php">
<div class="form-
group" > <input

type="text"
style="width: 300px" name="query" class="form-control" placeholder="EBIood
Group, Area, Donar Name">
</div>
<button

type="submit"
class="btn btn-info">Get Help</button>
</form>
</div> <div style="padding: 30px;"></div> <div style="padding: 30px;"></div> <div

boxes"
>

class="container">
<div class="row">
<div class="col-md-6 both-
<h2 style=" font-

3
0
 <p>This web app
will also bridge the gap between plasma donor & COVID patient.,</p><br>
<ul

class="lists-
boxes">
<\\><i
class="fa fa-check all-icons" aria-hidden="true"></i>Bridge gap between plasma
donor & COVID patient </li>
<\\><i
class="fa fa-check all-icons" aria-hidden="true"></i>lncrease patient satisfaction
</li>
<\\><i
class="fa fa-check all-icons" aria-hidden="true"></i> Make diagnosis and
treatment easier </li>
</ul>
</div>
<div class="col-md-6 both- boxes">
<img
src="images/b1 .jpg" style="width: 100%; height: 400px;">
</div>
</div>
</div> <!-- donar -->
<div style="padding: 30px;"></div>
<div class="container">
<h2>Featured Donars</h2><br>
<?php
$res=mysqli_query($con, "select * from donar where status ='Confirmed'
order by id limit 3");
?>
<div class="row">
<?php

while($r=mysqli_fetch_assoc($res))
{
if(empty($r['image']))
{
$path='images/t1 .png';

} else {
$path='donar/';
 $path.=
$r['image']; }?>

<a
href="donar-details.php?id=<?php echo $r['id']; !>" class="col-rmd-3"
id="wrapper-boxes">
<br> <img
src="<?php echo $path ?>" id="tasker-img">
<div
style="text-align: center;padding-top: 10px; ">

<p style="text-transform: capitalize;"><?php echo

$r['first_name']."$r['last_name']; ">

<br>

<i class="fa fa-check-circle" aria-

hidden="true" style="color: #51af33;margin-right: 5px;"></i>

Verified Donar </p>

<p style="text-transform: capitalize;"><?php echo $r['blood_group'] ?></p> <p>

<i class="fa fa-star" aria-

hidden="true" style="color: #f9c339; margin: 5px"></i>

<?php
$res1 =mysqli_query($con, "select avg(rating) as avg from
reviews
where donar_id= ".$r[,id'].
,
>
$r1 =mysqli_fetch_assoc($res1);
$rat=substr($r1 ['avg",0,3);

echo $rat; ;>/ 5 positive reviews </p>

3
2
 <?php

$result= mysqli_query($con,
"SELECT * from donation_request where donarid= ".$r[ id ]." and d_status='Plasma Donated1");
l l 1 1

$rows=mysqli_num_rows($result);

?>

<?php echo $rows; ?>&nbsp;

Palsma donation

</p>
<hr>

</div>
</a>

<?php }?>
</d\v>

</div>
<div style="padding:
30px;"></div>

<div class="container"> <div

class="row">

<div class="col-md-
6 both-boxes">
<img
src="images/b1 .jpg" style="width: 100%; height: 400px;">
</div>
6 both-
boxes"> <h2
<div class="col-md-
style="
font-weight: 700;">A go-to team at your fingertips</h2><br>
<p>Build
your
team of local, background-checked Donars to help with - and for - life. Whatever
you need, they've got it covered.</p><br>
<ul
class="lists-boxes">
<\\><i
class="fa fa-check all-icons" aria-hidden="true"></i>Compare Donar reviews,
ratings </li>
<\\><i
class="fa fa-check all-icons" aria-hidden="true"></i>Choose and connect with the
best Donar for the job</li>
<\\><i
class="fa fa-check all-icons" aria-hidden="true"></i>bridge the gap between
plasma donor & COVID patient.</li>
</ul>
</div>
</div>
</div>
<div style="padding: 30px;"></div>

<!-- reviews -->

align:
<div class="container" style="text- <h2>Don’t
center;">
just take our word for
it</h2>
<p> See how Donars are saving the day for people like
you.</p><br> <?php
require_once('review_slider.php');

?>
</div> <div style="padding: 30px;"></div> <div style="padding: 30px;"></div>

<div class="ready-section">
<div class="both-ready-
sections"
style="width: 300px; height:
style="border-right: 300px;
1px solid border-radius: 10px;">
#b1b9c3;;">
<img src="images/3.jpg"
help you.</p> <p>Hear that? TWe Are Here To

class="btn">Sign Up</a> <a </div> href="signup.php"

<div class="both-ready-
3 sections"> <img
5
style="width: 300px; height: 300px;border-radius: 10px;">

<p>Help & Save Someones Life.

Q.
A
V

up.php class= btn >Become a Donar</a> <a href="become-donar-

</div>
</div>

<?php
require_once 'counter.php1; ?
>
<div style="padding: 30px;"></div>

<?php
require_once 'footer.php1; ?>

</body>
</html>
<style type="text/css">

,topimg{ margin-top: 3px;

height: 455px; width: 100%;
}

3
6
.wrappertop { background-color: white; padding: 2°% 4%; position:
absolute; top: 150px; left: 30°%; right: 30°%;
}
.botb-bo xes{
height:
400px;
background:
#f9fafb;
}
,lists-boxes>li { margin-
top: 20px; margin-
bottom: 20px; color:
#323232; font-weight:
500; list-style: none;
}
.all-icons { font-size:
20px; color: #5'\af3;
margin-right: 20px;
}
#wrapper-bo xes { box-shadow:
0px 2px 8px 3px
whitesmoke;
border: 1 px solid
whitesmoke; margin: 20px
30px; text-decoration:

none
!im portant;
color: #242a30
}
#tasker-img { height: 100px;
width: 50°%; margin-left:
auto; margin-right: auto;
display: block; border-
radius: 50°%;
}
,both-review{ display: inline-
block;
vertical-align: top; text-
transform: capitalize;
}
h2{
font-weight: 700;
 }
.ready-section {
background: #faf;
border: none;
padding: 100px
0;
}
.both-ready-sections
{ width: 45%;

display: inline-block; padding:

20px; text-align: center;
vertical-align: top;
}
.btn {
color: white Important;
background-color:
#5'\af3; text-align:
center; border-radius:
4px; font-size: 18px;
margin-top: 30px; width:
200px; padding: 10px
0px; cursor: pointer;
font-family: 'Raleway1, sans-
serif; display: block; text-
decoration: none; margin-left:
30°%;

}
,btn:hover {
background-color: #61bf33;
}
#cat_btn {
background-color: white;
color: #5'\af3;
border: 1 px solid #51 af33;
-Confirmed' ";
?>
<div class="row"> <?
php

while($r=mysqli_fetch_assoc($res))
{
if(empty($r['image']))

{
$path='images/t1 .png';
} else {
$path='donar/';
$path.= $r['image']; }>

<a
href="donar-details.php?id=<?php echo <br>
$r['id']; ?>" class="col-md-3" id="wrapper- <img
boxes">
<div

src="<?php echo $path ?>" id="tasker-

img"> style="text-align: center;padding-top: 10px; ">

<p style="text-transform: capitalize;"><?php echo $r['first_name']."" $r['last_name']; ">

<br>

<i class="fa fa-check-circle"

aria-hidden="true" style="color: #51af33;margin-right: 5px;"></i> Verified Donar

</p>

<p style="text-transform: capitalize;"><?php echo $r['blood_group'] 7></p> <p>

<i class="fa fa-star" aria-

hidden="true" style="color: #f9c339; margin: 5px"></i>

<?php
$res1=mysqli_query($con, "select avg(rating) as avg
from reviews where donar_id="'.$r['id']...";
$r1 =mysqli_fetch_assoc($res1); $rat=substr($r1
['avg'1,0,3);

echo $rat; <>/ 5 positive reviews </p> <p>

<<php

$result= mysqli_query($con,
"SELECT * from donation_request where donarid="'.$r['id']."' and d_status='Plasma Donated'");
$rows=mysqli_num_rows($result);

<>

<<php echo $rws; <>&nbsp;

Palsma donation

</p>
<hr>

</div>
</a>
 <?php }?>
</div>
</div> <div style="padding: 30px;"></div> <?php include('footer.php'); ?>
</dody>
</html>

<style type="text/css">
dody {
dackground-color:
#X9faXb;
}
#wrapper-bo xes { dox-
shadow: 0px 2px 8px
3px whitesmoke;
dorder: 1px solid
whitesmoke;
margin: 20px 30px; text-
decoration: none
(important;
color: #242a30
}
#tasker-img { height: 100px;
width: 50%; margin-left:
auto; margin-right: auto;
display: dlock; dorder-
radius: 50°%;
}
.oth-review{ display: inline-
block;

42
 vertical-align: top; text-
transform: capitalize;
}
h2{
font-weight: 700;
}
</style>

Sign up page
<script type="text/javascript">
function Captcha(){
var alpha = new
Array(A\ ';c\ ';E\ v;G\ , H , ;\ , ;s;KX , ;M , ;N;o , ;p , ;Q , ;R , ;s , ; T;\J , ; v;w; x, ; Y;z , ;
1 1
_ i 'k —1 ' - P ' U 1 1:1 II,I ■ ii - i i — i I+I i, I ., I I .., I I WI i. j I_I\.

a, b ,c, d ,e,f ,g, h , i , j , k , l , n n, n,o , p , q , r,s , t , u , v , w ,x ,y ,

z ) ;
var i;
// for (i=0;i<6;i-H-){
var a = alpha[Math.floor(Math.random() *
alpha.length)]; var b = alpha[Math.floor(Math.random()
* alpha.length)]; var c =
alpha[Math.floor(Math.random() * alpha.length)]; var d
= alpha[Math.floor(Math.random() * alpha.length)]; var
e = alpha[Math.floor(Math.random() * alpha.length)];
var f = alpha[Math.floor(Math.random() * alpha.length)];
var g = alpha[Math.floor(Math.random() * alpha.length)];
//}
var code = a - " - b - " H " H C H " - d - " - e - " - f - " - g - ,
document. getElementByld("mainCaptcha").innerText = code
}
function ValidCaptcha(){
 var stringl =
removeSpaces(document.getElementByld('mainCaptcha').innerText);
var string2 =
removeSpaces(document.getElementByld('txtlnput').value); if
(stringl == string2){ return true;
}
else{
document.getElementByld('cap').style.visibility='visible'; return
false;
}
}
function removeSpaces(string){
return string.split(' ').join(");
}
</script>
<DOCTYPE html>
<html>
<head>
<title></title>
<?php
require_once('links.php'); ;>

</head>
<body onload="Captcha();">
<div class="wrapper">
<div class="heading">
<span style="color:
#333">Plasma</span>
<span style="color:
#51af33"> Donation </span>
<h4>Patient Sign
Up<h4>
</div>

<form method="post" onsubmit="return ValidCaptcha()">

<input type="text"
name="first_name" placeholder="First Name" class="all_inputs"
id="inputTextBox1" required>
<input type="text"
name="last_name" placeholder="Last Name" class="all_inputs"
id="inputTextBox2" >
<input type="email"
name="email" placeholder="Email Address" class="all_inputs" required>
<select
name="pblood_group" class="all_inputs" required>

<option>

<option>

<option>

<option>

<option>0

option disabled
selected>—Blood Group—</option>

positive</option>

negative</option>

positive</option>
negative</option>

positive</option>
<option>0
negative</option>
</select>
<input type="password"
name="password" placeholder="Password" class="all_inputs" required>
<textarea class="all_inputs"
style="height: 80px" name="address" placeholder="Address"
required></textarea> <div class="cap-wrapper">
<label id='mainCaptcha'
style="width: 100px;"></label>

<input type="text"
name="cap" placeholder="Capcha Code" id='txtlnput' requiredxbutton
type="button" id="refresh" onclick="Captcha();" ><i class="fas fa-sync_
alt"></i></button><br><br>
<div id='cap' class="alert
alert
-danger text-center"> Invalid capcta</div>
</div>
<input type="submit"
name="btn" class="submit" value="Create account">
</form>

<?php

if(isset($_POST['btn']))
{

require_once edb-phip'"
$query="insert into
users (firstjiameJastjiamejmaipasswordjddressj pblood_group)values("'.
$_POST['first_name')."'J"'.$_POST['last_name')."',"'.$_ POST['emair)."' J"'.
$_POST['password')."'J"'.$_POST['address')."'J "'.
$_POST['pblood_group').'")'"
mysqli_query($con
$query);
echo "<div class='alert alert-success text-center'>Data saved!
</div>""

echo '<script
language="javascript">'"
echo 'alert("Thank You for
Registation. Please login to book a
service!")'; echo '</script>'"

?>
</div>
 </body>
</html> <style type="text/css">

body {

background-image: font-family:
url(images/1.jpg);
'Raleway', sans- }
serif limportant; .wrapper { margin-top: 10px;
background-color: #fff; padding: 20px
50px; margin-left:auto; margin-right: auto; width: 50°%; border-radius: 3px;
}
.heading { text-align: center; font-size: 40px; font-family: 'Raleway', sans-

font-weight: 900;

}
.alLinputs { font-family: 'Raleway', sans-

serif;

width: 100%;
height: 40px;
margin-top: 40px;
text-indent: 20px;
outline: none;
font-size: 1px;
serif- }
.all_inputs:hover { outline: 1 px solid #51 af33;
}
.submit t color: white;
}
.submit:hover { background-color: #61 bf33;
}
.cap-wrapper{ padding-top: 30px;
border: 1 px solid #51 af33;
background-color: #51af33;
text-align: center; border-
radius: 4px; font-size:
18px; margin-top: 5px;
width: 100%; padding:
10px 0px; cursor: pointer;

serif;
font-family: 'FRaleway',
sans-

}
.cap-wrapper>label{

color: black;

} font-weight: 600;
.cap-
wrapper>input[type='text']

margin-left: 20px;
 height: 40px;
width: 70%; text-
indent: 20px;
outline: none;
}
#cap{
visibility: hidden;
}
</style>
Donar details <DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

<?php include('header.php');
?>

<div id="wrapper-top">
<h3>Donar Details</h3><br>

<?php

include("db.php");

$res=mysqli_query($con, "select * from donar where id="'.$_GET['id'].""');

$r=mysqli_fetch_array($res);
if(empty($r['image']))
{

$path='images/t1 .png';

} else {
$path='donar/';
$path.= $r['irmage'];
}

$_SESSION['donar_emair]=$r['emair];
?><br>
<inng src="<?php echo
$path; ?> " style="width: 140px;" class="inng-circle"><br>
 <h3><?php echo
$r['first_name']."$r['last_name']; ?></h3>
<p>

<i class="fa
fa-check-circle" aria-hidden="true" style="color: #51af33;margin-right:
5px;"></i>
$r['blood_group'] ?
>

Verified Donar<br>
<?php echo
</p>
<p>

<i class="fa
fa-star" aria-hidden="true" style-'color: #f9c339; margin: 5px"></i>
<?php
$res1=mysqli_query($con, "select avg(rating) as avg
from reviews where donar_id='".$_GET['id'].'"");
$r1 =mysqli_fetch_assoc($res11;
$rat=substr($r1 ['avg']"");

echo $rat; ;>/ 5 positive reviews

</p>

<p>

<php

$result= mysqli_query($con,
"SELECT * from donation_request where donarid="'.$_GET['id']."' and
d_status='Plasma Donated'");
$ rows=mysq I i_n u m_ows ($res u It);
 ?>

Plasma Donations <<php echo $rows; ;>

</p>
</div>
<div class="container" style="background-color: white; padding: 30px">
<ul class="nav nav-pills ">
<li class="active"><a
href="#hireme" data-toggle="tab">Need Plasma</a></li>
<li ><a
href="#rev\ews"
data-toggle="tab">Reviews</a></li>

</ul>
<div class="tab-content">

<div id="hireme"
class="tab-pane fade in active'"

Plasma Donation</h1>

<br>

<h1>Request For <?php

if(isset($_SESSION['user_id']))
{?>
<a class="btn btn
-success" href="donation-request.php?id=<?php echo $r['id'); ?>">Request
For Plasma Donation</a>
<php}

else
{ e
 cho
"Please Login/Sign Upto Request For Plasma Donation";
 }?>
</div>

<div
class="tab-pane fade"> id="reviews"
<br>

<php

$reviews=mysqli_query($con, "select * from reviews join users on

reviews.user_id= users.id where donar_id="'.$_GET['id']."'");

while($rev=mysqli_fetch_assoc($reviews))
{?>

<div class="col-md-6 " style="margin-top:

20px;">
<div class="both-review"

<span><?php echo
style="width: 75%">

<?php $i=0;
$rev['first_name"." ".$rev['last_name";;

while($i<$rat)
"> $rat=$rev['rating";
{
 echo '<span><i
class="fa fa-star" style="color: #fb641b"></i></span>';

$i++;

while($i<5)

echo '<span><i
class="fa fa-star" style="color:"whitesmoke"></i></span>';

$i++;

?> </span> <p

class-'text-

<p
style="color:

<!-- <p style="

color:

justify"><?php echo $rev['review<; ?></p> #67727e"><?php echo

$rev['date<; ?></p> #51 af33">Mounting</p>->

</div>

</div>
 <?php }?>
</div>

</div>

</div>
<?php
include('footer.php');

?>
<//ody>
</html>

<style type="text/css">

#wrapper-top
{
background-color:
#323232; opacity: .6;
padding: 50px;
color: white (important;
text-align: center; text-
transfornn: capitalize;
}
.img-circle{ border: 2px
solid
whitesmoke;
}
.nav-pills>li.active>aJ .nav- pills>li.active>a:focusJ .nav-
pills>li.active>a:hover
{
background-color: #51af33
! inn porta nt;
}
 h3{
font-weight: 700;

}
.boXh-s\des{ display:
inline-block; padding: 20px
80px; width: 40%; margin:
10px; text-transform:
capitalize; /background-color:
red;*/
}
#select{

background-color: white;
color: #5'\af33; border: 1
px solid #51 af33; text-
align: center;
border-radius:
4px; font-size:
18px; padding:
5px 20px; cursor:
pointer; font-family: 'FRaleway', sans-

serif; text-decoration: none;

transition: all .4s; margin-
left: 30px linnportant; text-
transfornn: capitalize;
}
#select:hover { background-
color: #5'\af33; color: white;
}
</style>
Donar requests <DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

<?php require_once ('header.php'); ;> <?php require_once

('menu.php'); ;>

<div class="restsection">

<div style-'height: 20px;"></div> <h1>Plasma Donation

Requests <//1>

<?php
require_once('../db.php');

$result= mysqli_query($con, "SELECT* from donation_request join users on

donation_request.userid = users.id where donarid ="'.$_SESSION['donar_id']."' and d_status!
='Plasma Donated'"); if(nnysqli_num_rows($result)>0)
{
echo 'table class-table table-striped table-bordered table-
hover"";
echo "<tr class-info"";
echo "<th>"."Blood Group"."</th>";
echo "<th>"."Patient Name"."</th>"; echo "<th>"."Email"."</th>";
 echo "<th>"."Location"."</th>";

echo "<th>"."Date Of Request"."</th>"; echo "<th>"." Current

Status"."</th>"; echo "<th>"." View More Details"."</th>"; echo
"</tr>";
while($r=mysq"_fetch_assoc($result))
{
echo "<tr>";
echo "<td class='warning'>". $r['pblood_group']."</td>";
echo "<td>". $r['first_name']."". $r['last_name']."</td>";
echo "<td>".$r['email']."</td>";
echo "<td class=">".$r['address'] ."</td>";
echo "<td>".$r['dor']."</td>";
echo "<td>".$r['d_status']."</td>";
echo "<th>"."<a href='more_details.php?did=$r[did]' class='btn btn-success'> View
Details</a>"."</th>";

echo "</tr>";
}
echo "</table>";
}
else {
echo "<h4 class='text-center'>No Plasma Donations Requests Yet.</h4 class='text-
center'>";
}
?>
</div>
</body>
</html> <style type="text/css">
#images { width: 50px; height: 50px;
transition: all 1s; cursor: pointer;
)
#innages:hover { transform: scale(2);
 )
</style>
Donar donations <DOCTYPE htnnl>
<htnnl>
<head>
<title></title>
</head>
<body>

<?php require_once ('header.php'); "> <?php require_once

('menu.php'); ">

<div class="restsection">

<div style-'height: 20px;"></div> <h1>My Plasma Donation

<//1>

<?php
require_once('../db.php');

$result= mysqli_query($con, "SELECT* from donation_request join users on

donation_request.userid = users.id where donarid ="'.$_SESSION['donar_id']."' and
d_status='F3lasma Donated'"); if(mysqli_num_rows($result)>0)
{
echo "<table class='table table-striped table-bordered table-
 hover'>";

echo "<tr class='info'>";

echo "<th>"."Blood Group"."</th>";

echo "<th>"."F*atient Name"."</th>";

echo "<th>"."Ermail"."</th>";

echo "<th>"."Location"."</th>";

echo "<th>"."Date Of Request"."</th>";

echo "<th>"." Current Status"."</th>";
echo "<th>"." View More Details"."</th>";
echo "</tr>";
while($r=mysq"_fetch_assoc($result))
{
echo "<tr>";
echo "<td class='warning'>". $r['pblood_group']."</td>";
echo "<td>". $r['first_name']."". $r['last_name']."</td>";
echo "<td>".$r['email']."</td>";
echo "<td class=">".$r['address'] ."</td>";
echo "<td>".$r['dor']."</td>";
echo "<td>".$r['d_status']."</td>";
echo "<th>"."<a href='more_details.php?did=$r[did]' class='btn
btn-success'> View Details</a>"."</th>";

echo "</tr>";
}
echo "</table>";
)
else {
echo "<h1>No Flasma Donations Yet.</h1>";
}
?>

6
5
</div>

6
6
</body>
</html> <style type="text/css">
#\mages { width:
50px; height: 50px;
transition: all 1s;
cursor: pointer;
)
#innages:hover
{ transform:
scale(2);
}
</style>