BARANGAY INFORMATION SYSTEM WITH WEB BASE MAP

________________

A Capstone Project Presented to

The Faculty of the College of Computer Studies
Tarlac State University
Tarlac City

________________

In Partial Fulfillment
of the Requirements for the Degree
Bachelor of Science in Information Technology

________________

by:

Eden Valerie G. Castillo

Rizza G. Domenden
Roldan Keith F. Francisco
Justin H. Quiazon

April 2021
 ii

Republic of the Philippines

Tarlac State University
COLLEGE OF COMPUTER STUDIES
Tarlac City, Tarlac
Tel. No. (045) 6068173

APPROVAL SHEET

This capstone project of Eden Valerie G. Castillo, Rizza G. Domenden, Roldan

Keith F. Francisco, and Justin H. Quiazon titled “Barangay Information System
with Web Base Map”, which is prepared and submitted in partial fulfillment of the
requirements for the degree Bachelor of Science in Information Technology has been
examined and hereby recommended for approval and acceptance.

<ADVISER>
Technical Adviser

PANEL COMMITTEE

<PANELIST 1>
Chairman

<PANELIST 2> <PANELIST 3>

Member Member

Approved and accepted in partial fulfillment of the requirements for the degree
<Degree>.

<DEAN>
Dean, College of Computer Studies
 iii

ABSTRACT

Computerization’s innovation moves rapidly and continuously growing in all

aspects and in different areas of the industry. Nevertheless, there are still some sectors
today who seem to be left behind for they has not fully recognized the importance and
capabilities of modern technology. While, some might not have the ability and not
capable of adapting the new ways. According to Rhow Mee, Information technology (IT)
innovation in an enterprise involves using technology in new ways to create a more
efficient organization and improve alignment between technology initiatives and business
goals. The use of computerization reduces human errors and processing time, thus it can
boost productivity and result in a high quality of work. The Philippines has more than
forty-two thousand barangays nationwide. Barangay being the smallest political unit of
the government of the Philippines will serve as the primary implementer of
developmental programs and projects. 

The researcher’s designed and developed the Barangay Information System with

Web Base Mapping to improve the process of gathering and retrieving information of the
said barangay and to provide easily access information for the residents and barangay
officials. This will help save a lot of time to a great extent and avoid unwanted
inconveniences. The admin is in charge of managing the system’s setting if there’s any
changes to make. The residents will be able to create and manage their account, when the
account has been verified by the admin the user will be able to access the information
posted in Program and Events Page, Barangay Personnel Scheduling Page,
Announcement Page and Map Page. The requesting of papers such as Barangay
residency, clearance, indigency, and permit will be available at Request Transaction
Page. Users will also be able to report a blotter via Blotter Page. And lastly, users can
share their experiences and make comments for feedbacks. The Information that will be
posted and shared in Program and Events Page, Barangay Personnel Scheduling Page,
Announcement Page and Map Page will be managed by the Admin and Barangay
Authorized Staff as well as the transactions and interaction that will be done in
the Request Transaction page and Blotter page.
 iv

DEDICATION

We would like to express our deepest gratitude, to those who have been

part of this study. For the help and support, for keeping us inspired and dedicated during

those sleepless and hectic nights. Without their love and support this study project would

not been made possible.

To our Almighty God, our source of inspiration and strength. Thank you for the

guidance, protection, and knowledge you gave us to finish this project.

To our beloved parents and family, who support and gave us strength when we

thought of giving up.

To our friends and classmates, who shared their words of advice and

encouragement to finish this study.

Castillo, E.V.G.

Domenden, R.G.

Francisco, R.K.F.

Quiazon, J.H.
 v

ACKNOWLEDGMENT

The researchers would like to express their outmost appreciation and sincerest
thanks to all the people who had extended their help by sharing their ideas and
knowledge that help them come up with better capstone project.

The researcher's give their highest praise and gratitude to the Almighty God who
gave them wisdom and made things possible to finish this project.

To our Parent's and Guardian's, who had given us the support we need and
served as our inspiration, we are forever thankful for we are able to successfully
accomplish this project.

To our Capstone Adviser, Dr. Theda Flare Quilala., for the support in our study
and for believing that the researchers can make it until the end. The researchers are
thankful for the assistance and help that she led.

To our Technical Adviser, Sir Carlos Flores, Jr., for guiding us and giving us
moral and intellectual support: to his criticism and advises that helped us come up with
better decisions and making this project whole lot better.

To our panelists, Mr. James Bryan Roman, Ms. Anna Cazandra Delos Reyes,
Mr. Dennis Virtudazo, for the understanding, suggestion and recommendation that help
the researchers to improve the proposed system.

To our Friends who whole heartedly extended their help by sharing their
knowledge and ideas and continuously showed us support and encouragement to finish
this project.
vi

Table of Contents
APPROVAL SHEET.............................................................................................ii

ABSTRACT...........................................................................................................iii

DEDICATION.......................................................................................................iv

ACKNOWLEDGMENT........................................................................................v

LIST OF TABLES ix

LIST OF TABLES x

1 INTRODUCTION.........................................................................................1

1.1 Project Context........................................................................................................2

1.2 Purpose And Descriptions......................................................................................4

1.3 Objectives.................................................................................................................5

1.4 Scope and Delimitations..........................................................................................6

2 RELATED LITERATURE...........................................................................9

2.1 Discussion of Model.................................................................................................9

2.2 Conceptual Framework........................................................................................14

3 TECHNICAL BACKGROUND.................................................................15

3.1 Software Development Requirements..................................................................15

3.2 Hardware Development........................................................................................16

vii

3.3 Sources of Data......................................................................................................18

4 METHODOLOGY......................................................................................19

4.1 Methods in Data Gathering..................................................................................19

4.1.1 Internet Method........................................................................................19

4.1.2 Observation Method.................................................................................19

4.2 Design and Development of Barangay Information System with Web Base Map

This is objective number 1.............................................................................................21

4.2.1 Requirement Analysis and Documentation............................................21

4.2.2 Design of Software and/or System and/or Product and/or Processes...26

4.2.3 System Development Methodology.........................................................30

4.3 To evaluate the performance of Barangay Information System with Web Base

Map by means of UX evaluation, functionality, security, and compatibility tests. This

is objective number 2......................................................................................................46

4.3.1 Security Test.............................................................................................46

4.3.1 Compatibility Test....................................................................................46

4.3.2 UX Evaluation..........................................................................................47

4.3.3 Functional Testing....................................................................................47

5 RESULTS AND DISCUSSION..................................................................50

5.1 Design and Development of Barangay Information System with Web Base Map

This is objective number 1.............................................................................................50

viii

5.2 To evaluate the performance of Barangay Information System with Web Base

Map by means of UX Evaluation, functionality, security, and compatibility tests.

This is objective number 2.............................................................................................58

6 CONCLUSIONS AND RECOMMENDATIONS....................................62

6.1 Conclusion.............................................................................................................62

6.2 Recommendations.................................................................................................64

The findings of the researchers led the following recommendations:.........................64

REFERENCES.....................................................................................................65

APPENDICES......................................................................................................67

Appendix A: Definition of Terms..................................................................................67

<Appendix B:> <Relevant Source Code>.....................................................................68

CURRICULUM VITAE......................................................................................69
 ix

LIST OF TABLES

Table I. Functionality and feature matrix 13

Table II. Software Requirements 15
Table III. Hardware Requirements 16
Table IV. Functional Requirement for Login module 24
Table V. Functional Requirement for Administrator Module 24
Table VI. Functional requirements for Manage Information 25
Table VII. Functional Requirement for Barangay Staff Module 25
Table VIII. Functional Requirement for Resident Module 26
Table IX. Non-Functional Requirement for Safety and Security of Barangay
Information System with Web base Map 26
Table X. Operating Environment 29
Table XI. Design and Implementation Constraints 29
Table XII. Product Backlog 32
Table XIII. Sprint Backlog 37
Table XIV. Sprint Backlog 38
Table XV. Sprint Backlog 39
Table XVI. Sprint Backlog 40
Table XVII. Sprint Backlog 41
Table XVIII. Sprint Backlog 41
Table XIX. Sprint Backlog 42
Table XX. Sprint Backlog 43
Table XX1. Sprint Backlog 44
Table XXII. Security Testing 59
Table XXII. Compatibility Testing 59
Table XXII. Functionality Testing 60
Table XXII. UX Evaluation 61
x

LIST OF FIGURES

Figure 1. Conceptual Framework 14

Figure 2. Network Architecture 17
Figure 3.Interview with Barangay Secretary. 20
Figure 4. Use Case Diagram 21
Figure 5. Entity Relationship Diagram. 27
Figure 6. Functional Decomposition Diagram 28
Figure 7. Agile Scrum Methodology 30
Figure 8. Burndown Chart 45
Figure 9. System Evaluation from SK Secretary 47
Figure 10. System Evaluation from the User 48
Figure 11. System Evaluation from the User 48
Figure 12. System Evaluation from the User 49
Figure 13. System Evaluation from the User 49
Figure 14. Log-in Page of Admin 50
Figure 15. System Administrator’s Dashboard Page 51
Figure 16. System Administrator’s Resident Page 52
Figure 17. System Administrator’s User Page 52
Figure 18. System Administrator’s Mapping Page 53
Figure 19. System Administrator’s Scheduling Page 54
Figure 20. System Administrator’s Event Page 54
Figure 21. System Administrator’s Announcement Page 55
Figure 22. System Administrator’s Feedback Page 56
Figure 23. System Administrator’s Transaction Request Page 57
Figure 24. System Administrator’s Blotter Report Page 57
Figure 25. System User’s Dashboard Page 58
 1 INTRODUCTION

Computer-based information retrieval operates through the use of software that

can offer information services for an institution or organization. It is powerful and

convenient builder for simultaneous growth in society and industries. An information

service provides a way to electronically access, retrieve, and transmit that information.

[1]

Usually, Barangay Information has been passed through papers or posters and

also it need a once usage of material. Traditionally in a barangay poster of an information

are everywhere. The specific barangay locale has a different poster for announcement

such as incoming event, protocols of do’s and don’ts etc.

Also, the Sangguniang Kabataan made a Facebook Group to inform the residents

regarding on information or activities that need to know and accomplish. The Barangay

Officials need to update online for the residents to be aware of the announcement.

Residents need to access internet just to browse the information that has been made by

the barangay official within the Facebook Page.

On the other hand, this paper will discuss the digitalize Barangay Information

System that can be access through a web browser that could be access by the residents so

that the user could freely access information. Moreover, the Barangay Information

System is appropriate to use for the barangay staff and for its residence to have a web

base access for the information. The barangay information system will secure the resident
 2

confidential files and it is user friendly. Furthermore, it is workability for the will to

enhance the quality of the barangay office and lastly It will help the process and visualize

the data to get information efficiently. It will benefit not only the barangay staff but the

whole administration as well.

1.1 Project Context

The rapid growth of technology has contributed a lot to the continued progress of

all classification of industry. However, some sectors today seem to be left behind in

adapting the use of different methods to have progress on their part. Nowadays,

businesspeople define the applications and problems to be solved by the computer. But

unfortunately, this potential has not been fully recognized or even adequately realized in

some business. It is because users may not fully understand the capabilities and limitations

of modern computer technology. [2]

Information technology (IT) innovation in an enterprise involves using technology

in new ways to create a more efficient organization and improve alignment between

technology initiatives and business goals.

In fact, 80% of the rural community people of third world countries do not get any

fruit of these innovations achieved at the expense of billions of dollars. To the tune of only

20% of the people living in and around urban areas are utilizing the benefits of such

developments. Modern information technology has transformed into a source of

 3

development raw materials, wealth and power of a nation are directed for the well-being of

humanity. [3]

Computerization is a control system that manages processes in the industrial

workplace. It reduces human errors and processing time, thus it can boost productivity and

result in a high quality of production. This can result in a system well integrated process

that can perform much faster and more accurate than the manual system. [4]

As a process innovation, it lies at the center of streamlining processes both in the

public and private sectors. It becomes less of a choice but more of a requirement for

individuals, as computers play a crucial role in assisting people in organizing, storing and

retrieving huge amount of information. It likewise serves as a tool which enables its users

to do more tasks, hence making it a vital commodity especially in working environments.

The application of information and communication technology for improving governance

by enhancing government's role in service delivery, public administration, and the

promotion of participatory democracy has been gaining momentum in many parts of the

world. [5]

The Philippines is generally composed of more than forty-two thousand barangays

nationwide. Barangay as the smallest political unit serves as the primary implementer of

developmental programs, projects, and policies. Moreover, the nation's public service

delivery system will falter at the grass roots without the inspired and dedicated work of the

barangays. As shown by Claire Ong Carpio [6]

 4

The staff encountered difficulties and long procedure in the system that they are

using until now is a manual based process for all services to its constituents. They manually

handled transactions daily; specially get Barangay clearance, certification, cedula and

permits. [7]

As such, evidence has been provided that Information technology has been

developing and continue to improve our daily lives. To date, Lado et al., (2017), Algara

(2015) and Faruque et al., 2014 have developed Information System. Among such works,

only Algara (2015) focused more on the barangay print out output such as certificates,

certification, cedula and permits.

On the other hand, the researchers decided to create this system to maintain

complete and up to date information that will give resident information, fast retrieval of

files, easily accessible verification and can automate the recordkeeping process in order to

produce efficient and accurate reports.

1.2 Purpose And Descriptions

The study aims to design and develop a Barangay Information System with Web

Base Mapping for a barangay and the system will benefit:

To the residents, they could be easily accessing the information they need towards

barangay information via smartphone, laptop, or personal computer. Residents are also able

to make request for paper transaction to lessen the face-to-face interaction, they can also

send blotter reports.

 5

To the administrator, to have an accessible digitalize data towards its residents'

information and to help disseminate information to its organization.

To the barangay officials, to improve the quality of service they provide to the

barangay and enhance the process of gathering information as well as retrieving records of

transaction. Making announcements to well inform the residents would be easier.

1.3 Objectives

The general objective of the system is to design and develop an information

system entitled “Barangay information System with Web Base Map” that will improve

the process of gathering information to the said barangay.

Specifically, the study aims to achieve the following:

1. To design and develop a Barangay information System with Web Base Map
with the following features:
1.1 Barangay Administrator
1.1.1 Log In
1.1.2 Forgot Password
1.1.3 Manage Account
1.1.4 Manage Program and Events
1.1.5 Manage Scheduling
1.1.6 Manage Announcement
6

1.1.7 Manage Map Information

1.1.8 Manage Request Transaction
1.1.9 Manage Blotter Report

1.2 Barangay Authorize Staff

1.2.1 Log In
1.2.2 Forgot Password
1.2.3 Manage Programs and Events
1.2.4 Manage Scheduling
1.2.5 Manage Announcement
1.2.6 Manage Map Information
1.2.7 Manage Request Transaction
1.2.8 Manage Blotter Report

1.3 Residents
1.3.1 Register account
1.3.2 Sign In
1.3.3 Forgot Password
1.3.4 Edit Account
1.3.5 Request Paper Transaction
1.3.6 Send Blotter Report
1.3.7 Feedback

2. To evaluate the system by:

2.1 Security Testing
2.2 Compatibility Testing
 7

2.3 Functionality Testing

2.4 UX Evaluation

1.4 Scope and Delimitations

The scope of this study focuses on the development of a Barangay Information

System with Web base map. It was design to access by the barangay administrator,

barangay authorize staff and residents of the area. The system will have the following

functionalities: (1) Log in – after registration, right credentials is required to login. (2)

Forgot Password – use to retrieve account using the email input in the registration if the

password is forgotten. (3) Manage Account – admin can be able to view who’s the

residents with verified account and can choose an authorize staff to manipulate the

system. (4) Programs and Events Page - the administrator or barangay authorize staff can

create, update, delete program and event and the user can be able to visualize it. (5)

Barangay Personnel Scheduling Page – the administrator or barangay authorize staff has

a privilege to input, edit and delete the schedule of the barangay personnel that user can

be able to see the availability of the barangay personnel. (6) Announcement Page – the

administrator or barangay authorize staff can create, update, delete an announcement and

the user can be able to see the necessary announcement of the barangay. (7) Map Page –

the administrator and barangay authorize staff can input, update, delete the information in

the color concentration of the web base map. The color concentration in the map is

divided in to three parts: Barangay Personnel location, SK members location and

Highlights of the Barangay. The user able to see the path and information by the web
 8

base map. (8) Request Transaction Page – the administrator or barangay authorize staff

can be able to see the request paper (Residency, Indigency, Barangay Clearance and

Permit) of the residence and mark it done when the transaction has been made. The user

can request paper and wait until the administrator or barangay authorize staff give

feedback on when the paper can be claim. (9) Feedback – user can be able to have a

comment and the administrator or barangay authorize staff can reply on it. (10) Blotter

page – the user can be able to report a blotter via web base and the barangay

admin/barangay authorized staff can be able see it and take an action. The admin is

assigned to manage the settings of the system, the information store can be updated if

there are changes to be done and saves the changes being done. The barangay personnel

information contains the data needed to be reachable by the administrator and the user.

The residence information that stores in the system will be use for the fast retrieval of

data when paper transaction happen it can be search and it will appear the information of

the resident. In order to use the system, the user need to register and verify his account

with his email for security purposes. To access the system, the residents should log in

with a right credential, if the user input wrong credential the system cannot be access.

The system is delimited not to include direct messaging/chat communication, map of the

province (only include map for the said barangay only), soft copy of papers for the user

(only include request transaction). The Barangay Information System with Web Base

Map is a web-based platform. The user must have an internet connection to be able to
 9

access the system. It can be access by the use of the devices such as laptop, cellphones

and personal computers and browse in the Safari, Google Chrome, and Microsoft Edge.
 2 RELATED LITERATURE

2.1 Discussion of Model

Imus et al. [8] have noted that Computer-based information retrieval operates

through the use of software that can offer information services for an institution or

organization. It is powerful and convenient builder for simultaneous growth in society

and industries. An information service provides a way to electronically access, retrieve,

and transmit that information.

Computerization is a control system that manages processes in the industrial

workplace. It reduces human errors and processing time, thus it can boost productivity

and result into a high quality of product produce. This can result in a system well

integrated process that can perform much faster and more accurate than the manual

system [9]. Therefore, the system of proponents will also be equip with a module that

will maintain the information of residents, and these modules will support the barangay in

order to speed up the process and also lessen human error in recording information.

The staff encountered difficulties and long procedure in retrieving, recording,

computing, and processing of data. The system that they are using until now is a manual

based process for all services to its constituents. They manually handled transactions

daily; specially get Barangay clearance, certification, cedula and permits. Before the

accomplishment of the task the constituents who request must undergo a long process.
 11

Same through with storing of files, updating, accessing of data, they used folders and log

of papers for its storage [10].

As shown by Ministry of Finance, information management is a core component

of government infrastructure; it is the intellectual capital of responsible governance. Best

practice policies and standards result in efficient, accountable and cost-effective use of

resources. Information technology constitutes the full spectrum of technologies and

services that support information management [11].

In addition, Managing Records are managed for the benefit of and its staff,

partners, stakeholders, and the public. EPA is committed to maintaining and converting

its records to electronic formats, where practical, to facilitate moving away from paper

toward more effective and efficient electronic solutions. Maintain records so they can be

accessed by staff with a need to know the information for appropriate reasons and

maintained for the required retention period. Implement a plan to protect records and

assess damage to and recover any records affected by an emergency or disaster (e.g.,

financial, legal and emergency operating records). Filing records for safe storage and

efficient retrieval and maintaining and disposing of personal papers. [12]

As mentioned earlier [10], [11]-[12] the system that has been using until now is

manual base process that the staff encountered difficulties and long procedure in

processing of data. Moreover, the manual base process used folders and log of papers for

its storage. On the other hand, ministry of Finance said that Information technology
 12

constitutes the full spectrum of technologies and services that support information

management.

EPA said that it needs to implement a plan to protect a record and recover any

records affected by an emergency or disaster. Moreover, a computer-based information

system is responsible for an effective and efficient approach for barangay employees and

residents. It will help them accomplish tasks faster and would also eliminate the need of a

large staff.

Amuyou et al. [13] have noted that Land is the most valuable possession of

mankind. It is also an important asset of any country. Without land, there can be no

country.

One of the greatest challenges facing Local Government in the 21st Century is

keeping up with the demands of the citizens. This means local councils taking on

efficient management of resources, planning and taking responsible decisions, and, above

all, keeping the public up to date on information and opening the way to their

participation. On the other hand, the specific challenges facing at the moment are:

Currently there is no standardized method of capturing, recording, and maintaining land-

related data changes as the city is growing to provide staff and the public with easy

access to consistent, accurate, up-to-date land information in a cost-effective manner.

Moreover, the information is sometimes obsolete, so decisions risked being based on

incorrect information: the current labor-intensive manual processes contain a greater risk

for human error. [14] Hence, through offering a solution that involves an automated
 13

index used to retrieve geographic information from the database, the web-based

Geographic Information System (GIS) Services can minimize or remove these issues.

The GIS (Geographic Information System) is that input, manipulation, analysis,

output of geographic data can work on Internet. Recently the use of Internet GIS

(Geographic Information System) which is geared with Internet and GIS, is on the

increase because of services of GIS data on web, non-limitation of platform [15]

A web map is an interactive display of geographic information, in the form of a

web page, that you can use to tell stories and answer questions. Moreover, with the

advent of web mapping geographical information can be shared, visualized, and edited in

the browser. [16]

As mentioned earlier [15]-[16], GIS can work on a internet and recently the usage

of it has been increase. Moreover, the web base mapping will be more reliable for its

being edited nor updated. The most important advantage to this is accessibility a web

map can be viewed by anyone from any computer with an internet browser and an

internet connection, just like any website.

With the development of GIS technology, an information system for a relevant

subject can be constructed rapidly, especially in terms of database management, spatial

analysis tools, and mapping. However, the constructed information system is commonly

limited by the basic functions of the commercial software. In response to the epidemic,

many institutions and research groups have built a number of information systems, such

as "epidemic map displays", "fever clinic queries" and "passenger information queries",
 14

based on existing commercial software, which has made an important contribution to

epidemic prevention and control. [17]

Table 1. Functionality and Feature Matrix

SYSTEM BARANGAY BARANGAY BARANGAY BARANGAY BARANGAY

RESIDENT PROFILING INFORMATIO MANAGEMENT ESTEFANIA
FEATURES RECORD SYSTEM N SYSTEM INFORMATION INFORMATION
MANAGEMENT BLOTTER SYSTEM SYSTEM
AND MODULE
CERTIFICATE
INSSURANCE
SYSTEM

Web Base
Map of the
Residence

Residence
record

Barangay
personnel
record

Barangay
programs
Page

Statistical
Graph
Display

Generate
and print
out record

As the table shown the barangay personnel and residence record has the most
used by the system mentioned above. The system proposing by the researchers will be
having a feature of the barangay personnel and residence record. The web base map has
 15

the least use by the system mentioned above followed by barangay program page that
push the researchers to have this features as well the system proposing by the researchers
will have this feature to make it unique and be use by the future researchers.

2.2 Conceptual Framework

The Conceptual Framework serve as analytical tool with several variation and
context that help the researchers to have a guide and to make the system visible by the
use of figures and words. The conceptual framework help the researchers to build a
model and make a conceptual distinction and organize ideas.

Figure 1. Conceptual Framework of the Barangay Information System with Web Base Map

Figure 1 shows the conceptual framework of the proposed system entitled

“Barangay Information System with Web Base Map” that consist of five parts. Starting to
the (Input) that held the requirements of the system followed by the (Process) of what
need to do to make it run and as the process done it will land to the (Output) which is the
system that propose by the researchers. The (Outcome) is what are the expectation of the
 16

researchers about the system when it’s done and lastly it has a (Evaluation) regarding to
security testing, compatibility testing, functionality testing and UX Evaluation evaluate
by the SK Secretary, End User and IT Experts.
 17

3 TECHNICAL BACKGROUND

The Barangay Information System with Web Base Map runs using web browser. The
system requires a software and hardware requirement to access the system. For the
system to work, user must have the following requirements.
3.1 Software Development Requirements

TABLE II. Software Requirements

SOFTWARE DESCRIPTION
It is use for the developers to create a local web server for testing,
XAMPP developing, and enhancing purposes. XAMPP stands for Cross-
Platform (X), Apache (A), Maria DB (M), PHP (P) and Perl (P).

It is an object-oriented computer programming language that is

JavaScript commonly used to create interactive effects within web browsers.

Google Chrome is a freeware web browser developed by Google. It

Google Chrome was first released in September 2008, for Microsoft Windows, and
was later ported to Linux, macOS, iOS and Android.

 Version Number: Version 0.10.10049 
Microsoft Edge   Up to the latest version 

Microsoft Windows is a group of several graphical operating

Windows Operating System system families, all of which are developed, marketed, and sold by
Microsoft. 

Visual Studio Code is a lightweight but powerful source code

Visual Studio Code editor which runs on your desktop and is available for Windows,
macOS and Linux.

MySQL An open source relational database management system (RDBMS)

based on Structured Query Language. Used for data storage and
management
HTML Use to describe structure and presentation of the information.

CSS Use to manage design properly.

Github For version control and ease of deployment of the server.

Composer Use to specify the libraries a project relies on and to install/update

 18

them.
Laravel Use to create full-featured web applications

Reactjs Use to build user interfaces

Nodejs Use to reduces the complexity of web applications

Table III shows the software requirements that the researchers use in

development, testing and enhancing of the system. Version of different browser such as

Google Chrome and Microsoft Edge that the system support. Next version from the listed

version above up to the latest version means the system is compatible. Web development

languages: HTML, CSS, Server-Side scripting: PHP, Client-Side scripting: JavaScript,

Database: MySQL. XAMPP, Github, Composer, Laravel, Reactjs, Nodejs, Google

Chrome, Windows Operating System and Visual Studio are use in developing the system.

3.2 Hardware Development

TABLE III. Hardware Requirements

HARDWARE DESCRIPTION

Desktop Version Windows: Windows 7 or higher

Linux: Ubuntu
macOS: OS X version 10.7 or higher
Mobile Android: Smart Phone version 4.0.4 or higher
Laptop Use by the researcher to develop the system.
Windows 10
4 GB of RAM
64-bit of Operating System
Personal Computer Use by the researcher to test the system.
Windows 10
4 GB of RAM
64-bit of Operating System
 19

Smart Phone Use by the researcher to test the compatibility of the system.
Huawei P20 Lite
IPhone 6

Table II shows the hardware requirements that the researchers require in

developing, testing, and enhancing by the version it needs to manage the proposed web

application (Desktop Version, Network version, Mobile, Laptop, Personal Computer and

Smart Phone).

Figure 2. Network Architecture

Figure 2 shows the Network Architecture of the proposed system. For the devices to
access the system, internet connectivity is a need for all clients. This is because the
system being web-based. Devices such as laptop, personal computer, or smartphone are
among the devices that can display the system’s interface. For Admin and authorized
staff, they also need to be connected for them to manage the system.
 20

3.3 Sources of Data

The sources of the data in this study will be related literature, studies and article
through internet research that has a date validity starting 2015 to 2021 to have a reliable
source. This study will have a mapping that will come from the Google map and the
locale that has been chosen for this system is from the San Francisco, Tarlac City.
 4 METHODOLOGY

This chapter discusses the methods in data gathering, requirements analysis and

documentation, the source of data, the target user and the tools used in developing the

Barangay Information System with Web Base Map.

4.1 Methods in Data Gathering

The following are the methods used by researchers in gathering data:

4.1.1 Internet Method

Internet Research is simply, the systematic search for relevant information on a

particular topic or problem. Systematic study, investigation, or whatever else with the

goal of addressing the researcher’s question.

The researchers used the internet as a tool to help with the development of the

study. The researchers have also obtained extra knowledge about the proposed system on

the internet. Internet Research or web browsing were able to help the researchers find

related literature and studies to the system, Barangay Information System with Web Base

Map to gather the information researchers needed.

4.1.2 Observation Method

Observation method is by observing firsthand, the researcher can collect, check,

and record data.

 22

The researchers used the observation method to understand the operation towards

paper transaction in a barangay and to know what the data are needed to be digitalized.

One of the researchers has a family that work as a barangay secretary that gives the

researchers information about the paper transaction.

Figure 3. Interview with barangay secretary

The figure 3 shows that the researcher visited a barangay official to conduct an

interview to gather information needed towards the barangay. The barangay secretary

showed some samples of barangay certifications such as barangay indigency, clearance

and permit, she also instructed what are the information needed for transactions and how

it is being processed.
 23

4.2 Design and Development of Barangay Information System

with Web Base Map This is objective number 1

4.2.1 Requirement Analysis and Documentation

4.2.1.1 User Requirements

Figure 4. Use Case Diagram of Barangay Information System with Web Base Map

Figure 4 shows the Use Case Diagram of Barangay Information System with Web

Base Map that consist of Administrator, Barangay Authorize Staff and Residents. The

residents of the barangay can register an account that needs to verify in email to
 24

successfully registered. Once the residents successfully log in, it will land on dashboard

for them to view barangay announcements, view programs and events, barangay map,

barangay information, can request paper transactions such as certificate of residency,

certificate of indigency, barangay clearance and barangay permit, send blotter reports and

give feedback. The Administrator will login and it will manage the user account,

scheduling, announcements, map, process paper transactions and process blotter reports.

Furthermore, when the Administrator is not available the Barangay Authorized Staff will

hold the responsibility.

4.2.1.2 User Characteristics

The primary users of the proposed system will be the residents of the barangay.

The Administrator will hold the control of the system and same as the Barangay

Authorized Staff.

The users will be able to:

1. Register an account
2. Sign In
3. Recover account password
4. View Barangay Information
5. View Map Information
6. Request Paper Transaction
7. Send Blotter Reports
8. Give Feedback
 25

The Barangay Authorize Staff will be able to:

1. Log In
2. Recover account password
3. Manage Programs and Events
4. Manage Scheduling
5. Manage Announcement
6. Manage Map Information
7. Manage Request Transaction
8. Manage Blotter Reports

The Administrator will be able to:

1. Log In
2. Recover account password
3. Manage Account
4. Manage Programs and Events
5. Manage Scheduling
6. Manage Announcement
7. Manage Map Information
8. Manage Request Transaction
9. Manage Blotter Report

4.2.1.3 Functional Requirements

This section will discuss about the functional requirements for the login module of the
Barangay Information System with Web Base Mapping that include the requirement id,
requirement description together with the level of the priority and complexity.
 26

Table IV. Functional Requirement for Login module

Req. ID Requirement Description Priority Complex

ity
Registered resident shall be able to login by providing High Medium
FR1. Username and Password

 Upon successful login, users will be

redirected to the form that shall be fill up and to be
validate by the admin to be listed on resident.
 If the credentials are incorrect, login error
shall be displayed
If the user has forgot the password, “Forgot High Medium
FR2. Password” button will help for the password
recovery.
 After clicking the button, the user will be
redirected to password recovery page
 If the credentials provided are incorrect, error
message shall be displayed

Table V. Functional Requirement for Administrator Module

Req. ID Requirement Description Priority Complexity

FR3. Admin shall be able to manage pending and registered High Medium
resident.
Admin shall be able to manage user account. Medium Medium
FR4.

Admin shall be able to manage program and events. Medium Medium

FR5.

Admin shall be able to manage scheduling. High Medium

FR6.

Admin shall be able to manage announcement. Medium Medium

FR7.

Admin shall be able to manage map information. Medium Medium

FR8.
 27

Admin shall be able to manage paper transaction request High Medium

FR9.

Admin shall be able to manage blotter reports High Medium

FR10.

Table VI. Functional Requirement for Manage Information

Req.ID Requirement Description Priority Complexity

Admin shall be able to manage the resident’s High Medium
FR11. information.
Admin shall be able to see resident’s record. Medium Low
FR12.

Admin shall be able to see Registered account. High Medium

FR13.

Table VII. Functional Requirement for Barangay Staff Module

Req. ID Requirement Description Priority Complexity

Staff shall be able to view and manipulate resident High Medium
FR14. information.
Staff shall be able to create, edit and delete program and Medium Medium
FR15. event.
Staff shall be able to create, edit and delete barangay High Medium
FR16. scheduling.
Staff shall be able to create, edit and delete Medium Medium
FR17. announcement.
Staff shall be able to create, edit and delete map Medium Medium
FR18. information.
Staff shall be able to approve or disapprove paper High Medium
FR19. transaction request.
Staff shall be able to view, investigate and close blotter High Medium
FR20. reports.
 28

Table VIII. Functional Requirement for Resident Module

Req. ID Requirement Description Priority Complexity

Resident shall be able to view Barangay Information High High
FR21. such as scheduling, events, announcement and web base
map.
Resident shall be able to give feedback. Low Low
FR22.

Resident shall be able to request paper transaction. High Medium

FR23.

Resident shall be able to send blotter reports. High Medium

FR24.

4.2.1.4 Non-Functional Requirements

This section contains the non-functional requirement of the Barangay Information

System with Web Base Mapping for the security that include the code and dependencies

description.

Table IX. Non-Functional Requirement for Safety and Security of Barangay Information

System with Web base Map

Cod Dependencies Description

e
SS1 Accessing the system will require a username and password.
SS2 All transaction including adding, editing, and deleting of records are recorded in
manage settings.

4.2.2 Design of Software and/or System and/or Product and/or Processes

 29

4.2.2.1 ER Diagram

Figure 5. Entity Relationship Diagram of Barangay Information System with Web Base Map

Figure 5 shows the Entity Relationship Diagram of the developed system that

defines the relationships between the tables in the system database. Yellow bulb means it

is a primary key and red bulb means it is a foreign key. User table contains information

that comes from the registration form. The users can view feedbacks, programs and

events, and announcements. The users can also reset their password and provide the

email needed. Residents table contains the basic information of the residents.
 30

4.2.2.2 Functional Decomposition Diagram

Figure 6. Functional Decomposition Diagram of Barangay Information System

with Web Base Map

Figure 6 shows the Functional Decomposition Diagram of Barangay Information

System with Web Base Mapping. The Barangay Information System with Web Base Map

will be handled and managed by the Administrator and Barangay Authorized Staff. The

Administrator and Authorized Staff will manage user accounts, scheduling,

announcements, programs and events, map information of the said Barangay, process
 31

paper transaction and process blotter report. The residents must register and log in for

them to access the information posted in the page, request paper transaction, send blotter

reports and stay updated to the upcoming events and announcements. The Residents will

also be able to make changes to their accounts, give feedback, change password, and

share their experience with the system. The system will process paper transactions such

as certificate of residency, certificate of indigency, barangay clearance and barangay

permit. The Map Information include highlights of the said barangay, house of barangay

officials and house of SK officials.

4.2.2.3 Operating Environment

This section will contain code and environment description that discuss the
operating environment that used to run a software.
Table X. Operating Environment

Code Environment Description

The compatibility of the user interface require window 7 or higher for the
OE1
better experience.
The MySQL Database will be using therefore the computer need to install the
OE2
XAMPP

4.2.2.4 Design and Implementation Constraints

This section is consisted with the design and implementation constraints for the
system.

Table XI. Design and Implementation Constraints

Code Design Constrains and Implementation Constraints Description

The system requires the users to enter their correct credentials for successful
IC1
access
 32

The system shall be developed using Xampp, MySql, VS Code, HTML, CSS,
IC2 JavaScript, Google Chrome, Microsoft Edge, Github, Windows Operating
System
The system shall run on Windows operating system, Android operating
IC3
system, and iOS

4.2.3 System Development Methodology

Figure 7. Agile Scrum Methodology

For managing product development, the Agile Scrum approach is an interactive

and incremental Agile Software Development methodology. It refers to a flexible, all-

encompassing product development strategy in which a development team works

 33

together to achieve a common goal and enable the team to self-organize by close online

collaboration of all team members by having a daily online communication.

The researchers use Scrum Methodology for planning, testing, and development

of the system. Planning wherein the researchers conduct a meeting to choose a locale for

the study. Product backlog where the list to do of the project is written. In addition, sprint

backlog where the list of all things that need to be done within the project The researchers

conducting testing for every sprint that has been done to get feedback from the test and

have a meeting to discuss the updates that made to the system.

The researchers used the Scrum Methodology because it is easy to understand and

the system repeating back-to-back from stages for the improvement. The researchers

looping back from what is the wish list to do and what is implemented. Moreover, the

researchers chose this methodology because It is easy to adapt changes and able to do

adjustment when it’s needed.

4.2.3.1 Planning

In this phase, the researcher did was to search for locale and agreed that San

Francisco, Tarlac city would be the locale since one of the researchers was from there.

After finding the locale, the researcher started to make a research and observation about

San Francisco and the researchers came up to the idea of developing the system which

may help barangay officials, staff and residents of Barangay San Francisco Tarlac city to

spread information inside the organization.

 34

4.2.3.2 Scrum

In this phase, the product backlog is part of the scrum method for researchers to

determine the main goal and the requirements of the developed system. It is a list of tasks

that must be completed by the researchers.

Table XII. Product Backlog

ID As a I want to be able to So that Priority Sprint Status

Register Account I can be part in Must 1 Done
1. Barangay Authorize staff, spreading
and residents. information and
be aware.
Verify Account I can verify my Must 1 Done
Admin, Barangay
2. account for
Authorize staff, and
recovery
residents.
purposes.
Recover Account Whenever I Must 1 Done
forgot my
Admin, Barangay
3. password, I can
Authorize staff, and
easily recover it
residents.
using my verified
email.
Login I can post Must 1 Done
Admin, Barangay
4. information about
Authorize staff, and
the barangay and
residents.
able to view it.
Forgot Password I can easily Must 1 Done
Admin, Barangay retrieve my
5. Authorize staff, and account whenever
residents. I forgot my
password.
Edit Profile I can change my Must 2 Done
Admin, Barangay
6. information
Authorize staff, and
whenever I need
residents.
to.
 35

Search Resident I can easily Must 2 Done

access resident
7. Admin and Barangay
information
Authorize staff
whenever I need
it
8. Manage User I know who’s the Must 2 Done
Admin
verified user is.
Set an authorized I will be able to Must 2 Done
staff set an authorized
9. staff to
Admin
manipulate the
system same as
mine.
Delete User I can delete user Must 2 Done
10. Admin whenever it’s
needed.
Create Program and I can spread Must 3 Done
Event information about
11. Admin and Barangay
the upcoming,
Authorize staff
ongoing, and
done event.
Edit Program and Whenever I need Must 3 Done
12. Admin and Barangay Event to change
Authorize staff something, I can
easily change it.
Delete Program and If the event has Must 3 Done
Event been cancel, I can
13. Admin and Barangay delete it and
Authorize staff announce in
announcement
tab.
14. View Program and I will be informed Must 3 Done
Residents
Event about the event.
Admin, Barangay Search Events I can easily reach Must 3 Done
15. Authorize staff, and the said event.
residents.
Create Scheduling I can put the duty Must 4 Done
16. Admin and Barangay schedule of the
Authorize staff barangay
officials.
 36

Edit Scheduling I can change the Must 4 Done

17. Admin and Barangay duty of the
Authorize staff barangay officials
if needed.
Delete Scheduling If the barangay Must 4 Done
officials has a
18. Admin and Barangay emergency and
Authorize staff can’t go on duty I
can easily remove
it.
View Scheduling Whenever I need Must 4 Done
to talk to specific
barangay official,
19. Resident I can be easily
know if
he’s/she’s on
duty.
Create I can announce Must 5 Done
20. Admin and Barangay Announcement urgent
Authorize staff information
online.
Edit Announcement If changes occur I Must 5 Done
21. Admin and Barangay
can easily change
Authorize staff
it.
22. Admin and Barangay Delete I can remove it Must 5 Done
Authorize staff Announcement when it’s needed.
Admin, Barangay Search The Must 5 Done
23. Authorize staff, and Announcement announcement
residents. can reach easily.
View I’m able to know Must 5 Done
Announcement the do’s and don’t
24. Resident in the
organization I’m
living with.
25. Admin and Barangay Input Map I can post Must 6 Done
Authorize staff Information accurate
information about
the highlight of
the barangay and
exact location of
the barangay/Sk
 37

officials house.
Edit Map I can update when Must 6 Done
26. Admin and Barangay
information the changes
Authorize staff
occur.
Delete Map When the Must 6 Done
information information that
27. Admin and Barangay
has been input
Authorize staff
need to remove I
can remove it.
View Map I have an easy Must 6 Done
Information access about the
barangay/Sk
28. Resident officials’
information and
highlights of the
barangay.
View Pending I will be able to Must 7 Done
Request Transaction help people
among
29. Admin and Barangay
organization
Authorize staff
who’s requesting
paper
requirements.
30. Admin and Barangay Approve Request The paper needed Must 7 Done
Authorize staff Transaction will be provide.
Give Claiming Date The resident can Must 7 Done
be able to see
31. Admin and Barangay when would be
Authorize staff the paper that
he/she request
available.
Disapprove Request If the request is Must 7 Done
32. Admin and Barangay
Transaction not valid, I can
Authorize staff
disapprove.
View close request I can check if the Must 7 Done
33. Admin and Barangay paper request is
Authorize staff under pending, or
it’s done.
34. Resident Request Paper I can easily Must 7 Done
Transaction request paper that
I need for
 38

something
without going to
barangay hall.

Send Blotter Report Whenever there’s Must 8 Done

a trouble, I can
35. Resident easily make a
report by using
the system.
View Blotter I can have Must 8 Done
Reports digitalized blotter
36. Admin and Barangay
report and upon
Authorize staff
reporting I can
easily receive it.
Admin and Barangay Investigate Blotter The resident who Must 8 Done
37. Authorize staff Reports reports can able
to see if his report
is under on going.
Mark as Close The resident can Must 8 Done
Blotter Report be able to know if
38. Admin and Barangay the blotter that
Authorize staff he/she made is
done
investigating.
Feedback Give feedback Must 9 Done
about the system
39. of how useful it is
Resident
and what the
system needs to
improve.
Delete Comment If I accidentally Must 9 Done
40. input wrong
Resident
comment, I can
remove it.
Feedback I will be able to Must 9 Done
report the
41. Admin and Barangay strength and
Authorize staff weaknesses of the
system to the
programmer.
 39

Delete Feedback If there’s a Should 9 Done

42. Admin and Barangay spammer, I can
Authorize staff remove his
comment.
Comment/Reply on The collaboration Must 9 Done
Feedback between admin
43. Barangay Authorize staff, and the resident
and residents.
can be seen
through feedback.
Table XII shows the Product backlog of the system. The Scrum approach includes

a Product Backlog, which provides the prioritized features and requirements for the

produced system. It is a list of tasks that must be completed by the researchers. The sprint

backlog outlined the tasks that each team member would be responsible for. In addition,

the study was completed in accordance with the priority list and the researcher's abilities.

Table XIII. Sprint Backlog

USER STORIES TASKS DURATION START END Status

A meeting was led by the The group leader 1 day July-18 July-18 Done
group leader. Following communicates to
the discussion, the the development
researchers decided what team the features
should be done first on that are most
the product backlog. important.
A group leader held a The development 3 days July-19 July-21 Done
meeting to the team gather
development team for the software
short discussion about the requirements and
system. setting it up.
The researchers 3 days July-21 July-23 Done
created the user's
As a user I can register homepage and
my own account. registration form, as
well as the database
structure.
As a user I will be able to Designed and coded 2 days July-23 July-24 Done
 40

the verification
have a verification on my button as well as the
account. structure of its table
on the Database.
As a user I will be able to Designed and coded 2 days July-25 July-26 Done
have a recover my the process behind
account. Recovery option.
Designed and coded 2 days July-26 July-27 Done
the Login form as
As a user I can login my
well as the structure
account.
of its table on the
Database.
As a user I can easily Designed and coded 2 days July-27 July-28 Done
retrieve my account by the Forgot
clicking Forgot Password Password
Functionality.

Table XIII shows that in the first day spend on a meeting and collaboration of the

researchers to achieve a common goal and after communication action has been made by

the team gathering what is needed to develop the system. Registration is the first thing to

achieve where it has a verification towards email for the recovery option by interacting in

Forgot password button and afterwards the login phase has been developed.

Table XIV. Sprint Backlog

USER STORIES TASKS DURATION START END Status

Designed and 2 days July-27 July-28 Done
coded the Profile
As a user I can edit my form as well as the
information. structure of its
table on the
Database.
As an admin/barangay Designed and 1 day July-29 July-29 Done
authorized staff I can coded the Search
search resident. button and its
 41

function.
Coded and tested 2 days July-29 July-30 Done
viewing user
As a admin I can
information and
manage user account.
setting authorized
staff.
As a admin I can set an Coded and tested 2 days July-30 July-31 Working
authorized staff to do the setting a authorized -Done
work if I’m not able to staff.
do it.
As a admin I can Delete Coded and tested 2 days July-31 Sep-1 Done
user account in the deleting user
system. account.

Table XIV shows that after login, the form for residency will appear and after

filling out the data must be editable, and the admin or barangay officials will be having a

search bar for easy access to the resident information. After that the development team

focus on user tab where the admin will be able to see who’s the verified residents and

he/she can choose an authorize staff to manipulate the system and lastly the users can be

deleted by the admin. “Working” means the designated task has been skip and loopback

after doing another task to make it done.

Table XV. Sprint Backlog

USER STORIES TASKS DURATION START END Status

Designed and coded 2 days Sep-2 Sep-3 Done
As an admin/barangay the Program and
authorized staff I can event form as well
create Program and event as the structure of
post. its table on the
Database.
As an admin/barangay Coded and tested 2 days Sep-3 Sep-4 Done
authorized staff I can Edit editing Program and
Program and event post. event post.
 42

As an admin/barangay Coded and tested 1 day Sep-4 Sep-4 Done

authorized staff I can deleting Program
delete Program and event and event post.
post.
Coded and tested 1 day Sep-5 Sep-5 Done
As a user I can be able to
viewing the posted
view the Program and
Program and
Event post.
Events.
Coded and tested 1 day Sep-5 Sep-5 Done
As a user I can be able to
search bar in
search the Program and
Program and
Events.
Events.

Table XV shows that the development team made a creating of Program and

Event where it is editable, removable, searchable and it can be able to view by the user.

Table XVI. Sprint Backlog

USER STORIES TASKS DURATION START END Status

As an admin/barangay Designed and coded 2 days Sep-6 Sep-7 Done
authorized staff I can the Scheduling form
create Scheduling for the as well as the
Barangay Officials duty structure of its table
in and out. on the Database.
As an admin/barangay Coded and tested 2 days Sep-7 Sep-8 Done
authorized staff I can Edit editing Scheduling
Barangay Officials duty for Barangay
in and out. Officials duty.
As an admin/barangay Coded and tested 2 days Sep-8 Sep-9 Done
authorized staff I can deleting Scheduling
delete scheduling for for Barangay
Barangay Officials duty Officials duty.
in and out.
Coded and tested 2 days Sep-8 Sep-9 Done
As a user I can be able to
viewing the duty
view the duty schedule of
schedule of the
the Barangay Officials.
Barangay Officials.
 43

Table XVI shows that after developing a posting of events, the scheduling now

for the duty schedule of the Barangay Officials will prioritize by the developing team

where the admin or barangay staff will be able to create, edit, delete schedule and it is

able to view by the users.

Table XVII. Sprint Backlog

USER STORIES TASKS DURATION START END Status

Designed and coded 2 days Sep-10 Sep-11 Done
As an admin/barangay the Announcement
authorized staff I can form as well as the
create Announcement. structure of its table
on the Database.
As an admin/barangay Coded and tested 2 days Sep-11 Sep-12 Done
authorized staff I can Edit editing posted
posted announcement. announcement.
As an admin/barangay Coded and tested 1 days Sep-12 Sep-12 Done
authorized staff I can deleting posted
delete posted announcement.
announcement.
As a user I can be able to Coded and tested 1 day Sep-13 Sep-13 Done
search the posted search bar in
announcement. announcement.
As a user I can be able to Coded and tested 1 day Sep-13 Sep-13 Done
view the posted viewing the posted
announcement. announcement.
 44

Table XVII shows that the system that is developing by the team has a separation

towards posting events and announcement. The developing team create an announcement

tab where the admin or barangay authorize staff will be able to create, edit, and delete

announcement. It has a search bar for easy access, and the posted announcement will be

viewable by the user.

Table XVIII. Sprint Backlog

USER STORIES TASKS DURATION START END Status

As an admin/barangay Design and coded 3 days Sep-14 Sep-16 Working-
authorized staff I can Map information Done
input Map information. from Google API
As an admin/barangay Coded and tested 2 days Sep-16 Sep-17 Working-
authorized staff I can editing Map Done
Edit Map information. information.
As an admin/barangay Coded and tested 1 day Sep-17 Sep-17 Done
authorized staff I can removing map
delete Map information. information.
As a user I can be able Coded and tested 1 day Sep-18 Sep-18 Done
to view the Map viewing the Map
information. information.
 45

Table XVIII shows that the developing team work hard to input web base

mapping on the chosen locale were working 5 executive days is not enough to finish the

functionality of the map in the system. Moreover, “working” means the designated task

has been skip and loopback after doing another task to make it done. Lastly, the

developing team made a different colored pin to manipulate the information in the map

and it is editable and removable that the user will be able to see it when it’s created by the

admin nor barangay authorize staff.

Table XIX. Sprint Backlog

USER STORIES TASKS DURATION START END Status

Designed and 1 day Sep-19 Sep-19 Done
coded the Pending
As an admin/barangay
paper transaction
authorized staff I can be
request as well as
able to view pending
the structure of its
request transaction.
table on the
Database.
As an admin/barangay Coded and tested 2 days Sep-20 Sep-21 Working-
authorized staff I can approving paper Done
Approve paper transaction
transaction request. request.
As an admin/barangay Coded and tested 1 day Sep-21 Sep-21 Done
authorized staff I can giving claiming
give claiming date on date.
the paper transaction
request.
As an admin/barangay Coded and tested 1 day Sep-22 Sep-22 Working-
authorized staff I can disapproving paper Done
Disapprove paper transaction
transaction request. request.
As an admin/barangay Coded and tested 1 day Sep-22 Sep-22 Done
authorized staff I can be viewing close
able to view the close paper transaction
 46

paper transaction request.

request.
As a user I can be able Coded and tested 1 day Sep-23 Sep-23 Working-
to request paper Requesting paper Done
transaction. transaction.

Table XIX shows that the developing team handling paper transaction request

where the admin or barangay authorize staff is able to view the pending paper transaction

request and able to approve nor disapprove it that I as under “working” phase and has

been done when days pass by. After approving the admin or barangay authorize staff will

be able to give claiming date to the user who request the paper transaction. Moreover, the

admin or barangay authorize staff will be able to view the close request. Lastly, the user

can request a paper transaction in this tab.

Table XX. Sprint Backlog

USER STORIES TASKS DURATION START END Status

Designed and 1 day Sep-24 Sep-24 Working-
coded the Blotter Done
As a user I can be able report form as well
to Send Blotter Report as the structure of
its table on the
Database.
As an admin/barangay Coded and tested 1 day Sep-25 Sep-25 Done
authorized staff I can Viewing Blotter
View Blotter Report. Report.
As an admin/barangay Coded and tested 2 days Sep-25 Sep-26 Done
authorized staff I can Investigating
Investigate Blotter Blotter Report.
Reports.
As an admin/barangay Coded and tested 1 day Sep-26 Sep-26 Done
authorized staff I can Marking blotter
Mark the Blotter Report report as close
as close. (done).
 47

Table XX shows that the user can now send a report by the system developed by

the developing team and the admin or barangay authorize staff can now have digitalize

record were they can investigate it and mark it as close when it’s done.

Table XXI. Sprint Backlog

USER STORIES TASKS DURATION START END Status

Designed and coded 2 days Sep-27 Sep-28 Done
the Feedback form
As a user I can give
as well as the
feedback.
structure of its table
on the Database.
As a user I can delete my Coded and tested 1 day Sep-28 Sep-28 Done
comment. deleting feedback.
As an admin/barangay Coded and tested 2 days Sep-29 Sep-30 Done
authorized staff I can commenting and
comment and reply to the replying to the
feedback from the user. feedback.

Table XXI shows that the user can be able to give feedback to the system and it is

removable when the user input a wrong or misspelled word. Hence, the admin or the

barangay authorize staff will be able to reply on the feedback came from the user.
 48

Burndown chart
120

100

80
Percent

60

40

20

0
19-Jul 30-Jul 13-Aug 27-Aug 10-Sep 24-Sep 1-Oct 7-Oct 14-Oct 21-Oct 30-Oct

DATE

Estimated Time Actual Time

4.2.3.3 Project Schedule Figure 2. Burn Down Chart Sample Only

Figure 8. Burndown Chart

Figure 7 shows the burndown chart of the developed system. The most frequent

sprint tracking technique was the burndown chart, and it shows how work was done. The

blue color line shows the estimate time to develop the system while the orange color line

shows actual time spend to develop the system.

4.3 To evaluate the performance of Barangay Information

System with Web Base Map by means of UX evaluation, functionality,

security, and compatibility tests. This is objective number 2

4.3.1 Security Test

 49

The researchers conducted a research and created an evaluation form which consist

of Security Testing. The Security Test has 3 sub-categories; Confidentiality, Non-

repudiation and Integrity. Respondents are able rate the following from 1-5 with the

scale of 1.0-1.49, 1.5-2.49, 2.5-3.49, 3.5-4.49, and 4.5-5 which has a verbal description

that states respondents strongly disagree, disagree, undecided, agree and strongly

agree.

1.1.1 Compatibility Test

The researchers conducted a research and created an evaluation form which consist

of Compatibility Testing. The Compatibility Test has 5 sub-categories; Adaptability,

Replaceability, Stability, Changeability and Reusability. Respondents are able rate the

following from 1-5 with the scale of 1.0-1.49, 1.5-2.49, 2.5-3.49, 3.5-4.49, and 4.5-5

which has a verbal description that states respondents strongly disagree, disagree,

undecided, agree and strongly agree.

4.3.2 UX Evaluation

The researchers conducted a research and created an evaluation form which consist

of UX Evaluation. The UX Evaluation has 8 sub-categories; Ease of learning,

Memorability, Efficiency of use, Intuitive design, Subjective satisfaction, Accessibility,

Operability, and First-time User. Respondents are able rate the following from 1-5 with

the scale of 1.0-1.49, 1.5-2.49, 2.5-3.49, 3.5-4.49, and 4.5-5 which has a verbal
 50

description that states respondents strongly disagree, disagree, undecided, agree and

strongly agree.

4.3.3 Functional Testing

The researchers conducted a research and created an evaluation form which consist

of Functional Testing. The Functional Testing has 3 sub-categories; Completeness,

Correctness, Appropriateness, Clarity and Responsiveness. Respondents are able rate

the following from 1-5 with the scale of 1.0-1.49, 1.5-2.49, 2.5-3.49, 3.5-4.49, and 4.5-5

which has a verbal description that states respondents strongly disagree, disagree,

undecided, agree and strongly agree.

Figure 9.System Evaluation from SK Secretary

Figure 9 shows that the system is evaluated and tested by Ms. Jennyllyn Bondoc

that serves as an SK Secretary who lives in San Francisco, Tarlac City.

 51

Figure 10. System Evaluation from the User

Figure 10 shows that the system is evaluated and tested by Ms. Allysa San diego

who lives in San Francisco, Tarlac City.

Figure 11. System Evaluation from the User

Figure 11 shows that the system is evaluated and tested by Ms. Joyce Anne

Martelino who lives in San Francisco, Tarlac City.

 52

Figure 12. System Evaluation from the User

Figure 12 shows that the system is evaluated and tested by Mr. Marco Iñigo

Peñamante who lives in San Francisco, Tarlac City.

Figure 13. System Evaluation from the User

Figure 13 shows that the system is evaluated and tested by Mr. Joshue Manaloto

that serves as an IT Expert who lives in San Francisco, Tarlac City

 53

5 RESULTS AND DISCUSSION

This chapter shows the results of the developed system and evaluation by means

of functionality testing, security testing, compatibility testing and UX Evaluation.

5.1 Design and Development of Barangay Information System

with Web Base Map This is objective number 1

Figure 14. Log-in Page of Admin

 54

Figure 14 shows the login page for the administrator. The login page held the
sign-up for the registration and sign in for the system to access. After the registration, the
administrator can now access the system and manipulate it.

Figure 15. System Administrator’s Dashboard Page

Figure 15 shows the dashboard that can be seen by the administrator. The
dashboard tab is for the summary of the data encoded in the system. The numbers and the
label will be based on the data input. The administrator landing page will be the
dashboard page.
 55

Figure 16. System Administrator’s Resident Page

Figure 16 shows the resident page for the administrator. Resident page is consist
with the full name, role, birthday, gender, address and contact number of the resident.

Once the resident sign-up, the data will be shown below it can be update nor delete.
 56

Figure 17. System Administrator’s User Page

Figure 17 shows the user page for the administrator. User page is consist with the
full name, username, email, and contact number of the resident and admin. Once the
resident sign-up, the data will be shown below. Moreover, in this page the admin can set

a authorize staff to have a same privilege to manipulate the system same as the admin.

Figure 18. System Administrator’s Mapping Page

Figure 18 shows the Mapping Page for the administrator. The Web Base Mapping
consist with three part the highlights of the said barangay, house of a barangay officials
and SK members. Moreover, the pin is clickable for its information.
57

Figure 19. System Administrator’s Scheduling Page

 58

Figure 19 shows the Scheduling Page for the administrator. The scheduling page
can be done weekdays, weekend, and daily it is made for the residents to see the
availability of the barangay officials.

Figure 20. System Administrator’s Event Page

 59

Figure 20 shows the Event page for the administrator. The administrator can
create an event using this page where the upcoming, ongoing, and Just done event will be
seen by the admin and residents and after the day pass it will be move in “Done” tab. It is
made to organize date and time of the event.

Figure 21. System Administrator’s Announcement Page

Figure 21 shows the announcement page for the administrator. In this page it is
made for the residents to be aware on the updated protocols of the barangay. The
administrator can post any urgent announcement in this announcement page.
 60

Figure 22. System Administrator’s Feedback Page

Figure 22 shows the Feedback page for the administrator. Feedback page is
created for the developers to know the strength and weaknesses of the system that has
been done. Feedback Page can help the developers to enhance the made system.
 61

Figure 23. System Administrator’s Transaction Request Page

Figure 23 shows the Transaction Request page for the administrator. Transaction
Request page is created to have a paper transaction request for the Residency, Indigency,
Barangay Clearance and Barangay Permit. If the request paper is approved the user will
receive a message that the request is approved with date to claim. Else, the user will
receive a message that the request paper is disapproved.

Figure 24. System Administrator’s Blotter Report Page

Figure 24 shows the Blotter Report page for the administrator. Blotter Report
page is created for the user to send a blotter report via web base and the administrator
will be able to see it by name, address, contact number, date report and the case for the
barangay officials to take an action. When its under investigation it will be move to
 62

ongoing reports and when its done it will be move on close report and the remaining
cases will be seen in the pending reports.

Figure 25. System User’s Dashboard Page

Figure 25 shows the dashboard that can be seen by the user. The dashboard page
is the landing page for the user and the notification coming from the admin is visible by
this page. When the user click one of those features the system will lead the user to
another page (page clicked by the user).
5.2 To evaluate the performance of Barangay Information

System with Web Base Map by means of UX Evaluation, functionality,

security, and compatibility tests. This is objective number 2

RATINGS SCALE VERBAL DESCRIPTION

5 4.5-5 Strongly Agree
4 3.5-4.49 Agree
3 2.5-3.49 Undecided
2 1.5-2.49 Disagree
1 1.0-1.49 Strongly Disagree
 63

Table XXII.

Security Rating Weighted Verbal Interpretation

Mean
1 2 3 4 5
1. Confidentiality – the users personal 2 3 4.60 Strongly Agree
information are kept private and
protected and is only accessible by the
authorized person for legal matters.
2. Non-repudiation – the transactions of 2 3 4.60 Strongly Agree
requesting and claiming of papers are
recorded in the system
3. Integrity – the system requires right 2 3 4.60 Strongly Agree
credentials to its users to keep track of
right records and produce efficient and
fast transactions. Also providing trusted
information and keep up-to-date
informations.
Total Mean = 4.60 Strongly Agree
The table XXII shows the evaluation on Security of the developed system. The
Security has 3 sub-categories; Confidentiality, Non-repudation and Integrity. The total
mean for the evaluation of Users is 4.60 and verbal interpretation in Strongly Agree.

Table XXIII.
Compatability Rating Weighted Verbal
Mean Interpretation
1 2 3 4 5
1. Adaptability – the system can 1 3 1 4 Agree
effectively and efficiently be adapted for
different or evolving hardware, software
or other operational usage environments
2. Replaceability – the system to be used 4 1 4.20 Agree
in place of another special product for
the same purpose within the same
environment
 64

3. Stability – ability of the system to 2 3 4.60 Agree

remain responsive and stable after
modification process.
4. Changeability – the system’s ability to 2 3 4.60 Agree
undergo changes.
5. Reusability – can be used in more than 4 1 4.20 Agree
one system or in building other assets.
Total Mean 4.32 Agree
The table XXIII shows the evaluation on Compatibility of the developed system.
The Compatibility has 5 sub-categories; Adaptability, Replaceability, Stability,
Changeability and Reusability. The total mean for the evaluation of Users to
Compatibility is 4.32 and verbal interpretation is Agree.
Table XXIV

Functional Testing Rating Weighted Verbal

Mean Interpretation
1 2 3 4 5
1. Completeness – all the stated needs and 1 5 4.80 Strongly Agree
objectives of how the system will work based
on the written manuscript are met.
2. Correctness – the working system meet all 5 5 Strongly Agree
the requirements from its functionalities,
design and output given proposed objective.
3. Appropriateness - the system provides, had 5 5 Strongly Agree
met and serve its purpose as to the proposed
objectives and goals of the researcher.
4. Clarity – the labels and functionalities are 5 5 Strongly Agree
clear and easy to understand
5. Responsiveness- the system is able to 5 5 Strongly Agree
respond and process quickly upon using
Total Mean 4.96 Strongly Agree
The table XXIV shows the evaluation on Functionality of the developed system. The
Compatibility has 5 sub-categories; Completeness, Correctness, Appropriateness, Clarity and
Responsiveness. The total mean for the evaluation of Users to Compatibility is 4.96 and verbal
interpretation is Strongly Agree.
 65

UX Evaluation Rating Weighted Verbal

Mean Interpretation
1 2 3 4 5
1. Ease of learning – how fast a user 3 2 4.40 Strongly
who has never seen the user interface Agree
before can be familiarize with how
the system works.
2. Memorability – After visiting the 2 3 4.60 Strongly
site, if a user can remember enough Agree
to use it effectively in the future
visits.
3. Efficiency of use – the system 1 4 4.80 Strongly
meet the needs of the user and Agree
provide desired results.
4. Intuitive design – a nearly 2 3 4.60 Strongly
effortless understanding of the Agree
architecture and navigation of the
system.
5. Subjective satisfaction – if the user 1 4 4.80 Strongly
likes using the system. 1 4 Agree
6. Accessibility – the system is user- * 5 5 Strongly
friendly, available and easily 5 Agree
accessed to anyone who needs it.
7. Operability – the system has * 5 5 Strongly
attributes that make it easy to operate 5 Agree
and control
8. First-Time User – The system can * 5 5 Strongly
be easily used by first time users. 5 Agree
Total mean 4.77 Strongly
Agree
Table XV
Table XV shows the evaluation on UX Evaluation of the developed system. The
UX Evaluation has 8 sub-categories; Ease of learning, Memorability, Ease of use,
Intuitive design, and Subjective satisfaction, Accessibility, Operability and First-Time
 66

User. The total mean for the evaluation of Users to UX Evaluation is 4.77 and verbal
interpretation is Strongly Agree.
 67

6 CONCLUSIONS AND RECOMMENDATIONS

6.1 Conclusion

The researchers successfully accomplish to carry out the design and development

of the proposed system entitled “Barangay Information System with Web Base Mapping”

intended for Barangay San Francisco, Tarlac City. Having the following features and

functionalities; Log in, Forgot Password, Manage Account, Program and Events Page,

Barangay Personnel Scheduling Page, Announcement Page, Map Page, Request

Transaction Page, Blotter Page and Feedback. To gain access and acquire the privileges

offered by system users must log-in to create account providing right credentials; they

will be able to manage their accounts and retrieve passwords when forgotten. The user

accounts and their information are visible to the administrator’s account which will be

used for future transactions and will be useful and convenient for the barangay officials

when gathering of data is needed around the barangay. This will effectively save them

more time which will fasten and improve the day to day the transactions between

residents and the barangay officials (secretary and treasurer). Barangay officials and

Sangguniang Kabataan officials won’t necessarily has to call out the residents for

meetings and announcements for they can easily make post about it to well inform,

educate and for the awareness of the residents on the on-going activities of the barangay,

they can check it at the Program and Events Page. Everyone who wish to see the schedule

and available on-duty barangay official will be seen at Barangay Personnel Scheduling
 68

Page. Upcoming and ongoing activities will be posted at Announcement Page. To anyone

who is new to the barangay and needed to be familiarize for certain purposes we have the

Map Page which highlights the said barangay, house of a barangay officials and SK

members. Requesting of papers such as barangay indigency, barangay permit and

clearance will be available at Request Transaction Page. For blotter reports users can file

request at Blotter Page and lastly users can make comments and share their experience

using the system for Feedbacks which will be useful in improving the system. With these

features barangay can keep up with the demands of its residents and cope up with

challenges being faced due to changes in situations, with the help of the system face to

face interactions between residents and barangay of ficials can decrease and be limited.

1. Residents - The flow of information towards the barangay has been made easier
for the residents for they can easily gain access to it using their smartphones,
tablets, and laptops by visiting the systems website. Requesting of documents
such as barangay clearance, indigency and permit can be easily done at Request
Transaction Page, as well as appealing for blotter reports. Residents will only
have to make interactions when the request is ready for claiming.

Barangay Official – Transaction is faster and improved and informing the

residents has been made easier, will give the barangay officials ample of time to
do other tasks that will save them lots of time. Through the residents user
accounts the process of gathering information will be easier as well as the flow of
information around the barangay.

Administrator - Will have digitalized record that will make transactions and
processes easier.

2. The Result of the evaluation conducted by the researchers shows that the users
verbal interpretation strongly agree when it comes to the security testing,
compatibility, functionality, and User experience of the system.
 69

6.2 Recommendations

The findings of the researchers led the following recommendations:

1. For the future researchers who will undertake the same study, we recommend you to

make additional features to your system such as having a downloadable softcopy of the

requested barangay certification for the residents, this will be more convenient for

everyone providing them faster transactions.

2. For the future researchers, it is recommended to enhance the GUI of the system. If

possible, allow the user to input display picture in their profile. Also make efforts on

enhancing the designs and styles of the system.

3. For the future researchers, if possible, try to include direct messaging or chat

communication to have a private conversation between the users.

 70

REFERENCES

[1] [1, p. 22] [1] M. APARICI and J. RUELAN, “Web-Based Barangay Information
System for Malita, Davao Occidental,” Researchgate.Net, no. May, 2018, doi:
10.13140/RG.2.2.24939.64801.

[2] R.F. Sarne, "Brgy Profiling"

https://www.scribd.com/document/283965374/BRGY-Profiling-System

[3] R. Mee, “Barangay Management,” vol. 3, no. 2, pp. 26–32, 2016, [Online].
Available:
https://www.academia.edu/30580750/BARANGAY_MANAGEMENT.

[4] [1, p. 15] M. APARICI and J. RUELAN, “Web-Based Barangay Information

System for Malita, Davao Occidental,” Researchgate.Net, no. ````May, 2018, doi:
10.13140/RG.2.2.24939.64801.

[5] R. Mee, “Barangay Management,” vol. 3, no. 2, pp. 26–32, 2016, [Online].
Available:
https://www.academia.edu/30580750/BARANGAY_MANAGEMENT.

[6] R. Mee, “Barangay Management,” vol. 3, no. 2, pp. 26–32, 2016, [Online].
Available:
https://www.academia.edu/30580750/BARANGAY_MANAGEMENT.

[7] M.J. Lado, M. Maloloy-on, G.C. Perez, P. K. Rizaldo, S. Tacocong, H. Cando,

“COMPUTERIZED INFORMATION SYSTEM IN BARANGAY
POBLACION, DANAO CITY, CEBU - CAPSTONE PROJECT”

[8] Far eastearn university, “Web-based barangay information system for malita,”
may 2018. https://www.corsehero.com/file/54845019/Chap2docx/

[9] R.F. Sarne, "Brgy. Profiling."

https://www.scribd.com/document/283965374/BRGY-Profiling-System

[10] M.J. Lado, M. Maloloy-on, G.C. Perez, P. K. Rizaldo, S. Tacocong, H. Cando,

“COMPUTERIZED INFORMATION SYSTEM IN BARANGAY
POBLACION, DANAO CITY, CEBU - CAPSTONE PROJECT”

[11] BusinessCoach, Inc. "Electronic records management" September 2008

http://www.businesscoachphil.com/electronic-records-management
 71

[12] University of Melbourne, “Records Management Policy (MPF1106),” Melb.

Policy Libr., no. c, pp. 3–5, 2019, [online]. Available:
https://policy.unimelb.edu.au/MPF1106.

[13] M. G. Magondu, D. N. Kuria, and M. M. Ngigi, “Web-based land information

management system: a case study of nairobi city council,” Proc. Annu. Jomo
Kenyatta Univ. Agric. Technol. Sci. Conf., pp. 483–494, 2012, [Online].
Available: http://journals.jkuat.ac.ke/index.php/jscp/article/viewFile/1077/881.

[14] M. G. Magondu, D. N. Kuria, and M. M. Ngigi, “Web-based land information

management system: a case study of nairobi city council,” Proc. Annu. Jomo
Kenyatta Univ. Agric. Technol. Sci. Conf., pp. 483–494, 2012, [Online].
Available: http://journals.jkuat.ac.ke/index.php/jscp/article/viewFile/1077/881.

[15] M.H Jo, S.J Park, M.S. Kim, Y.W. Jo, “The management system development of
campus facility information using web-based GIS”
https://www.geospatialworld.net/article/the-management-system-development-of-
campus-facility-information-using-web-based-gis/

[16] M. DORMAN, “ Introduction to Web Mapping” http://132.72.155.230:3838/js/

[17] [3, p. 3] [3] C. Zhou et al., “COVID-19: Challenges to GIS with Big Data,”
Geogr. Sustain., vol. 1, no. 1, pp. 77–87, 2020, doi:
10.1016/j.geosus.2020.03.005.
 72

APPENDICES

Appendix A: Definition of Terms

Database – refers to a storage of data to be retrieved during the runtime process of the
system.

Email - an electronic message that uses internet connectivity as a mean for transferring
letter. 

GUI - graphical User Interface is a display object that user can manipulate.

Information system - set of components for collecting, storing, and processing data and
for providing information, knowledge, and digital products.

Security – refers to the method use to secure the database of the system and include
password encryption.

Users – refers to persons who will use the system they are the administrator, residence,
and barangay personnel.

UX – user experience with an application

Web-Based - learning refers to the type of learning that uses the Internet as an
instructional delivery tool to carry out various learning activities.

Web map – process of using the maps delivered by geographic information systems on
the internet, more specifically on world wide web.
73

<Appendix B:> <Relevant Source Code>

74

CURRICULUM VITAE
75

EDEN VALERIE G.
CASTILLO
Bachelor of Science in Information Technology
Specialized in Networking and Administration
 76

OBJECTIVES

PERSONAL INFORMATION
Birthday: February 15, 2000 EDUCATIONAL ATTAINMENT
Age: 21
Gender:Female Tertiary: Tarlac State University
Status: Single Bachelor of Science in Information Technology
Nationality: Filipino Brgy. San Isidro, Tarlac City
Height: 5’2 2018-Present
Weight: 49 kgs.
Religion: Christian Secondary: Cuyapo National High School
Brgy. Bulala, Cuyapo, Nueva Ecija
2012-2018

Primary: Piglisan Elementary School

Brgy. Piglisan, Cuyapo, Nueva Ecija
CONTACT 2006-2012

PHONE:
09365634018

SEMINARS ATTENDED AND

EMAIL:
[email protected]
CERTIFICATIONS
PSITE WEBINAR- Crafting an IT Marketing Plan
ADDRESS: August 20, 2021
Brgy. Piglisan, Cuyapo, Nueva Ecija
MSME Caravan: Digital Learning Week with Google and Converge
August 28, 2021

Starting a Career as a Real World Developer Webinar

September 11, 2021

RIZZA G. DOMENDEN
Bachelor of Science in Information Technology
77

Specialized in Networking and Administration

 78

OBJECTIVES

PERSONAL INFORMATION
Birthday:
Age:
December 23, 1999
21
EDUCATIONAL ATTAINMENT
Gender:Female
Tertiary: Tarlac State University
Status: Single
Bachelor of Science in Information Technology
Nationality: Filipino
Brgy. San Isidro, Tarlac City
Height: 5’6
2018-Present
Weight: 50 kgs.
Religion: Baptist
Secondary: OLRA College Foundation, Inc.
Brgy. Poblacion, San Manuel, Tarlac
2012-2018

Primary: Gabaldon Central Elementary School

CONTACT Brgy. Poblacion, San Manuel, Tarlac
2006-2012
PHONE:
09956636831

EMAIL: SEMINARS ATTENDED AND

[email protected]
CERTIFICATIONS
ADDRESS: PSITE WEBINAR- Crafting an IT Marketing Plan
Brgy. San Miguel, San Manuel, Tarlac August 20, 2021

MSME Caravan: Digital Learning Week with Google and Converge

August 28, 2021

Starting a Career as a Real World Developer Webinar

September 11, 2021
79

ROLDAN KEITH F.
FRANCISCO
Bachelor of Science in Information Technology
Specialized in Networking and Administration
 80

OBJECTIVES

PERSONAL INFORMATION
Birthday: October 13, 1999
Age: 21 EDUCATIONAL ATTAINMENT
Gender:Male
Status: Single Tertiary: Tarlac State University
Nationality: Filipino Bachelor of Science in Information Technology
Height: 5’7 Brgy. San Isidro, Tarlac City
Weight: 70 kgs. 2018-Present
Religion: Baptist
Secondary: Roselle Academy of Tarlac, Inc.
Brgy. Baculong Victoria, Tarlac
2012-2018

Primary: Victoria West Central Elementary School

CONTACT Brgy. Baculong Victoria, Tarlac
2006-2012
PHONE:
09196109096

EMAIL:
[email protected] SEMINARS ATTENDED AND
CERTIFICATIONS
ADDRESS: PSITE WEBINAR- Crafting an IT Marketing Plan
Barangay Sta. Barbara Victoria, Tarlac August 20, 2021

MSME Caravan: Digital Learning Week with Google and Converge

August 28, 2021

Starting a Career as a Real World Developer Webinar

September 11, 2021

JUSTIN H. QUIAZON
Bachelor of Science in Information Technology
 81

Specialized in Networking and Administration

OBJECTIVES

PERSONAL INFORMATION
Birthday: October 11, 1999 EDUCATIONAL ATTAINMENT
Age: 22
Gender:Male Tertiary: Tarlac State University
Status: Single Bachelor of Science in Information Technology
Nationality: Filipino Brgy. San Isidro, Tarlac City
Height: 5’6 2018-Present
Weight: 50 kgs.
Religion: Roman Catholic Secondary: Tarlac National High School – San Miguel
Brgy. San Miguel, Tarlac
2012-2018

Primary: San Francisco Elementary School

Brgy. San Francisco, Tarlac
CONTACT 2006-2012

PHONE:
09484339177

EMAIL:
SEMINARS ATTENDED AND
[email protected] CERTIFICATIONS
PSITE WEBINAR- Crafting an IT Marketing Plan
ADDRESS: August 20, 2021
#20 Sampaguita St, Brgy. San Francisco Tarlac City
MSME Caravan: Digital Learning Week with Google and Converge
August 28, 2021

Starting a Career as a Real World Developer Webinar

September 11, 2021
82