DonateIt

(A WEB-BASED APPLICATION)

This project report is submitted in partial fulfillment of the degree in

BS (Computer Science)

By:
Mr. Ahmad Mehboob

Mr. Muddasir Mehmood

Supervised By:
Mr. Ghani-ur-Rehman

Lecturer Computer Science

Department of Computer Science and Bioinformatics

Khushal Khan Khattak University, Karak
Session 2015-2019
i
 PROJECT APPROVAL

This is to certify that we have read and checked the project report. This project is hereby
approved and recommended as partial fulfillment of the degree of Bachelor in Computer
Science from Khushal Khan Khattak University, Karak.

External Examiner: Signature:

Dr. Muhammad Muneer Umer

Lecturer Computer Science
DCS (KUST)

Supervisor:
Mr. Ghani-ur-Rehman Signature:
Lecturer (Computer Science)
Department of Computer Science & Bioinformatics
KKKUK

Internal Examiner
Dr. Muhammad Inam-ul-Haq Signature:
Assistant Professor
Department of Computer Science & Bioinformatics
KKKUK

Head of Department
Dr. Muhammad Inam-ul-Haq Signature:
Assistant Professor
Department of Computer Science & Bioinformatics
KKKUK

Department of Computer Science & Bioinformatics

Khushal Khan Khattak University

Karak, Pakistan

ii
 DEDICATION

We lovingly dedicate this project report to our parents, who always guided us in our whole
life and pray for our success at every stage of life and for our good and bright future. Without
their support, we were not able to complete this project report in such a beautiful manner.

iii
 DECLARATION

We hereby declare and confirm that the work done in preparation of this project report is our
own doing and a reflection of our own understanding for the final year project. On
understanding the idea we successfully developed and executed this web-based application.

iv
 PREFACE

The innovation and discoveries of human has enabled them to accelerate the production and
make the resources available for their best use. Amongst all these inventions, Computer is the
most modern tool that has the capability to reduce not only physical work of a human, but
also to facilitate the mental abilities. Computer is the powerful problem solving tool in terms
of speed, accuracy, security and reliability. We cannot overlook the importance of computer
in any field of life. Therefore, this was the reason that we have been assigned a project related
to Computer based automation of different Charity Organizations-Donors communication for
the partial fulfillment of Bachelor Degree in Computer Science.

This report is pure developmental project regarding “DonateIt -a web-based application”. The
aim of this project was to develop a web-based application, that is feasible and to facilitate
the donors and charity organizations under any conditions.

v
 ACKNOWLEDGEMENT

We bow our heads to Almighty ALLAH for His blessings to complete our documentation,
project and moreover Bachelor of Computer Science. We offer special thanks to ALLAH for
enabling us to achieve such difficult tasks.

This documentation would not be completed unless certain people were mentioned without
whose assistance this work would have been less than what it is.

First of all we would like to thanks from the core of our hearts to honorable and respectful
personality, Mr.Ghani-ur-Rehman, our project supervisor for his kind guidance and valuable
suggestions, as well as critical review of this project and also for his constant supervision and
profitable advices that helped us in completion of this project.

We are also thankful to Dr. Muhammad Inam-ul-Haq and the entire teaching staff of the
Department of Computer Science and Bioinformatics for their cooperation and guidance
during the four years session, due to which we are able to work on such project.

We also like to thanks all those people who are directly or indirectly related to this project.

vi
 ABSTRACT

A charity organization is an organization whose primary objectives are philanthropy and

social well-being (e.g. charitable, educational, religious or other activities serving the public
interest or common good). Financial figures (e.g. tax refund, revenue from fundraising,
revenue from sale of goods and services or revenue from investment) are indicators to assess
the financial sustainability of a charity organization, especially to charity evaluators. This
information can impact their reputation with donors and societies and thus their financial
figures gains. Now-a-days charity organizations are facing problems while collecting
donations from public. Sometimes, people are unaware about charity organization’s
conditions like when a charity organization needs donation at the exact time. Therefore, our
developed web-based application “DonateIt” can be used to address such issues. It can be
used to keep the charity organizations and people in contact. People will be informed about
the upcoming events and also about the conditions of the charity organization that when it
needs help, etc. Any member will join this platform as a donor. Whenever a charity
organization wants to joins this platform, it will first apply by filling organization’s
registration form. After admin’s approval, it will be shown on the News page, that this
organization is registered. After that the organization will be able to post for required help
and also about the upcoming events, etc. Any member who joins this platform as a donor, he
will be able to see organization’s posts and also he can chat with charity organization.
Moreover, a donor can make a donation for any registered charity organization as well as
donor can also view his donation history.

vii
 PROJECT IN BRIEF

Project title: DonateIt

Developed By: Ahmad Mehboob

and

Muddasir Mehmood

Supervised By: Ghani-ur-Rehman

Lecturer, Computer Science.

Developing Tools: HTML5,

CSS3,

Bootstrap4,

JavaScript,

PHP,

MYSQL

Venue: Khushal Khan Khattak University,

Karak

Year: 2019

Session: 2015-201

viii
 TABLE OF CONTENTS

S.No TITLE Page No

Chapter 1 ……………………………………………………………………….................... 1
1 Introduction ……………………………………………………………………... 2
1.1 Charity Organization…………………………………………………………….. 2
1.2 Donor…………………………………………………………………………….. 3
1.3 Admin……………………………………………………………………………. 3
Chapter 2 ………………………………………………………………………................... 4
2.1 Literature Review………………………………………………………………... 5
2.1.1 Charity Miles: Walking & Running Distance Tracker…………………………... 6
2.1.2 Share The Meal – by United nations WFP………………………………………. 7
2.1.3 Smile2 Charity…………………………………………………………………… 9

2.1.4 One Today by Google…………………………………………………………… 10

2.2 Functional Requirements………………………………………………………… 11
2.2.1 Major Functions Of Donor……………………………………………………… 11
2.2.2 Major Functions Of The Login & Registration System………………………… 12
2.2.3 Major Functions Of The Charity Organization…………………………………. 12
2.2.4 Major Functions Of The Admin………………………………………………… 12
2.3 Non-Functional Requirements…………………………………………………... 13
2.3.1 Performance……………………………………………………………………... 13
2.3.2 Safety……………………………………………………………………………. 13
2.3.3 Reliability………………………………………………………………………... 13
2.3.4 Availability………………………………………………………………………. 13
2.3.5 Security…………………………………………………………………………... 14
2.3.6 Usability…………………………………………………………………………. 14
Chapter 3 ……………………………………………………………………….................... 15
3 System Design…………………………………………………………………… 16
3.1 Use Case Diagrams……………………………………………………………… 16
3.1.1 Use Case Diagram Of Login & Registration System……………………………. 16
3.1.2 Use Case Diagram Of The Donor……………………………………………….. 17
3.1.3 Use Case Diagram Of Charity Organization…………………………………….. 18

ix
3.1.4 Use Case Diagram Of The Admin………………………………………………. 19
3.2 Entity Relationship Diagram Of Proposed Application DonateIt……………… 20
Chapter 4 …………………………………………………………………………………… 21
4 Coding & Implementation………………………………………………………. 22
4.1 Tools Used For Coding………………………………………………………….. 22
4.1.1 HTML 5…………………………………………………………………………. 22
4.1.2 CSS 3…………………………………………………………………………….. 22
4.1.3 Bootstrap 4………………………………………………………………………. 23
4.1.4 JavaScript………………………………………………………………………... 23
4.1.5 PHP……………………………………………………………………………… 23
4.1.6 MySQL…………………………………………………………………………... 23
4.2 Users……………………………………………………………………………... 23
4.2.1 Admin……………………………………………………………………………. 24
4.2.2 Donor…………………………………………………………………………….. 31
4.2.3 Charity Organization…………………………………………………………….. 37
Chapter 5 …………………………………………………………………………………… 43
5.1 Testing…………………………………………………………………………… 44
5.2 Usability Test……………………………………………………………………. 46
Chapter 6 …………………………………………………………………………………… 47
6.1 Conclusion……………………………………………………………………….. 48
6.2 Future Recommendations………………………………………………………... 49
Reference …………………………………………………………………………………… 50

x
 LIST OF FIGURE

S.No Title Page No

2.1 World’s Top Charities……………………………………………………… 5
2.1.1 Charity Miles……………………………………………………………….. 6
2.1.2(a,b) Share The Meal……………………………………………………………... 8
2.1.3(a,b) Smile2Charity……………………………………………………………….. 9
2.1.4(a,b) One Today………………………………………………………………….. 10
3.1 Use Case Diagram Of Login & Registration System………………………. 16
3.2 Use Case Diagram Of The Donor…………………………………………... 17
3.3 Use Case Diagram Of The Charity Organization…………………………... 18
3.4 Use Case Diagram Of The Admin………………………………………….. 19
3.5 ERD of DonateIt……………………………………………………………. 20
4.1(a) Admin’s Organization Account Approval Option………………………….. 24
4.1(b) Approved Organizations Accounts View…………………………………... 25
4.1(c) Organizations Account Blocking Option…………………………………… 26
4.1(d) Admin’s Help Approval Option……………………………………………. 26
4.1(e) Admin’s Help Removal Option…………………………………………….. 27
4.1(f) Organization’s Help Posts View For Guests……………………………….. 27
4.1(g) Organization’s Help Posts View for Donors……………………………….. 28
4.1(h) Donor’s Donation Approval………………………………………………... 28
4.1(i) Admin’s Donation Approval Option……………………………………….. 29
4.1(j) Admin’s Upcoming Events Approval Option……………………………… 29
4.1(k) Guest’s Upcoming Events View……………………………………………. 30
4.1(l) Donor’s Upcoming Events View…………………………………………… 30
4.2(a) Donor’s Registration Form…………………………………………………. 31
4.2(b) Donor’s Login Form………………………………………………………... 32
4.2(c) Donor’s User Pannel………………………………………………………... 32
4.2(d) Donor’s Update Profile Option…………………………………………….. 33
4.2(e) Donor’s Upcoming Events View…………………………………………… 33
4.2(f) Donor’s Interested In Donation option……………………………………... 34
4.2(g) Donor’s Donation Item Saving Option……………………………………. 34
4.2(h) Donor’s Donation Item Saving Button……………………………………... 35
4.2(i) Donor’s Donate Now Button……………………………………………….. 35
4.2(j) Donor’s Chat Option………………………………………………………... 36
4.2(k) Donor’s Donation History View…………………………………………… 36
4.2(l) Donor’s News View………………………………………………………… 37
4.3(a) Organization’s Registration Form………………………………………….. 38

xi
4.3(b) Organization’s Login Form………………………………………………… 39
4.3(c) Organization’s User Panel………………………………………………….. 39
4.3(d) Organization’s User Profile………………………………………………… 40
4.3(e) Organization’s Help Posts Option………………………………………….. 40
4.3(f) Organization’s Chat Option………………………………………………… 41
4.3(g) Organization’s Received Donations View………………………………….. 41
4.3(h) Organization’s Events Post Option…………………………………………. 42
4.3(i) Organization’s Events Submit……………………………………………… 42

xii
 LIST OF TABLES

S.No Title Page No

4.1 Testing Phase Table…………………………………………………… 44

xiii
Donatelt (Web Base Application) Introduction

CHAPTER

INTRODUCTION

Department of Computer Science and Bioinformatics

1
Donatelt (Web Base Application) Introduction

1. Introduction
DonateIt is a Charity Web-based Application. It is a project which is developed by Ahmad
Mehboob and Muddasir Mehmood at Khushal Khan Khattak University, Karak (2019) under
the supervision of Mr. Ghani-ur-Rehman.

With the increasing level of poverty, helping poor people is becoming more and more
essential, there are many different charity organizations that are working for this purpose.
These organizations also arrange different events in different cities related to this issue. We
are interested in providing the platform where charity organizations can make their work
online as well as inform people about their upcoming event’s location and time. So that
people will get informed in time.

DonateIt is a place where charity organizations will first create an account that will be
approved by an admin then this notification that “This account is registered” will be shown
on News Page, so that it can start work. After that it can post for required help; that this
charity organization needs donation and also post about the upcoming events in different
cities. It will also receive donation from donors, while donors can see news about all the
upcoming events arranged by the charity organization.

Donor will also be able to respond to donation request by charity organization then he will
start chatting with the charity organization. Finally, the donor will donate any item. Admin
will approve it and will be added to donor’s donation history.

Any user who is not registered can also be able to know about the upcoming events arranged
by any charity organization and also view that the charity organization needs donation, but
for donating items user must have to be registered as donor with this platform.

1 .1 DonateIt

This application is divided into three modules, these modules are explained bellow.

1.1.1 Charity Organizations

DonateIt provides a platform where charity organizations can post about their upcoming
events, news, etc. As well as, take donation from donors who are interested in donation.

Department of Computer Science and Bioinformatics

2
Donatelt (Web Base Application) Introduction

1.1.2 Donor

The donor is enabled to get informed about the charity organization’s upcoming events and
the status that it needs help, so the donor will chat with charity organization, donate
something to charity organization and view all of his donation history.

1.1.3 Admin

Admin will be able to approve all the functions that are happening. Like charity
organization’s account registration, its posts, interested donor request and donation.

DonateIt is an Open Source Software i.e. DonateIt can utilize the resources available on
system without any cost. Therefore, it is going to be freely available. It is platform-
independent and easy to operate and maintain.

Department of Computer Science and Bioinformatics

3
Donatelt (Web Base Application) System Analysis

CHAPTER

SYSTEM ANALYSIS

Department of Computer Science and Bioinformatics

4
Donatelt (Web Base Application) System Analysis

2.1 Literature Review

There are many other applications which are developed for management of donations and
charity organizations. But each of the application has its own limitations. Some do not allow
every organization to work and some do not let donor donate anything that is needed. Some
other applications donate on your behalf if you use their product, but after deep research, no
web application was found which could fulfill the requirements of the organization and which
is adaptable for any organization as well as any donor. DonateIt has been developed by
keeping in mind the limitations of other products as well as needs of organizations and
donors.

This part of the documentation is to give an insight of Android applications which are
available at the market and are somehow related to the category of charity.

Figure 2.1: Worlds Top Charities

Department of Computer Science and Bioinformatics

5
Donatelt (Web Base Application) System Analysis

Following are the names and details of some of the applications:

2.1.1 Charity Miles: Walking & Running Distance Tracker

Donation can be done to charity organizations through this application. This is a very
interesting application as the user does not have to donate money or any other good himself
but rather user will just have to move around while keeping this application running on his
device whether it is mobile, iPhone, Laptop etc, and money will be raised for the charity
which he choose from the given list.

Anyone can use Charity Miles, anywhere - walking the dog, on your morning jog, or just
moving through your day. Even if he is already using a Fitbit or other activity tracker, he can
still use Charity Miles to do more with his steps and earn money for charity organization.

Figure 2.1.1: Charity Miles

Department of Computer Science and Bioinformatics

6
Donatelt (Web Base Application) System Analysis

This application works like a pedometer, run-tracker, walking timer, cycling meter or running
stopwatch. One will have just to start and stop to track the workout done.

“So far our members have earned over $2.5 million for charity” (Charity Miles Walk&Run
Tracker (2017)).

Therefore, this is a great application for those who can’t afford to donate and is a great
motivation too for those who want to lose weight and get healthier. But on the other hand, it
does not fulfill the requirements of the organization as the donation would come from the
advertisements of the application and it won't be enough to cover the expenses of the
organization. So it is a good step but still improvement is needed.

2.1.2 Share The Meal –by the United Nations WFP

Objectives and aims of this application are to end the hunger in the world. In some parts of
the world, hunger is such a big problem that it kills more people than many diseases. This
application asks for the donation to get food for the people. As food costs very low but it can
save a precious life. This application offers different packages with a variation of the
different number of people given food.

According to the developers of this application, “it costs only $0.50 to feed a child for one
day”, “Share The Meal is part of the United Nations World Food Program” and “16 million
meals have been shared” (Share The Meal –by the United Nations WFP (2017)).

Minimum donation is for one-day food which cost $0.50 and there are other packages
available in which money can be donated to feed a child for a day and up to a year and food
can be provided to many children for a year (Share Th eMeal –by the United Nations WFP
(2017)).

Department of Computer Science and Bioinformatics

7
Donatelt (Web Base Application) System Analysis

Figure 2.1.2(a): Share the meal Figure 2.1.2(b): Share the meal 2
This application can also be used to send gifts to your loved ones by donating on their behalf
and they will receive personalized e-cards from Share The Meal. Donors are also enabled to
share their donations on social media like Facebook to motivate others too and users can also
see the progress of the campaign.

This is a great application as it asks for the very low amount of money to give food to a single
child for a whole day. This application seems to be a pretty good application as a very
important issue has been addressed, but on the other hand, as mentioned in the earlier part
that still there is a lot of improvement needed because hunger is not the only problem. So we
also need to give opportunities to organizations which are working in other fields.

Department of Computer Science and Bioinformatics

8
Donatelt (Web Base Application) System Analysis

2.1.3 Smile2Charity
Smile2Charity is an android application which works on peer-to-peer donation instead of
donating to an organization. There are different grades and one must donate a certain amount
of money in order to get to the next grade at each level one can receive up to 5X of donation
that has been done to get to this grade from previous grade (Smile2Charity (2017)).

Figure 2.1.3(a): Smile2Charity Figure 2.1.3(b): Smile2Charity

So this application is a great step to involve people in the cycle of donation while keeping
organizations out of the scene. Additionally, it has been made sure that no one is just a
receiver as everyone has to donate first to get donated, but one cannot find and difference
between others those who really needs donation. Secondly, one cannot ask for a donation if
he has not donated himself yet. So it will limit those who cannot donate in the first place.

Department of Computer Science and Bioinformatics

9
Donatelt (Web Base Application) System Analysis

2.1.4 One Today by Google

Besides facilitating people to donate, this application also works to encourage people to get
involved by showing real-world photo, short story and explanation of what your dollars
actually improve. One can choose any cause from the list and browse the projects (One
Today by Google (2017)).

Next step which comes after inspiration is donation. So it facilitates the users to donate and
support any of the projects with 1$ or more.

Figure 2.1.4(a): One Today Figure 2.1.4(b): One Today

If it feels good, you can pass it on to others by sharing your work with others to inspire them.
Users can donate on behalf of their friends and family and give them a gift of kindness.

It is a non-profit application and there is not any transaction fee. All donations go for non-
profit. Tax is deductible and the user gets a year-end tax receipt for all his donations done.

This is a superb application which has many campaigns going on in parallel and these
campaigns covers wide range of different domains, but still this application has limitations as
every organization cannot sign-up for this application.

Department of Computer Science and Bioinformatics

10
Donatelt (Web Base Application) System Analysis

As stated earlier that this web-based application does not let donors donate directly through
the application, but the purpose is to connect donors and organizations. After the connection
has been established between donors and organizations, the donation will be done off
application. For example, an organization needs 100 blankets. The organization will post
donation request and ask for 100 blankets along with other details of donation campaign.
Donors will send different offers. Then the organization can discuss other details with the
donors through the chat option. After details have been finalized, donor will donate item they
want to do it. After the donation process has been completed, the admin will accept the offer
so that progress details can be updated by the application.

As there are many applications developed around the idea of charity and donations. Some of
them have already been discussed in the previous chapter of the documentation just to give an
idea about the already developed applications. We have seen that every application had its
own limitations and none of them completely fulfilled the needs and requirement of donors
and charity organizations. So that this research was carried out in order to know that what are
the requirements of organizations and donors. In light of that research, limitations of the
previously developed applications have been decided, so that these points can be focused
individually and provide a good alternative to the organizations as well as donors. ‘DonateIt’
is designed in such a way that the limitation found out are completely eradicated and some
other features are added which targeted users wanted to have in the application.

2.2 Functional Requirements

Functional requirements are the functions of a system or its components, where a function is
described as a specification of behavior between inputs and outputs. Functional requirement
specify particular result of a system. Following are the functional requirements of this
application.

2.2.1 Major functions of Donor

 Enable a user to view charity organization upcoming events and also their post for
needing donation.
 Enable a logged in user to show interest in donation.
 Enable a logged in user for donation something to any charity organization.
 Enable a logged in user to start chat with charity organization.

Department of Computer Science and Bioinformatics

11
Donatelt (Web Base Application) System Analysis

 Enable a logged in user to view all of his previous donation history.

2.2.2 Major functions of the Login and Registration System

 Authenticate and Login user to the web application.
 Enable new users to register to the DonateIt as donor.
 Enable new charity organization to register to the DonateIt as charity organization.
 Enable a registered user to update his profile information.
 Enable a registered charity organization to update his profile information.

2.2.3 Major functions of the Charity Organization

 Enable a registered charity organization to post for upcoming events and needing
donation, which contains a detailed explanation to his needs.
 Enable a registered charity organization to view all of its upcoming events and needing
donation.
 Enable a registered charity organization to receive donation from donors.
 Enable a registered charity organization to delete any donation that they have received.
 Enable the registered charity organization to close any of its upcoming events and
needing helping posts.

2.2.4 Major functions of the Admin

 Enable an admin to approve charity organization account creation request.
 Enable an admin to block any charity organization account.
 Enable an admin to unblock any charity organization account.
 Enable an admin to approve any charity organization post which needs help for
donation.
 Enable an admin to remove charity organization post of needing donation after
accepting.
 Enable an admin to allow Donor for communication with charity organization upon
showing interest by Donor for donation.
 Enable an admin to accept donation for charity organization send by the Donor.
 Enable an admin to accept charity organization upcoming events post.

Department of Computer Science and Bioinformatics

12
Donatelt (Web Base Application) System Analysis

2.3 Non Functional Requirement

Non Functional requirements are the requirements that specifies the criteria that can be used
to judge the operation of the system, rather than specific behavior. They are contrasted with
functional requirements that define the specific behavior or function. Following are the non
functional requirements of this application.

2.3.1 Performance

The system must be interactive and the delays involved must be less. So in every action-
response of the system, there are no immediate delays. In case of opening windows forms,
popping error messages and saving the settings or sessions there is delay much below 2
seconds. In case of opening databases, sorting upcoming events and donation needing posts
and news related to charity organization accounts approvals there are no delays and the
operation is performed in less than 2 seconds for opening, sorting, computing, posting > 95%
of the files. Also when connecting to the server the delay is based editing on the distance of
the 2 systems and the configuration between them so there is high probability that there will
be a successful connection in less than 20 seconds for sake of good communication.

2.3.2 Safety

Information transmission should be securely transmitted to server without any changes in

information and also to admin.

2.3.3 Reliability

As the system provide the right tools for posting for upcoming events, needing donations,
chatting of donor with charity organization and donation send by donor to charity
organization. It must be made sure that the system is reliable in its operations and for
securing the sensitive details.

2.3.4 Availability

If the internet service gets disrupted while sending information to the server, the information
can be sent again for verification.

Department of Computer Science and Bioinformatics

13
Donatelt (Web Base Application) System Analysis

2.3.5 Security

The main security concern is for donor and charity organization accounts hence proper login
mechanism is used to avoid hacking.

2.3.6 Usability

As the system is easy to handle and navigates in the most expected way with no delays. In
that case the system program reacts accordingly.

Department of Computer Science and Bioinformatics

14
Donatelt (Web Base Application) System Design

CHAPTER

SYSTEM DESIGN

Department of Computer Science and Bioinformatics

15
Donatelt (Web Base Application) System Design

3.1 Use Case Diagrams

Behavioral requirements of the system are described using use case view. The Following use
case diagrams summarize the functional and behavioral requirements of the DonateIt.

3.1.1 Use case diagram of the Login and Registration System

Figure 3.1: Use case diagram of the Login and Registration System

Department of Computer Science and Bioinformatics

16
Donatelt (Web Base Application) System Design

3.1.2 Use case diagram of the Donor

Figure 3.2: Use case diagram of the Donor

Department of Computer Science and Bioinformatics

17
Donatelt (Web Base Application) System Design

3.1.3 Use case diagram of the Charity Organization

Figure 3.3: Use case diagram of the Charity Organization

Department of Computer Science and Bioinformatics

18
Donatelt (Web Base Application) System Design

3.1.4 Use case diagram of the Admin

Figure 3.4: Use case diagram of the Admin

Department of Computer Science and Bioinformatics

19
Donatelt (Web Base Application) System Design

Figure 3.5: Entity Relationship Diagram of Proposed Application

Department of Computer Science and Bioinformatics

20
Donatelt (Web Base Application) Coding & Implementation

CHAPTER

CODING & IMPLEMENTATION

Department of Computer Science and Bioinformatics

21
Donatelt (Web Base Application) Coding & Implementation

4 Coding & Implementation

Implementation is done to the system for its working. Implementing the system means to
make the system run. If the system is running accordingly then it means that the
implementation is correct and system is running well. The project is implemented using the
PHP programming language with XAMP as the database used at the backend. Web
application is more important for security. Now-a-days the hacker’s life has become tougher.
Various intrusion detection and defense mechanisms developed by network security
companies, now it’s not easy to hack security perimeters and gain unauthorized access to an
organization’s network .As my project is a web based project, there are many tools available
to develop Web applications. However I prefer to develop my project in PHP language. The
reason for selecting these tools to develop my project is explained in detailed below.

4.1 Tools used for coding

Tools are basically programs that are used for software development or system maintenance.
Virtually they helps programmer or users to develop application or maintain their computers.

4.1.1 HTML5

HTML5 is a core technology mark-up language of the Internet used for structuring and
presenting content for the World Wide Web. It is the fifth revision of the HTML standard. Its
core aims have been to improve the language with support for the latest multimedia while
keeping it easily readable by humans and consistently understood by computers and devices
(web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4, but also
XHTML 1 and DOM Level 2 HTML.

4.1.2 CSS3

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and
formatting of a document written in a mark-up language. CSS3 is a latest standard of css
earlier versions (CSS2).

Department of Computer Science and Bioinformatics

22
Donatelt (Web Base Application) Coding & Implementation

4.1.3 Bootstrap4:

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.

4.1.4 JavaScript:

JavaScript, often abbreviated as JS, is a high-level, interpreted scripting language that

conforms to the ECMAScript specification. JavaScript has curly-bracket syntax, dynamic
typing, prototype-based object-orientation, and first-class functions.

4.1.5 PHP:

Hypertext Pre-processor is a general-purpose programming language originally designed for

web development. It was originally created by Rasmus Lerdorf in 1994; the PHP reference
implementation is now produced by The PHP Group.

4.1.6 MySQL:

The PHP code consists of a core, with optional extensions to the core functionality. PHP's
MySQL-related extensions, such as the MySQL extension, and the MySQL extension, are
implemented using the PHP extension framework. An extension typically exposes an API to
the PHP developer, to allow its facilities to be used programmatically. However, some
extensions which use the PHP extension framework do not expose an API to the PHP
developer.

As there are three different types of users of this application, so this chapter is started with an
explanation of each user role, their privileges and design of each of the user may face during
the use of the application.

4.2 Users
There are three types of users of this application.

 Admin
 Donor
 Charity Organization

Department of Computer Science and Bioinformatics

23
Donatelt (Web Base Application) Coding & Implementation

As there are three different types of users, clarification and explanation are needed in order to
differentiate between their available features and constraints.

4.2.1 Admin
Admin has a very short but most important role. As organization can register themselves on
the application. So authentication them is the key problem. So in order to do that, the admin
comes in.

When an organization creates an account, account details will be sent to the admin.

Figure 4.1(a): Admin,s Organization’s Account Approval Option

As it can be seen in the picture below, on the homepage of the admin account, the admin will
see a list of organization names which are waiting for the authentication.

Upon clicking on the any “Approve” button , this organization’s account will be accepted.
Now a message will be displayed on the News page that their CEO’s are informed that their
accounts are accepted like in the given below image.

Department of Computer Science and Bioinformatics

24
Donatelt (Web Base Application) Coding & Implementation

Figure 4.1(b): Approved Organizations Accounts View

Department of Computer Science and Bioinformatics

25
Donatelt (Web Base Application) Coding & Implementation

Here admin can accept or reject the account after the accepting process by clicking on the
block button.

Figure 4.1(c): Admin’s Organization Blocking Option

When Charity Organizations post for needing donation. It will be displayed first to admin.
When admin will accept it, then Donor will be able to see this and will respond on it. Admin
will approve by clicking on the “Approve” Button.

Figure 4.1(d): Admin’s Help Approval Option

Department of Computer Science and Bioinformatics

26
Donatelt (Web Base Application) Coding & Implementation

After approving, admin can also disable this post by clicking on the “Remove” button.

Figure 4.1(e): Admin’s Help Removal Option

After accepting it will be shown to donors and also to guests like below

 For Guests

Figure 4.1(f): Organizatio,s Help Posts View for Guests

Department of Computer Science and Bioinformatics

27
Donatelt (Web Base Application) Coding & Implementation

 And for Donors

Figure 4.1(g): Organization’s Help Post view for Donor

Whenever Donors are interested in donation, their communication with charity organization
will be approved by the admin. Admin will allow them by clicking on the “Allow” button.

Figure 4.1(h): Donor,s Donation Approval

Department of Computer Science and Bioinformatics

28
Donatelt (Web Base Application) Coding & Implementation

When Donors are donating something, their donation request will be send to admin. When
admin approve, then it will be received by charity organization. Admin will approve by
clicking on the “Accept” button like in the below screenshot.

Figure 4.1(i): Admin’s Donation Approval Option

When charity organizations have upcoming events, they will post for it. First it will be
approved by admin. Admin will approve it by clicking on the “Approve” button as shown in
the below screenshot.

Figure 4.1(j): Admin,s Up-Coming Events Approval Option

Department of Computer Science and Bioinformatics

29
Donatelt (Web Base Application) Coding & Implementation

After accepting by admin the Upcoming event will be showed on the news page like in the
given below screenshot.

 For guests

Figure 4.1(k): Guest’s Up-Coming Events View

 For Donors

Figure 4.1(l): Donor’s Up-Coming Events View

Department of Computer Science and Bioinformatics

30
Donatelt (Web Base Application) Coding & Implementation

4.2.2 Donor
The donor is the most important user of the application because donation and charity work
cannot be carried out without the donor. Below are the details of the features for donors

 Donor Sign-Up
The Donor must have its own account. First of all they need to create their account. Their
account creation form is shown in the given below screenshot.

Figure 4.2(a): Donor’s Registration Form

Department of Computer Science and Bioinformatics

31
Donatelt (Web Base Application) Coding & Implementation

Based on the information provided in this sign up form they will be able to login into the
system.

 Login form for donor will be like

Figure 4.2(b): Donor’s Login Form

After providing the correct user name and correct password , they will be redirected to
dashboard. Donor dashboard will be as shown in the screenshot

Figure 4.2(c) (Donor’s User Pannel)

Department of Computer Science and Bioinformatics

32
Donatelt (Web Base Application) Coding & Implementation

 Here they have different options:

They will be able to edit his profile by clicking on the User Profile as shown in the screen
shot.

Figure 4.2(d): Donor’s Update Profile Option

When user clicks on the “Upcoming events” as shown in the screenshot , it will show all the
organization posts which requires donation.

Figure 4.2(e): Donor,s Up-Coming Events View

Department of Computer Science and Bioinformatics

33
Donatelt (Web Base Application) Coding & Implementation

If the Donor are intested in donation. They can also start chat with charity organization first.
For which they will need to click on “INTERESTED IN DONATION” as shown in the
screenshot. Which will causes to put one communication request for admin to approve.
Which will causes to allow him for chatting with charity organization.

Figure 4.2(f): Donor’s Interested In Donation Option

 Start Donation:
They will click on the “ADD NEW ITEM” for adding new item which is available with
donor for donation.

Figure 4.2(g): Donor’s Donation Item Saving Option

Department of Computer Science and Bioinformatics

34
Donatelt (Web Base Application) Coding & Implementation

Figure 4.2(h): Donor’s Donation Item Saving Option

On clicking on “Donate Now” it will be donated to the selected organization.

Figure 4.2(i): Donor’s Donation Item Saving Option

Department of Computer Science and Bioinformatics

35
Donatelt (Web Base Application) Coding & Implementation

 Chat:
When Donor will click on the “Chat”, there will those messages which are waiting for reply.
These are those messages which is received from those Charity organizations to whom the
user shown his interest in donation.

Figure 4.2(j): Donor’s Chat Option

 Donation History
The donor can see the donation history in this part of the application. Whenever an offer is
accepted by the admin, the offered quantity along with the item is added to donor donation
history.

Figure 4.2(k): Donor’s Donation History View

Department of Computer Science and Bioinformatics

36
Donatelt (Web Base Application) Coding & Implementation

 Events
The donor will see the list of all the events posted by this charity organization. For each
event, the title, Description, date and charity organization name will be shown to the donor.
By Clicking on “News” they will see all the arranged events as shown in the screen shot.

Figure 4.2(l): Donor’s Events News View

4.2.3 Charity Organization

The organization is an important user of this product as it is the organization which will do all
the hard work for the sake of others and will get nothing in return.

Below are the details of the features of the organization.

 Organization Sign-Up
The organization must own an account before starting using this platform. The sign-up form
can be seen in the picture below. The organization must fill this form and click on the
Register button in order to create the account. After filling the form, the admin must verify it
through the information sent to the admin given while filling the form.

Department of Computer Science and Bioinformatics

37
Donatelt (Web Base Application) Coding & Implementation

Figure 4.3(a): Organoization’s Regestration form

 Organization Sign-In
After the account is approved by the admin, the organization can log in to the account using
the login screen shown in the below picture. The organization will put the username and
password. If the username and password are correct, the charity organization will
automatically be forwarded to the charity organization’s dashboard.

Department of Computer Science and Bioinformatics

38
Donatelt (Web Base Application) Coding & Implementation

Figure 4.3(b): Organization’s Login Form

Figure 4.3(c): Organization’s User Pannel

Department of Computer Science and Bioinformatics

39
Donatelt (Web Base Application) Coding & Implementation

 Organization Account details

The organization can access the account details of the organization just by clicking on the
User Profile. The organization will be forwarded to its account details where any of the
information can be edited and will be saved by clicking on the saved button.

Figure 4.3(d): Organization’s User Profile

 AskforHelp
If any charity organization need any help. Means when they donation, they will click on
“ASKFORHelp” and will fill form which will accept admin. Then Donor can show his
interest in donation to this organization for this post.

Figure 4.3(e): Organization’s Help Posts Option

Department of Computer Science and Bioinformatics

40
Donatelt (Web Base Application) Coding & Implementation

 Chat:
When Charity organization will click on the “Chat”, there will those messages which are
waiting for reply. These are those messages which is received from those Donor who shown
his interest in donation.

Figure 4.3(f): Organization’s Chat Option

 Received Donation
The charity organization can see the recived donation history in this part of the application.
Whenever donated item is accepted by the admin, the offered quantity along with the item is
added to charity organization received donation.

Figure 4.3(g): Organization’s Received Donations View

Department of Computer Science and Bioinformatics

41
Donatelt (Web Base Application) Coding & Implementation

 Events
The organization will see the list of all the events posted by this organization. For each event,
the title, description, data and organization name.

The organization can delete any event by clicking on the “DELETE” on the bottom.

Figure 4.3(h): Organization’s Events Post Option

The organization can post another event by clicking on the “Add Event” on the bottom. The
organization will need to fill the form and click on the ‘Submit button in order to post the
event.

Figure 4.3(i): Organization’s Events Post Option

Department of Computer Science and Bioinformatics

42
Donatelt (Web Base Application) Testing

CHAPTER

TESTING

Department of Computer Science and Bioinformatics

43
Donatelt (Web Base Application) Testing

5.1 Testing

Testing is an important part of the development of any system because of the reason that no
one will be willing to take a risk of using a system which is not thoroughly tested. So testing
plays an important role in gaining the trust of the users and convincing them in using your
product.

Table 1: Testing Phase Table

TEST ID ACTION PRE- POST- RESULT

CONDITION CONDITION
1 Click on the Sign-Up form Right action Pass
Sign-Up button filled was carried on
Data
2 Donation Offer accepted Donated Items Pass
history is showing
3 Add Donated Donor is loged Now they are Pass
Item in and filled the added to
Donated Item Donated Items
adding form in
4 Click on There must be The offer has Pass
“Donate Now” items exists been sent
button and charity
organizations
also be present
5 Click on There should The offer is Pass
“Interested in be donation send to admin
Donation” needing post by for approval
button charity
organization
6 Click on “Chat” Either Donor The reply is Pass
button have showed successfully
interest in send to the
donation or another one

Department of Computer Science and Bioinformatics

44
Donatelt (Web Base Application) Testing

charity user
organization
replied
7 Click on User should be View All the Pass
“News” Button logged in upcoming
events by the
arranged by
organization
8 Click on User should be Log outs user Pass
“Logout” logged in from the
button system
9 Click on “Ask Charity The Post is Pass
for Help” organization send to admin
should be log for approval.
in and verified After
approving by
admin it is
displaying to
Donor for
taking
donation from
them
10 Click on Admin should When admin Pass
“Block” be log in and clicked on
the charity “Block”
organization button , then
account should the charity
be accepted organization
once by admin which was
approved is
blocked and
cannot log in

Department of Computer Science and Bioinformatics

45
Donatelt (Web Base Application) Testing

5.2 Usability test

Usability testing is related to check the usability of the application by the targeted users. For
this purpose, the application was used by the users and they were asked to test the functional
features and check the overall usability of the application.

The feedback was encouraging because users were satisfied with features as well as the
layout and flow if the application. They did not face any difficulty in understanding the flow
and working of the application.

Department of Computer Science and Bioinformatics

46
Donatelt (Web Base Application) Conclusion and Future Work

CHAPTER

CONCLUSION AND FUTURE

WORK

Department of Computer Science and Bioinformatics

47
Donatelt (Web Base Application) Conclusion and Future Work

CONCLUSION AND FUTURE WORK

6.1 Conclusion
The conclusion of project documentation is a great point to reflect back at the start of the
project and give an overview of the events as well as problems faced along with lessons
learned.

At the start of the project, detailed research was conducted in order to figure out the
commonly faced problems. Many donors as well as organizations were approached in order
to determine actual problems and requirements. After problems were identified,
brainstorming and further research was conducted to find optimum solutions to those
problems in the context of our project scope. As many problems were unraveled, many of
them trivial and developing a system which would solve all those problems requires a longer
time duration and resource i.e. designers, software developers, interface engineers ect. So it
was another challenge to plan a product to be brief enough to be completed within a given
timeframe while being an appropriate adaptable solution to the users. As a result for planning,
features were divided into distinct categories depending upon their importance. After
categorizing the features, product plan was made in which basic workflow of the application
was decided.

Responsive Web application was selected as the development platform to give mobility to the
product on every smartphone dominates the majority of portable mobile market. Prototyping
was started so that initial look of the application can be decided and any issues with the
interface may be solved.What followed was database design in accordance with the flow of
the application. The last step was the start of development phase.

As the goal of the project was to connect donors and charity organizations, so requirements
and limitations of already developed applications were thoroughly researched and analyzed.
This made life easier, momentarily as a clear vision was already built up in the mind in order
to remain on track. In the end, the product was successfully developed and with all the
features set at the start of the project. The responsive web application facilitates people who
want to make the world a better place by enhancing productivity of welfare organizations and
their management.

Department of Computer Science and Bioinformatics

48
Donatelt (Web Base Application) Conclusion and Future Work

6.2 Future Work

At the end of the project development, 95% of all targeted features have been added, but
there is always room for improvement. A lot of features could not be implemented due to
time and resource constraints.

As far as results are concerned, ‘DonateIt’ has very satisfactory results while looking into the
aims and objectives of the application which were set during the planning phase of the
application. The application has been tested many times in order to ensure everything works
fine and according the way it was planned.

One of the main problems the organization may potentially face is the difficulty to use a
website for a long period of time on computers. As we know that organizations will be
managing many things at a time. So a responsive web is developed to make their life easy
because of the reason that it is easy to work on the computers for constantly long hours as
well as on smart phones.

Additionally, another problem is that nothing is done in order to see where donations are
being utilized. So there is not any way to see the performance of an organization. Therefore,
some sort of rating process needs to be added where organizations will show the utilization of
the received donation and let donors rate them on the basis of multiple parameters to enhance
transparency.

Moreover, social media sharing option and commenting on the donation request can be a
good addition to the application. It can play important role in attracting more people to the
requests and events. It will be done with time.

Department of Computer Science and Bioinformatics

49
Donatelt (Web Base Application) References

References

Charity Miles Walk&Run Tracker (2017). play.google.com. [ONLINE] Available at:

https://play.google.com/store/apps/details?id=com.charitymilescm.android&rdid=com.charity
milescm.android. [Accessed 29 December 2017].

One Today by Google (2017). play.google.com. [ONLINE] Available at:

https://play.google.com/store/apps/details?id=com.google.android.apps.onetoday&rdid=com.
google.android.apps.onetoday&pli=1. [Accessed 29 December 2017].

Schwedel, M. (2013). Nonprofit Organizations , Social Media , and Mobile Applications.

ShareTheMeal –by the United Nations WFP (2017). play.google.com. [ONLINE] Available
at: https://play.google.com/store/apps/details?id=org.sharethemeal.app&hl=en. [Accessed 29
December 2017].

Smile2Charity (2017). play.google.com. [ONLINE] Available at:

https://play.google.com/store/apps/details?id=com.ozityapps.smile2charity&hl=en.
[Accessed 29 December 2017].

Department of Computer Science and Bioinformatics

50
Donatelt (Web Base Application) References