E BarPoMngmt A Web Based Management System For Barangay Poblacion San Manuel Tarlac 3

E-BarPoMngmt: A WEB-BASED MANAGEMENT SYSTEM FOR BARANGAY
POBLACION, SAN MANUEL, TARLAC
A Capstone Project
Presented to the Faculty of School Undergraduate, AMA Tarlac Campus Zamora
Street, San Roque, Tarlac City, Tarlac
In Partial/Fulfilment of the Requirements for the Degree of Bachelor of Science in

Information Technology
By,
RHOLEX YAMAT APELADO
CHRISTIAN ANTOLIN B. CHICO
KEEN JOHN MILTON T. LINING
2023
1
APPROVAL SHEET
2
3
ACKNOWLEDGEMENTS
The researchers would like to express their heartfelt appreciation and
respect to the people mentioned below, whose contributions and help made this
research paper a prodigious success.
First and foremost, to Almighty God, who gave the researchers the
strength, knowledge, and wisdom in doing this capstone project.
To the Barangay Officials and Staff of Barangay Poblacion, San Manuel,
Tarlac, who generously gave their time and support during the study's
development and implementation.
To their family and friends, who gave them the strength and determination
to do well and work hard each day and for the love and support they have given.
To their adviser for Capstone 1 and 2, Ms. Marjorie Solomon, who
extended her help and lent her guidance during the writing of the documentation
and the development of the system and who gave us honest feedback to improve
our skills in the preparation of the thesis.
To fellow researchers, who helped and worked tirelessly in order to
accomplish this study.
Lastly, to their respondents, who showed their interest in this study by
actively participating in the researchers' survey.
4
ABSTRACT
The Web-based Barangay Management System for Barangay Poblacion,
San Manuel, Tarlac is a system that will serve as a record keeping and searching
tool for barangay officials, allowing them to save time and resources while
keeping their barangay records. The main objective of this research is to
automate long procedures in the locale's existing manual process in order to
provide residents with fast and dependable service. One of the primary features
of the developed system is the ability to record and search information, such as
residents, transactions, requests, announcements, and complaints, as well as
provide a user interface through which residents can request a barangay
certificate without having to visit the barangay hall/office. The researchers
gathered ideas from the related literature and systems of previous studies. In
designing and developing the system, the researchers followed and used the
Rapid Application Development Model. Moreover, the system simply has one
dashboard, with different content based on the level of access, and a home page
where residents can see announcements and request a barangay certificate. The
researchers collected data using the Survey Method, which was then analyzed
using a 5-point Likert Scale. Paper and Google Form were employed as survey
platforms, and the weighted mean was calculated as a requirement for gathering
data. The results summary has a verbal interpretation of Strongly Agree.
5
TABLE OF CONTENTS
TITLE PAGE i
APPROVAL SHEET ii
ACKNOWLEDGMENTS iv
ABSTRACT v
TABLE OF CONTENTS vi
LIST OF TABLES viii
LIST OF FIGURES x
LIST OF APPENDICES xii
DEFINITION OF TERMS xiii
CHAPTER 1: PROJECT AND ITS BACKGROUND 1
Project Context 2
Purpose And Description 4
Objectives of the Study 5
Significance of the Study 5
Scope and Delimitations 6
CHAPTER 2: RELATED LITERATURE 8
Foreign Literature 8
Local Literature 10
Foreign Studies 11
Local Studies 13
6
Synthesis 15
Technical Background 17
CHAPTER 3: METHODOLOGY, RESULTS AND DISCUSSION 20
Software Design, Products and/or Processes 20
System Architecture 25
Conceptual Design 26
Cost Benefit Analysis 27
Requirement Analysis 29
System Flow 33
Block Diagrams 38
Development and Testing 39
Input and Output Reports and Analysis 47
Description of the Prototype 49
Implementation Plan 56
CHAPTER 4: RECOMMENDATIONS 58
Summary of the Findings 58
Conclusion 59
Recommendations 60
REFERENCES 61
APPENDICES 63
7
LIST OF TABLES
Table Page
1 Software Used in System Development 18
2 Minimum System Requirements for Developed System 19
3 Number of Respondents 22
4 Likert Scale for each Sub-Criterion 24
5 Hardware Cost 27
6 Software Development Cost 28
7 System Cost 28
8 Utility Expenses 28
9 Summary Cost 29
10 Functional Requirements for Login Module 30
11 Functional Requirements for User Management 31
12 Functional Requirements for Administrator Side 31
13 Functional Requirements for User/Resident Side 32
14 Functional Requirements for Maintenance and Update 32
15 Non-Functional Requirement for Accuracy 32
16 Non-Functional Requirement for Safety and Security 33
17 Functionality Testing 43
8
18 Performance Testing 43
19 Usability Testing 44
20 Reliability Testing 44
21 Security Testing 45
22 Summary of Results for the Developed System 46
23 Implementation Plan 56
9
LIST OF FIGURES
Figure Page
1 Hardware and Software Tools in System Development 17
2 System Architecture 25
3 Conceptual Design 26
4 System Flowchart 33
5 Context Diagram 34
6 Data Flow Diagram 35
7 Entity Relationship Diagram 36
8 Use-Case Diagram 37
9 Block Diagrams 38
10 Rapid Application Development Model 40
11 Login Page 49
12 Home Page 50
13 Announcements (User-Side) 50
14 Resident Directory (User-Side) 51
15 Clearance Request (User-Side) 51
16 Announcements (Admin-Side) 52
17 Manage Users (Admin-Side) 52
10
18 Resident Directory (Admin-Side) 53
19 Manage Complaints (Admin-Side) 53
20 Resolved Complaints (Admin-Side) 54
21 Manage Clearance Request (Admin-Side) 54
22 Transactions (Admin-Side) 55
23 Audit Trail (Admin-Side) 55
24 Settings 56
11
LIST OF APPENDICES
Appendix Page
A Beneficiary Acceptance Form 64
B Gantt Chart 65
C Signed Title Approval Form 66
D IC/NFE 68
E Final Defense Fee 70
F Plagiarism Result 71
12
DEFINITION OF TERMS
The following terms were contextually defined for thorough understanding
of this study:
Administrator. This is the person in charge in planning and managing a
company's or organization's business or public operations. An administrator is
someone who has the authority to make changes in the system.
Audit Trail. It is a chronological record that describes the history within a certain
transaction entry.
Automation. It refers to the utilization and integration of technology to automate
repetitive operations. It helps businesses to minimize the possibility of human
error, producing accurate records and data.
Data. It is defined as information that is stored in or utilized by a computer,
including facts and statistics. The data will be kept in a database and organized
in a way that makes data storage and retrieval easier and faster.
Database. It is a group of categorized and organized data that has been
electronically stored in a computer system and organized so that it can be readily
updated and maintained.
Management System. It is the collection of systematic structures for managing a
business or organization’s processes while promoting internal improvement
continuously.
Records. It is defined as any information that is made, generated, executed, or
received regarding the transactions and official functions of a business, firm,
organization, or institution.
13
Web-Based System. It is a system hosted on a server that is accessible via a
browser interface through the Internet. Web-based systems can be accessed as
long as there is a working Internet connection and a device that has a compatible
browser.
14
CHAPTER 1
PROJECT AND ITS BACKGROUND
The establishment of civil society is one of the greatest achievements of
humankind. Without it, chaos ensues, and management will be next to
impossible. To make management easier, our societies are structured in a
hierarchical order: countries are divided into smaller regions, which are further
divided into provinces, that are further divided into cities and towns, and each
town and city is further divided into barangays. Each of these organizational units
keeps track of its residents with the use of records.
Keeping track of everything through records is not a new concept either.
Historical account shows that even in Biblical times, population is already
tabulated through census. In the 19th century, directories are utilized for a well-
organized storing of records. Now, digital directories and address books help
almost everyone in locating a person that they need to keep in touch with. Seen
as an invasion of privacy in the earlier times, knowing one’s home address is
difficult unless given directly by the person. However, even when an individual
has the address, locating him or her in an unfamiliar location is still a challenge.
In this circumstance, relying on a barangay official’s directory is proven to be the
best way.
With the rise of e-commerce and online shopping, knowing someone’s
home address is an important step in delivering goods to every client. Aside from
that, litigation and legal proceedings also benefit from an openly available
address book. With these benefits in mind, barangays try their best in creating an
1
organized record system for easier access. Unfortunately, the majority of
barangays in the Philippines still employ the outdated pen and paper method of
storing resident records, despite the fact that this is the modern period and
technology is readily available. While this accomplishes the task at hand, it can
be challenging and time-consuming to organize, edit, and search for records.
Aside from these problems, records are typically only kept in one record book, so
they can only be accessed one at a time. Imagine if you had to search for 10
different residents as requested by some police officers, you must search the
record book from cover to cover to find their records.
Barangay records also include keeping track of resident’s complaint and
proceedings. This includes keeping track who is being complained, the
complainant, the complaint, and some notes during the deposition process. Even
though the complaint has been resolved, it is also important that records are kept
for auditing purposes. Almost all the processes needed for barangay
management can benefit from technology. Converting the manual processes into
electronic or possible automated ones will shorten the processing times for
searching, editing, and sorting records.
In conclusion, integrating technology with existing barangay management
processes will greatly benefit all existing barangays with little to no automation
included in their current way of managing records.
2
Project Context
Barangay communities in the Philippines mostly use the traditional way of
storing records. As a result, searching for records for judicial, deposition, or
personal requests takes a lot of time. Aside from record keeping, complaints and
depositions are also tracked manually, where the secretary manually writes notes
during the complaint hearing – something that can be very useful when the
complaint is escalated to the higher court. In addition, most barangay
communities are lack in automation of document requests. Keeping track of
document request will help the barangay council in auditing transactions and
sales that are done through document requests.
To address these problems, the researchers proposed an idea in which
the majority of the manual processes involved in barangay management is
translated into electronic process. The primary objective is to incorporate
technology into current procedures in an effort to enhance record keeping,
searching, and sorting as well as barangay council services.
The produced system of this research does not seek to completely replace
the system's current procedures. It seeks to help people use technology more
effectively. Despite the drawbacks and inconveniences, manual record keeping
will continue to be the fallback in the event that the technology is malfunctioning
or needs maintenance. The barangay will surely benefit from a simple system.
The study's developed approach is intended for older generations, who
statistically make up the majority of barangay councils in the Philippines. Keeping
these in mind, the functionality and design of the system have simplicity as their
3
overarching theme, making it simple for anyone, even those without computer
literacy, to navigate and use the developed system.
Purpose and Description
Barangay Poblacion, San Manuel, Tarlac is a medium-sized locality
located in the municipality of San Manuel province of Tarlac. The general
population is reaching about 1,300 residents and the locality is gradually
improving its technological infrastructure.
In carrying out their daily tasks and operations, the barangay still uses
manual methods. Pen and paper are used to record information, which are
inefficient and human error-prone for providing residents with excellent service.
Almost every Barangay operation is manually handled and hand-operated. The
barangay uses a manual process to keep and manage important documents and
files, as well as resident records. Barangay staff manually record the resident's
information, and when they need to find the resident's name, there is often
duplicate data. Aside from record keeping, complaints and depositions are
also manually tracked, with the secretary writing notes during the complaint
hearing. The automation of document requests is likewise lacking in Barangay
Poblacion, San Manuel, Tarlac.
The Barangay Management System for Poblacion, San Manuel, Tarlac is
developed to help the locality to store, manage, and retrieve resident’s
information as well as provide some automated processes which eliminate
manual pen-and-paper style of storing and managing data. This system offers a
4
quick and secure approach to handle conflicts locally by just displaying the most
basic contact information for residents and hiding dispute information among
non-admin users.
Objectives of the Study
The study is focused on the following general and specific objectives:
General Objective. Design and develop a Web-Based Barangay Management
System for Barangay Poblacion, San Manuel, Tarlac.
Specific Objective. To achieve the main objective of the research, the
researchers must also focus on achieving these specific objectives:
1. To integrate technology into existing processes that will help to improve
record keeping, searching, and sorting, as well as improve barangay
services.
2. To provide an efficient way for the barangay to store, manage, and
retrieve resident’s information.
3. To automate the manual process of requesting document.
4. To create an online platform where users can be updated with barangay
announcements.
5. To develop a system that will help in minimizing and/or eliminating the
problems encountered in the current manual operation of storing and
managing data.
6. To evaluate the system's functionality, performance, usability, reliability
and security.
5
Significance of the Study
Once implemented, the system that was developed will be highly
beneficial to the individuals mentioned below:
Barangay Officials: The system will make it simple to handle and
manage requests, complaints, and transactions.
Deliverymen and Postmen: Upon requesting information, written letters will be
conveniently delivered to the recipient.
Police officers: Individuals who escape due to an offense can be readily tracked
down or at the very least identified by using the system's search feature.
Residents: The barangay will be able to track complaints and transactions, and
residents will not have to wait as long for search results to appear.
Researchers: This study will help the researchers to hone their research, system
design and development skills.
Future Researchers: This study will serve as an educational resource for future
researchers, benefiting them by broadening their understanding of the topic,
which they can incorporate into their own version of a web-based barangay
management system.
Scope and Limitation
The study focuses on the development and implementation of a web-
based barangay management system that will assist the barangay in covering all
areas of management, increasing operational efficiency, and eliminating
6
difficulties faced in their existing manual operation. The system contains two
types of accounts: administrators and users.
The lists of guidelines for using the system will be displayed on the
system's home page. This will make it easier for both admins and users to
understand what is allowed and what is restricted within the system. The
administrator can add, edit and remove announcements. These announcements
will be published and made visible to users in the system's announcement page.
The system will allow the administrator to manage all the users, including adding,
modifying, and removing them. The administrator can view the full details of all
the active users of the system. Moreover, the admin has the ability to modify and
to delete residents. The residents' information can be viewed by both
administrators and system users. The admin will be able to create a complaint
record, input notes on a complaint record, and view complaints history. The
administrator and users can both create a document request record as well as
create a transaction based on the requested document. In addition to the
document request feature, the admin will also be able to change the status of a
document request. Both admin and users can edit their profile, change their
password, and view their account activity. Furthermore, all movements within the
system will be saved in an audit trail.
However, the system is exclusively for Barangay Poblacion, San Manuel,
Tarlac only. Since the management system is a web-based system, it can only
be accessed through the internet. Finance and accounting are not covered by the
system. These indicate that neither payment nor accounting-related transactions
7
are linked to the system. In addition, all documents that require a dry seal should
not be auto generated.
CHAPTER 2
RELATED LITERATURE
This chapter shows all the related literature and studies that the
researchers studied and reviewed to aid them conceptualize the proposed
system. These include both foreign and local studies and literature. The
technological information for developing and running the developed system is
provided at the end of this chapter.
Foreign Literature
In an article written by Roche (2020) titled “What are the Benefits of Digital
Record Keeping?”, a digital record keeping system is recommended for a
number of purposes. Though this article is for business, it highlights the
importance of record keeping and how digitizing the way people record things will
lead to overall improvement of their workflows. The benefits include standardized
workflow, easier collaboration, and improved workplace environment.
According to Garland's (2019) "The Importance of Records Management
Policy," the paperless office is becoming increasingly beneficial. A business or
organization can benefit from becoming paperless by switching to a digital
record-keeping system in a variety of ways, including enhancing information
security and clearing up physical space. The authorized persons can access
8
digital records from any location, including their home or place of employment.
Not all information should be recorded. When it comes to information recording,
there are regulatory standards that protect everyone's privacy. That is why a
good records management policy is essential.
As stated by Kirti Solanki (2020), a management system gathers data,
analyzes it, stores it, and provides information that management needs to
manage the organization's activities effectively in general and is used to produce
the four types of information: descriptive, diagnostic, predictive, and prescriptive.
Management systems are also important in assisting an organization's
management in achieving an objective through effective data processing.
Rhodes (2022) stated that automated management systems help
organizations streamline their operations. Many time-consuming and laborious
procedures can be automated, making administration more efficient. Control over
procedures, increased visibility of operations, and more effective information
storage and recall are all benefits of an appropriately designed and well-operated
automated management system. Such technologies may also help an
organization increase productivity, and improve service. Automated management
systems can help reduce duplication by performing operations quickly and
accurately that would take a person much longer and almost certainly result in
more errors.
According to Malak (2022), Information management systems are the
fundamentals of every organization. Management systems aid in the
management of data in a systematic manner. They assist organizations in
9
managing information from creation to disposition. A management system's
major features include storing, retrieval and security of data, access to data, and
data analysis. They collect, process, and distribute different data to other
individuals or organizations. Organizations and companies can guarantee that
data is secured and accessible at all times by using an information management
system.
Local Literature
The article titled “The Tales of Barangay Officials in Resolving Community
Disputes” (Metillo et al., 2022) emphasized the need in settling community
conflicts of Barangay Officials. They are the first stage in settling complaints
before they are escalated to a higher court of justice. Despite the difficulty of
keeping their opponents' tempers in check, barangay officials are focused on
resolving their disputes and reaching a negotiated arrangement that works for all
parties concerned and has been effective in finding a peaceful resolution without
going to court.
A study titled “Philippine Government Structure with a Focus on the
Philippine Barangay” (Edleman et al., 2018), barangay plays a vital role because
it deals with matters of local governance, such as regulations and development.
While barangays are the smallest unit of government in the Philippine Society,
they need to be organized and well-maintained to attain order.
A vital function in directing the populace at the local level is handled by the
barangay government, explained by Floranza, J. (2021). Governance is the act of
10
authority over others and the management of the duties and activities that fall
under one's purview. Given the circumstances, the research advises barangay
officials, especially barangay captains, to attend the Barangay Governance
Capability training session. Their barangay's performance should be closely
monitored and evaluated on a regular basis.
Punongbayan and Araullo (2018) explained the structure of a barangay.
For such a basic level of government, they contend that the barangay system is
complicated. A barangay is endowed with several duties, responsibilities, and
obligations. The Punong Barangay is tasked with upholding order of the
barangay, enforcing every ordinance and law, ensuring the delivery of essential
services, adhering to regulations for different barangay problems and issues.
Foreign Studies
In the study of Koptyakova et al (2019) titled “Development and
Deployment of Automated Electronic Document Management System in
Municipal Units”, explained that it is essential that local self-governing bodies that
are directly involved in the administration and interpretation of a variety of data
employ information technology. The local self-governing bodies inside municipal
units, deal with matters pertaining to the population's basic survival needs. As a
result, the success of local self-governing bodies affects residents' positive
impressions of the barangay. The government must ensure that the people live in
more comfortable conditions by delivering sufficient government services in order
to earn such favorable feedback. Information technologies are ideally adapted to
fulfill both duties in municipal organizations. They support the shift of citizen-
11
government interactions to an electronic setting where everyone can openly
communicate with key institutions. Furthermore, information technology
encourages the use of strategies that boost governmental effectiveness.
Municipal authorities are aware of the need to set up digital structures, but local
self-governing entities lack the financial capacity needed to do so relative to the
federal government.
As stated by Xu (2021) in his developed study titled “Digital Community
Management Mobile Information System Based on Edge Computing”, the
benefits of digital information include no distortion, anti-interference, encryption,
and ease of storage. The researchers created a basic digital management
technology system and database for community digital management. This
includes a basic data statistics system for the community, an inquiry and online
processing service, and a management decision analysis system. However,
according to the researcher, the system still has a lot of issues that need to be
fixed, and several module functionalities, such data visualization of population
statistics and other community reports, are still not developed because of short
period of development.
Moreover, in the study of Asava (2019) titled “Aligning Records
Management with ICT,” records management automation involves setting up
organized controls at every cycle's phase of the record in line with recognized
records management frameworks and guiding concepts. Many organizations use
document and record management system to standardize the way information is
stored so that every individual who has the necessary authorizations could track
12
down and get the document they're seeking. In addition to facilitating user work,
this system gives the business security, data dependability, and control in work
processes. Once implemented, a number of the functionalities will speed up
processes, make work easier, offer an audit trail and accountability, as well
as protect the resources that have been invested in producing these papers and
records.
According to the research paper titled “Personal Information Management
Systems” of Janssen and Singh (2022), the main goal of information
management systems is to inform and empower users by equipping them with
mechanisms for monitoring and controlling the data and mediating ways on how
to access them. Their aim is to give an alternative to the current data processing
methods. While information systems are getting popular each time passes, there
are still several issues in digital ecosystem that need to be addressed.
Local Studies
In relation to establishing information management systems, another study
titled “Design and Implementation of a Hybrid Barangay Information Management
System” written by Intud (2021) stated that There were several problems with the
current time-consuming manual processes. This includes getting a sizable
quantity of files containing the data of their residents that slows down the delivery
of services and leads to errors in completing a task, among other things. By
computerizing documents like barangay clearances, indulgency, certificates,
barangays now have more ways to provide enhanced services to their people.
The research recommended creating a Hybrid Barangay information system,
13
which is a hybrid of conventional manual information recording with an
automated method employing modern technology.
In the paper of Bayla et al (2021) titled “Access, Skills and Constraints of
Barangay Officials towards the Use of Information and Communications
Technology (ICT)”, The study identified the barangay officials' access to,
proficiency with, and barriers to ICT use. ICT has the ability to improve the
effectiveness and efficiency of barangay officials' operations when they
incorporate all types of technology, including information systems and the usage
of personal computers. To increase the efficiency of their work and enhance the
delivery of services, barangay officials must use technology. ICTs can offer
government organizations a new way to productive activity, which might be a vital
task in the barangay officials' transition phases. The study's goals are to identify
barangay officials' access to, abilities in, and limits in using ICT, as well as to
evaluate it.
Cipriano et al (2018) in their thesis “Design, Development and Evaluation
of Barangay Minabuyoc Information System”, created a Barangay Information
System that stores information about Barangay Minabuyoc’s residents. This
information system covers all facets of record-creation, record-updating, and
information-retrieval for specific people.The system enables users to search for
resident information so they don't have to manually enter each resident's data or
print out all of the Barangay reports. The entire Barangay records will be kept in
the database. The system may only be accessed by authorized individuals.
14
In addition, Carpio (2020) in her research paper “Barangay Management
System”, addressed how there is a limited number of records and date available
in the barangay. A web-based administration approach called "e-barangay"
intends to change the old, centralized structure of barangay management into a
more inclusive, resident-centered one. It is to make current administrative
procedures, such acquiring documents and filing complaints, simpler. The
researcher has also visualized the system using the information supplied by the
target local government entity. For a more thorough user knowledge, the
researcher also recommends that accounting procedures be incorporated into
the system.
Synthesis
The reviewed related literature and studies served as a guide for the
proposed system. These discussed how barangays are structured and
organized, how a management system can reduce the workload of the
barangays, and how they can operate more efficiently on a regular basis as data
are handled electronically. The concern is, as it stands, is that most of barangays
are still lack in an efficient management system. To make their operations more
efficient and improve service delivery, barangays must use technology to
communicate and receive information.
Automation, as compared to manual processes, executes a work much
faster than the conventional method of recording. By keeping residents' data files
on a computer system, the automated management system will make information
storage and retrieval faster and more comfortable. The system's principal
15
purpose is to store, update, and validate data. This saves barangay's time and
effort spent on organizing, archiving, and accessing records for each Barangay
resident. If data is duplicated or lost, the information in a digital system may be
examined in a simple manner.
With these in mind, the researchers came up with the idea of developing a
Web-Based Management System for Barangay Poblacion, San Manuel, Tarlac
that will provide a convenient way for residents to request document and update
them about barangay’s announcements. The system will also provide a way to
manage all of the barangay’s administrative tasks as well as cover all the aspects
of management and increase the efficiency of operations, reduce residents
waiting time and effort, and increase the number of services served.
All cited studies and articles are relevant to this research and are used to
gather enough information on how to structure the developed system and
research. However, this research is not a duplicate of these studies.
16
Technical Background
FRONTEND BACKEND FRAMEWORKS

LAPTOP
HARDWARE USED SOFTWARE USED
E-BARPOMNGMT
Figure 1. Hardware and Software Tools in System Development
Figure 1 shows the hardware and software are used in developing the
Web-based Barangay Management System.The researchers combined the many
scripts and markup languages—HTML, CSS, JavaScript, and PHP—needed to
build a responsive website in order to view real-time changes in the system's
17
appearance when using web browsers. The researchers also used MySQL for
handling of data and databases. In addition, the laptop was used as the main
device of the group in developing the system. The laptop contains all the
software needed in the development such as the web browsers, OS, Languages,
etc.
The researchers used existing web technologies to build a “Barangay
Management System for Poblcaion, San Manuel, Tarlac” to be run on web
browsers. Web-based setup is used so that no additional and further setup is
required upon deployment. Also, updates to the system can be pushed through
without having to reconfigure every application needed to run the developed
system.
The Table 1 below describes the environment and software in which the
system was developed in.
Operating System Microsoft Windows 11
PHP and MySQL for Backend

Programming Languages HTML, CSS, and JavaScript in
Frontend
Database SQL
Target Platform Web
Bootstrap and jQuery for Frontend

Frameworks CodeIgniter for Backend
Table 1. Software Used in System Development
Table 1 above lists all the software used in developing the system. The
environment was set up in Windows 11 for latest security and features. The main
18
programming languages used are split into PHP and MySQL for the backend and
HTML, CSS, and JavaScript for the frontend. A web browser will be used for
testing. The researchers also used CodeIgniter, Bootstrap and jQuery to hasten
the development process.
Operating System Microsoft Windows 10 or later
Storage 128Gb of free storage
RAM 4gb or higher
Monitor Resolution 1920 x 1080 recommended
Microsoft Edge or Google Chrome

required
Web browser
Table 2. Minimum System Requirements for Developed System
Table 2 shows the minimum requirements to run the developed system. It
is essential to use Windows 10 or later for the tools to work. The system does not
take much space but having an ample amount of headroom will help the system
to be more responsive. A widescreen monitor is also recommended for better
viewing experience. Lastly, Edge or Chrome is required for all functions to work.
19
CHAPTER 3
METHODOLOGY, RESULTS AND DISCUSSION
This chapter presents the research methodology in terms of the research
design and software development methodology. This section also discusses the
data gathering instruments to be used for the study, the population of those
involved in the study, the data gathering process, and the diagrams used by the
researchers in the development of the system.
Software Design, Products and/or Processes
The research design that was employed, the procedures for designing
system components including modules, architecture, and interfaces, as well as
the data for the system based on given requirements, are all presented in this
section.
Research Design
Research and development (R&D) was used as the study's research
design by the researchers. Since it involves developing and improving services to
fulfill market demands, research and development is a useful tool in a variety of
industries. R&D fosters productivity and innovation, which improves
performance..
Research and Development was chosen for the study as it involves
technological improvement and development. The researchers developed a “E-
BarPoMngmt: A Web-Based Management System.” Furthermore, R&D is
systematic, innovative, and experimental in design.
20
Methods of Gathering Tools
The researchers referred themselves to various references related to the
study. The following tools have been utilized in order to gain more information
related to the research.
Internet Research. The Internet is a vast place to search for materials
and references which may be related to research. Internet research, however,
can be a powerful tool in research.
Library Research. The library is a must-have resource for resources
verified and supported by professionals. Previous dissertations and research can
also be accessible in the library for reference.
Direct Observation. It is a way of gathering evaluative information in
which the individual conducting the assessment observes the subject in his or
her customary setting without changing that environment.
Questionnaire. The respondents of the study would be given the identical
set of questions that can gather more similar data than information gained
through interviews.
Population and Sample Size
The respondents of the study were from an educational organization
where there are educators and administrators as well as the barangay officials
21
and residents of Barangay Poblacion, San Manuel, Tarlac. In addition, The
researchers considered the advice and feedback of IT experts with expertise
building such systems.
Type of Respondents Population
Barangay Officials 7
Administrators 3
Residents 10
IT Experts 5
Total Respondents 25
Table 3. Number of Respondents
The respondents of the study are a total of twenty-five (25) respondents
defined to include seven (7) barangay officials, three (3) administrators, ten (10)
residents, and five (5) IT experts. The respondents will evaluate the proposed
web-based barangay management system. The evaluation results will indicate if
the developed system is acceptable or subjected for improvement.
Statistical Tool and Treatment of Data
The data gathered were treated statistically. The following mathematical
tools were used to find out if the developed system met all the criteria set down
by the researchers and to see if the results are favorable.
22
Likert Scale. It works by having a person fill out a questionnaire in which
they indicate how much they agree or disagree with a list of assertions.
Frequency Distribution. The frequency distribution is a graphical
depiction of the number of persons who match into each measurement category.
The visual representation of frequency counts can assist in data interpretation.
Weighted Mean. It is used to determine the average value of a group of
variables with varying degrees of importance. Each number's weight denotes its
significance. The researchers utilized the mean to calculate the respondents'
assessments of the developed system's performance and effectiveness.
Σf ( x 1+ x 2+… ..+ xn )
Weighted Mean (WM) =
N
Where:
Σ f (x 1+ x 2+ … ..+ xn)
= Represents the total of each criterion's means.
N
N = number of criteria
Percentage. This was carried out in order to calculate the data's

qualitative ratio. This is a ratio that is stated as a percentage of 100.
F
Percentage(P)= ∗100
N
Where:
● F = the frequency of a numerical rating for a specific set of criteria

● N= represents the number of overall respondents.
23
To evaluate the developed system, the researchers used five (5) criteria
for basis of evaluation. These are (1) Functionality, (2) Performance, (3)
Usability, (4) Reliability and (5) Security.
Assigned Point Mean Value Verbal Interpretation
5 4.21–5.00 Strongly Agree
4 3.41–4.20 Agree
3 2.61–3.40 Neutral
2 1.81–2.60 Disagree
1 0–1.80 Strongly Disagree
Table 4. Likert Scale for each Sub-Criterion
Table 4 shows the equivalent interpretation for the points which will be
given in each sub-criterion and their corresponding verbal interpretations. 0 –
1.80 is equivalent to “Strongly Disagree”, 1.81 – 2.60 is labeled “Disagree”, 2.61
– 3.40 as “Neutral”, 3.41 – 4.20 as “Agree”, and the highest score 4.21 – 5.00 is
considered “Strongly Agree”.
24
System Architecture
E-BARPOMNGMT: A
USER WEB-BASED
MANAGEMENT
SYSTEM FOR
BARANGAY
POBLACION, SAN
MANUEL, TARLAC
DEVICE INTERNET
ADMIN
DATABASE
Figure 2. System Architecture
Figure 6 shows the system architecture of the system. This is a graphical
depiction of the relationships between system components as well as the
functions that each component performs. The architecture of a system reflects its
usage, interactions with other systems, and relationship to the environment. The
researchers created this framework to visualize how the system works in real
world. The system administrator and users can connect to the internet and
access the Web-Based Barangay Management System through their device. All
accounts and information will be stored in the database.
25
Conceptual Design
INPUT PROCESS
KNOWLEDGE REQUIREMENTS: PLANNING: - Preliminary
- Research and Brainstorming - Research OUTPUT
Review of Related Literature - SYSTEM ANALYSIS: -
Programming Analyzing the data gathered E-BarPoMngmt: A
SOFTWARE REQUIREMENTS: - - Create a more effective and Web-Based
HTML5, CSS3, JavaScript - PHP efficient solution. Management System
- MySQL - jQuery, Bootstrap, SYSTEM DESIGN: - System for Barangay
Layout - Process Modeling Poblacion, San Manuel,
CodeIgniter
DEVELOPMENT: - Tarlac
HARDWARE REQUIREMENTS: -
PC/Laptop Coding/Programming - Creating
Database, Back-End and
Front-End
EVALUATION
Functionality,
Performance,
Usability, Reliability
and Security
Feedback and Review
Figure 3. Conceptual Design
Figure 1 shows the conceptual design of the proposed system. The
diagram shows that the input of the study will come from the knowledge
requirements, software requirements, and hardware requirements. In knowledge
requirements, the researchers gathered ideas and information from the related
literature and system of previous studies that will be beneficial in the
development of the system. Also, research and brainstorming are important in
the success of the study. The researchers will make use of variety of
development tools and languages such as HTML5, CSS3, JavaScript, PHP,
MySQL, jQuery, Bootstrap, CodeIgniter as the software requirements to program
the system. For the hardware requirements, PC/laptop will be utilized during the
coding and testing phase. The process will begin in planning by looking what is
26
the problem at hand, how the system will work to address the problem, and how
the work will be distributed through preliminary investigation. After the planning
stage, it will proceed on the system analysis of the possible solution. When the
solution is contemplated and analyzed, the developers will proceed in designing
the system’s screen layout and process modeling. The system will be developed
primarily through code. The study's final product will be an effective web-based
management system for Barangay Poblacion in San Manuel, Tarlac, which will
be tested for usability, dependability, and security. If the output does not produce
the desired result, the system will be improved and debugged back in the
process phase.
Cost Benefit Analysis
I. Hardware Cost
Processor Specifications Quantity Unit Price Cost
Motherboard A320m ATX 1 ₱3,637.52 ₱3,637.52
RAM 8GB DDR3 1 ₱4,305.27 ₱4,305.27

1866Mhz
PSU 600 watts power 1 ₱2,200 ₱2,200.00
supply
Hard Drive 250GB 1 ₱ 3,599.00 ₱ 3,599.00
Keyboard Standard 1 ₱ 299.00 ₱ 299.00
Mouse Standard Optical 1 ₱ 210 ₱ 210
Monitor LCD 24” 1 ₱ 3,400 ₱3,400
Printer Tank-load printer 1 ₱ 6,999 ₱ 6,999
Total ₱ 24,149.79
27
Table 5. Hardware Cost
Sources: www.asianic.com.ph, www.pcworx.ph, www.pricephilippines.com
www.newegg.com
Software Development Cost
Personnel No. of Personnel Salary
Programmer 2 ₱10,000.00
System Analyst 2 ₱10,000.00

Total ₱ 20,000.00
Table 6. Software Development Cost
Sources: https://ph.indeed.com/ Personnel Salary for 60 Days:
Programmer: 10,000 / 60 = ₱166.66 System Analyst: 10,000 / 60 = ₱166.66
Operational Cost
A. System Cost
Items Specification Costs

Operating System Microsoft Windows 10 Pro ₱ 5,718.66
Front End VS Code Free
Back End PHP Free

Hosting Web hosting ₱ 1,548.00
Domain Sjbms.info ₱ 799
Total ₱ 8,065.66
Table 7. System Cost
B. Utility Cost
Particulars Cost
Electricity ₱ 2,000
28
Internet Connection ₱ 999.00
Total ₱2,999.00
Table 8. Utility Expenses
Total indicative of monthly recurring expense.
Summary Cost
Cost Amount
Hardware Cost ₱ 24,149.79
Software Development Cost ₱ 20,000
System Cost ₱ 8,065.66
Utilities Cost ₱ 2,999.00
Total Cost ₱ 55,214.45
Table 9. Summary Cost
Estimated Benefits:
Accuracy and efficiency of the software is approximately 86%
Total estimated benefits = 55, 214.45 * 86%
Total = ₱ 47, 484.43
Payback Period
Payback Period = (Total Cost / Total Estimated Benefits) * 12
= (55214.45/47484.43) * 12
= 13.95 or 14 months (1 year and 2 months)
29
Requirement Analysis
User expectations for a new or upgraded system are determined through
the process of requirement analysis. It encompasses all of the steps taken in
order to analyze the demands of various consumers. Requirement analysis is the
process of assessing and keeping track of system requirements. The following
are the functional and non-functional requirements for the developed system:
Functional Requirements
The table below lists the Functionality Requirements for the proposed
project. This will act as a guide for the researchers as they create the system.
This covers the Requirement ID, Requirement Description, Priority, and
complexity level of the system.
Req. ID Requirement Description Priority Complexity
FR1 Administrator shall be able to log in to the High Medium

system using their email and password.
● The administrator shall be taken to the

admin home page after successfully
logging in.
● If incorrect, Login error message shall

be displayed.
FR2 Registered users/residents shall be able to High Medium

Login to the system by providing their email
address and password.
● Successful login will redirect to home
30
page of the system.
● If credentials are incorrect, login error

will display.
Table 10. Functional Requirements for Login Module
Req.ID Requirement Description Priority Complexity
FR1 System shall have at least one admin. High Medium
FR2 Admin shall be able to view all users and their High Medium
information.
FR3 Admin shall be able to add, modify and remove High Medium
users and their information.
Table 11. Functional Requirements for User Management
FR1 Admin shall be able to add, edit, and delete High Medium
residents.
users.
FR3 Admin shall be able to manage requests from High Medium

residents/users.
announcements.
complaints.
31
document request.
FR7 Admin shall be able to view Audit Trail High Medium
FR8 Admin shall be able to edit their profile, change High Medium
their password and see their Account Activity.
Table 12. Functional Requirements for Administrator Side
FR1 Users shall be able to update their High Medium

profile/information.
FR2 Users shall be able to apply request of High Medium

documents or clearance they needed.
FR3 Users shall be able view residents’ information High Medium
FR4 Users shall be able to view updates or High Medium

announcements.
Table 13. Functional Requirements for User/Resident Side
FR1 The system will be maintained and updated for High Medium
improvements and bug fixes.
Table 14. Functional Requirements for Maintenance and Update
32
Non-Functional Requirements
Non-functional requirements focus on the capabilities and limitation of the
functionality of the Barangay Management System.
Code Dependencies Description
SS1 The webpage is accessible within few seconds.
SS2 Right information is available to its users at right time.
Table 15. Non-Functional Requirement for Accuracy of Web-Based Barangay

Management System
Code Dependencies Description
SS1 To gain access, the webpage will require email address and password.
SS2 The user’s passwords stored in the database should be encrypted.
SS3 Privacy of information, and intellectual property rights, etc. shall be reviewed.
Table 16. Non-Functional Requirement for Safety and Security of Web-Based

Barangay Management System
System Flow
START
Sign In as“Admin”
or “User”
Sign In as Admin Sign In as User
Home Page Home Page
Announcements Announcements
Users 33 Resident Directory
Resident Directory Clearance Request

Clearance Request
Transactions
View Audit Trail
Sign Out
END
Figure 4. System Flowchart
Figure 4 shows the flowchart for the admin and users of the system. The
administrator and users of the system starts with the login. After the successful
login, they will be directed to the home page and are now able to access and use
the system. Admin can now manage announcements, users and resident
directory. The admin can also manage complaints, clearance request,
transactions and view audit trail. The customer can view the announcements and
resident directory. Moreover, using the system, the users can request for
clearance or document. When the administrator and users log out, the system
will redirect them to the login page.
Context Diagram
Email and Password

E-BARPOMNGMT:
A WEB-BASED Add Announcements
Email and Password
User/ MANAGEMENT Manage Users
SYSTEM FOR Admin
Resident Request Document
BARANGAY
Manage Resident Directory
POBLACION, SAN Manage Complaints

34TARLAC
MANUEL, Manage Clearance Requests
Figure 5. Context Diagram
The context diagram illustrates how the system functions and how each
user accesses the system. The administrator is the one who will handle and
manage all of the system’s operations. The admin can manage users, residents,
complaints, requests, as well as add announcements. The users or residents can
request document and view the status and history.
Data Flow Diagram
1.0
User/Resident User/Resident
Information User Profile Information
2.0
Request Details Request Details
User Clearance
Request
Request Status Request Status
3.0
Announcements Details Announcements Details
Manage D1 Announcements
Announcements
Admin Resident Information 4.0 Resident Information

ManageUser D2 User/Resident
User Information User Information
Request Details 5.0 Request Details

Manage D3 Request
Request Status Requests Request Status
6.0 Complaints Details

Complaints Details
Manage D4 Complaints
Complaints Status Complaints Complaints Status
35
Figure 6. Data Flow Diagram
The Data Flow Diagram of the Web-Based Management System for
Barangay Poblacion, San Manuel, Tarlac illustrates the procedures used by the
system to move data to storage and report generation from the input. The Data
Flow Diagram of the system shows all the operations that can be done by the
end users: administrator and user. The system can also generate reports/audit
trail indispensable for record-keeping and managing of barangay operations.
Entity Relationship Diagram
36
Figure 7. Entity Relationship Diagram
Figure 7 depicts the relationships between different entities and their
attributes by visualizing all of the database tables. The system has one database
that has seven (7) tables such as Account, Admin, User, Resident Directory,
Clearance Request, Complaint and Announcement.
Use Case Diagram
Home Page
Manage
Announcements
Manage Users Home Page
Manage Resident
Announcements
Directory
ManageComplain Resident
ts Directory
ADMIN Manage Clearance Clearance USER

Request Request
Transactions
37
View Audit Trail

Figure 8. Use-Case Diagram
The use case diagram of Web-Based Barangay Management System
shows the interaction of the administrator and user to the system. The admin can
manage the announcements, users, resident directory, complaints and clearance
request. The admin can also view the transactions and audit trail. In addition, the
admin is responsible in managing the whole system. The user can request a
document or clearance, as well as view the announcements and resident
directory. The administrator and user can login and logout from the system, edit
their profile or information, and change their account password.
Block Diagrams
Login Page Home Page
Manage
Home Page Announcement
Sign In
Manage Users
Announcements Sign Out

Manage
Resident
Directory
Resident
Directory
Manage
38 Complaints
Clearance
Request Manage Clearance
Request
Sign Out
Transactions
View Audit Trail
Sign Out
Figure 9. Block Diagrams

The Block Diagram represents how the user interacts with the system and
how its flow works. The system begins with a login page where users can sign in
and do anything they need to do on the system, whether it's managing the
requests or viewing the resident directory.
Development and Testing
The researchers discussed in this section what development methodology
is utilized in designing and developing the system, “E-BarPoMngmt: A Web-
Based Management System for Barangay Poblacion, San Manuel, Tarlac”, as
well as the testing done to evaluate the performance of the system.
Software Development Methodology
The researchers used RAD or Rapid Application Development model in
the development of the system. In Rapid Application Development (RAD) Model,
rapid prototyping and feedback are given priority over drawn-out development
39
and testing cycles in the development process. RAD’s objective is to create
superior system that meets and exceeds all users’ expectations and demands.
This development model defines and outlines a detailed plan comprised of
phases, each with its own process and deliverables. The researchers chose the
RAD model because it is suitable for the project, considering how there needs to
be a lot of analyses needed, prototyping, and designing given only a short
amount of time. Moreover, since the proposed system is a web-based system
that needs a continuous flow of feedback and user involvement, RAD is
applicable to this kind of system for either one of its modules can be changed or
upgraded without impacting the functionality of other modules that are linked to it.
Figure 10. Rapid Application Development Model
Figure 5 shows the cycle of how the proposed system will be designed
and developed. The development of the system is divided into the following
phases: (1) Requirements Planning, (2) User Design, (3) Construction, and (4)
Finalization. The following are the methods that the researchers used in
developing the system, test it and then reworked as needed until a satisfactory
result is obtained from which the entire system can be developed.
Requirements Planning. The system requirements are determined in
depth at this phase. The researchers gathered important information through
40
questionnaire and direct observation, looked for related studies and literature to
broaden the knowledge of the researchers about the study, identified the
problems that needed to be solved, and specified the requirements that will be
beneficial in developing the system. The researchers analyzed all the gathered
information to define the requirements needed to develop an effective and
efficient system that can help the barangay. To create the system suitable to
cater the needs of the barangay, the researchers also identified the users of the
system.
User Design. In this phase, simple design of the system is created. To
graphically describe the flow of data in the system, the researchers created
system architecture, conceptual framework, system flowchart, context diagram,
data flow diagram, entity relationship diagram and block diagram.These
diagrams were developed to easily comprehend, optimize, and implement new
procedures or systems. The researchers will be assisted in understanding and
programming the proposed E-BarPoMngmt: A Web-Based Management System
for Barangay Poblacion, San Manuel, Tarlac by the diagrams, which serve as a
visual representation of the system.
Construction. The preliminary design is used to develop the prototype of
the system. This is usually a simplified system that approximates the final
system's qualities. The researchers created a layout of features that the system
will have and the designs were created in great detail in order to better visualize
the system's required functionality. The researchers provided the initial layout for
41
the different user interfaces and was refined to ensure that important
functionalities are completed within the specified time limit. Functions necessary
for the system, modular design, system structures, and preliminary arrangements
provided by the system are among the deliverables created in this phase.
The system was developed using the programming and development tool
such as HTML, CSS, JavaScript and PHP, as well as MySQL for the database.
The researchers also utilized jQuery, Bootstrap and CodeIgniter as the
framework. Following the design of the system, the researchers developed the
system based on the objectives of the study. Furthermore, the system was put
through testing to identify errors and see where it could be improved more and
resolved all the bugs and issues found during the process. The preceding
procedures were repeated as needed until the users are satisfied with the
system. As the system progresses, this phase is generally repeated as needed.
As a result, the system is more reliable, less prone to errors, and better
organized in order to accommodate future design improvements.
Finalization. The final system was built based on the needs of the users
and went through thorough testing and evaluation. Following that, the source
code was converted and uploaded to a web host, resulting in a fully working web-
based system for Barangay Poblacion, San Manuel, Tarlac. In addition,
maintenance is performed throughout time in order to adapt the system design to
suit future requirements. This may need the creation of new code or the
modification of current code. Routine maintenance was performed on a regular
basis to prevent large-scale failures and reduce downtime following deployment.
42
Evaluation of E-BarPoMngmt: A Web-Based Management System for
Barangay Poblacion, San Manuel, Tarlac
The researchers present the result of the data gathered for the developed
Barangay Management System for Poblacion, San Manuel, Tarlac using the
survey method. The new system will be implemented for the benefit of the
community which there are no existing automated system for keeping track of the
barangay records.
The researchers determined if the developed system met the standards of
the community as well as ensured that all functions are within specifications of
the existing manual method. A set of respondents are given questionnaires and
are asked to evaluate the system.
Number of Strongly Disagree Neutral Agree Strongly

Respondent Disagree (2) (3) (4) Agree
(1) (5)
Barangay 71% 29%
Officials (n= 7)
Administrators 33% 67%
(n= 3)
Residents (n= 50% 50%
10)
IT Experts (n= 40% 60%
5)
Table 17: Functions covered the specified tasks under objectives.
The data indicates the level of agreement or disagreement with a
particular statement or question among the different respondent groups, majority
of barangay officials, residents, and IT Experts tend to agree or strongly agree
with the given statement/question. On the other hand, Administrators are divided,
with one – third agreeing and the remaining two – thirds strongly agreeing.
43
Number of MEAN VERBAL
Respondent INTERPRETATION
Barangay 4.28 Strongly Agree
Officials (n= 7)
Administrators 4.67 Strongly Agree
(n= 3)
Residents (n= 4.50 Strongly Agree
10)
IT Experts (n= 4.60 Strongly Agree
5)
Weighted 4.51 Strongly Agree
Mean
Table 18: Functions covered the specified tasks under objectives.
Table 18 interpret that the Overall respondent considering the weighted
mean of all respondent groups, which is 4.51, the interpretation remains
consistent as “Strongly Agree”. This suggests that, across all respondent groups,
there is a strong agreement with the given statement or question.

(1) (5)
Barangay 43% 57%
Officials (n= 7)
Administrators 100%
(n= 3)
10)
5)
Table 19: Functions facilitate the accomplishment of specified tasks.
Based on this interpretation a significant portion of Barangay Officials,
Residents, and IT Experts tend to agree or strongly agree with the given
statement about the functions facilitating the accomplishment of specified tasks.
Administrators, in particular, 100% choose strongly agree.
44
Officials (n= 7)
Administrators 5 Strongly Agree
(n= 3)
10)
5)
Mean
Table 20: Functions facilitate the accomplishment of specified tasks.
Overall, when considering the weighted mean of all respondent groups,
which is 4.68, the interpretation remains consistent as “Strongly Agree”. This
suggests that, across all respondent groups, there is a strong agreement with the
given statement or question about the function that facilitate the accomplishment
of specified tasks.

(1) (5)
Barangay 57% 28% 15%
Officials (n= 7)
(n= 3)
Residents (n= 60% 30% 10%
10)
IT Experts (n= 40% 40% 20%
5)
Table 21: Speed – degree to which the system provides the output without
lagging or hanging up.
Based on this table 21, a majority of Barangay Officials, Administrators,
Residents, and IT Experts either Neutral or agree with the system’s speed. A
significant percentage or respondents, particularly among barangay officials and

45
residents, express strongly agree with the systems performance in terms of
speed.

Barangay 3.57 Agree
Officials (n= 7)
Administrators 3.33 Neutral
(n= 3)
Residents (n= 3.50 Agree
10)
IT Experts (n= 3.80 Agree
5)
Weighted 3.55 Agree
Mean
Table 22: Speed – degree to which the system provides the output without
Table 22 indicated that the overall weighted mean of all respondent
groups, which is 3.55, the interpretation remains consistent as Agree. This
indicates that, on average, the respondents from all groups agree with the
statement or question about the system’s speed in providing output without

(1) (5)
46
Officials (n= 7)
(n= 3)
10)
5)
Table 23: PERFORMANCE Resource utilization – Degree to which the resources
are used efficiently by the system
Interpreting the data provided in Table 23, which pertains to the
performance of resource utilization by the system and the degree to which the
resources are used efficiently, the numbers represent the percentage of
respondents within each groups of respondent majority of the respondent in
Barangay Officials, Administrators and residents express agree with the
performance resource utilization of the system.

Barangay 3.86 Agree
Officials (n= 7)
(n= 3)
10)
5)
Mean
Table 24: PERFORMANCE Resource utilization – Degree to which the
resources are used efficiently by the system.
Overall, when considering the weighted mean of all the respondent, which
is 4.27, the interpretation remains consistent as Strongly Agree. This indicates
that, across all respondent groups, there is a strong agreement with the
47
statement or question about the degree to which the resources are used
efficiently by the system.

(1) (5)
Barangay 43% 57%
Officials (n= 7)
(n= 3)
10)
5)
Table 25: USABILITY Ease of use – degree to which the developed system is
easy to use
Based on the table above, majority of the respondents from all groups of
respondents including Barangay Officials, Administrators, Residents and IT
Experts, strongly agree with the statement that the developed system is easy to
use. A significant percentage of respondent’s express agreement with the
system’s ease of use.

Officials (n= 7)
(n= 3)
10)
5)
Mean
Table 26: USABILITY Ease of use – degree to which the developed system is
easy to use.
48
Table 26, indicates that considering the weighted mean of all respondent
groups, which 4.71, the interpretation remains consistent as strongly agree. This
suggests that, overall, there is a strong consensus among all respondents’
groups that the developed systems are easy to use.

(1) (5)
Barangay 71% 29%
Officials (n= 7)
(n= 3)
10)
5)
Table 27: USABILITY User-friendly design – degree to which the developed
system’s design is well-laid out
Based on Table 27, the majority of the respondents from all groups,
including barangay officials, administrators, residents and IT Experts, express
agreement with the statement that the developed systems design is well – laid
out. However, there is also a significant percentage of respondents who strongly
agree and 30 % of the respondent in residents express neural about the
statement/ questions.
49
Officials (n= 7)
(n= 3)
10)
5)
Mean
Table 28: USABILITY User-friendly design – degree to which the developed
system’s design is well-laid out
Table 28, Interpret that when considering the weighted mean of all the
respondent groups, which is 4.28, the interpretation remains consistent as
strongly agree. This suggest that overall, there is a strong consensus among all
respondent groups that the developed system’s design is well – laid out and user
– friendly. Based on the provided data, it can be concluded that the respondents
from barangay officials, administrators and IT Experts strongly agree with the
statement, while residents show a slightly lower level of agreement, but still fall
within the agree range.

(1) (5)
Officials (n= 7)
Administrators 100%
(n= 3)
10)
50
5)
Table 29: RELIABILITY Maturity – degree to which the system meets reliability
under normal operation.
From the available data in table 29: it can be inferred that a significant
portion of barangay officials, administrators, residents, and IT Experts expressed
agreement or a positive sentiment towards the subject being evaluated.

Barangay 3.57 Agree
Officials (n= 7)
Administrators 4.00 Agree
(n= 3)
10)
IT Experts (n= 4.20 Agree
5)
Weighted 3.82 Agree
Mean
Table 30: RELIABILITY Maturity – degree to which the system meets reliability
under normal operation.
Table 30. interpret that the weighted mean score is 3.82, suggesting that
the majority of respondents from different groups agree that the system meets
reliability under normal operation. The agree verbal interpretation indicates a
positive sentiment regarding the system’s reliability.

51
(1) (5)
Officials (n= 7)
Administrators 100%
(n= 3)
10)
5)
Table 31: RELIABILITY Fault tolerance – the system bears on its liability to
maintain a specified level of performance in case the system faults.

Respondent INTERPRETATIO
N
Barangay Officials 3.57 Agree
(n= 7)
Administrators 4.00 Agree
(n= 3)
Residents (n= 10) 3.40 Agree
IT Experts (n= 5) 4.20 Agree
Weighted Mean 3.79 Agree
Table 32: RELIABILITY Fault tolerance – the system bears on its liability to
maintain a specified level of performance in case the system faults.

(1) (5)
Barangay Officials 3(42%) 3(42%) 1(16%)
(n= 7)
Administrators 2(67%) 1(33%)
(n= 3)
Residents (n= 10) 6(60%) 3 (30%) 1 (10%)
52
IT Experts (n= 5) 3 (60%) 2(40%)
Table 33: SECURITY Confidentiality – the degree to which information in the

system is only kept visible to intended users.

N
Barangay Officials 3.71 Agree
(n= 7)
(n= 3)
IT Experts (n= 5) 4.40 Strongly Agree
Table 33: SECURITY Confidentiality – the degree to which information in the
system is only kept visible to intended users.

(1) (5)
Barangay Officials 2 (28%) 1(14%) 4(58%)
(n= 7)
Administrators 1(33%) 2(67%)
(n= 3)
Residents (n= 10) 6 (60%) 3(30%) 1(10%)
IT Experts (n= 5) 4 ((80%) 1 (20%)
Table 34: SECURITY Integrity – degree to which the system’s data is well
preserved and is prevented from unauthorized access.

N
Barangay Officials 4.28 Strongly Agree
(n= 7)
53
(n= 3)
IT Experts (n= 5) 3.20 Agree
Table 35: SECURITY Integrity – degree to which the system’s data is well
preserved and is prevented from unauthorized access.
Table 17 presents how the respondents evaluate the developed system.
Based on the results, the respondents rated the developed system as good. The
functions are doing what they are supposed to be, especially in record keeping
and searching. The respondents also rated how well each function accomplishes
their goal and how easy it is to use each function. The overall weighted mean of
the functionality testing is 4.2 which translates to “Agree”.
PERFORMANCE Mean Verbal Interpretation
1. Speed – degree to which the 4.5 Strongly Agree

system provides the output without
lagging or hanging up
2. Resource utilization – Degree to 4.2 Agree

which the resources are used
efficiently by the system
Weighted Mean 4.35 Strongly Agree
Table 18. Performance Testing
Table 18 shows how the respondents evaluated the performance of the
developed system with regards to performance. The results showed that the
54
developed system is extremely capable of fast operations and efficient resource
handling. The weighted mean is 4.35 which translates to “Strongly Agree”
USABILITY Mean Verbal Interpretation
1. Ease of use – degree to which 4.0 Agree

the developed system is easy to
use
2. User-friendly design – degree to 4.1 Agree
which the developed system’s
design is well-laid out
Table 19. Usability Testing
Table 19 presents how the respondents evaluated the developed system
in terms of its usability. The results show that the usability of the system is good.
The weighted mean is 4.05 which translates to “Agree”.
RELIABILITY Mean Verbal Interpretation
1. Maturity – degree to which the 4.0 Agree

system meets reliability under normal
operation
2. Fault tolerance – the system bears 4.0 Agree

on its liability to maintain a specified
level of performance in case the
system faults
Table 20. Reliability Testing
55
Table 20 presents how the respondents have evaluated the current status
of the developed system int terms of its reliability. The results showed
respondent’s assessments to the existing system reliability in terms of maturity
and fault tolerance. The gathered data was tallied and the total mean for this
testing is 4.0 which translates to “Agree”.
SECURITY Mean Verbal Interpretation
1. Confidentiality – the degree to 4.3 Strongly Agree

which information in the system is
only kept visible to intended users
2. Integrity – degree to which the 4.4 Strongly Agree

system’s data is well preserved and
is prevented from unauthorized
access
Weighted Mean 4.35 Strongly Agree

Table 21. Security Testing
Table 21 presents how the respondents have evaluated the developed
system in terms of its security. The developed system ensures that the data is
not accessible by unauthorized users as well as it is well preserved. Personal
information is only limited to non-invasive data and is only accessible by
authorized users. Cases and complaints are only viewable by the administrator.
The weighted mean for this testing is 4.35 which translates to “Strongly Agree”.
The developed system “Web-Based Barangay Management System for
Barangay Poblacion, San Manuel, Tarlac” was evaluated in terms of ISE/IEC
56
9126 software criteria like Functionality, Performance, Usability, Reliability, and
Security.
Questions Respondents
Mean Interpretation
Functionality 4.2 Agree
Performance 4.35 Strongly Agree
Usability 4.05 Agree
Reliability 4.0 Agree
Security 4.35 Strongly Agree
Overall Mean 4.19 Agree
Table 22. Summary of Results for the Developed System
Table 22 shows the summary of the evaluation results conducted for the
developed system. The overall calculated mean from the evaluation conducted
was 4.24 translating to “Agree” by the respondents.
Input and Output Reports and Analysis
Reference Number 1.1
Module Name: Administrator Log In
Valid Emailand Verifying Email

Password 57
and Password Home
Module Name: User Log In
Valid Emailand Verifying Email

Password and Password Home
Module Name: Manage Users
Email, Password,
Last Name, First Process User’s Display Users
Name, Middle Name,
Address, Contact
Information
Number
Module Name: Manage Resident
Last Name, First

Name, Middle Name, Process
Gender, Civil Status, Resident’s Display
Birthdate Address, Information Residents
Contact Number, Email
58
Module Name: Manage Complaints
Complainant, Process
Complainee, Complaint’s DisplayCompla
Date Filed Details ints
Module Name: Manage Clearance Request
Requested By,
Request Date, Process DisplayCleara
Purpose, Request’sDetails nce Request
Duplicate
Description of the Prototype
This section refers to the overall summary of functions and features of the
system as well as presents the actual design of the developed Web-Based
Barangay Management System.
59
Figure 11. Login Page
Figure 11 shows the login page of the Web-Based Barangay Management
System for Barangay Poblacion. As the website visitor or registered user
accesses the system, they will be able to see the displayed login function. To log
into the system, users and the administrator must enter their correct email
address and password.
Figure 12. Home Page
60
As shown in Figure 12, the admin and/users will be directed to the Home
Page of the system after the successful login. A set of guidelines is shown on this
page to provide guidance to all users on how to utilize the system.
Figure 13. Announcements (User-Side)
Figure 13 shows the announcement page of the system. Users can be
updated with the barangay’s news and/or announcements by going to this page.
Figure 14. Resident Directory (User-Side)
61
Figure 14 displays a list of residents of Barangay Poblacion, San Manuel,
Tarlac, as well as their information. Users of the system can only read or the
residents' information and cannot modify it.
Figure 15. Clearance Request (User-Side)
Figure 15 shows the Clearance Request of the system. This is where
users can request for documents by completing the form.
Figure 16. Announcements (Admin-Side)
62
Figure 16 shows the announcement management of Web-Based
Barangay Management System. This is where the administrator creates the
announcement that needed to be displayed on the announcement page of the
website. The announcements can be viewed, edited, and deleted by the
administrator.
Figure 17. Manage Users (Admin-Side)
The administrator can search for residents as well as view the full details
of the users, add another user, edit and delete the users.
63
Figure 18. Resident Directory (Admin-Side)
As shown in Figure 18, this is where the system administrator can add,
modify, and delete residents.
Figure 19. Manage Complaints (Admin-Side)
Figure 19 shows where the administrator can manage the complaints,
including adding new complaints, adding comments/notes, and updating the
status of the complaints to indicate whether or not they are resolved.
64
Figure 20. Resolved Complaints (Admin-Side)
This is where the system administrator can see all the resolved complaints
and their details.
Figure 21. Manage Clearance Request (Admin-Side)
Figure 21 shows the Clearance Request page in the admin-side of the
system. The administrator can receive the request sent by the users/residents,
as well as view, update the status, and delete the requests. The system allows
the administrator to search for a specific clearance request.
65
Figure 22. Transactions (Admin-Side)
As shown in Figure 22, all the pending and completed transactions are
displayed here.
Figure 23. Audit Trail (Admin-Side)
Figure 23 shows the audit trail of the Web-Based Barangay Management
System. All the movements within the system will be saved in the audit trail.
66
Figure 24. Settings
The Web-Based Barangay Management System for Barangay Poblacion,
San Manuel, Tarlac allows the administrator and users of the system to edit their
profile, change their password and view their account activity
Implementation Plan
STRATEGY ACTIVITIES PERSONS DURATION

INVOLVED
Approval from the office Send letter to the Researchers, 1 Day

of Barangay Poblacion, Barangay Office Barangay Officials
San Manuel, Tarlac
System’s Installation Installation of the Researchers, 5 Hours

system and Administrator
required software
and hardware
Information Distribution Provide technical Researchers, 1 Day

documentation and Administrator
user’s manual
Training Hands on training Researchers, 1 Day

for the users of the Administrator
system
Table 23. Implementation Plan
The researchers will send an approval letter to Barangay Poblacion, San
Manuel, Tarlac asking for approval if the researchers can start the installation
and implementation of the system. It will take one (1) day to receive their
response. After getting their approval, the researchers will now start the
67
installation of the system and the required software and hardware, the persons
involved in the installation are the researchers and the administrator. The
installation will take five (5) hours. Next, the researchers will provide technical
documentation and user’s manual to the administrator. The manual consists of all
the instructions needed and the frequently asked questions. This will help them
to understand the whole functionality of the system. Lastly, there will be hands on
training for end-users of the system, this means that researchers will train all the
users of the system.
CHAPTER 4
RECOMMENDATIONS
The summary of findings, the conclusions created from the findings, and
the recommendations that were made for this study are all presented in this
chapter.
68
Summary of the Findings
After the development of the system, the researchers conducted quality
assurance testing on specific features of the Web-Based Barangay Management
System. The researchers also conducted a user acceptance evaluation. Its
rubrics measured the system’s functionality per variable. The result of the
evaluation generated an overall pass rating of 4.19 that describes that all the
features of the developed E-BarPoMngmt: A Web-Based Management System
for Barangay Poblacion, San Manuel, Tarlac was good and acceptable to the
target users.
Specifically, the system’s user acceptance evaluation criteria rating are as
follows: The average weighted mean of the developed application in terms of
Functionality is 4.2 with a verbal interpretation of “Agree”. The Performance has
a weighted mean of 4.35, which is “Strongly Agree”. The evaluation for the
Usability has the average weighted mean of 4.05 that has the interpretation of
“Agree”. Moreover, the weighted mean for Reliability is 4.0, which is considered
“Agree”. In terms of Security, the respondents find the system to be satisfactory.
This finding is supported by the weighted average mean response of 4.35.
Overall, the evaluation of the developed Web-Based Barangay
Management System for Barangay Poblacion has an average weighted mean of
4.19 which falls to “Agree” verbal interpretation as precede by the respondents.
Conclusion
The researchers find out that the Web-Based Barangay Management
System for Barangay Poblacion, San Manuel, Tarlac in terms of functionality was
69
adequate to use and maintain orderly. In terms of performance, it is excellent in
speeding things up compared to the existing system of keeping and retrieving
records. In terms of security, the developed system is secured with no
unintentional access can access unauthorized data. This is crucial for
maintaining confidentiality of personal information as well as complaints
information.
The implementation of this study helps to manage barangay records,
provides automated record keeping, and improves day-to-day barangay
activities. It delivers the benefits based on the requirements of the barangay staff
and simplifies their interactions. Although similar systems are available on the
market, those aren’t as effective or is either too complex to use.
Finally, the results for this study are promising and well taken care of by
the researchers. It can be observed that this technique will surely help the user to
function during work. The quantity of manual operations is greatly reduced and
therefore provides greater efficiency. The interface is user-friendly and is easy to
navigate by anyone. It also decreases the quantity of time used to write down a
resident’s information. Within the end, the system performs the tasks the way it is
intended to be.
Recommendations
The following recommendations will be taken into consideration based on
the benefits of the barangay management system and the advantage it will offer
to the satisfaction of the users:
70
● Online Payment – The developed system does not cover finance and
accounting. It is recommended to implement online transactions to provide
a convenient payment experience to the residents
● Email Verification – The developed system does not have email
verification for newly created User. It recommended also to implement
email verification for creating new user.
REFERENCES
Roche, C. (2020). Benefits of Digital Record Keeping | ACUTEC. ACUTEC.

https://www.acutec.co.uk/blog/what-are-the-benefits-of-digital-record-
keeping/
71
Garland, M. (2019). The Importance of Records Management Policy.
https://blog.netwrix.com/2019/09/26/the-importance-of-records-
management-policy/
Solanki, K. (2020). Management Information System | Features, Need, Purpose,
Objectives, Advantages & Disadvantages of MIS. TOP4U.
https://www.toppers4u.com/2020/11/management-information-system-
meaning.html
Rhodes, J. (2022). What are the Advantages of an Automated Management
System? Smart Capital Mind. https://www.smartcapitalmind.com/what-are-
the-advantages-of-an-automated-management-system.htm
Malak, H. A. (2021). What is Information Management System? Why is it
Important? https://theecmconsultant.com/information-management-
system/
B. Metillo, E.J., Q. Ello, A.C., D. Rone, M., L. Dangaran, L.F., & Cuevas Jr., J.F.
(2022). The Tales of Barangay Officials in Resolving Community Disputes.
Middle East Journal of Applied Science & Technology.
http://mejast.com/data/uploads/87239.pdf
Edleman, P. (2018). Philippine Government Structure with a Focus on the
Philippine Barangay.
https://www.niu.edu/clas/cseas/_pdf/lesson-plans/fulbright-hays/philippine-
political-structure.pdf
Floranza, J. (2021). Barangay Governance in Northeast of Catanduanes,
Philippines: Basis for Catanduanes State University Panganiban Campus
Extension Program. European Journal of Social Impact and Circular
Economy, 2(1), 100-123. https://doi.org/10.13135/2704-9906/5058
Punongbayan & Araullo. (2018). 2018 Inspection Headquartered in Makati City,
Republic of the Philippines.
https://pcaobus.org/Inspections/Reports/Documents/104-2019-066-
Punongbayan-Araullo-GT-Philippines.pdf
Koptyakova, S. V., Zinovyeva, E. G., & Maiorova, T. V. (2019). Development and
deployment of automated electronic document management system in
72
municipal units. Journal of Physics. https://doi.org/10.1088/1742-
6596/1333/7/072034
Xu, J. (2021). Digital Community Management Mobile Information System Based
on Edge Computing. Mobile Information Systems. Article ID 5842291.
https://doi.org/10.1155/2021/5842291
Asava, H. (2019). Aligning Records Management with ICT.
https://www.academia.edu/7798047/Record_Management_System
Janssen, H. J., & Singh, J. (2022). Personal Information Management Systems.
Internet Policy Review, 11(2). https://doi.org/10.14763/2022.2.1659
Intud, J. R. B. (2021). Design and Implementation of a Hybrid Barangay
Information Management System. International Journal of Computer
Science and Mobile Computing.
https://doi.org/10.47760/ijcsmc.2021.v10i05.004
Bayla, M. C., Centeno, Z. J. R., Santiago Jr., C. S., & Ulanday, M. L. P. (2021).
Access, Skills and Constraints of Barangay Officials towards the Use of
Information and Communications Technology (ICT). International Journal
of Knowledge Content Development & Technology, 11(2), 37-54.
http://www.koreascience.or.kr/article/JAKO202119062030703.pdf
Cipriano, A.P., Galvez, A.J., Rebanal Jr., G., & Viloria R. (2018). Design,
Development and Evaluation of Barangay Minabuyoc Information System.
https://pdfcoffee.com/manuscript-edited-pdf-free.html
Carpio C.O. (2020). Barangay Management System. International Journal of
Multidisciplinary Research and Publications (IJMRAP), 3(2), pp. 26-32.
http://ijmrap.com/wp-content/uploads/2020/07/IJMRAP-V3N1P78Y20.pdf
73
APPENDICES
APPENDIX A: Beneficiary Acceptance Form
Date: November 12, 2021
74
KAP. Nerbert C. Bagalay,
We are respectfully requesting for your consent to be our beneficiary in our capstone
entitled: E-BarPoMngmt: A web-based Management System for Barangay Poblacion
San Manuel Tarlac. The purpose of this research is to design and develop a
management system to to make management easier, our societies are structured in a
hierarchical order: countries are organized into smaller regions, each region is divided
into provinces, each province is divided into cities and towns, and lastly, each town and
city is divided into barangays with signing this agreement, you agree to be our
beneficiary and that we can use the name of the barangay in our thesis paper. Your
participation in this research project is completely voluntary.
If you have any questions about this project, feel free to contact our representative,
Rholex Y. Apelado, in his contact number, +639919226915. Thank you for your
support and cooperation! Researchers: Rholex Y. Apelado, Keen John Milton T.
Lining, Christian Antolin B. Chico
Signature: Nerbert C. Bagalay

Barangay Chairman of Poblacion, San Manuel, Tarlac
APPENDIX B: GANTT CHART
Task Task Name Month Month Month Month Month Month Month Month
ID 1 5 6 7
2 3 4 8
75
1 Requirements Planning
1.1 Research and Gather

Available Information
1.2 Analyze Gathered

Information
1.3 Analyze Problems and

Possible Solutions
1.4 Find Reusable Structures

at Similar Systems
1.5 Define Requirements
1.6 Finalize Requirements
2 User Design
2.1 Produce Detailed System

Area Model
2.2 Develop Outline System

Design
2.3 Refine System Design
2.4 Finalize System Design
3 Construction
3.1 Prepare for Construction
3.2 Construct the System
3.3 Verify System Construction
3.4 System Testing
3.5 Analyze Issue Found
4 Finalization
4.1 Perform Final Testing and

Evaluation
4.2 Finalization of the System
4.3 System Deployment
4.4 Routine Maintenance
76
APPENDIX C: SIGNED TITLE APPROVAL FORM
77
78
APPENDIX D: IC/NFE
79
80
APPENDIX E: FINAL DEFENSE FEE
81
APPENDIX F: PLAGIARISM RESULT
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101

E BarPoMngmt A Web Based Management System For Barangay Poblacion San Manuel Tarlac 3

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

E BarPoMngmt A Web Based Management System For Barangay Poblacion San Manuel Tarlac 3

Uploaded by

Copyright:

Available Formats

E-BarPoMngmt: A WEB-BASED MANAGEMENT SYSTEM FOR BARANGAY

POBLACION, SAN MANUEL, TARLAC

In Partial/Fulfilment of the Requirements for the Degree of Bachelor of Science in

The researchers would like to express their heartfelt appreciation and

research paper a prodigious success.

strength, knowledge, and wisdom in doing this capstone project.

To the Barangay Officials and Staff of Barangay Poblacion, San Manuel,

To their adviser for Capstone 1 and 2, Ms. Marjorie Solomon, who

our skills in the preparation of the thesis.

To fellow researchers, who helped and worked tirelessly in order to

accomplish this study.

Lastly, to their respondents, who showed their interest in this study by

actively participating in the researchers' survey.

The Web-based Barangay Management System for Barangay Poblacion,

keeping their barangay records. The main objective of this research is to

automate long procedures in the locale's existing manual process in order to

residents, transactions, requests, announcements, and complaints, as well as

provide a user interface through which residents can request a barangay

certificate without having to visit the barangay hall/office. The researchers

data. The results summary has a verbal interpretation of Strongly Agree.

LIST OF TABLES viii

LIST OF APPENDICES xii

DEFINITION OF TERMS xiii

CHAPTER 1: PROJECT AND ITS BACKGROUND 1

Purpose And Description 4

Objectives of the Study 5

Significance of the Study 5

Scope and Delimitations 6

CHAPTER 2: RELATED LITERATURE 8

CHAPTER 3: METHODOLOGY, RESULTS AND DISCUSSION 20

Software Design, Products and/or Processes 20

Cost Benefit Analysis 27

Development and Testing 39

Input and Output Reports and Analysis 47

Description of the Prototype 49

Summary of the Findings 58

1 Software Used in System Development 18

2 Minimum System Requirements for Developed System 19

4 Likert Scale for each Sub-Criterion 24

6 Software Development Cost 28

10 Functional Requirements for Login Module 30

11 Functional Requirements for User Management 31

12 Functional Requirements for Administrator Side 31

13 Functional Requirements for User/Resident Side 32

14 Functional Requirements for Maintenance and Update 32

15 Non-Functional Requirement for Accuracy 32

16 Non-Functional Requirement for Safety and Security 33

22 Summary of Results for the Developed System 46

1 Hardware and Software Tools in System Development 17

6 Data Flow Diagram 35

7 Entity Relationship Diagram 36

10 Rapid Application Development Model 40

14 Resident Directory (User-Side) 51

15 Clearance Request (User-Side) 51

17 Manage Users (Admin-Side) 52

19 Manage Complaints (Admin-Side) 53

20 Resolved Complaints (Admin-Side) 54

21 Manage Clearance Request (Admin-Side) 54

23 Audit Trail (Admin-Side) 55

A Beneficiary Acceptance Form 64

C Signed Title Approval Form 66

E Final Defense Fee 70

The following terms were contextually defined for thorough understanding