Professional Documents
Culture Documents
BY
AT KISMAYO UNIVERSITY
JUNE, 2021
ii
DECLARATION
We are Ali Abdi Isse, Abdullahi Bade Abdi, Dahir Ahmed Samow and Ahmed Abdiaziz Gelle do here by declare
that this dissertation is our original work and has not been submitted in any book.
We the undersigned, do solemnly and sincerely declare that:
Date:
iii
APPROVAL
We certify that this dissertation satisfies the partial fulfillment of the requirement for award of degree of bachelor
of Information Technology of Kismayo university
Signature_____________________
Date ………………………………
iv
DEDICATION
We dedicate this book our parents who have been the motivators our life. We also dedicate this book to all my
classmates in Kismayo University who have endured for their study in hard and unprecedented situation in
Somalia, and achieved in fulfilling their dreams.
v
ACKNOWLEDGMENT
All thanks to our almighty Allah who created us from clot of blood.
Secondly, getting this thesis in to your hands was a thought work prearranged effort.
Sincere appreciation goes to our supervisor Eng. Ahmed Mahmud Good for his skillful guidance and committed
encouragement. He provided us the required guidance, advice and constructive criticism during the study.
Also recognize to all those who gave us a hand in collecting the facts that resulted in preparation and invention of
this dissertation.
vi
ABSTRACT
This project is goal to developing an online Blood Donation System. This project is to build a web-based, call us
Online Blood Donation System, this system provides an online platform for a quick access to the required donor.
It is helpful for any Donors and Hospitals. By this system person who are interested in donating the blood can
register and help to the urgent need of blood. Any general can be using this for blood donoting through online web-
based and he can also see the donors into report Form by modelting searching and others action of this system. To
develop this web application, we used PHP MySQL, which helps us to build this project faster. We also used
HTML, CSS, Bootstrap, and JavaScript for better web design and make this System to users friendly. After
implementation of all functions, the system is tested in different stages and it works successfully as a prototype.
Blood transfusion safety is a relevant and significant public health issue in the SOMALIA especially state of
JUBALAND. Since most blood Donating are still in paper-based system, various disadvantages are experienced
by various stakeholders, which endanger the lives of patients and deter the healthcare system. As such, the
researchers aimed to design, develop, and implement a blood donation system (BDS). This System allows hospitals
in Jubaland to Registor more Donors and Finding in faster any donor by the processes involving records blood
donors.
vii
TABLE OF CONTENT
DECLARATION ............................................................................................................................................. ii
APPROVAL ................................................................................................................................................... iii
DEDICATION ............................................................................................................................................... iv
ACKNOWLEDGMENT ................................................................................................................................. v
ABSTRACT ................................................................................................................................................... vi
CHAPTER ONE............................................................................................................................................ 18
01: INTRODUCTION ............................................................................................................................................ 18
1.0 Introduction ...................................................................................................................................................... 18
1.2 Background of the study .................................................................................................................................. 18
1.3 Problem Statement ........................................................................................................................................... 19
1.4 Purpose of the study ......................................................................................................................................... 19
1.5 Objectives of the study ..................................................................................................................................... 19
1.6 Scope of the study ............................................................................................................................................. 20
1.7 Significance of the Study .................................................................................................................................. 20
The main advantages of the system are: ............................................................................................................... 20
CHAPTER TWO ........................................................................................................................................... 21
0.2: LITERATURE REVIEW ....................................................................................................................... 21
2.1 Introduction......................................................................................................................................... 21
An Overview of Blood donation literature ........................................................................................................... 21
What is Blood? .................................................................................................................................................... 21
History of blood transfusion .............................................................................................................................. 21
Blood Type Compatibility .................................................................................................................................. 21
2.1.2 Development of blood transfusion ............................................................................................................ 22
2.1.4 Advantage of Blood Donating ................................................................................................................... 22
Overview of Technological review ........................................................................................................................ 22
2.2.1 HTML ......................................................................................................................................................... 22
2.2.2 CSS .............................................................................................................................................................. 23
2.2.3 PHP ............................................................................................................................................................. 23
2.2.4 MySQL ....................................................................................................................................................... 23
2.3 Systems that related to the project .................................................................................................................. 23
2.3.1 Comparing systems........................................................................................................................................ 26
2.3.2 Similarities systems........................................................................................................................................ 26
2.3.3 Differences ...................................................................................................................................................... 26
CHAPTER THREE ....................................................................................................................................... 27
0.3: REQUIREMENTS ANALYSIS ............................................................................................................ 27
3.0 INTRODUCTION ............................................................................................................................................ 27
3.1 USER REQUIREMENT ANALYSIS ............................................................................................................. 27
3.3 DATA GATHERING ....................................................................................................................................... 28
viii
CHAPTER ONE
01: INTRODUCTION
1.0 Introduction
It is estimated that Kismayo needs around 2000, bags of blood every year. There are lots of communication gap
among patients (accepting blood), donors (who donate bold), blood banks and hospitals in our country. Medical
facility is not available equally in every part of the country. If someone needs blood, first of all he searches it
within his family members, then nearest hospitals and blood banks. If they cannot manage blood in these ways, it
is really hard for them to contact other people to collect blood in a short time. That is the problem we want to solve
through our application, Blood Donation System in which electronic information about the donors and
organizations related to donating the blood is created. Through this application, any person interested in donating
blood can register himself as donor. Moreover, if any general consumer wants to make request to have blood
online, he can also take the help of this system. As soon as any update occurs in the blood database, the changes
are reflected in all the interfaces used. So, the system provides a simple and quick interaction among various groups
connected with the blood banks. It is designed to overcome the drawbacks of existing system. The main objective
is to improve the efficiency of data communication within the supply chain to reduce response time for each blood
demand request. We also focused on managing blood inventory at each blood bank effectively.
situation of awareness, knowledge, beliefs, and both positive and negative attitudes of the population towards blood
donation.
In this respect, studies continue to be published from different countries, developed and developing, exploring the
attitude and motivations of blood donors. The awareness and attitude were found to be different due to the difference
in traditions, cultures, religion, and level of education. Therefore, in order for a blood donation system to be
successful, it has to be in accordance with these elements of that society.
The most prominent reason why people give blood is altruism beside community needs and support, family
assurances, and social pressure. On the other hand, fear, lack of knowledge, and inconvenience have been described
to be the primary obstacles to donation.
CHAPTER TWO
0.2: LITERATURE REVIEW
2.1 Introduction
This chapter we will discuss the overview of blood donation process, the current system, traditional
methods of finding blood of blood donors.
An Overview of Blood donation literature
What is Blood?
Blood is a fluid that circulates through the body, transporting oxygen and nutrients and removing waste
products. Blood consists of a liquid called plasma in which blood cells are suspended. Hemoglobin is a
component of blood. (Flappier & Manager, 2008)
then we can’t add many of the effective features in a web page, for making a web page more effective we
use various platforms such as CSS. So here we are using this language to make our web pages more
effective as well as efficient. And to make our web pages’ dynamic we are using Java script.
2.2.2 CSS
CSS Stands for "Cascading Style Sheet." Cascading style sheets are used to format the layout of Web
pages. They can be used to define text styles, table sizes, and other aspects of Web pages that previously
could only be defined in a page's HTML. The basic purpose of CSS is to separate the content of a web
document (written in any markup language) from its presentation (that is written using Cascading Style
Sheets). There are lots of benefits that one can extract through CSS like improved content accessibility,
better flexibility and moreover, CSS gives a level of control over various presentation characteristics of
the document. It also helps in reducing the complexity and helps in saving overall presentation time. CSS
gives the option of selecting various style schemes and rules according to the requirements and it also
allows the same HTML document to be presented in more than one varying style.
2.2.3 PHP
PHP originally stood for “Personal Home Page” as it was created in 1994 by (Rasmus Lerdorf) to track
the visitors to his online résumé. As its usefulness and capabilities grew (and as it started being used in
more professional situations), it came to mean “PHP: Hypertext Preprocessor.” Also, PHP is a scripting
language, as opposed to a compiled language: PHP was designed to write Web scripts, not stand-alone
applications (although, with some extra effort, you can now create applications in PHP). PHP scripts run
only after an event occurs—for example, when a user submits a form or goes to a URL (Uniform Resource
Locator, the technical term for a Web address). (PHP 6 ANDMYSQL 5, Larry Ullman, 2011) on the other
hand, PHP is a robust, server-side, open source scripting language that is extremely flexible and actually
fun to learn. PHP is also cross platform, which means your PHP scripts will run on Unix, Linux, or an NT
server.
2.2.4 MySQL
MySQL is the world’s most popular open-source database. It is a database management system (DBMS) for
relational databases. MySQL have become the particular standards for creating dynamic and database-driven Web
sites. A database is a collection of interrelated data that can be text, numbers, or binary files, that are stored in DBMS
(PHP 6 AND MYSQL 5, Larry Ullman, 2011). MYSQL is used as a database at the webserver and PHP is used to
fetch data from the database.
based, nonprofit blood center collecting blood donations and provides safe blood and blood
components for transfusion and also related services to more than 40 hospitals in the Bay
Area and Northern California. Its predecessors included the first blood bank in the United States,
which through expansions grew in the San Francisco and Sacramento areas. The Blood Centers of
the Pacific name was retired in 2018 when parent Blood Systems, Inc., unified all of its regional
operations under the Vitalant name
History
On June 17, 1941 the Irwin Memorial Blood Bank opened its doors in response to the lack of a
sufficient method of obtaining and storing blood for later use – by both the military and community
hospitals in the San Francisco area. The aim was to ensure that patients in the Bay Area would never
again be without an adequate supply of blood. Irwin Memorial Blood Bank is credited as the first
community blood bank in the United States.
The San Francisco County Medical Society granted the fledgling blood bank permission to operate
out of the basement floor of an old San Francisco home, the Irwin Mansion. However, after years of
growth, the blood bank had expanded its blood collection operations throughout Northern California,
and it soon became clear that a bigger facility was needed for its headquarters. In April 1955, Irwin
opened its new doors at Masonic and Turk Streets in San Francisco. The Blood Centers of the
Pacific headquarters still exist at this location today.
In 1997, the Irwin Memorial Blood Bank merged with the Peninsula Memorial Blood Bank to
become Blood Centers of the Pacific, reflecting its larger service area. In 1999, Blood Centers of the
Pacific affiliated with United Blood Services, the nation’s largest blood collection organization.
Blood Centers of the Pacific merged with the Sacramento area's Blood Source blood center in 2015
United Blood Services changed its corporate brand name in 2018 to Vitalant and retired all of its
regional brand names.
The Blood Systems Research Institute was housed at Blood Centers of the Pacific. It changed its
name to Vitalant Research Institute as part of the rebranding
Blood Donate Android Mobile Application
Blood Donate Android Mobile Application is application Developed in Uganda by students of
college of computing and information science as show in figure 2.2 this application allows the blood
25
banks to search blood donors if shortage of blood is existing and also allows the individuals to request
blood donors (marco, 2018)
Figure 2.2: Blood Donate Android Mobile Application
b) Blood Comfort contains two major modules, which allow the end user can use the application and
consists of the following:
a) Login/Register: To enable users to register and login to the application. This module also contains
the Facebook Login feature to allow the users to login using a single click without filling up the
entire registration form.
b) Donate Blood: To help the user to register in the application as a donor. Later displaying and
receiving a Thank you message.
c) Need Blood: Enables the user to make a request for a specific blood type in a particular location.
After this the user can then select any donor from the list.
d) Email Donor: This allows the requesting user to send an email regarding his own information
alongside a personal message to the donor. After sending the email the requesting user will then be
allowed to see the donors contact information as well, thereby providing two-way authentications.
(Ghadge, 2016)
2.3.3 Differences
There are some differences in the systems but we take largest different
The largest different is Out system work-in the KISMAYO HOSPITAL only but these systems are work-in
counters and regions that is a largest different
27
CHAPTER THREE
0.3: REQUIREMENTS ANALYSIS
3.0 INTRODUCTION
This chapter will present a description of the user requirement analysis used in this system using UML functional
decomposition diagrams (FDD) to describe the current system analysis phase activities, this includes fact gathering
Procedures, data analysis methods, problem statement, Feasibility study for identifying if this problem is feasible to
solve or not and Feasibility report, user requirement specification, system requirement specification, list of events and
lastly Summary of the major points analyzed and then specified, the result reached and the roads ahead.
In a group, only the Group-Admin can add the persons / give admin title to other persons in the group.
Users worried about security
B. Technical problems
C. Other limitations
Online chatting is completely free for use.
Instantly send a message to anywhere in the world.
Easy to use, even a novice mobile user can use it
It can be not very pleasant sometimes due to constant messages.
Data gathering is a step-by-step problem solving technique used to analyze information system domain without any
29
regard that the system being analyzed be either a manual- based information system or computer-based information
system. In order to change the old system and develop a new system it is important to get full information related to
what you are going to develop, because the more you get full and accurate information.
There are several techniques to make data gathering such as interviews, observations, questionnaire, and surveys and
so on. The research uses mostly the first two techniques which are described below and questionnaire if required.
1. Interview
Interviewing is a frequently used data collection method in evaluations of all kinds. In this context, interviews are
employed to serve as measure against specified goals. These goals included measuring system performance,
reliability, accuracy, speed and to get user feedback. The researchers conducted the interviews on a one-on-one basis
and sometimes in group settings. In the latter, the interviewers have established and contacted primary focus groups
of the system. These Interviews were part of a number of other evaluation methods used by the researchers.
Advantages
Questions could not be answered wrongly.
Due to the nature that an interview is a face-to-face, it enabled us to establish a clear understanding
with the respondent.
Most of the answers we got were reliable.
Disadvantages
Many respondents were unable to easily communicate to the interviewee about the technical
problems.
The availability of the staff to the interview was very limited.
2. Observations / Surveys
Observation is a data collection method used to gather detailed information about a situation or event. Researchers
used this method to describe the setting, activities, participants, and the meaning of the observations from our
perspective. Our observation was based on facts which are both accurate and detailed, but left any irrelevant or trivial
information that makes the description difficult to understand. This data allows the reader to fully understand the
situation.
This method was ideal for gathering data related to user-centered issues, such as the reliability of the exam system.
They are also ideal for providing information about the impact and uses of the system in real-time settings.
Advantages
It enabled us to directly see what people do practically rather than relying on what they told us.
It enabled us to collect data about an event or activity in real time.
Decrease the relying on people’s willingness or ability to provide information.
Disadvantages
Employees usually perform better when they know they are being observed.
3. Questionnaires and other documents
30
Questionnaires are used to obtain information about workloads, reports received, volumes of transactions handled,
and types of job duties, difficulties, and opinions of how the job could be performed better or more efficiently.
Advantages
It is easy to obtain information from a large number of people spread over wide geographical area.
The respondent is able to conceal himself.
Disadvantages
Questionnaire respondents may not complete the Questionnaire resulting in low response rates.
Questionnaire may be misunderstood by respondents that can cause to get incorrect information.
Process is a mechanism for describing and communicating the current or intended future state of a business process.
Business Process Model is a mechanism for describing and communicating the current or intended future state of a
business process. The most famous types of process modeling are UML and DFD. The researcher will use DFD for
process modeling tool.
3.4.1 DFD
This project will use data flow diagram which is a graphic representation of a system or part of system It consist of
entities, data flows, process, sources, distinctions, and stores that Can facilitate the readability of the system and also
shows how data moves through an information system but doesn’t show program logic or processing steps.
Data Flow Diagrams is a common form of process modeling which represent a logical model that shows what the
system does, not how it does it. DFDs graphically show the movement and transformation of data in the information
system.
DFDs use four symbols: Process, data follow, data store and external entity:
Process is a unit of work that operates on the data. The process may be automated or manual. The symbol for a
process is a rounded rectangle.
Data flow is a named flow of data through a system of processes, data flow is shown as a directed line on the
diagram.
Data store is a logical repository of data. It may be an automated file, a paper file, etc. a data store is shown as
an open-ended rectangle.
External Entity is a source or destination of data. The external agent occurs outside of the system of processes.
An external agent is depicted by an overlapping rectangle.
Several different versions of DFDs exist, but they all serve the same purpose. In this project
Process
Data Flow
31
Data Store
External Entity
Existing chatting system's contacts need to add manually by using email addresses or ID name.
Difficult to find friend's contacts as the chat client might not have exact contacts of the user
Usually the contacts of the system added manually using different web host et-nails- such as yahoo, jarring
and others
If need to add contacts in an internal chatting system for an organization, it might be complicated as the name
of the contacts is searched by using email.
Searching contact by name is more preferable than email as the length of the email address is long compared
to name and also hard to remember.
In, existing chatting system have invoked social problems that lead to unhealthy conversation, among the
chatters because they do not know their original profile of the personal they have been friend with via the
chatting system.
Feasibility study is the process used for identifying if the problem can be solved or not solved, determining
objectives, and assessing the range of cost and benefits associated with several alternatives for solving a
problem. Feasibility studies are important firstly to assess the feasibility of an application. All projects are
feasible given unlimited resources and infinite time. But the development of software is plagued by the
32
scarcity of resources and difficult delivery rates. It is both necessary and prudent to evaluate the feasibility
of a project at the earliest possible time. Three key considerations are involved in the feasibility analysis.
the basic idea of feasibility study is to determine whether the requested project is feasible.
3.5.2 Technical Feasibility
Technical Feasibility is usually raised during feasibility stage of investigation. Project will provide user
friendly approach & so any person who use smartphones will be able to handle the system easily. The system
is technically feasible, as software
User friendly features added to improve the performance of the system.
This system is useful in establishing connection with different clients and data transferring between clients
and main server in the future. The system will provide reliable and consistent data transfer. It also provides
security for data, which is transferring if necessary. The system will avoid the interaction and corruption of
data by the hackers by implementing the best alternative of data security.
3.5.3 Operational Feasibility
Operational Feasibility: The developed system must be simple to use so that there should not be any confusion while
operating it. Our proposed system for Multi User Chat System can easily meet the needs of the people in terms of
their working & various operations.
System helps in interaction with user while determining various requirements. It is user-friendly with appropriate
error messages to help. The system offers validations & verifications. The training is not required to operate the
system in user’s environment. One can easily work with the new system. In this way, the system is operationally
feasible. By this proposed system we can avoid interaction of hackers and intruders by implementing the Encryption
and Decryption of the data.
3.5.4 SCHEDULE FEASIBILTY
Typically, this means estimating how long the system will take to develop, and if it can be completed in a given time
period using some methods like payback period. Schedule feasibility is a measure of how reasonable the project
timetable is. This involves questions such as how much time is available to build the new system, when it can be
built, whether it interferes with normal business operation, number of resources required, dependencies, can the
system be developed in time etc.
The project duration schedule is explained in the following table:
After we find the needs to build this new proposed system according to the technological, economical, and
operational modal, we illustrated that if we get all these needs we will develop this new system in four months
accurately. After production of the software we will install it to your mobile.
34
CHAPTER FOUR
04: SYTEM DESIGN
4.1: INTRODUCTION
In to this chapter I will explain and discuss about to (Blood Donation Management System) Design and
architecture and how the system will actually work. Design will play a bigger role in every projects and developing
need to be a good designing to be get to enough information related for the project. This phase frequently described
as being divided into two main phases, which might be described as Logical or Conceptual design and Physical
System design that the technical programmer can following to develop the projects during the development phases.
Logically designing generally explain of why the system will created, by using how system data will use and how it
will flow. Physical design generally specifies the how the system will work or how system components will arrange,
what their features will be, and what the kinds of the system hardware require.
Description
This table stores the Information of donors who need to give their Blood as volunteer and If blood is Needed in
emergence case to contact them
Relationship is an association among one or more entities. This relationship can broadly have classified into the
following sections: -
LOGIN FORM
Brief description
This page allows users to enter to the system
Login page figure: you can use Not A Member to create your accout to login
40
HOME FORM
Home page figure: when you seccessfully login your accout you get automatically into the Home Page
41
Donor Page figure: when your in the Home Page you regestor as a donoring into Donor Page
42
REPORT FORM
Report Page figure: when you registor into the donor in the donor Page you can view into report page
BloodInfo Page
43
CHAPTER FIVE
05: SYSTEM DEVELOPMENT
5.1: INTRODUCTION
This chapter discusses the functions’ that are implementations of the Online Blood Management System, starting
with the coding phase and then testing and finally documentations and conclusion with recomendation of the Project.
The system has three users; who are the admin, hospitals and receivers. The admin has the highest ability of the systems
to controls all users.
To creating Blood System Project, we are uses PHP technology with with extract into Markup languages HTML with
CSS by Using Bootstrap4 and same scripting Codes as front end and MYSQL Database as back end that are show you
over view of the system with beautiful snapshot.
<head>
<title>Blood System</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-
scalable=0">
<!-- VENDOR CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!--<link rel="stylesheet" href="assets/vendor/font-awesome/css/font-awesome.min.css">-->
45
<?php
include('connection.php');
session_start();
$username = $_POST['username'];
$password = $_POST['password'];
//$login = $connection->query("SELECT * FROM member WHERE username='$username' AND
password='$password'");
$login = mysqli_query($connection, "SELECT * FROM member WHERE username='$username'
AND password='$password'") or die(mysqli_error());
$fetch = $login->fetch_array();
if($login->num_rows == 1){
if($fetch['usertype'] == 'admin'){
$_SESSION['member_id'] = $fetch['member_id'];
$_SESSION['username'] = $fetch['username'];
header('location:dashboard/index.html');
}elseif ($fetch['usertype'] == 'user') {
$_SESSION['userid'] = $fetch['user_id'];
$_SESSION['membername'] = $fetch['username'];
header('location:home.html');
}
}else {
$_SESSION['error'] = '';
}
?>
Logout Coding:
<?php
include('connection.php');
session_start();
session_unset($_SESSION['username']);
session_unset($_SESSION['member_id']);
header('location:index.php');
?>
$password = $_POST['password'];
$email = $_POST['email'];
$insert = $connection->query("INSERT INTO member(name, username, password, email, usertype)
VALUES('$fullname', '$username', '$password', '$password', 'user')");
if($insert){
$_SESSION['success'] = '';
header('location:index.php');
}else { ?>
<div class="alert alert-success" style="background-color: red; color: white;">
<strong>ERROR!</strong> This alert box could indicate a successful or positive action.
</div>
<?php }
?>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript"
src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!--end Translater-->
<link rel="icon" href="Background.png">
<title>Blood System</title>
<!--Bootstrap Code-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-
48
J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"></script>
<!--CSS Code-->
<link href="carousel.css" rel="stylesheet">
<!--Script Code-->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js" integrity="sha384-
wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark font-weight-bold">
<a class="navbar-brand" href="home.html">KISMAYO BLOOD SYSTEM</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-
target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="home.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="registration.php">Donor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="report.php">Report</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-
haspopup="true" aria-expanded="false">Can I Help You?</a>
<div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="dropdown-item" href="#">Massege Me?</a>
<a class="dropdown-item" href="#">Call On Phone?</a>
<a class="dropdown-item" href="#">Email As?</a>
</div>
</li>
49
<div class="container">
<div class="carousel-caption text-left">
<h1>Welcome to the System</h1>
<p style="color: #000; background-color:blanchedalmond">Online Blood Donation
Managment System is Online electronic System that created with donors and organizations related to
donating blood and blood banks.</p>
<p><a class="btn btn-lg btn-primary" href="signup.php" role="button">Sign up
today</a></p>
</div>
</div>
</div>
<div class="carousel-item active">
<img class="second-slide" src="img/cov01.jpg" alt="Second slide">
<div class="container">
<div class="carousel-caption">
<h1>Blood Donation System</h1>
<p style="color: #000; background-color:blanchedalmond">This System Developed
Four Students As Group in Batch of Information Technology Students On Faculty of Computer Studies in <a
style="color: #000; font-weight: bold;" href="https://www.ku.edu.so">KISMAYO UNIVERSITY</a>
Garaduate Students This Year <b>#The_Class_of_2021</b></p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">Download System
Book</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide" src="img/cov02.jpg" alt="Third slide">
<div class="container">
<div class="carousel-caption text-left">
<h1>Info to the System.</h1>
<p style="color: #000; background-color:blanchedalmond">More Blood More Life<br>
If Any General Hospitals Wants To Make Request To Have Blood Online, He Can Also Take The Help Of
This System.</p>
<p><a class="btn btn-lg btn-primary" href="registration.php" role="button">Registor
on today</a></p>
</div>
</div>
</div>
</div>
51
<div class="invalid-feedback">
City Name required.
</div>
</div>
<div class="col-md-12 mb-3">
<label for="address">Address</label>
<input name="address" type="text" class="form-control" id="address" placeholder="Suuqyasin
Farjano FarjanoStreet" style="text-transform: capitalize;" required>
<div class="invalid-feedback">
Please enter your staying now address.
</div>
</div>
<div class="col-md-12 mb-3">
<label for="number">Mobile Number</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">+252</span>
</div>
<input name="number" type="number" class="form-control" id="cc-number"
placeholder="1234567" style="text-transform: capitalize;" required>
<div class="invalid-feedback">
Mobile Number is required to call us
</div>
</div>
</div>
<div class="col-md-12 mb-3">
<label for="file">Profile photo</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><img src="img/logo.png" style="height: 10px;width: 10px"></span>
</div>
<form method="POST" enctype="multipart/form-data">
<input type="file" class="form-control" name="file" size="4" required="required" />
<br />
<input type="hidden" name="stud_no" value="<?php echo $fetch['stud_no']?>"/>
</form>
<div class="invalid-feedback">
Profile photo it's required
</div>
58
</div>
</div>
<div class="col-md-12 mb-3">
<label for="lastName">Username</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">@</span>
</div>
<input type="text" class="form-control" id="Usernamefk" placeholder="abdalla21" value=""
style="text-transform: capitalize;" required></div>
<small class="text-muted">Enter Your username</small>
<div class="invalid-feedback">
Valid username is required.
</div>
</div>
<div class="col-md-12 mb-3">
<label for="Status">Status</label>
<input name="status" type="number" class="form-control" id="Status" placeholder="Status"
style="text-transform: capitalize;" required>
<small class="text-muted">Enter Your Health Status</small>
<div class="invalid-feedback" style="width: 100%;">
Your status is required.
</div>
</div>
<div class="col-md-12 mb-3">
<button class="btn btn-primary btn-lg btn-block" name="submit" type="submit"><span
class="glyphicon glyphicon-save"></span>Registration</button>
<button class="btn btn-danger btn-lg btn-block" name="reset" type="reset"><span class="glyphicon
glyphicon-reset"></span>Reset</button></div>
</div>
</div>
</form>
</div>
</body>
<div class="footer"><?php require 'allfooter.php'; ?></div>
</html>
59
<?php
include 'connection.php';
session_start();
if(isset($_GET['search'])){
$searchKey = $_GET['search'];
$sql = "select blood_group from donor where donor_id = LIKE '%$searchKey%'";
}else{
$sql = "select donor.* from donor where donor.donor_id";
}
$result = mysqli_query($connection, $sql);
?>
<!DOCTYPE html>
<html lang="en">
<head><?php require 'nav.php';?>
<?php require'head.php';?>
<style>
.container {
line-height: 45px;
border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-top-color: #adb5bd; box-shadow: 0
.25rem .75rem rgba(0, 0, 0, .05);line-height: 1.50;
</style>
</head>
<body class="bg-light">
<div style="padding: 25px">
<div class="row col-lg-12 col-sm-12 mb-3">
<form method="get" action="search" style="margin-top:-20px; ">
<label class="font-weight-bolder">Search With Blood Group:</label>
<select name="search" class="form-control">
<option><?php echo @$_GET['search']; ?></option>
<option value="A+">A+</option>
<option value="A-">A-</option>
<option value="B+">B+</option>
<option value="B-">B-</option>
<option value="AB+">AB+</option>
<option value="AB-">AB-</option>
<option value="O+">O+</option>
<option value="O-">O-</option>
60
</select><br><br>
<input class="btn btn-info mr-4" type="Reset" name="Reset">
<input type="submit" name="submit" class="btn btn-info" value="search">
</form>
</div>
<!--inta aan u baahanahay ee rasmiga ah-->
<div class="panel-body p-20">
<!--<table id="example" class="display table-striped table-bordered"data-responsive="table"
style="text-align: left;" cellspacing="0" width="90%">-->
<table class="display table table-responsive table-striped table-bordered rounded mb-5" data-
responsive="table" style="text-align: left;" cellspacing="0" width="90%">
<tr><th colspan="12" class="title text-danger" style="background: #00bfff; text-align: center;">Donors
Blood Registrated Report</th></tr>
<tr class="text-danger" style="background: #add8e6; text-align: center;">
<strong><th width="100%">Full Name</th><th>Gender</th><th
width="100%">Date_of_Birth</th><th>Weight</th><th>Email</th><th>Blood</th>
<th>Full Address</th><th>Phone</th><th>Username</th><th>Status</th><th>Action</th></strong>
</tr>
<tbody>
<?php
$query = mysqli_query($connection, "SELECT * FROM `donor`") or die(mysqli_error());
while($fetch = mysqli_fetch_array($query)){
?>
<tr class="del_student<?php echo $fetch['donor_id']?>">
<td><?php echo $fetch['name']?><?php echo' '?><?php echo $fetch['father_name']?></td>
<td><?php echo $fetch['gender']?></td>
<td><?php echo $fetch['dob']?></td>
<td><?php echo $fetch['body_weight']?></td>
<td><?php echo $fetch['email']?></td>
<td><?php echo $fetch['blood_group']?></td>
<td><?php echo $fetch['state']?><?php echo', '?><?php echo $fetch['city']?><?php echo', '?><?php
echo $fetch['address']?></td>
<td><?php echo $fetch['phone']?></td>
<td><?php echo $fetch['username_fk']?></td>
<td><?php echo $fetch['status']?></td>
<td><center><button class="btn btn-warning" data-toggle="modal" data-
target="#edit_modal<?php echo $fetch['donor_id']?>"><span class="glyphicon glyphicon-edit"></span>
Edit</button>
61
<label>Profile</label>
<input type="file" name="file" value="<?php echo $fetch['image']?>" class="form-control"
required="required"/>
</div>
<div class="form-group">
<label>Status</label>
<input type="text" name="status" value="<?php echo $fetch['status']?>" class="form-
control" required="required"/>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal"><span class="glyphicon
glyphicon-remove"></span> Close</button>
<button name="update" class="btn btn-warning" ><span class="glyphicon glyphicon-
save"></span> Update</button>
</div>
</form>
</div>
</div>
</div>
<?php
}
?>
</tbody>
</table>
</div>
<!--bilowga modelka deleteka-->
<div class="modal fade" id="modal_confirm" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">System</h3>
</div>
<div class="modal-body">
<center><h4 class="text-danger">All file of the student will be deleted too...</h4></center>
<center><h3 class="text-danger">Are you sure you want to delete this data?</h3></center>
64
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-success" id="btn_yes">Yes</button>
</div>
</div>
</div>
</div>
<!--dhamaadka modelka deleteka-->
<!--bilowga modelka editka-->
<div class="modal fade" id="form_modal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form method="POST" action="save_student.php">
<div class="modal-header">
<h4 class="modal-title">Add Student</h4>
</div>
<div class="modal-body">
<div class="col-md-3">
<div class="col-md-6">
<div class="form-group">
<label>faculty</label>
<input type="text" name="faculty" class="form-control" required="required"/>
</div>
<div class="form-group">
<label>G_name</label>
<textarea type="textarea" name="g_name" rows="4" cols="50" class="form-control"
required="required">
</textarea>
</div>
<div class="form-group">
<label>topic</label>
<input type="text" name="topic" class="form-control" required="required"/>
</div>
<div class="form-group">
<label>superviser</label>
<input type="text" name="superviser" class="form-control" required="required"/>
</div>
</div>
65
</div>
</div>
</form>
</div>
</div>
<!--dhamaadka modelka editka-->
<div>
<script type="text/javascript">
$(document).ready(function(){
$('.btn-delete').on('click', function(){
var stud_id = $(this).attr('donor_id');
$("#modal_confirm").modal('show');
$('#btn_yes').attr('name', stud_id);
});
$('#btn_yes').on('click', function(){
var donor_id = $(this).attr('name');
$.ajax({
type: "POST",
url: "delete_student.php",
data:{
stud_id: donor_id
},
success: function(){
$("#modal_confirm").modal('hide');
$(".del_student" + donor_id).empty();
$(".del_student" + donor_id).html("<td colspan='6'><center class='text-
danger'>Deleting...</center></td>");
setTimeout(function(){
$(".del_student" + donor_id).fadeOut('slow');
}, 1000);
}
});
});
});
</script>
</div>
</body>
<?php require'allfooter.php';?>
</html>
66
5.3: TESTING
Once coding phase is completed, the next phase is testing and debugging. Testing phase is the process of executing a
program or system with the intent of finding errors. Or, it involves any activity aimed at evaluating an attribute or
capability of a program or system and determining that it meets its required results. Although crucial to software
quality and widely deployed by programmers and testers, software testing still remains an art, due to limited
understanding of the principles of software. Testing can be Logging testing home page test or spacial case testing and
they’re three testing types Unit test mean is to testing by the indivuale program or modeling and Integeation Test
two or more programs that depend on each other and System testing he involves the entire information.
5.4: USER DOCUMENTATION
Documentation describes an information system and helps the users who must interact with it. Accurate documentation
can reduce system downtime, cut cost, and speed up maintenance task. Documentation is essential for successful
system operation and maintenance. In addition to supporting a system’s users, accurate documentation is essential for
developers who must modify the system, add new features or perform maintenance. Documentation includes program
documentation and user documentation. Mostly of the documentations are presented in project as help and users will
get there. There are many types documentations include: program documentation and system documentation
a. Program documentation
Program documentation describes the inputs, and processing logic for all program modules, the program
documentation process starts in the system analysis phase and continues during systems implementation. In the system
analysis phase will prepare overall documentations.
b. System documentation
System documentation describes the system’s functions and how they are implemented. System documentation
includes data dictionary entries, data flow diagrams, screen layout, source documents. System documentation is
necessary reference material for Programmers who must support and maintain the system.
System that use the users includes the following instructions:-
First choose good editor to exept writting pages of code and view as good in UX
Must computer install and work in server becouse PHP codes not display with out server
This project needs computer with high speed/processor and storage store uplouds
This project display only browser so must to install browser to use a system
When the users access the system through the browser, the system will show the main page and will allow users to
access many functions:
I. Login page: This function is used by the registered users to access to their accounts in the system.
ii. Home: This function displays when your login and you will get all user requires.
iii. Donor: The registered users can enter the quiz, and get result in clicking the button of finish.
iv. Create account: if you do not have an account to login you used by the registering to login to access to the system.
67
5.5: IMPLEMENTATION
The project Implementation part discusses the details process of system component. The following snapshots are some
of the components of the project:
Testing Login page to home page Snapshot
To design a computerized Registor processing system that will minimize the using perpors of manual input
needed in donor registration processing.
To save time and reduce donor processing.
To design an alternative means that will be easy to use and maintain.
All the objectives stated above have been achieved and the requirements of the users have been met through the
project.
69
introduction of the chapter then the Types of testing, User Documentation, Coding step of system, and the
last Implementation, Recommendation & Conclusion with future enhancements and experiences gained.
71
REFERENCE
72
APPENDIX A
ABBREVIATIONS
ABBREVIATIONS DESCRIPTIONS
UML Unified Modeling Language
PHP Hypertext Preprocessor
MySQL My Structured Query Language
BDS Blood Donation System
WWW World Wide Web
ADMIN Administrator
CPU Central Processing Unit
RAM Random Access Memory
GB Giga Byte
HD Hard Disk
CD Compact Disk
ERD Entity Relationship Diagram
URL Resource Locater
DB Database
HTML Hyper Text Mackup Language
CSS Cascading Style Sheet
GUI Graphical User Interface
73
APPENDIX B
APPENDEX D