Chapter 1

Project Context
Barangay

is

the

little

regulatory

division

in

the

Philippines and is the native Filipino expression for a town or

locale.

Barangay

are

further

subdivided

into

smaller

ranges

called Puroks . A barangay is driven and represented by its

barangay authorities. It is made out of a Punong Barangay, on the
other

hand

Barangay

Captain/Chairman,

seven

(7)

Barangay

Councilors or Barangay Kagawad besides, a Sangguniaang Kabataan

Administrator.
Together with this, is the Barangay Secretary and a living
maternity specialist or a specialist that oversees and regulate
the barangay health center. Barangay Panipuan is one of the 35
barangay of San Fernando Pampanga with 6,665 population according
on the Census dated 2015.
The Barangay is responsible for monitoring records. These
records are imperative for the residents living in the barangay
for various purposes.
A record is an archive that gives target proof of exercises
performed,

occasions

articulations

made.

happened,

Meanwhile,

results

recording

is

accomplished,
the

procedure

or
of

capturing information or making an interpretation of data to a

recording group put away on some storage medium.

These may

verify a residents ownership and land titles. While these can

also serve a documented profile for a certain resident.
By

managing

these

greater

progress

to

records

Barangay

efficiently,

Panipuan.

it

Having

may

lead

these

to

records

stored virtually through storage medium that may have an infinite

capacity can be a faade to giving better insights about the
barangay to the public, in which case, a website, an arrangement
of interconnected site pages, arranged and kept up as a gathering
of information.
It
political

contains

historical

information,

backgrounds,

barangay

geographical

services,

and

maps,

multimedia,

showcasing what the barangay has to offer to its residents.

The framework that the barangay is being utilized is the
manual based process provides for its constituents. They manually
handle documents and data they get. For cases, in getting the
barangay
tranceipt

clearance
form

and

asking

Indigence
for

the

Certificate,

clearance

or

they

issue

Indigence.

Same

through with the storing of the records, they utilized envelopes

to store the documents. The association experienced hard and long
system in getting to the records they have when it is required
and the repetition of the records.

The

proponents

Information

Management

will

develop

System

an

that

will

Electronic
help

the

Barangay
barangay

officials, staffs and the general population of the place. The

proposed system will lessen the hard and long time technique of
getting the documents and records they keep and store.
The framework aims in keeping up, seeking and storing of
records of all constituent in the barangay. This will help the
worker for having a simple time on getting to documents and
records they require.
A modernized framework is thought to be more proficient and
compelling than a manual system. Also, a misuse of information is
not likely to happen. It makes work quicker and can backup,
store,

and

restore

information

effortlessly.

Practically,

organizations and associations utilize the said framework.

Company Profile
Barangay Panipuan is more or less than 14 kilometers away
from the town proper of San Fernando. It is bounded in the north
of Angeles City, Town of Mexico in the east, Baliti in the south,
and Malino in the west. Barangay Panipuan covers a territory of
257.8201

hectares.

Approximately

80%

of

its

total

area

are

residential, 10% are agricultural, and the remaining 10% are

government-owned, roads, educational, recreational, and religious
structures.
Barangay Panipuan has seven puroks, two subdivisions, and
one small barangay. All major roads, except Purok 7 and Brgy.
Ginebra are Cemented. The name Panipuan was derived from a tree.
The whole land area of Panipuan used to be a small forest with
different kinds of trees.

Objectives of the study

The study generally aims to develop an Electronic Barangay
Information Management System for Barangay Panipuan to help the
barangay officials, staffs, constituents, and the residents of
Panipuan, in the daily operations by saving more time and to make
the work easier and faster.

Specifically, the study aims to;

1. Identify the existing process in managing files and services of
the barangay.
2. Determine the problem in using the existing process.
3. To idintify its feature.
4. Test the capability of the proposed system.

Significance of the study

The proposed study is beneficial to the barangay official
and staffs, constituents, residents of Barangay Panipuan, and the
proponents.
To the Barangay Officials and Staffs. The proposed system
will help the barangay officials and staffs to have secured
records. And also, it is helpful because it will lessen the time
consume in every transactions of the barangay.
To the Constituents. The constituents will no longer consume
a lot of time in just waiting the process of the certificates.
The system can release a certificates significantly, which has
the

effect

of

improving

efficiency

and

quicker

reports

for

barangay.

To the Proponents. The proposed study will help the current

proponents broaden the knowledge in terms of analyzing specific

problems of a barangay system. It will also give the proponents

more experience on how to design a framework for a system that
will be very essential when they aim for a job.

Scope and Limitation

After several interviews and perceptions, the proponents
have

come

to

identify

how

to

amplify

the

capability

of

the

organization to the daily process of the barangay services. In

general, the focus of this study is coordinated towards the
outline and development of the Electronic Barangay Information
Management

System.

Electronic

Barangay

Information

Management

System is an online based system that can release a computerized

barangay

clearance

and

Indigence

certificates

and

can

hold

blotter report. This study will limits its coverage on Barangay

Panipuan only. It can search, add, delete and update record. It
can also shows some barangay information. The proponents will be
using php, bootstrap and html in developing the proposed system.
The

proposed

system

will

not

cover

other

programming

language. Only the barangay staffs and officials can access the
system. It will not include other services of barangay such as
the transaction of each constituents in barangay health center
and barangay Day Care Center. The system will not run without an
internet. Only certain features are available for specific level

of

access.

The

users

need

an

account

to

make

the

dashboard

accessible.

Chapter 2
REVIEW OF RELATED SYSTEM
This chapter includes the related systems reviewed by the
developers internationally, nationally, and locally.
Existing process used in web-based information systems
International
75 Health. is a tradition of simulated and simplified working
with intelligent systems that help doctors work efficiently and
enhance

patient

considered

the

care.
best

Electronic

due

to

its

Health
ability

Record
to

Software

eliminate

is

manual

errors, easily access and view lab results and patient records,
print medical records and prescriptions and even has a provision
of storing backup data upon provider's request.
Sentrifugo. is a system that can configure and manage fullfeatured flexible solutions that are unique to the organization.
Publishes

comprehensive

series

of

analytics

that

represent

broad range of features graphically pertaining to key activities

in the system and define long term and short term goals to set
the course for the organization.
California City Government Website. is a web-based information
system

that

businesses,

presents

its

governments,

citys

city

departments,

connections,

communities,

and

developmental

acts. It also posts news, updates, and upcoming events within the
city proper.
SimpleHRM.

is

an

affordable,

management

solution

for

SMEs.

intuitive

interface

for

HR

including

employee

management,

open
It

source

provides

departments,
leave

human

resource

an

easy

to

with

many

features

management,

use,

benefits,

reminders and more. Companies can benefit from the flexibility of

SimpleHRM to track their employees without using pen, paper or
(worse) a spreadsheet.
WaypointHR.

is

system

that

maintain

detailed

records

of

essential employee information in a secure, easy to use database.

Record a full history of employees job roles and their terms and
conditions of employment. Manage employees with flexible groups
for analysis and reporting.
National
Barangay Daliao Toril Website. is a web-based information system
that

presents

the

Barangay

Daliaos

overview,

news,

announcements,

projects,

services

offered,

gallery,

map,

and

contact details.
Lexsystechs E-Barangay Government Application System. provides a
database and statistical analysis of the present profile of each
barangay to determine its minimum basic needs and services to the
constituents of an LGU. Aligned with this barangay information
system is the provision of projects to meet the minimum basic
needs of each barangay. Secondary concern is to have an updated
database

of

all

barangay

data

and

concerns

and

upgrade

its

internal operation systems for an effective delivery of basic

services and betterment of all barangays and welfare of the
people of an LGU.
Techdynamics E-Gym Dashboard System. is a dashboard of a system
that helps a user to access a variety of features. A user can
view, create, and modify information in the process. It presents
the gyms current state, new registrations, payments, members,
plans, overviews, and alerts.
City

of

Davaos

information

Barangay

system

that

Pampanga
presents

Website.
the

is

Barangay

web-based

Pampangas,

history, officials, committees, residents, news, announcements,

projects, services offered, gallery, map, and contact details.

Marvelsoft School Admins Student Information Module. is a module

that helps Schools to manage all the details associated with the
student such has student admission details, student's academic
details such as Attendance, Marks Grades, Fee's Details etc., It
provides

unified

view

of

Students

Academic

and

Financial

information to the Class Teacher or the Principal to have clear

understanding of the students progress in a given academic year.
Local
Prime Asia Hotel Website. is a simple website to utilize game
plan

that

empowers

specifically

specialists

through

the

web

and

visitors

once

they

to

save

have

rooms

affirmed

accessibility of rooms as per the agenda. PAH is effective and

splendid software, yet it is simple and uncomplicated to utilize.
It stipends complete power and power on lodging or motel room
booking over the web. This involves one can amass all visitor
installments; go into own room portrayals, offices, rates and
allotments into the Reservation System.
This

wesbite

gives

online

capacity/updations

and

recovery

facility. In this framework everything is put away electronically

so

that

data

are

secured.

After

registering,

informations will be saved in the database.

the

datas/

City of San Fernando Website. The framework utilizes

site as

part of request to give online based connection, to have system

open

data

of

the

system.

It

attracted

representation

user

interface for the frameworks to have human connection with the

website. This includes city informations and news.
Angeles

University

Foundation.

It

is

website

of

Angeles

University Foundation, which display school informations, photos,

and news. It is responsive website which make it more userfriendly.
St.Paul American School. This website is easy to use.St. Paul
American

School

have

turned

into

the

staple

of

online

marketing.It is easy to understand site that gives data about the

school and display.
Angeles City Website. It is a data sharing model that is based on
top

of

theInternet.This

website

display

some

information

of

Angeles City and includes the list of Government officials. It

also shows the upcoming event of the city, and map.
Summary
Based

on

the

said

existing

systems,

information

modules

are

essential to any business, or organization. A presentation of

data

overview,

offered/features.

contact

details,

maps,

and

services

Problems and difficulties

encountered in web-based information

systems
The change from manual transactions to automated, and now into a
web-based automation is one case of what has driven mostly by the
quick technological development. Any courses just to make work
less demanding and quicker like transactions is conceivable with
the development of PC advancements. Innovation advancement has
impacted mans work from information handling, business exchange,
research, arranging, observing and even in restorative operation
on human life structures are presently endowed to PC innovation.
Web applications are well known because of omnipresence of its
applications. The capacity to overhaul and keep up web on a large
number of customer is the reason.
A significant advantage of building web applications to support a
standard browser feature is the ability to perform as specified,
regardless of the operating system installed on a given client
information systems are increasingly being used in organizations
with

the

objective

of

providing

competitive

advantage.

The

information systems used by organizations can be grouped into

different types such as transaction processing system, management
information

system,

decision

support

system,

executive

information system, expert systems and office information system.

Information Technology has heralded the advent of the information

society. The information society may be a virtual society. The

concepts of the electronic classroom, the electronic office and
electronic library have been explored. Information system poses a
number of issues on society in, including: changing employment
patterns, archiving, and bibliographic control, security and data
protection, intellectual property, marketplace issues and access.
The significance of software applications expands every single
day. In the most recent, many years of the Millennium winning
association are those that coordinate business methodology and
software data innovation in employing their individual exchanges.
The utilization of software data innovation results for them to
have the capacity to create items quick and settle on choices
efficiently, capacity to have fluid association structures, ready
to adapt to the requesting work power and outer environment by
the

fast

improvement

of

imaginative

methodologies

and

in

conclusion utilizing data framework affirms the companys mission

vision.
Features to be considered in the development of the proposed
system
International
75 Health. the proponents chose this system due to its ability to
eliminate manual errors, easily access and view lab results and

patient records, print medical records and prescriptions and even

has a provision of storing backup data upon provider's request,
which can be extremely helpful to adapt its features to the
system.
Sentrifugo.

this system was selected because it can configure

and manage full-featured flexible solutions that are unique to

the organization. Itll add system flexibility and uniqueness to
the system from others.
California City Government Website. the proponents opted to adapt
this

web-based

departments,

information
communities,

system

that

businesses,

presents

its

citys

governments,

city

connections, and developmental acts. It also posts news, updates,

and upcoming events within the city proper, for it gives the
essential information in a government website.
SimpleHRM. This system was opted because it provides an easy to
use, intuitive interface for HR departments, with many features
including

employee

management,

leave

management,

benefits,

reminders and more.

WaypointHR. The proponents decided to pick this module because it
is a system that can maintain detailed records of essential
employee information in a secure, easy to use database. Record a
full

history

of

employees

job

roles

and

their

terms

and

conditions of employment. Manage employees with flexible groups

for analysis and reporting.
National
Barangay Daliao Toril Website. This system is an extremely well
sought

out

Barangay

web-based

Daliaos

information

overview,

system

news,

that

presents

announcements,

the

projects,

services offered, gallery, map, and contact details. That will

help

the

proponents

in

developing

unique

and

efficient

government website.
Lexsystechs E-Barangay Government Application System. this was
picked because it provides a database and statistical analysis of
the present profile of each barangay to determine its minimum
basic needs and services to the constituents of an LGU. Aligned
with

this

barangay

information

system

is

the

provision

of

projects to meet the minimum basic needs of each barangay.

Techdynamics E-Gym Dashboard System. the proponents will adapt
the dashboard of the system that helps a user to access a variety
of features. A user can view, create, and modify information in
the

process.

It

presents

the

gyms

current

state,

new

registrations, payments, members, plans, overviews, and alerts.

Because of its uniqueness and its level of efficiency.

City of Davaos Barangay Pampanga Website. the proponents opted

this

web-based

information

system

because

it

presents

the

Barangay Pampangas, history, officials, committees, residents,

news, announcements, projects, services offered, gallery, map,
and contact details. It will help the proponents to post the
critical information needed in a government website.
Marvelsoft

School

Admins

Student

Information

Module.

The

proponents handpicked this module that helps Schools to manage

all the details associated with the student such has student
admission details, student's academic details such as Attendance,
Marks Grades, Fee's Details etc., because it provides a unified
view of Students Academic and Financial information to the Class
Teacher or the Principal to have clear understanding of the
students progress in a given academic year.
Local
Prime Asia Hotel Website. The proponents chose this web-base
information system because it is a simple website to utilize game
plan

that

empowers

specifically

through

specialists
the

web

and

visitors

once

they

to

save

rooms

have

affirmed

and

recovery

accessibility of rooms as per the agenda.

This

wesbite

gives

online

capacity/updation

facility. In this framework everything is put away electronically

so

that

data

are

secured.

After

registering,

the

datas/

information will be saved in the database.

City of San Fernando Website.

the proponents opted for this

system because its framework utilizes

site as part of request to

give online based connection, to have system open data of the

system.

It

frameworks

attracted
to

have

representation
human

connection

user

interface

with

the

for

website.

the
This

includes city information and news.

Angeles

University

Foundation.

This

system

will

help

the

proponents in adapting to the design of the module because it is

a website of Angeles University Foundation, which display school
information overview, photos, and news. It is responsive website
which make it more user-friendly.
St. Paul American School. This website is easy to use. St. Paul
American School have turned into the staple of online marketing.
It is an easy to understand site that gives data about the school
and display. Which made the proponents adapt to this systems
idea in creating an easy to use website, to the public.
Angeles

City

Website.

The

proponents

exclusively

started

adaptation from this system because it is a data sharing model

that is based on top of the Internet. This website displays

crititcal information of Angeles City and includes the list of

Government officials, upcoming events, and its location map.

Chapter 3
DESIGN AND METHODOLOGY
This part portrays the

technique utilized as a part of

gathering data and truths to exploit potentiality and adequacy of

the framework. It discusses the research design, subjects of the
study and instruments used for data gathering.
Software Development Methodology
The proponents used SCRUM method for the development of the
proposed system. Scrum is an agile development model taking into
different little groups working in an escalated and related way.
The term is named for the scrum (or scrummage) arrangement in
rugby, which is utilized to restart the diversion after a game
that causes play to stop. Scrum is a lightweight agile project
structure with wide materialness for overseeing and controlling
iterative
Schwaber,

and

incremental

Mike

Beedle,

undertakings
Jeff

of

Sutherland

various
and

kinds.

others

Ken
have

contributed fundamentally to the advancement of Scrum throughout

the most recent decade. Scrum has earned expanding fame in the
nimble

programming

advancement

group

because

of

its

effortlessness, demonstrated efficiency, and capacity to go about

as a wrapper for different building rehearses advanced by other
agile method.
SCRUM has three roles, these are the Product Owner, Scrum
Master, and Team. The Product Owner ought to be a man with
vision,

power,

and

accessibility.

He/she

is

in

charge

of

constantly conveying the vision and needs to the advancement

group; The Scrum Master goes about as a facilitator for the
Product Owner and the group. It does not deal with the group.
He/she

attempts to expel any hindrances that are deterring the

group from accomplishing its sprint objectives. This helps the

group stay inventive and gainful while ensuring its triumphs are
unmistakable to the Product Owner, and lastly; The team is in
charge of self arranging to finish work. A Scrum development team
contains

around

seven

completely

committed

individuals

(authoritatively 3-9), in a perfect world in one group room

shielded from outside diversions.

SCRUM has a group of phases these are:

Pregame which include the planning. When another framework is
being produced, this stage comprises of both conceptualization
and investigation. And when it is being upgraded, this stage
comprises of restricted investigation.
Mid-Game which are sprints. Huge numbers of the procedures in the
sprint stage are unidentified or uncontrolled. It is dealt with
as a black box that requires outer controls. In like manner,
controls,

including

hazard

administration,

are

put

on

every

emphasis of the Sprint stage to maintain a strategic distance

from tumult while augmenting adaptability.
Post-game which is the closure. This stage includes staying open
to natural unpredictability, including focused, time, quality,
and

money

related

weights,

all

through.

Deliverables

can

be

changed at whatever time during the arranging and Sprint stages.

Software Development Tools

The proponents will be using the following development Tools
in order to achieve the objective of proposed study.
Programming

Language.

The

proponents

will

utilize

the

Html5

programming dialect. Html5 (Hypertext Markup Language amendment

5) is a markup dialect for the structure and presentation of
World Wide Web substance. The proponents utilized html5 in light
of the fact that html5 is the most recent cycle of html tending
to current need and desires of sites. It is turning out to be new
standard for all great web engineer and program. Html5 support
the customary Html and Xhtml-style grammar and other new elements
in its markup, New APIs, XHTML and blunder taking care of.
The proponents will utilize the Bootstrap 3.3.6 programming
dialect. Bootstrap 3.3.6 is a free and open-source front-end web
structure for planning sites and web applications. It contains
HTML-and

CSS-based

outline

formats

for

typography,

frames,

catches, route and other interface segments, and in addition

discretionary JavaScript augmentations. Dissimilar to numerous
web structures, it frets about front-end improvement as it were.
The

proponents

also

utilized

Bootstrap

3.3.6

to

exacerbate

matters, with the ascent of cell phones, making responsive sites

and staying aware of the most recent advances is tedious.

PHP programming language. Php is a broadly utilized open

source universally useful scripting dialect that is particularly
suited for web improvement and can be inserted into HTML. The
proponents utilized Php in light of the fact that is an adaptable
for database network. It can interface with a few database the
most regularly utilized is the Mysql. Mysql can be utilized for
nothing.

CSS Programming language. (falling template (CSS)) is a Web

page got from different sources with a characterized request of
priority where the meanings of any style component strife. CSS is
utilized to characterize style for your reports, including the
configuration,

design

and

varieties

in

showcase

for

various

gadgets and screen size.

Data Gathering Techniques

This

part

of

the

study

discusses

the

different

types

of

techniques used in collecting information. The details on the

techniques used in the study are described in this section.

Library Research. It is a building or room where you search, read

and borrow book. It is led in a library in a college, school,
metropolitan or private library where individuals can look by
list, books, or magazines in gathering data.
The proponents used books and thesis in the library of AMA
Computer College Angeles City Campus as one of the source in
gathering information. The library was able to provide a lot of
needed information but not everything due to lack of resources.

Internet Research. It is utilized by numerous to accumulate data

on and study a specific subject utilizing assets distributed on
the Internet.
Data gathering was conducted with the use of internet. It
serve

the

proponents

as

one

the

main

source

of

information

related to the function of the system.

Interview. A discussion between two or more individuals where
inquiries

are

requested

that

by

the

questionair

inspire

actualities or articulations from the interviewee

The proponents conducted an interview to gather information
and to asked about the barangay.

Sampling Technique. It is a testing method in which proponents

depends on his or her own particular judgment while picking
individuals from populace to take an interest in the study.
Purposive technique is a non-likelihood inspecting strategy and
it happens when components chose for the example are picked by
the judgment of the proponents. The proponents frequently trust
that they can get a delegate test by utilizing a sound judgment,
which will bring about sparing time and cash.
The study is based on purposive sampling method. The proponents
will reach potential respondents by interviewing them to get the
required information. The samples are chosen on the premise of
learning

of

the

proponents

in

the

barangay

operation

and

administrations.

Source of Data
The primary sources of data are gathered by interviewing the
staff of the barangay namely:
Barangay Captain
Head of Health of Center
Councilor

The

secondary

through;

First

information

sources
is

needed

of

library
for

data

research

are

gathered

which

documentation,

and

able

by
to

mainly

searching
give

are

some

through

internet research which give all needed information regarding to

the system, that also has infinite information which helps that
proponents for the study.