ALS
Teacher
Role: The teacher interacts with the system to provide lessons, assignments, and monitor learner
progress.
Action: Uses the Educator Dashboard to Create and assign lessons/assignments.
Monitor student performance.
Communicate with learners through in-app messaging.
Frontend This is the user interface where both teachers and learners interact with the system.
Components:
Learner Dashboard: Provides learning tools, tracks progress, supports interactive learning, and sends
notifications/reminders to learners.
Educator Dashboard: Allows teachers to manage lessons, assignments, reports, and communication.
Technologies: Built with HTML, CSS, JavaScript, and frameworks like Bootstrap for responsive design.
Backend
The backend contains the core logic and handles communication between the frontend and the
database.
Components:
App Logic: Built with Node.js, handling real-time updates with WebSocket.
Firebase Authentication: Ensures secure login and access management.
Web Server: Serves the frontend files and processes user requests.
File System: Stores static assets like images, stylesheets, and scripts.
Database:
Supports different database systems like PostgreSQL, MongoDB, and MySQL to store user data, lessons,
progress, and other dynamic content.
Learners
Role: The learners access educational content, complete assignments, and track their progress.
Interaction: They interact with the Learner Dashboard to:
Engage in lessons and activities.
Receive notifications and updates.
Data Flow
Teacher Input: Teachers add content or monitor student activity through the frontend.
Frontend to Backend: Requests and data from the teacher’s actions are sent to the backend for
processing.
Backend Logic: The backend handles the logic, communicates with the database or file system, and
sends appropriate responses.
Results Display: Processed data (e.g., grades, progress reports) is displayed back to the teacher or
learner via the frontend.
NIGHT WORKERS
Night Workers
Role: Users (night workers) interact with the application through the frontend.
Actions: Trigger alerts or notifications.
View their location or manage settings/preferences using the mobile interface.
Frontend This is the user-facing part of the application where night workers interact with the
system.
Features: Help Alert Button: Used by workers to send an emergency alert.
Location Display: Shows the user's current location for tracking purposes.
Notification Alerts: Displays notifications sent by the backend.
Settings and Preferences: Allows users to customize their experience.
Technologies: Built using HTML, CSS, JavaScript, and Bootstrap for responsive and user-friendly
design.
Backend This is the core of the system, responsible for handling data, logic, and communication
between components.
Components:
App Logic: Implemented using Node.js.
Handles communication via WebSockets for real-time data transfer.
Includes BullMQ for queuing tasks and encryption for secure data handling.
Web Server: Manages incoming and outgoing requests.
File System: Stores necessary static files like images and scripts.
Database: Utilizes MySQL, phpMyAdmin, PostgreSQL, or MongoDB for storing user profiles,
alerts, preferences, and other dynamic data.
API Tool
Purpose: Facilitates the communication between the backend and external systems.
Implementation: Uses Postman or similar tools for API testing and integration.
Relatives
Role: Relatives receive notifications and updates about the night worker's status.
Delivery Methods:
SMS: Sends text messages in real-time.
Notifications: Push alerts directly to their devices (e.g., mobile apps).
Data Flow
Night Worker Interaction: A worker triggers an alert or notification from the frontend.
Backend Processing: The backend processes the request, communicates with the database, and
ensures secure and real-time handling.
Notification to Relatives: Using APIs, the backend sends SMS or push notifications to the
relatives, ensuring they stay updated about the worker’s status.
Display of Results: The processed response or notification status is sent back to the worker’s
frontend for confirmation.
ATTENDANCE
Barangay Workers
Role: Workers interact with the system to:
Verify their identity (e.g., fingerprint and ID verification).
Log attendance.
Access personal or work-related information.
Interaction: They use the Frontend to perform these actions.
Person In-Charge for Monitoring
Role: Supervisors or administrators use the system to monitor barangay workers’ activities and
generate reports.
Interaction: They access dashboards on the Frontend for data visualization and results.
Frontend
This is the user interface for both barangay workers and administrators.
Features:
Dashboard: Displays information about workers and their activities.
Verification Tools: Supports fingerprint and ID verification for identity confirmation.
Attendance Tracker: Logs and monitors worker attendance.
Report Generation: Enables supervisors to generate reports on worker performance or
attendance.
Technologies: Built with HTML, CSS, JavaScript, and frameworks like Bootstrap for responsive
design.
Backend
The backend handles all core application logic, cloud infrastructure, and data management.
Components:
App Logic:
Built using Node.js.
Hosted on a cloud service, such as Azure, to ensure scalability and accessibility.
Web Server: Processes requests from the frontend and handles responses.
File System: Stores static files like HTML, CSS, and JavaScript.
Cloud Infrastructure: Enables secure and scalable storage, processing, and distribution of
application data.
Database:
Supports systems like MySQL, PostgreSQL, or MongoDB to store:
Barangay worker information.
Attendance logs.
Reports and other dynamic data.
Data Flow
Barangay Worker Interaction: Workers input data (e.g., attendance or ID verification) via the
frontend.
Backend Processing:
The backend processes the input and verifies worker identity or attendance.
Data is stored in the database or processed through cloud infrastructure.
Display for Monitoring: Results and data are displayed on dashboards for the person in charge.
Report Generation: Supervisors can request and generate reports from the frontend, with the
backend compiling data from the database.
Key Features
Cloud Hosting:
Ensures scalability and real-time access.
Verification: Uses advanced tools like fingerprinting and ID checks for security.
Data Management:
Tracks attendance and stores worker information efficiently.
Reporting Tools:
Provides meaningful insights for supervisors to monitor performance and activities.