Student Attendance Management System Project File
Student Attendance Management System Project File
INTRODUCTION
▸ Understanding application.
▸ Planning.
▸ Scheduling.
▸ Developing candidate solution
I) Teacher M odule:-
This module provides teacher related
information which act as our main user while
handling this application , thus it is user related
functionality module which has access to all
information.
I) ADMIN : -
The Admin is a person who run and manage
the system , in this project the teachers of the
college has right of admin.
ADMIN FUNCTIONALITIES:
• Login
• Fill attendance
• Manage reports
• Password
• and Logout
II) Student :-
The characteristic of an student is just to call
their respective roll number while teacher take
attendance . Student make their attendance mark
by saying present when teacher call their roll
number.
4.4 OVERVIEW
I) LOGIN P AGE:
When you open the link of “markMe” system the
login page will display on your screen.
Every teacher have their own username and
password.They can login with the help of it by
clicking on “login button”. If password is forgot,click
on “Forgot password?”and reset it.If admin has any
other query click on “help” button.
II) PAGE II
After login second page will display. In that
admin\teachers has to select branch,division and year
of students and below is “Enter”button to go on
next page.while clicking on it third will display.
Advantages:
• Accuracy in attendance records
• Time management
Disadvantages:-
if 'user_id' in session:
return redirect('/call_yourself')
else:
return redirect('/call_yourself')
@app.route('/call_yourself')
def tea_remark():
return render_template('my_call.html')
@app.route('/atten_rec')
def atten_rec():
return render_template('atten_rec.html')
xlsx_file = Path('templates','FY_atten.xlsx' )
wb_obj = openpyxl.load_workbook(xlsx_file)
@app.route('/logout')
def tea_logout():
session.pop('user_id')
return redirect('/')
if __name__ == "__main__":
app.run(debug=True);
#app.run(port=int("1234"), debug=True)
#login page html code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>login</title>
</head>
<body id ="page01" style="text-align: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
" >
<header style="text-align:center-right;
font-size:50px;
padding-top:85px;
background-repeat: no-repeat ;
background-size:100% ;
height:20%;left: 0;
top: 0;
width: 100%;
background-image:url('https://tse3.mm.bing.net/');
">Teacher Log </header>
<section style="width:100%;">
<img
src="https://play-lh.googleusercontent.com/Nm5HsGJJqJ7U2YZ8WxN
3NGh5Pa_uDlOjqtgQfIB1XSRgZdxAP-5AVB3mj_jtbSNglg"
style="height:165px; width:185px">
<br><br>
<main >
<form id="loginform" style="padding-right:6%"
class="form" method="post" action="/login_validation">
<div style="font-size:19px">
<!-- user input -->
Username : <input type="text" style="height: 23px
; width:55%"
placeholder="e.g V.R Mahajan" name="t_name"
class="form-control" />
<br>
<br>
<!-- Password input -->
Password : <input type="password"
name="t_password" class="form-control" style="height: 23px ;
width:55%"/>
</div>
<br>
<!-- Checkbox -->
<div class="form-check" style="font-size:10px">
<label>
<input type="checkbox" checked="checked"
name="remember" > Remember me
</label>
</div>
<br>
<!-- Submit button -->
<button type="submit" id="log_btn" style="
background-color:#2b9c8f;color: white;padding:7px 23px;cursor:
pointer;"><div style="font-size:19px" >Log In</div></button>
<br>
<!--login_error_msg-->
<div style="width: 100%;height: 100%; display: grid;
justify-items: center; align-items: center;">
<p id="login_error_msg" style="width: 23%; text-align:
center; margin: 0; padding: 5px; font-size: 12px; font-weight:
bold; color: #8a0000; border: 1px solid #8a0000;
background-color: #e58f8f; opacity: 0;">Invalid username
<span style=" display: block;"> and/or password
</span>
</p> </div>
</form>
</main>
<footer style="padding-top:45px">
<div class="col" style="float:right; padding-right:40%">
<!-- Simple link -->
<a href="#!" style="font-size:12px">Forgot
password ? </a>
</div>
</footer>
</section>
<script>
function login() {
var loginForm = document.getElementById("u_info");
var loginButton =
document.getElementById("log_btn");
var loginErrorMsg =
document.getElementById("login-error-msg");
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width ;
initial-scale:1.0">
<title>my_class</title>
</head>
<body id = "" href="" style="text-align: center-left;position: fixed;left:
0;top: 0;width: 100%;height:100%;">
<b><header
style="text-align:center;font-size:50px;padding-top:85px;background-repe
at: no-repeat ;background-size:100% ;height:20%;right:30;top: 0;width:
100%;background-image:url('https://tse3.mm.bing.net/th?id=OIP.WW-gP
WxX75rW9XTqrcHelQHaEK&pid=Api&P=0&h=180');">Select Following
Option</header></b>
<br><br>
<section style="width:100%; padding:50px ; margin-left: 70px">
<form name="Form1" method="post"
action="/class_selection" style="text-align:left-side; font-size:25px">
<div id= "" style="padding:5px">
Select Branch :<br>
<select name="branch" style="padding:5px ; width: 70%" >
<option
value="Computer Engineering" selected>Computer Engineering
<option
value="Information technology">Information technology
<option
value="Electronics And Telecommunication">Electronics &
Telecommunication
<option
value="Mechanical Engineering">Meechanical Engineering
<option
value="Electrical Engineering">Electrical Engineering
</select><br><br>
Select Year : <br>
<select name="year" style="padding:5px; width:70%">
<option value="First Year"
selected>First Year
<option value="Second Year">Second
Year
<option value="Third Year">Third Year
<option value="Forth Year">Fourth
Year
</select><br><br>
Select Division:<br>
<select name="division" style="padding:5px ;width:70%">
<option value="A" selected>A
<option value="B">B
<option value="C">C
<option value="D">D
</select> </div> <br><br></br>
<footer style="text-align:center; padding-right:70px">
<button style=" background-color:#2b9c8f;color:
white;padding:7px 20px;cursor: pointer;"><div
style="font-size:15px ;text-align:center;">Submit</div></button>
</footer>
</form>
</section>
</body>
</html>
Select Year : <br>
<select name="year" style="padding:5px; width:70%">
<option value="First Year"
selected>First Year
<option value="Second Year">Second
Year
<option value="Third Year">Third Year
<option value="Forth Year">Fourth
Year
</select><br><br>
Select Division:<br>
<select name="division" style="padding:5px ;width:70%">
<option value="A" selected>A
<option value="B">B
<option value="C">C
<option value="D">D
</select> </div> <br><br></br>
<footer style="text-align:center; padding-right:70px">
<button style=" background-color:#2b9c8f;color:
white;padding:7px 20px;cursor: pointer;"><div
style="font-size:15px ;text-align:center;">Submit</div></button>
</footer>
</form>
</section>
</body>
</html>
#call yourself html code
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width ;
initial-scale:1.0">
<head>
<title>
my_call
</title>
</head>
<body id = "page3" class="text-center" style="
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
" >
<div style="background-repeat: no-repeat ;
background-size:100% ;
left: 0;
top: 0;
height:10%;
width: 100%;
text-align: right;
background-image:url('https://tse3.mm.bing.net/th?id=OIP.WW-gPWxX
75rW9XTqrcHelQHaEK&pid=Api&P=0&h=180');
">
<label for="start" style="font:sans-serif; font-size:1.5rem">DATE
:<input type="date" id="start" name="trip-start" style=" margin: 2rem
2.5rem;"
value="2023-06-22"
min="2023-01-01" max="2023-12-31"></label>
</div>
<div style="float:center; padding-left:5%;
font-size:60px;text-align:center ;float:center;border-color: black">Call
Yourself</div>
<form action="/atten_rec" >
<div style="float:center; padding-left:30%"><table
style="text-align:center ;float:center; border: 5px ; border-color:
black"><br><br>
<tr>
</tr>
<tr>
<td><button type="button" id="log_btn1" action="callme()" style="
background-color:#08d76c;color: white;padding:7px 23px;cursor:
pointer;"><div style="font-size:19px" >P</div></button>
<br> 1</td>
<td><button type="button" id="log_btn2" action="callme()" style="
background-color:#08d76c;color: white;padding:7px 23px;cursor:
pointer;"><div style="font-size:19px" >P</div></button>
<br>2</td>
<td><button type="button" id="log_btn3" action="callme()" style="
background-color:#08d76c;color: white;padding:7px 23px;cursor:
pointer;"><div style="font-size:19px" > P</div></button>
<br>3</td>
<td><button type="button" id="log_btn4" action="callme()" style="
background-color:#08d76c;color: white;padding:7px 23px;cursor:
pointer;"><div style="font-size:19px" > P</div></button>
<br>4</td>
<td><button type="button" id="log_btn5" action="callme()" style="
background-color:#08d76c;color: white;padding:7px 23px;cursor:
pointer;"><div style="font-size:19px" >P</div></button>
<br>5</td>
<td><button type="button" id="log_btn6" action="callme()"
style=" background-color:#08d76c;color: white;padding:7px
23px;cursor: pointer;"><div style="font-size:19px" >P</div></button>
<br>6</td>
<td><button type="button" id="log_btn7" action="callme()" style="
background-color:#08d76c;color: white;padding:7px 23px;cursor:
pointer;"><div style="font-size:19px" > P</div></button>
<br>7</td>
<td><button type="button" id="log_btn8" action="callme()" style="
background-color:#08d76c;color: white;padding:7px 23px;cursor:
pointer;"><div style="font-size:19px" > P</div></button>
<br>8</td>
<td><button type="button" id="log_btn9" action="callme()" style="
background-color:#08d76c;color: white;padding:7px 23px;cursor:
pointer;"><div style="font-size:19px" > P</div></button>
<br>9</td>
<td><button type="button" id="log_btn10" action="callme()"
style=" background-color:#08d76c;color: white;padding:7px
23px;cursor: pointer;"><div style="font-size:19px" >
P</div></button>
<br>10</td>
</tr>
<tr>
<td><button type="button" id="log_btn11" action="callme()"
style=" background-color:#08d76c;color: white;padding:7px
23px;cursor: pointer;"><div style="font-size:19px" >
P</div></button>
<br>11</td>
<td><button type="button" id="log_btn12" action="callme()"
style=" background-color:#08d76c;color: white;padding:7px
23px;cursor: pointer;"><div style="font-size:19px" >
P</div></button>
<br>12</td>
<td><button type="button" id="log_btn13" action="callme()"
style=" background-color:#08d76c;color: white;padding:7px
23px;cursor: pointer;"><div style="font-size:19px" >
P</div></button>
<br>13</td>
<td><button type="button" id="log_btn14" action="callme()"
style=" background-color:#08d76c;color: white;padding:7px
23px;cursor: pointer;"><div style="font-size:19px" >
P</div></button>
<br>14</td>
<td><button type="button" id="log_btn15" action="callme()"
style=" background-color:#08d76c;color: white;padding:7px
23px;cursor: pointer;"><div style="font-size:19px" >
P</div></button>
<br>15</td>
APPLICATION :
• Taking and maintaining record of daily
attendance for school students
SCOPE :
• Attendence management system will keeps track
of daily attendance , working hours , breaks ,
login and logout hours.
BOOK REFERENCE
WEBSITE REFERENCE:-
▸ https://realpython.com/python-web-applications/
▸ https://www.allaboutpython.tech/2023/02/how-t
o-create-and-add-data-to-excel_18.html
▸ https://r.search.yahoo.com/www.geeksforgeeks.or
g%2f/RK=2/RS=eGUqnzpSrWngJhHsnlxChJlqt2k
-
Thank you..