Css Micro
Css Micro
Micro-Project Proposal
a) To create various types of report and get more knowledge about how to make report. We have chosen this
micro project to get knowledge about Employee Motivation & Productivity.
Collect the information of all the Employee Motivation & Productivity with its Working. The Employee Motivation
& Productivity also include the methodology and various info. detail. I searched the micro project topics related to
subject. Then selected micro project title. After selection of topic searched and collected information related to
selected topic. Then completed proposal of micro project.
***************
A
Project REPORT
ON
DIPLOMA IN
COMPUTER ENGINEERING
SUBMITTED TO
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION,
MUMBAI
SUBMITTED BY
GUIDED BY
(Prof. Miss.Dhumal K.R.)
CERTIFICATE
This is to certify that the project report entitled “Student attendance management system"
Was successfully completed by Student of Fifth semester Diploma in computer
engineering.
In partial fulfillment of the requirements for the award of the Diploma in Computer
engineering and submitted to the Department of Computer of Samarth Polytechnic,
Belhe work carried out during a period for the academic year 2022-23 as per
curriculum.
This project is done as a fifth semester project, as a part course titled “Student attendance
management system ”.
I am really thankful to our course the Principal Prof. Kapile A. S. and the HOD Prof. Navale
S.K. Samarth Polytechnic, Belhe for his invaluable guidance and assistance, without which the
accomplishment of the task would have never been possible.
I also thank Prof.miss.Dhumal K.R. for giving this opportunity to explore into the real world
and realize the interrelation without which a Project can never progress. In our present project I have
chosen the topic-“Student attendance management system ”.
I also thankful to parents, friend and all staff of Computer engineering department, for providing
us relevant information and necessary clarifications, and great support.
LINUX SERVER ADMINISTRATION
INDEX
Sr.No Name of Chapter Page no.
Chapter 1 Synopsis 7
Chapter 2 Abstract 8
Chapter 3 Introduction 9
Chapter 6 Advantages 26
Chapter 7 Disadvantages 27
Chapter 8 Purpose 29
Chapter 9 Coding 53
Chapter 10 Output 54
Chapter 11 Conclusion 55
Chapter 12 References 56
CHAPTER 1
SYNOPSIS
Student Attendance
management system
CHAPTER 2
ABSTRACT
Student attendance management system deals with the maintenance of the student's attendance details. It generates the
attendance of the student on basis of presence in class. It is maintained on the daily basis of their attendance. The staffs
will be provided with the separate username & password to make the student's status. The staffs handling the particular
subjects responsible to make the attendance for all students. Only if the student present on that particular period, then the
attendance will be calculated. The students attendance reports based on weekly and consolidate will be generated.
The project definition name describe many ways, Student attendance management system, Attendance portal, Online
attendance System, School attendance system, College attendance system etc.
The main aim of Student attendance system project is to maintain attendance records of student for any organization
school or college. In this asp.net project post we will discuss attendance system project for school students. We
developed this attendance system as website application using C# language in Visual Studio ASP.Net and use sql server
for database server.
CHAPTER 3
INTRODUCTION
Even in virtual classrooms, taking attendance is a mandatory routine at the start of every class. This
Attendance Management System in JavaScript is a simple project designed in JavaScript language using
HTML and CSS platform. This Attendance Management System includes an admin side and a user side that
allows a user to enter for attendance. In controlling this method, the admin has an important role to play. In
this project, from the admin side, the user has to carry out all the key functions.
A 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, course, and section. All the attendance
records can be accessed by the admin.
This simple mini project for Attendance Management System in JavaScript is complete and totally error free
and also includes a downloadable Source Code for free, just find the downloadable source code below and
click to start downloading. Before you start to click the download now first you must click the Run Quick
Scan for secure Download.
Features of SAS
These are the following features of Attendance Management System in JavaScript
1.Homepage – For the homepage you can see the accounts of students, admin and the records of students
attendance.
2.Manage User Account – The admin can manage the user’s account. Admin can add, update and Block Users
in the system.
3.Student Management – The admin can manage the student account. Admin can add, update and delete
student’s in the system
.
4.Manage Student Record – The admin can manage the student record. Admin can see the student login time
and date.
5.Login and Logout – By default one of the security features of this system is the secure login and logout
system. The login and logout system of this Attendance Management System in JavaScript source code uses a
session. It means that the user can only log in at once on the same browser.
Anyway if you want level up your knowledge in programming especially C/C++ Programming Language, try
this new article I’ve made for you Best C Projects with Source Code for Beginners Free Download 2020.
I have here a suggested list of Best JavaScript Projects with Source Code Free to download and I’m sure this
can help you to improve your skills in JavaScript programming and web development as a whole.
To start creating a Attendance Management System in JavaScript, make sure that you have any platform in
creating a JavaScript, bootstrap, and HTML installed in your computer, in my case I will use Sublime Text.
Attendance Management System in JavaScript with Source Code Steps on How to Create a Project
Time needed: 5 minutes.
Here’s the Steps on How to Create a Attendance Management System in JavaScript with Source Code
Application
Online Attendance Management System is an application
developed for student's daily attendance in school. It helps to
maintain the accurate record and generate summarized student
attendance reports for the students by applying various criteria
Advantages
2. Data is Secured
CHAPTER 10
Disadvantages
.
Poor manual systems of time and attendance management can lead to many problems such as:
-Inconsistency in data entry and generate errors.
-System is fully dependent on skilled individuals.
-Time consuming and costly to produce reports.
-Entry of false information.
-Lack of security.
-Duplication of data entry.
CHAPTER 11
Purpose
The purpose of developing attendance management systems
is to computerize the traditional way of taking attendance.
Another purpose for developing this software is to generate
the report automatically at the end of the session or in the
between of the session theoretical design is tuned into
practical system.
CHAPTER 12
Coding
Source code:
student html file
table{
border-collapse: collapse;
text-align: center;
}
table.list{
width:100%;
text-align: center;
}
table.list td{
text-align: center;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even),table.list thead>tr {
background-color: skyblue;
}
input[type=text], input[type=number] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type=submit]{
Samarth Polytechnic, Belhe Page 19
LINUX SERVER
ADMINISTRATION
width: 30%;
background-color: #ddd;
color: #000;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
form{
background-color: skyblue;
padding: 10px;
}
form div.form-action-buttons{
text-align: center;
}
a{
cursor: pointer;
text-decoration: underline;
color: #0000ee;
margin-right: 4px;
}
label.validation-error{
color: red;
margin-left: 5px;
}
.hide{
display:none;
}
</style>
<script>
var selectedRow = null
cell5 = newRow.insertCell(4);
cell5.innerHTML = data.age;
cell5 = newRow.insertCell(5);
cell5.innerHTML = `<a onClick="onEdit(this)">Edit</a>
<a onClick="onDelete(this)">Delete</a>`;
}
// Reset Function
function resetForm() {
document.getElementById("userName").value = "";
document.getElementById("rollNo").value = "";
document.getElementById("stdClass").value = "";
document.getElementById("tsub").value = "";
document.getElementById("age").value = "";
selectedRow = null;
}
// Edit Function
function onEdit(td) {
selectedRow = td.parentElement.parentElement;
document.getElementById("userName").value = selectedRow.cells[0].innerHTML;
document.getElementById("rollNo").value = selectedRow.cells[1].innerHTML;
document.getElementById("stdClass").value = selectedRow.cells[2].innerHTML;
document.getElementById("tsub").value = selectedRow.cells[3].innerHTML;
document.getElementById("age").value = selectedRow.cells[4].innerHTML;
}
// Update Record
function updateRecord(formData) {
Samarth Polytechnic, Belhe Page 22
LINUX SERVER
ADMINISTRATION
selectedRow.cells[0].innerHTML = formData.userName;
selectedRow.cells[1].innerHTML = formData.rollNo;
selectedRow.cells[2].innerHTML = formData.stdClass;
selectedRow.cells[3].innerHTML = formData.tsub;
selectedRow.cells[4].innerHTML = formData.age;
}
// Delete Function
function onDelete(td) {
if (confirm('Are you sure to delete this record ?')) {
row = td.parentElement.parentElement;
document.getElementById("stdlist").deleteRow(row.rowIndex);
resetForm();
}
}
// Check User validation
function validate() {
isValid = true;
// userName validation
if (document.getElementById("userName").value == "") {
isValid = false;
document.getElementById("userNamevalidationError").classList.remove("hide");
} else {
isValid = true;
if (!
document.getElementById("userNamevalidationError").classList.contains("hide"))
{
document.getElementById("userNamevalidationError").classList.add("hide");
}
}
// Roll No validation
if (document.getElementById("rollNo").value == "") {
isValid = false;
document.getElementById("rollNovalidationError").classList.remove("hide");
} else {
isValid = true;
if (!document.getElementById("rollNovalidationError").classList.contains("hide"))
chapter 13
Output
Finally, in the student attendance management system, the outcome of all the hard work
done for the attendance management system is here. It is software that helps the user to
work with the attendance, fees update, course update, and messages, etc. This software
reduces the amount of manual data entry and gives greater efficiency.
The User Interface of it is very friendly and can be easily used by anyone. It also
decreases the amount of time taken to write details and other modules. All the details
about students, teachers, and their other tasks can only be seen by the verified users. This
Attendance Management System is a solution to all the problems related to the
attendance, message, fee status, courses taken by the teachers and the students, etc.
In the end, we can say that this software is performing all the tasks accurately and is
doing the work for which it is made and this system can be implemented in N number of
colleges and schools.
Chapter 15
References
Samarth Polytechnic, Belhe Page 27
LINUX SERVER
ADMINISTRATION
Books References
2. Joe Mayo, “Microsoft Visual Studio 2010: A Beginner's Guide”, Tata McGraw
Hill, 2010.
3. Alex Mackey, “Introducing .NET 4.0: With Visual Studio 2010”, Press, USA,
2010.
WEBSITES
1. http://www.msdn.net/
2. http://msdn.microsoft.com/en-us/library/orm-9780596518455-02.aspx
3. http://www.w3schools.com/asp.net/
4. http://www.cramerz.com/aspdotnet
5. http://www.dotnetspider.net/
6. http://www.stackoverflow.com
7. http://www.codeproject.com