Orphanage Management System

ORPHANAGE MANAGEMENT SYSTEM
by
Rashmi Raj
(1947254)
Ashwin K Cherian
(1947207)
Hemanth Desai
(1947224)
Under the guidance of

Prof Dr. Ramamurthy B
RDBMS project report submitted in partial fulfillment of the

requirements of III semester MCA (Computer Application),
CHRIST (Deemed to be University)
October - 2020
CERTIFICATE
This is to certify that the report titled ORPHANAGE
MANAGEMENT SYSTEM is a bona fide record of work done by
Rashmi Raj(1947254), Ashwin K Cherian(1947207) and
Hemanth(1947224) of CHRIST(Deemed to be University),
Bangalore, in partial fulfillment of the requirements of III Semester
MCA(Computer Applications) during the year 2020.
Head of the Department Project Guide
Valued-by:
Name : Ashwin K Cherian
1. Register Number : 1947207
Examination Centre : CHRIST(Deemed to

University)
2. Date of Exam :
i
ACKNOWLEDGEMENT
The satisfaction that we feel at the successful completion of the RDBMS project titled
“ORPHANAGE MANAGEMENT SYSTEM” would be incomplete if we do not mention
the names of the people whose valuable guidance and encouragement has made this project
work a success. It is a great pleasure to express our gratitude and respect to all those who
inspired and helped us in completing the project .
It is our immense pleasure to thank our HOD , Prof. Joy Paulose who has given us an
opportunity to come up with this idea and successfully complete the project .
It is our pleasure to thank our internal guide Prof. Dr. Ramamurthy B who has given us ideas
and guidance to make the report highly successful and a knowledge base experience .
It is also a pleasure to express our gratitude to all Teaching and Non – Teaching Staff members
of the Computer Science Department for their encouragement and providing valuable
requirements. With a deep sense of indebtedness, we convey our heartiest thanks to our parents
who have taken efforts and given us such an opportunity . Their love and blessings have given
us to acquire knowledge and gain experience in life. As well as our friends who helped us
accomplish this task.
ii
ABSTRACT
Our project is an online orphanage management system, where users can login and search for
different orphanages worldwide also users can view different orphans belonging to particular
orphanage and their corresponding details. There is facility for adopting orphans of
corresponding orphanage for that user have to login with their ID and password. If they are
interested in adopting the child a request is sent automatically to the staff of particular
orphanage along with the details of user such that staff can contact them.
There is also a provision for document submission online, so that users don’t have to go the
orphanage and submit all the documents manually since the document submission is made
online .
Staff have separate control panel which allows them to carry out tasks like adding orphans of
the orphanage, viewing adopter requests, viewing the adopter list and so on.
A user once logged in can search different orphanages around them if they want to search
through state basis or district basis . So, when a user enters the state name or district name all
the orphanages belonging to the particular district or state appears in the web page, allowing
users to navigate further. This is actually an integrated website where all the details of
orphanages are stored so if a person want to get details of any orphanages, they can enter our
website.
iii
Table of Contents
Acknowledgements i
Abstract ii
List of Tables v
List of abbreviations vi
List of Figures vii
1. Introduction 1
1.1Overview of the System 1
2. System Analysis 3
2.1 Existing System 3
2.2 Proposed System 4
2.3 Software Tools Used 4
3. System Requirements 6
3.1 System Model 6
3.2 Functional Requirements 6
3.3 Hardware Requirements 7
3.4 Software Requirements 8
iv
4. Design Specification 9
4.1 Architectural Design 9
4.2 Database Design 10
4.2.1 Table Design 10
4.2.2 Data Flow Diagrams 13
4.2.3 Entity Relationship Diagrams 14
4.2.4 Use Case Diagrams 15
4.3 Web page specification 16

4.3.1 Home page linked with other pages 16
4.3.2 Data fields validation 16
4.3.3 Security for web site 16
4.3.4 Animations in web pages 16
4.4 User Interface Design 17
5. Implementation 18
5.1 Source Code 18
5.2 Screen shots 42
6. Testing 46
6.1 Test Reports 46
7. Conclusion 51
7.1 Advantages 51
7.2 Future Enhancement 51
8. References 52
v
LIST OF TABLES
Table No Title Page No
4.1 User Table 15
4.2 Adopter Table 16
4.3 Orphans 17
4.4 Orphanages 17
4.5 Staff 18
6.1 Test Case 47

vi
LIST OF ABBREVIATIONS
S.No Abbreviation Meaning

1 HTML Hyper Text Markup
Language
2 CSS Hyper Text Markup
Language
3 JS JavaScript
4 MySQL PHP Data Objects
queries
5 PHP Hypertext
Preprocessor
vii
LIST OF FIGURES
Fig No. Title Page No.

Fig 4.1 Architectural Diagram 9
Fig 4.2 ER Diagram 13
Fig 4.3 DFD Level 0 and 1 14
Fig 4.4 DFD Level 2 15
Fig 4.5 Use Case Diagram of OMS 16
Fig 4.6 Home Page 18
Fig 4.7 Sign-in Page 18
Fig 4.8 Search Page 19
Fig 4.9 ID page 19
Fig 4.10 Adopter Page 20
Fig 4.11 About Us Page 20
Fig 5.1 Home page 41
Fig 5.2 Staff 42
Fig 5.3 User Sign-In 42
Fig 5.4 Registration Form 43
Fig 5.5 Search Page 45
Fig 5.6 Orphans details 46
Fig 5.7 Orphanage details form 47
Orphanage Management System 1
1. INTRODUCTION
1.1 Overview of the System

The Orphan Management System is developed mainly for orphan center to manage the orphan
registration and maintenance. It is a standalone system which only can be access on a single
computer which the system resides. The system is developed based on the center's size and
requirements. The main users of the system are the staffs and administrator . The registration
process of the orphans is managed by the staffs while the system administrator is only involved
in managing the staff record and maintenance. Only administrator has the authority and
privileges to do the system maintenance such as backup and recovery if there is system failure.
An analysis study has been done based on the current manual system and all the problems
statements and requirements have been identified. Moreover, OMS is developed to solve the
weakness of the current orphan registration at the orphan where manually all things we been
done. The interfaces for OMS have been designed according to the requirement and needs of
the orphan home. Rather than that, this system also has been tested and evaluated in real life.
This Orphan Management System will help to improve the performance of current situation
and overcome the problems that arise nowadays as we have more focused on the education for
the children who are there in the orphans. The Orphanage Management System is going to be
developed to overcome the problems that occur in the center's management. It is purposely to
handle the registration, orphan's records as well as staffs records and the others important
details that are necessary to be keep. The propose Orphanage Management System is expected
to overcome the general problems in handling data such as data redundancy, security of data,
time consuming and recovery manners. To implement the objectives of the system, a few
aspects will be included as well as the database because database is the most important part of
system. A database is a vital thing since it holds all the data kept.
Department of Computer Science, CHRIST(Deemed to be University)

2. SYSTEM ANALYSIS
2.1 Existing System
The existing system is a manual system and there are many difficulties in maintaining and
handling it .The drawbacks of the manual system are:
• Ledger books should be maintained for each entry.
• Each time, to make a new entry the previous records has to be referred.
• Lack of security because the data is handled manually.
Draw backs of existing system
The existing system is a manual system. & here the employees need to save the information in
the form of excel sheets.
• Sharing is not possible if the data is in the form of paper.
• The manual system gives us very less security for saving data (some data may be
lost due to mismanagement) .
• It is a limited system and less user friendly.
• searching of a particular information is very time consuming.
• It is very difficult to maintain manually call records of customers, because call center
receives huge no of calls per a day. Every employee having different rosters,
different shift timings,manually handle this roster is tough work.

2.2 Proposed System
Data stored in this website’s database must be protected from being accessed by unauthorized
users. In this system, users are provided with password that allows the assignment of access
rights to the specific authorized users. Password is usually enforced at log in time.
This is the website where users can login and search for different orphanages worldwide also
users can view different orphans belonging to particular orphanage and their corresponding
details. People can register online and view the orphanage details. Those who are willing to
donate for the orphanage can donate amount by providing their details.
Facilitating desire information display, very quickly, by retrieving information from users.
Updating and deleting huge number of data will be easier. The staffs can delete , update and
add the data easily. Staff have separate control panel which allows them to carry out tasks like
adding orphans of the orphanage, viewing adopter requests, viewing the adopter list and so on.
A user once logged in can search different orphanages around them if they want to search
through state basis or district basis . So, when a user enters the state name or district name all
the orphanages belonging to the particular district or state appears in the web page, allowing
users to navigate further. This is actually an integrated website where all the details of
orphanages are stored so if a person want to get details of any orphanages, they can enter our
website.
Aims are providing medical facilities for orphans which can includes medical check-ups.
Documents can be made online which saves time and make it convenient to the users.
This website also provides free online education systems for orphans .
2.3 Software Tools Used
● Brackets and server

● Command Prompt
● Google Chrome

3.SYSTEM REQUIREMENTS
3.1 System Model
System modeling is the process of developing abstract models of a system, with each model
presenting a different view or perspective of that system. System modeling has generally
come to mean representing the system using some kind of graphical notation, which is now
almost always based on notations in the Unified Modeling Language (UML). However, it
is also possible to develop formal (mathematical) models of a system, usually as a detailed
system specification.
3.2 Functional Requirements

This is a necessary task, action or activity that was accomplished. The proposed system
was able to do the following:-
This System allows the staffs to information about Orphans.
-It allows the staffs to registers.
-Staffs should have separate log in.
-Allow the admin to make changing in website.
3.3 Hardware Requirements
● System: PC or Laptop
● Processor: Any Intel or AMD processor with clock speed of 2.00GHz
● Hard Disk: 1TB
● Primary Memory: 4GB and above
3.4 Ssoftware Requirements
● Operating System: Windows 10 or Linux or any operating system capable of running

DBMS query and access
● Front end: HTML, CSS, Bootstrap, JavaScript
● Code Editor: Brackets
● Back end: MySQL / PHP
● Server: Xampp

● Browser: Google Chrome or any latest browser

4. DESIGN SPECIFICATION
4.1 Architectural Design
Figure 4.1 Architectural Diagram

4.2 Database Design

Database design illustrates a detailed data model of a database also known as the database
schema. This helps in visualization of relationships between different entities in the system
and design database diagram accordingly. Database design is the organization of data
according to a database model. The designer determines what data must be stored and how the
data elements interrelate. Database design involves classifying data and identifying
interrelationships.
4.2.1 Table Design
Table 4.1: User Table
Column DataType Constrains
User_id int Primary Key
Firstname varchar Not Null
Lastname varchar Not Null
Username varchar Not Null
password varchar Not Null
DOB varchar Not Null
Occupation varchar Not Null
Workplace varchar Not Null
State varchar Not Null
Country varchar Not Null
Address varchar Not Null
Email varchar Not Null
Phone int Not Null
Profile_pic varchar Not Null
This table has all the unique columns and values so it is in 1NF and also all are functionally
dependent so they are in 2NF and also there is no transitive dependency so it is in 3NF

Table 4.2: Orphans
Id int Primary Key
Name varchar Not Null
Age int Not Null
Gender varchar Not Null
Education varchar Not Null
Height varchar Not Null
Weight varchar Not Null
Physical_description varchar Not Null
Health_status varchar Not Null
Photo varchar Not Null
Hobbies varchar Not Null
Orphanage_ID int Foreign key
Table 4.3: Orphanage
Orphanage_ID int Primary Key
Name varchar Not Null
Place varchar Not Null
State varchar Not Null
Country varchar Not Null
Phone int Not Null
Password varchar Not Null

Branch varchar Not Null
Address varchar Not Null
PinCode varchar Not Null
Year varchar Not Null
Email varchar Not Null
Description varchar Not Null
Image_Path varchar Not Null
QRcode varchar Not Null

Table 4.4: Adopter
ID int Primary Key
User_ID int Not Null
Image varchar Not Null
Orphans_ID int Foreign Key

Table 4.5: Request
Request_id int Primary Key
User_id int Not Null
Orphanage_id int Not Null
Orphan_id int Not Null


4.2.3 ER Diagram
The entity relationship diagram describes interrelated things in the project. A

basic ER model is composed of entity types and specifies relationships that can
exist between instances of those entity types. An entity relationship diagram
shows the relationships of entity sets stored in a database. An entity in this context
is an object, a component of data. An entity set is a collection of similar entities.
These entities can have attributes that define its properties. The entity
relationship diagram (Fig. 4.2 ER Diagram), represents the inter relativity of the
different project components and how it is related together. the different modules
of the project. the entity relationship diagram helps in the design and development
of the database.
Figure 4.2 ER Diagram

4.2.2 Data Flow Diagrams
The context diagram also called as the Level 1 DFD (Fig 4.3 level 0 DFD) depicts the
overall data flow in the system. The Figure (Fig 4.3 level 1 DFD) depicts the operations
on the system and the more detailed details of the data flow has been included in the
Figure (Fig 4.4 level 2 DFD). These figures constitute the data flow representation in the
system.
Dfd-0 and 1
Figure 4.3 DFD Level 0 and 1 Diagram

Dfd-2 – 2
Figure 4.4 DFD Level 2

4.2.4 Use Case Diagrams
Use case diagram is the primary form of system/software requirements for a new software
program underdeveloped. Use cases specify the expected behavior , and not the exact method
of making it happen . Use cases once specified can be denoted both textual and visual
representation. A key concept of use case modeling is that it helps us design a system from
the end user's perspective. In figure 4.5 it shows use case based on the staffs.
Figure 4.5 Use Case Diagram of OMS

4.3 Web page specification
4.3.1 Data fields validation

1. User Login
I. Checks if the username or password is empty or both fields are empty, then the
error message displays “Fields can’t be empty”.
II. Checks if the input is valid then only it lets users to login into the website.
2. User Registration form
I. Checks if the fields are empty, then the error message displays “Fields can’t be empty”.
II. Checks if the username and email ID is already taken or not.
Password should be given properly otherwise it won’t accept password input.
3. User Details update
I. Email can be updated here if it’s in the valid format.
II. User can reset his password if he correctly enters his current password and the new
password also should be given properly.
4. Feedback
I. Users can’t submit an empty feedback form. If he tries to do it, the prompt keeps
reloading again and again until he clicks on the cancel button.
4.3.4 Animations in web pages

● Displays or adjusts the page while resizing the browser.
● highlights the grounds

4.4 User Interface Design
Figure 4.6 Home Page
Figure 4.7 Sign-in Page

Figure 4.8 Search Page
Figure 4.9 ID page

Figure 4.10 Adopter Page
Figure 4.11 About Us Page

5. IMPLEMENTATION
5.1 Source Code
Index.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Unicare </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<link
href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800&di
splay=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-

awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">

<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">

<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">

<link rel="stylesheet" href="css/style.css">
<style> .dropbtn {
background-color: #3498DB;
color: white;
padding: 14px;
font-size: 14px;
border: none;
cursor: pointer;
border-radius: 30px
}
.dropbtn:hover, .dropbtn:focus {
background-color: #2980B9;
}

.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown a:hover {background-color: #ff4000;}
.show {display: block;}</style>

</head>
<body>
<div class="wrap">
<div class="container">
<div class="row">
<div class="col-md-6 d-flex align-items-center">
<p class="mb-0 phone pl-md-2">
<a href="#" class="mr-2"><span class="fa fa-
phone mr-1"></span> </a>
<a href="#"><span class="fa fa-paper-plane mr-
1"></span></a>
</p>
</div>
<div class="col-md-6 d-flex justify-content-md-end">
<div class="social-media">
<p class="mb-0 d-flex">
<a href="#" class="d-flex align-items-
center justify-content-center"><span class="fa fa-facebook"><i class="sr-
only">Facebook</i></span></a>
center justify-content-center"><span class="fa fa-twitter"><i class="sr-
only">Twitter</i></span></a>


center justify-content-center"><span class="fa fa-instagram"><i class="sr-
only">Instagram</i></span></a>
</p>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-
light" id="ftco-navbar">
<a class="navbar-brand" href="index.html">Yourcare</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle
navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">

<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a href="search_orphanages.php" class="nav-
link">Search</a></li>
<li class="nav-item active"><a href="index.html"
class="nav-link">Home</a></li>
<li class="nav-item"><a href="about.html" class="nav-
link">About</a></li>
<li class="nav-item"><a href="donation.html" class="nav-

link">Donation</a></li>
<li class="nav-item"><a href="loginstaff.php" class="nav-link">staff</a></li>
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Login</button>
<div id="myDropdown" class="dropdown-content">
<a href ="login.php">user</a>
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it

window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
</div>
</div>

</ul>
</div>
</div>
</nav>

<section class="hero-wrap js-fullheight">

<div class="home-slider js-fullheight owl-carousel">
<div class="slider-item js-fullheight" style="background-
image:url(images/bg_1.jpg);">
<div class="overlay-1"></div><div class="overlay-
2"></div><div class="overlay-3"></div><div class="overlay-4"></div>
<div class="row no-gutters slider-text js-fullheight
align-items-center">
<div class="col-md-10 col-lg-7 ftco-animate">
<div class="text w-100">
<h2>Help the poor in need</h2>
<h1 class="mb-3">Lend the
helping hand get involved</h1>
<div class="d-flex meta">
</div>
<span
class="fa fa-play"></span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

<h2>Raising Hope</h2>
<h1 class="mb-3">Discover
Non-Profit Charity Platform</h1>
<div class=""><p
class="mb-0"><a href="#" class="btn btn-secondary py-3 px-2 px-md-4">Become A
Volunteer</a></p></div>
<a href="#" class="d-flex
align-items-center button-link">
<div
class="button-video d-flex align-items-center justify-content-center">
<span
</div>
<span>Watch our
video</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

<h2>Raising Hope</h2>
<h1 class="mb-3">Giving Hope
to the Homeless People</h1>

<div class=""><p
class="mb-0"><a href="#" class="btn btn-secondary py-3 px-2 px-md-4">Become A
Volunteer</a></p></div>
<a href="#" class="d-flex
align-items-center button-link">
<div
class="button-video d-flex align-items-center justify-content-center">
<span
</div>
<span>Watch our
video</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="col-md-7 wrap-about py-5">

<div class="heading-section pr-md-5 pt-md-5">
<span class="subheading">Welcome to
Orphanage Management</span>
<h2 class="mb-4">We are here to help everyone
in need</h2>
<p>On her way she met a copy. The copy
warned the Little Blind Text, that where it came from it would have been rewritten a
thousand times and everything that was left from its origin would be the word "and" and the
Little Blind Text should turn around and return to its own, safe country. But nothing the copy
said could convince her and so it didn’t take long until a few insidious Copy Writers
ambushed her, made her drunk with Longe and Parole and dragged her into their agency,
where they abused her for their.</p>
</div>
<div class="row my-md-5">
<div class="col-md-6 d-flex counter-wrap">
<div class="block-18 d-flex">
<div class="icon d-flex align-
items-center justify-content-center">
<span class="flaticon-
volunteer"></span>
</div>
<div class="desc">
<div class="text">
<strong
class="number" data-number="50">0</strong>
</div>
<div class="text">
<span>Volunteers</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 d-flex counter-wrap">
<div class="block-18 d-flex">
<div class="icon d-flex align-
items-center justify-content-center">
piggy-bank"></span>
</div>
<div class="desc">
<div class="text">
<strong
class="number" data-number="24400">0</strong>
</div>
<div class="text">
<span>Trusted
Funds</span>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="ftco-section ftco-no-pt ftco-no-pb">

<div class="row no-gutters">
<div class="col-md-3 d-flex align-items-stretch">
<div class="services">
<div class="text text-center bg-secondary">
<h3>Become a <br>Volunteer</h3>
<p>But nothing the copy said could
convince her and so it didn’t take long until a few</p>
</div>
<div class="img border-2" style="background-
image: url(images/services-1.jpg);">
<div class="icon d-flex align-items-
center justify-content-center">
volunteer"></span>
</div>
</div>
</div>
</div>
<div class="text text-center bg-tertiary">
<h3>Quick <br>Fundraising</h3>
</div>
<span class="flaticon-piggy-
bank"></span>
</div>
</div>
</div>
</div>
<div class="text text-center bg-primary">
<h3>Start <br>Donating</h3>
</div>
donation"></span>
</div>
</div>
</div>
</div>
<div class="text text-center bg-quarternary">
<h3>Get <br>Involved</h3>
</div>

ecological"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-counter" id="section-counter">

<div class="row">
<div class="col-md-3 mb-5 mb-md-0 text-center text-md-left">
<h2 class="font-weight-bold" style="color: #fff; font-
size: 22px;">We're on a mission to help all your problems</h2>
<a href="#" class="btn btn-white btn-outline-
white">Donate Now</a>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-6 col-lg-3 d-flex justify-
content-center counter-wrap ftco-animate">
<div class="block-18 text-center">
<div class="text">
<strong class="number"
data-number="88984">0</strong>
</div>
<div class="text">
<span>Donation
Campaigns are running</span>
</div>
</div>
</div>
<div class="text">
</div>
<div class="text">
<span>Professional and
kind volunteers</span>
</div>
</div>
</div>


<div class="text">
</div>
<div class="text">
<span>Funds we raised
till now on site</span>
</div>
</div>
</div>
<div class="text">
</div>
<div class="text">
<span>Dedicated
Donors</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section testimony-section">

<div class="overlay"></div>
<div class="row justify-content-center pb-5">
<div class="col-md-7 heading-section heading-section-white
text-center ftco-animate">
<span class="subheading">Testimony</span>
<h2>Happy Clients & Feedbacks</h2>
</div>
</div>
<div class="row ftco-animate">
<div class="col-md-12">
<div class="carousel-testimony owl-carousel">
<div class="item">
<div class="testimony-wrap d-flex">
<div class="user-img"
style="background-image: url(images/person_1.jpg)">
</div>
<div class="text pl-4">

<span class="quote d-flex
align-items-center justify-content-center">
<i class="fa fa-
quote-left"></i>
</span>
<p class="rate">
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
</p>
<p>Far far away, behind
the word mountains, far from the countries Vokalia</p>
<p class="name">Racky
Henderson</p>
<span
class="position">Father</span>
</div>
</div>
</div>
<div class="item">
</div>
<i class="fa fa-
quote-left"></i>
</span>
<p class="rate">
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
</p>

<p class="name">Henry
Dee</p>
<span
class="position">Businesswoman</span>
</div>
</div>
</div>
<div class="item">
</div>
<i class="fa fa-
quote-left"></i>
</span>
<p class="rate">
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
</p>
<p class="name">Mark
Huff</p>
<span
</div>
</div>
</div>
<div class="item">
</div>

<i class="fa fa-

quote-left"></i>
</span>
<p class="rate">
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
</p>
<p class="name">Benjie
Busk Jr.</p>
<span
</div>
</div>
</div>
<div class="item">
</div>
<i class="fa fa-
quote-left"></i>
</span>
<p class="rate">
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
<span class="fa
fa-star"></span>
</p>

<p class="name">Ken
Bosh</p>
<span
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-no-pt">

<div class="row justify-content-center pb-5 mb-3">
<div class="col-md-7 heading-section text-center ftco-
animate">
<span class="subheading">Volunteer</span>
<h2>Our Expert Volunteer</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="volunteer">
<div class="img" style="background-image:
url(images/team-1.jpg);"></div>
<div class="text text-1">
<h3>Alex Martin</h3>
<span>Volunteer</span>
</div>
</div>
</div>
<h3>Cedrick Brown</h3>
</div>
</div>
</div>

<h3>John Wick</h3>
</div>
</div>
</div>
<h3>Max Love</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-hireme bg-secondary">

<div class="row justify-content-between">
<div class="col-md-8 col-lg-8 d-flex align-items-center">
<div class="w-100">
<h2>Best Way to Make a Difference in the
Lives of Others</h2>
</div>
</div>
<div class="col-md-4 col-lg-4 d-flex align-items-center justify-
content-end">
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="row">
<div class="col-md-6 col-lg-3 mb-4 mb-md-0">
<h2 class="footer-heading">Orphanage
Management</h2>
<p></p>
<ul class="ftco-footer-social p-0">
<li class="ftco-animate"><a href="#" data-
toggle="tooltip" data-placement="top" title="Twitter"><span class="fa fa-
twitter"></span></a></li>


toggle="tooltip" data-placement="top" title="Facebook"><span class="fa fa-
facebook"></span></a></li>
toggle="tooltip" data-placement="top" title="Instagram"><span class="fa fa-
instagram"></span></a></li>
</ul>
<p><a href="#" class="btn btn-quarternary">Donate
Now</a></p>
</div>
<div class="col-md-6 col-lg-3 pl-lg-5 mb-4 mb-md-0">

<h2 class="footer-heading">Quick Links</h2>
<ul class="list-unstyled">
<li><a href="#" class="py-2 d-
block">Home</a></li>
block">About</a></li>

block">Branch</a></li>
block">Login</a></li>
</ul>
</div>
<h2 class="footer-heading">Have any Questions?</h2>
<div class="block-23 mb-3">
<ul>
<li><span class="icon fa fa-
map"></span><span class="text">CHRIST UNIVERSITY BENGALURU</span></li>
<li><a href="#"><span class="icon fa
fa-phone"></span><span class="text">+91 1234567890 </span></a></li>
<li><a href="#"><span class="icon fa
fa-paper-plane"></span><span class="text"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-md-12 text-center">
<p class="copyright">
©<script></script> <i class="fa fa-heart"
aria-hidden="true"></i> <a href="https://colorlib.com" target="_blank"></a>
</p>
</div>
</div>
</div>
</footer>


<div id="ftco-loader" class="show fullscreen"><svg class="circular"
width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none"
stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22"
fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.timepicker.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiUL
gl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Login
<?php
include 'includes/config.php';
session_start();
if (isset($_POST['login'])) {
$Username=$_POST['username'];
$password = $_POST['password'];
$loginQuery = "SELECT * FROM users WHERE Username='$Username' AND

password='$password'";
$search = $con->query($loginQuery);
$result=mysqli_fetch_assoc($search);
$userID=$result['ID'];
// echo $userID;
if(mysqli_num_rows($search) == 1) {
$_SESSION['user2LoggedIn'] = $userID;
header("Location: search_orphanages.php");
}
else
{
// echo "<script> alert('Username or Password is Incorrect'); </script>";
}
function getInputValue($name) {
if(isset($_POST[$name])) {
echo $_POST[$name];
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title> YOURCARE</title>
<link type="text/css" rel="stylesheet" href="loginstyle.css">
<script src="script.js"></script>
</head>
<body>
<header >
<img src="logo.jpg" class="mainIcon">
</header>
<div class="loginFormContainer">

<form class="loginForm" method="post" action="login.php" >
<h3>Login to your Account</h3> <br> <br>
<span id="errorMessage"></span> <br> <br>

<label for="username">Username :<sup>*</sup></label>
<input type="text" id="loginUsername" name="username" value="<?php
getInputValue('username') ?>" required>
<br> <br>
<label for="password">Password :<sup>*</sup></label>
<input type="password" id="loginPassword" name="password" required>
<br>
<input type="submit" class="btn" value="Login" name="login"><br><br>

<a href="register.php" style="color:black; text-decoration:none; padding-
top:20px; font-size:20px;">Create an account </a>
</form>
</div>
</body>
</html>
Search_orphanage
<?php
session_start();
if(isset($_SESSION['user2LoggedIn'])!=true)
{
echo "<script>alert('Please login again')</script>";
header("Location: login.php");
}
?>
<!DOCTYPE html>
<html>
<head>
<title> Search Demo</title>
<link href="demostyle.css" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Kufam&family=Montserrat:wght@500&dis
play=swap" rel="stylesheet">
</head>
<body>
<header >
<img src="logo.jpg" class="mainIcon">
</header>
<div class="login">
<?php
if (isset($_SESSION['user2LoggedIn']) == true) {
echo "<a href='logout.php'>Logout</a>";
} else {
echo "<a href='register.php'>Log In / Sign up</a>";
}
?>
<button type='button' class="back" value='Go back!'
onclick='history.back()'><i style="font-size:24px" class="fa"></i></button>
</div>
<div class="header">
<form method="post" action="orphanage_results.php">
<h1> Enter the place </h1>
<div class="form-box">
<input type ="text" name="searchbar" class="orphanage" placeholder="Enter
the orphanage "/>
<input type="submit" name="Submit" class="btn" value="Search"/>
</div>
</form>
</div>
</body>
</html>
Donation.html
<!doctype html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Donation Form Widget Responsive, Login form web
template,Flat Pricing tables,Flat Drop downs Sign up Web Templates, Flat Web Templates,
Login signup Responsive web template, Smartphone Compatible web template, free
webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() {
setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
</script>

<link href="css/styless.css" rel='stylesheet' type='text/css' media="all" />



<link
href='//fonts.googleapis.com/css?family=Cabin:400,400italic,500,500italic,600italic,600,700,
700italic' rel='stylesheet' type='text/css'>
</head>
<body>
<h1 class="header-agileits w3 w3l agile-info">Donate Here!</h1>
<div class="content-w3ls">
<div class="form-w3layouts">
<form action="#" method="post">
<div class="form-control">
<label class="header">Name <span>*</span> </label>
<input type="text" id="name" name="name"
placeholder="Your Name" title="Please enter your Full Name" required="">
<div class="clear"></div>
</div>
<label class="header">Email <span>*</span> </label>
<input type="email" id="email" name="email"
placeholder="Mail@example.com" title="Please enter a Valid Email Address" required="">
</div>
<label class="header">Address <span>*</span> </label>
<input type="text" id="bill" name="bill"
placeholder="Address" title="Please enter Your Address" required="">
</div>
<label class="header">Phone Number <span>*</span>
</label>
<input type="tel" id="usrtel" name="usrtel" placeholder="Your
Phone Number" title="Please enter Your Phone Number" required="">
</div>
<label class="header">Donation amount <span>*</span>
</label>
<input type="tel" id="usrtel" name="usrtel" placeholder=""
title="Please enter Your Amount" required="">
</div>
<label class="enquiry">Donation comments <span>*</span>
</label>
<textarea id="message" name="message" placeholder=""
title="Please enter Your Queries"></textarea>
</div>
<input type="submit" class="register" value="Donate">
</div>
</form>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>STAFF FORM</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta name="keywords" content=" volunteer enrollment form Widget a Flat Responsive
Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat
Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
<script type="application/x-javascript"> addEventListener("load", function() {
setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>

<link rel="stylesheet" href="css/styles.css" type="text/css" media="all" />
<link href="//fonts.googleapis.com/css?family=Heebo:300" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Exo" rel="stylesheet">
</head>
<body>
<section class="agile-volt">
<div class="agile-voltheader">
<h1>Staff <label>enrollment</label> form</h1>
</div>
<div class="agile-voltsub">
<h2>staff form</h2>
<form action="#" method="post">
<div class="agile-name">
<p>name</p>
<input type="text" name="username"
placeholder="enter a user name" required="" autofocus>
</div>
<div class="agile-email">
<p>email</p>
<input type="email" name="email"
placeholder="email address" required="">
</div>
<div class="agile-address">
<p>street address</p>
<input type="text" name="address"
placeholder="street address" required="" >
</div>
<div class="agile-city">
<p>city</p>
<input type="text" name="city"
placeholder="city" min="1" max="12"/>
</div>
<div class="agile-state">
<p>state</p>
<input type="text" name="username"
placeholder="state">
</div>
<div class="agile-pin">
<p>pincode</p>
<input type="tel" name="username"
placeholder="pin code" />
</div>
<div class="agile-country">
<p>country</p>
<select>
<option value="country">Please
Select</option>
<option
value="country">country</option>
<option
value="country">country</option>
</select>
</div>
<div class="agile-work">
<p>how many days of the week do you work</p>
<div class="agile-days">
<span class="Monday">
<input type="checkbox"
name="week" value="monday">monday<br>
</span>
<span class="Tuesday">
name="week" value="Tuesday">tuesday<br>
</span>
<span class="Wednesday">
name="week" value="Wednesday">wednesday<br>
</span>
<span class="Thursday">
name="week" value="thursday">thursday<br>
</span>
<span class="Friday">
name="week" value="friday">friday<br>
</span>
<span class="Saturday">
name="week" value="saturday">saturday<br>
</span>
<span class="Sunday">
name="week" value="sunday">sunday<br>
</span>
</div>
</div>
<div class="agile-week">
<p>how many hours do you work per day </p>
<div class="agile-from">
<p>from (morning)</p>
<input type="number" name="time"
min="1" max="12" placeholder="AM">
</div>
<div class="agile-to">
<p>to(Evening)</p>
<input type="number" name="time"
min="1" max="12" placeholder="PM">
</div>
</div>
<input type="submit" value="submit" />
</form>
</div>
</section>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />

</head>
<body>
<div id="wrapper1">
<div id="header-wrapper">
<div id="header" class="container">
<div id="logo"> <span class="icon icon-cogs"></span>
<h1><a href="#">ORPHAN MANAGEMENT</a></h1>
<span>IN MOVING <a href="http://templated.co"
rel="nofollow">TOWARDS HELPING THE NEEDY PERSON</a></span> </div>
<div id="menu">
<ul>
<li class="nav-item active"><a href="index.html" class="nav-

link">Home</a></li>
<li class="nav-item"><a href="staffsform.html"
class="nav-link">Staff</a></li>
<li class="nav-item"><a href="donation_form.html" class="nav-
</ul>
</div>
</div>
</div>
<div id="wrapper2">
<div id="welcome" class="container">
<div class="title">
<h2>Welcome to our Site</h2>
</div>
<p>This is <strong>ORPHAN MANAGEMENT
BRANCHES</strong> In Helping to find our addresses in various area <a
href="http://templated.co" rel="nofollow">Site</a>. Our focus over the years has moved from
Welfare to Development <a href="http://fotogrph.com/"> Our Society</a>Helping these

people <a href="http://templated.co/license">Creative Commons Attribution</a>HelpAge
advocates for their needs such as for Universal Pension, quality healthcare, action against Elder
Abuse and many more at a national, state and societal level with Central and State governments.
It advocates for elder friendly policies and their implementation thereof.</p>
</div>
</div>
<div id="wrapper3">
<div id="portfolio" class="container">
<div class="title">
<h2>VARIOUS BRANCHES</h2>
<span class="byline">Of our orphan society</span> </div>
<div class="column1">
<div class="box">
<span class="icon icon-wrench"></span>
<h3>Branch 1</h3>
<p> No. 3, Swami Vivekananda Rd, Sadanandanagar, Bennigana Halli,
Bengaluru, Karnataka 560016</p>
<a href="#" class="button button-small">Phone: 080672
18000</a> </div>
</div>
<div class="box">
<span class="icon icon-trophy"></span>
<h3>Branch 2</h3>
<p>KG Road, Near District Registrar Office Ambedkar
Veedhi, Sampangi Rama Nagara, Bengaluru, Karnataka 560009</p>
2221 1292</a></div>
</div>
<div class="box">
<span class="icon icon-key"></span>
<h3>Branch 3</h3>
<p>House No. 2, Metro Pillar 719, Street, Shiv Mandir
Marg, Phase 1A, Om Vihar, Uttam Nagar, Delhi, 110059</p>
88589 </a> </div>
</div>
<div class="box">
<span class="icon icon-lock"></span>
<h3>Branch 4</h3>
<p> E-16 Lower Ground Floor, South Extension I, New
Delhi, Delhi 110049</p>
4182 7775</a></div>
</div>
</div>
</div>
</div>
<div id="footer" class="container">
<div class="title">
<h2>Get in touch</h2>
<span class="byline">Orphanage Management Branch Details</span> </div>
<ul class="contact">
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="icon icon-facebook"><span></span></a></li>
<li><a href="#" class="icon icon-dribbble"><span>Pinterest</span></a></li>
<li><a href="#" class="icon icon-tumblr"><span>Google+</span></a></li>
<li><a href="#" class="icon icon-rss"><span>Pinterest</span></a></li>
</ul>
</div>
<div id="copyright" class="container">
<p>© Untitled. All rights reserved. | Photos by <a
href="http://fotogrph.com/">RAEY</a> | Design by <a href="http://templated.co"
rel="nofollow">Orphan Mangement System</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />

</head>
<body>
<div id="wrapper1">
<div id="header-wrapper">
<div id="header" class="container">
<div id="logo"> <span class="icon icon-cogs"></span>
<h1><a href="#">ORPHAN MANAGEMENT</a></h1>
<span>IN MOVING <a href="http://templated.co"
rel="nofollow">TOWARDS HELPING THE NEEDY PERSON</a></span> </div>
<div id="menu">
<ul>

<li class="nav-item active"><a href="index.html" class="nav-

link">Home</a></li>
<li class="nav-item"><a href="staffsform.html"
class="nav-link">Staff</a></li>
<li class="nav-item"><a href="donation_form.html" class="nav-
<li class="nav-item"><a href="staff.html" class="nav-link">Branches</a></li>
</ul>
</div>
</div>
</div>
<div id="wrapper2">
<div id="welcome" class="container">
<div class="title">
<h2>Welcome to our Site</h2>
</div>
<p>This is <strong>ORPHAN MANAGEMENT</strong>,designed
for a helping people <a href="http://templated.co" rel="nofollow">Site</a>. Our focus over
the years has moved from Welfare to Development <a href="http://fotogrph.com/"> Our
Society</a>Helping these people <a href="http://templated.co/license">Creative Commons
Attribution</a>HelpAge advocates for their needs such as for Universal Pension, quality
healthcare, action against Elder Abuse and many more at a national, state and societal level
with Central and State governments. It advocates for elder friendly policies and their
implementation thereof.And in the above donation link you can donate the money</p>
</div>
</div>
<div id="wrapper3">
<div id="portfolio" class="container">
<div class="title">
<h2>Orphanage Staff Donation</h2>
<span class="byline">Support the living expenses of an
orphan</span> </div>
<div class="box">
<span class="icon icon-wrench"></span>
<h3>Donation 1</h3>
<p>Feeding, dressing and keeping the children active within the homes.</p>
<a href="#" class="button button-small">1000-
5000</a> </div>
</div>
<div class="box">
<span class="icon icon-trophy"></span>
<h3>Donation 2</h3>

<p>Helping Students pursing their carrer in education

field</p>
<a href="#" class="button button-small">5000-
10000</a></div>
</div>
<div class="box">
<span class="icon icon-key"></span>
<h3>Orphanage Staff Program Criteria 3</h3>
<p>For the Assists in the office of the orphanage to make
them more organized and run in a more efficient manner in order to help all the people .</p>
<a href="#" class="button button-small">3000-5000 per
month </a> </div>
</div>
<div class="box">
<span class="icon icon-lock"></span>
<h3>Donation 4</h3>
<p>In helping out old person who is having or facing
medical problems are there and helping to give treatment for there diseases</p>
<a href="#" class="button button-small">5000-15000
per person</a></div>
</div>
</div>
</div>
</div>
<div id="footer" class="container">
<div class="title">
<h2>Get in touch</h2>
<span class="byline">Orphanage Management Donation Details</span>
</div>
<ul class="contact">
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="icon icon-facebook"><span></span></a></li>
<li><a href="#" class="icon icon-dribbble"><span>Pinterest</span></a></li>
<li><a href="#" class="icon icon-tumblr"><span>Google+</span></a></li>
<li><a href="#" class="icon icon-rss"><span>Pinterest</span></a></li>
</ul>
</div>
<div id="copyright" class="container">
<p>© Untitled. All rights reserved. | Photos by <a
href="http://fotogrph.com/">RAEY</a> | Design by <a href="http://templated.co"
rel="nofollow">Orphan Mangement System</a>.</p>
</div>
</body>
</html>

Branch
<!DOCTYPE html>
<html lang="en">
<head>
<title>Orphanage</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link
href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800&di
splay=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-

awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">

<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">

<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">

<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrap">
<div class="row">
<div class="col-md-6 d-flex align-items-center">
<p class="mb-0 phone pl-md-2">
<a href="#" class="mr-2"><span class="fa fa-phone mr-1"></span> +91 1234567890</a>
<a href="#"><span class="fa fa-paper-plane mr-1"></span> abc@email.com</a>
</p>
</div>
<div class="col-md-6 d-flex justify-content-md-end">
<div class="social-media">
<p class="mb-0 d-flex">
<a href="#" class="d-flex align-items-center justify-content-center"><span class="fa fa-
facebook"><i class="sr-only">Facebook</i></span></a>
twitter"><i class="sr-only">Twitter</i></span></a>
instagram"><i class="sr-only">Instagram</i></span></a>


dribbble"><i class="sr-only">Dribbble</i></span></a>
</p>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light"
id="ftco-navbar">
<a class="navbar-brand" href="index.html">ORPHANAGE MANAGEMENT</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-
nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">

<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item active"><a href="volunteer.html" class="nav-
link">Volunteer</a></li>
<li class="nav-item"><a href="#" class="nav-link">Branch</a></li>
<li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
<li class="nav-item"><a href="#" class="nav-link">Login</a></li>
<li class="nav-item cta"><a href="#" class="nav-link">Donate</a></li>
</ul>
</div>
</div>
</nav>

<section class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_2.jpg');"

data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="row no-gutters slider-text align-items-end">
<div class="col-md-9 ftco-animate pb-5">
<p class="breadcrumbs mb-2"><span class="mr-2"><a href="index.html">Home <i
class="ion-ios-arrow-forward"></i></a></span> <span>Volunteer <i class="ion-ios-arrow-
forward"></i></span></p>
<h1 class="mb-0 bread">Volunteer</h1>
</div>
</div>
</div>
</section>
<section class="ftco-section">
<div class="row justify-content-center pb-5 mb-3">

<div class="col-md-7 heading-section text-center ftco-animate">
<span class="subheading">Volunteer</span>
<h2>Our Expert Volunteer</h2>
</div>
</div>
<div class="row">
<div class="img" style="background-image: url(images/team-1.jpg);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<h3>John Wick</h3>
</div>
</div>
</div>
<h3>Max Love</h3>
</div>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<h3>John Wick</h3>
</div>
</div>
</div>
<h3>Max Love</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-hireme bg-secondary">

<div class="row justify-content-between">
<div class="col-md-8 col-lg-8 d-flex align-items-center">
<div class="w-100">
<h2>Best Way to Make a Difference in the Lives of Others</h2>
</div>
</div>
<div class="col-md-4 col-lg-4 d-flex align-items-center justify-content-end">
<p class="mb-0"><a href="#" class="btn btn-primary py-3 px-4">Become A
Volunteer</a></p>
</div>
</div>
</div>
</section>

<footer class="footer">
<div class="row">
<h2 class="footer-heading">Orphanage Management</h2>
<p></p>
<ul class="ftco-footer-social p-0">
<li class="ftco-animate"><a href="#" data-toggle="tooltip" data-placement="top"
title="Twitter"><span class="fa fa-twitter"></span></a></li>
title="Facebook"><span class="fa fa-facebook"></span></a></li>
title="Instagram"><span class="fa fa-instagram"></span></a></li>
</ul>
<p><a href="#" class="btn btn-quarternary">Donate Now</a></p>
</div>
<h2 class="footer-heading">Latest News</h2>
<div class="block-21 mb-4 d-flex">
<a class="img mr-4 rounded" style="background-image: url(images/image_1.jpg);"></a>
<div class="text">
<h3 class="heading"><a href="#">Even the all-powerful Pointing has no control
about</a></h3>
<div class="meta">
<div><a href="#">Jul 20, 2020</a></div>
<div><a href="#">Admin</a></div>
<div><a href="#">19</a></div>
</div>
</div>
</div>
<div class="block-21 mb-4 d-flex">
<a class="img mr-4 rounded" style="background-image: url(images/image_2.jpg);"></a>
<div class="text">
<h3 class="heading"><a href="#">Even the all-powerful Pointing has no control
about</a></h3>
<div class="meta">
<div><a href="#">Jul 20, 2020</a></div>
<div><a href="#">Admin</a></div>
<div><a href="#">19</a></div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 pl-lg-5 mb-4 mb-md-0">
<h2 class="footer-heading">Quick Links</h2>
<ul class="list-unstyled">
<li><a href="#" class="py-2 d-block">Home</a></li>
<li><a href="#" class="py-2 d-block">About</a></li>
<li><a href="#" class="py-2 d-block">Volunteer</a></li>
<li><a href="#" class="py-2 d-block">Branch</a></li>

<li><a href="#" class="py-2 d-block">Contact</a></li>
<li><a href="#" class="py-2 d-block">Login</a></li>
</ul>
</div>
<h2 class="footer-heading">Have any Questions?</h2>
<div class="block-23 mb-3">
<ul>
<li><span class="icon fa fa-map"></span><span class="text">CHRIST UNIVERSITY
BENGALURU</span></li>
<li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+91
1234567890</span></a></li>
<li><a href="#"><span class="icon fa fa-paper-plane"></span><span
class="text">abc@gmail.com</span></a></li>
</ul>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-md-12 text-center">
<p class="copyright">
© <i class="fa fa-heart" aria-hidden="true"></i> <a href="https://colorlib.com"
target="_blank"></a>


<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px"
height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4"
stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4"
stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.timepicker.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiUL
gl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>

5.2 Screenshots
Figure 5.1 Home page
Figure 5.2 Staff

Figure 5.3 User sign In
Figure 5.4 Registration form

Figure 5.5 Search page

Figure 5.6 Orphans details

Figure 5.7 Orphanage details form

6. TESTING
6.1 Test Reports
The main motive of our project is giving a provision for browsing all the orphanages around
the world , get to know about different orphan details and if interested the person can proceed
with the adoption process. Instead of going out and visiting each orphanage, the user has the
provision of browsing the orphanage he or she wants, also get to know the details of different
orphans.
If the user is interested to become an adopter then he or she can submit the documents by filling
the form, in order to avoid the tiring job of manual document submission easing the life of
common person. There is also provision for donation where user can donate any desired amount
as charity or for a particular program.Also different orphanages will have different staffs to
manage the information of the orphans of a corresponding orphanage. Staffs will be able to
add, update and delete orphan information.
Software testing is an activity performed to check whether the actual results match the
expected results and to ensure that the system is defect free. We have used both functional as
well as non-functional testing methods for our project. Given below is a list of various testing
carried out and a table of test cases illustrating the same.
Functional testing:
● System testing - 3, 8, 12, 13, 16, 17
● Unit testing - 1, 3, 4, 5, 6, 8, 9, 10, 13, 14, 16, 17, 18
● Integration testing - 7, 11, 12, 15, 18
● Black box testing - 4, 5, 9, 14
● Smoke testing - almost all test cases
Non-Functional testing:
● Installation testing - 2
● Availability testing – 2
Table 6.1 Test Cases

Test Test Case Test Case Steps Expected Result Actual Result Test
Case Descriptio Pass/Fail
No n
1 Navbar/Men Visit the website and Clicking on logo Pages open up when Pass
u click on the logo and should redirect to their respective links
all the links on the the homepage and are clicked on the
navigation bar clicking on all the navbar
links should redirect
to their respective
pages

2 Responsive Navigate through the Website is Website is responsive, Pass

ness of the website on different responsive, its appearance changes
website devices (laptop, appearance of dynamically in
tablet, phones) or components in it screens with different
just expand and changes sizes, has desirable
contract the window- dynamically in look
size of the website screens with
different sizes, has
desirable look
3 Login page Click on the Login Username, All the mentioned Pass
button on the navbar password fields and components are
and go to the Login login, signup loaded successfully.
page. buttons are loaded
successfully.
4 Empty Go to the login page Error message It should popup a Pass

inputs in and click on the showing “All fields message showing the
login page login button without are required is fields are
inputting data in any displayed”
or the required
fields.
5 Incorrect Insert Error message Incorrect credentials Pass

inputs on incorrect/invalid displaying incorrect message is displayed
login page data in username or credentials.
password or both
and click on the
login button
6 Correct Insert correct/valid The user should be User is redirected to Pass

inputs on data in username or redirected to the home page.
login page password or both homepage if logged
and click on the in from the login
login button link.
7 Clickable In the login page, The user should be The user is redirected Pass
signup click on the signup redirected to the to the signup page
button on button. signup page
login page
8 Signup page Click on the signup Username, email All the signup Pass
button in the login address, password, components are
page and go to the confirm password loaded successfully
signup page fields and signup
button should be
loaded successfully.

9 Empty Click on the signup Error message of Missing required Pass

inputs in button without missing required input error message is
signup page inputting data in the credentials should displayed
required fields. be displayed
10 Signing up Insert used Email ID Error message of Email ID already Pass

of an and click on the email ID already taken is displayed.
existing signup button taken should be
displayed.
Email ID.
11 Redirect to Insert registration After signing up, After signing up, user Pass
login page details in the given user should be is redirected back to
after signing fields and click on redirected back to the login page and is
the signup button the login page and able to login with his
up
should be able to credentials
login with his Id
12 Logout Log out of the User should be User is redirected to Pass

account by clicking redirected to the the homepage
on the logout link on homepage
the navbar
13 Search page Search for the If the orphanage If such an orphanage Pass
of orphanage name doesn’t exist it must does not exist then it
orphanage which is not existing show an error will display message
in the database. message “Orphanage not
found”
14 Empty Without inputting It should give an It will show all the

inputs in data in the search bar error message. orphanages from the
search bar. press enter database.
15 Search page Click the search It should display all It displays all the Pass
of orphans. orphans’ button for a the orphans of the orphans of the
particular orphanage. corresponding corresponding
orphanage. orphanage.
16 Adopter Click on the adopt Request all It redirects to a form Pass

option child option given in necessary requesting user to
the orphan information from upload a ID proof as
information. user in order to well as some
become an adopter. necessary information
to become an adopter.
17 Staff login Fill the incorrect It should cause an Incorrect credentials Pass
page. details and click the error message to message pop ups.
login button. popup asking to
enter correct
credentials .

18 Staff panel. Click on the login Redirects to staff When the user login
button after entering control panel. as staff then it will Pass
correct details. redirect to staff
interface.

7. CONCLUSION
7.1 Advantages
⚫ users can login and search for different orphanages worldwide also users can view different
orphans belonging to particular orphanage and their corresponding details.
⚫ There is facility for adopting orphans of corresponding orphanage for that user have to
login with their ID and password.
⚫ Staff have separate control panel which allows them to carry out tasks like adding orphans
of the orphanage, viewing adopter requests, viewing the adopter list and so on.
⚫ here is also a provision for document submission online, so that users don’t have to go the
orphanage and submit all the documents manually since the document submission is made
online
7.2 Limitations
⚫ The project is limited only to browsers.

⚫ You have to login when you have to search the details about orphans and orphanage.
⚫ Unforeseen copyright infringement problems.
7.3 Future Enhancement

⚫ Add to education system: The orphans can learn social activities from online courses.
⚫ Provide intimates social activities through the internet.
⚫ Duplicate entries: Handle the recording of entries with similar primary keys better.
⚫ Provide validation of adopter details like income earned and job details.
⚫ Connecting orphans of an orphanage through video call.

REFERENCES
• https://www.orphansinneed.org.uk/what-we-do/orphan-village/
• https://indianorphanage.com/
• https://www.giveindia.org/nonprofit/helpage

Orphanage Management System

Uploaded by

Document Informationclick to expand document information

Document Informationclick to expand document information

Copyright:

Available Formats

Orphanage Management System

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Orphanage Management System

Uploaded by

Copyright:

Available Formats

ORPHANAGE MANAGEMENT SYSTEM

Under the guidance of

RDBMS project report submitted in partial fulfillment of the

Head of the Department Project Guide

1. Register Number : 1947207

Examination Centre : CHRIST(Deemed to

1.1Overview of the System 1

4.3 Web page specification 16

Table No Title Page No

4.1 User Table 15

4.2 Adopter Table 16

6.1 Test Case 47

S.No Abbreviation Meaning

Fig No. Title Page No.

1.1 Overview of the System

Department of Computer Science, CHRIST(Deemed to be University)

Department of Computer Science, CHRIST(Deemed to be University)

2.2 Proposed System

2.3 Software Tools Used

● Brackets and server

Department of Computer Science, CHRIST(Deemed to be University)

3.2 Functional Requirements

3.3 Hardware Requirements

● Processor: Any Intel or AMD processor with clock speed of 2.00GHz

● Hard Disk: 1TB

● Primary Memory: 4GB and above

3.4 Ssoftware Requirements

● Operating System: Windows 10 or Linux or any operating system capable of running

● Front end: HTML, CSS, Bootstrap, JavaScript

● Code Editor: Brackets

● Back end: MySQL / PHP

Department of Computer Science, CHRIST(Deemed to be University)

● Browser: Google Chrome or any latest browser

Department of Computer Science, CHRIST(Deemed to be University)

Figure 4.1 Architectural Diagram

Department of Computer Science, CHRIST(Deemed to be University)

4.2 Database Design

4.2.1 Table Design

Table 4.1: User Table

Column DataType Constrains

User_id int Primary Key

Firstname varchar Not Null

Lastname varchar Not Null

Username varchar Not Null

password varchar Not Null

DOB varchar Not Null

Occupation varchar Not Null

Workplace varchar Not Null

State varchar Not Null

Country varchar Not Null

Address varchar Not Null

Email varchar Not Null

Phone int Not Null

Profile_pic varchar Not Null

Department of Computer Science, CHRIST(Deemed to be University)

Table 4.2: Orphans

Column DataType Constrains