CHAPTER TITLE PAGE

NUMBER NUMBER

1. ABSTRACT

1.1 INTRODUCTION
1.2 SYSTEM SPECFICATION
1.2.1 HARDWARE
1.2.2 SOFTWARE
2. SYSTEM ANALYSIS

2.1 EXISTING
2.2 PROPOSED
2.2.1 FEATURES
2.2.2 ADVANTAGES
2.2.3 DISADVANTAGES
3. SYSTEM STUDY

3.1 PROJECT INFORMATION

3.2 STUDENT LOGIN
3.3 USER
3.4 ATTRIBUTES
3.5 TAKING ATTENDANCE
3.6 FLOW DIAGRAM
3.7 SMPLE FLOW CHART
4. SYSTEM DEVELOPMENT
 4.1 FEATURES
4.2 USER/ACTOR OF SYSTEM
4.2.1 TEACHER
4.2.1 STUDENT
4.3 FRONT END
4.4 BACK END
4.5 FUNCTION & NON-FUNCTION
REQUIREMENTS
4.6 SOFTWARE REQUIREMENTS
5. SYSTEM IMPLEMENTATION AND
MODULES

5.1 ATTENDANCE REPORTS

5.2 DAILY ATTENDANCE STATUS
5.3 ANALYTICS & REPORT
5.4 MODULES & MODULE DESCRIPTION

6. CONCLUSION

7. APPENDICS

7.2 SAMPLE CODING

7.3 SAMPLE INPUT
7.4 SAMPLE OUTPUT
ABSTRACT

The "Online Attendance generator using image and location access” Is a web-
based application designed to streamline and automate the attendance tracking
process. Incorporates location-based access to ensure the authenticity of attendance
records. Its helps to maintain our daily based attendance with the help of location
access which is connected to a server. Every organization or an Institute will have a
specific location, according to the location the server needs to connect and
maintained by admin and also there is an image of a student or employee in the
attendance portal which is useful to identify them easily and also reduces the
process of manual attendance has been carried out across almost all educational
Institutions. “Online attendance generator using image and location access”, is
time consuming process and maintained easily with no false remarks. HTML, CSS,
JAVASCRIPT are used as front end, PHP used as backend and MySQL as a
database.
1.1 INTRODUCTION

The “Online attendance generator using image and location access” by integrating
image recognition and location tracking capabilities, the system ensures accurate
attendance records while enhancing security measures. The administrator can
manage all accounts, where the registered users, such as teachers and students, can
only control their own. Teachers can mark students attendance and correct it, if
necessary, as well as identify students who have less attendance than required.
Teachers can view the courses they're teaching and the portions their students are
taking.

At colleges, universities, organizations, schools, and businesses, taking attendance

is one of the most important tasks that must be accomplished on a daily basis. It's
frequently done by hand, such as calling by name or rolls number and on some
places, they use bio-metric system to mark attendance. The main goal of this
project is to maintain the attendance system without any duplicate.

We have added each student's image under their name or initials, and now there
are many students. Instead of checking their register numbers, we can easily
identify students if their photos are available. That's why we are using images for
this purpose. Now, whenever new students join, we ensure to capture their images
for identification purposes. Additionally, when students leave, their details might
get forgotten over time. However, by having their images, it becomes easier to
identify them even if their names have been forgotten. we can also add images for
staff members. As there are many staff members with different names, sometimes
it's difficult to remember everyone's name. However, by associating each staff
member with their image, it becomes easier to identify them.
We use location for individual attendance of students to streamline their attendance
and reduce staff workload. Many students skip classes without permission, making
it difficult to accurately generate attendance percentages for administrative
purposes. By using location, with the help of Prosoftek Ultra Wireless Live
Location Monitor attendance can only be recorded when students are physically
present on campus, thereby ensuring more accurate attendance tracking." This
attendance tracking system is easily applied in a large number of institutions and
colleges. This system operates with relatively few requirements, and testing has
revealed that it has no mistakes and functions flawlessly. Modules for Student
Attendance Management System Our system only has one main interface, which is
for the receptionist. The online attendance management system holds greater
significance in today’s digital society. This technology is being adopted by many
businesses to automatically monitor employee arrival and exit times. 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.
1.2 SYSTEM SPECIFICATION

1.2.1 HARDWARE CONFIGURATION

PROCESSOR : 11th Gen Intel(R) Core (TM) i5

RAM : A Minimum of 512 mg RAM
HARDDISK DRIVE : A Minimum of 40GB Hard disk
MONITOR : 14 NGA Monitor of flat screen
KEYBOARD : 104 Keys Standard

1.2.2 SOFTWARE CONFIGURATION

DEVELOPMENTTOOL : Visual Studio 2022

FRONT END : HTML , CSS , Java Script
BACK END : PHP
DATABASE : MySQL
2. SYSTEM ANALYSIS

2.1 EXISTING SYSTEM

Existing system is a manual entry for the students. Here the attendance
will be carried out in the hand written registers the human efforts is more here. The
retrieval of the information is not as easy as the records are maintained in the hand
written registers unlike regular access control systems that use access cards and a
biometric access control system. The biometric cannot be worked in all the time
and in some times the access card can be missed, to rectify all the problems the
“Online attendance generator using image and location access” is used. These traits
cannot be copied, thus improving the accuracy of identification and authentication.
So, the user finds it difficult to use. An analysis of online systems utilizing
recognition for improved precision and security in educational settings.
 2.2 PROPOSED SYSTEM

This project aims to generate a location-based access to ensure the authenticity of

records. Its helps to maintain our daily based attendance with the help of location
which is connected to an Prosoftek Ultra Wireless Live Location Monitor. The
system provides with the best user interface. The efficient reports can be generated
by using this proposed system. Advantage of this proposed system is to developed
to trouble-free to use and no fake reports can be uploaded. It is a relatively fast
approach to enter attendance is highly reliable, approximate results from user best
user interface efficient reports. It also have a student or employee photos to
identify them when they have a same name and with same date of birth of an
individual. Current trends in virtual attendance tracking and a Comprehensive
Presentation on the Development and Implementation of an Online Attendance
Generator Using Image Recognition and Location Access with is connected to a
specific server.

 Easy to handle and user friendly.

 Cost reduction.
 Fast and convenient.
2.2.1 PROCEDURE:

1. The allow only the registered users to login in manage the attendance of all
students.
2. It requires the necessary details of the student that is student name, roll no,
image, and attendance details with location access.
3. To increase efficiency of managing student attendance.
4. Editing, adding & updating profile is very easy.
5. This is free for users, which does not affect users cost.
6. User only need a smartphone or tablet which has android OS to the work.
2.2.2 ADVANTAGES

Time-consuming and tedious manual data entry

With an automated attendance system, there is no need for manual data entry
as attendance data is automatically recorded, saving time and effort.

Rectifies Human error

Manual attendance tracking is prone to errors, such as incorrect data entry,

incomplete attendance records, or attendance fraud. An automated system
reduces the risk of errors and ensures accurate and reliable attendance data.
Manual attendance tracking can be inefficient, particularly for large
organizations or classes with many students. Automated systems provide a
quick and efficient way to record attendance data for a large number of
people.

Security concerns

Manual attendance tracking can be vulnerable to security breaches or identity

fraud. Automated systems use biometric identification or other secure
methods to ensure that the person present is the person they claim to be.

Avoid issues

Many industries and organizations have legal or regulatory requirements for

attendance tracking. An automated system can help ensure compliance and
avoid legal issues.
2.2.3 DISADVANTAGES
 Only admin can control all the process, students and teachers can only take
or put attendance.
 Complaints can occur.
3. SYSTEM STUDY

3.1 PROJECT INFORMATION

Project Name: “ONLINE ATTENDANCE GENERATOR USING

IMAGE AND LOCATION ACCESS”.

Language/s Used: PHP

PHP version 5.6.3, 7.4.12

(Recommended):

Database: MySQL

Type: Website, Web Application

Developer: IT SOURCE CODE

 3.2 STUDENT LOGIN

User name: The user's name is entered into here and correctly checked to ensure
that there are no errors.

Number

This is where the member's phone number is collected in order to keep them
informed, and it is also used to handle event confirmation.

Email: Emails are collected to inform members about events and new offers. They
are also pertinent for future reference.

Address: When the receptionist registers itself on the system, the user's address is
needed.

Password: To access the system, you must enter a password that consists of an
upper-case letter, a number character, and a special character. A minimum of six
characters must be used in the password. To ensure that no one can access your
account and make any changes, you must make sure the password is challenging.

Entity Attendance: The teacher determines attendance by choosing a segment

from the list. Once the teacher has taken attendance, it can only be corrected
during that week; beyond that, it cannot be corrected. Only their attendance is
visible to them, and they can compute it to be qualified to take the test.
Section name: The teacher's account displays a list of sections, all of which are
those that the teacher teaches. The teacher can record attendance after choosing the
segment.

Roll number: The instructor can indicate the pupils who are presently enrolled
and those who are not by looking at a roll number list. It is not permitted for two
pupils in a section to share a roll number.
 3.3 USERS

There are two users that are present here in this system. One is admin but the
other is a user. This user has all the privileges but it cannot register itself on this
system as the admin needs to verify the registering user. After the admin verifies
the user only then he is eligible to use the system and after that, it has all the
privileges.

Attributes given to the user are

Adding user

Admin can add a new user and can save it. The details of the user can be seen
only by the valid users.
Adding students
In this attribute or column, the user can add the details about the students such as
student name, register number, date of birth, their permanent address, image,
attendance report.
Adding teachers
This entity is about the details of the teachers who are on duty and all other
details of them. The data can be add are subjects that are handled by the
staffs, hours.
Admin panel
There can be only one account of admin. Admin can add the users. When a user
tries to register on the prison management system then the request goes to admin
and if the admin verifies only then the user can register itself on it .Only an admin
can control all the process in the attendance portal, the staffs and students can only
mark their attendance.
Other privileges that admin has been explained below:

● He can log in through his id and password. The password is made very
secure so that no person can guess and make it difficult for hackers to crack.
● He has access to a profile of his own and he can search for detail of other
Users and can see the detail him.
● This admin is responsible for creating and uploading the Menu card to every
User in the Interface.
● He can add a user to that account and give access to handling the prison on
their own.
● He can manipulate the data of any user. In this, we are showing here the
interaction of the users with our system through our use case diagram.
3.4 ATTRIBUTES

Name

To identify the students.

Registration number
A university registration number, also known as a student registration number or
student ID number, is a unique identification number assigned to individual
students when they enroll at a university or college. This number is used to track
and manage a student's academic records, course registration, financial
transactions, and other related activities throughout their time at the institution .The
course number is taken here to keep the member updated and the confirmation of
the event is also managed through this method.
Number of students
They help teachers and administrators identify students who may need assistance
or intervention. Teachers use attendance reports to monitor their student progress
and ensure they are attending school or college or organization or institute
regularly. In this, the number of students that have taken the same course can be
seen.
Use Case Design of Student Attendance Management System:
In this use case, as you can see, we have our system as a box and the users who use
our system are of the kind of outside the box but related to the system.
3.5 TAKING ATTENDANCE

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 with location access, course update,
images 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 and by the admin. This Attendance Management System is a solution
to all the problems related to the attendance, message, courses taken by the
teachers and the students, etc. After submitting the attendance report we are able to
download it as a excel.
3.6 FLOW DIAGRAM

FLOW DIAGRAM FOR STAFF AND STUDENTS

Wed site
On location access

Registration

login

Students and staff

S.no Image Name Reg.no class Attendance

submit
FLOW DIAGRAM FOR ADMINISTRATOR

Web site(local
On location access host)

Registration

login

Can create and Students and staff

manage table

S.no Image Name Reg.no class Attendance

submit
ER DIAGRAM

REGISTER

LOGIN PAGE

VIEW STUDENT

MANAGE ATTENDANCE

TAKE ATTENDANCE

CAN TAKE PRINT AS EXCEL

SHEET
3.7 SAMPLE FLOW CHART:
4. SYSTEM DEVELOPMENT

4.1 FEATURES

As soon as a teacher or a student joins the institution, he/she is requested to

sign up to the online attendance management system. After this, admin is required
to review and approve their account activation.
As their account gets approved, they can access to their account.

● Time consuming
● Reduce manual work
● Easily can Avoid mistakes
● Duplicates are restricted
● Easy to maintain
● Can change according to our convenient
4.2 USER /ACTOR OF SYSTEM

4.2.1 TEACHER

 The admin.
 Teacher can Choose/assigned Multiple lectures.
 Teacher can Manage Multiple lectures multiple students Attendance.
 View the list of students assigned to them.
 Mark attendance after each lecture
 View attendance of each student assigned to them.
 Generate/Download Report of attendance in XL Format
 Check Average Attendance.
 Update Profile
 Profile Pic
 Can upload attendance
4.2.2 STUDENTS

 He/she needs to create an account with the help of admin.

 Students can register himself/herself for Multiple lectures.
 Students can Check Attendance for Multiple lectures.
 Can view their attendance from anywhere around the globe.
 Generate/Download Report of attendance in PDF Format
 Check Average Attendance
 Update Profile
 Upload Profile Pic
 Update Password (encrypted format)
4.3 FRONT END

Front end: HTML, CSS, JavaScript

1. HTML: HTML is used to create and save web document. E.g.

Notepad/Notepad++
2. CSS : (Cascading Style Sheets) Create attractive Layout
3. JavaScript: it is a programming language, commonly use with web
browsers.
4. Bootstrap : for responsive and mobile friendly design.
5. JQuery.
6. Ajax
4.4 BACKEND

Back end: PHP, MySQL

1. PHP: Hypertext Preprocessor (PHP) is a technology that allows software

developers to create dynamically generated web pages, in HTML, XML, or
other document types, as per client request. PHP is open source software.
2. MySQL: MySql is a database, widely used for accessing querying, updating,
and managing data in databases
4.5 FUNCTION AND NON-FUNCTION REQUIREMENTS

Functional Requirements of Student Attendance Management System:

The functional requirement of this is that it does what it is meant for. A functional
requirement describes what a software system should do, while non-functional
requirements place constraints on how the system will do so. Functional
requirements specify a function that a system or system component must be able to
perform.
It can be documented in various ways. The most common ones are written
descriptions in documents and use cases.
A few of its functional requirements are as given below:

● User data should be fed into the system: this system is doing that properly
in the user entity.
● Admin can add the users: Admin can verify and add the user, which is
what they are doing with this system.

Non-Functional Requirements of Student Attendance Management System:

Non-functional necessities square measure the other demand than practical

necessities. These square measures the necessities that specify criteria which will
be wont to choose the operation of a system, instead of specific behaviors. Non-
functional necessities square measure within the style of “system shall be “,
associate degree overall property of the system as a full or of a specific facet and
not a particular operation.
The system’s overall properties remarkably mark the distinction between whether
or not the event project has succeeded or unsuccessful.
Non-functional necessities – are often divided into 2 main categories:

● Execution qualities, like security and usefulness, that square measure

evident at the run time.
● Evolution qualities, like liabilities, maintainability, flexibility, and
quantifiable, that square measure embodied within the static structure of the
code.

Non-functional student attendance management system necessities place

restrictions on the merchandise being developed, the event method, and specify
external constraints that the merchandise should meet. Our project qualifies all the
criteria of functional and not functional accordingly and the system is up to mark
performance vise.
Here we need to take care of few more things before heading towards the system.
The most important feature of the application world is the application’s ease of
usage. the application will easy to use if made while keeping in mind that the user
need not think twice about searching any feature.
Everything should be made distinctive by using the color combination such that
everything needed most frequently highlighted with focus colors. We can use
simple layouts like the card and grid layout etc. By varying color and other UI
combinations, many good intuitive interfaces can be made. Which ultimately
makes the interface easy to use for a long time.
4.6 SOFTWARE REQUIREMENTS (any one)

1. WAMP Server
2. XAMPP Server(Currently using software)
3. MAMP Server
4. LAMP Server

( Make Sure PHP Version 5.6 to 7.1 )

USAGES OF SOFTWARES:

1. XAMPP SERVER:

XAMPP is one of the widely used cross-platform web servers, which

helps developers to create and test their programs on a local webserver. It was
developed by the Apache Friends, and its native source code can be revised or
modified by the audience.

It helps a local host or server to test its website and clients via computers and
laptops before releasing it to the main server. It is a platform that furnishes a
suitable environment to test and verify the working of projects based on Apache,
Perl, MySQL database, and PHP through the system of the host itself.

It consists of Apache HTTP Server, MariaDB, and interpreter for the different
programming languages like PHP and Perl. It is available in 11 languages and
supported by different platforms such as the IA-32 package of Windows & x64
package of macOS and Linux.
 ADVANTAGE:

 One of the main features of XAMPP is that it is the simplest and lightest
local server. XAMPP is an open-source platform.
 It works on all major operating systems like Windows, Mac, Linux, etc.
Being an open-source platform, you can easily download and install it on
your system.
 In comparison to other web servers such as WAMP, it is simple to set up.
 It is Multi Cross-Platform, which implies it works on both Windows and
Linux.
 With a single command, you may start and stop the entire web server and
database stack.
 Both a full and a standard version of XAMPP are available.

2.PHP SERVER:

PHP: Hypertext Preprocessor.

PHP is mainly focused on server-side scripting, so you can do anything

any other CGI program can do, such as collect form data, generate dynamic page
content, or send and receive cookies. But PHP can do much more. There are three
main areas where PHP scripts are used. Server-side scripting. PHP is an open-
source, server-side programming language that can be used to create websites,
applications, customer relationship management systems and more. It is a widely-
used general-purpose language that can be embedded into HTML. This
functionality with HTML means that the PHP language has remained popular with
developers as it helps to simplify HTML code.

Server-side scripting:

Server-side Script is PHP’s main strength. If you are just learning to code and
want to explore server-side scripting, PHP is a great language to learn. To get
cracking with PHP server-side scripting you’ll need to have a PHP parser, web
server and web browser.

Command-line scripting :

Command-line scripting is ideal for scripts made using cron (Linux) or Task
Scheduler (Windows). It is also great for simple text processing.

Writing desktop applications:

PHP is probably not the best language to use to create desktop applications
but for the advanced web developer, it provides you with many more options than
its competitors.

ADVANTAGES:

 It is cross-platform: As mentioned above, PHP can be run on any major

operating system, so you don’t have to worry about compatibility. This also
means that you can work on a project team and not have to worry about
members being able to access code!
 It’s open-source: Open source means that PHP is a free programming
language, so you don’t have to worry about additional costs when building
your project
 Many developers understand it: The longevity of PHP means there’s already
a large community out there to support you, and a large amount of legacy
code to help you get started with projects.
 It works brilliantly with HTML: PHP can help simplify your projects and
works seamlessly with this dominant programming language.
 As a language, it is relatively easy to learn: Because of its simplicity, PHP is
quicker and easier to pick up than some other alternatives.
 There are plenty of tools available: There are tools to help you with just
about anything for PHP, from integration, code hinting, syntax highlighting
and more, there is a lot of support for you.
 It offers great load times for websites: With website performance becoming
more and more tied to speed, PHP’s quick load can really help you succeed.
 Even though PHP has been around for quite some time, it is still used among
some of the world’s most well-known organizations and websites. Below are
just a few of the companies that use it.
 Facebook

 Wikipedia

 WordPress

 Etsy

 Slack
 3. VISUAL STUDIO:

Visual Studio is a powerful developer tool that you can use to complete the
entire development cycle in one place. It is a comprehensive integrated
development environment (IDE) that you can use to write, edit, debug, and
build code, and then deploy your app. Beyond code editing and debugging,
Visual Studio includes compilers, code completion tools, source control,
extensions, and many more features to enhance every stage of the software
development process.
 Workload-based installer - install only what you need
 Powerful coding tools and features - everything you need to build
your apps in one place
 Multiple language support - code in C++, C#, JavaScript, TypeScript,
Python, and more
 Cross-platform development - build apps for any platform
 Version control integration - collaborate on code with team mates
 AI-assisted development - write code more efficiently with AI
assistance

Virtual production, when skillfully executed, delivers outcomes comparable to

traditional production, but with significantly reduced time and expenses. Virtual
Production also makes better cinematic content available to all - mixing virtual and
real worlds. It uses tools like LED walls, augmented reality and special software
like Unreal Engine to create scenes that look stunningly real but are actually
virtually designed. Filmmakers see what they're filming in real time and can create
special effects in the moment without having to add them later This means that
they can capture things like lighting and reflections as they film, which makes the
final product pop
ADVANTAGES:

 Cost Savings
 Improved Visual Quality
 Real-time Adjustments
 Increased Creativity
 Better Workflow
 Enhanced Collaboration
 Increased Flexibility
 Environmentally Friendly
 Future-proofing
 Enhanced Safety
 Produce Content You Otherwise Couldn’t Do
 Low Stress Environment
5.SYSTEM IMPLEMENTATION AND MODULES

5.1 ATTENDANCE REPORT

Here is a detailed look of all the Attendance reports in Zoho People To

access the various Attendance Reports, navigate to Reports on the bottom left
corner of your screen and go to the Organization Reports tab.

 Daily attendance status

 Early/late check-in and check-out

 Employee present/absent status

 Presence hours break-up

 Attendance data for payroll

 Muster roll

 Overtime details
5.2 DAILY ATTENDANCE STATUS

The Daily attendance status report gives an insight into attendance details
of users, presented in a vivid pie chart format. See the number of employees who
are present today, on duty, on leave and employees who are on statutory weekend,
etc. This can be used to monitor head-count, manage daily provisions and so on.
The Employee present/absent status report gives the attendance details of all users
for an entire month. You can cycle through various months using the direction
markers and choose from either day or hour view. The options to filter by period,
view a simple summary, view direct reports data exclusively, and data pertaining to
a particular department, location, etc. If you would like to Export or Download or
Print this report, click on the ellipsis icon and select the desired option.
5.3 ANALYTICAL & REPORTS

You can generate a wide range of reports pertaining to attendance, late log-ins,
overtime, and other topics using an automated system. With this attendance
system online, you can generate reports automatically, and you will be able to
access them with only a few clicks. You can also keep track of late log-ins,
excessive breaks, and so on. Rather than being a time-consuming operation,
preparing a duty roaster in spreadsheets is now obsolete. Some vital characteristics
of an attendance management system will aid in the creation of an effective duty
roaster.
5.4 MODULES AND MODULE DESCRIPTION

 Login
 Admin
 Manage students
 View student
 Manage attendance
 Take attendance
 View attendance
 Today report (xl)

Login:

Logging in is usually used to enter a specific page, website or application,

which trespassers cannot see. Once the user is logged in, the login token may be
used to track what actions the user has taken while connected to the site.

Admin:

An admin panel enables administrators of an application, website, or IT

system to manage its configurations, settings, content, and features and carry out
oversight functions critical to the business. It allows them to view the state of the
platform and take any action in the performance of their duties.
MANAGE ATTENDANCE:

A student management system stores and tracks students' workload, personal

information, grades, record, and more. It's a means of streamlining the work and
tracking all the data generated by a student, consolidating everything into one
system rather than multiple records.

View student:

The data are collected from tha data base and stored in the view student. Here
the details of the student are stored such as (name, image, roll no, class,
attendance) can be viewed.

Manage attendance:

Attendance Management keeps track of your employee hours. It is the

system you use to document the time your employees work and the time they take
off. Attendance Management can be done by recording employee hours on paper,
using spreadsheets, punching time cards, or using online attendance software.

Taking attendance:

Make a record of who is present, with a help of location access.

View attendance:

Can able to see the number of students present and absent in an working area
or in an organization.
Today report(excel):

Excel is a spreadsheet program from Microsoft and a component of its Office

product group for business applications. Microsoft Excel enables users to format,
organize and calculate data in a spreadsheet.
6.CONCLUSION

The "online attendance generator using image and location access" aims to
revolutionize traditional attendance tracking methods by incorporating technology
to ensure accuracy and reliability. This project not only simplifies the attendance
process but also adds an extra layer of security through location-based verification.
The automation of attendance management has resulted in time and cost savings
for organization. Human resources can now focus on more strategic tasks rather
than spending valuable time on manual attendance tracking.
 7.APPENDICES

7.1 SAMPLE CODIN

LOGIN:

**Log on to codeastro.com for more projects!**

**Database Name : attendancemsystem**

**Developed by Sodiq Ahmed**

**Recommended PHP Version 5.6 and Newer**

**Admin Login Details**

Email : admin@mail.com

Password: Password@123

**Teacher Login Details**

Email : jwood@mail.com

Password: pass123
 **Default password for teacher’s account: pass123**

CREATE STUDENT:

<?php

error_reporting(0);

include ‘../Includes/dbcon.php’;

include ‘../Includes/session.php’;

//----------------------------------
SAVE---------------------------------------------------------------------------------

If(isset($_POST[‘save’])){

$className=$_POST[‘className’];

$query=mysqli_query($conn,”select * from tblclass where className

=’$className’”);

$ret=mysqli_fetch_array($query);

If($ret > 0){

 $statusMsg = “<div class=’alert alert-danger’ style=’margin-
right:700px;’>This class Already Exists!</div>”;

else{

$query=mysqli_query($conn,”insert into tblclass(className) value

(‘$className’)”);

if ($query) {

$statusMsg = “<div class=’alert alert-success’ style=’margin-

right:700px;’>created successfully!</div>”;

else

$statusMsg = “<div class=’alert alert-danger’ style=’margin-

right:700px;’>An erro occurred!<r/div>”;

}
CREATE TEACHER:

If(isset($_POST[‘save’])){

$firstName=$_POST[‘firstName’];

$lastName=$_POST[‘lastName’];

$otherName=$_post[‘otherName’];

$admissionNumber=$_POST[‘admissionNumber’ ];

$classId=$_POST[‘classId’];

$classArmId=$_POST[’classArmId’];

$dateCreated = date(“Y-m-d”);

$query=mysqli_query($conn,”select * from tblstudents where

admissionNumber=’$admissionNumber’”);

$ret=mysqli_fetch_aarray($query);

If($ret > 0){

else{
 $query=mysqli_query($conn,’insert into
tblstudents(firstName,lastName,otherName,admissionNumber,password,

classId,classArmId ateCreated)

Value(‘$firstName’,’$lastname’,’$otherName’,’$admissionNumber’,’12345

’,’$classId’,’$classArmId’,’$dateCreated’)”);

If ($query) {

$statusMsg = “<div class=’alert alert-success’ style=’margin-

right:700px;’>Created Successfully!</div>”;

else

$statusMsg = “<div class=’alert alert-danger’ style=’margin-right:

700px;’>An error Occurred!</div>”;

ADMIN:
 <header>
<h1>Online Attendance Management System 1.0</h1>
<div class="navbar">
<a href="index.php">Home</a>
<a href="students.php">Students</a>
<a href="report.php">My Report</a>
<a href="account.php">My Account</a>

<a href="../logout.php">Logout</a> </div>

if($_SESSION['name']!='oasis')
{ header('location: ../index.php');
}
if($_SESSION['name']!='oasis')
{ header('location: ../index.php');
}

DATA TABLE:

Table.dataTable {
clear: both;
margin-top: 6px !important;
 margin-bottom: 6px !important;
max-width: none !important;
border-collapse: separate !important;
border-spacing: 0;
}
Table.dataTable td,
Table.dataTable th {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
Table.dataTable td.dataTables_empty,

table.dataTable th.dataTables_empty {

text-align: center;

table.dataTable.nowrap th,

table.dataTable.nowrap td {

white-space: nowrap;

div.dataTables_wrapper div.dataTables_length label {

font-weight: normal;
 text-align: left;

white-space: nowrap;

div.dataTables_wrapper div.dataTables_length select {

width: auto;

display: inline-block;

BOOTSTRAP:

--blue: #6777EF;

--indigo: #6610f2;

--purple: #6f42c1;

--pink: #e83e8c;

--red: #fc544b;

--orange: #fd7e14;

--yellow: #ffa426;

--green: #66bb6a;

--teal: #20c9a6;
 --cyan: #3abaf4;

--white: #fff;

--gray: #757575;

--gray-dark: #5a5c69;

--primary: #6777EF;

--secondary: #757575;

--success: #66bb6a;

--info: #3abaf4;

--warning: #ffa426;

--danger: #fc544b;

--light: #e3eaef;

--dark: #5a5c69;

--breakpoint-xs: 0;

--breakpoint-sm: 576px;

--breakpoint-md: 768px;

--breakpoint-lg: 992px;

FORGET PASSWORD:

<?php
include 'Includes/dbcon.php';

session_start();

?>

<!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, shrink-

to-fit=no">

<meta name="description" content="">

<meta name="author" content="">

<link href="img/logo/attnlg.jpg" rel="icon">

<title>RuangAdmin - Login</title>

<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type=

"text/css">

<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type=

"text/css">

<link href="css/ruang-admin.min.css" rel="stylesheet">

</head>

<body class="bg-gradient-login">

<!-- Login Content -->

<div class="container-login">

<div class="row justify-content-center">

<div class="col-xl-10 col-lg-12 col-md-9">

<div class="card shadow-sm my-5">

<div class="card-body p-0">

<div class="row">

<div class="col-lg-12">

<div class="login-form">

<div class="text-center">

<img src="img/logo/attnlg.jpg" style="width:100px;height:100px">

<br><br>

<h1 class="h4 text-gray-900 mb-4">Forgot Password

LOGOUT:

<?php

session_start();

session_destroy(); // destroy session

echo "<script type = \"text/javascript\">

window.location = (\"../index.php\");

</script>";

?>
SAMPLE DESIGN PAGES OF ONLINE ATTENDANCE GENERATOR
USING IMAGE AND LOCATION ACCESS
ADMINISTRATOR:
CREATE CLASS:
EDIT PAGE BY ADMIN:
ATTENDANCE PAGE:
TAKE ATTENDANCE:
VIEW ATTENDANCE:
DOWNLOAD UPDATES IN EXCEL: