ABSTRACT

Our project Student Attendance Management system includes attendance of students,

storing their details into the system i.e. computerized the process. Our software has the
facility to give a unique id for every student and stores the attendance of every student. It
includes a search facility also –search by name, contact and roll number .The data can be
retrieved easily. The interface is very User-friendly. The data are well protected for
personal use and makes the data processing very fast.

1
 INTRODUCTION
Background
The "Student Attendance Management System" has been developed to override the
problems prevailing in the practicing manual system. This software is supported to eliminate
and in some cases reduce the hardships faced by this existing system, Moreover this system is
designed for the particular need of the company to carry out operations in a smooth and
effective manner. The application is reduced as much as possible to avoid errors while
entering the data. It also provides error message while entering invalid data. No formal
knowledge is needed for the user to use this system. Thus by this all it proves it is user-
friendly. Student Result Management System, as described above, can lead to error free,
secure, reliable and fast management system. It can assist the user to concentrate on their
other activities rather to concentrate on the record keeping. Thus it will help organization in
better utilization of resources. Every organization, whether big or small, has challenges to
overcome and managing the information of Result, Student, Class, Subject Semester. Every
Student Result Management System has different Student needs, therefore we design
exclusive employee management systems that are adapted to your managerial requirements,
This is designed to assist in strategic planning, and will help you ensure that your organization
is equipped with the right level of information and details for your future goals. Also, for
those busy executive who are always on the go, our systems come with remote access
features, which will allow you to manage your workforce anytime, at all times. These systems
will ultimately allow you to better manage resources.

2
 1.1 OBJECTIVE

Student Attendance Management System is software which is helpful for

college as well as the school authorities. In the current system all the
activities are done manually. It is very time consuming and costly. Our
Student Management System deals with the various activities related to
managing student records. Our Objective is computerizing the process of
student records management.

3
 1.2 INTRODUCTION

This project is aimed to automate the student attendance management

system. This project is developed mainly to administrate student records.

The purpose of the project entitled as STUDENT ATTENDANCE

MANAGEMENT SYSTEM is to computerize the Front Office
Management of student records in colleges, schools and coaching’s, to
develop software which is user friendly, simple, fast, and cost – effective.
Traditionally, it was done manually.

The main function of the system is to register and store student details,
retrieve these details as and when required, and also to manipulate these
details meaningfully.

4
 1.3 SCOPE

The proposed software product is the Student Management System.

The system will be used in any School, College and coaching institute to
get the information from the student and the storing that data for future
usage.

The current system in use is a paper-based system. It is too slow and

cannot provide updated lists of students within a reasonable timeframe.
The intentions of the system are to reduce over-time pay and increase the
productivity. Requirements statements in this document are both
functional and non-functional.

5
 1.4 SURVEY OF TECHNOLOGY

In today's competitive world, with increasing working hours and less classroom time,
teachers need edTech tools which help them manage precious class time efficiently. Instead of
focusing on teaching, faculty members are often stuck with completing formal duties, for e.g.
taking daily student attendance.

Manually taking attendance and registering it in files & musters makes the daily
attendance a mundane task for the faculty and unnecessarily consumes classroom time.

To overcome such inefficient work processes, there are various school

software systems available to speed up the attendance process and reduce manual work.
An online attendance management system or digital attendance platform is one of them,
which is developed to automate the daily attendance in schools. Additionally, it helps to
maintain accurate records and generate summarized student attendance reports.

6
 1.5 REQUIREMENT AND ANALYSIS

DEFINATION:-
Attendance management system records and maintains student's attendance data using
smart devices. The system collects attendance records in the system and manages, stores and
processes the data. It generates daily attendance reports that help the faculty to track student's
presence with high accuracy and efficiency.

PLANNING AND SCHEDULING:-

What is school attendance management system?

Online Attendance Management System Software for Students

Attendance management system keeps track of daily attendance, working hours,

breaks, login, and logout time. It prevents staff's time theft. An attendance management
system integrates all attendance devices such as smart cards, biometric, and facial recognition
devices in real-time.

7
 TOOLS AND ENVIRONMENT USED
System Requirement of Attendance Management System

It’s its type of minimum needs that we’d like to require care of:
 The system wants a minimum of two GB of ram to run all the options sleek and
unforeseen.
 It wants a minimum 1.3 gigahertz processor to run sleek as else which will produce
issues.
 The system must be operated by some approved person as wrong hands will build it
happy-go-lucky.
 Rest is all up to the user’s usage can take care of the hardware.
 For security opposing anti-virus is suggested.
The system is made correctly, and all the testing is done as per the requirements. So,
the rest of the things depend on the user, and no one can harm the data or the
software if the proper care is done. All the attributes are working correctly, and if any
error is found, then it can be removed easily.

8
SOFTWARE AND HARDWARE REQUIRMENT
A) Hardware Requirement

SR.NO
HARDWARE USAGE
.
1. Monitor Display the output of the processed
2. CPU For processing the data.
3. Keyboard For type the data.
4. Mouse Handling the events
5. Hard disk For saving the data
6. Printer For taking the output

B) Software Requirement

SR.NO
Software USAGE
.
1. OS Windows 10
2. Web browsers Chrome , Firefox, edge
3. Notepad++

9
 FEASIBILITY STUDY
Economic: - The feasibility study plays a major role in the analysis of the system. The
very decision of the system analyst, to design a particular system depends whether the
system is feasible or not.

Economically Feasibility: The application being developed is economic with respect to

School or Collage's point of view. It is cost effective in the sense that has eliminated the
paper work completely.

The application is also time effective because the calculations are automated which are
made at the end of the month or as per the user requirement.

Technical feasibility: The technical requirement for the application is economic and it
does not use any other additional Hardware and software.

Behavioral Feasibility: The application working is quite easy to use and learn due to its
simple but attractive interface.

10
 SYSTEM DESIGN

SOFTWARE ANALYSIS

Software Development Life Cycle

Requirements

Design

Implementation

Fig. SDLC

Verification

Maintenance

11
 SOFTWARE DESIGN

Data Flow Diagram

12
 The DFD takes an input – process – output view of a system. That is, data
objects flow into the software, are transformed by the processing
elements, and resultant data objects flow out of the software. Data objects
are represented by labeled arrows and transformations are represented by
circles. The DFD is represented by in a hierarchical fashion. The first DFD
represents the system as a whole. Subsequent data flow diagrams provide
increasing details with each subsequent level.

The data flow diagram enables the software engineer to develop models of
the information domain and functional domain at the same time. As the DFD
refined in to levels of greater detail, the analyst perform an implicit
functional decomposition of the system. Also DFD refinement results in a
corresponding refinement of data as it moves through the processes that
embody the application.

Zero (0) Level Diagram

Level-0
Admin Student
Manage

FIG : - Zero (0)

Level Diagram

13
 USE CASE
DIAGRAM

ADD STUDENT RECORD

UPDATE STUDENT
RECORD

DELETE STUDENT
RECORD
ADMIN SYSTEM
SEARCH RECORD

USE CASE DIAGRAM BETWEEN ADMIN and SYSTEM

14
 Std.
Class Division
Address Email Id Name

Roll no
Teacher

Manages Student Mob. No.

Admin

Gender

Department

Std. Id

Course

Semester

Year

15
 ADVANTAGES AND DISADVANTAGES
Advantages

1. Reduce paperwork and save time and money with mobile and cloud-based

attendance management system

2. Eliminate duplicate data entry and errors in time and attendance entries

3. Easy attendance

4. Auto-generate various types of reports of class or student attendance

5. Increased security and confidentiality with role-based permissions to users

Disadvantages

1. Inconsistency in data entry and generate errors

2. System is fully dependent on skilled individuals

3. Time consuming and costly to produce reports

4. Entry of false information

5. Lack of security

6. Duplication of data entry

16
How Attendance Management System Works?

Attendance Management System can be accessed without the student login information
being provided. Which also includes the entry period, the student has to enter his or her
student id number. The admin may add student records from the admin panel by entering the
id, name, City, & Present Absent. All the attendance records can be accessed by the admin.
Homepage – For the homepage you can see the accounts of admin and the records of
student’s attendance.
Manage User Account – The admin can manage the user’s account. Admin can add, update
Users in the system.
Attendance management is the system that helps the educational institute to manage the
attendance monitoring process and brings efficiency to it. It will automate the process to
the best possible extent and facilitate you with the custom and standard reports.

Introduces the product for attendance management that will website or software in the
functionality and will give benefits to both ends. The large customer base is itself the
storyteller and it is increasing as time advances. Although the investment cost seems
higher the benefits and the durability will turn it into value for money.

In a traditional attendance system, there are chances of duplicate or wrong attendance that
may affect the correctness. Also, the data handling is not that secure and can easily tamper or
damage. These flaws need to be addressed in the new solution to make it a strong alternative.
Generally, automated attendance management focuses on attributes of attendees that cannot
be duplicated by an unauthorized entity. Physical characteristics like fingerprints, faces are
some of the attributes that are unique to everyone. Vidyalaya grabs this up and designs its
attendance software around it.

17
Benefits of an Attendance Management System

A N A L Y S I N G E M P L O Y E E P E R F O R M A N C E Analyzing attendance of every

employee allows the admin to keep a track of their presence and absence in the office. This
information is also utilized to assess the presence and work output ratio of every employee.
Admins can cross check all their data with other systems like project management and talent
management to get detailed reports of employee performance.

D A T A I N T E G R A T I O N From processing payroll to calculating overtime, monitoring

absence rate and tallying timesheets, there are numerous different departments and systems
that require attendance data. Attendance Management Systems like Juntrax provide an
integrated platform for sharing and fetching information from other systems simultaneously
and coordinating with them to form an overall effective business management system.

18
 CONCLUSION

One might not consider Attendance Management as an essential aspect to look after.
But this is the difference between the average and efficient performance of a company or
institutions. When you start paying attention to every aspect and every minute cog of the
entire mechanism, you create a machine that yields maximum output and opens up
opportunities for success.

Attendance Management is one such cog in the mechanism of your company and
needs enough attention to direct your employees towards a disciplined, sincere, productive
and dedication work structure.

19
UI SCREENSHOOTS

In this project I used html, css ,js languages.The structure of

the programme and its logical view is very simple to understand
and working.

20
SOURCE CODE: - HTML SCRIPT
Index page .html

<!doctype html>

<html lang="en">

<head>

<!-- Required meta tags -->

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->

<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65Vo
hhpuuCOmLASjC" crossorigin="anonymous">

<link rel="stylesheet" href="style.css">

<title>Student Manegement</title>

</head>

<body>

<div class="heading">

<h1>Attendence Manegement System</h1>

</div>

21
 <h1 id="school">Taywade College, Mahadula-Koradi</h1>

<div class="login" >

<div class="image">

<img src="./SJ.jfif" alt="">

</div>

<div class="right">

<h2 class="login_head">Teacher login </h2>

<form action="" id="form">

<input type="text" id="name" placeholder="username">

<input type="password" id="password" placeholder="Password">

<input type="submit" class="btn btn-warning" id="submit"

value="Submit">

</form>

</div>

</div>

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-
MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/
tWtIaxVXM" crossorigin="anonymous"></script>

<script src="./index.js"></script>

</body>

</html>

22
Java script page

.js file

document.querySelector("#form").addEventListener("submit", submitFun);

document.querySelector("#form").addEventListener("reset", submitFun);

function submitFun(elme) {

elme.preventDefault();

username = document.querySelector("#name").value;

password = document.querySelector("#password").value;

if (username == "kunal@gmail.com" && password == "kunal@123") {

window.location.href = "student.html";

} else {

alert("Invalid username or password");

document.querySelector("#form").reset();

23
 Student index file . html

<!doctype html>

<html lang="en">

<head>

<!-- Required meta tags -->

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->

<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65Vo
hhpuuCOmLASjC" crossorigin="anonymous">

<link rel="stylesheet" href="style.css">

<title>Student Manegement</title>

</head>

<body>

<div class="studentData">

<form action="" id="form1">

<input type="text" placeholder="Name" id="name" required>

<input type="number" placeholder="Number" id="number" required>

<input type="text" placeholder="City" id="city" required>

<input type="number" placeholder="Roll No" id="rollNo" required>

<input type="submit" class="btn btn-warning">

24
 </form>

</div>

<table>

<thead>

<tr>

<th>#</th>

<th>Name</th>

<th>Number</th>

<th>City</th>

<th>Roll No.</th>

<th>Attendence</th>

</tr>

</thead>

<tbody id="tbody">

</tbody>

</table>

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-
MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/
tWtIaxVXM" crossorigin="anonymous"></script>
25
 <script src="./student.js"></script>

</body>

</html>

Student index file java script

.js file

document = document.getElementById("form1").addEventListener("submit",
submitFun1);

var studentDataArr =JSON.parse(localStorage.getItem("studentData"))|| [];

function submitFun1(e) {

document.querySelector("#tbody").innerHTML = "";

e.preventDefault();

var name = document.querySelector("#name").value;

var number = document.querySelector("#number").value;

var city = document.querySelector("#city").value;

var rollNo = document.querySelector("#rollNo").value;

var studentObj = {

name: name,

number: number,

city: city,

rollNo: rollNo

26
 studentDataArr.push(studentObj);

localStorage.setItem("studentData", JSON.stringify(studentDataArr));

document.querySelector("#form1").reset();

alert("Student Added Successfully");

displayFun(studentDataArr)

function displayFun(studentDataArr) {

var count = 1;

studentDataArr.map(function (item) {

var tr = document.createElement("tr");

var td1 = document.createElement("td");

td1.innerHTML = count++

var td2 = document.createElement("td");

td2.innerHTML = item.name;

var td3 = document.createElement("td");

td3.innerHTML = item.number;

var td4 = document.createElement("td");

td4.innerHTML = item.city;

var td5 = document.createElement("td");

td5.innerHTML = item.rollNo;
27
 var td6 = document.createElement("td");

var btn1 = document.createElement("button");

btn1.innerHTML = "P";

btn1.addEventListener("click", function () {

td6.innerHTML = "<button >Present</button>";

});

var btn2 = document.createElement("button");

btn2.innerHTML = "A";

btn2.addEventListener("click", function () {

td6.innerHTML = "<button id='absent'>Absent</button>";

});

td6.classList.add("td6");

td6.append(btn1, btn2);

tr.append(td1, td2, td3, td4, td5, td6);

document.querySelector("#tbody").append(tr);

});

displayFun(studentDataArr);

28
.css files

*{

margin: 0;

padding: 0;

box-sizing: border-box;

.heading{

width: 100%;

/* height: 100px; */

background-color: Black;

font-size: 48px;

color: white;

text-align: center;

padding: 20px;

#school{

font-size: 48px;

color: red;

text-align: center;

padding: 20px;

font-family: sans-serif;
29
 font-weight: 700;

/* --------------login form ---- */

.login{

display: grid;

grid-template-columns: 1fr 1fr;

grid-template-rows: 400px;

grid-gap: 20px;

margin: 20px;

.image{

width: 100%;

height: 100%;

background-size: cover;

background-position: center;

background-repeat: no-repeat;

.image img{

width: 100%;

height: 100%;
30
 object-fit: cover;

border-radius: 10px;

.right{

background-color: rgb(189, 211, 218);

border-radius: 20px;

#form{

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

margin-top: 10%;

#form input{

padding: 12px 20px;

margin: 10px 0;

display: inline-block;

border: 1px solid #ccc;

box-sizing: border-box;

border-radius: 5px;

}
31
 #submit:hover{

background-color: teal;

color: black;

border-radius: 5px;

.login_head{

width: 80%;

margin: auto;

margin-top: 20px;

font-size: 38px;

background-color: green;

color: white;

text-align: center;

padding: 10px;

border-radius: 20px;

/* --------------student form -------------- */

table,

td,

th {

border: 1px solid #ddd;

32
text-align: left;

table {

border-collapse: collapse;

width: 100%;

margin: auto;

margin-top: 50px;

th,

td {

padding: 15px;

text-align: center;

tr > th {

background-color: teal;

color: white;

.studentData{
33
 width: 100%;

background-color: black;

padding: 15px;

#form1{

margin: auto;

width: 80%;

#form1 input{

padding: 10px ;

margin-right: 15px;

display: inline-block;

border: 1px solid #ccc;

box-sizing: border-box;

border-radius: 5px;

#form1 input:focus{

outline: none;

.td6{

display: flex;

align-items: center;
34
 justify-content: center;

.td6 > button{

margin-right: 10px;

color: white;

border-radius: 5px;

padding: 5px 10px;

border: none;

cursor: pointer;

.td6 > button:nth-child(1){

background-color: green;

.td6 > button:nth-child(2){

background-color: red;

#absent{

background-color: red;

35
 CHAPTER X

REFERENCES

1. HTML & CSS: The Complete Reference,

Fifth Edition

2. Java : The Complete Reference, Seventh

Edition

36