Attendance Management System

To develop an interactive online application which can make the job of taking and maintaining attendance faster and reliable. The main aim of this project is to reduce Human effort.

Technologies used: HTML5, CSS3, AJAX,Django ,Firebase, Machine learning,Google Maps.

Installation

Install python3 Install Django 3.0 Install all the modules in requirements.txt.

Requirements

Written in Requirements.txt

Steps to use the attendance management system

Before running the project please make sure that the credentials are set in console.developers.google. In Authorised Javascript origins, add http://localhost:portnumber In Authorised redirect URLs, add http://localhost:portnumber/accounts/google/login/callback/ and http://localhost:portnumber and save the above changes.

create a virtual environment and activate it.

1. python manage.py makemigrations
2. python manage.py migrate
3. python manage.py runserver portnumber

Temporarily, our machine learning model is demanding a lot of space(>500MB) so we could not host this to a server. Instead we can use ngrok for temporary.

Following are the steps

1. Open a new terminal
2. Run the command ngrok http portnumber -host-header="localhost:portnumber"
3. A secure tunnel has been created now for safe browsing of your website
4. In the new terminal you need to go at http://serveraddress.io to continue further browsing and marking the attendance.

Features

User Friendly, Secured One tap Login,Logout,Data Update,auto complete search(for easier search), Hassle Free Attendance within minutes

Highlights

Following are the steps in our Application.

1. Login Screen
   
2. Course Page
   
3. 
   
4. Attendance Page
   
5. Image Recognition
   
6. Recognized ones has been marked
   
7. Attendance time Up
   
8. Final Attendance List