BarangaySystem is an informatics platform that is a specialized web-based system designed to modernize administrative processes of the Barangay 52 Zone 4. It can also serve as a centralized database, facilitating the replacement of manual pen and paper archival methods with a safe, searchable and effective digital record keeping system.
The architecture of the system is to assist the Barangay Secretary and Chairman in the administration of the demographic information, creation of administrative reports, and data integrity in the local governing body. Its user interface is built on Bootstrap 5, which also ensures responsiveness and usability on official barangay computing systems by giving it a clean and professional look.
The platform focuses on administrative efficiency and data security, featuring a streamlined portal for officials:
- Secure Access Control: Applies role based authentication through password hashing (password hash) along with a strict system of session control to avoid involvement of unauthorized access to the sensitive resident information.
- Resident Enrollment (Fill-Out Form): The new responsive digital intake form of registering new residents, including demographics (Age, Gender, Civil Status), socio-economic and health information (Vaccine Brand).
- Advanced Data Management (CRUD): Complete access to Create, Read, Update, and Delete resident records through an easy to use centralized dashboard.
- Smart Search & Filtering: A powerful search engine that allows to filter residents by Name, Address, Status (Senior, PWD, Solo Parent) or specific keywords immediately.
- Dynamic Pagination: It is an efficient way to work with large datasets, managing records into navigable pages with adjustable entry points (10/50/100).
- Data Privacy Compliance: The system is architected with privacy concerns, and critical contact information is kept securely in the local surrounding.
| Stack Component | Technologies Used |
|---|---|
| Frontend | HTML5, CSS3, Bootstrap 5, JavaScript |
| Backend | Native PHP (Structured & Modular) |
| Database | MySQL (Relational Database) |
| Environment | XAMPP (Apache Server) |
To achieve this and implement this project in this area, do the following:
-
Prerequisites: Make XAMPP installed and running.
-
Clone the repository:
git clone https://github.com/EmanAguilera/BarangaySystem.git
-
File Placement: Move the BarangaySystem folder that was cloned to the XAMPP htdocs folder.
-
Start Services: Apache and MySQL modules start using the XAMPP Control Panel.
-
Database Setup:
- MySQL phpMyAdmin Click the Admin button and access phpMyAdmin.
- The new database will be called php-connection (this is suitable to the project setup).
- Open the database and choose the tab Import.
- Choose the.sql file in the project/database folder.
- Click Import to fill the required tables and data.
-
Project Execution: Open a web browser and navigate to:
http://localhost/BarangaySystem/views/login.phpNote: In order to access the system, one has to begin with the login page to initialize the secure session.
🔐 Authentication & Security
Secure Login Portal
Entry point for Barangay Officials protected by session validation.
Admin Registration
Account creation interface for authorized personnel.
📝 Resident Registration Interface
Digital Intake Form
A streamlined, Bootstrap-styled form for encoding new resident demographics and health data.
📊 Data Management & Operations
Central Records Dashboard
The main view for the Secretary/Chairman featuring search, filtering, and pagination.
Record Maintenance (Edit Mode)
Interface for updating existing resident information with pre-filled data.
