i

THE DEVELOPMENT OF WEB-BASED BLOOD DONATION AND REQUEST

MONITORING SYSTEM

A Research Project
Presented to the Faculty of the College of Engineering
Technological University of the Philippines – Visayas
City of Talisay, Negros Occidental

By:

Cobrado, Christian E.
Cua, Michael M.
Latosa, Ezer John F.
Macahilig, Jezreel Aibe C.
Villanueva, Sheila Mae C.
Villarin, Kim Joseph L.

Co-researcher:

Engr. Donnie L. Senomio

Adviser:

Engr. Jovanie O. Española

In Partial Fulfillment of the Requirements for the

Degree of Bachelor of Science in Electronics Engineering

September 2020
 ii

VISION

The Technological University of the Philippines shall be the premier state university with

recognized excellence in engineering and technology at par with leading universities in the

ASEAN region.

MISSION

The university shall provide higher and advanced vocational, technical, industrial,

technological and professional education and training in industries and technology, and in practical

arts leading to certificates, diplomas and degrees. It shall provide progressive leadership in applied

research, developmental studies in technical, industrial and technological fields and production

using indigenous materials, affect technology transfer on the countryside; assist in the development

of small-and-medium scale industries in identified growth centers. (Ref: P.D 1518 Section 2)
 iii

QUALITY POLICY

The Technological University of the Philippines shall:

 Commit continuously to provide higher and advanced technological education, and

improve continually its value to customers through enhancement and of personnel

competence and quality management system effectiveness in compliance with

statutory and regulatory requirements; and

 Adhere to its core values, TUPIANS, as follows:

Transparency and participatory governance

Unity in the pursuit of the TUP mission, goals and objectives

Professionalism in the discharge of quality service

Integrity and consistent commitment in maintaining the good name of the university

Accountability for quality individual and organizational performance

Nationalism through tangible contribution to the rapid sustained economic growth

of the country, and

Shared responsibility in compliance with the national mandates of the University

 iv

COLLEGE OF ENGINEERING

BACHELOR OF SCIENCE IN ELECTRONICS ENGINEERING

After five (5) years, the graduates of the program are expected to:

1. Achieve a high level of engineering expertise to succeed in their chosen profession

2. Engage in lifelong learning actively such as progressive leadership in applied research,

development studies in technical, industrial and engineering fields and production.

3. Engage in professional services of effect technology transfer and assist in the development

of small and medium scale industries to contribute to national development.

Fulfill professional and ethical responsibilities in the practice of engineering including social,

environmental and economic considerations.

 v

APPROVAL SHEET
 vi

DEDICATION

First of all, to God Almighty

To our Parents/Guardians:

Mr. & Mrs. Joel and Nora Villanueva

Mr. & Mrs. Roberto and Maria Nida Cua

Mr. & Mrs. Arnulfo and Riza Cobrado

Ms. Ma. Mila Mameng

Mr. & Mrs. Jhun Ivor and Loida Jimera

Mr. & Mrs. Arnold and Ofella Macahilig

To our Mentors

To our Alma Mater, TUP – Visayas

To our Friends, Classmates, and Colleagues

 vii

ACKNOWLEDGEMENT

The researchers would like to express their sincere appreciation to the following

individuals for their assistance, time, and experience in making this project a success:

First and foremost, we thank God Almighty for the life He has given us; without Him, none

of this would be possible.

To our friends, we thank you for your unwavering moral and financial support, prayers,

and encouragements during this chapter of our lives.

To our research subject adviser Engr. May Ricciel R. Benitez, MT for supporting and

guiding us to make this project a reality. To our research adviser, Engr. Jovanie O. Española and

Co-researcher Engr. Donnie L. Senomio for their intellectual support, guidance, and

recommendations that contributed to the fulfillment of this research.

To the panelists for their detailed and constructive comments and suggestions for the

enrichment of the study. To the evaluators, who made time and gave their sincere opinions on how

to improve our research project.

To our classmates and friends for the support and unparalleled memories.

To the Electronics Technology Department and Electronics Engineering Department for

all the love and guidance and being our second family for six years.

And to those whom we failed to mention, who in any way or another, have contributed

efforts and support to make this research project happen, we thank you all.

To God be all the Glory and Praises

 viii

ABSTRACT

Blood donation and request has been a part of our lives. Donating blood enables different

blood banks to store blood for future use or emergencies. Also, requesting blood plays a major role

in some cases. Finding blood types that are rare or short in supply in some blood banks are not an

easy task. Our purpose is to ease the task in finding these types of blood. The first thing majority

of the people will do is to go to the different social media platform to announce or look for possible

donor with the same blood type that they are looking for. Furthermore, there are some professional

or a paid donor who are selling blood that is prohibited by the law as stated in Republic Act No.

7719, otherwise known as The National Blood Service Act of 1994, and for Other Purposes. Due

to this problems, the researchers’ system was developed. A web-based application that enables the

donor/recipient to check the availability of the blood they are looking for. Also, enables them to

donate and request directly to their preferred blood banks that are registered within the system.

The system is managed by the admin account and the system will act as a third party for the

donor/recipient. Furthermore, the web-based application is a platform where different blood banks

and donor can register. The system was tested effective in blood donation and request, as well as

registering different blood banks. The researcher conducted an evaluation using the following

criteria: functionality, workability, reliability and safety of the system. The prototype was

evaluated by the TUPV students. The evaluation generated an overall mean of 4.84 with an

equivalent remark of “Excellent”.

 ix

TABLE OF CONTENTS

PRELIMINARIES

 Title Page i

 TUP Vision and Mission ii

 Quality Policy iii

 Program Educational Objectives iv

 Approval Sheet v

 Dedication vi

 Acknowledgement vii

 Abstract viii

 Table of Contents ix

 Appendices xi

 List of Tables xii

 List of Figures xiv

CHAPTER 1: INTRODUCTION

 Background of the Study 1

 Objectives of the Study 2

 Scope and Limitation of the Study 3

CHAPTER 2: CONCEPTUAL FRAMEWORK

 Review of Related Literatures and Studies 4

 x

 Conceptual Model of the Study 29

 Operational Definition of Terms 31

CHAPTER 3: METHODOLOGY

 Project Design 34

 Project Development 35

 Conceptualization 35

 System Design 36

 Program Development 41

 Operational and System Testing Procedure 44

 Evaluation Procedure 50

CHAPTER 4: RESULTS AND DISCUSSIONS

 Project Description 53

 Project Structure 55

 Project Capabilities and Limitations 71

 Project Evaluation 83

 Evaluation Results 84

CHAPTER 5: SUMMARY OF FINDINGS, CONCLUSION, AND RECOMMENDATIONS

 Summary of Findings 85

 Conclusions 86
 xi

 Recommendations 87

 References 88

Appendices

 Appendix A: Gantt Chart 90

 Appendix B: Evaluation Form 93

 Appendix C: Summary of Evaluation Results by the Respondents 99

 Appendix D: System Flow Chart 100

 Appendix E: Source Code 101

 Appendix F: Brochure 102

 Appendix G: Tarpaulin 103

 Appendix H: Letter to Adviser 104

 Appendix I: Letter to Co-Researcher 105

 Appendix J: Letter of Acceptance 106

 Appendix K: Letter of Acceptance for Proof Reading 107

 Appendix L: Certificate of Proof Reading 108

 Appendix M: Certificates 109

 Appendix N: Documentation 110

 Appendix O: Researchers’ Profile 111

 xii

LIST OF TABLES

 Table  Title  Page

 2.1  Comparison between blood bank systems  13

 2.2  Numerical Rating and Description of Evaluation  28

 3.1  Reliability of the System to Secure Data without any Data Loss  44

 Testing

 3.2  Cross-Browser Testing  45

 3.3  Success Rate Testing  46

 3.4  Functionality of the administrative website Testing  47

 3.5  Full System Testing  48

 4.1  Reliability of the System to Secure Data without any Data Loss  68

 Testing Results

 4.2  Cross-Browser Test Results  68

 4.3  Success Rate Test Results  69

 4.4  Functionality of the administrative website Test Results 69

 4.5  Full System Test Results 69

 4.6  Binomial Probability Results on reliability of the system to secure 75

 Data without any data loss

 4.7  Binomial Probability Results in cross-browser testing 77

 4.8  Binomial Probability Results on success rate of sent, received and 78

 stored data on database with complete information

 4.9  Binomial Probability Results on functionality of the 80

 xiii

 Administrative website

 4.10  Binomial Probability Results on full system functionality 83

 4.11  Project Evaluation 83

 xiv

LIST OF FIGURES

 Figure  Title  Page

 2.1  HTML  17

 2.2  PHP  18

 2.3  Bootstrap  18

 2.4  Ajax  19

 2.5  JSON  19

 2.6  jQuery  20

 2.7  HeidiSQL  20

 2.8  JavaScript  21

 2.9  XAMPP  22

 2.10  Sublime  23

 2.11  000webhost 23

 2.12  Conceptual Model of the Study 29

 3.1  The Project Development Flowchart 35

 3.2  Overall Blood Bank System Block Diagram 36

 3.3  Blood donation and recipient web design 39

 3.4  System Administrator web design 40

 3.5  Blood banks’ web design 41

 3.6  System Flowchart 42

 4.1  Macro Flowchart 53

 4.2  Actual illustration for admin and blood bank web-based login 56
 xv

 interface

 4.3  Actual illustration for regular user web-based login interface 57

 4.4  Actual illustration of admin dash board 58

 4.5  Blood Bank List under Master Data Module 59

 4.6  Blood Bank inventory in admin’s perspective under Blood Banks 60

 Module

 4.7  List of completed donations under List of Donors Module 61

 4.8  Active users and Pending Registration under List of Users 62

 Module

 4.9  Logs of completed transactions under Blood Logs Module 63

 4.10  Actual illustration of Blood Bank Dash Board 64

 4.11  Blood Bank Users Module 65

 4.12  Approve/Pending Request and Donation under Transactions 66

 Module

 4.13  Other Transactions Page Module 67

 4.14  Binomial Probability Results on reliability of the system to secure 73

 data without any data loss

 4.15  Binomial Probability Results on cross-browser testing 76

 4.16  Binomial Probability Results on success rate of sent, received and 77

 stored data on data based with complete information

 4.17  Binomial Probability Results on functionality of the 78

 Administrative Website (Admin accessibility)

 xvi

 4.18  Binomial Probability Results on functionality of the 79

 Administrative Website (Data received and Organized data)

 4.19  Binomial Probability Results on full system functionality (Login 81

 trials and Editing existing information)

 4.20  Binomial Probability Results on full system functionality 82

 (Donation request form and Blood request form)

 1

CHAPTER 1

Introduction

This chapter discussed the purpose of the project, its bound capabilities, as well as insight

on its development. This also contained the statement of the problem that the proponents aimed to

solve.

Background of the Study

Blood is a lifesaver in the event that an emergency situation arises. The purpose of the

blood monitoring system is to collect blood from a variety of people who are willing to donate

blood, to keep track of blood packages in a database, and to provide needed blood in the event of

an emergency. The issue is seeking a particular blood type at a suitable time, as well as the

unethical selling of blood.

The undertaking of the system framework was created so that the clients see the data about

the enrolled blood contributors, for example, name, address, and some other such close to the home

data alongside their subtle element of the blood groups and the other beneficial data of donors.

This task additionally has a registration and log in page where the client’s required to enlist the

credentials and at exactly note at which point can see the accessibility of require blood & similarly

may likewise then enlist himself to give away the needed blood. Then this venture requires internet

access permission granted.

To address the issues mentioned above, the proponents will hereby conduct the

Development of Web-Based Blood Donation and Request Monitoring System which aims to the

system depicts the convenience and the ease to contact with different blood banks and inform users

about different blood social events. The Web-based application acquaints on the insightful
 2

contraptions with the assurance of the arrival of a greatest possible no. of the red blood benefactors

within the place.

Objective of the Study

The general objective of the study is to develop the Development of web-based blood

donation and request monitoring system that provides the convenience and the ease to contact with

different suppliers and to eliminate unethical practice of selling blood.

Specifically, the study aims to:

1. Design a Blood Donation and Request Web-Based application that has the following

features:

a) Friendly user interface.

b) A secured database information.

c) An admin that can manage blood banks, that can accept or reject registration and

can monitor blood banks’ inventory.

d) A blood bank that can accept or reject donations and request.

e) A Blood bank that can set an appointment to request or donate blood from the user.

f) Can send a text message verification upon registration and request.

g) Can notify all the donors that donated to the specific blood bank when someone

donated via email.

2. Develop and program a web-based application that will have the following features:

a) Program and a GUI for admin to access master data, manage users, manage blood

banks and monitor blood banks’ inventory.

 3

b) Program and a GUI for blood bank that can manage blood inventory, approve blood

request and blood donation.

c) Program and a GUI for regular user that can send blood request, can donate blood,

choose blood bank to donate and to receive blood.

3. Test the system in terms of the following:

a) Reliability of the program to secure data without any data loss.

b) Compatibility to open an Administrative Website to different types of browsers.

c) Success rate to run a finished and working application.

d) Functionality of the administrative website.

4. Evaluate the functionality, workability, reliability and safety of the system.

Scope and Limitation

This study covers the design, program and testing of the system. Furthermore, this study

will also focus about blood donating and blood request through web-based application. This

system is programmed using web-based programming language (HTML, PHP, Bootstrap, Ajax,

Json, Jquery and Javascript). The web-based will required ID to enable the admin to confirm the

identity of the user, mobile phone number to notify the user about registration and request.

This study will only be used in web browser and android browser resolution. The system

is only limited to Negros Occidental. ID verification may take some time depending on the image

quality uploaded by the user. Text messages verification depends on the network coverage in the

area. Approval of blood donation and request depends on the blood banks’ person-in-charge. The

advantages of this blood system are: Recipients can look for blood easily, can look for a bag certain

blood type if the required blood type is not available in their current blood bank or the blood type

is rare and users can easily donate blood and select where to donate blood in the registered blood
 4

banks. Disadvantages of this blood system is that is requires active internet connection and is only

limited to Negros Occidental.

CHAPTER 2

Conceptual Framework

This chapter presented the review of related literature and studies that the researcher used

as basis for the study. It includes the conceptual framework and the operational definition of terms.

Review of Related Literature and Studies

BLOOD BANK MANAGEMENT SYSTEM

Background: Requirement of blood for the National Blood Transfusion Service of Sri Lanka has

increased in last three years. Hence it is essential to increase the number of blood donors and

maintain efficiency and updated service. In the last 10 years, the number of voluntary donors has

been increased compared to non-remunerated donors. Though, there is an increased voluntary

blood donor, because of the lack of information relating to bold donation, many people become

disentitle to donating blood. Because of this reason, National Blood Transfusion Service of Sri

Lanka continuously loses a bulk of acquirable blood for a year from people who are willing to

donate blood. To organize blood donation campaigns, organizers need to go to the nearest blood

bank to inform and get necessary things to organize blood donation campaigns. It is more time

consuming and difficult task. Emergency patients, who need blood immediately, request blood

through advertising on televisions or social media. To make the matter worse, National Blood

Transfusion Service of Sri Lanka gets island wide blood stock update once a month. It causes

further difficulty in terms of making decisions. “The Blood Bank Management system” is a web-

based system that directly addresses above problems by integrating relevant functions. Blood
 5

donors can register on the system and continuously they will be notified about the campaigns via

SMS (Short Message Service). Campaign organizers can organize campaigns online and get

responses from blood donors. Patients can request blood via online or sending a SMS. Daily blood

stock can also be handled through the system.

Methods: Blood Bank Management System is a web-based system with integrating SMS alert

function that implemented using HTML, PHP, CSS, JavaScript and JQuery for web development

and MySQL for database design. Blood donor can register on the system and it will provide with

a donor an ID. Blood campaign-organizers can organize a campaign through online. The request

is sent to the particular blood bank officer and officer can approve or reject the request. Once

he/she approves the campaign, donors may get SMS notification to their mobile by informing the

campaign. Not only that, organizer informs with the approved status via SMS to the organizer’s

phone. Patients can request blood via online or just by sending a SMS to the system. Then system

will inform to all the relevant donors with the request. Blood stock will be handled day by day

through the system. Blood bank officer can add or remove a donor to the system and from the

system. Also, he can add blood stock to the relevant blood bank. Blood Bank Management system

has separate Admin panel. Administrator can view island wide blood stock either as blood group

or branch. Furthermore, administrator can add a new bank to the system as well as a user to the

system.

Results: According to the literature, some online systems are used in some foreign countries.

However, there is no proper online system available in Sri Lanka. Blood Bank Management system

is an efficient system as it is integrating all the functions with a SMS alert facility. The main goal

of the Blood Bank Management system is to gather all the blood donors into one place

automatically and inform them constantly about the opportunities to donate blood via a SMS to
 6

the donor’s mobile phone. Also, the system should have functions to organize blood campaigns

online. It makes easier to organizers to organize blood donation campaigns. Also, the system is

capable of handling blood stocks. Through the daily updated blood stocks, management can make

decisions effectively. Further system facilitates with the function that emergency patients can

request blood online or by sending a SMS to the system. Ultimately the system provides proper

communication among the blood donors, campaign organizers and the people who need blood.

Conclusion: This study focused about the development of new Blood Bank Management System.

This system is totally web based application integrated with a SMS gateway technology. The

system was localized for the local user and users interfaced were developed to attract user intention

within the range of professionally. System maintenance is achievable.

BLOODR: BLOOD DONOR AND REQUESTER MOBILE APPLICATION

Background: With rapid increase in the usage of social networks sites across the world, there is

also a steady increase in blood donation requests as being noticed in the number of posts on these

sites such as Facebook and twitter seeking blood donors. Finding blood donor is a challenging

issue in almost every country. There are some blood donor finder applications in the market such

as Blood app by Red Cross and Blood Donor Finder application by Neologix. However, more

reliable applications that meet the needs of users are prompted.

Methods: Several software technologies including languages and framework are used to develop

our blood-donor web application known as BLOODR application. These technologies comprise

Ruby programming language (simply known as Ruby) along with JavaScript and PostgreSQL for
 7

database are used. Ruby on Rails (simply known as Rails) is an opensource Web framework that

makes it possible to quickly and easily create data-based web applications.

Results: Various features of the application are described and their needs of use are analyzed. If a

patient needs a blood at a clinic, blood donors in vicinity can be contacted through using a clinic

management service provided in this application. Registered donors will get notification for the

blood requests only if their blood group is compatible with the requested blood type and in the

same city/region. Then matching blood donors can go to the requesting clinic and donate.

Conclusions: BLOODR application provides a reliable platform to connect local blood donors

with patients. BLOODR creates a communication channel through authenticated clinics whenever

a patient needs blood donation. It is a useful tool to find compatible blood donors who can receive

blood request posts in their local area. Clinics can use this web application to maintain the blood

donation activity. Future improvement of the BLOODR is explained.

(PDF) BLOODR: blood donor and requester mobile application. Available from:

https://www.researchgate.net/publication/319907380_BLOODR_blood_donor_and_requester_m

obile_application [accessed Mar 10 2021].

AN APPLICATION TO FIND SPATIAL DISTRIBUTION OF BLOOD DONORS FROM

BLOOD BANK INFORMATION SYSTEM

Background: The availability of blood is one of the important requirements in treating medical

emergencies. The blood banks do not maintain buffer stocks as required during that time. Thus,

the buffer stock is crucial for disaster management. This application helps people to get the right

information about the availability of blood in the current location for the sake of transfusion at
 8

their need of the hour without running from pillar to post in getting the required blood during

emergency. In this paper we propose a system to find the nearest blood bank with stock details and

the display of donor/s in that locality during emergency with an integration of Geographic

Information System (GIS) to online requisition of voluntary donors, receptors, data base of blood

banks, stocks of blood, blood transfusion and related issue management to address the global blood

related problems in coming future.

Methods: In this paper we propose a new web-based application to address issues like efficient

management of blood bank services and maintenance of donor list with their location using GIS.

This application is designed to be a spatial decision support system to meet blood demand

throughout the city during emergency. This application provides a good example for exploring

how to use GIS by the blood banks management, which cover three main demand related issues,

a web application to maintain network of community blood bank, finding catchments of donors to

a particular blood bank and finding nearest donors from a blood bank. The proposed system

provides enhanced functionality and efficient process design that enables the application to

maintain the information of blood banks, blood campaigns, blood requests which are sent by the

patients, donors, hospitals and doctors [3]. All of these data are linked to demand coverage and

used for the second issue of this application which is related to quickly locating the blood donors

of the required blood group nearer to a given blood bank location and also to determine and

visualize catchments of donors to a particular blood bank on a GIS based map of Tumkur city. GIS

has several techniques and functions that can be used for blood bank service planning [4]. One of

these tools is called on screen digitizing is used by the present study to capture and display the

geographical map of Tumkur city.

 9

Results: The Network of Community Blood Bank(administrator) part is a complete blood bank

management solution that covers all the activities of a blood bank like Blood donation, transfusion

service and management of blood bank service through a web application. It helps in maintaining

patient registration, assists in donor recruitment, maintains stock, performs blood cross–matching

and monitors issues like Donor history, cross–match result, antibody profiles transfusion outcome

etc. are as shown in Figure 1. In addition to this there is a facility available in the system to record

and maintain donor information including record of donor name, address, phone number and email

id, details of previous transfusions and On-line availability of stock positions of all blood products.

Blood products nearing expiry date can be identified and donors can be contacted in case of

emergency.

Conclusion: In this paper, we explore the mechanism of special concerns on blood donation and

transfusion service as implemented in this system. An efficient blood bank management system

should help every patient to access an adequate quantity of safe blood at their location. The
 10

management system can solve the issue of demand and wastage of blood and lead to self-

sufficiency in blood requirement. It could be replicable to any other cities also.

BHARAT BLOOD BANK IN INDIA [2005]

Donors in India who want to donate blood can register at Bharat Blood Bank after reading

the basic constraints of donating blood. Bharat Blood Bank requests the donor's name, password,

and ID to allow the donor to access his account, which contains information about his date of birth,

blood group, gender status, weight, email ID, mobile no, city, address, state, and information about

kidney, cancer and heart disease, and date of his last blood donation. After that, the people who

need blood can browse the site and display the list of blood donors.

BhartBloodBank.com allows recipients to search by area to have more reachable donors. The

website provides the phone number to the recipients to make contact with the donor. Also,

BharatBloodBank.com provides information about Blood Donation, such as tips, scientific

information, facts, etc. It selects other blood banks for blood donation. BharatBloodBank.com

offers these services for free. Further, the site doesn’t use the collected information for any

commercial purposes (Bharat Matrimony Group, 2005).

BLOOD BANKS DELHI IN INDIA [2003]

It is a web-based blood bank management website that offers several services, including

(Singh, 2003):

 The possibility of the donor to register online to donate blood.

 11

 The possibility of citizens to get all the details about the donation camps.

 Help to provide blood supply for the different groups from other blood banks.

 The site has benefit for citizens by conducting all operations through online services such

as registration and search for details of blood camps.

ONLINE BLOOD DONATION RESERVATION AND MANAGEMENT SYSTEM IN

MALAYSIA [2006]

It is an online blood donation reservation and management system in Malaysia used by the

hospital blood bank. It is a web database that contains donor and blood stock information and it

has the ability to keep track of the blood stock in the hospital and the donation records of the

donors.

This website will enable the public to make online reservations and includes online

advertising for all the blood donation events. The hospital managers can manage the donors and

blood stock appointments. The targeted users are the manager from National Blood Center, the

public who wants to donate blood, and the staffs from participating hospitals (TUAN, 2006).

A WEB-BASED BLOOD DONOR MIS IN UGANDA [2009]

A web-based blood Management Information System (MIS) was developed to improve the

lives of the vulnerable in Uganda, besides providing adequate supply of blood.

The study objectives were to develop a web-based blood management system to help in the

management of blood donors’ records and make it easy to distribute the blood in different parts of

the country, based on each hospital’s demands. With the use of IT technology, now relevant and
 12

timely blood donor reports easily can be generated and hence facilitate planning and decision

making. It is an automated information system as a solution to routinely collected, accurate, and

readily available information in blood transfusion services. It enables monitoring of the results and

performance of the blood donation activity (Fredrick, 2009).

BLOOD BANK MANAGEMENT SYSTEM IN INDIA [2006]

India has annual needs of about 5.0 million units of blood each year. And, it actually

collects around 3.50 million units per year. A blood-bank management system was designed to

fetch blood donors and receivers through the shared software platform. Donors can register on the

website and enter their information.

This system makes it readily available, safe blood and other blood components, which can

offer moral and accepted way, consistent with the long-term welfare of the community. That

actively encouraged voluntary blood donations, motivates and maintains good records of indexed

blood donors, and educates the society about the advantages of donating blood. This also will work

as a site for the interaction of best practices to reduce unneeded use of blood and assist the State

in achieving higher efficiency and self-sufficiency in the blood operation (Alexander, et al, 2006).

ONLINE BLOOD DONATION RESERVATION AND MANAGEMENTSYSTEM IN

JEDDAH

Web-based Blood Donation Management System is a management system website that enables

individuals who want to donate blood to help the needy. It also enables hospitals to record and

store the data for people who want to communicate with them, and it also provides a centralized

blood bank database. The system is developed by using HTML, PHP, and MySQL as a database
 13

system to manage and store the data. The Waterfall Methodology, which is the traditional version

and the classic approach of a system development life cycle, is used to develop and build the web-

based blood bank. The system targets three types of user: the public who wants to donate blood,

the recipients who need the donated blood, and the hospitals who that work as an intermediary to

manage the communication between the donors and recipients. The main objectives for developing

the website are to educate the community on the benefits of blood donation, develop a Web-Based

Blood Bank System to manage the records of donors and recipients, and encourage voluntary blood

donation, easily accessing any information about blood type and the distribution of the blood in

various hospitals in Jeddah, based on the hospital needs.

Table 2.1. Comparison between blood bank systems.

Name Year Objective

The main goal of the Blood Bank Management

system is to gather all the blood donors into one

place automatically and inform them constantly

BLOOD BANK
about the opportunities to donate blood via a SMS
MANAGEMENT 2015
SYSTEM
to the donor’s mobile phone. Also, the system

should have functions to organize blood campaigns

online.

BLOODR application provides donors with

BLOODR: BLOOD functionalities including “blood request feed”,

DONOR AND
2017
REQUESTER MOBILE “donation history”, “invite friend”, and “book an
APPLICATION
appointment” (with the clinic to donate blood), at
 14

the same time the requester (aka clinic) can send

requests and use this application to maintain the

different blood donation activities.

AN APPLICATION TO
It provides the information of blood banks, donors,
FIND SPATIAL
DISTRIBUTION OF
hospitals, and doctors for the users at the time of
BLOOD DONORS FROM 2009
BLOOD BANK
emergency.
INFORMATION
SYSTEM
It allows recipients to reach donors. It created a

database of donors, classified by locality. Donors in

India who want to donate blood can register, after

reading the basic constraints of donating blood.

BHARAT BLOOD BANK
2005
IN INDIA Also, anyone can refer friend(s) by just providing

their email IDs. Blood recipients can browse the site

and display the list of blood donors who are close to

their locality.

Helps to provide blood supply of the different

groups from other blood banks, provides service

BLOOD BANKS DELHI
2003
IN INDIA through online registration of blood donors, and

gives news and details about blood donation events.

ONLINE BLOOD
It enables the donors to make online reservation and
DONATION
RESERVATION AND 2006
to know about all the blood donation events.
MANAGEMENT
SYSTEM IN MALAYSIA
 15

It enables result and performance monitoring of

A WEB-BASED BLOOD
each blood donation activity in a confidential,
DONOR MIS IN 2009
UGANDA
convenient, and secure way.

Developed a web portal to facilitate the interaction

between the demand for blood and provider. This

system makes available safe blood and other blood

BLOOD BANK
MANAGEMENT 2006
components, which can offer moral assistance,
SYSTEM IN INDIA
consistent with the long-term welfare-being of the

community.

Developing a blood MIS to manage the records of

ONLINE BLOOD
DONATION
the people who need blood so the donors easily can
RESERVATION AND 2013
MANAGEMENTSYSTEM
find them and donate to them.
IN JEDDAH
This will act as a third-party agent between the

donors/recipients and the blood banks. The recipient

or donor will submit an appointment to the blood

DEVELOPMENT OF
WEB-BASED BLOOD
bank. Also, to provide convenience to the recipient
DONATION AND 2021
REQUEST
to look for blood bank to request for blood.
MONITORING SYSTEM
Furthermore, to eliminate to unethical practices of

selling blood.

Table 2.1 shows the comparison between the different system by their objectives. Each

system differs from one another based on how their system was program.

Programming Language
 16

A programming language is a notation for writing programs, which are specifications of a

computation or algorithm. Some authors restrict the term "programming language" to those

languages that can express all possible algorithms.

Webpage

According to Wikipedia.com, A web page (or webpage) is a specific collection of

information provided by a website and displayed to a user in a web browser. A website typically

consists of many web pages linked together in a coherent fashion. The name "web page" is a

metaphor of paper pages bound together into a book.

Database Management System (DBMS)

According to omnisci.com DBMS software primarily functions as an interface between the

end user and the database, simultaneously managing the data, the database engine, and the database

schema in order to facilitate the organization and manipulation of data.

Though functions of DBMS vary greatly, general-purpose DBMS features and capabilities

should include: a user accessible catalog describing metadata, DBMS library management system,

data abstraction and independence, data security, logging and auditing of activity, support for

concurrency and transactions, support for authorization of access, access support from remote

locations, DBMS data recovery support in the event of damage, and enforcement of constraints to

ensure the data follows certain rules.

Database
 17

According to oracle.com a database is an organized collection of structured information,

or data, typically stored electronically in a computer system. A database is usually controlled by a

database management system (DBMS). Together, the data and the DBMS, along with the

applications that are associated with them, are referred to as a database system, often shortened to

just database.

Data within the most common types of databases in operation today is typically modeled

in rows and columns in a series of tables to make processing and data querying efficient. The data

can then be easily accessed, managed, modified, updated, controlled, and organized. Most

databases use structured query language (SQL) for writing and querying data.

HTML

According to techterms.com HTML stands for "Hypertext Markup Language." HTML is

the language used to create webpages. "Hypertext" refers to the hyperlinks that an HTML page

may contain. "Markup language" refers to the way tags are used to define the page layout and

elements within the page.

Source: https://www.flickr.com/photos/cliffpro/5372580945
Figure 2.1 HTML
 18

PHP

According to php.net (Updated 2020), Hypertext Preprocessor: is a widely-used open-

source general-purpose scripting language that is especially suited for web development and is

associated with the webpage.

Source: https://www.php.net/download-logos.php
Figure 2.2. PHP

Bootstrap
 19

According to Bootstrap Core Team, Bootstrap is a free and open-source CSS framework

directed at responsive, mobile-first front-end web development. It contains CSS- and (optionally)

JavaScript-based design templates for typography, forms, buttons, navigation, and other interface

components. Bootstrap is among the most starred projects on GitHub, with more than 142,000

stars, behind free Code Camp (almost 312,000 stars) and marginally behind Vue.js framework.

Source: https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
Figure 2.3. Bootstrap

Ajax

Ajax is a set of web development techniques using many web technologies on the client-

side to create asynchronous web applications. With Ajax, web applications can send and retrieve

data from a server asynchronously (in the background) without interfering with the display and

behavior of the existing page. By decoupling the data interchange layer from the presentation layer,
 20

Ajax allows web pages and, by extension, web applications, to change content dynamically

without the need to reload the entire page. In practice, modern implementations commonly utilize

JSON instead of XML.

Source: https://en.wikipedia.org/wiki/Ajax_(programming)
Figure 2.4. Ajax

JSON

JSON is an open standard file format, and data interchange format, that uses human-

readable text to store and transmit data objects consisting of attribute–value pairs and array data

types (or any other serializable value). It is a very common data format, with a diverse range of

applications, such as serving as a replacement for XML in AJAX systems. JSON is a language-

independent data format. It was derived from JavaScript, but many modern programming

languages include code to generate and parse JSON-format data. The official Internet media type

for JSON is application/json. JSON filenames use the extension .json.

Source: https://en.wikipedia.org/wiki/JSON
Figure 2.5. JSON

jQuery
 21

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and

manipulation, as well as event handling, CSS animation, and Ajax. It is free, open-source software

using the permissive MIT License. As of May 2019, jQuery is used by 73% of the 10 million most

popular websites. Web analysis indicates that it is the most widely deployed JavaScript library by

a large margin, having at least 3 to 4 times more usage than any other JavaScript library.

Source: https://en.wikipedia.org/wiki/JQuery
Figure 2.6. jQuery

HeidiSQL

HeidiSQL is a free and open-source administration tool for MySQL and its forks, as well

as Microsoft SQL Server, PostgreSQL and SQLite. Its codebase was originally taken from Ansgar

Becker's own MySQL-Front 2.5 software. Due to having sold the MySQL-Front branding to an

unrelated party, Becker chose "HeidiSQL" as a replacement. The name was suggested by a friend

as a tribute to Heidi Klum, and was further reinforced by Becker's own nostalgia for Heidi, Girl of

the Alps.

Source: https://en.wikipedia.org/wiki/HeidiSQL
Figure 2.7. HeidiSQL

JavaScript
 22

According to developer.mozilla.org JavaScript is a scripting or programming language that

allows you to implement complex features on web pages — every time a web page does more than

just sit there and display static information for you to look at — displaying timely content updates,

interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. — you can bet that

JavaScript is probably involved. It is the third layer of the layer cake of standard web technologies,

two of which (HTML and CSS) we have covered in much more detail in other parts of the Learning

Area.

Source: https://fr.wikipedia.org/wiki/JavaScript
Figure 2.8. JavaScript

XAMPP

According to apachefriends.org (October 19, 2015), XAMPP is an open-source software

developed by Apache friends. XAMPP software package contains Apache distributions for

Apache server, MariaDB, PHP, and Perl. It is basically a local host or a local server. This local
 23

server works on desktop or laptop computers. The use of XAMPP is to test the clients or the

website before uploading it to the remote web server. This XAMPP server software gives the user

the suitable environment for testing MYSQL, PHP, Apache and Perl projects on the local

computer.

Source: https://undsgn.com/xampp-tutorial/
Figure 2.9. XAMPP

Sublime

Sublime Text is a shareware cross-platform source code editor with a Python application

programming interface (API). It natively supports many programming languages and markup

languages, and functions can be added by users with plugins, typically community-built and

maintained under free-software licenses.

Source: https://en.wikipedia.org/wiki/Sublime_Text
Figure 2.10. Sublime

000Webhost
 24

According to the http://serversreview.net/ (Year 2007), 000webhost is one of the very few

web hosts which give you the ability to host your website while paying nothing. This may sound

like a hoax or a fraud but 000webhost has been in the paid hosting business for around 4 years and

they are providing free hosting in the last 2 years. 000webhost is a great place to start

experimentations or hosting relatively unimportant websites. The free hosting which is provided

by 000webhost does have some drawbacks which can be instantaneously removed by upgrading

your account. 000webhost or $0.00 webhost as they liked to be called have a very reliable

performance history and they also guarantee 99% uptime.

Source: https://starksources.github.io/myblog/tutorial/web-development/2018/11/30/How-to-create-a-
wesbite-with-free-domain-and-free-hosting.html
Figure 2.11. 000Webhost
 25

Blood

Blood is a constantly circulating fluid providing the body with nutrition, oxygen, and waste

removal. Blood is mostly liquid, with numerous cells and proteins suspended in it, making blood

"thicker" than pure water. The average person has about 5 liters (more than a gallon) of blood.

A liquid called plasma makes up about half of the content of blood. Plasma contains

proteins that help blood to clot, transport substances through the blood, and perform other

functions. Blood plasma also contains glucose and other dissolved nutrients.

Internet

The internet is the wider network that allows computer networks around the world run by

companies, governments, universities and other organizations to talk to one another. The result is

a mass of cables, computers, data centers, routers, servers, repeaters, satellites and Wi-Fi towers

that allows digital information to travel around the world. The Internet provides a capability so

powerful and general that it can be used for almost any purpose that depends on information, and

it is accessible by every individual who connects to one of its constituent networks. It supports

human communication via social media, electronic mail (e-mail), “chat rooms,” newsgroups, and

audio and video transmission and allows people to work collaboratively at many different

locations. It supports access to digital information by many applications, including the World Wide

Web.
 26

Evaluation System

This part uses Qualitative analysis that aims to increase the overall understanding of the

quality, characteristics and meanings of the researched object or topic. Quantitative analysis is

based on describing and interpreting the research object statistically and with numbers. This

includes the gathering and documentation of the assessment from respondents. This verifies how

the research project obtains a positive or negative feedback to be able to be modified or otherwise,

suggest ideas on how to enhance the project. This is based on a questionnaire with its own criteria.

1. Functionality contributes to the practical purpose of the design. We will evaluate the

functionality of the project by:

a) Checking if it is accessible web browser and android browser.

b) Convenient to users.

2. Workability refers to the feasibility of the design in programming language used, user

interface, and overall viability.

a) GUI

b) Software Specifications.

c) Graphic Design.

3. Reliability is the ability of being trustworthy or of performing consistently well.

a) Data is only accessible by the owner and authorized personnel.

b) Privacy using Phone number and ID verification.

4. Safety refers to the user’s data protection that is only handled by authorized personnel.

a) Receive accurate data from the user.

b) Web-based application will have minimal bugs to interfere with the output.

c) Operate without failure.

 27

The criteria for evaluation give emphasis on the project’s functionality, workability,

reliability, privacy or safety. Each criterion is rated on a scale of 1 to 5 where 1 is poor, 2 is fair, 3

is good, 4 is very good, and 5 is excellent.

Prior to evaluation, the operation and utilization of the project is demonstrated to the

evaluators. The test results of the demonstration are shown to the panel as evidence of its capability

in doing what expected of it.

Statistical Tool

To render the study successful, the data gathered from the tests results shall be interpreted

using the Binomial Probability. A binomial probability in an experiment or test is done various

times, having an outcome of either SUCCESS or FAILURE. The binomial is a type of distribution

with two possible outcomes.

A binomial probability is only used if there is a fixed number of trials, each trial must be

independent, meaning the result of the previous trial does not affect the next trial, and the

probability of two results must be the same in each and every trial.

Uptrend

According to www.softwarepundit.com, the Uptrends is a cloud-based service that helps

businesses monitor the availability and performance of their websites, as well as subcomponents

of their sites (e.g., shopping carts, login forms, and other user transactions). In addition to

HTTP/HTTPS website monitoring, you can also use Uptrends to monitor and collect data via other

protocols, including FTP, SQL, and DNS.

 28

Users can configure Uptrends to monitor their services from various types of browsers

across 162 global locations, providing a comprehensive view of performance and availability for

users around the world. Once you've set up a monitor, Uptrends will automatically create a ready-

to-use dashboard that will help you monitor your website's status. You can customize the

dashboard in any way you like, save the updated version, and use it as a template for visualizing

other types of metrics.

WebLOAD

WebLOAD is load testing tool, performance testing, and stress test web applications. This

web and mobile load testing and analysis tool is from RadView Software. Load testing tool

WebLOAD combines performance, scalability, and integrity as a single process for the verification

of web and mobile applications. It can simulate hundreds of thousands of concurrent users making

it possible to test large loads and report bottlenecks, constraints, and weak points within an

application.

Loadrunner

LoadRunner is a software testing tool from Micro Focus. It is used to test applications,

measuring system behavior and performance under load. LoadRunner can simulate thousands of

users concurrently using application software, recording and later analyzing the performance of

key components of the application.

LoadRunner simulates user activity by generating messages between application

components or by simulating interactions with the user interface such as keypresses or mouse

movements. The messages and interactions to be generated are stored in scripts. LoadRunner can
 29

generate the scripts by recording them, such as logging HTTP requests between a client web

browser and an application's web server.

Treatment of Data

After the evaluation, the results are tabulated and interpreted. The qualitative analysis

method is utilized for the evaluation of the project in determining its acceptability and viability.

Table 2.2. Numerical Rating and Description of Evaluation.

Numerical Data Qualitative Description Authentic Mean Ranges

5 Excellent 4.51-5.00

4 Very Good 3.51-4.50

3 Good 2.51-3.50

2 Fair 1.51-2.50

1 Poor 1.00-1.50

The average rating for each criterion would be equal to the total score of the evaluator

divided by the total number of evaluators.

𝐸
𝑅 =
𝑁

R = average rating.

E = total score of the evaluator.

N = number of evaluators.
 30

Conceptual Model of the Study

This is an Input Process Output (IPO) model that shows the block organization of the

inputs, process and output involved in the conceptualization of the project.

INPUT PROCESS OUTPUT

Design an application
Knowledge Develop an
with an administrative
Requirement: administrative website
website that will work as
Web Development and application that
the one that gathers
Blood Donating and will help online blood
information about blood
Inquiries donation and finders in
donation and seeker.
Codes for Web the community and is
Add features and accessible online,
Hardware which is convenient
Requirement: graphics design to make
the website more for the users.
Computer
Android Phone presentable and friendly
to the users
Software Requirement:
Browser (Any) Testing and Debugging
Bootstrap of the Web and
Ajax Administrative Website.
JSON
jQuery
HeidiSQL
XAMPP
000host
EVALUATION

Figure 2.12. Conceptual Model of the Study

Input

Primarily, the researchers need the following knowledge requirement for the input for the

proposed system:
 31

a) Knowledge about how the blood donation and finders about the community in order to

develop an application that is relevant to the process of blood gathering around the

community, skills in programming and web development to be able to develop and set-up

an administrative website, and an online database to store the data of the users.

b) Knowledge about using application developer software and graphics designing to put more

color to the application and give the users an impressive in-app experience.

c) Knowledge on the primary aspects of the web in order to ensure a bug free administrative

website and secure from any kinds of invasion of privacy and harmful viruses.

Process

This requires the designing of the web to be used by the community which will display

options for the users to fill-up, show a convenient set-up of the app in order for them to easily

perform the registration, perform gathering of data for the community to record for the blood

donating and to find blood quickly, store the gathered data through an online database system, and

then sort the data according to the information that was collected among the users to be viewed in

an administrative website by authorized personnel.

Output

The output of the study is an application that is easily accessible through the internet that

will be used by the community to register their information about blood availability, and record

the data in the database through the application that was given by the users in order to see the blood

availability.
 32

Operational Definition of Terms

The following terms are used in this research and are defined operationally on how they

are used in this study.

HTML - Hypertext Markup Language is the standard markup language for documents designed

to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets

and scripting languages such as JavaScript.

PHP - PHP is a general-purpose scripting language especially suited to web development. It was

originally created by Danish-Canadian programmer Rasmus Lerdorf in 1994. The PHP reference

implementation is now produced by The PHP Group.

Bootstrap - is a lightweight plugin that enables rich text editing on your website.

Ajax - Asynchronous JavaScript And XML. AJAX is not a programming language. AJAX just

uses a combination of: A browser built-in XML Http Request object (to request data from a web

server) JavaScript and HTML DOM (to display or use the data)

JSON - JSON stands for JavaScript Object Notation. JSON is a lightweight format for storing and

transporting data. JSON is often used when data is sent from a server to a web page.
 33

jQuery - jQuery is a fast, small and feature-rich JavaScript library included in a single .js file. It

provides many built-in functions using which you can accomplish various tasks easily and quickly.

HeidiSQL - "Heidi" lets you see and edit data and structures from computers running one of the

database systems MariaDB, MySQL, Microsoft SQL, PostgreSQL and SQLite.

JavaScript - JavaScript, often abbreviated as JS, is a programming language that conforms to the

ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-

paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and

first-class functions.

XAMPP - XAMPP is a free and open-source cross-platform web server solution stack package

developed by Apache Friends, consisting mainly of the Apache HTTP Server, MariaDB database,

and interpreters for scripts written in the PHP and Perl programming languages.

000WebHost - It is used for hosting your web for free or is used for experimentation of your web

with a limited number of queries and data storage and a wait time of 1 hour to replenish your

number of access and queries. It is limited because of its free hosting nature in order to have an

unlimited freedom you must upgrade it to premium hosting which will cost money per month.

Sublime - Sublime is built from custom components, providing for unmatched responsiveness.

From a powerful, custom cross-platform UI toolkit, to an unmatched syntax highlighting engine,

Sublime Text sets the bar for performance.

Internet - is a vast network that connects computers all over the world. Through the Internet,

people can share information and communicate from anywhere with an Internet connection.
 34

Computer - a programmable device for processing, storing, and displaying information. In this

study it is the one that will handle most of the project’s interface from programming, developing

of website, application and setting up all of its main structures.

Programming - is the process of creating a set of instructions that tell a computer how to perform

a task. Programming can be done using a variety of computer programming languages, such as

JavaScript, Python, and C++. In this study it is one of the requirements in order to develop an

application and website.

Programming Language - a set of commands, instructions, and other syntax used to create a

software program. Languages that programmers use to write code are called "high-level

languages." This code can be compiled into a "low-level language," which is recognized directly

by the computer hardware. In this study it is the one deciding what kind of working preference that

will be used on the program that was developed.

 35

CHAPTER 3

Methodology

This chapter presents the course of development of the research project. Program

development, fabrication and construction process, operating and testing procedures, as well as,

evaluation procedures are included in this chapter. It also provides the necessary diagrams and

illustrations for the assembly of the hardware.

Project Design

According to Rita C. Richey (1994), Developmental research has been identified as a

Systematic analysis of instructional programs design, creation, and assessment, Processes and

products that have to meet internal quality and efficacy requirements.

In the field of instructional technology, developmental research is especially important.

The most popular forms of this include cases in which the process of product creation is evaluated

and explained and the final product is judged. A second form of developmental research focuses

more on the learner or the organization's effect of the product. A third category focuses on a general

overview of the processes of design production or assessment as a whole or as components.

 36

Project Development

The methods specified were utilized in the development of the system.

START

CONCEPTUALIZATION

SYSTEM DESIGN

APPLICATION
DEVELOPMENT

SOFTWARE
DEVELOPMENT

SYSTEM TESTING

EVALUATION

Figure 3.1. The Project Development Flowchart.

Conceptualization

The idea of the research project was visualized because the efficiency to find an availability

of blood and donor and manage blood requisition within the blood supply chain. Blood bank has
 37

a major task to collect blood from donors, monitor blood quality and supply, and distribute and

blood component to hospital within the network. The main objective is to improve the efficiency

of data communication within the supply chain to reduce response time for each blood effectively.

The results have shown the proposed system helps enhancing the communication among blood

partners within the supply chain network.

System Design

Figure 3.2. Overall Blood Bank System Block Diagram.

As shown above is the block diagram of the Web –based donation and request monitoring

system. The web-based design would be developed to provide the patients and donors user to look

on availability of the blood and to donate. Hypertext Transfer Protocol (HTTP) will be used by the

Admin website as the one that requests data. In user’s registration, the application will provide

verification code via email for the user after submitting forms. The information gathered will be

accessible only to authorized personnel.

Webhosting/Server
 38

The Webhosting block provides a service to another computer program and its user, also

known as the client. It also provides data to other computers over a network. 000Webhost would

be used in handling the website’s server, PHP would be responsible for handling the user’s

database. The Webhosting/Server block will be the one that handles the data from the Android

Application and synchs it to the Administrative Website. To secure protection of data, only the

administrators are allowed to access the server.

Administrative Website

The administrative website block would be mainly responsible for the management and

display the data gathered for census of population to the authorized PSA personnel. This block

would be developed using PHP, XAMPP, and JavaScript. It requires an administrative account

and password to access the Administrative Website. The purpose of the website is to allow the

authorized PSA personnel to examine the compiled data. The data will be organized by the website

in dividing it by Blood donor, Blood bank hospitals and Patients.

System Development

1. Webhosting/Server

a) Access the 000Webhost.

b) Upload files required to 000Webhost.

c) Setup 000Webhost as the server for the Administrative Website.

d) Use free hosting for 000Webhosting, for premium requires a monthly fee.

e) Setup a server that is convenient for the administrator.

f) Test if the server runs functionally.

 39

2. Website

a) Design a website using 000Webhosting as the hosting server.

b) Develop the website using HTML, PHP, Javascript, Bootstrap, Ajax, JSON,

jQuery, HeidiSQL and XAMPP.

c) Host the website with free hosting.

d) Check the functionality of the website.

 40

Figure 3.3. Blood donation and recipient web design.

3. Administrative Website

a) Design a website using 000Webhost as the hosting server.

b) Develop the website using HTML, PHP, JavaScript Bootstrap, Ajax, JSON,

jQuery, HeidiSQL and XAMPP.

c) Host the website with free hosting.

d) Check the functionality of the website.

 41

Figure 3.4. System Administrator web design.

4. Blood banks’ panel

a) Design a website using 000Webhost as the hosting server.

b) Develop the website using HTML, PHP, JavaScript Bootstrap, Ajax, JSON,

jQuery, HeidiSQL and XAMPP.

c) Host the website with free hosting.

d) Check the functionality of the website.

 42

Figure 3.5. Blood banks’ web design.

Program Development

Web Application Program Development

1. Develop a web-based application that can store data and manage accounts.

2. Develop a web-based application that allows the admin to accept or reject incoming

registration.

3. Develop a web-based application that allows the blood bank to manage inventory.

4. Develop a web-based application that allows the blood bank to accept or deny incoming

blood donation and blood request.

 43

5. Develop a web-based application that will allow users to register as blood bank or as a

regular user.

6. Develop a web-based application that allows regular users to donate blood or request blood

from the blood bank.

7. Develop a program that generates a schedule set by the blood bank that will be sent to the

user when the donation/request was approved by blood bank.

Figure 3.6. System Flowchart.

 44

Figure 3.5 shows the flowchart of the web-based application.

 45

Operation and System Testing Procedure

This part of the system discusses the operation of the system and the testing procedure

considered by the researchers to assess the condition of the project.

System Testing

After the development of the web-based application, the system will be operated repeatedly

to ensure its functionality. Below are the tests to be done for the following components:

Administrative Website

1. Reliability of the system to secure data without any data loss.

a) Login using an admin account.

b) Manually check the data information sent to the administrative website for

consecutive number of days.

c) Check if there are no data loss found within the given data sent by the server.

d) Record the data.

Table 3.1. Reliability of the System to Secure Data without any Data Loss Testing.

DAY DAY DAY DAY DAY DAY DAY

SAVED DATA
1 2 3 4 5 6 7
Data 1
Data 2
Data 3
Data 4
Data 5
Data 6
 46

Data 7
Data 8
Data 9
Data 10

2. Cross-Browser Testing.

a) Login to the system website through the different browsers.

b) Manually execute/check the data information sent to the administrative website on

each browser.

c) Check whether the browser is supported or not.

d) Check if it is functional on different types of browsers.

e) Record the data.

Table 3.2. Cross-Browser Testing.

GOOGLE CHROME MOZILLA FIREFOX MICROSOFT EDGE

TRIALS NOT NOT NOT
SUPPORTED SUPPORTED SUPPORTED
SUPPORTED SUPPORTED SUPPORTED
Trial 1

Trial 2

Trial 3

Trial 4

Trial 5

3. Success Rate Testing.

a) Open Website Browser and enable data connectivity of the device.

b) Input all information and submit to the authorized personnel through website

Application.
 47

c) Check the Administrative Website if the data have been received with complete

information.

d) Check in the website Menu if the data information has been stored in offline data

storage.

e) Record the data gathered.

Table 3.3. Success Rate Testing.

SENT RECEIVED STORED

TRIALS
SUCCESS FAIL SUCCESS FAIL SUCCESS FAIL
Trial 1
Trial 2
Trial 3
Trial 4
Trial 5
Trial 6
Trial 7
Trial 8
Trial 9
Trial 10

4. Donate, Request, Login and Update Testing.

a) Connect the device to the internet.

b) Open the website browser and proceed to login.

c) Login using the registered user and password.

d) Go to forms to edit and update the existing information.

e) For complying the update information, click the update button.

 48

Table 3.4. Functionality of the administrative website Testing.

Full System Testing

After testing all the procedures, the entire project will be tested under this process. The

system will run through a series of manual tests to ensure that the Web Application functions as

intended and is error-free. Full manual testing will be conducted to evaluate the workability and

compatibility of the Web-based Application.

The databased will be tested on its ability to transfer data of the client to the Administrative

Website. The application will be tested in 5 multiple devices per screen resolutions with assurance

that the data would be sent to the Administrative Website and to be viewed by the authorized

personnel. The researchers will monitor the action taken for part of the program flow. The testing

will be checked and if it passed the evaluation, will be identified as success.

1. Open the website on any website browser.

2. Login with registered username and password.

3. For blood donation, click donate now.

4. For blood request, select a blood bank and blood type then click request blood.
 49

5. Edit profile.

6. Click profile and update existing information

7. Click update information.

8. Repeat step 1 to step 7 for 10 times.

System Testing Table

Table 3.5. Full System Testing.

50
 51

Evaluation Procedure

The Web-based Application will be evaluated on four categories, namely functionality,

workability, reliability and safety. The Application will be subjected to evaluation by different

individuals owning different types of Web Browser resolutions and Android Browser resolutions.

Discussion about the details of the application will be done to each. Evaluation sheets will be

distributed to 30 respondents. A scoring system will be employed where each criterion is rated one

(1) to five (5) with one being the lowest and five is the highest.

Functionality

Parameters 5 4 3 2 1
Checking if it is All devices Majority of 50% of the Few of the None of the
accessible or are accessible the devices are devices are devices are devices are
compatible to or compatible accessible or accessible or accessible or accessible or
multiple compatible compatible compatible compatible
Browser
Convenient to The android Majority of 50% of the Few of the Most of the
users browser the users can users can use users can use users are
application is use the android the android the android having a hard
easy to use browser browser browser time using the
without application application application android
explanation without without without browser
explanation explanation explanation application
 52

Workability

Parameters 5 4 3 2 1

Software The software Most of the Many of the Least of the None of the
Specifications is compatible web browser web browser web browser web browser
to all web screen screen screen screen
browser resolution is resolution is resolution is resolution is
screen compatible to compatible to compatible to compatible to
resolution the software the software the software the software
User interface The interface Most of the The interface is The interface is The interface is
is easy to use interface is manageable to hardly to use not beginner
and easy to use and use and and understand friendly
understand understand understand
Graphic Design The design is 75% of the 50% of the 25% of the None of the
readable and design are design are design are design are
well readable and readable and readable and readable and
organized well organized well organized well organized well organized

Safety

Parameters 5 4 3 2 1
Data is only Data can be Data is mostly 50% of the Few of the No data is
accessible by accessed by accessed by the data can be data is accessed by the
the owner and the owner owner and accessed by the accessed by the owner and
authorized and authorized owner and owner and authorized
personnel authorized personnel authorized authorized personnel
personnel personnel personnel
Privacy using Can log-in Can log-in Can log-in Having a hard Cannot log-in
generated using the using the using the time logging registered
account registered registered registered using the account.
number account account with account after registered
easily. minor doing a account.
problems number of tries
 53

Reliability

Parameter 5 4 3 2 1
Receive accurate Received the Received most Received half Failed to receive No data
data from the user exact data of the data of the data most of the data was
provided by the provided by provided by provided by the received
user the user the user user
Web applications No bugs Few bugs Minor bugs Many bugs were Process
will not have bugs interfered interfered were encountered was
to interfere with during the during the encountered during the corrupted
the output process process during the process
process
Operate without Can operate Can operate Timely Cannot operate Failed to
failure without any with minor operates with major operate
failure failure problem

The results will then be collated, computed, and statistically treated. The mean for each

criterion is to be computed and from it, the grand mean will be solved to check the overall

acceptability of the project. Recommendations gathered after evaluation will then be analyzed and

summarized and are to be used for future developments of the project.

EVALUATION CRITERIA FOR DEVELOPMENT OF WEB-based Blood Donation and

Request Monitoring System

Instruction: Please evaluate the system by using the given scale and placing a checkmark (√)
under the corresponding numerical rating.

Rating or equivalence:
5 – Excellent 4 – Very Good 3 – Good 2 – Fair 1 – Poor
 54

CHAPTER 4

Presentation of Results and Discussion

This chapter describes the project's scope and structure, as well as its strengths and

limitations. It contains accurate details and test results, as well as a final evaluation from

respondents.

Project Description

The research project Development of Web-Based Blood Donation and Request Monitoring

System was developed in order to enable online blood donations and request for the convenience

of the users and also to reduce the unethical selling of blood.

Development of Web-based blood donation and request is designed to provide a friendly

user interface and an automatic text reminder for the schedule of donating and request. The index

page carries out the features of the program designs accumulated set of commands to perform

regulations. The program can manage and stored multiple registered. User can register as a Blood

bank or a regular user. The Administrator will manage all the account. The blood bank will accept

or reject incoming blood donation and request. Admin can’t ask about funds. The web-based will

required ID, number and email verification as proof to certify of the given information. The results

obtained were put through statistical analysis and are presented in this present chapter.

Figure 4.1. Macro Flowchart.

 55

Figure 4.1 shows the macro flowchart of the whole process.

 56

Project Structure

Web-based Application

The web-based framework serves as a conduit between the device and the user. The web-

based application will be used depending on what classification is the user, the blood banks and

the regular users. On the admin side, they can accept or reject users and blood bank application

based on the information given. The admin side can also add blood bank and the person-in-charge

to that specific blood bank if the blood bank wants to register in personal and can manage the list

of blood banks and the users. On the blood bank side, they can accept or reject incoming blood

donations or request depending on the given circumstances, can set appointments of blood

donations and request. Upon confirmed appointment, a sms will be sent to the user who want to

donate or request blood for their respective schedules. On the regular user’s side, they can only

view the available quantity and type of the blood in the blood bank, can apply for blood donation

and also can request blood. A sms will act as a confirmation and schedule for the appointment.
 57

Figure 4.2. Actual illustration for admin and blood bank web-based login interface.

The admin and blood bank login interface enables the admin and the blood banks to login

in to their respective pages.

 58

Figure 4.3. Actual illustration for regular user web-based login interface.

The regular user login interface enables the user and the blood banks to register. The GUI

in Figure 4.3 also enables the regular users to view the available blood banks, the blood banks

supply of blood and to donate or request for blood

Administrative Website

The administrative Website is responsible for monitoring blood banks and the registration

of the users. The administrative websit can only be accessed by the person authorized in controlling

the system using the security username and password which is the admin. The blood banks login

in the same website but they are redirected to their respective pages.
 59

Number of Number of Number of Number of

users who users who registered registered
already received users blood banks
donated blood

Admin
modules

Figure 4.4. Actual illustration of admin dash board.

Dashboard is a home page on a website and provides access to various modules of the site's

functionality.
 60

Figure 4.5. Blood Bank List under Master Data Module.

Master Data module is the one responsible for manually adding various data such as Cities

and Barangays on the database of the administrative website.

 61

Figure 4.6. Blood Bank inventory in admin’s perspective under Blood Banks Module.

Figure 4.6 shows the GUI where the admin can monitor the current inventory and update

the status of the persons-in-charge of the selected blood bank.

 62

Figure 4.7. List of completed donations under List of Donors Module.

Figure 4.7 shows the GUI where the admin can monitor the list of transactions done in

blood donations encoded by the blood banks’ person-in-charge.

 63

Figure 4.8. Active users and Pending Registration under List of Users Module.

Figure 4.8 shows the GUI where the admin can manage the status of the active users and

accept pending registration.

 64

Figure 4.9. Logs of completed transactions under Blood Logs Module.

Figure 4.9 shows the GUI where the admin can monitor the log of blood donations and

request and their quantity.

Admin

The admin side of the system can only be access by the authorized personnel by having a

security account and password. The first module in the admin is the Master Data, it enables the

admin to update the status of the blood banks from active to inactive depending on the current

status of the said blood bank. Second module is the Blood Banks, enables the admin to monitor

the current inventory of the selected blood bank and manage its personnel or person-in-charge.

Third module is the List of Donors, enables the admin to monitor the donation table consisting of

donors’ name, blood bank where he/she donated blood, blood type, quantity of blood bag donated

and date added by the blood bank. Fourth module is the List of Users, enables the admin to monitor
 65

the registered users, and confirm or reject users’ registration. Fifth module is the Blood Logs,

where the admin can monitor the logs of confirmed transactions both donation and request,

quantity of bags, blood type, and the name of the blood bank.

Blood Banks

The Blood Banks side is the responsible for the approval or refusal of the users’ request for

blood or donations depending on the circumstances in the blood bank side. Upon approval, a text

message will be sent to the user for the schedule set by the blood bank’s person-in-charge.

Number of Number of Amount of

total donors total users who donation
already already voluntarily given
donated received by the user to the
Blood Bank’s
bloodv blood bank
Modules

Figure 4.10. Actual illustration of Blood Bank Dash Board.

Dashboard is a home page on a website and provides access to various modules of the site's

functionality.
 66

Figure 4.11. Blood Bank Users Module.

Figure 4.11 shows the GUI where the blood bank can manage and update the status of its

users or person-in-charge. Also, it enables the blood bank to add new personnel who can approve

or deny the donation and request for blood.

 67

Figure 4.12. Approve/Pending Request and Donation under Transactions Module.

Transactions Module allows the Blood Bank to accept or reject incoming donations and

request from the user. This also allows the Blood Bank to view request form and to set appointment

to the approved request or donation.

 68

Figure 4.13. Other Transactions Page Module.

Figure 4.13 shows the other transactions page module that enables the blood bank to record

to the system the walk-in blood donations and request.

 69

Table 4.1. Reliability of the System to Secure Data without any Data Loss Test Results.

Saved Data Day 1 Day 2 Day 3 Day 4 Day 5 Day 6 Day 7

Data 1 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Data 2 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Data 3 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Data 4 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Data 5 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Data 6 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Data 7 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Data 8 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Data 9 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Data 10 ✓ ✓ ✓ ✓ ✓ ✓ ✓
Table 4.1. Shows the result how reliability the prototype when it comes in Securing data

and no data loss in the server. The data shows that there is no data loss in the systems in consecutive

days.

Table 4.2. Cross-Browser Test Results.

Google Chrome Mozilla Firefox Microsoft Edge

Trials
Not Not Not
Supported Supported Supported
supported supported supported
Trial 1 ✓ ✓ ✓
Trial 2 ✓ ✓ ✓
Trial 3 ✓ ✓ ✓
Trial 4 ✓ ✓ ✓
Trial 5 ✓ ✓ ✓
Table 4.2. Show the cross-browser testing of the web-based design on different browsers

commonly used. This will determine the compatibility of the web-based application on different

browsers available. The researcher manages 5 trials and show the capability supported of the web

design.
 70

Table 4.3. Success Rate Test Results.

Sent Received Stored

Trial
Success Fail Success Fail Success Fail
Trial 1 ✓ ✓ ✓
Trial 2 ✓ ✓ ✓
Trial 3 ✓ ✓ ✓
Trial 4 ✓ ✓ ✓
Trial 5 ✓ ✓ ✓
Trial 6 ✓ ✓ ✓
Trial 7 ✓ ✓ ✓
Trial 8 ✓ ✓ ✓
Trial 9 ✓ ✓ ✓
Trial 10 ✓ ✓ ✓
Table 4.3. Show the Success rate of sent, received and stored data on database with

complete information. The researcher manages 10 trials and show the success rate if data that have

sent, received and stored data in database.

Table 4.4. Functionality of the administrative website Test Results.

Admin Accessibility Data Received Organized Data

Trials
Success Fail Success Fail Success Fail
Trial 1 ✓ ✓ ✓
Trial 2 ✓ ✓ ✓
Trial 3 ✓ ✓ ✓
Trial 4 ✓ ✓ ✓
Trial 5 ✓ ✓ ✓
Trial 6 ✓ ✓ ✓
Trial 7 ✓ ✓ ✓
Trial 8 ✓ ✓ ✓
Trial 9 ✓ ✓ ✓
Trial 10 ✓ ✓ ✓
Table 4.4. Show the success rate of the Administrative account that received in databased

and manage user’s data. The researcher manages 10 trials of its success rate with minor error.

Table 4.5. Full System Test Results.

71
 72

Table 4.5. Presents the functional of the web design of registered user that successfully

registered that request for donating, requesting, login and editing its information without fail. The

researcher manages 10 users’ trials and show its success rate.

Project Capabilities and Limitations

The development of web-based blood donation and request monitoring system which aims

to ease the problem in finding certain blood types into different available blood banks and to

minimize unethical selling of blood. The Web-based application acquaints on the insightful

contraptions with the assurance of the arrival of a greatest possible no. of the red blood benefactors

within the place. First, user shall register a normal user or a blood bank user. Blood bank user shall

act as the bank account of blood that can accept request of blood donation and blood request of the

normal user that seeks blood. The system is primarily for the person that seeks blood availability

that are quite hard to find. Through this system, it will provide figures such as blood banks to

enables them to find the blood they needed.

The research project has the following capabilities:

1. A friendly user interface.

2. A secured database information.

3. Admin that can manage blood banks.

4. Admin that can accept or reject registration.

5. Admin that can verify ID upon registration.

6. Admin that can view blood banks’ inventory.

7. The blood bank can accept or reject donations and request.

8. The blood bank can set an appointment to request or donate blood from the user.
 73

9. Received a text message for the appointment.

However, the research project has the following limitations:

1. The system in only limited to Negros Occidental (encoded Cities and Barangays limited

only to Negros Occidental).

2. ID verification may take some time depending on the image quality uploaded by the user.

3. SMS verification depends on the network coverage in the area.

4. Approval of blood donation and request depends on the Blood Banks’ Person-in-Charge.

5. Webhosting used in this research project is free-hosting only (but will subscribe to a

domain if necessary).

6. Requires internet connection to use.

Statistical Tool

The statistical used in this research project was Binomial Probability Distribution. The

binomial probability formula can be used to calculate the probability of success for binomial

distributions. Binomial probability distribution along with normal probability distribution are the

two probability distribution types. To recall, the binomial distribution is a type of distribution in

statistics that has two possible outcomes. Nevertheless, this terminology is typically used when

discussing the binomial distribution model. As a result, whenever using the binomial distribution,

we must clearly specify which outcome is the "success" and which is the "failure".

Conditions for using Binomial Probability Distribution

The basic features that we must have are that we must perform a total of n independent

trials and we want to find out the likelihood of r successes, where each success has a probability
 74

of p of occurring. This brief summary states and implies many items. The description is comprised

of four conditions:

1. Fixed number of trials.

2. Independent trials.

3. Two different classifications.

4. The probability of success stays the same for all trials.

Binomial Probability Results

Figure 4.14. Binomial Probability Results on reliability of the system to secure data without any

data loss.

Figure 4.14 shows that the Binomial Probability of getting 7 successes in 7 trials is P(X =

x) 0.0078125. The probability of getting fewer than 7 successes is indicated by P(X < x)

0.9921875. The probability of getting at most 7 success is indicated by P(X < x) > 0.999999. The
 75

probability of getting at least 7 successes is indicated by P(X > x) 0.0078125. The probability of

getting more than 7 successes is indicated by P(X > x) < 0.000001.

 76

Table 4.6. Binomial Probability Results on reliability of the system to secure data without any

data loss.

Binomial Probability Results on reliability of the system to secure data without any data loss

Data Data Data Data Data Data Data Data Data Data

1 2 3 4 5 6 7 8 9 10

Proba

bility

of 0.50 0.50 0.50 0.50 0.50 0.50 0.50 0.50 0.50 0.50

succes

Numb

er of 7 7 7 7 7 7 7 7 7 7

trials

Numb

er of
7 7 7 7 7 7 7 7 7 7
succes

Binom

ial 0.007 0.007 0.007 0.007 0.007 0.007 0.007 0.007 0.007 0.007

Proba 8125 8125 8125 8125 8125 8125 8125 8125 8125 8125

bility

Table 4.6 shows the result of binomial probability in different sets of data trials and the

result of testing each day.

 77

Figure 4.15. Binomial Probability Results on cross-browser testing.

Figure 4.15 shows that the Binomial Probability of getting 3 successes in 3 trials is P(X =

x) 0.125. The probability of getting fewer than 3 successes is indicated by P(X < x) 0.875. The

probability of getting at most 3 success is indicated by P(X < x) > 0.999999. The probability of

getting at least 3 successes is indicated by P(X > x) 0.125. The probability of getting more than 3

successes is indicated by P(X > x) < 0.000001.

 78

Table 4.7. Binomial Probability Results in cross-browser testing.

Binomial Probability Results on cross-browser testing

Google Chrome Mozilla Firefox Microsoft Edge
Probability of
0.50 0.50 0.50
success
Number of trials 3 3 3
Number of success 3 3 3
Binomial
0.125 0.125 0.125
Probability
Table 4.7 shows the binomial probability in cross-browser testing and yield the same
result.

Figure 4.16. Binomial Probability Results on success rate of sent, received and stored data on data

based with complete information.

Figure 4.16 shows that the Binomial Probability of getting 9 successes in 10 trials is P(X

= x) 0.009765625. The probability of getting fewer than 9 successes is indicated by P(X < x)

0.9892578125. The probability of getting at most 9 success is indicated by P(X < x) 0.9990234375.
 79

The probability of getting at least 9 successes is indicated by P(X > x) 0.0107421875. The

probability of getting more than 9 successes is indicated by P(X > x) 0.0009765625.

Table 4.8. Binomial Probability Results on success rate of sent, received and stored data on

database with complete information.

Binomial Probability Results on success rate of sent, received and stored data on database with
complete information
Sent Received Stored
Probability of
0.50 0.50 0.50
success
Number of trials 10 10 10
Number of success 9 9 9
Binomial
0.009765625 0.009765625 0.009765625
Probability
Table 4.8 shows the binomial probability results in 10 trails on the success rate of sent,

received and stored data on database with complete information.

Figure 4.17. Binomial Probability Results on functionality of the Administrative Website (Admin

accessibility).
 80

Figure 4.17 shows that the Binomial Probability of getting 10 successes in 10 trials is P(X

= x) 0.0009765625. The probability of getting fewer than 10 successes is indicated by P(X < x)

0.9990234375. The probability of getting at most 10 success is indicated by P(X < x) > 0.999999.

The probability of getting at least 10 successes is indicated by P(X > x) 0.0009765625. The

probability of getting more than 10 successes is indicated by P(X > x) < 0.000001.

Figure 4.18. Binomial Probability Results on functionality of the Administrative Website (Data

received and Organized data).

Figure 4.18 shows that the Binomial Probability of getting 9 successes in 10 trials is P(X

= x) 0.009765625. The probability of getting fewer than 9 successes is indicated by P(X < x)

0.9892578125. The probability of getting at most 9 success is indicated by P(X < x) 0.9990234375.

The probability of getting at least 9 successes is indicated by P(X > x) 0.0107421875. The

probability of getting more than 9 successes is indicated by P(X > x) 0.0009765625.

 81

Table 4.9. Binomial Probability Results on functionality of the Administrative Website.

Binomial Probability Results on Full functionality Result for Administrative Website

Admin Accessibility Data Received Organized Data
Probability of
0.50 0.50 0.50
success

Number of trials 10 10 10

Number of success 10 9 9

Binomial
0.0009765625 0.009765625 0.009765625
Probability

Table 4.9 shows the binomial probability result on the functionality of the administrative website.
 82

Figure 4.19. Binomial Probability Results on full system functionality (Login trials and Editing

existing information).

Figure 4.19 shows that the Binomial Probability of getting 10 successes in 10 trials is P(X

= x) 0.0009765625. The probability of getting fewer than 10 successes is indicated by P(X < x)

0.9990234375. The probability of getting at most 10 success is indicated by P(X < x) > 0.999999.

The probability of getting at least 10 successes is indicated by P(X > x) 0.0009765625. The

probability of getting more than 10 successes is indicated by P(X > x) < 0.000001.
 83

Figure 4.20. Binomial Probability Results on full system functionality (Donation request form and

Blood request form).

Figure 4.20 shows that the Binomial Probability of getting 9 successes in 10 trials is P(X

= x) 0.009765625. The probability of getting fewer than 9 successes is indicated by P(X < x)

0.9892578125. The probability of getting at most 9 success is indicated by P(X < x) 0.9990234375.

The probability of getting at least 9 successes is indicated by P(X > x) 0.0107421875. The

probability of getting more than 9 successes is indicated by P(X > x) 0.0009765625.

 84

Table 4.10. Binomial Probability Results on full system functionality.

Binomial Probability Results on full system functionality

Edit existing
Blood request Blood donation Login trials
information
Probability of
0.50 0.50 0.50 0.50
success
Number of
10 10 10 10
trials
Number of
9 9 10 10
success
Binomial
0.009765625 0.009765625 0.0009765625 0.0009765625
Probability
Table 4.10 shows the binomial probability result on the full system functionality in terms

of blood request, blood donation, login trials and edit existing information.

Project Evaluation

The system is presented to the students of Technological University of the Philippines-

Visayas. The research project was evaluated by 30 respondents composed of:

Table 4.11. Project Evaluation.

Factors Criterion mean Descriptive mean

Functionality 4.85 Excellent
Workability 4.8 Excellent
Reliability 4.82 Excellent
Safety of the system 4.9 Excellent
 85

Table 4.11 shows the evaluation results from 30 respondents evaluating the functionality,

workability, reliability and safety of the system.

Evaluation Results

The functionality of the system received a remark of “Excellent” from 4.85 criterion mean.

This signifies that the system operated according to the practical purpose.

The workability of the system received a remark of “Excellent” from 4.8 criterion mean.

This implies that the system is capable of producing the desired output or result.

The reliability of the system received a remark of “Excellent” from 4.82 criterion mean.

This means that the system is capable of performing consistently well and accurate.

The safety of the system received a remark of “Excellent” from 4.9 criterion mean. This

signifies that the system is unlikely to cause data loss during the long run.

The proponents tallied an overall mean of 4.84, with a corresponding remark of

"Excellent." The 30 respondents to this research study gave the assessment results a high ranking.
 86

CHAPTER 5

Presentation of Results and Discussion

This chapter summarizes the study's results and conclusions based on the tests done, as

well as suggestions for future improvements to the research project.

Summary of Findings

A blood bank is a facility that collects and stores blood until it is used for transfusions. The

lab is where blood banking takes place. This is done to ensure the safety of donated blood and

blood products before they are used. Blood banks store blood and divide it into its different

components so that it can be used more efficiently based on the patient's needs. But there are some

cases that the required blood type is not available in the specific blood bank. The most common

solutions that some people rely on are their relatives or look for possible donor in different social

media platform. Also, the unethical selling of blood which is of very poor quality and has the

potential to transfer extremely dangerous diseases to the recipient. Taking blood from a

professional or paying donor is against the law. As a result, a web-based blood donation and

request monitoring system was introduced.

The web-based blood donation and request monitoring system is a web-based application

where people can donate and request for blood in the available blood banks registered with in the

system. It is a platform built for blood banks where they can accept or reject incoming blood

donation and request application. This is to provide convenient for the registered user to find the

specific blood needed for blood transfusion. This research project act as a third party for the blood

banks and for the individuals who are looking for specific blood type.
 87

After conducting tests to assess the reliability, compatibility, success rate and functionality

of the entire system, the researchers reported their findings. The result of system’s reliability to

secure data without any data loss and the cross-browser test results was proven by treating the

gathered data using Binomial Probability. The researchers also performed a complete system

assessment to decide whether the goals were met. The test was carried out using Binomial

Probability wherein the researchers have proven that the system’s reliability to secure data without

data loss and cross-browser compatibility is totally functional and a success.

The system was evaluated by students of Technological University of the Philippines –

Visayas. The evaluation results yielded the following: 4.85 functionality, 4.80 workability, 4.82

reliability, 4.9 Safety of the system. Moreover, the evaluation generated an over-all mean of 4.84

with an equivalent remark of “EXCELLENT”

Conclusions

Following a comprehensive investigation, systematic analysis, and a series of trial-and-

error experiments, testing, and assessments, the researchers therefore concluded that the

Development of Web-Based Blood donation and Request Monitoring System is in function

according to its purpose, working, reliable and safe for users to use.

Based on specific objectives, the following specific conclusions were drawn:

1. The researchers were able to design a system that has a friendly user interface, a server that

will handle all the data from the web, that can store information from the registration to the

database, that can accommodate online registration from the user, a system that enables the

users to edit their existing information, a blood bank page that can set appointment via
 88

SMS, and an administrative web that can only be access by default username and password

of the authorized person.

2. The researchers were able to design a GUI for the admin that can access master data,

manage users, manage blood banks and monitor blood banks’ inventory. A GUI for blood

bank that can manage blood inventory, approve blood request and blood donation. A GUI

for regular users that enables them to register, send blood request, appoint for blood

donation and choose blood bank to donate and request for blood.

3. The researchers were able to test the system in terms of the following criteria: reliability of

the system, compatibility of the administrative web for different browsers, the success rate

of running the system and the success rate of storing information from registration to the

database.

4. The researcher conducted an evaluation to evaluate the system from the following criteria:

the overall functionality, workability, reliability and safety of the system.

Recommendations

Following a series of tests, data collection, detailed data review, and evaluation, the

researchers' and evaluators' recommendations for the future improvement of this research project

in functionality, protection, and so on are enumerated.

However, due to the continuing pandemic issues, the working time for the system's

evaluation was minimal. As a result, the researchers were unable to collect sufficient input and

evaluation from the system's intended users. In the future, a rigorous review and testing must be

performed to ensure data confidentiality and to improve the system's functionality.

The following are some suggestions for improving the research project:
 89

References

“Blood bank management system” E. M. S. S. Ekanayaka and C. Wimaladharma January 29-

30,2015. Retrieved from FREE IEEE PAPER ENGINEERING RESEARCH PAPERS-
ENGPAPER.COM

“Bloodr: blood donor and requester mobile application” Vamsi Krishna Tatikonda 2017.08.08.
Retrieved from (PDF) BLOODR: blood donor and requester mobile application (researchgate.net)

“An application to find spatial distribution of blood donors from blood bank information system”
B. G. Premasudha, Dr. Shivakumar Swamy & Dr. B. Suryanarayana Adiga July-December 2009.
Retrieved from
http://csjournals.com/IJITKM/PDF/33B.G.Premasudha_Dr.Shivakumar%20Swamy_Dr.B.Surya
narayana%20Adiga.pdf

“Online blood donation reservation and managementsystem in jeddah” S.A. Hashim, A.M. Al-
Madani, S.M. Al-Amri, A.M. Al-Ghamdi 2014;11(8). Retrieved from (PDF) Online blood
donation reservation and managementsystem in Jeddah (researchgate.net)

“Online Blood Donation Reservation and Management System in Malaysia” Retrieved from Life
Science Journal (lifesciencesite.com)

“A web-based blood donor mis in Uganda. Retrieved from

http://www.lifesciencesite.com/lsj/life1108/008_24337life110814_60_65.pdf

"Hypertext Markup Language" Retrieved from https://html.spec.whatwg.org/

“PHP” Retrieved from https://www.php.net/download-logos.php

“Bootstrap” Retrieved from https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)

“Ajax” Retrieved from https://en.wikipedia.org/wiki/Ajax_(programming)

 90

“JSON” Retrieved from https://en.wikipedia.org/wiki/JSON

“jQuery” Retrieved from https://en.wikipedia.org/wiki/JQuery

“HeidiSQL” Retrieved from https://en.wikipedia.org/wiki/HeidiSQL

“Javascript” Retrieved from https://fr.wikipedia.org/wiki/JavaScript

“XAMPP” Retrieved from https://undsgn.com/xampp-tutorial/

“Sublime” Retrieved from https://en.wikipedia.org/wiki/Sublime_Text

“000webhost” Retrieved from https://starksources.github.io/myblog/tutorial/web-

development/2018/11/30/How-to-create-a-wesbite-with-free-domain-and-free-hosting.html

“Binomial Probability Calculator” Binomial Probability Calculator (stattrek.com)

 91

APPENDIX A

GANTT CHART

Gantt Chart for First Semester

 92

Gantt Chart for Second Semester

 93

Gantt Chart for Third Semester

 94

APPENDIX B

EVALUATION FORM

Evaluation Criteria for Development of Web-Based Blood Donation and Request

Monitoring System

Evaluate the prototype by using the given scale and placing a checkmark (✓) under the

corresponding numerical rating.

Equivalence or rating:

5 – Excellent 4 – Very Good 3 - Good 2 - Fair 1- Poor

95
96
97
98
99
 100

APPENDIX C

SUMMARY OF EVALUATION RESULTS BY THE RESPONDENTS

 101

APPENDIX D

SYSTEM FLOW CHART

 102

APPENDIX E

SOURCE CODE

https://shrinke.me/sourceCode
 103

APPENDIX F

BROCHURE
 104

APPENDIX G

TARPAULIN
 105

APPENDIX H

LETTER TO ADVISER
 106

APPENDIX I

LETTER TO CO-AUTHOR
 107

APPENDIX J

LETTER OF ACCEPTANCE
 108

APPENDIX K

LETTER OF ACCEPTANCE FOR PROOF READING

 109

APPENDIX L

CERTIFICATE OF PROOF READING

 110

APPENDIX M

CERTIFICATES
 111

APPENDIX N

DOCUMENTATION
 112

APPENDIX O

RESEARCHER’S PROFILE

RESEARCHER’S

PROFILE
113
114
115
116
117
118
119
120