0% found this document useful (0 votes)
126 views29 pages

Css Micro

This document presents a project proposal for a student attendance management system. The aims are to gain knowledge about creating reports and employee motivation. The proposed methodology is to collect information on employee motivation and productivity, including methodology and details. An action plan is provided with tasks like deciding the project topic, collecting related information, analyzing data, and submitting the final report. The project will be guided by Prof. Dhumal K.R. and submitted by Date Priya Santosh.

Uploaded by

Nikita
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
126 views29 pages

Css Micro

This document presents a project proposal for a student attendance management system. The aims are to gain knowledge about creating reports and employee motivation. The proposed methodology is to collect information on employee motivation and productivity, including methodology and details. An action plan is provided with tasks like deciding the project topic, collecting related information, analyzing data, and submitting the final report. The project will be guided by Prof. Dhumal K.R. and submitted by Date Priya Santosh.

Uploaded by

Nikita
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 29

Aims of the Micro-Project

Micro-Project Proposal

Micro Project for information about

"Student Attendance management system"

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.

b) Because of the micro project now we have get deep knowledge.

Course Outcomes Addressed

a) Use basic management principles to execute daily activities.

b) Apply principles of safety management in all activities.

c) Understand various provisions of industrial acts.

3.0 Proposed Methodology

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.

4.0 Action Plan

Sr. No Details of activity Planned Planned Name of Responsible


Start Date Finish Date Team Members
1 Decide individual micro project Date Priya

2 Search micro project topics Date Priya


related To subject.

3 Selection of micro project title Date Priya

4 Search information related to Date Priya


selected topic

5 Collect information related to Date Priya


selected topic

6 Completion of micro project Date Priya


topic Proposal
7 Analyze collected data For Date Priya
micro-Project report.
8 Finalize collected data Date Priya
For micro-Project
report.
9 Finalize Design & flow Date Priya
of Implementation

10 Flow of Implementation Date Priya

11 Implementation of report Date Priya

12 Report preparation Date Priya

13 Report preparation Date Priya

14 Submission of report Date Priya

Names of Student with Roll No. Roll No.

Date Priya Santosh 43

(To be Approved by the concerned teacher)

***************
A

Project REPORT

ON

“ Student Attendance management system ”

SUBMITTED IN PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE


AWARD OF

DIPLOMA IN
COMPUTER ENGINEERING

SUBMITTED TO
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION,
MUMBAI

SUBMITTED BY

Name of Student Enrollment Number

Date Priya Santosh 2009920138

GUIDED BY
(Prof. Miss.Dhumal K.R.)

SAMARTH POLYTECHNIC, BELHE


vv

SAMARTH POLYTECHNIC, BELHE

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.

Date Priya Santosh

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.

Prof. Miss.Dhumal K.R Prof. Navale S.K. Prof. Kapile A.S.

(Subject Teacher) (H.O.D) (Principal)


ACKNOWLEDGMENT

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 4 System specification 21

Chapter 5 Features of SAS 22

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

Samarth Polytechnic, Belhe Page 6


LINUX SERVER ADMINISTRATION

CHAPTER 1
SYNOPSIS

1.1 Project Title


Student Attendance management system
1.2 Project Option
None

1.3 Internal Guide


Prof.Dhumal K.R

1.4 Problem Statement

Student Attendance
management system

Samarth Polytechnic, Belhe Page 7


LINUX SERVER ADMINISTRATION

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.

Samarth Polytechnic, Belhe Page 8


LINUX SERVER ADMINISTRATION

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.

Samarth Polytechnic, Belhe Page 9


LINUX SERVER
ADMINISTRATION
CHAPTER 7

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

Step 1: Open Sublime Text.


First, after installing sublime text IDE, click “open” to start.

Step 2: Create a HTML file.


Next, click “file” and select “save as” and named it “index.html“.
create index.html for Attendance Management System in JavaScript with Source Code

Step 3: Create a JavaScript file.


Last, click “file” and select “save as” and named it “login.js“.
create login.js for Attendance Management System in JavaScript with Source Code

Samarth Polytechnic, Belhe Page 10


LINUX SERVER
ADMINISTRATION
Step 4: The actual code.
Finally, You are free to copy the code given below and paste to your different file created.

Code for the index.html in Attendance Management System in JavaScript


Attendance Management System in JavaScript with Source Code 2021 | Source Code Free Download
In the code given below, which is the code contains the interface of the application. This code will show the
form that will be use in html.

Samarth Polytechnic, Belhe Page 11


LINUX SERVER
ADMINISTRATION
CHAPTER 8

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

Samarth Polytechnic, Belhe Page 12


LINUX SERVER
ADMINISTRATION
chapter 9

Advantages

1. Data Collected is Accurate and Secured

2. Data is Secured

3. Data is Centralized and Accessible

4. Keep the Parents in the Loop

5. A Student Attendance Management System can Generate


Analytics

6. Time Saving For Both Teacher and Student

Let’s take in the practicality of having a student attendance


management system.

7. Environment & User Friendly

Samarth Polytechnic, Belhe Page 13


LINUX SERVER
ADMINISTRATION

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.

Samarth Polytechnic, Belhe Page 14


LINUX SERVER
ADMINISTRATION

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.

Samarth Polytechnic, Belhe Page 15


LINUX SERVER
ADMINISTRATION

CHAPTER 12

Coding
Source code:
student html file

The code given below is for the html module


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Title-->
<title>Simple Student Record</title>
<!-- CSS File-->
</head>
<body style="background-color: skyblue">
<CENTER><h2>Simple Student Records</h2></CENTER>
<!--Table-->
<table>
<!--Row-1-->
<tr>
<!--Column-1-->
<td>
<!--Form-->
<form onsubmit="event.preventDefault();onFormSubmit();"
autocomplete="off">
<h3>Student Form</h3>
<!--div-1-->
<div>
<label>Full Name</label>
<!--Validation Error-->
<label class="validation-error hide" id="userNamevalidationError">This

Samarth Polytechnic, Belhe Page 16


LINUX SERVER
ADMINISTRATION
field is required</label>
<!--Input User Name-->
<input type="text" name="userName" id="userName"
placeholder="Enter the user Name">
</div>
<!--div-2-->
<div>
<label>Rollno</label>
<!--Validation Error-->
<label class="validation-error hide" id="rollNovalidationError" >This
field is required</label>
<!--Input Roll No-->
<input type="text" name="rollNo" id="rollNo" placeholder="Enter the
Roll number">
</div>
<!--div-3-->
<div>
<label>Student Class</label>
<!--Validation Error-->
<label class="validation-error hide" id="stdClassvalidationError">This
field is required</label>
<!--Input Student Class-->
<input type="text" name="stdClass" id="stdClass" placeholder="Enter
the Student Class">
</div>
<!--div-4-->
<div>
<label>Total Subject</label>
<!--Validation Error-->
<label class="validation-error hide" id="tsubvalidationError">This field
is required</label>
<!--Input Total Subject-->
<input type="number" name="tsub" id="tsub" placeholder="Enter the
Total Subjects">
</div>
<!--div-5-->
<div>

Samarth Polytechnic, Belhe Page 17


LINUX SERVER
ADMINISTRATION
<label>Age</label>
<!--Validation Error-->
<label class="validation-error hide" id="agevalidationError">This field is
required</label>
<!--Input Age-->
<input type="number" name="age" id="age" placeholder="Enter the
Age">
</div>
<!--div-6-->
<div class="form-action-buttons">
<!--Input Button-->
<input type="submit" value="Submit">
</div>
</form>
</td>
<!--Column-2-->
<td>
<!--Nested Table-->
<table class="list" id="stdlist" style="background-color: #C2976D;">
<!--Table Head-->
<thead>
<!--Row-2-->
<tr>
<th>Full Name</th>
<th> Roll no</th>
<th>Class</th>
<th>Total Subject</th>
<th>Age</th>
<th>Action</th>
</tr>
</thead>
<!--Table Body-->
<tbody>
</tbody>
</table>
</td>

Samarth Polytechnic, Belhe Page 18


LINUX SERVER
ADMINISTRATION
</tr>
</table>
<style>
body > table{
width: 100%;
}

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

Samarth Polytechnic, Belhe Page 20


LINUX SERVER
ADMINISTRATION
// Form Submit Function
function onFormSubmit() {
// check validity
if (validate()) {
// store user data
var formData = readFormData();
// check empty row
if (selectedRow == null)
{
// Insert New User Record
insertNewRecord(formData);
}
else
{
// Update New User Record
updateRecord(formData);
}
// Reset Input Values
resetForm();
}
}
// Get Values From Form
function readFormData() {
var formData = {};
// Get Values From Input
formData["userName"] = document.getElementById("userName").value;
formData["rollNo"] = document.getElementById("rollNo").value;
formData["stdClass"] = document.getElementById("stdClass").value;
formData["tsub"] = document.getElementById("tsub").value;
formData["age"] = document.getElementById("age").value;
// return Form Data
return formData;
}
// Insert New User Record
function insertNewRecord(data) {
var table = document.getElementById("stdlist").getElementsByTagName('tbody')[0];
Samarth Polytechnic, Belhe Page 21
LINUX SERVER
ADMINISTRATION
var newRow = table.insertRow(table.length);
cell1 = newRow.insertCell(0);
cell1.innerHTML = data.userName;
cell2 = newRow.insertCell(1);
cell2.innerHTML = data.rollNo;
cell3 = newRow.insertCell(2);
cell3.innerHTML = data.stdClass;
cell4 = newRow.insertCell(3);
cell4.innerHTML = data.tsub;

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"))

Samarth Polytechnic, Belhe Page 23


LINUX SERVER
ADMINISTRATION
{
document.getElementById("rollNovalidationError").classList.add("hide");
}
}
// Std class validation
if (document.getElementById("stdClass").value == "") {
isValid = false;
document.getElementById("stdClassvalidationError").classList.remove("hide");
} else {
isValid = true;
if (!
document.getElementById("stdClassvalidationError").classList.contains("hide"))
{
document.getElementById("stdClassvalidationError").classList.add("hide");
}
}
// Tsub validation
if (document.getElementById("tsub").value == "") {
isValid = false;
document.getElementById("tsubvalidationError").classList.remove("hide");
} else {
isValid = true;
if (!document.getElementById("tsubvalidationError").classList.contains("hide"))
{
document.getElementById("tsubvalidationError").classList.add("hide");
}
}
// Age validation
if (document.getElementById("age").value == "") {
isValid = false;
document.getElementById("agevalidationError").classList.remove("hide");
} else {
isValid = true;
if (!document.getElementById("agevalidationError").classList.contains("hide"))
{
document.getElementById("agevalidationError").classList.add("hide");

Samarth Polytechnic, Belhe Page 24


LINUX SERVER
ADMINISTRATION
}
}
return isValid;
}
</script.

chapter 13
Output

Samarth Polytechnic, Belhe Page 25


LINUX SERVER
ADMINISTRATION

Samarth Polytechnic, Belhe Page 26


LINUX SERVER
ADMINISTRATION
chapter 14
Conclusion

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

1. Introducing Microsoft .NET, Second Edition author David S. Platt.

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

Samarth Polytechnic, Belhe Page 28

You might also like