Thanks to visit codestin.com
Credit goes to www.scribd.com

0% found this document useful (0 votes)
12 views3 pages

System Architecture

The document outlines the roles and functionalities of a system designed for teachers, learners, night workers, and barangay workers, detailing their interactions with the frontend and backend components. It describes the use of various technologies such as HTML, CSS, JavaScript, Node.js, and different database systems to facilitate real-time communication, data management, and reporting. Key features include dashboards for monitoring, identity verification tools, and notification systems for relatives of night workers.

Uploaded by

elgiecompliza00
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
12 views3 pages

System Architecture

The document outlines the roles and functionalities of a system designed for teachers, learners, night workers, and barangay workers, detailing their interactions with the frontend and backend components. It describes the use of various technologies such as HTML, CSS, JavaScript, Node.js, and different database systems to facilitate real-time communication, data management, and reporting. Key features include dashboards for monitoring, identity verification tools, and notification systems for relatives of night workers.

Uploaded by

elgiecompliza00
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

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.

You might also like