Design Mobile Application for

Blood Donation System

Muna M. Hummady
Department of Information and Communication Engineering
Al-Khwarizmi College of Engineering
University of Baghdad
Baghdad, Iraq
[email protected]

Abstract— Computers and cell phones have become more willing donors, filter it for all communicable diseases, and
commonplace in a society in addition to the many benefits they reduce transfusions. The nation's
provide in our daily lives. Internet communication (through
websites and applications) has become essential as a result of blood donation plan is extremely complicated, and it
the Corona pandemic and the issues it brought up. The
lacks several essential resources like proper infrastructure
difficulty in locating a trustworthy blood bag could result in
the loss of many lives. Blood donation is crucial for patients and funding. Distributed management is the key issue
causing the blood banking system to become corrupt. Every
2022 International Conference on Computer and Applications (ICCA) | 978-1-6654-5294-6/22/$31.00 ©2022 IEEE | DOI: 10.1109/ICCA56443.2022.10039544

with thalassemia, cancer patients, accident victims, and

surgical procedures. To donate blood, one must research and state, every city, and even different parts of the same city
visit a blood bank. In a time crunch, it could be challenging to have different criteria. Since many large hospitals do not
choose the best donor. Because unusual blood types aren't have blood banks, the number of private blood banks has
always available at all blood banks, recipients often struggle to increased [1], [2].
find the appropriate blood donor. To address the issue of a
lack of blood bags, it is evident in a blood bank's inadequate The field of transfusion medicine is in dire need of
management, the elimination of uncommon blood types, a lack
skilled medical personnel. Blood centers with the necessary
of understanding and confidence, and the challenge of
determining a specific blood group. This project aims to design equipment and a highly-trained workforce are a basic
and deploy a mobile application. It is advised to make use of a requirement for the diligence, assurance, and viability of
blood donation app that is connected to the main database that blood and blood tests, as well as blood products. Training
compiles and arranges information from all blood donation medical workers are of utmost importance for the optimum
drives and blood banks. All necessary blood donation processes clinical handling of blood. The organization and
are managed and controlled by the proposed application. The administration of the blood transfusion service have faced
front end of the application is built using JavaScript in this difficulties in meeting the demands of good manufacturing
project (React native is used as the framework for JS), and the practices and the deployment of quality systems moving
back end is built using Firebase as the database.
towards total quality management. The process of giving a
Keywords— Internet of Things (IoT), Health Care, Medical
Bracelet, Sensors, JavaScript (JS). human body enough blood when it's needed, such as in
situations of illness, accidents, diseases, surgery, etc., is
known as a human blood transfusion. During the procedure,
I. INTRODUCTION the blood drawn from the bodies of healthy volunteers is
The use of optimization techniques in healthcare used to provide the necessary blood to those in need.
administration and logistics is a growing field of study. The Depending on how much blood is required, the procedure
main issues looked at included the location of the hospital, typically lasts 60 to 180 minutes. The demand for blood is
staff infighting, patient distribution, and transportation of substantially higher than the available supply in the majority
medical supplies. Optimization approaches have emerged as of the world's nations. The Ministry of Health and Family
a result of numerous healthcare-related difficulties, such as Welfare for India announced that 10.9 million units were
hospital resource management and the delivery of care donated in 2016 compared to the necessary 12 million units
services in a region. However, optimization strategies can [3].
also enhance other healthcare services that have so far The nation's inactive voluntary, unpaid blood donation
received only sporadic attention. The Blood Donation (BD) system and ineffective blood collecting system are mostly to
system is one of them; it attempts to provide hospitals and blame for this scarcity. Lockdowns because of COVID-19
transfusion facilities with an adequate supply of blood. contributed to a worsening blood shortage across the
country. Numerous additional causes for this shortage have
To guarantee sufficient blood availability to meet been found, including a lack of social awareness and
demand and preserve lives, BD, therefore, plays a crucial widespread misconceptions about blood donations.
role in healthcare systems. A highly well-organized internet
healthcare system is needed in Arab nations, including our According to Table (1), there are eight blood types: A+,
town. To isolate transmitted pathogens and provide safe and A-, B+, B-, AB+, AB-, O+, and O-. The O group donor is
sufficient blood transfusion services to the public, an referred to as the universal donor since everyone who has it
integrated blood adoption technique is necessary. The accepts it. The AB group member is known as the universal
primary element of the plan will be to collect blood from acceptor [4].

Authorized licensed use limited to: Visvesvaraya Technological University Belagavi. Downloaded on March 22,2024 at 12:17:33 UTC from IEEE Xplore. Restrictions apply.
 Table .1. Donor and Acceptor Blood Group cross-platform software. A platform is an operating system,
such as Windows, Mac OS, Android, or iOS. Fig. (1)
Type Give Blood To Receive Blood From illustrates how a user can use a software application on a
wider range of gadgets and computers when it is compatible
A+ A+ AB+ A+ A- O+ O-
with many platforms [10].
O+ A+ AB+ B+ O+ O+ O-
B+ AB+ B+ O+ O- B+ B-
AB+ AB+ Everyone

A- A+ A- AB+ A- O-
AB-
O- Everyone O-
B- B+ B- AB+ B- O-
AB-
AB- AB+ AB- AB- O- A- B-

II. LITERATURE SURVEY

This section serves to introduce some of earlier projects,
many of which provide good approximations of our concept. Fig. 1. Cross-platform
Madhu uses the GSM-based smart card CPU-Raspberry Pi 3 Cross-platform mobile development is the process of
to implement a direct connection between donor and creating software that works with many mobile operating
acceptor utilizing short message services that are compatible systems. Initially, the difficulty of developing a backend that
with all mobile phone models and provides GPS worked across numerous platforms increased the difficulty
connectivity to both the acceptor and donor to determine of developing mobile apps. Although time-consuming and
their whereabouts [5]. expensive, creating native applications for each mobile
Abhijeet Moharkar uses an embedded system to operating system was frequently simpler (OS). The issue
construct an automated blood bank that gives patients a pure was the inability of code created for one operating system to
solution to match their needs through the most widely used be used with another OS. Today, creating cross-platform
Android system with the aid of internet access. This system applications is simpler for programmers [11].
offers a standard platform for blood donors and recipients, Cross-platform development techniques that are more
which helps blood banks manage their daily blood recent include:
requirements [6]. • Hybrid mobile app development: entails writing the
Ms. Pradnya Jagtap developed a mechanism to collect application's main portion as an HTML5 or JavaScript
data on donors and organizations involved in blood mobile app and then enclosing it in a native device
donation. This system was created using GPS technology.
wrapper.
Blood banks, hospitals, donors, and requesters who register
with the system will all use the proposed system [7]. • Rapid mobile app development (RMAD): makes use
To address the needs of Sultanah Nur Zahirah Hospital of programming languages without the need for coding.
(HSNZ) in Malaysia, Sumazly Sulaiman built a web-based With RMAD, business users may easily create and
administration system. Different hospitals might handle maintain "good enough" internal apps to handle certain
blood bags differently. The Rational Unified Process was business concerns.
employed in the construction of this system (RUP). The • Windows universal apps: which use a single codebase
J2EE programming environment with Java and JSP,
for all Windows-based hardware. Having the same app
MySQL for SQL databases, and HTML5, CSS, and
JavaScript for web development make up the technology work on a Windows PC, tablet, smartphone, and
platform used to construct this system [8]. smartwatch is the aim.
A thorough introduction to mobile apps, mobile • Progressive web apps (PWAs): are webpages that
development methods, building environments, and mimic the appearance and functionality of mobile apps.
processes is provided by Marius POPA, who also looks at React Native aims to make it possible for programmers
the unique aspects of the cross-platform mobile application to create top-notch native applications for iOS and Android
development lifecycle. The advantages of a bigger market using well-known web technologies. It builds user interfaces
share and more potential users of the concept underlying the in the same declarative manner as React for the web.
mobile application functionality are provided by the cross- Additionally, React Native seeks to eliminate certain native
platform strategy for developing mobile software [9]. development inefficiencies. With React Native, you can
quickly update the app after making changes rather than
waiting for a lengthy compile and deployment process,
III. DESIGN METHODOLOGY
much as on the Web so that you don't have to deal with the
Any software program that runs on many platforms, also slow process of write, compiling, deploying, and debugging,
known as operating systems or hardware, is referred to as which can cripple development on larger native apps! React

Authorized licensed use limited to: Visvesvaraya Technological University Belagavi. Downloaded on March 22,2024 at 12:17:33 UTC from IEEE Xplore. Restrictions apply.
 Native allows you to share significantly more code across
platforms than traditional native development, which greatly
improves the developer experience. According to Facebook,
React Native is not intended to be a write once, run
anywhere solution. They realize that every platform has a
unique interface and set of features. React Native, on the
other hand, enables you to use standard tools to build for
several platforms. Learn once, write everywhere is how they
describe this [12].
A React Native application communicates with the
phone to access all of its functions and display a user
interface (UI). This is accomplished by passing a JavaScript
Fig. 2. Throwaway Prototyping Model
"bridge" layer via the low-level mobile platform code. On
both iOS and Android, a JavaScript engine interface is This project aims to build a mobile application that links
available. This is a low-level layer that communicates with all donors, manages a blood transfusion service, and builds a
the OS to enable the phone to perform the same functions as database with details on blood supplies in each region. With
those offered by other platform languages. You might be the help of this app, you can schedule an appointment to
familiar with Java, Xcode, Objective-C, or Swift [13]. give blood to someone else. As shown in Fig. (3), people in
Numerous applications with JavaScript-based behavior need of blood can use the application to find blood donation
have been developed using the application frameworks facilities around their locations that have the right blood
Electron, Cordova, and React Native. Other non-browser types accessible for them.
applications include JavaScript-written GNOME Shell
extensions and Adobe Acrobat support for scripting PDF
documents. Recently, some embedded systems have started
to use JavaScript, typically via using Node.js [14] [15] [16]
[17].

IV. THE PROPOSED SYSTEM

The Throwaway Prototyping Model used in this project
is depicted in Fig. (2). When the project requirements are
vague and poorly stated, it is especially beneficial. It
functions by demonstrating how specific methods and
strategies could be applied to achieve a goal [18]. For some
projects, disposable prototyping models are used, and they
are ultimately discarded once the project is complete. It is
also referred to as closed prototyping. So, we used this
model or methodology for the following reasons: Fig. 3. Blood Donation System
1. Users participate actively in the creation of the product.
2. Because a working model of the system is provided, V. RESULTS
users of this methodology have a greater understanding The user can see blood donation centers in the home
of the system being developed. page. The user can view more information about these
3. Errors can be found a lot sooner. centers by clicking on the center's image, where they can see
4. User feedback is provided more quickly, which leads to the center's name as well as the percentage of each blood
better solutions. group that it accepts, and they can also send a request to the
5. Missing functionality is obvious. center specifically to donate blood by clicking on the
6. Some tasks are ambiguous or difficult. donation button (donation) as shown in Fig. (4-a).
7. Rapid application implementation with incomplete but The profile page is shown in Fig. (4-b). It contains the
functional requirement validation. personal user information such as image, name, gender, age,
Blood donation is an essential component of healthcare area, and, lastly, the requests being submitted to the blood
globally. It pertains to therapeutic phlebotomy as a main donation locations.
medical intervention and blood transfusion as a life- Fig. (4-c) shows the donation screen page. The user
sustaining and life-saving treatment. Every year, people all provides a variety of personal details, such as gender, name,
across the world donate more than 100 million units of and age, and then pushes the button SEND REQUEST to
blood. Donors should get plenty of rest, eat a substantial send the request to the center. This page will then display
meal, and drink lots of non-alcoholic, caffeine-free liquids after selecting the contribution button that is present on the
before giving blood. Heavy lifting, drinking alcohol, and center's home page and search page.
smoking should be avoided for several hours following
donation [19].

Authorized licensed use limited to: Visvesvaraya Technological University Belagavi. Downloaded on March 22,2024 at 12:17:33 UTC from IEEE Xplore. Restrictions apply.
 clicking "new center" a new center will be added to the
location that the administrator previously selected.
Fig. (6-c) shows the information page which is displayed
after registering. In this page, the user asked for information
such as their image, nationality, blood type, and gender.

(a) (b) (c)

Fig. 4. (a) User page (b) Profile page (c) Donation page

The center details page which will be the Center

Manager's Home Page is shown in Fig. (5-a). This page
appears when the user clicks on an image of a center on the
page search or home page. This page contains information (a) (b) (c)
about the center, including its name, location, and the Fig. 6. (a) register page (b) create a canter page (c) info page
proportion of each species of blood group that it has.
The donor details page displays the donor's name, The flowchart for admin is shown in Fig. (7). While the
gender, age, blood type, and the donation center used as flowchart for the users is shown in Fig. (8).
shown in Fig. (5-b). After the user donates, this page (center
details) will be sent to the central management, who will
then validate this request, and the percentage of blood
groups will change following the type of donor.
Fig. (5-c) illustrates how the user's identity is discovered.
If the center management clicks "confirm," the donor details
page will be displayed. If, however, the center manager
clicks "delete," this request will be erased and the blood
type % based on the deleted request will alter (lower).

Fig. 7. Flowchart of admin

(a) (b) (c)

Fig. 5. (a) Canter details page (b) Donator details page (c) Identify age

The Registration page shows the user's identification

confirmation. In this page shown in Fig. (6-a), the program
asks for the email and password. If a user already has an
account, he may access the login screen by clicking (already
registered).
Fig. 8. Flowchart of user
The administrator displays how to create center page as
illustrated in Fig. (6-b). The center details (such as the name
of the image and the center's address) will be entered. After

Authorized licensed use limited to: Visvesvaraya Technological University Belagavi. Downloaded on March 22,2024 at 12:17:33 UTC from IEEE Xplore. Restrictions apply.
 VI. CONCLUSION [12] S. bin Uzayr, “React Native Modules,” Mastering React Native, pp.
163–204, Oct. 2022, doi: 10.1201/9781003310440-7.
The goal of this project is to develop a mobile [13] A. Paul and A. Nalwaya, “Native Bridging in React Native,” React
Native for Mobile Development, pp. 165–186, 2019, doi:
application that connects all donors, oversees a blood 10.1007/978-1-4842-4454-8_7.
transfusion service, and accumulates data on blood supply in [14] R. Ferguson, “JavaScript and Server- Side Development,” Beginning
each location. Users of the android application will be able JavaScript, pp. 121–134, 2019, doi: 10.1007/978-1-4842-4395-4_10.
to view which patients need blood supplies. The proposed [15] A. Mackey, “Introducing .NET 4.0,” 2010, doi: 10.1007/978-1-
4302-2456-3.
technology can be used in an emergency to speed up the [16] Mahemoff, Michael, "Server-Side JavaScript, Back with a
process of giving blood to people who need it. Additionally, Vengeance," Readwrite.com, July 16, 2016.
it enables them to get in touch with nearby donors in case of [17] J. Harder, “Enhancing Adobe Acrobat DC Forms with JavaScript,”
an emergency. Among the most crucial components of the 2017, doi: 10.1007/978-1-4842-2893-7.
[18] https://mockitt.wondershare.com/prototyping/throwaway-
system is the database. The databases of blood banks and prototyping.html , "Peter Martinez updated on 2020-09.
hospitals must regularly be checked for consistency for the [19] P. Kopko, “Faculty Opinions recommendation of The long and
system to function properly. The design of the application winding road to pathogen reduction of platelets, red blood cells and
was sufficiently focused on ensuring data dependability and whole blood.,” Faculty Opinions – Post-Publication Peer Review of
the Biomedical Literature, Sep. 2020, doi:
preventing any data-related issues. The application's design 10.3410/f.736200970.793578948.
offers users a user-friendly and responsive interface. The
application was created specifically for each individual, so
there is no need for a user manual to get you started. This
program is compatible with both the iOS and Android
operating systems from Apple and Google. It can be used by
anyone who has a basic understanding of how to use a
mobile device. The way this program is set up makes it
possible to swiftly and effectively incorporate any future
updates.

REFERENCES
[1] CeesTh. Smit Sibinga, “Existing and recommended legislative
framework for a national blood transfusion policy,” Global Journal
of Transfusion Medicine, vol. 2, no. 2, p. 89, 2017, doi:
10.4103/gjtm.gjtm_35_17.
[2] Dr. Muhammad Zahid Latif, Haroon Riaz, Dr. Syed Waseem Ahmad
Mujtaba, Rahila Nizami, “Blood Donation; Knowledge, Attitude and
Practice of Medical Students,” The Professional Medical Journal, doi:
10.17957/TPMJ/17.3554, pp. 370-374, March 2017.
[3] J. Belien and H. Forcé, “Supply Chain Management of Blood
Products: A Literature Review,” SSRN Electronic Journal, 2011, doi:
10.2139/ssrn.1974803.
[4] AB Patil, B Murkhandi, L Jayshri, B Navalli, R Sg, “Automated
Blood Bank Using Embedded System,” International Journal of
Innovative Research in Science Engineering and Technology, ISSN
(Online): 2319-8753 ISSN (Print):2347-6710, vol. 7, Issue 1,
January 2018.
[5] V. Madhu Kumar, B. Supriya, "Design and Implementation of e-
blood bank," Journal of Emerging Technologies and Innovative
Research (JETIR), ISSN-2349-5162, vol. 4, Issue 12, December
2017.
[6] Dr. S. P. Kodgire, S. Gaikwad, and K. Khandagle, “A Review: IOT
Based Blood Bank Maintains System,” Journal of Embedded
Systems and Processing, vol. 7, no. 2, pp. 15–17, Apr. 2022, doi:
10.46610/joesp.2022.v07i02.003.
[7] S. Periyanayagi, A. Manikandan, M. Muthukrishnan, and M.
Ramakrishnan, “BDoor App-Blood Donation Application using
Android Studio,” Journal of Physics: Conference Series, vol. 1917,
no. 1, p. 012018, Jun. 2021, doi: 10.1088/1742-6596/1917/1/012018.
[8] S. Sulaiman, A. A. K. Abdul Hamid, and N. A. Najihah Yusri,
“Development of a Blood Bank Management System,” Procedia -
Social and Behavioral Sciences, vol. 195, pp. 2008–2013, Jul. 2015,
doi: 10.1016/j.sbspro.2015.06.215.
[9] X. Jia, A. Ebone, and Y. Tan, “A performance evaluation of cross-
platform mobile application development approaches,” Proceedings
of the 5th International Conference on Mobile Software Engineering
and Systems, May 2018, doi: 10.1145/3197231.3197252.
[10] https://developers.arcgis.com/documentation/glossary/cross-
platform-development/ , "ArcGIS Developers: cross-platform
development".
[11] H. Nair and V. Yadav, “Study on Cross –Platform Mobile App
Development With Xamarin,” International Journal of Trend in
Scientific Research and Development, vol. Volume-2, no. Issue-4,
pp. 2554–2557, Jun. 2018, doi: 10.31142/ijtsrd15663.

Authorized licensed use limited to: Visvesvaraya Technological University Belagavi. Downloaded on March 22,2024 at 12:17:33 UTC from IEEE Xplore. Restrictions apply.