ONLINE HOSTEL

MANAGEMENT
SYSTEM

MINI PROJECT REPORT

Submitted by

SAI DEORE
SAI AKKAR

In partial fulfilment of the requirements for the

Degree of
BBA C.A
In

Bachelor of Computer Application

Mahatma Gandhi Vidyamandir M.S.G. College

Loknete Vyankatrao Hire road Malegao camp
Tal: Malegaon Dist: Nashik, Pincode: 423105

JANUARY 2023
 DEPARTMENT OF BBA C.A.
M.S.G COLLEGE MALEGAON

CERTIFICATE

Certified that this is a bonafide record of the project

work entitled
“ONLINE HOSTEL MANAGEMENTSYSTEM”
done by the following students

SAI RAMSING DEORE (1022000122)

SAI SUDHIR AKKAR (1022000116)

Of the Vth semester, Bachelor of Computer Application in the year 2023 in

partial fulfilment of the requirements to the award of Degree Bachelor of
BBA C.A. of MSG College Malegaon.

Mr. D.J. Deore Mr.NandKumar Mali

Head of the Department Project Guide

Place:Malegaon
Date:23/01/23
 ACKNOWLEDGEMENT

Here we gladly present this project report on “ONLINE

HOSTEL MANAGEMENT SYSTEM” as part of the 5th semester BCA. At this
time of submitting this report we use this opportunity to mention those people who
are with us along the work. We take this occasion to thank God, almighty for
blessing us with his grace and taking our endeavour to a successful culmination.
We extend our sincere and heartfelt thanks to our esteemed guide, Mrs.Preetha.S
for providing us with the right guidance and advice at the crucial junctures and for
showing us the right way. We extend our sincere thanks to our respected Head Of
the Department Mr. Pramod Pavithran, for allowing us to use the facilities
available. We would like to thank the other faculty members also, at this occasion.
Last but not the least; we would like to thank friends for the support and
encouragement they have given us during the course of our work.

Submitted by

SAI DEORE

SAI AKKAR
 ABSTRACT

“ONLINE HOSTEL MANAGEMENT SYSTEM” is software developed for

managing various activities in the hostel. For the past few years the number of
educational

institutions are increasing rapidly. Thereby the number of hostels is also increasing
for the accommodation of the students studying in this institution. And hence there
is a lot of strain on the person who is running the hostel and software’s are not
usually used in this context. This particular project deals with the problems of
managing a hostel and avoids the problems which occur when carried manually.
Identification of the drawbacks of the existing system leads to the designing of a
computerised system that will be compatible with the existing system with the
system which is more user friendly and more GUI oriented. We can improve the
efficiency of the system, thus overcoming the drawbacks of the existing system.
 LIST OF FIGURES

3.1 DFD for hostel management system 17

3.2 DFD for student module 17

3.3 DFD for registration purpose 18

3.4 DFD for sec module 18

3.5 DFD for admin module 19

3.6 DFD vacation purpose 20

LIST OF TABLES

3.1Database table for student application 22

3.2Database table for mess fee calculation 23
3.3Database table for fee payment status 23
3.4Database table for student vacation register 24

LIST OF ABBREVIATIONS

1. DFD - Data Flow Diagram

2. GUI -Graphical User Interface

 TABLE OF CONTENTS

ABSTRACT i
LIST OF TABLES ii
LIST OF FIGURES iii
LIST OF SYMBOLS iii
1. INTRODUCTION 07
1.1 PROJECT OVERVIEW 07
1.2 PROJECT OBJECTIVES 08
2. SYSTEM ANALYSIS 09
2.1 EXISTING SYSTEM 09
2.1PROPOSED SYSTEM 10
3. FEASIBILITY STUDY 11
3.1 TECHNICAL FEASIBILITY 11
3.2 ECONOMIC FEASIBILITY 11
3.3 OPERATIONAL FEASIBILITY 12
4. REQUIREMENT ANALYSIS AND SPECIFICATION 13
4.1 HARDWARE CONFIGURATION 13

4.2 SOFTWARE CONFIGURATION 14

5. SYSTEM DESIGN 14
5.1APPLICATION OVERVIEW 15
5.1 DATA FLOW DIAGRAM 15
5.2 DATABASE DESIGN (TABLE 20
STRUCTURE)
6. SYSTEM IMPLEMENTATION 23
STRUCTURE
6.1 SYSTEM IMPLEMENTATION 23
6.2 SYSTEM TESTING 24
7. CONCLUSION 26
REFERENCES 27
APPENDIX 28
1 SOURCE CODE 28
2 SAMPLE SCREEN SHOT 44
CHAPTER 1
INTRODUCTION

PROJECT OVERVIEW

The online hostel management system is web based software to provide

college students accommodation to the university hostel more efficiently.
This project also keeps details of the hostellers and applied students. It is
headed by Warden. He will be the administrator. To accommodate a large
number of students into a hostel.

This document is intended to minimise human works and make hostel

allocation an easier job for cusat students and hostel authorities by
providing online application for hostel, automatically select the students
from the waiting list and mess calculation, complaint registration, notice
board etc. etc. Students will get approval notification in their mails.
Hostellers can view the notice board, hostel fee, mess menu by login into
the online system.
PROJECT OBJECTIVES

● Maintain the students as hostellers and waiting list

students separately
● Process allotment list.
● Admin can send the approval notification to every
approved student via email .
● Automatically insert student’s details to the
hosteller’s record when the allotment is confirmed
by the admin and deleted when vacation is
confirmed or after the course end date.
● Students can register their complaints.
● Admin can edit the notice board and each student can
view it.
● Hostel secretary can calculate hostel fee including
mess fee and can edit mess menu
● Hostellers can check the status of every month’s hostel
fee
CHAPTER 2
SYSTEM ANALYSIS
EXISTING SYSTEM

The existing system is manual based and needs a

lot of effort and consumes enough time. In the existing
system we can apply for the hostels online but the allotment
processes are done manually. It may lead to corruptions in
the allocation process as well as hostel fee calculation. The
existing system does not deal with mess calculation and
complaint registration.

DISADVANTAGES:

● More human power

● More strength and strain of manual labour needed
● Repetition of the same procedure.
● Low security.
● Data redundancy.
● Difficulty to handle.
● Difficulty to
update data.
Record keeping is
difficult.
● Backup data can be easily generated.
PROPOSED SYSTEM

The proposed system has many advantages over the existing

system. It requires less overhead and is very efficient. The
proposed system deals with the mess calculation and allotment
process efficiently
CHAPTER 3

FEASIBILITY STUDY

TECHNICAL FEASIBILITY

The technical feasibility in the proposed system deals with

the technology used in the system. It deals with the hardware and
software used in the system whether they are of the latest
technology or not. It happens that after a system is prepared a
new technology arises and the user wants the system based on
that technology. This system uses the internet as a platform,
HTML CSS JS as front end technology and MySQL server as
backend technology. Thus ONLINE HOSTEL MANAGEMENT
SYSTEM is technically feasible.

ECONOMICAL FEASIBILITY
Economic analysis is the most frequently used
method for evaluating the effectiveness of a new system. More
commonly known as cost/benefit analysis.HTML JS and MySQL
database easily available in internet

OPERATIONAL FEASIBILITY
The project has been developed in such a way that it
becomes very easy even for a person with little computer
knowledge to operate it. This software is very user friendly and
does not require any technical person to operate .Thus the project
is even operationally feasible.
 REQUIREMENT ANALYSIS AND SPECIFICATION

Functions and features delivered to the

end users The end users of the proposed

system are:

Administrator module:
In the administrator module administrator manages the master data’s like
server details and student details. Accept the application of students, view
the application forms, reject the fake applications, view the complaints of
the students in the hostel, accept the vacating form and delete from the
database, edit the notice boards .

Student Module:
In the student module, they can Submit application forms, change
passwords, check status, view notice boards, view monthly hostel fees
and submit the vacating form.
HARDWARE CONFIGURATION
The section of hardware configuration is an important task
related to the software development; insufficient random access memory
may adversely affect the speed and efficiency of the entire system. The
process should be powerful enough to handle the entire operation. The
hard disk should have sufficient capacity to store the file and application.

Processor : Core i3 and above

Processor speed : 1.4 GHz Onwards

System memory : 128 Mb minimum 256 Mb recommended

Cache size : 512 KB

RAM : 1 GB(Minimum)

Network card : Any card can provide a

100mbps speed Network connection : UTP or Coaxial

cable connection

Printer : Inkjet/Laser Color printer provides at least 1000

Dpi

Hard disk : 80Gb

Monitor : SVGA Colour 15”

Mouse : 104 keys US Key Serial, USB or PS/2

Modem : 56.6 Kbps

 SOFTWARE CONFIGURATION

A major element in building a system is the section of compatible

software since the software in the market is experiencing geometric
progression. Selected software should be acceptable by the firm and one
user as well as it should be feasible for the system.

This document gives a detailed description of the software requirement

specification. The study of requirement specification is focused especially
on the functioning of the system. It allows the developer or analyst to
understand the system, function to be carried out, the performance level to
be obtained and corresponding interfaces to be established.

Front end tool : Visual Studio Code Editor

Backend : MySQL XAMPP Server

Operating system : Windows 10

Client Side : HTML, CSS , JS

CHAPTER 4
SYSTEM DESIGN

The system design is divided into two portions. The Administrator

section and student section
.
1 Administrator
1.The Administrator can allot different students to the different hostels.
2.He can vacate the students for the hostels.
3.He can control the status of the fee payment.
4.He can edit the details of the students. He can change their rooms, edit and
delete the student records.

5. He can edit the news board.

6. He can check the complaints.

. In input data design, we design the source document that

capture the data and then select the media used to enter them
into the computer. There are two major approaches for entering
data into the computer. They are
·Menus.
·Dialog Boxes.
DATA FLOW DIAGRAMS
Fig 3.4 DFD for Admin module
 DATABASE DESIGN (TABLE STRUCTURE)

NAME TYPE
NAME VARCHAR
GENDER VARCHAR
DOB DATE
ADDRESS NCHAR
PINCODE INT
DISTRICT VARCHAR
LANDLINE NUMBER INT
MOBILE NUMBER INT
NAME & ADDRESS OF
NCHAR
PARENT OR GUARDIAN
PARENT’S PHONE NUMBER INT
EMAIL ID NCHAR
RELIGION VARCHAR
CAST VARCHAR
DISTANCE IN KILOMETRE FLOAT
COMMUNAL RESERVATION CHAR
PHYSICALLY CHAR
HANDICAPPED
FOREIGN STUDENT CHAR
COURSE OF STUDY CHAR
NATURE OF STUDY NCHAR
DEPARTMENT NCHAR
DATE OF ADMISSION TO DATE
COURSE
EXPECTED DATE OF DATE
COMPLETION OF COURSE
DATE FROM ADMISSION DATE
REQUIRES
FELLOWSHIPS ANY CHAR
RECEIVED
FELLOWSHIP DETAILS VARCHAR
PHOTO IMAGE
SIGN IMAGE
THUMB IMPRESSION IMAGE
USERNAME NCHAR
PASSWORD NCHAR
CONFIRM PASSWORD NCHAR

Table 3.1 Database table for student

CHAPTER 5

SYSTEM IMPLEMENTATION AND TESTING

SYSTEM IMPLEMENTATION
Implementation is the stage in the project where the theoretical design is turned
into a working system and is giving confidence on the new system for the users
that it will work efficiently and effectively. It involves careful planning,
investigation of the current system and its constraints on implementation,
design of methods to achieve the change over, and evaluation of change over
methods. Apart from planning, major tasks of preparing the implementation are
education and training of users. The implementation process begins with
preparing a plan for the implementation of the system. According to this plan,
the activities are to be carried out, discussions made regarding the equipment
and resources and the additional equipment has to be acquired to implement the
new system. In a network backup system no additional resources are needed.
Implementation is the final and the most important phase. The most critical
stage in achieving a successful new system is giving the users confidence that
the new system will work and be effective. The system can be implemented
only after thorough testing is done and if it is found to be working according to
the specification. This method also offers the greatest security since the old
system can take over if errors are found or inability to handle certain types of
transactions while using the new system.
CHAPTER 6

SYSTEM TESTING

As part of system testing we execute the program with the intent of finding
errors and missing operations and also a complete verification to determine
whether the objectives are met and the user requirements are satisfied. The
ultimate aim is quality assurance.
Tests are carried out and the results are compared with the expected
document. In the case of erroneous results, debugging is done. Using detailed
testing strategies a test plan is carried out on each module. The various tests
performed are unit testing, integration testing and user acceptance testing.

Unit Testing
The software units in the system are modules and routines that are
assembled and integrated to perform a specific function. As a part of unit
testing we executed the program for individual modules independently. This
enables, to detect errors in coding and logic that are contained within each of
the three modules. This testing includes entering data that is filling forms and
ascertaining if the value matches to the type and entered into the database. The
various controls are tested to ensure that each performs its action as required.

Integration Testing
Data can be lost across any interface, one module can have an adverse
effect on another, sub functions when combined, may not produce the desired
major functions. Integration testing is a systematic testing to discover errors
associated within the interface. The objective is to take unit tested modules and
build a program structure. All the modules are combined and tested as a whole.
Here the admin module, sec module and student module options are integrated
and tested. This testing provides the assurance that the application is a well
integrated functional unit with smooth transition of data.
User Acceptance Testing
User acceptance of a system is the key factor for the success of any
system. The system under consideration is tested for user acceptance by
constantly keeping the records of applicants and making changes to the details
and password whenever required.
 CONCLUSION

To conclude the description about the project The project, developed

using HTML CSS JS and MySQL SERVER is based on the requirement
specification of the user and the analysis of the existing system, with
flexibility for future enhancement.
ONLINE HOSTEL MANAGEMENT SYSTEM is very useful for hostel
management. This hostel management software is designed for people who
want to manage various activities in the hostel. For the past few years the
numbers of educational institutions are increasing rapidly. Thereby the numbers
of hostels are also increasing for the accommodation of the students studying in
this institution. And hence there is a lot of strain on the person who is running
the hostel and software’s are not usually used in this context. This particular
project deals with the problems of managing a hostel and avoids the problems
which occur when carried manually.
Identification of the drawbacks of the existing system leads to the
designing of a computerised system that will be compatible with the existing
system with the system which is more user friendly and more GUI oriented.
REFERENCES

● Youtube : https://www.youtube.com/

● HTML Documentation : https://html.com/

● Javascript Documentation : https://devdocs.io/javascript/

● PHP and MySQL Documentation

● Chrome

● GFG : https://www.geeksforgeeks.org
Code:

Index.PHP File
<?php
session_start();
include('includes/dbconn.php');
if(isset($_POST['login']))
{
$email=$_POST['email'];
$password=$_POST['password'];
$password = md5($password);
$stmt=$mysqli->prepare("SELECT email,password,id FROM userregistration
WHERE email=? and password=? ");
$stmt->bind_param('ss',$email,$password);
$stmt->execute();
$stmt -> bind_result($email,$password,$id);
$rs=$stmt->fetch();
$stmt->close();
$_SESSION['id']=$id;
$_SESSION['login']=$email;
$uip=$_SERVER['REMOTE_ADDR'];
$ldate=date('d/m/Y h:i:s', time());
if($rs){
$uid=$_SESSION['id'];
$uemail=$_SESSION['login'];
$ip=$_SERVER['REMOTE_ADDR'];
$geopluginURL='http://www.geoplugin.net/php.gp?ip='.$ip;
$add Details Are = unserialize(file_get_contents($geopluginURL));
$city = $addrDetailsArr['geoplugin_city'];
$country = $addrDetailsArr['geoplugin_countryName'];
$log="insert into userLog(userId,userEmail,userIp,city,country)
values('$uid','$uemail','$ip','$city','$country')";
$mysqli->query($log);
if($log){
header("location:student/dashboard.php");
}
} else {
echo "<script>alert('Sorry, Invalid Username/Email or
Password!');</script>";
}
}
?>

<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">`
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16"
href="assets/images/favicon.png">
<title>Hostel Management System</title>
<!-- Custom CSS -->
<link href="dist/css/style.min.css" rel="stylesheet">

<script type="text/javascript">
function valid() {
if(document.registration.password.value!=
document.registration.cpassword.value){
alert("Password and Re-Type Password Field do not match !!");
document.registration.cpassword.focus();
return false;
}
return true;
}
</script>

</head>

<body>
<div class="main-wrapper">
<!--
==========================================================
==== -->
<!-- Preloader - style you can find in spinners.css -->
<!--
==========================================================
==== -->
<div class="preloader">
<div class="lds-ripple">
<div class="lds-pos"></div>
<div class="lds-pos"></div>
</div>
</div>
 <!--
==========================================================
==== -->
<!-- Preloader - style you can find in spinners.css -->
<!--
==========================================================
==== -->

<!--
==========================================================
==== -->
<!-- Login box.scss -->
<!--
==========================================================
==== -->
<div class="auth-wrapper d-flex no-block justify-content-center
align-items-center position-relative"
style="background:url(../assets/images/big/auth-bg.jpg) no-repeat center
center;">
<div class="auth-box row">
<div class="col-lg-7 col-md-5 modal-bg-img"
style="background-image: url(assets/images/hostel-img.jpg);">
</div>
<div class="col-lg-5 col-md-7 bg-white">
<div class="p-3">
<div class="text-center">
<img src="assets/images/big/icon.png" alt="wrapkit">
</div>
<h2 class="mt-3 text-center">Student Login</h2>

<form class="mt-4" method="POST">

<div class="row">
<div class="col-lg-12">
<div class="form-group">
<label class="text-dark" for="uname">Email</label>
<input class="form-control" name="email" id="uname"
type="email"
placeholder="Enter your email" required>
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label class="text-dark" for="pwd">Password</label>
<input class="form-control" name="password" id="pwd"
type="password"
placeholder="Enter your password" required>
 </div>
</div>
<div class="col-lg-12 text-center">
<button type="submit" name="login" class="btn btn-block
btn-dark">LOGIN</button>
</div>
<div class="col-lg-12 text-center mt-5">
<a href="admin/index.php" class="text-danger">Go to
Admin Panel</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>

<!--
==========================================================
==== -->
<!-- Login box.scss -->
<!--
==========================================================
==== -->
</div>
<!--
==========================================================
==== -->
<!-- All Required js -->
<!--
==========================================================
==== -->
<script src="assets/libs/jquery/dist/jquery.min.js "></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="assets/libs/popper.js/dist/umd/popper.min.js "></script>
<script src="assets/libs/bootstrap/dist/js/bootstrap.min.js "></script>
<!--
==========================================================
==== -->
<!-- This page plugin js -->
<!--
==========================================================
==== -->
<script>
$(".preloader ").fadeOut();
</script>
</body>

</html>

Profile.PHP Code

<?php
session_start();
include('../includes/dbconn.php');
include('../includes/check-login.php');
check_login();

if(isset($_POST['update'])){
$email=$_POST['emailid'];
$aid=$_SESSION['id'];
$udate=date('Y-m-d');
$query="UPDATE admin set email=?,updation_date=? where id=?";
$stmt = $mysqli->prepare($query);
$rc=$stmt->bind_param('ssi',$email,$udate,$aid);
$stmt->execute();
echo"<script>alert('Email id has been successfully updated');</script>";
}

?>

<!DOCTYPE html>
<html dir="ltr" lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16"
href="../assets/images/favicon.png">
<title>Hostel Management System</title>
<!-- Custom CSS -->
<link href="../assets/extra-libs/c3/c3.min.css" rel="stylesheet">
<link href="../assets/libs/chartist/dist/chartist.min.css" rel="stylesheet">
<!-- This page plugin CSS -->
 <link
href="../assets/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css"
rel="stylesheet">
<!-- Custom CSS -->
<link href="../dist/css/style.min.css" rel="stylesheet">

</head>

<body>
<!--
==========================================================
==== -->
<!-- Preloader - style you can find in spinners.css -->
<!--
==========================================================
==== -->
<div class="preloader">
<div class="lds-ripple">
<div class="lds-pos"></div>
<div class="lds-pos"></div>
</div>
</div>
<!--
==========================================================
==== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!--
==========================================================
==== -->
<div id="main-wrapper" data-theme="light" data-layout="vertical"
data-navbarbg="skin6" data-sidebartype="full"
data-sidebar-position="fixed" data-header-position="fixed"
data-boxed-layout="full">
<!--
==========================================================
==== -->
<!-- Topbar header - style you can find in pages.scss -->
<!--
==========================================================
==== -->
<header class="topbar" data-navbarbg="skin6">
<?php include 'includes/navigation.php'?>
</header>
<!--
==========================================================
==== -->
 <!-- End Topbar header -->
<!--
==========================================================
==== -->
<!--
==========================================================
==== -->
<!-- Left Sidebar - style you can find in sidebar.scss -->
<!--
==========================================================
==== -->
<aside class="left-sidebar" data-sidebarbg="skin6">
<!-- Sidebar scroll-->
<div class="scroll-sidebar" data-sidebarbg="skin6">
<?php include 'includes/sidebar.php'?>
</div>
<!-- End Sidebar scroll-->
</aside>
<!--
==========================================================
==== -->
<!-- End Left Sidebar - style you can find in sidebar.scss -->
<!--
==========================================================
==== -->
<!--
==========================================================
==== -->
<!-- Page wrapper -->
<!--
==========================================================
==== -->
<div class="page-wrapper">
<!--
==========================================================
==== -->
<!-- Bread crumb and right sidebar toggle -->
<!--
==========================================================
==== -->
<div class="page-breadcrumb">
<div class="row">
<div class="col-7 align-self-center">
<h4 class="page-title text-truncate text-dark font-weight-medium
mb-1">My Profile</h4>
<div class="d-flex align-items-center">
 <h6 class="card-subtitle"><code>You cannot make changes in
username and registered date!</code> </h6>
</div>
</div>

</div>

</div>
<!--
==========================================================
==== -->
<!-- End Bread crumb and right sidebar toggle -->
<!--
==========================================================
==== -->
<!--
==========================================================
==== -->
<!-- Container fluid -->
<!--
==========================================================
==== -->
<div class="container-fluid">

<form method="POST">

<div class="row">

<?php
$aid=$_SESSION['id'];
$ret="SELECT * from admin where id=?";
$stmt= $mysqli->prepare($ret) ;
$stmt->bind_param('i',$aid);
$stmt->execute() ;//ok
$res=$stmt->get_result();
//$cnt=1;
while($row=$res->fetch_object())
{
?>

<div class="col-sm-12 col-md-6 col-lg-4">

<div class="card">
<div class="card-body">
<h4 class="card-title">Username</h4>
 <div class="form-group">
<input type="text" value="<?php echo
$row->username;?>" disabled class="form-control">
</div>

</div>
</div>
</div>

<div class="col-sm-12 col-md-6 col-lg-4">

<div class="card">
<div class="card-body">
<h4 class="card-title">Email ID</h4>
<div class="form-group">
<input type="email" class="form-control"
name="emailid" id="emailid" value="<?php echo $row->email;?>"
required="required">
</div>

</div>
</div>
</div>

<div class="col-sm-12 col-md-6 col-lg-4">

<div class="card">
<div class="card-body">
<h4 class="card-title">Registered Account On</h4>
<div class="form-group">
<input type="text" class="form-control"
value="<?php echo $row->reg_date;?>" disabled>
</div>
</div>
</div>
</div>

<h6 class="card-subtitle"><code>Last Updated On: </code>

<?php echo $row->updation_date;?> </h6>

<?php } ?>

</div>
 <div class="form-actions">
<div class="text-center">
<button type="submit" name="update" class="btn
btn-success">Make Changes</button>
<button type="reset" class="btn btn-danger">Reset</button>
</div>
</div>

</form>

</div>
<!--
==========================================================
==== -->
<!-- End Container fluid -->
<!--
==========================================================
==== -->
<!--
==========================================================
==== -->
<!-- footer -->
<!--
==========================================================
==== -->
<?php include '../includes/footer.php' ?>
<!--
==========================================================
==== -->
<!-- End footer -->
<!--
==========================================================
==== -->
</div>
<!--
==========================================================
==== -->
<!-- End Page wrapper -->
<!--
==========================================================
==== -->
</div>
<!--
==========================================================
==== -->
 <!-- End Wrapper -->
<!--
==========================================================
==== -->
<!-- End Wrapper -->
<!--
==========================================================
==== -->
<!-- All Jquery -->
<!--
==========================================================
==== -->
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
<script src="../assets/libs/popper.js/dist/umd/popper.min.js"></script>
<script src="../assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- apps -->
<!-- apps -->
<script src="../dist/js/app-style-switcher.js"></script>
<script src="../dist/js/feather.min.js"></script>
<script
src="../assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
<script src="../dist/js/sidebarmenu.js"></script>
<!--Custom JavaScript -->
<script src="../dist/js/custom.min.js"></script>
<!--This page JavaScript -->
<script src="../assets/extra-libs/c3/d3.min.js"></script>
<script src="../assets/extra-libs/c3/c3.min.js"></script>
<script src="../assets/libs/chartist/dist/chartist.min.js"></script>
<script
src="../assets/libs/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.min.js"></scr
ipt>
<script src="../dist/js/pages/dashboards/dashboard1.min.js"></script>
<script
src="../assets/extra-libs/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../dist/js/pages/datatable/datatable-basic.init.js"></script>

</body>

</html>

Admin.PHP Code file

<?php
session_start();
include('../includes/dbconn.php');
include('../includes/check-login.php');
check_login();
?>

<!DOCTYPE html>
<html dir="ltr" lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16"
href="../assets/images/favicon.png">
<title>Hostel Management System</title>
<!-- Custom CSS -->
<link href="../assets/extra-libs/c3/c3.min.css" rel="stylesheet">
<link href="../assets/libs/chartist/dist/chartist.min.css" rel="stylesheet">
<link href="../assets/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css"
rel="stylesheet">
<!-- Custom CSS -->
<link href="../dist/css/style.min.css" rel="stylesheet">

</head>

<body>
<!--
==========================================================
==== -->
<!-- Preloader - style you can find in spinners.css -->
<!--
==========================================================
==== -->
<div class="preloader">
<div class="lds-ripple">
<div class="lds-pos"></div>
<div class="lds-pos"></div>
</div>
</div>
<!--
==========================================================
==== -->
<!-- Main wrapper - style you can find in pages.scss -->
 <!--
==========================================================
==== -->
<div id="main-wrapper" data-theme="light" data-layout="vertical"
data-navbarbg="skin6" data-sidebartype="full"
data-sidebar-position="fixed" data-header-position="fixed"
data-boxed-layout="full">
<!--
==========================================================
==== -->
<!-- Topbar header - style you can find in pages.scss -->
<!--
==========================================================
==== -->
<header class="topbar" data-navbarbg="skin6">
<?php include 'includes/navigation.php'?>
</header>
<!--
==========================================================
==== -->
<!-- End Topbar header -->
<!--
==========================================================
==== -->
<!--
==========================================================
==== -->
<!-- Left Sidebar - style you can find in sidebar.scss -->
<!--
==========================================================
==== -->
<aside class="left-sidebar" data-sidebarbg="skin6">
<!-- Sidebar scroll-->
<div class="scroll-sidebar" data-sidebarbg="skin6">
<?php include 'includes/sidebar.php'?>
</div>
<!-- End Sidebar scroll-->
</aside>
<!--
==========================================================
==== -->
<!-- End Left Sidebar - style you can find in sidebar.scss -->
<!--
==========================================================
==== -->
 <!--
==========================================================
==== -->
<!-- Page wrapper -->
<!--
==========================================================
==== -->
<div class="page-wrapper">
<!--
==========================================================
==== -->
<!-- Bread crumb and right sidebar toggle -->
<!--
==========================================================
==== -->
<div class="page-breadcrumb">
<div class="row">
<div class="col-7 align-self-center">
<?php include 'includes/greetings-a.php'?>
<div class="d-flex align-items-center">
<!-- <nav aria-label="breadcrumb">

</nav> -->
</div>
</div>

</div>
</div>
<!--
==========================================================
==== -->
<!-- End Bread crumb and right sidebar toggle -->
<!--
==========================================================
==== -->
<!--
==========================================================
==== -->
<!-- Container fluid -->
<!--
==========================================================
==== -->
<div class="container-fluid">
<!--
*************************************************************** -->
<!-- Start First Cards -->
 <!--
*************************************************************** -->
<div class="card-group">
<div class="card border-right">
<div class="card-body">
<div class="d-flex d-lg-flex d-md-block align-items-center">
<div>
<div class="d-inline-flex align-items-center">
<h2 class="text-dark mb-1 font-weight-medium"><?php
include 'counters/student-count.php'?></h2>

</div>
<h6 class="text-muted font-weight-normal mb-0 w-100
text-truncate">Registered Students</h6>
</div>
<div class="ml-auto mt-md-3 mt-lg-0">
<span class="opacity-7 text-muted"><i
data-feather="user-plus"></i></span>
</div>
</div>
</div>
</div>
<div class="card border-right">
<div class="card-body">
<div class="d-flex d-lg-flex d-md-block align-items-center">
<div>
<h2 class="text-dark mb-1 w-100 text-truncate
font-weight-medium"><?php include 'counters/room-count.php'?></h2>
<h6 class="text-muted font-weight-normal mb-0 w-100
text-truncate">Total Rooms
</h6>
</div>
<div class="ml-auto mt-md-3 mt-lg-0">
<span class="opacity-7 text-muted"><i
data-feather="grid"></i></span>
</div>
</div>
</div>
</div>
<div class="card border-right">
<div class="card-body">
<div class="d-flex d-lg-flex d-md-block align-items-center">
<div>
<div class="d-inline-flex align-items-center">
<h2 class="text-dark mb-1 font-weight-medium"><?php
include 'counters/booked-count.php'?></h2>
 </div>
<h6 class="text-muted font-weight-normal mb-0 w-100
text-truncate">Booked Rooms</h6>
</div>
<div class="ml-auto mt-md-3 mt-lg-0">
<span class="opacity-7 text-muted"><i
data-feather="book-open"></i></span>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="d-flex d-lg-flex d-md-block align-items-center">
<div>
<h2 class="text-dark mb-1 font-weight-medium"><?php
include 'counters/course-count.php'?></h2>
<h6 class="text-muted font-weight-normal mb-0 w-100
text-truncate">Featured Courses</h6>
</div>
<div class="ml-auto mt-md-3 mt-lg-0">
<span class="opacity-7 text-muted"><i
data-feather="globe"></i></span>
</div>
</div>
</div>
</div>
</div>
<!--
*************************************************************** -->
<!-- End First Cards -->
<!--
*************************************************************** -->

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

<div class="card-body">

<div class="table-responsive">
<table id="zero_config" class="table table-striped
table-bordered no-wrap">
<thead>
<tr>
<th scope="col">#</th>
 <!-- <th scope="col">User ID</th> -->
<th scope="col">Student's Email</th>
<th scope="col">Last Activity</th>
</tr>
</thead>
<tbody>
<?php
$aid=$_SESSION['id'];
$ret="SELECT * from userlog ORDER BY loginTime
DESC";
$stmt= $mysqli->prepare($ret) ;
$stmt->execute() ;
$res=$stmt->get_result();
$cnt=1;
while($row=$res->fetch_object()) {
?>
<tr><td><?php echo $cnt;;?></td>
<!-- <td><?php echo $row->userId;?></td> -->
<td><?php echo $row->userEmail;?></td>
<td><?php echo $row->loginTime;?></td>
</tr>
<?php
$cnt=$cnt+1;
} ?>

</tbody>
</table>
</div>

</div>

</div>
</div>

</div>
<!--
==========================================================
==== -->
<!-- End Container fluid -->
<!--
==========================================================
==== -->
 <!--
==========================================================
==== -->
<!-- footer -->
<!--
==========================================================
==== -->
<?php include '../includes/footer.php' ?>
<!--
==========================================================
==== -->
<!-- End footer -->
<!--
==========================================================
==== -->
</div>
<!--
==========================================================
==== -->
<!-- End Page wrapper -->
<!--
==========================================================
==== -->
</div>
<!--
==========================================================
==== -->
<!-- End Wrapper -->
<!--
==========================================================
==== -->
<!-- End Wrapper -->
<!--
==========================================================
==== -->
<!-- All Jquery -->
<!--
==========================================================
==== -->
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
<script src="../assets/libs/popper.js/dist/umd/popper.min.js"></script>
<script src="../assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- apps -->
<!-- apps -->
<script src="../dist/js/app-style-switcher.js"></script>
<script src="../dist/js/feather.min.js"></script>
 <script
src="../assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
<script src="../dist/js/sidebarmenu.js"></script>
<!--Custom JavaScript -->
<script src="../dist/js/custom.min.js"></script>
<!--This page JavaScript -->
<script src="../assets/extra-libs/c3/d3.min.js"></script>
<script src="../assets/extra-libs/c3/c3.min.js"></script>
<script src="../assets/libs/chartist/dist/chartist.min.js"></script>
<script
src="../assets/libs/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.min.js"></scr
ipt>
<script src="../dist/js/pages/dashboards/dashboard1.min.js"></script>
<script
src="../assets/extra-libs/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../dist/js/pages/datatable/datatable-basic.init.js"></script>
</body>

</html>
OUTPUT:

Admin Section:
Student Section:
Database Section: