i
LOCAL GOVERNMENT UNIT 3: BARANGAY
MAPPING WITH INTERACTIVE
MODEL USING OPEN
STREETMAP
A Thesis
Presented to the Faculty of
The College of Computer Studies
Bestlink College of the Philippines
In Partial Fulfilment
Of the Requirements for the Degree of
Bachelor of Science in Information Technology
MARY JOYCE P. BEDONIA
JUSTIN Q. GACHO
KRISTINE MAE B. GILLA
KARL CHRISTIAN D. PANIZALES
CHARMYN M. TOLOSA
March 2025
ii
APPROVAL SHEET
This
capstone
entitled
LOCAL
GOVERNMENT
UNIT
3:
BARANGAY MAPPING WITH INTERACTIVE MODEL USING OPEN
STREET MAP, prepared and submitted by Mary Joyce P. Bedonia,
Justin Q. Gacho, Kristine Mae B. Gilla, Karl Christian D. Panizales,
Charmyn M. Tolosa, in partial fulfilment of the requirements for the degree
of Bachelor of Science in Information Technology, has been examined and
is recommended for acceptance and approval Oral Defense.
CHRISTIAN REMPILLO
Adviser
CAPSTONE REVIEW PANEL
Approved by the Committee on Oral Examination with a grade of ____.
VINCENT CARLO T. GARADOS
ENGR. REYNANTE B. PONAY
Member
Member
RYAN LASER LLANO
Chairperson
Accepted and approved in partial fulfillment of the requirements for
the degree of Bachelor of Science in Information Technology.
ROSICAR E. ESCOBER, Ph. D
Dean, College of Computer Studies
Date of Final Defense: March 16, 2025
iii
ACKNOWLEDGMENT
The researchers would like to express their heartfelt thanks and
gratitude to the following persons who, in one way or another, has
contributed much, and extended willingness and support needed to make
this research possible:
Dr. Maria M. Vicente, President/CEO, Bestlink College of the
Philippines, for her generosity and kind heart in establishing this institution
and giving opportunities to those less fortunate students to continue their
studies and pursue their dreams;
Ms. Edith M. Vicente, Executive Vice President, for providing the
needed information to complete this research;
Dr. Charlie I. Cariño, Vice President for Academic Affairs, for his
support and encouragement to make this thesis writing possible;
Engr. Diosdado T. Lleno, Vice President for Administration and
Finance, for his words of encouragement and motivation;
Dr. Joy Evelyn A. Ignacio, Director, Center for Research and
Development, for her good heart to extend her help needed by the
researchers.
Dr. Rosicar E. Escober, Dean, College of Computer Studies of
Bestlink College of the Philippines, for providing a guideline documentation
in capstone project.
iv
Mr. Rommel J. Constantino, Program Head, Bachelor of Science
in Information Technology, for the constant supervision as well as providing
necessary information regarding the project and also for his support in
completing this project
Mr. Ronald G. Roldan Jr., Research Coordinator, for helping us in
improving our research and guiding us in completing this project.
Mr. Christian Rempillo, Capstone Adviser, for giving us
suggestions and ideas to improve our research and guiding us in
completing this project.
Panelists, Vincent Carlo T. Garados, Engr. Reynante B. Ponay,
and Mr. Ryan Laser Llano, who extended their effort and time to be able
to constructively criticize this thesis and share their knowledge with them
to deepen and widen their needed information.
Families and Friends, for all the financial and moral support that
have enabled the researchers to triumph all the challenges, especially
during the lowest time that served as their inspiration to complete this
study; and
Above all, to the Almighty God, for the strength and knowledge that
were used for the accomplishment of this research journey.
THE RESEARCHERS
v
DEDICATION
This business research study is wholeheartedly dedicated first and
foremost to the researchers, for executing dedication, time, effort,
motivation, sacrifice, and courage to make this conducting study a fruitful
and successful piece of work.
To our beloved parents who have been our inspiration and gave
us strength when we thought of giving up, which continually provide their
moral, spiritual, emotional and financial support.
To each sibling and circle of friends who shared their words of
advice and encouragement to finish this study.
To the research advisers and professors, for extending help by
giving guidance, supervision, time and wisdom to the researchers in
conducting this business research study.
And lastly, above all, to our Almighty God, for giving guidance,
strength, power of mind, protection, skills and for giving us a healthy life.
All of these we offer to you.
THE RESEARCHERS
vi
ABSTRACT
Title:
LOCAL GOVERNMENT UNIT 3: BARANGAY MAPPING
WITH INTERACTIVE MODEL USING OPENSTREETMAP
Authors:
MARY JOYCE P. BEDONIA
JUSTIN Q. GACHO
KRISTINE MAE B. GILLA
KARL CHRISTIAN D. PANIZALES
CHARMYN M. TOLOSA
Degree:
Bachelor of Science of Information Technology
Major:
Information Management, Information Security, Network
Administrative
Date of Completion:
As the Local Government Units, the ongoing new challenges require
a high quality of planning and resource management tools. A barangay,
generally in the Philippines, which is the smallest part of government,
hardly has updated maps and spatial data; hence, it is harder to govern
well while helping communities grow. This study concentrated on LGU 3:
Barangay Mapping with Interactive Model using OpenStreetMap, it designs
to create an interactive model that aids local government units in planning,
resource allocation, and community engagement.
vii
Combining survey and record-based collecting with the compilation
of detail maps and inclusion of crucial spatial data to infrastructure,
demographics, and available resources. Results have manifested that the
interactive mapping model greatly improves the working mechanisms of
local governments, making it easier to share resources and involve the
community. Nevertheless, difficulties related to assuring the accuracy of
data, training local government staff, and maintaining the sustainability of
the system over time need to be addressed to fully benefit from the project.
This research presents useful information for future applications of GIS
technology in local government that can promote improved decisionmaking processes in barangays that are more inclusive.
This project creates an interactive mapping model for barangays
using OpenStreetMap, in order to provide the help needed for improving
planning, resource allocation, and community engagement among local
government units. Barangays are the smallest administrative units of the
Philippines and often do not have accurate and updated maps, which are
very essential in good governance.
viii
TABLE OF CONTENTS
Page
TITLE PAGE
i
APPROVAL SHEET
ii
ACKNOWLEDGMENT
iii
DEDICATION
v
ABSTRACT
vi
TABLE OF CONTENTS
viii
LIST OF TABLES
xiii
LIST OF FIGURES
xiii
LIST OF APPENDICES
xiv
CHAPTER
1
INTRODUCTION
1.1.
Background of the Capstone Project
1
1.2.
Context and Scope
3
1.3.
Problem Statement
4
1.4.
Objectives and Goals
5
1.5.
Significance and Relevance
6
1.6.
Structure of the Document
8
ix
2
RELATED STUDIES AND LITERATURE
2.1.
Agile Scrum Methodology Overview
10
2.2.
Enterprise Architecture Concepts
14
2.3.
Microservices Architecture
16
2.4.
DevOps and CI/CD
17
2.5.
Relevant Studies and Research
17
2.6.
Integration of Information Systems in
20
Enterprise Environment
3
METHODOLOGY
3.1.
Agile Scrum Methodology in the Project
23
3.2.
Roles (e.g., Scrum Master, Product Owner,
26
Development Team)
3.3.
Sprint Cycles (e.g., Sprint Planning,
28
Daily Standups, Sprint Review)
3.4.
Scrum Artifacts (e.g., Product Backlog,
30
Sprint Backlog)
3.5.
Microservices Architecture
35
3.6.
DevOps Implementation
37
3.9
Integration Approach
40
3.10
Innovation Integration
40
x
4
5
6
7
8
REQUIREMENTS ANALYSIS
4.1.
Stakeholder Identification
43
4.2.
Requirements Gathering Techniques
44
4.3.
User Stories and Use Cases
45
4.4.
Functional Requirements for Integration
46
BUSINESS PROCESS ARCHITECTURE
5.1
Identification of Business Processes
47
5.2
Business Process Diagram
49
5.3
Alignment of Integrated System
51
5.4
Business Process Improvements
52
APPLICATION ARCHITECTURE
6.1
Application Architecture Diagram
52
6.2
Integration of Software Modules
52
6.3
Communication and Interaction Patterns
53
DATA ARCHITECTURE
7.1
Data Source and Types
54
7.2
Data Flow Diagram
55
7.3
Data Storage and Management
55
7.4
Data Synchronization Across System
55
TECHNOLOGY ARCHITECTURE
8.1
Technology Stack and Infrastructure
57
xi
9
8.2
Network Topology and Configuration
58
8.3
Software Technologies
58
8.4
Scalability and Performance Considerations
59
DEVELOPMENT PROCESS
9.1
Agile Scrum Roles and Responsibilities
60
9.2
Sprint Planning and Backlog Management
62
LIST OF TABLES
Table
Page
1
Goals & Objectives
6
2
Scrum board
25
3
Roles & Responsibilities
26
4
Sprint Cycles
28
5
Product Backlog
30
6
Monitoring
31
7
Sprint Backlogs
35
8
Stakeholder Identification
43
9
Milestone List
45
10
Software Technologies
58
11
Agile Scrum Roles and Responsibilities
60
12
Sprint Planning Workflow
63
xii
13
User Story Backlog
64
14
Technical Implementation Details
66
15
Tools and Technologies Used
67
16
Integration Testing and Debugging
68
LIST OF FIGURES
Table
Page
1
Agile Scrum Methodology
26
2
Microservices Architecture Diagram
39
3
Communication Pattern
40
4
System Network Diagram
40
5
DFD Diagram
40
6
CI/CD Pipeline
41
7
Infrastructure as Code (IaC)
42
8
Monitoring & Alerting
42
9
API Gateway
46
10
Use Case Diagram
46
11
Sequence Diagram (Admin)
47
12
Sequence Diagram (User)
47
xiii
REFERENCE
106
LIST OF APPENDICES
Appendix A: Process Diagrams
109
Appendix B: User Survey
110
Appendix C: User Stories and Use Case
114
Appendix D: Sample Data
114
Appendix E: Adviser Acceptance Letter
115
Appendix F: Panel Evaluation & Panel Signature
116
1
Chapter 1
Introduction
1.1
BACKGROUND OF THE CAPSTONE PROJECT
This study focuses on developing an interactive mapping model for
barangays using OpenStreetMap to enhance local government unit (LGU)
planning and decision-making processes. By utilizing Geographic Information
System (GIS) technology, the project integrates spatial data related to
demographics, infrastructure, and resources within barangays. The interactive
model allows stakeholders to visualize and analyze data effectively, facilitating
better resource allocation and community engagement.
The methodology involves data collection through surveys and existing
municipal records, followed by the creation of detailed maps displaying various
thematic layers. The interactive features of the model enable users to filter and
query information, promoting a deeper understanding of local dynamics. The
findings highlight the potential of GIS in improving service delivery, urban planning,
and disaster management within barangays. This project serves as a prototype for
future applications of GIS in local governance, ultimately contributing to more
informed and participatory decision-making processes.
This project focuses on mapping barangays, the smallest administrative
divisions in the Philippines, using OpenStreetMap. The goal is to create an
2
interactive model that aids local government units (LGUs) in planning, resource
allocation, and community engagement.
Barangays are crucial local governments to enable them to engage people
at the individual level as well as addressing their concerns. But sadly, many
barangays have insufficient and outdated maps, they are needed for the proper
organization of resources and planning. With the use of Open Street Map, an opensource program that enables in-depth spatial analysis and visualization, this
capstone project seeks to close this gap through barangay mapping.
The significance of mapping barangays cannot be overestimated. Accurate maps
enable local governments to make informed decisions regarding infrastructure,
resource allocation, and community services. For instance, they help identify areas
needing development, such as
preparedness
measures.
schools, health facilities, and
Moreover,
well-mapped
barangays
disaster
enhance
transparency and accountability in local governance, empowering citizens to
engage actively in community development.
A key objective of this project is to create comprehensive maps that reflect various
aspects of the barangay, including land use, population distribution, and
infrastructure. By leveraging OpenStreetMap, we can effectively analyze and
visualize spatial data, integrating diverse sources to create layered maps that
present critical information in an accessible format.
3
This project focuses on the mapping of Barangays, the smallest administrative
divisions in the Philippines, using OpenStreetMap. The goal is to create an
interactive model that aids local government units (LGUs) in planning, resource
allocation, and community engagement.
1.2. CONTEXT AND SCOPE
This project focuses on the mapping of Barangays, the smallest
administrative divisions in the Philippines, using OpenStreetMap. The goal is to
create an interactive model that aids local government units (LGUs) in planning,
resource allocation, and community engagement.
Objectives
1. Data Collection: Gather spatial and non-spatial data on Barangays, including
demographics, infrastructure, and resources.
2. Mapping: Utilize QGIS to create detailed maps that visualize various aspects of
each Barangay.
3. Interactivity: Develop an interactive model that allows users to explore data
layers dynamically.
4. Decision Support: Provide tools for LGUs to make informed decisions based
on geographical and demographic insights.
Importance of Barangay Mapping:

Resource Allocation: Helps in identifying needs and prioritizing projects.
4

Community Engagement: Enables residents to understand their locality
better and participate in governance.

Disaster Management: Assists in planning for emergencies by mapping
hazards and vulnerabilities. Tools and Techniques.
1.3. PROBLEM STATEMENT
Many local government units (LGUs), especially at the barangay level,
struggle with effective planning, resource allocation, and community engagement
due to the lack of comprehensive and interactive mapping tools. The separate
data from various sources makes it difficult to visualize demographic trends,
infrastructure needs, and service delivery gaps. Despite GIS advances, outdated
techniques hinder decision-making, leading to inefficient governance and a
disconnect between local authorities and community needs. Modern universities
face multifaceted challenges in managing student data, scheduling courses, and
making informed decisions. These challenges include: Tedious and error-prone
manual data entry and record-keeping processes. Inefficient course scheduling
may lead to faculty workload imbalances and scheduling conflicts. An absence of
real-time, data-driven insights for decision-making, hinders strategic planning.
This project seeks to resolve these challenges by creating a university system
that automates student data management, optimizes faculty course scheduling,
and empowers administrators with a comprehensive dashboard for real-time data
insights.
5
Modern universities face multifaceted challenges in managing student data,
scheduling courses, and making informed decisions. These challenges include:
1. Tedious and error-prone manual data entry and record-keeping processes.
2. Inefficient course scheduling that may lead to faculty workload imbalances and
scheduling conflicts.
3. A lack of real-time, data-driven insights for decision-making, hindering strategic
planning.
This project seeks to resolve these challenges by creating a university system
that automates student data management, optimizes faculty course scheduling,
and empowers administrators with a comprehensive dashboard for real-time data
insights.
1.4. OBJECTIVES AND GOALS
The map should feature interactive elements like clickable layers and
pop-ups for location information, and a user-friendly interface for easy navigation.
Data accuracy and relevance should be ensured through data verification and
cross-referencing with existing records. Develop a user-friendly map using QGIS
to enhance residents' understanding and interaction with their community's
geographic information. The primary objective of this capstone project is to
develop an interactive mapping model for local government units (GUs),
specifically focusing on barangays, using OpenStreetMap. This model aims to
6
enhance the accessibility and visualization of geographic data, facilitating better
decision-making and community engagement.
Goals / Objectives
Data Collection and Integration
Interactive Mapping Development
Visualization of Geographic Data
Stakeholder Engagement
Description
- Gather spatial and non-spatial data
relevant to barangays, including
demographic, socio-economic, and
geographic information.
- Create an interactive map that allows
users to explore different barangay
features and information.
-Implement user-friendly tools for
zooming, panning, and querying data.
- Visualization of Geographic Data
Visualization of Geographic Data
- Conduct workshops with local
government officials and community
members to demonstrate the use of
the interactive model.
- Gather feedback to improve the
mapping tool and ensure it meets the
needs of stakeholders.
Capacity Building
- Provide documentation and
resources for future reference and
sustainability of the project.
Sustainable Development Goals
- Ensure that the mapping project
(SDGs) Alignment
aligns with relevant SDGs, particularly
those related to sustainable cities and
communities.
Table 1: Goals and Objectives
1.5. Significance and Relevance
A geographic information system (GIS) is a system for capturing, storing,
checking, and displaying data related to positions on earth’s surface. GIS can show
7
many different kinds of data on one map, such as streets, buildings, and
vegetation. This enables people to more easily see, analyze, and understand
patterns and relationships. Maps created through GIS are powerful tools for
communicating information to stakeholders, policymakers, and the public. They
make complex data more accessible and understandable. GIS plays a pivotal role
in land use planning and zoning. By exploring existing infrastructure, environmental
constraints and population density within the same interface, planners can make
informed decisions about where to allocate resources for development. GIS helps
users understand patterns, relationships, and geographic context. The benefits
include improved communication, efficiency, management, and decision-making.
This website GIS in monitoring and Evaluation of projects improves the
effectiveness and communications of results to management, funding partners,
and beneficiaries A geographic information system (GIS) is a system for capturing,
storing, checking, and displaying data related to positions on earth’s surface. GIS
can show many different kinds of data on one map, such as streets, buildings, and
vegetation. This enables people to more easily see, analyze, and understand
patterns and relationships. Maps created through GIS are powerful tools for
communicating information to stakeholders, policymakers, and the public. They
make complex data more accessible and understandable. GIS plays a pivotal role
in land use planning and zoning. By exploring existing infrastructure, environmental
constraints and population density within the same interface, planners can make
informed decisions about where to allocate resources for development. GIS helps
8
users understand patterns, relationships, and geographic context. The benefits
include improved communication, efficiency, management, and decision-making.
This website GIS in monitoring and Evaluation of projects improves the
effectiveness and communications of results to management, funding partners,
and beneficiaries. Incorporating barangay mapping using OpenStreetMap into
capstone projects not only equips students with practical skills but also addresses
real-world challenges faced by local government units. By fostering informed
decision-making, community engagement, and sustainable practices, such
initiatives play a crucial role in the development and governance of local
communities This project highlights the significance of GIS technology in
enhancing local governance through effective barangay mapping. By utilizing
OpenStreetMap, local government unit can make informed decisions that lead to
sustainable community development.
1.6. Structure of the document
Chapter 1: Introduction
●
Provides an overview of the project, including the background, context,
problem statement, goals and objectives, as well as the significance and
relevance of the project.
Chapter 2: Related Studies and Literature Studies
●
Review existing literature and studies relevant to the project it includes an
overview of Agile Scrum Methodology, Enterprise Architecture concepts,
9
Micro-services Architecture, DevOps, CI/CD, and the integration of
information systems in enterprise environments.
Chapter 3: Methodology
●
Details the approach and methodology used in the project. This includes
the Agile Scrum Methodology, the roles and responsibilities within the
project team, the sprint cycles, and Scrum artifacts. It also explains the
microservices architecture adopted, the DevOps implementation, and
innovation integration.
Chapter 4:
●
Presents the results of the project’s implementation, analyzing its
performance and impact on business registration and renewal processes
Chapter 5:
●
Concludes the study with a summary of key findings, draws conclusions
based on the results, offers recommendations for future enhancements,
and reflects on potential areas for further research and development.4.4.2
10
CHAPTER 2
Related Studies and Literature Review
2.1. OVERVIEW OF THE AGILE SCRUM METHODOLOGY
Agile Scrum methodology is a project management system that relies on
incremental development. Each iteration consists of two- to four-week sprints,
where the goal of each sprint is to build the most important features first and
come out with a potentially deliverable product. More features are built into the
product in subsequent sprints and are adjusted based on stakeholder and
customer feedback between sprints.
While other project management methods emphasize building an entire
product from start to finish in one operation, Agile Scrum methodology focuses on
delivering several product iterations to provide stakeholders with the highest
business value in the least amount of time.
Agile Scrum methodology encourages faster product development
because each set goals must be completed within each sprint’s time frame. It
also requires frequent planning and goal setting, which helps the Scrum team
focus on the current sprint’s objectives and increase productivity.
Scrum is an agile project management framework that helps team
structure and manage their work through a set of values, principles, and
practices. Much like a rugby team (where it gets its name) training for the big
game, scrum encourages teams to learn through experiences, self-organize while
11
working on a problem, and reflect on their wins and losses to continuously
improve.
The scrum framework outlines a set of values, principles, and practices
that scrum teams follow to deliver a product or service. It details the members of
a scrum team and their accountabilities, “artifacts” that define the product and
work to create the product, and scrum ceremonies that guide the scrum team
through work.
Related Literature: Foreign.

Zhang, Y., Li, Y., &Gu, D. (2021). Integration of Geographic Information
System and Spatial Decision Support System for Urban Land Use
Planning. ISPRS International Journal of Geo-Information, 10(2),
98.doi:10.3390/ijgi10020098
https://ijarsct.co.in/Paper12174.pdf

Ghumman, A. R., Rehman, S., & Amin, N. (2020). Geospatial Analysis of
Air Pollution and Its Health Impacts in Urban Areas: A Case Study of
Lahore, Pakistan. ISPRS International Journal of Geo-Information, 9(10),
598. doi:10.3390/ijgi9100598
https://ijarsct.co.in/Paper12174.pdf
12

Adnan, A., Mazlan, M. B., & Ismail, Z. (2021). Geospatial Information
System for Monitoring the Sustainable Development Goals (SDGs) in
Local Governments: A Review. Remote Sensing, 13(3), 573.
doi:10.3390/rs13030573
https://ijarsct.co.in/Paper12174.pdf
●
Gallera, J. (2023). Enhancing User Interface and Experience in an Online
Car Rental Applications, International Journal of Advanced Research in
Science, Communication and Technology, Volume 3 - Issue 2, July 2023
Edition, p328-336.
https://ijarsct.co.in/Paper12174.pdf
●
Disaster Risk Management*: In places like Indonesia, community mapping
has been instrumental in disaster preparedness, helping communities
identify hazards and plan evacuation routes (Buchanan et al., 2016).
Related Literature: Local.
●
*Empowerment Through Mapping*: Studies indicate that community
mapping enhances local empowerment by involving residents in decisionmaking processes (Sieber & Haklay, 2015). This democratization of data
fosters a sense of ownership and responsibility.
13
●
The Role of Geographic Information Systems (GIS) in Participatory
Conservation of Heritage Areas. Several local studies have explored the
development of Geographic Information Systems (GIS) to enhance
barangay management. According to Santos et al. (2020)
●
Interactive mapping models enhance decision-making processes by
visualizing socio-economic and geographic data. Reyes (2021) examined
the implementation of an interactive barangay mapping system in Cebu City,
which utilized OpenStreetMap and mobile applications.
●
Integration of New Technologies*: Leveraging advancements in mobile
technology and remote sensing to enhance data collection and analysis in
community mapping (Elwood, 2011).
●
*According to Bautista, Tabiongan et al. (2021), the project 3-Dimensional
Comprehensive Land-use Plan (3D-CLUP) provides a community-based
local WebGIS application that delivers visualization and simulation with
integrated 2D maps and 3D scenes realized through SuperMap GIS
technology. It provides information on a specific barangay about population,
type of community, hazards, and potential resettlements.
14
2.2. ENTERPRISE ARCHITECTURE CONCEPTS
●
Overview of QGIS in Enterprise Settings* QGIS is increasingly adopted
by organizations for its open-source capabilities, allowing for
customization and integration into existing workflows (Niemeyer et al.,
2014).
●
Enterprise Architecture Frameworks* - *TOGAF*: This framework
provides a methodology for designing and implementing enterprise
architectures, including GIS components (The Open Group, 2018). *Zachman Framework*: Useful for organizing various dimensions of
enterprise architecture, particularly in data management (Zachman,
1987).
●
Integration of QGIS in Enterprise Architecture* QGIS can be integrated
with enterprise systems via APIs, enhancing spatial data management
(Boulos et al., 2011). Case studies demonstrate successful integration
with systems like ERP and CRM (Haworth et al., 2019).
●
User Training and Adoption* Effective training programs are essential
for user adoption of QGIS within enterprises, emphasizing hands-on
workshops and resources (Pavlov et al., 2020).
15
●
Future Trends and Innovations* The integration of cloud computing and
big data analytics into GIS represents a significant trend, influencing
enterprise architecture (He et al., 2019).
●
Global Mapping Initiatives: * Various countries utilize local mapping
techniques for urban planning and disaster management. For example,
the United Nations Human Settlements Programme (UN-Habitat)
promotes participatory mapping to enhance urban governance in
developing countries (UN-Habitat, 2019).
●
Community Mapping Worldwide: * Similar to barangay mapping,
community mapping initiatives are found in countries like Brazil and
India, where local communities actively engage in documenting their
geography and resources. These initiatives foster local empowerment
and sustainable development (Elwood, 2008).
●
Technology and Remote Sensing: * Advances in remote sensing and
satellite imagery have facilitated more accurate and comprehensive
mapping efforts globally. Projects like Google Earth and
OpenStreetMap have democratized access to mapping tools, allowing
for broader participation (Budhathoki et al., 2010).
16
●
Global Frameworks: * Frameworks such as TOGAF and the Zachman
Framework are widely used internationally. Organizations in Europe,
North America, and Asia have adopted these frameworks to align IT
and business strategies efficiently (Lankhorst, 2017).
●
Capacity Building: * International partnerships can facilitate capacity
building in local governance through training in both mapping
technologies and enterprise architecture, leading to more effective
governance structures (OECD, 2019)
2.3 MICRO-SERVICES ARCHITECTURE
This thesis presents an implementing barangay mapping using Open
Street Map within a microservices architecture can significant and enhance the
efficiency and effectiveness of local governance. By leveraging modern
development practices, local government units can improve their decision-making
processes and community engagement. and breaks down application into
smaller, independent services that communicate through APIS, and each service
can be developed, deployed, and scaled independently. and offers tools for data
visualization analysis, and editing.
17
2.4. DevOps and CI/CD
Devops is a set of practices that combines software development (Dev)
and IT operations (Ops). it aims to shorten the development lifecycle and deliver
high-quality software continuously. and it looks like you’re interested in topics
related to “Barangay Mapping”, as well as Devops and Continuous
Integration/Continuous Development (CI/CD). Here’s a breakdown of these topic
and how they might relate to each other.
Continuous Integration (CI): Developers frequently integrate their code
changes into a shared repository. Automated tests run to ensure code quality.
Continuous Deployment (CD): Code changes are automatically
deployed to production after passing Cl tests, allowing for quick iterations and
updates.
By combining these methodologies, you can enhance the efficiency and
effectiveness of barangay mapping project and ensure that the tools and
analyses you develop are continuously improved and effectively developed.
2.5. RELEVANT STUDIES AND RESEARCH
●
Community-Driven GIS Projects* Several studies emphasize the role of
community participation in GIS projects. For example, barangay mapping
initiatives often involve local residents in data collection, which enhances
data accuracy and fosters community engagement (Elwood, 2008).
18
●
Socioeconomic Studies* Research has utilized QGIS to analyze
socioeconomic factors at the barangay level, correlating spatial data with
socio-economic indicators to better understand community needs (Pavlov
et al., 2020).
●
Data-Driven Decision Making: * Studies emphasize that accurate mapping
allows local government units (LGUs) to make informed decisions
regarding infrastructure, health services, and community needs (Santos &
Pineda, 2020).
●
Community Development: * Barangay mapping plays a vital role in
identifying socio-economic conditions, which informs local development
programs and initiatives (Bautista, 2018).
●
Participatory Mapping Approaches: * Research indicates that participatory
mapping is effective in promoting local governance. For example, in Brazil,
community mapping initiatives empower residents to influence local
developmental policies (Elwood, 2008).
●
Impact on Policy Development: * Studies in various countries demonstrate
that effective community mapping can lead to more responsive
19
governance. In the United States, community mapping has been employed
to influence zoning and land-use policies, reflecting the interests and
needs of local populations (Cohen & Uphoff, 1977).
●
Crowdsourced Mapping Platforms: * Platforms like OpenStreetMap allow
communities to contribute to mapping efforts, enhancing data accuracy
and fostering local engagement. This model is increasingly adopted in
various country Geographic Information Systems (GIS). * GIS technology
plays a vital role in enhancing the accuracy and usability of barangay
maps. Studies show that GIS allows LGUs to visualize spatial data,
facilitating better urban planning and resource management (Lagmay et
al., 2020).
●
Disaster Risk Reduction in Japan: * Japan's use of community mapping for
disaster preparedness highlights the importance of local knowledge in
emergency planning. Mapping efforts involve community input to identify
vulnerable areas and plan effective response strategies (Shaw et al.,
2016).
20
2.6. INTEGRATION OF INFORMATION SYSTEMS IN ENTERPRISE
ENVIRONMENTS
"Integration of QGIS in Enterprise Architecture* QGIS can be integrated with
enterprise systems via APIs, enhancing spatial data management (Boulos et al.,
2011). Case studies demonstrate successful integration with systems like ERP and
CRM (Haworth et al., 2019).
Data Quality and Consistency: * Issues related to data quality and standardization
can hinder effective integration. Ensuring that data collected is accurate and
consistent across different systems is crucial for reliable outcomes (Labrador &
Ramos, 2019).
Capacity Building: * There is a need for training local government staff in using
integrated information systems effectively. Capacity building ensures that
personnel can leverage technology to its full potential (Santos, 2021).
- *Stakeholder Engagement: * Involving various stakeholders, including community
members, in the mapping process fosters a sense of ownership and enhances data
relevance (McCall & Dunn, 2012).
Interoperability of Systems: * Ensuring that different information systems can
communicate and share data effectively is critical. This interoperability enhances
the efficiency of barangay mapping initiatives and supports comprehensive data
analysis (Harmon, 2019).
21
Participatory Mapping Models: * Internationally, participatory mapping has shown
effectiveness in empowering local communities. For example, in Brazil and South
Africa, community members actively engage in mapping efforts, influencing
policies and resource allocation (Elwood, 2008; Sutherland et al., 2015). These
models can inform barangay mapping practices in the Philippines.
Urban Planning and Governance: * Cities around the world, such as New York and
Nairobi, utilize community mapping combined with information systems to address
urban challenges and improve local governance (Boulton et al., 2020). These
examples highlight the potential for integrating technology into barangay mapping.
GIS Applications: * GIS technologies are widely used for community mapping
globally. Studies in countries like India demonstrate how GIS enhances urban
planning and resource management, allowing for better visualization and analysis
of spatial data (Sharma et al., 2021).
Crowdsourcing Platforms: * Platforms like OpenStreetMap enable communities to
contribute to mapping efforts, ensuring that local knowledge is captured and
utilized. This crowdsourced data can enhance the accuracy and relevance of
barangay maps (Budhathoki et al., 2010).
Participatory GIS in Indonesia: * In Indonesia, participatory GIS projects have
empowered communities by enabling them to map local resources and needs. This
22
integration has led to improved service delivery and community development
(Purnamasari et al., 2019).
These 15 literature sources, spanning Agile Scrum methodology, enterprise
architecture, relevant studies, and information system integration within higher
education, provide a solid foundation for our university system project. They inform
our approach, align us with industry best practices, and help us address the
evolving needs of higher education institutions.
23
CHAPTER 3
Methodology
3.1. AGILE SCRUM METHOD IN PROJECTS
Scrum Methodology
The project focuses on creating an interactive mapping model for Barangays
using QGIS, facilitating better data visualization and management for local
government units (LGUs). By utilizing QGIS and Agile Scrum, this project aims to
enhance the mapping capabilities of Local Government Unit 3, ultimately leading
to better governance and community involvement.
Figure 1 Agile Scrum Methodology
Cycle time: at the red corners indicates "1 and a halfmonths," suggesting the
duration of the sprint.
24
Planning: That is the typically first step where the goal and scope, and tasks for the
sprint are defined.
Designing: This phase involves creating designs or prototypes based on the
planned features or requirements.
Developing: this is the actual development or coding that takes place.
Testing: After development it will be tested to find out what else needs to be
changed.
Deployment: After testing, the product or feature is deployed or released.
Review: The final phase, where the team reviews the completed work, gathering
feedback and identifying improvements for future sprints.
Deployment: After development, the product or feature is deployed for testing or
release.
Review: The final phase, where the team reviews the completed work, gathering
feedback and identifying improvements for future sprints.
TASK/ STORY
TO DO
IN
PROGRESS
Research barangay mapping
requirements import and process data in
OpenStreetMap conduct usability testing
with stakeholder
✔
Finalize barangay mapping model gather
data sources
✔
DONE
25
✔
create base maps for barangays
✔
Gather feedback for ongoing
documentation (drafts/manuals)
✔
Create initial project plan and timeline
Design user interactive mode
✔
Implementing feature for barangay
✔
mapping
Present findings to local government unit
✔
Finalize deployment checklist
✔
Table 2 Scrum Board
3.2. ROLES AND RESPONSIBILITIES
The key duties of each participant in the capstone are indicated in the
table below.
NAME
REMPILLO,
CHRISTIAN
ROLE
RESEARCH ADVISER
RESPONSIBILITIES
The person who leads
scrum meetings, coaches
the team, helps them
eliminates hindrances
from their path, and
26
constantly provides
feedback. They also
assist in resolving
conflicts to create a
pleasant environment
and keep the team
focused on their
respective tasks
TOLOSA,
CHARMYN M.
SCRUM MASTER
Establish project goals
and expected outcomes
of the project clearly.
Prepare a comprehensive
project schedule
incorporating tasks, start
and completion dates.
Direct and encourage the
project group to work
together, and ensure that
everybody is working
towards project
objectives.
27
GILLA,
LEAD PROGRAMMER
KRISTINE MAE
Assigned to create,
implement, test, and
manage software
applications, they perform
tasks with the product
team, product owner, and
clients to guarantee that
the software satisfies
their specifications.
BEDONIA,
ASSISTANT PROGRAMMER *Helping the lead
MARY JOYCE
programmer
P.
*Prioritized front end
*Assisting the lead
programmer in codes
PANIZALES,
LEAD RESEARCHER
Conduct research studies
KARL
that aid in data analysis,
CHRISTIAN D.
offer insights, and direct
the development team in
making justifiable
28
judgements about the
outcomes.
GACHO,
DOCUMENT SPECIALIST
JUSTIN Q.
*Assisting the lead
researcher
*Responsible for the
absence of lead
researcher
*Helping for
documentation
*Attends other meetings
Table 3 Roles and Responsibilities
3.3. Sprint Cycles
In the development of the Barangay Mapping with Interactive Model Using
QGIS for a Local Government Unit using Agile Scrum methodology, the project
will be structured into a series of sprint cycles to ensure incremental progress and
continuous improvement.
SPRINT
NO.#
1
FOCUS TASK
Project setup and initialization
KEY TASK
Setup environment and
version control
2
Database design and user
Design the database schema
authentication
and implement login system
29
3
Route mapping integration
Route mapping using
OpenStreetMap
4
User training and
Creating user manuals
documentation
5
Access Control
Implementing permission for
user
6
System integration testing
Perform end to end integration
test
7
Usability testing
Conduct user testing and
gather feedback
8
Deployment preparation
Finalized deployment checklist
and pre-deployment task
9
System Deployment
Deploys the system in the
production environment
10
Post- deployment monitoring
Monitor performance, provide
support and address issues
Table 4 Sprint Cycles
30
3.4. Scrum Artifacts
PRODUCT BACKLOG
The Barangay Mapping with Interactive Model Using OpenStreetMap involves
a combination of effective data management, community engagement and
prioritizing the routing or mapping of a barangay and those landmarks.
USER
STORY
NO.#
USER STORIES
USER
STORY
PRIORITY
REVISED
PRIORITY
STATUS
1
As a user, I want to see
Low
High
To Do
High
High
Ongoing
High
High
Ongoing
details about the
barangay
2
As a user, I want to
search and locate the
barangay by its name
3
As a local government
official, I want to easyto-use interface for
navigating and querying
the map, so that I can
operate efficiently
31
4
As a new user, I want to
Low
High
Ongoing
High
High
Ongoing
create an account
easily
5
As a user, I want to
generate a report on the
barangay
Table 5 Product Backlog
User
Story
No
User Story
User Story
Priorities
Status
1
As a monitor, I want to integrate with
Property of barangay to send a
geographic mapping and reports on
barangay.
2
Ongoing
2
As a monitor, I want to integrate with
barangay Management about the
barangay mapping and tracking
system to associated barangay
landmarks.
2
Ongoing
3
As a monitor, I want to integrate with
barangay to report the mapping
performance.
2
Ongoing
4
As a monitor, I want to integrate with
the Property Custodian in the
barangay mapping and tracking
system to send facility reports and
request landmarks of their barangay.
2
Ongoing
Table 6 Monitoring
32
User
Story
No
User Story
Task
User story
points (Hours)
1
As a developer, I want to
implement a user-friendly
UI to allow users to
interact with the map and
perform the tasks like
search and reporting.
*Design and
implement map UI
with buttons and
search bar
*Ensure
responsive design
for mobile and
desktop
8
2
As a Scrum Master, I
want to review the project
and ensure all tasks are
completed and
documented for final
delivery.
*Perform final
project review
*Ensure all
documentation is
complete and
accurate
6
3
As a user, I want to
search for a specific
barangay name so I can
easily locate it
*Implement a
search function to
find a barangay
name
6
4
As a researcher, I want to
collect data for barangay
streets so that I can
visualize roads on the
map.
*Gather street
names and
coordinates from
local sources.
9
5
As a user, I want the
application to run
efficiently without
significant delays when
searching or navigating
*Optimize the
performance of the
map and search
functions.
6
33
so that the experience is
smooth
6
Implement Interactive
map features
Enable zoom, pan
and identify tools
6
7
As a user, I want to log in
to the system securely
*Create a log in UI
*Test log in
functionality
9
8
As an admin, I want to
update and maintain the
barangay boundary
*Monitor map
performance
10
9
As an admin, I want to
manage user access and
permission
*Create user
accounts
8
10
Perform Spatial Analysis
on the barangay data
*Calculate spatial
metrics (e.g. area
and perimeter)
10
11
Set Up Git Repository
*Create and
configure a version
control repository
(e.g., Git) for code
management.
12
Install Required
Development Tools
Install tools and
environments like
IDEs (e.g., VS
Code), project
management tools
(e.g., Jira), and
other necessary
software for
development.
5
13
Performance Testing
*Conduct
performance
testing to ensure
that data export
10
34
functions
efficiently.
14
Create a basemap for
interactive map
*Add basemap
layers (e.g.
OpenStreetmap)
15
10
9
16
Access and navigate the
map interactively
*Test map
responsiveness on
web client
5
17
As a scrum master, I
want to review the map
project progress
*Prepare progress
report and demo
map
4
18
As a user I want the
accuracy of this mapping
*Accurate mapping
7
19
As an admin I want to
maintain the access of
users
*Maintaining the
easy use for user
8
20
As an admin I want the
community engagement
*Allows resident
feedbacks
6
21
Integration to other
systems
*The mapping
should
integrate with
other
system
10
22
As a user I want
Access control and
security
*To ensure that
only
authorized
personnel
have access to
sensitive data
9
23
As a user I want to see
all the landmarks
*Input the
landmark
of the chosen
barangay
8
35
24
As a user I want to
create and account
*Can register
account
10
25
As an admin I want
account for myself
*Inputs an admin
account
10
26
As an admin I want to
access who use this
map
*Can access the
user
9
27
Data integration
*Combine nonspatial
data with the map
7
28
Map layout
*Presenting the
accuracy of
mapping
9
29
Effective resource
allocation
*Efficient
distribution
of resources such
as
schools or
hospitals.
7
30
Celebrate Team Success
*Recognize the
hard work of the
team and
celebrate the
successful
deployment of the
system.
5
Table 7 Sprint Backlogs
3.5. Microservices Architecture
The Barangay Mapping system is structured around a microservices
architecture, which improves efficiency by dividing functions into smaller,
autonomous services. The User Interface Service acts as the primary hub for user
engagement, enabling tasks such as logins, barangay mapping, and real-time data
36
viewing. On the other hand, the Mapping Service handles map-related operations,
such as presenting barangay boundaries, incorporating new locations, and
modifying existing maps. Lastly, the Dashboard Service functions as a data
consolidator, offering administrators a holistic view of barangay statistics and
mapping advancements. To ensure seamless data retrieval and storage across
multiple microservices, the Database Service plays a crucial role, supporting high
availability and scalability. Each microservice has a specific role, such as User
Authentication, Mapping Service, Dashboard Management, and Database Service.
The Mapping Service stands out as the centerpiece of barangay mapping services,
offering interactive features for managing barangay boundaries, markers, and
geographic data. This service collaborates closely with the Database Service for
data operations and integrates with the Dashboard Service to provide a userfriendly interface for both administrators and users.
Figure 2 System’s Microservices Architecture Diagram
37
Figure 3 Communication Pattern
Figure 4 System’s Networking Diagram
3.6. DevOps Implementation
DevOps are steps that combine software development and IT operations to
provide an effective and faster service for our project.
38
Figure 6 CI/ CD Pipeline
Version Control
Use tools like Git for version management.
Plan
Define the project scope, features, and objectives.
Code
It is the development process where all the features, functionality, and logic of the
application are created.
Build
It is a compiling of the code into a deployable artifact. It transforms the raw
coding to a runnable program by resolving dependencies, compiling code, and
producing executables or container images.
Test
To ensures that the application functions as expected and meets quality
standards.
39
Deploy
The application is released into the production environment or another
environment (like staging or testing), making the software available for users.
3.7. Infrastructure (IaC)
Figure 7 Infrastructure as Code
3.8. Monitoring & Alerting
Figure 8 Monitoring & Alerting
40
3.9. Integration Approach for Information Systems
The most critical aspect of this project is to have an information system
integrated in the academe. We used the data-centric integration strategy so that
there would be no hitch for data to flow from one module to another. It simply
involves standardizing data formats as well as APIs to share information among
systems in general.
3.10. Innovation Integration
The integration of LGU 1, 2, 3, and 4 is a collaborative effort designed to
enhance the delivery of public services and better address the needs of civilians
across these localities. By unifying processes and systems, this integration aims
to provide more efficient, streamlined, and accessible services to the community.
It fosters improved communication and resource sharing among the LGUs,
enabling a more responsive approach to governance that prioritizes the wellbeing and convenience of residents, while promoting transparency and
accountability.
41
3.11. API Gateway
Figure 13 API Gateway
3.12. Sequence Diagram
Admin
Figure 15 Sequence Diagram (Admin)
42
User
Figure 16 Sequence Diagram (User)
43
CHAPTER 4
Requirements Analysis
4.1. Stakeholder Identification
The chart below will be used to establish stakeholders and their levels of
power and interest for use on the power/interest chart as a part of the stakeholder
analysis.
Key
Project Stakeholder
Power Rate (1-5)
Interest Rate
A
Barangay Officials
5
5
B
Community Residents
2
5
C
GIS Specialists
4
5
D
IT Department
4
5
E
Project Team (Developers)
3
5
F
3
4
G
Non- Governmental
Organization
Local Government Unit
5
5
H
Local Businesses
2
3
Table 8: Stakeholder Identification
44
Figure
Local Government Unit 3: Barangay Mapping with Interactive Model using
OpenStreetMap. Each letter represents a stakeholder in accordance with the key
in chart above:
4.2. Requirements Gathering Techniques
Milestone List
This chart encompasses notable project milestones, such as the completion of
a phase or gate review. However, smaller milestones like project schedules. It is
imperative that the project manager is promptly informed in the event of any
scheduling delays that may impede a 70 milestone or delivery date so that
proactive measures can be implemented to mitigate the impact. Any approved
45
modifications to these milestones or dates will be communicated by the project
managers to the project team.
Milestone
Description
Project Initiation
The goals, risks, and deadlines of the
project.
Project Planning
An outline of every specific task
along with set deadlines.
Project Execution
Action method during the
initialization when operating it.
Project Monitoring and Controlling
Reviewing
what
happens
after
execution to check the issues.
Project Closure
Analyzing the results of the
outcome affects the project
performance and designated key
learning.
Table 9 : Milestone List
4.3. User Stories and Use Cases
User Story
No.
1
2
3
4
5
User Stories
- As a Barangay Administrator, I want to access an interactive
map of the barangay. So that I can manage, monitor, and
improve the services and development projects in my
community.
- As a Community Member, I want to view the barangay's map
and its features online. So that I can better understand the
location of services such as schools, healthcare facilities, parks,
etc.
- As a Local Government Planner, I want to visualize the
geographic data of the barangay in real-time. So that I can make
informed decisions on land use, zoning, and infrastructure
projects.
As a Citizen, I want to submit reports of new construction, road
obstructions, or infrastructure damage directly on the map,
So that the local government can take action and improve
services.
As a Barangay Official, I want to have an easy way to update the
map with new developments, such as roads or public spaces,
46
So that the map remains current and accurate.
Use Cases
Figure: Use-Case Diagram
4.4 Functional Requirements for Integration
Functional Requirements are created to specify the specific features
and capabilities of the Merchandising Management System. This is the
requirement included.
1. User Authentication & Access Control: The system should require
user authentication (e.g., username and password) to access
47
specific features based on the role (e.g., Barangay Administrator,
Citizen, Emergency Responder, etc.).
2. Mapping Viewing and Navigation: The System must provide an
interactive map that displays the barangay's geographical data in
real-time, leveraging OpenStreetMap (OSM) as the primary data
source.
3. Map Feature Integration & Display: The system should be able to
display basic geographic information, including streets, roads, parks,
schools, healthcare facilities, public offices, and emergency centers.
- Zoom and Pan Controls that users be able to zoom in and out of the
map.
4. Integration with Other LGU (Local Government Unit) Systems:
To improve data consistency, streamline operations, and enhance
service delivery. Integration with other systems will allow for better
data
synchronization,
faster
decision-making,
and
improved
coordination across various departments.
Business Process Architecture
5.1 Identification of Business Processes
To provide stakeholders with an extensive knowledge of the LGU3
System's functionality, data security, and project safety procedures, an entire
48
business process architecture must be developed. The method will attempt to
provide effective integration of Barangay Mapping.
UNQUIRY USER SYSTEM
ADMIN SYSTEM
EMPLOYEE SYSTEM
49
5.2 Business Process Diagram
BPA Level 1
50
BPA Level 2
BPA Level 3
51
Figure 9: Business Process Diagrams
52
5.3 Alignment of Integrated System with Business Processes
Alignment of Integrated System
5.4 Business Process Improvements
The LGU3 Barangay Mapping System is an integrated system that
supports an integrated environment that improves Barangay Mapping.
APPLICATION ARCHITECTURE
6.1. Application Architecture
53
6.2 Interaction and Communication Patterns
1. Establish Clear Objectives - Defining goals of each group to have a
clear understanding of the overall project objectives to avoid conflicts that might
affect the team’s performance.
2. Foster Open Communication - Creating an environment where all of the
team members will feel comfortable by sharing he's/her ideas, concerns and
feedback to each other.
3.Continuous Improvement - Reflecting and Adapting after the projects
done, holding a briefing session or meeting to reflect on the communication and
interaction patterns used by identifying areas for improvement in future
collaborations.
6.3 Communication and Interaction Patterns
To ensure smooth collaboration among the stakeholders in Local Government
Unit 3 (LGU3) System, is to have a clear communication and interaction patterns
required.
1. Interviews
- To conduct a structured or semi-structured interviews to understand their
needs and expectation for the system.
2. Surveys and Questionnaires
54
- To gather a broad feedback on your system usability.
3. Focus Groups
- To discuss a concerns, challenges and recommendation related to
system features.
4. Workshop and Brainstorming
- Identify technical and functional system requirements collaboratively.
5. Prototyping and Mockups
- To develop interactive models to validate system functionality before full
deployment.
6. Use Case and User Stories
- To define how stakeholders interact with the system through real-world
scenarios.
Data Architecture
7.1 Data Source and Types
The LGU3 System integrates and processes various sources of
information to support its key components: Barangay mapping with interactive
model using OpenStreetmap
OpenStreetMap (OSM) stands as one of the largest collaborative
geospatial data repositories in the world. It is an open-source, user-driven
mapping platform that allows anyone to create, modify, and share geographic
data. For a barangay mapping model, OSM is an ideal starting point due to its
55
accessibility, granularity, and accuracy, especially for features like roads, land
use, and administrative boundaries. By using OSM, developers can visualize
barangay borders, major roads, and points of interest (POIs) without incurring
high licensing costs for commercial mapping platforms.
7.2 Data Flow Diagram
7.3 Data Storage and Management
The rapid advancement of technology has opened up new opportunities
for better urban planning, community engagement, and effective decisionmaking. In the context of local government units, particularly barangays, mapping
systems have become an essential tool for planning, development, and resource
management. One such approach to building a comprehensive, interactive
56
mapping system is using OpenStreetMap (OSM), a collaborative mapping project
that provides free geographic data
The LGU3 System utilizes a hybrid storage mechanism with a
combination of cloud storage for real-time data, on-premises servers for
confidential data, and databases (SQL & NoSQL) for structured and
unstructured data.
For security and performance, the system uses encryption (AES-256),
role-based access control (RBAC), and data anonymization. Automated
backup and disaster recovery plan (DRP) prevent data loss, and data
validation and audit logs ensure integrity.
7.4 Data Synchronization Across System
57
Technology Architecture
The Local Government Unit 3 (LGU3) System integrates a variety of
these services, including the Barangay Mapping. It is scalable, secure, and
modular in design, with an emphasis on real-time processing, data consistency,
and ease of interaction among users.
8.1 Technology Stack and Infrastructure
58
8.2 Network Topology and Configuration
8.3 Software Technologies
The Barangay Mapping System utilize a variety of software technologies to
enhance its functionality and usability:
Title
XAMPP
Picture
Description
A free, cross-platform web server
solution stack that includes Apache,
MySQL, PHP, and Perl, allowing
developers to set up a local server
environment for testing web
applications.
59
Visual Studio
A powerful integrated development
environment (IDE) from Microsoft,
supporting multiple programming
languages like C#, C++, and
Python, and widely used for
developing web, desktop, and
mobile applications.
PHP
A server-side scripting language
used primarily for web development,
enabling dynamic content
generation and database interaction
on websites.
PhpMyAdmin
A web-based tool written in PHP,
used for managing MySQL and
MariaDB databases, providing a
user-friendly interface for tasks like
creating databases, editing tables,
and managing records.
8.4 Scalability and Performance Considerations
For the LGU3 System to perform optimally, scalability and performance
60
improvements are inevitable.
High Traffic Management – Employ load balancing (Nginx, Apache) and
database replication (MySQL read/write split).
Optimize Database Queries – Leverage Eloquent eager loading, indexing,
and query caching to improve response times.
Enhancing API Performance – Use Laravel Queues (Redis, RabbitMQ) for
background processing and WebSockets for real-time notification.
Frontend Speed Up – Use Laravel Mix, minified CSS/JS, and Cloudflare
CDN to speed up.
Deployment to Scalable Servers – Shift from XAMPP to cloud hosting (AWS,
DigitalOcean, Laravel Forge) with PHP-FPM for quicker execution.
Security & Performance Balance – Integrate TLS offloading, hashed
passwords, and Laravel's default security measures
Development Process
9.1 Agile Scrum Roles and Responsibilities
The key duties of each participant in the capstone are indicated in the
table below.
61
NAME
ROLE
RESPONSIBILITIES
Product Owner
The Capstone Project defines
and prioritizes the features of
this product. The Product
owner guides the team
towards unity and the
implementation of product
features and requirements so
as to keep pace with the
needs of the stakeholders
and the project goals.
REMPILLO,
Research Adviser
CHRISTIAN
Accept or/and rejects scope
change requests. Assess
scope change requests
BUHIAN,
Scrum Master
EDGENIEL
TOLOSA,
CHARMYN M.
Manages the documents and
project teams.
Project Manager
- Responsible in project
scope.
- Approve scope adjustments
and update.
- Organize meetings with the
62
stakeholders regarding
changes if occurred.
GILLA, KRISTINE
Programmer
MAE
-Responsible for
programming and coding. Troubleshoots the system.
BEDONIA, MARY
Programmer
JOYCE P.
-Responsible for system
maintenance.
-Responsible for system
integration.
PANIZALES, KARL
DOCUMENTATION
CHRISTIAN D.
Responsible for creating and
updating the capstone
documentation, achieve their
goals and objective properly
and ensuring the
documentation is accurate
and complete. Collaborating
with other members by
gathering information and
feedback.
GACHO, JUSTIN Q.
DOCUMENTATION
- Responsible for
documentation status.
63
- Assesses, organize, and
update documentation.
9.2 Sprint Planning and Backlog Management
To ensure the effective development and implementation of LGU3 System,
the team used a disciplined approach to establish the objectives, backlog items,
and tasks intended for the forthcoming sprint.
The LGU3 System, which includes the Barangay Mapping using Sprint
Planning to deliver all deliverables operationally complete every sprint cycle.
Sprint Planning Workflow
64
Step
Activity
Example for LGU3
System
1. Define Sprint Goal
Establish the main
“Enable visualize
objective of the sprint
barangay boundaries on
OpenStreetMap and
search for specific
barangays”
2. Backlog Review
Review the product
Identify that drawing
backlog and prioritize the Barangay boundaries is
most important tasks.
a top priority for LGU3
and needs to be done in
the first sprint.
3. Sprint Review
Demonstrate the work
Present a demo to LGU3
completed to the
showing the Barangay
stakeholders.
map with the ability to
view boundaries and
search Barangays.
4. User Story Breakdown Break down backlog
User Story 1: "As a user,
items into smaller user
I want to view Barangay
stories and tasks.
boundaries on the map."
5. Sprint Backlog
Create a sprint backlog
Sprint Backlog for Sprint
Creation
with selected tasks for
1: Integrate
the sprint.
OpenStreetMap with
basic zoom functionality.
User Story Backlog (Fully Functional Features)
65
Number
User Story
Priority
US-01
As a user, I want
to view an
interactive map of
the barangay
area, so that I
can explore the
different locations
within the
barangay.
As a user, I want
to search for
specific
landmarks (e.g.,
schools,
hospitals,
government
offices), so that I
can easily locate
them on the map.
As an admin, I
want to add, edit,
or delete data
points (e.g.,
schools, roads),
so that the map
always has up-todate and
accurate
information.
As an admin, I
want to update
the boundaries of
the barangay, so
that the map
reflects the most
current
information.
High
Estimated
Effort
(Story
Points)
8
Medium
8
Search
functionality
that highlights
landmarks and
places of
interest on the
map.
High
10
Admin panel for
managing data
points on the
map, with
options to add,
edit, and
delete.
High
10
Functionality for
admins to
update and
save barangay
boundary lines
on the map.
US-02
US-03
US-04
Fully
Functional
Deliverable
Interactive
OpenStreetMap
embedded with
barangay
boundaries and
markers.
66
US-05
As a user, I want
to zoom in and
zoom out on the
map, so that I can
focus on specific
areas in more
High
Implementation
10.1 Technical Implementation Details
5
Zoom in/out
functionality on
the
OpenStreetMap
interface
67
Component
Map Interface
Description
The interactive map that users interact
with, displaying barangay boundaries
and locations. Utilizes OpenStreetMap
for geographic data visualization.
User Interface
- Web-based Interface: Built using
React.js or Vue.js - Mobile Application:
Developed with React Native or Flutter
- Voice Integration: Speech-to-text and
text-to-speech for accessibility
Design Patterns
- MVC (Model-View-Controller):
Separation of concerns between UI,
business logic, and data - Observer
Pattern: Used in handling real-time
emergency notifications- Factory
Pattern: Dynamic instantiation of
services based on user queriesStrategy Pattern: Dynamic selection of
algorithms or approaches based on
the type of user query
68
Security
Ensures that all data is securely
handled and protected from
unauthorized access. Includes
preventing common vulnerabilities.
- Role-based Access Control (RBAC):
Ensures proper permissions for
different users
- Encryption: Data exchange
encrypted using TLS/SSL
- OAuth 2.0 / JWT: Authentication and
authorization for secure access
10.2 Tools and Technologies Used
Title
Description
Frontend
Used for enhancing interactivity and
dynamic content.
Backend
A server-side scripting language used
for handling backend logic and
database interactions.
Framework
is a CSS framework that helps users
create websites without writing custom
CSS code. It's a utility-first framework
that provides a variety of CSS classes
to style elements.
Database
A relational database management
system used for storing product details,
branch information, and customer data.
69
10.3 Code Integration and Interoperability
10.4 Integration Testing and Debugging
The testing strategies and techniques used to ensure that an
integrated system functions correctly It demonstrates the team's technical
expertise and the strategies used to ensure that the integrated system
functions correctly and as intended. This section also highlights the,
Category
Types of Testing
Unit Testing
Integration Testing
End-to-End Testing
Test Automation
Test Results
Identifying Errors
Documenting Errors
Resolving Errors
Performance Testing
Regression Testing
Tools/Technologies
Strategy/Explanation
70
Best Practices for
Debugging
1. Unit testing: This makes sure that distinct code segments, such as functions
or
procedures, operate as intended. When testing isolated components in Laravel,
Mockery is used to mock dependencies, and PHPUnit is used to construct unit
tests
for functions.
2. Integration Testing: This kind of testing examines the interactions between
various system components. It may, for instance, examine how the model,
controller,
and database interact. Laravel uses tools like PHPUnit (for backend logic) and
Postman (for testing API endpoints) to make sure that different components work
together.
3. End-to-End Testing: This involves testing the application's complete flow from
the
front end to the back end. A great tool for automating browser interactions and
71
mimicking actual user behavior is Laravel Dusk. Web-based end-to-end test
automation is another frequent use case for Cypress with Selenium.
4.Test Automation: Tests are automatically executed whenever code changes
are
committed using CI/CD pipelines and solutions like GitLab CI. This ensures that
the
code stays working and provides immediate feedback.112
5. Analysis of Test Results: To find any problems, thorough logs and reports
are
examined following test execution. PHPUnit delivers logs for backend problems,
Laravel Dusk provides browser-specific test results, and the Laravel Debugbar
aids
with debugging and performance.
6. Finding issues: During testing, tools like as Xdebug and Laravel Debugbar
are
essential for finding issues. While Laravel Debugbar provides comprehensive
insights into the application flow and performance, Xdebug enables going through
the
72
code and checking variables.
7. Documenting Errors: It's critical to record errors in an issue tracker (such as
Jira or GitHub Issues) as soon as they are discovered. In addition to preventing
future
occurrences of the same difficulties, this aids in organizing them and monitoring
their resolution.
8.Resolving Errors: After errors are identified, the underlying problems in the
code
are fixed by debugging using programs like Xdebug. Finding the optimal remedy
and
uncovering the underlying reason frequently depend on team members working
together.
9. Performance Testing: For high-traffic applications, it is essential to make sure
the system functions well under high demand. While New Relic offers real-time
performance data, Apache Bench is utilized for load testing.
10. Regression Testing: Regression tests make sure that modifications don't
adversely affect already-existing functionality as the code is developed. After new
73
features are added, the application is retested using PHPUnit and Dusk to make
sure nothing is amiss.
11. Best Practices for Debugging: Using structured error handling and
appropriate
log levels (e.g., debug, info, error) are two examples of best practices that aid in
the rapid identification and resolution of problems. To isolate issues in the code,
tools like Xdebug and IDE debuggers are crucial.
Testing and Quality Assurance
11.1 Testing Strategies and Methodologies
11.2 Test Cases and Test Data
11.3 Test Results and Bug Report
11.4 Quality Assurance Measures
Results and Evaluation
12.1 Project Outcomes and Deliverables
12.2 Alignment with Project Objectives
12.3 Stakeholder and User Feedback
12.4 Lesson Learned
74
CHAPTER 5
Summary, Conclusion, and Recommendations
This chapter presents the summary of findings, conclusions and
recommendations to solve the problem
Summary
The LGU3 System is an innovative technology solution that aims to develop
an interactive map that visualizes the geographical, demographic, and
administrative features of barangays (smallest administrative units) in the
Philippines. The project utilizes OpenStreetMap as the primary data source for
mapping barangay boundaries, roads, points of interest and other key features.
OpenStreetMap (OSM) is an open-source, collaborative mapping platform
that offers comprehensive and accurate geographic data contributed by users
around the world. Unlike proprietary mapping solutions, OSM is free to use and
modify, making it an ideal choice for communities and local government units
(LGUs) that seek an affordable yet powerful mapping tool. The project integrates
OSM data to generate detailed and up-to-date maps of barangays, showcasing
essential infrastructure such as roads, schools, health centers, markets, and other
community assets.
One of the primary reasons for utilizing OpenStreetMap in this project is its
flexibility and accuracy. OSM allows users to freely update and add geographical
75
features, ensuring that the maps remain current and reflective of the dynamic
nature of urban and rural environments. The collaborative nature of OSM also
means that the community can contribute valuable local knowledge to improve the
map's content, making it a more accurate and user-oriented resource.
Conclusion
In today’s rapidly evolving world, the need for accurate and accessible
geographical information has never been more critical. Local communities,
particularly at the barangay level, are often left behind in the broader context of
urban planning and development due to the lack of updated and reliable data.
However, advancements in technology have paved the way for innovative solutions
that bridge this gap. One such solution is the Barangay Mapping with Interactive
Model using OpenStreetMap (OSM), a powerful tool that enhances how
communities can visualize, manage, and interact with geographic data.
OpenStreetMap is an open-source mapping platform that allows anyone to
contribute, update, and edit maps, creating an evolving, user-driven database. By
integrating OSM into barangay mapping, this project provides an accessible and
interactive model that empowers local residents, government units, and other
stakeholders to participate in the process of creating and maintaining accurate
geographical data.
76
The core of this project lies in the use of OSM’s dynamic and customizable
tools, which allow for the creation of detailed and real-time maps of barangay
areas. These maps are not just static images but interactive platforms that enable
users to explore geographical boundaries, infrastructure, and important landmarks.
This interactive model gives users a hands-on experience, enabling them to zoom
in, identify specific locations, and gain insights into the community’s layout.
Recommendations
The LGU3 System needs several improvements to improve its
effectiveness. These include developing a mobile application for accessibility,
improving AI chatbot capabilities, and incorporating multilingual support.
Prioritizing security and data protection through blockchain technology,
strengthening cybersecurity measures, and conducting regular audits is also
crucial. Training programs for government personnel and emergency responders,
along with a public awareness campaign, can boost user adoption and public
awareness. A feedback mechanism can gather user insights for continuous
improvement. The system should be integrated with national government
databases for accurate data sharing and strengthened through data-sharing
agreements. Performance optimization strategies like load balancing, cloud
scalability, and optimized database queries can ensure seamless operation. These
77
recommendations aim to make the LGU3 System a more robust, efficient, and
scalable digital governance platform.
System Architecture:
This layer gives users different entry points, thereby making usability as well
as access feasible.
Web Portal (PHP + Laravel) – Accessible by residents, government staff,
emergency coordinators, and students to receive services.
Mobile Application (Future Development) – To provide for easy access to
services with instant notification.
Authentication & Role-Based Access Control – Provides secure user login and
access rights.
MySQL Database (XAMPP/Laravel Integration) – Holds user profiles, case
information, chatbot conversations, and service requests. Cloud Storage
(AWS, Google Drive, or Local Government Servers) – Safeguards
documents, reports, and evidence files for child welfare and scholarship
applications. Data Backup and Encryption System – protects confidential data
through AES encryption in combination with automatic back-up procedures.
Explanation of component responsibilities and relationships
78
Application Design And Development:
Detailed Information about the Software modules and components
Code Snippets and code structures
Authentication Service - Login Authentication
Algorithms and data structures used
Libraries and frameworks utilized
5.2. Project Achievements and Contributions
Entity relationship Diagram <wala pa>
-Data modeling normalization <wala pa>
79
1. conceptual data model <wala pa>
2. Optimized Data Structure <wala pa>
CRUD operations <wala pa>
Network topology and configuration details
To ensure efficient and secure communication, our Local Government
Unit 3 System follows a Client-Server Network Topology. This setup provides
centralized data management, secure access, and reliable service availability
for users such as government personnel, emergency responders, and citizens.
1. Components in the network

Client Devices: Users access the system via web browsers
(desktop/laptop/mobile).

Web Server: Hosts the Laravel backend (API and database services).

Application Server: Runs the Vue.js/React.js frontend for user
interactions.

Database Server: Stores and manages MySQL/PostgreSQL data.

Firewall & Security Layer: Ensures protection against unauthorized
80
access and cyber threats.

Load Balancer: Distributes network traffic to optimize performance.
2. Network Flow

Users access the system through a web browser.

The request is sent to the Web Server, which processes API requests
using Laravel.

The Web Server communicates with the Database Server to retrieve or
store data.

The processed data is sent back to the Frontend (Vue.js/React.js) for
display.

Security measures such as firewalls, SSL encryption, and
authentication (OAuth 2.0, Laravel Passport) protect data
transmissions.
3. Network Configuration Details
Server Configuration

Operating System: Windows Server / Linux (Ubuntu, CentOS).

Web Server: Apache (part of WAMP stack).
81

Application Framework: Laravel (PHP) for backend, Vue.js/React.js for
frontend.

Database: MySQL/PostgreSQL with proper indexing and optimization.

Storage: AWS S3 / DigitalOcean Spaces for file management.
Client-Server Network Topology ensures secure, fast, and reliable access to the
Local Government Unit 3 System. With a combination of web and database
servers, firewall protection, encryption, and caching mechanisms, we provide an
optimized infrastructure for giving the distance and exact location to wherever
you want to go in this barangay.
Security measurement (e.g., firewalls, encrition)
To ensure the confidentiality, integrity, and availability of data in our Local
Government Unit 3 System, we implement robust security measures at various
levels. These measures protect sensitive data related to where is your location
and where are you going.
Security Measures
• Firewall & Access Control Lists (ACLs): Restrict unauthorized access.
• SSL Encryption: Ensures secure data transmission.
• User Authentication: OAuth 2.0 / Laravel Passport for secure logins.
82
• Regular Backups: Ensures data recovery in case of failures.
Protocols and communication methods used
Our Local Government Unit 3 System relies on a secure and efficient
communication framework to ensure smooth interactions between users,
servers, and databases. We implement:
1. Network Protocols like HTTPS, TCP/IP, and SSH for secure and reliable data
transmission.
2. Application-Level Communication via RESTful APIs, WebSockets, and SMTP
for real-time updates, notifications, and secure access.
3. Database Communication using SQL queries and Laravel Eloquent ORM,
ensuring data integrity and optimized performance.
4. Security Protocols such as SSL/TLS, OAuth 2.0, JWT, and AES-256
encryption to protect sensitive data and prevent unauthorized access.
By integrating these protocols and communication methods, our system
ensures fast, reliable, and secure access. This structured approach guarantees
data protection, system efficiency, and a seamless user experience for both
government officials and citizens.
83
Load balancing and failover mechanisms
To ensure the high availability, reliability, and performance of our Local
Government Unit 3 System, we implement load balancing and failover
mechanisms. These strategies help manage traffic distribution, system uptime,
and disaster recovery.
1. Load Balancing Mechanism: To distribute incoming network traffic evenly
across multiple servers, preventing overload and ensuring smooth system
performance.

Ensures faster response times by spreading traffic across multiple
servers.

Prevents server crashes by distributing heavy workloads.

Increases scalability, allowing new servers to be added easily.
2. Failover Mechanisms: To maintain system availability in case of server failures,
crashes, or network issues by switching to a backup system.

Ensures system availability even during hardware failures.

Automatic database replication keeps data safe.

Rapid recovery after unexpected failures.

Users experience minimal disruptions.

Protects against cyberattacks, power outages, and network issues.
84
This guarantees a secure, efficient, and uninterrupted experience for users
accessing the Barangay mapping.
Deployment and Infrastructure
The deployment and infrastructure of our Local Government Unit 3 System
are designed to ensure scalability, security, and high availability. Using a WAMP
stack (Windows, Apache, MySQL, PHP) with a mix of on premises and cloudbased hosting, the system remains reliable for barangay mapping.
For development, we use XAMPP/WAMP locally, with GitHub/GitLab for
version control and Laravel Sail (Docker) for containerized environments. The
staging environment includes a dedicated testing server, while production
deployment is handled via CI/CD pipelines, ensuring automated testing and
smooth updates.
Our deployment strategy ensures that the system remains accessible,
efficient, and secure, with minimal downtime and optimized performance. By
leveraging modern infrastructure, cloud services, and automation tools, the
system is capable of handling critical government functions reliably, ensuring
smooth operations for all stakeholders.
85
Network topology and configuration details
To ensure efficient and secure communication, our Local
Government
Unit 3 System follows a Client-Server Network Topology. This setup
provides
centralized data management, secure access, and reliable service
availability
for users such as government personnel, emergency responders, and
citizens.
1. Components in the network

Client Devices: Users access the system via web browsers
(desktop/laptop/mobile).

Web Server: Hosts the Laravel backend (API and database
services).

Application Server: Runs the Vue.js/React.js frontend for user
interactions.
86

Database Server: Stores and manages MySQL/PostgreSQL
data.

Firewall & Security Layer: Ensures protection against
unauthorized
access and cyber threats.

Load Balancer: Distributes network traffic to optimize
performance.
2. Network Flow

Users access the system through a web browser.

The request is sent to the Web Server, which processes API
requests
using Laravel.

The Web Server communicates with the Database Server to
retrieve or
store data.
87

The processed data is sent back to the Frontend
(Vue.js/React.js) for
display.

Security measures such as firewalls, SSL encryption, and
authentication (OAuth 2.0, Laravel Passport) protect data
transmissions.
3. Network Configuration Details
Server Configuration

Operating System: Windows Server / Linux (Ubuntu, CentOS).

Web Server: Apache (part of WAMP stack).

Application Framework: Laravel (PHP) for backend,
Vue.js/React.js for
frontend.

Database: MySQL/PostgreSQL with proper indexing and
optimization.

Storage: AWS S3 / DigitalOcean Spaces for file management.
88
Client-Server Network Topology ensures secure, fast, and reliable access to the
Local Government Unit 3 System. With a combination of web and database
servers, firewall protection, encryption, and caching mechanisms, we provide an
optimized infrastructure for giving the distance and exact location to wherever
you want to go in this barangay.
Security measurement (e.g., firewalls, encrition)
To ensure the confidentiality, integrity, and availability of data in our Local
Government Unit 3 System, we implement robust security measures at various
levels. These measures protect sensitive data related to where is your location
and where are you going.
Security Measures
• Firewall & Access Control Lists (ACLs): Restrict unauthorized access.
• SSL Encryption: Ensures secure data transmission.
• User Authentication: OAuth 2.0 / Laravel Passport for secure logins.
• Regular Backups: Ensures data recovery in case of failures.
Protocols and communication methods used
Our Local Government Unit 3 System relies on a secure and efficient
communication framework to ensure smooth interactions between users,
89
servers, and databases. We implement:
1. Network Protocols like HTTPS, TCP/IP, and SSH for secure and reliable data
transmission.
2. Application-Level Communication via RESTful APIs, WebSockets, and SMTP
for real-time updates, notifications, and secure access.
3. Database Communication using SQL queries and Laravel Eloquent ORM,
ensuring data integrity and optimized performance.
4. Security Protocols such as SSL/TLS, OAuth 2.0, JWT, and AES-256
encryption to protect sensitive data and prevent unauthorized access.
By integrating these protocols and communication methods, our system
ensures fast, reliable, and secure access. This structured approach guarantees
data protection, system efficiency, and a seamless user experience for both
government officials and citizens.
Load balancing and failover mechanisms
To ensure the high availability, reliability, and performance of our Local
Government Unit 3 System, we implement load balancing and failover
mechanisms. These strategies help manage traffic distribution, system uptime,
and disaster recovery.
90
1. Load Balancing Mechanism: To distribute incoming network traffic evenly
across multiple servers, preventing overload and ensuring smooth system
performance.

Ensures faster response times by spreading traffic across multiple
servers.

Prevents server crashes by distributing heavy workloads.

Increases scalability, allowing new servers to be added easily.
2. Failover Mechanisms: To maintain system availability in case of server failures,
crashes, or network issues by switching to a backup system.

Ensures system availability even during hardware failures.

Automatic database replication keeps data safe.

Rapid recovery after unexpected failures.

Users experience minimal disruptions.

Protects against cyberattacks, power outages, and network issues.
This guarantees a secure, efficient, and uninterrupted experience for users
accessing the Barangay mapping.
Deployment and Infrastructure
The deployment and infrastructure of our Local Government Unit 3 System
are designed to ensure scalability, security, and high availability. Using a WAMP
91
stack (Windows, Apache, MySQL, PHP) with a mix of on premises and cloudbased hosting, the system remains reliable for barangay mapping.
For development, we use XAMPP/WAMP locally, with GitHub/GitLab for
version control and Laravel Sail (Docker) for containerized environments. The
staging environment includes a dedicated testing server, while production
deployment is handled via CI/CD pipelines, ensuring automated testing and
smooth updates.
Our deployment strategy ensures that the system remains accessible,
efficient, and secure, with minimal downtime and optimized performance. By
leveraging modern infrastructure, cloud services, and automation tools, the
system is capable of handling critical government functions reliably, ensuring
smooth operations for all stakeholders.
Deployment strategies (e.g., cloud, on-premises) <<< WALA PA TABLE
NEED>>>>
Hardware specifications and server configurations
To ensure the optimal performance, security, and reliability of our Local
Government Unit 3 System, we have designed a robust hardware and server
configuration that meets the needs of our barangay mapping with interactive
model using openstreetmap.
92
1. Hardware Specifications
Client Devices:
1. Processor: Intel Core i5 (8th Gen) / AMD Ryzen 5 or higher
2. RAM: 8GB or higher
3. Storage: 256GB SSD (recommended) or 500GB HDD
4. Display: 1080p Full HD Monitor
5. OS Compatibility: Windows 10/11, macOS, Linux
6. Network Connectivity: Wi-Fi 5/6 or LAN (100 Mbps or higher)
7. Browser Support: Google Chrome, Mozilla Firefox, Microsoft Edge
Web & Application Server:
1. Processor: Intel Xeon Silver or AMD EPYC (Multi-Core, High
Performance)
2. RAM: Minimum 32GB (Scalable up to 128GB for high traffic)
3. Storage: 1TB SSD (Primary) + 2TB HDD (Backup)
4. Operating System: Ubuntu 22.04 LTS / Windows Server 2019
5. Web Server: Apache/Nginx with PHP (Laravel)
6. Security: SSL/TLS Encryption, Firewall, DDoS Protection
93
7. Backup Power: UPS and Redundant Power Supply
Database Server:
1. Processor: Intel Xeon Gold or AMD EPYC (High-Performance CPU)
2. RAM: Minimum 64GB (for handling large queries and data transactions)
3. Storage: 2TB NVMe SSD (Primary) + 4TB HDD (Data Backup)
4. Database Management: MySQL 8.0 / PostgreSQL 14
5. Replication & Backup: Daily automated database backup with failover
support
6. Security: Role-Based Access Control (RBAC), Encryption, and Firewalls
2. Server Configuration Details
Web Server Configuration:
1. Max Clients: 500 concurrent users
2. KeepAlive: On (Optimized for faster response)
3. Timeout Settings: 300 seconds
4. Compression: Enabled (Gzip)
5. Security Modules: ModSecurity, Fail2Ban, SSL/TLS
Database Server Configuration
94
1. Max Connections: 500 simultaneous connections
2. Query Cache Limit: 256MB
3. Auto Backup Schedule: Daily at 2:00 AM
4. Replication: Master-Slave (for redundancy and high availability)
This hardware and server setup ensures that our Local Government Unit 3
System operates smoothly, securely, and efficiently, handling multiple users,
large data transactions, and emergency cases without performance issues.
Configuration management (e.g., scripts, automation tools)
Scalability and resource optimization
Security protocols and measures implemented
- Sanctum Authentication Sanctum is essential for securely managing how
users (residents, community members, emergency coordinators, caseworkers,
etc.) interact with the system, especially when they require access to sensitive
data or resources, such as scholarship applications, emergency assistance
requests, or child/youth case details.
-Token Validation -It operates as a method of verifying the authenticity and
integrity of a token when a user attempts to access or make a request to the
server. This method guarantees that only registered users are authorized to
95
execute specific operations, and it protects the system from unauthorized access
or malicious behavior.
Authentication and authorization mechanisms
- Multi-Factor Authentication (MFA) - improves security by making users
give two or more verification forms before entering a system. This makes it
more difficult for intruders to enter, even if they have stolen a password.
- Brgy ID number - Adds an extra layer of security by requiring the users
ID number to identify their identity through logging-in on the dashboard.
-Forget Password- For further logging in when users may have forgotten
their password or email. Users will simply click the "Forget Password" button
to reset their account password and log in again.
Single Sign On (SSO) - If the system is integrated into a larger government
network, SSO allows seamless, secure access using centralized
authentication services.
Encryption and data protection
Incident response and mitigation procedures
Testing and Quality Assurance:
Detailed test cases and scenarios
96
Testing in Local Government Unit (LGU) ensures that the user will experience,
functionality accuracy and security. Common test case may
include:
User Authentication and Authorization: Registration login, password
recovery, and multi-factor authentication.
Security Testing: Conducted on a security that the only one who can access
and make actions are the one who registered and it prevents anyone from
unauthorized access or malicious behavior.
System Monitoring and Maintenance:
Laravel:
Tools: Laravel Telescope, Laravel Debugbar, Sentry, New Relic,
Laravel Health
Techniques: Log monitoring, queue and task monitoring, error handling
XAMPP:
Tools: XAMPP Control Panel, Apache logs, MySQL logs, Webalizer Techniques:
Resource monitoring, database health monitoring, log analysis
PHP:
Tools: Xdebug, New Relic, Blackfire, Datadog, PHP-FPM status
97
Techniques: Error logging, memory usage monitoring, profiling, and benchmarking
These tools and techniques together will assist you in monitoring your
system's health, detecting performance issues, and maintaining optimal application
performance.
Logging and error handling mechanisms
Scheduled maintenance and updates
Disaster recovery and backup procedures
APIs and Integration Points:
Documentation of APIs used for integration
API endpoints, methods, and data formats
How external systems interact with your project
Instructions for system users
1. Access the system by logging in:

To access the system, enter your username and password.

Press "Login" to continue.
2. Handle the Dashboard:
98

You will see the dashboard with important features and modules
once you have logged in.

To reach various areas, use the navigation menu.
3. Exploring the maps:

Navigate to the section on barangay map

Search for Locations, Use the search bar on the left side of the
page to enter addresses, place names, or geographic coordinates.
5. Logout:

To protect your account, always log out after using the system.
Troubleshooting and FAQs
1. Unable to Login

Solution: Verify that the username and password you are typing are
accurate. Click "Forgot Password" if you can't remember it, or get in touch
with the system administrator.
2. Slow System Loading

Solution: Try cleaning the cache in your browser or verifying your internet
connection. If the problem continues, restart the browser.
3. Not Saving Data
99

Solution: Verify that all necessary fields are appropriately filled out.
Refresh the page or click "Save" once more. Get in touch with help if the
issue persists.
4. Error Notifications Show Up

AppSolution for Error Messages: Note the error message and ask the
System Administrator for help.
5. Locked Account

Solution: Your account can be locked if you repeatedly enter an incorrect
password. To get your account unlocked, get in touch with the system
administrator.
User Manuals and Guides (If Applicable)
The system offers elaborate user manuals and guides that are meant to
guide users on how to use and effectively utilize the features of the system. The
User Manual (Full Guide) has elaborate steps on how to use the system, enter
data, create reports, handle user settings, and repair frequent problems. This
guide is a full reference for users who require extensive information regarding the
functionality of the system. For new users or those who need immediate help, the
Quick Start Guide is provided. It provides a step-by-step simplified process on
how to log in, enter data, save data, and create reports, enabling users to
100
accomplish basic operations easily. To cater to general questions or technical
issues, the system also contains a Frequently Asked Questions (FAQs)
subsection.
This subsection gives answers to regular issues like login failure, not
saving data, account being locked, and failure to generate reports. This section is
supposed to minimize downtime by giving the users fast and easily accessible
responses to their questions. Also, the system provides Video Tutorials that
illustrate visually the procedures for conducting important tasks in the system.
These tutorials assist users in following and understanding better how to get the
most out of the system's functionality. If there are technical problems that cannot
be solved by the manuals or guides, users are requested to contact the System
Administrator or the IT Support Team. They can offer technical support, recovery
of accounts, or additional system assistance.
The technical support contact details are offered within the system under
the Help Menu The utilization of these user guides and manuals guarantees that
the users can effectively navigate the system, complete their tasks, and solve
minor technical problems in good time.
System User Instructions
To have a smooth and efficient system usage, kindly observe the instructions
101
below:
1. Log in to the System:
- Open your web browser and type in the system URL given.
- Type in your username and password in the login form.
- Press the Login button to log in to your account. In case you have
forgotten your password, use the Forgot Password feature or contact the
System Administrator.
2. Navigating the Dashboard:
- After logging in, you will be taken to the dashboard, which shows major
system features, notifications, and menu options.
- Employ the navigation panel or main menu to access different modules
like Data Entry, Reports, Settings, etc.
3. Exploring the maps:
- Navigate to the section on barangay map
- Search for Locations, Use the search bar on the left side of the page to
enter addresses, place names, or geographic coordinates.
4. User Settings Management:
102
- Go to Settings Account Settings to edit your account details like
password, email, or profile information.
- Always click Save Changes after updating your information.
5. Logging Out of the System:
- After completing your tasks, always logout to protect your account.
- Click the Logout button found in the menu bar or under your profile icon.
6.Troubleshooting and Technical Support:
- In case of any problem like login failure, error message, or not saving
data, check the FAQs or User Manual in the system.
- For other unresolved problems, contact the System Administrator or IT
Support Team.
8. System Security Reminders:
- Do not disclose your username and password to anyone.
- Do not log in to the system using public or shared computers.
- Log out after every use of the system to secure your data.
By adhering to these guidelines, you can effectively carry out tasks in the system
while maintaining data accuracy and security. For additional guidance, see the
User Manual or contact the System Administrator.
103
Contact Information for Technical Support
Hotline Support:

LGU3 Helpdesk: +63 9475587961
Email Support:

General Inquiries: support@lgu3system.gov.ph

Technical Assistance: techsupport@lgu3system.gov.ph

Security & Data Privacy Concerns: security@lgu3system.gov.ph
Online Support Portal:

Website: www.lgu3system.gov.ph

Live Chat Support: Available on the website
Continuous Integration & Deployment (CI/CD)
Automated Testing & Code Reviews:

Pull Requests (PRs) and Code Reviews are mandatory before merging
into the main branch.

Automated Unit Testing & Security Scans ensure code stability.
Deployment Pipeline:
104

Jenkins / GitHub Actions / GitLab CI/CD are used for automated builds,
testing, and deployment.

Staging Environment is maintained to test new updates before production
deployment.

Rollback Mechanism is in place to quickly revert to a stable version if
issues arise.
Repository location and access details
Not explicitly mentioned
Branching and merging strategies
Standard branching model with feature branches and merging via pull
requests
DevOps and Continuous Integration/Continuous Deployment (CI/CD):
- CI/CD pipeline setup and configurations
Implemented with Git-hub
- Automation scripts and tools used
Uses javascript, GitLab-CI for code quality checks.
- Deployment strategies and rollback procedures
105
these systems deal with data and services, so strategies must minimize risks,
ensure data integrity, and maintain service.
Licensing and Open Source Libraries:
- Information about licenses for software and libraries used
Open-source tools like Laravel, MySQL, phpMyAdmin.
- Credits and attributions for open-source components
Not explicitly detailed, but libraries like Google Authenticator are used.
Performance Metrics and Monitoring:
- Metrics collected and monitored
System response time, server uptime, transaction success rate.
- Tools and dashboards used for performance analysis
Laravel, Php, Cyber-Panel Logs.
106
REFERENCES
1.Laravel Documentation. (2024). Official Laravel 10
Documentation.
https://laravel.com/docs
2.PHP Documentation. (2024). PHP 8.2 Manual & Best
Practices. https://www.php.net/manual/en/
3.Google Cloud Platform (GCP). (2024). BigQuery for
Government Data
Management. https://cloud.google.com
4.National Economic and Development Authority (NEDA).
(2022). Philippine
Digital Transformation Roadmap 20222030.https://www.neda.gov.ph
5.Department of Information and Communications Technology
(DICT). (2023).
107
National ICT Ecosystem Framework (NIEF).
https://www.dict.gov.ph
6.PHP Documentation. (2024). PHP 8.2 Manual & Best
Practices.https://www.php.net/manual/en/
7.Google Cloud Platform (GCP). (2024). BigQuery for
Government Data
Management. https://cloud.google.com
8.Amazon Web Services (AWS). (2024). Cloud Computing for
Local
Government Solutions. https://aws.amazon.com
9.MySQL Documentation. (2024). Scaling MySQL Databases
for High-Traffic
Applications. https://dev.mysql.com/doc/
10.OpenAI. (2024). AI Chatbots for Government Services: GPT4 Integration.
https://openai.com
108
11.Google Dialogflow. (2024). Developing Smart Chatbots for
Citizen
Engagement.https://dialogflow.cloud
109
APPENDICES
Here's a sample "Appendices" section for your Barangay Mapping. This
section typically includes supplementary materials, such as detailed process
diagrams, sample data, user surveys, and any additional information that
supports the main content of the document:
Appendix A: Process Diagrams
Figure A.1: User Inquiry Process Diagram
Figure A.2: Barangay Administration Process Diagram
110
Appendix B: User Surveys
Section 1: General Information
What is your role within the Local Government Unit (LGU)?
A. Barangay Official
B. Municipal/City Official
C. LGU Staff
D. Other (please specify): _______________
How often do you use the Barangay Mapping System?
A. Daily
B. Weekly
C. Monthly
D. Rarely
E. First time using it
What is the main purpose for using the Barangay Mapping System?
A. Mapping of Barangay Boundaries
B. Disaster Management and Response
C. Addressing Citizen Concerns/Requests
D. Others (please specify): _______________
Section 2: System Usability
How easy is it to navigate the Barangay Mapping system?
A. Very easy
B. Easy
111
C. Neutral
D. Difficult
E. Very difficult
How would you rate the accuracy of the map data (locations, boundaries,
landmarks) provided by OpenStreetMap for your barangay?
A. Very accurate
B. Accurate
C. Somewhat accurate
D. Inaccurate
E. Very inaccurate
How helpful is the interactive model (e.g., zooming, panning, markers,
layers)?
A. Very helpful
B. Helpful
C. Neutral
D. Unhelpful
E. Very unhelpful
Did you encounter any issues while interacting with the map (e.g., slow
load times, map errors, features not working)?
A. No issues
B. Yes, please specify: _______________
112
Section 3: Features and Functionality
What features do you use the most in the Barangay Mapping system?
(Select all that apply)
A. Search for specific locations or addresses
B. Boundary drawing and editing
C. Adding or editing points of interest (e.g., schools, health
centers)
D. Overlaying multiple layers of information (e.g., infrastructure,
roads, etc.)
E. Measuring distances/areas
F. Data export/import
G. Other (please specify): _______________
Are there any additional features you would like to see in the Barangay
Mapping system?
A. Yes (please describe): _______________
B. No
Do you think the system helps improve decision-making and planning
within your barangay?
A. Strongly agree
B. Agree
C. Neutral
D. Disagree
113
E. Strongly disagree
Section 4: Overall Experience
Overall, how satisfied are you with the Barangay Mapping system?
A. Very satisfied
B. Satisfied
C. Neutral
D. Dissatisfied
E. Very dissatisfied
What improvements would you suggest for the Barangay Mapping system?

_______________
Do you have any additional comments or feedback regarding your
experience with the system?

_______________
End of Survey
114
Appendix C: User Stories and Use Cases
Appendix D: Sample Data
115
Adviser Acceptance Letter
March 16, 2025
Dear Mr./Ms.
Greetings!
I am pleased to officially affirm the role of Adviser on the project titled "LOCAL
GOVERNMENT UNIT 3: Barangay mapping with interactive model using
openstreetmap" I am pleased to be able to share my knowledge with this significant
project, whose objective is to enhance local governance and public service.
We are dedicated to offering advice and assistance in the fields of Barangay
Mapping Services to ensure effective progress and implementation of this project. I look
forward to working with the team to accomplish its objectives and create a wonderful
impact on our local government services.
We will appreciate your assistance to make the completion of this study possible.
Yours truly,
Group 173 from 4TH Year Bachelor of science in information technology
CHRISTIAN REMPILLO
Adviser
116
Panel Evaluation and Signature