No. | Table of Contents |
---|---|
1 | Project Description |
2 | User Stories |
3 | Instruction |
4 | Project Base |
5 | QR Implementation |
6 | Acceptance Criteria |
7 | Graphics/Modes |
8 | Firebase |
-
QR Code Employee Attendance System is a highly efficient, swift, and user-friendly tool designed for monitoring employee attendance within a company. It leverages the power of QR codes to streamline the process. For instance, when an employee is working online, it logs their login and logout times as timestamps. Our project utilizes HTML, CSS, and JavaScript to create a web-based interface, making attendance management convenient and accessible. This system seamlessly operates when devices are connected to the same local network.
-
The company can present the QR code through a webpage, or in situations like conferences, attendance can be collected using a projector, allowing present employees to effortlessly scan and record their attendance.
-
Automatic IP Fetching: This system automatically fetches your IPv4 address and generates a QR code based on that IP, facilitating easy connections within the same local network.
-
Company Panel: The system includes a Company View Panel, giving managers the ability to manage attendances by removing duplicate or proxy entries, ensuring accurate attendance records.
-
User-Friendly Interface: With a user-centric design, the interface is intuitive and easy to use, minimizing the learning curve for employees and managers.
-
Real-Time Tracking: Attendance can be marked by scanning QR codes with real-time updates, providing immediate and accurate attendance data.
-
Accessibility: Attendance records are easily accessible, allowing quick reference and analysis to support decision-making and compliance.
- Front-end Technology:
- HTML: For creating the structure of the web-based interface.
- CSS: For styling and layout design.
- JavaScript: To add interactivity and handle client-side operations, such as QR code scanning.
-
Back-end Technology:
- Pyhton: As the primary programming language for back end.
-
Database: [X]
- Relational Datavase Management System (RDBMS): To store employee attendance data. Popular choices include:
-
Networking: [X]
- Local Network Configuration: To ensure that devices can communicate within the same local network.
-
QR Code Generation:
- QR Code Library: To generate QR codes based on the IP addresses.
-
Real-Time Updates:
- WebSockets: To enable real-time updates for attendance tracking.
-
User Interface Design:
- Front-End Frameworks: You may consider using front-end frameworks like React, Vue.js, or Angular for a more dynamic and responsive user interface.
-
Security:
- Authentication and Authorization: Implement user authentication and authorization mechanisms for secure access.
- HTTPS: Enforce secure communication using HTTPS for data transmission.
- CORS (Cross-Origin Resource Sharing): Configure CORS settings to manage web page access to resources on different domains.
-
Project Management and Version Control:
- Git: To manage the project's source code and collaborate with a development team.
- GitHub
-
Deployment:
- Web Hosting: Google Cloud Platform (GCP).