Blood Bank and Donor Management System: February 2020
Blood Bank and Donor Management System: February 2020
net/publication/339032343
CITATION READS
1 8,095
1 author:
Abdullah Al Mamun
Jessore University of Science and Technology
103 PUBLICATIONS 395 CITATIONS
SEE PROFILE
Some of the authors of this publication are also working on these related projects:
All content following this page was uploaded by Abdullah Al Mamun on 04 February 2020.
Authors:
………………………………….
………………………………….
Roll No: 150119
………………………………….
Supervisor
Md Nasim Adnan
Assistant Processor,
Department of Computer Science and Engineering
Jashore University of Science and Technology
Jashore 7408, Bangladesh
………………………………….
Chairman
Department of Computer Science and Engineering
Jashore University of Science and Technology
Jashore 7408, Bangladesh
1|Page
Dedication
I would like to dedicate this project to my parents and our honorable teachers who are always dear
and near to me and without whose patience, care, understanding, unsparing support, affection and
most of all deepest love it would not have been possible to come to this position.
2|Page
ACKNOWLEDGEMTNT
At first, I praise to Almighty Allah (The creator and the sustainer of the world) who gave me
opportunity, capability, energy, sprit and patience to complete this project work.
We also grateful to Associate Prof. Dr. Syed Md. Galib, Head, Department of Computer Science
and Engineering (CSE).
Again also thanks to the Almighty for helping me a lot in successfully ending my project work.
The Author
3|Page
Abstract
Our project is blood bank and donor management system. It will help the JUST medical center to
collect blood from the donor and store blood in blood bank. For doing this activities we have used
PHP, JAVA, SCRIPT, AJAX in windows Operating System.
We think that it will be too much attractive software for university medical center. This project
explores a new dimension to make it more interesting and challenging.
4|Page
TABLE OF CONTENTS
Chapter Topic
I INTRODUCTION
1.1. Introduction ............................................................................................... 10
II IMPLEMENTATION
2.2.6. MYSQL.............................................................................................. 15
5|Page
2.2.9. Webpack ............................................................................................ 17
6|Page
III CONCLUSION
References ....................................................................................................... 31
7|Page
LIST OF FIGURES
8|Page
List of Acronyms
JS JavaScript
ES6 Ecmascript 6
DB Database
9|Page
CHAPTER I
INTRODUCTION
1.1 Introduction
Blood is a necessary element in the human body. Without blood, the human body is incomplete.
Blood is about 7% to 8% of human weight, according to scientists. Blood is donated in the
conventional way by blood donation services or blood bank. Blood bank is defined as an area
where blood is obtained as a result of donor blood donation operation that is processed and
preserved for subsequent transfusion (maximum twenty-eight days). Many Bangladesh blood
banks don't help the online database of blood donors. A huge amount of blood units are donated
on average every year in countries like Bangladesh. Approximately five lakh units of blood were
registered as donated in Bangladesh, the value of which increased to seven lakhs in the following
five years, according to statistical study in 2011. Because of this enormous amount of donor data
there must be an efficient and successful way of managing data that could make the online blood
donation site a pavestone. It is a clear sign that blood donors rise with population growth. In
addition to the blood handling issue, there is a possibility that data is obsolete and the process of
data retrieval is also hindered by conventional manual operator’s data entry techniques. The project
is carried out on an automated blood bank to solve any issue. Factors such as gender, age, last
blood donation date and other modern traditional methods, Blood donation frequency per year is
not registered, which is of vital importance in this project and used as recruiting criteria for blood
donation. The main aim of this project will therefore be to find more effective ways of managing
the database of blood banks and blood donors and establish a forum for people connected to
potential blood donors in the region. The donors of blood are recruited using a recruiting algorithm
that is also a target of this project.
1.2 Motivation
Blood transfusion is an essential component of every country's health care system and patients
needing blood transfusion. There is a severe shortage in our country between blood requirements
10 | P a g e
and blood reserves, and as a result, many patients die or suffer unnecessarily because they have no
access to blood and blood products. In 2017 nearly 65% of blood transfusions in our country were
for children under 5 years of age. Pregnancy-related complications, extreme malaria, and anemia
have been due to rising mother's-and-child mortality rates.
Currently, the blood transfusion system is manually used by the blood bank. There are problems
with the donor records management with the manual system. The donor records may not be
securely held and donor records that fail as a result of human errors or disasters. In fact, mistakes
can occur if more than one staff document for the same donor is kept. No centralized voluntary
donor database is open. Therefore, if a person is in an emergency, it's really difficult to find blood.
The only way to do this is through checking and matching donors manually and by calling each
donor. No centralized database for keeping donor information is available too. Each bank has its
own donor registers. If a donor makes a donation in different hospitals, no previous records can be
traced unless the donor carries the certificate of donation. In fact, the actual amount of each blood
type can be tracked in a blood bank and the donor list without an automatic management system.
In order to resolve this problem, we have created the project Blood Bank and Donor System. This
is a web project online. You can now easily connect to anything via the Internet service. The online
platform is therefore the best choice for our project. The goal of the Blood Bank and Supplier
Program is for human well-being to be achieved. We have all the blood information and supplier
that you will always need. Many people are here to support you, always ready to give you blood.
Look for your blood group. You can support us by registering on our website if you are prepared
to donate your blood when required. As a proud member of this community and as a responsible
human. You can help a person in need. So, donate blood digitally.
11 | P a g e
CHAPTER II
IMPLEMENTATION
2.2 Technology
This project is mainly based on MySQL database a web application to be developed in PHP, PHP
Elgg framework, Ajax, HTML, CSS, JavaScript, Bootstrap, jQuery.
12 | P a g e
2.2.1 PHP
PHP is an open source server-side scripting language designed for Web development to produce
dynamic Web pages. It is one of the first developed server-side scripting languages to be embedded
into an HTML source document rather than calling an external file to process data. The code is
interpreted by a Web server with a PHP processor module which generates the resulting Web page.
It has also evolved to include a command-line interface capability and can be used in standalone
graphical. PHP can be deployed on most Web servers and also as a standalone shell on almost
every operating system and platform, free of charge. PHP was a competitor to Microsoft’s Active
Server Pages (ASP) server-side script engine and similar languages, but gradually received better
acceptance is now installed on more than 20 million Web sites and 1 million Web servers. Notable
software that uses PHP includes Drupal, Joomla, MediaWiki, php2BB, and Word Press.
PHP was originally created by RasmusLerdorf in 1995. The main implementation of PHP is now
produced by The PHP group and serves as the formal reference to the PHP language. PHP is free
software released under the PHP License, which is incompatible with the GNU General Public
License (GPL) due to restrictions on the usage of the term PHP.
While PHP originally stood for Personal Home Page, it is now said to stand for PHP: Hypertext
Preprocessor, a recursive acronym.
Elgg is an award-winning open source social networking engine that provides a robust framework
on which to build all kinds of social environments, from a campus wide social network for your
university, school or college or an internal collaborative platform for your organization through to
a brand-building communications tool for your company and its clients. [2]
2.2.3 HTML
Hyper Text Markup Language (HTML) is the main markup language for creating web pages and
other information that can be displayed in a web browser.
13 | P a g e
HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like
<html>), within in the web page content. HTML tags most commonly come in pairs like <h1> and
</h1>, although some tags, known as empty elements, are unpaired, for example <img>. The first
tag in a pair is the start tag, the second tag is the end tag (they are also called opening tag and
closing tag). In between these tags web designers can add text, tags, comments and other types of
text-based content.
The purpose of a web browser is to read HTML documents and compose them into visible or
audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the
content of the page.
HTML elements form the building blocks of all websites. HTML allows images and objects to be
embedded and can be used to create interactive forms. It provides a means to create structured
documents by denoting structural semantics for text such as headings, paragraphs, lists, links,
quotes and other items. It can embed scripts written in languages such as JavaScript which affect
the behavior of HTML web pages.
Web browser can also refer to Cascading Style Sheet (CSS) to define the appearance and layout
of text and other material. The W3C, maintainer of both the HTML and the CSS over explicit
presentational HTML markup.
2.2.4 JAVASCRIPT
JavaScript is one of the world’s most popular programming languages. Virtually every personal
computer in the world has at least one JavaScript interpreter on it and in active use. JavaScript‘s
popularity is due entirely to its role as the scripting language of the WWW.
JavaScript is prototype-based scripting language that is dynamic, weakly typed and has first-class
function. It uses syntax influenced by the language C. JavaScript copies many names and naming
conversations from Java, but the two languages are otherwise unrelated and have very different
14 | P a g e
semantics. The key design principles within JavaScript are taken from the self and Scheme
programming languages. It is a multi-paradigm language, supporting object-oriented, imperative
and functional styles. JavaScript's use in applications outside web pages - for example in PDF
documents, site-specific browsers, and desktop widgets is also significant. Newer and faster
JavaScript VMs and frameworks built upon them (notably Node.js) have also increased the
popularity of JavaScript for server-side web applications.
JavaScript was formalized in the ECMAScript language standard and is primarily used in the form
of client-side JavaScript (as part of a web browser). This enables programmatic access to
computational objects within a host environment.
2.2.5 AJAX
Ajax (is an acronym for asynchronous JavaScript and XML) is a group of interrelated web
development techniques used on the client-side to create asynchronous web applications. With
Ajax, web applications can send data to, and retrieve data from, a server asynchronously (in the
background) without interfering with the display and behavior of the existing page. Data can be
retrieved using the XML, Http request object. Despite the name, the use of XML is not required
(JSON is often used instead), and the requests do not need to be asynchronous.
Ajax is not a single technology, but a group of technologies. HTML and CSS can be used in
combination to mark up and style information. The DOM is accessed with JavaScript to
dynamically display, and to allow the user to interact with the information presented. JavaScript
and the XML Http Request object provide a method for exchanging data asynchronously between
browser and server to avoid full page reloads.
2.2.6 MYSQL
MySQL is the database construct that enables PHP and Apache to work together to access and
display data in a readable format to a browser. It is a structured Query Language server designed
for heavy loads and processing of complex queries. As a relational efficiency and speed.
15 | P a g e
MySQL ("My Sequel") is the world's most used open source relational database management
system (RDBMS) as of 2008 that run as a server providing multi-user access to a number of
database.
The MySQL development project has made its source code available under the terms of the GNU
General Public License, as well as under a variety of proprietary agreement. MySQL was owned
and sponsored by a single for-profit firm, the Swedish company MySQL AB, now owned bt Oracle
Corporation.
MySQL is a popular choice of database for use in web applications, and is a central component of
the widely used LAMP open source web application software stack (and other 'AMP' stacks).
LAMP is an acronym for "Linux, Apache, MySQL, and Perl/PHP/Python" Free-software-open
source projects that require a full-featured database management system often use MySQL.
2.2.7 CSS
Cascading style Sheets (CSS). Is a style sheet language used for describing the presentation
semantics (the look and formatting) of a document written in a markup-language. It’s most
common application is to style web pages written in HTML and XHTML, but the language can
also. Be applied to any kind of XML document, including main XML, SVG and XUL.
CSS is designed primarily to enable the separation of document content (written in HTML or
similar markup language) from document presentation, including elements such as the layout,
colors, and fonts. This separation can improve content accessibility, provide more flexibility and
control in the specification of presentation characteristics, enable multiple pages to share
formatting, and reduce complexity and repetition in the structural content (such as by allowing for
table less web design) CSS can also allow the same markup page to be presented in different styles
for different rendering methods, such as on-screen, in print, by voice ( when read out by a speech-
based browser or screen reader) and on Braille-based, tactile devices. It can also be used to allow
the web page to display differently depending on the screen size or device on which it is being
viewed. While the author of a document typically links that document to a CSS style sheet, readers
can use a different style sheet, perhaps one on their. Own computer, to override the one the author
has specified.
16 | P a g e
2.2.8 EcmaScript 6
EcmaScript is not any scripting language instead a standard that Javascript is based upon. So, ES6
is a new version or new standard of Javascript.
ES6 brings many new feature like concept of classes, template tags, arrow functions etc.
Almost all the modern browsers support ES6 but for the old browsers there are many transpilers
e.g. Babel.js those we need to include at top of our code to transpile ES6 to ES5 (Javascript with
old standards).
All of the popular javascript libraries and frameworks like Node.js, ReactJS follow ES6. [5]
2.2.9 Webpack
In short Webpack is a module bundler. It takes in a bunch of assets (ie. source, images, markup,
CSS) and turns that into something you can provide to the client.
As it happens this is the fundamental problem of web development at the moment. And Webpack
solves that very well.
2.2.10 Git
Git is a version control system. For example, if you have a file on which you’ve been working on
and reworking for a long time, all the versions of it are saved in Git, and you can easily get back
to every version. The version control system has the following benefits:
• You have access to all versions of all files in Git repository at any time, it’s almost impossible to
lose any part of a code.
• Multiple developers can work on one project at the same time without interfering with each other,
and without fear of losing any changes made by a colleague. In Git, the possibilities of
collaborative work are unlimited.
You will have to use Git every day, and this is a tool you should have a perfect command.
17 | P a g e
2.2.11 Bootstrap
Bootstrap is commanding front-end framework for quicker and easier web development. It
contains HTML and CSS based design templates for common user interface components like
Forms, Typography, Navigations, Buttons, Tables, Dropdowns, Alerts, Tabs, Accordion, Modals,
Carousel and many other as well as optional JavaScript extensions. Bootstrap also provides your
ability to make responsive layout with much less energies.
2.2.12 Fontawesome
Date will have a calendar symbol. Time have a clock symbol. Its just a example. If you want them,
go download them and import into your project.
Or,You can just use the (CDN) script code,and use them.
If you visit the page, and searching for the pictures/symbols, there itself you will find the code to
import into your HTML.
2.2.13 jQuery
jQuery is free, open source software, dual-licensed under the MIT License and the GNU General
Public License, Version 2. jQuery's syntax is designed to make it easier to navigate a document,
select DOM elements, create animations, handle events, and develop Ajax applications.
jQuery also provides capabilities for developers to create plugins on top of the JavaScript library.
Using these facilities, developers are able to create abstractions for low-level interaction and
animation, advanced effects and high-level, theme-able widgets. This contributes to the creation
18 | P a g e
of powerful and dynamic web pages. jQuery used to make page faster without reloading pages,
comfortably cross browser compatible, can be used for animation type design etc.
2.3 Implementation
2.3.1 ER Diagram
Entity-Relationship Diagram is a graphical representation and relationship between entities.
It describes the relationship between data. An entity is a piece of data— an object or a
definition that stores data about. Whether data is exchanged between organizations is a
partnership. There are three main components in the E-R diagram:
Entity anything.
Relationship entities.
Table No.2.3
19 | P a g e
id
UpdationDate
Add
MobileNumber id
EmailI FullName
d
Age
tblblooddonars PostingDate
Gender
Status
BloodGroup
Message
Required Address Update
Address
PostingDate
id
id tblbloodgroup tblcontactusinfo
Name
EmailId id
Message
PageName
id Tblcontactusquery
tblpages
PostingDate
Status Type
ContactNumber detail
20 | P a g e
2.3.2 Database Management System (DBMS)
1. Admin table
Admin Details
21 | P a g e
status Integer 1
Page Details
22 | P a g e
Type Varchar 255 Type
stsaus Integer 11
23 | P a g e
2.3.3 Front End
2.3.3.1 Admin Login
This is JavaScript based login page. In the code we perform Ajax request to match admin email
and password for login.
24 | P a g e
2.3.3.3 Add Donor Section
In the page admin can add donor information. He has to write name, mobile no, email id, age,
blood group, address, message, and also must be selected the donor’s gender.
In this layout admin can see the donor list. Admin can also delete the donor bio from the list.
Admin can also download the donor list.
26 | P a g e
2.3.3.7 Search Donor
In this section, anyone can search the required group of blood. And may get the location based
blood donor.
In this section, Admin can update the contact information. Admin can change the address, email
id, and contact number.
2.3.3.9 Dashboard
In this section admin can see the listed blood groups, registered blood group, and total quries.
27 | P a g e
Figure 2.3.3.9: Dashboard
28 | P a g e
2.3.3.11 Admin Left-Side bar
This is Left-side bar. Here has dashboard, blood group (add blood group, manage blood group),
add donor, donor list, manage conatctus query, manage page, and update contact info.
29 | P a g e
CHAPTER III
CONCLUSION
3.1 Conclusion
This project gives me more than enough opportunity for a web-based project to design, code,
measure and execute. This has helped to implement the different software engineering and
database management principles Concepts such as data integrity and continuity. This has also
helped me find out more about JavaScript, HTML, AJAX, CSS, MYSQL, JQUERY and Personal
Web Server.
I am grateful to my guide for his valuable contribution in getting the project forward. I also thank
my parents and friends who supported and encouraged me to successfully complete the project.
Since there were a small amount of contact information, it may be difficult for some people to get
blood quickly. I would like to gather more information about contacts in other cities and villages
and will provide people with much more support to connect all of us with morality.
30 | P a g e
References
[1] "PHP," 08 02 2019. [Online]. Available: https://en.wikipedia.org/wiki/PHP. [Accessed 08 02 2019].
31 | P a g e