DAAS – DESKTOP AS A SERVICE for Multi-user

Environment

SECURE TRACK

CB19511-INNOVATIVE PROJECT REPORT

submitted by

STUDENT1JAISURYA G -
201401020201982920202

MAARCUS RENIERO LSTUDENT2 --

201401027201982920202

MITESH R - 201401030

in partial fulfilment for the award of the degree

of

BACHELOR OF TECHNOLOGY

IN

COMPUTER SCIENCE AND BUSINESS SYSTEMS

RAJALAKSHMI ENGINEERING COLLEGE

CHENNAI – 602 105.

1
NOV 2022

2
 BONAFIDE CERTIFICATE

Certified that this CB19511-Innovative Project Report on “DAAS –

DESKTOP AS A SERVICE for Multi-user EnvironmentSecure Track” is
the bonafide work of “JAISURYA G (201401020), MAARCUS RENIERO L
(201401027), MITESH R (201401030)”“STUDENT1(201982920202),
STUDENT2 (201982920202)" who carried out the project work under my
supervision.

SIGNATURE SIGNATURE

Mr. K.SUDHARSON, M.E.,(Ph.D) Dr. K.DEVAKI, M.E.,Ph.D.,

SUPERVISOR HEAD OF THE DEPARTMENT

ASSISTANT PROFESSOR PROFESSOR

Department of Computer Science and Department of Computer Science and

Business Systems Business Systems

Rajalakshmi Engineering College Rajalakshmi Engineering College

Thandalam,Chennai. Thandalam,Chennai.

Submitted to Project and Viva-Voce Examination held on _________________

INTERNAL EXAMINER EXTERNAL EXAMINER

3
 ACKNOWLEDGEMENT

I wish to express my gratitude to the Chairperson Dr. THANGAM

MEGANATHAN and the Principal Dr. S.N. MURUGESAN, Rajalakshmi
Engineering College, who have enlightened my life quality and discipline along
with academic focus.

I express my earnest and deep sense of gratitude to Dr. K. DEVAKI, Professor

and Head, Department of Computer Science and Business Systems, who had
always stood as a moral support and guided me tirelessly with their valuable
ideas along with constant encouragement to shine as a good technologist
throughout the period of study.

I owe my sincere regards to my project guide, Mr._________________,

Assistant Professor (SG), Rajalakshmi Engineering College, for his complete
support, guidance and encouragement throughout the process of carrying out
this internship.

I sincerely thank my project supervisor Mr. K.SUDHARSON, Assistant

Professor (SG), Rajalakshmi Engineering College, for allowing me to work in
lab and providing all facilities to complete the project. I am grateful to him for
his able guidance, timely suggestions and instructive supervision. It would have
been impossible to complete the project without her guidance and support. The
sincere cooperation of the whole lab was invaluable.

I wish to avail myself of this opportunity to thank my beloved parents and

friends for their continuous interesting my progress and constant support.

Above all, my prayers to Lord Almighty for having showered his blessings on
me to make all my endeavours.

4
Above all, my prayers to Lord Almighty for having showered his blessings on

me to make all my endeavors.

5
 ABSTRACT

Vehicle tracking is one of the most important techniques mostly used in today’s
world. A vehicle tracking system works with the installation of a tracking
device which is kept inside vehicles, so it allows the user or an owner to track
the vehicle’s location. Now a day’s vehicle tracking systems are normally work
on Global Positioning System (GPS) technology for tracing the vehicle, but
other forms of vehicle tracing technology can also be used.
Virtualization is technology that lets you create useful IT services using
resources that are traditionally bound to hardware. It allows you to use a
physical machine's full capacity by distributing its capabilities among many
users or environments. We proposed DAAS (DESKTOP AS A SERVICE in
Multi-user Environment) is a intranet-based In order to ensure the safety of
those who commute everydayevery day to work or school, this project involves
tracking buses and vans. It has a fingerprint reader and a GPS receiver built
inside a cloud application. The GPS module will receive the coordinates of the
location where the vehicle is, and it will send each coordinate to cloud storage
so that the ML algorithm can learn the routes that are frequently used to drop
off people. It will also help in alerting the institutions or companies if it
discovers any anomalies. The fingerprint reader is used to notify the office or
school whether or not that specific person has boarded the vehicle. When it
comes to the software, The parent (in the case of children) and staff members
will have an app that informs them of the location of the transportation they use,
as well as a web dashboard that is watched over by the organization/institution.
In this paper, study is done on a real-time vehicle tracking system that works
using GPS and RFID technology, which would be the easiest and inexpensive
source of vehicle tracking.

6
remote tracking environment. DAAS ensuring quality of service, security, and
monitoring of client progress has been proposed. The main contribution of this
paper is to develop a reference model with the help two protocols namely
RFBR(Remote Frame Buffer Protocol) and RDP(Remote Display Protocol)
which may help the server to monitor the client system activities and even to
control the client through remote messages; It can be sent to the control
message to the client. DAAS is an administrative tool that is platform
independent, which is designed to facilitate the system administrators to install
software and troubleshoot the problems from the server side.

7
 TABLE OF CONTENTS
CHAPTER TITLE PAGE NO
1. INTRODUCTION

2. ABSTRACT

3. LITERATURE SURVEY

4. ABOUT THE PROJECT

4.1 PROJECT SCOPE

4.2 PROJECT METHODOLOGY

4.3 PROPOSED SOLUTION

5. SYSTEM ANALYSIS

5.1 INTRODUCTION

5.2 PROBLEM STATEMENT

5.3 OVERVIEW OF THE EXISTING SYSTEM

6. SYSTEM IMPLEMENTATION

5.1 INTRODUCTION

5.2 SYSTEM ARCHITECTURE

5.3 SYSTEM REQUIREMENTS SPECIFICATION

5.4 MODULE 1 – AUTHENTICATION

5.5 MODULE 2 – HOME PAGE

5.6 MODULE 3 – FLEET MANAGEMENT

5.4 MODULE 4 – ROUTE MANAGEMENT

8
 5.5 MODULE 5 – CREW MANAGEMENT

7. CONCLUSION AND FUTURE ENHANCEMENT

8. REFERENCES

9
Introduction

Keeping the busy schedule of the parents in mind it is not possible to aid the
child in his/her transport to and from the institution. Private transport being the
only option for institutions and due to the numerous buses to accommodate every
student it is difficult to focus on students’ safety and comfort on an individual
level. Apart from the student's safety, there are minor issues faced by the students
such as lack of seats, the irregular arrival time of the bus during both morning and
evening, bus attendance not getting marked by anyone, reaching late due to poor
route choices. This issue puts an added burden on the parents and raises concerns
about the child’s safety.

Disregarding these minor problems, looking at the serious problems we have

bus accidents occurring on a regular basis, and an even more serious issue being
bus hijacking or abduction of students from the bus. It is not fair to blame the bus
drivers as they may not be able to monitor students inside the school bus
constantly. A school bus can accommodate around 50-60 students at once which
means it is the responsibility of the institution to care for each of their safety till
they reach their homes.

Examining all of the above issues we can say that safety is one factor we
cannot compromise on and it is the institution's responsibility to provide quality
and safety to the students, neglecting these responsibilities can tarnish the
reputation of the institution. Keeping all of this in mind we have introduced
solutions for all major and minor problems faced by students as well as parents. All
of this is done by the use of a simple application for the parents and a dashboard

1
for the institution. With this user-friendly app, the student as well as the parent has
access to all the necessary information regarding the bus.

2
Abstract

In order to ensure the safety of those who commute everyday to work or school,
this project involves tracking buses and vans. It has a fingerprint reader and a GPS
receiver built inside a cloud application. The GPS module will receive the
coordinates of the location where the vehicle is, and it will send each coordinate to
cloud storage so that the ML algorithm can learn the routes that are frequently used
to drop off people. It will also help in alerting the institutions or companies if it
discovers any anomalies. The fingerprint reader is used to notify the office or
school whether or not that specific person has boarded the vehicle. When it comes
to the software, The parent (in the case of children) and staff members will have an
app that informs them of the location of the transportation they use, as well as a
web dashboard that is watched over by the organization/institution.

3
Literature Survey

There are many vehicle tracking systems being developed in the developed and
developing countries. These embedded systems with their array of hardware
modules have been included into lots of public and private vehicles in the urban
Termsarea. Terms used widely to locate a transport are geolocation, radio location,
and position location. Before automatic vehicle tracking systems came into play,
passive tracking systems were developed for fleet management. Tracking systems
were first developed for the shipping industry to track Incargo. In this system, a
hardware device will be installed in a vehicle that will store the GPS location and
the speed at which the transport goes. After the vehicle reaches a specific point, the
device is removed and the data collected by the device is transferred to the
computer. Muruganandham and P.R. Mukesh proposed a system that uses
GSM/GPRS modem and GPS system to provided real time tracking over the
internet by TCP/IP connection through Java applications developed specifically for
it. External databases are used to maintain the tracking details. Even these systems
have auto transfer variation that transfers data wirelessly but the system was real-
time. So, these systems aren’t useful for theft prevention or accidents, etc. Hence
real-time tracking systems were required that can send the collected information
about the vehicle at regular intervals of time via satellite networks to remote data
centers.

4
Project Scope

The transporter is primarily responsible for the children's safety while being
transported on a school bus. The institute and the parents can both be informed of
the vehicle's whereabouts thanks to the CSTD. It also accomplishes a plethora of
other goals. Every student's transportation entails thoughtful trip planning and
routing. These must be properly planned out to ensure that the students get where
they are going on time and, of course, securely. The school management software
includes CSTD so that it is simple to keep track of each driver's needs. It is
convenient to map out routes using data from prior journeys. The school
administration can easily analyze the upcoming schedule and the upcoming
modification thanks to a thorough study of the time spent travelling, the routes
taken, trips completed, and much more. The manual time and effort required for
rerouting and rescheduling are greatly reduced. Additionally, all deviations along a
single route, including reckless driving or any other issue, can be watched in real-
time to take corrective action. When you install the GPS-enabled CSTD Software,
you can get static and live tracking updates. When parents and the institution can
see how the children are getting to and from the school, they both feel the most
secure. Access personalized reports based on your needs to learn whether a vehicle
has been driving too fast, diverting from the path, or making an unauthorized stop.
You may also see if the vehicle spent an excessive amount of time standing still in
one place.

5
Project Methodology:
To ensure the safety of those who commute every day to work or school, this
system involves tracking transport. It has an RFID and a GPS receiver built inside
a web application as well as a mobile application. The GPS module will be used
for the below

● Receive the coordinates of the location where the vehicle is, and it
will send each coordinate to cloud storage so that the ML algorithm
can learn the routes that are frequently used to drop off people.

Used to let both the operators and users notify where their transport is.

Help in alerting the institutions if it discovers any anomalies. The RFID module is
used to notify the office or school whether or not that specific person has boarded
the vehicle.

Proposed Solution:

The systems intends main purpose is to do develop a web application that

will allow the operators to monitor and view the position of the transport on the
map at any given point of ,time, the location is live and keep updating with the
movement in the vehicle. Secondly, we can register drivers along with their
personal and emergency contact information and assign buses to them. and alsothe
same can be done in the vehicle side that is we can add new transports to the
existing list in order to keep the data up to date,. The system gives an alert to the
operators if the transport deviates from the original preregistered route under a

6
certain radius. To avoid premature emergency calls we use machine learning to set
up a main route and also few alternate routes that cover the same areas.

7
System Analysis

Introduction

Problem Statement

In today’s fast-paced work it is becoming increasingly difficult in bus transit for

day-to-day work. There is always uncertainty about the ETA of busses and safety
is always a big question mark. We are aware of the schedule of the buses but not
the actual location and ETA of buses in real-time which becomes an issue when
one is running late. Additionally increasing crime rates makes institutional buses
unreliable concerning safety. This is a problem we aim to solve

Overview of the existing system

The previous existing system was aimed at disseminating information available to

management and users of the bus service. The system consists of three modules
namely, data logging system (tracking hardware), web-mapping application and
mobile application. The tracking hardware (made up of an Arduino Uno
Microcontroller, a SIM 900 GSM/GPRS module and a GPS shield) is placed on a
mini bus to log the coordinates into a database. A web server calls the data and
plots it on an embedded Google map. Administrator can view the location of the
mini bus on a Web page, register drivers as well as assign mini buses to them. The
location of the shuttle can be viewed on an Android phone by users. The distance
between the shuttle’s position and the position of the user can be determined. The
route can be traced on the map for users to see.

8
Disadvantages
The disadvantages present in this existing system is that it limits its use to the
institution alone and does not provide any service to the student nor the parent.
Although they use live tracking it serves minimal purpose and is only used to know
current location of the vehicle by the institution. The existing app does not have a
user friendly interface to be used by the parent as well the parent.

9
System Implementation

Introduction

The system implementation is to brief about every technical aspect used for
the system. The major goal of system implementation is to understand the technical
aspects of the system

System Architecture

Technological Stack

React

React, also known as React.js or ReactJS is a free and open-source front-end

JavaScript library for building user interfaces based on UI components. It is
maintained by Meta (formerly Facebook) and a community of individual
developers and companies. React can be used as a base in the development of
single-page, mobile, or server-rendered applications with frameworks like Next.js.
However, React is only concerned with state management and rendering that state
to the DOM, so creating React applications usually requires the use of additional
libraries for routing, as well as certain client-side functionality.

Firebase

Firebase is a set of hosting services for any type of application (Android, iOS,
Javascript, Node.js, Java, Unity, PHP, C++ ...). It offers NoSQL and real-time
hosting of databases, content, social authentication (Google, Facebook, Twitter and
Github), and notifications, or services, such as a real-time communication server.

10
Firebase provides tools to grow your app and business, for startups & global
enterprises. Get your app up and running quickly & securely with fully managed
backend infrastructure.

System Requirements Specification

All Modules (Paste Code)

Authentication

Initially, the user finds the signup page, if it is the users first time using the
webpage. Following this, he is required to enter his email and provided password
to access the facilities of the website. If the user has already finished the signup,
he/she can log in to the website.

Source Code

Sign In Component

import React, {useState} from "react";

import {Link, useNavigate} from "react-router-dom";

import {Alert, FormGroup, Grid, Paper, TextField} from "@mui/material";

import '../../css/Credentials.css'
import {useUserAuth} from "../../firebase/UserAuthContext";

export function SignIn() {

const [email, setEmail] = useState("");

const [password, setPassword] = useState("");
const [error, setError] = useState("");

const { signIn } = useUserAuth();

const navigate = useNavigate();

const handleSubmit = async (e) => {

e.preventDefault();
setError("")

11
 try {
await signIn(email, password);
navigate("/home")
} catch (err) {
setError(err.message)
}
}

return (
<div className="login">
<Grid>
<Paper elevation={10} className="paper">
<div className="header">
<h3>Sign In</h3>
<div className="no-account">
<Link to="/signup">I don't have an account</Link>
</div>
</div>
<div className="alert-section">
{error && <Alert color="error">{ error }</Alert>}
</div>
<form onSubmit={handleSubmit}>
<FormGroup>
<TextField id="outlined-basic" label="Email"
type="email" variant="outlined" required
className="validation" onChange={(e) =>
setEmail(e.target.value)}/>
</FormGroup>
<br/>
<FormGroup>
<TextField id="outlined-basic" label="Password"
type="password" variant="outlined" required
className="validation" onChange={(e) =>
setPassword(e.target.value)}/>
</FormGroup>
<br />
<button type="submit" className="continue-button">
<span>Sign In</span>
</button>
</form>
</Paper>
</Grid>
</div>
)
}

Sign Up Component

import React, {useState} from "react";

import { Link, useNavigate } from "react-router-dom";

import {Alert, FormGroup, Grid, Paper, TextField} from "@mui/material";

import {useUserAuth} from "../../firebase/UserAuthContext";

12
import '../../css/Credentials.css'

export function SignUp() {

const [email, setEmail] = useState("");

const [password, setPassword] = useState("");
const [error, setError] = useState("");

const { signUp } = useUserAuth();

const navigate = useNavigate();

const handleSubmit = async (e) => {

e.preventDefault();
setError("")
try {
await signUp(email, password);
navigate("/home")
} catch (err) {
setError(err.message)
}
}

return (
<div className="login">
<Grid>
<Paper elevation={10} className="paper">
<div className="header">
<h3>Sign Up</h3>
<div className="no-account">
<Link to="/">I have an account</Link>
</div>
</div>
<div className="alert-section">
{error && <Alert color="error">{ error }</Alert>}
</div>
<form onSubmit={handleSubmit}>
<FormGroup>
<TextField id="outlined-basic" label="Email"
type="email" variant="outlined"
className="validation" onChange={(e) =>
setEmail(e.target.value)}/>
</FormGroup>
<br/>
<FormGroup>
<TextField id="outlined-basic" label="Password"
type="password" variant="outlined"
className="validation" onChange={(e) =>
setPassword(e.target.value)}/>
</FormGroup>
<br />
<button type="submit" className="continue-button">
<span>Sign In</span>
</button>
</form>
</Paper>

13
 </Grid>
</div>
)
}

Home Page

After logging in you will be directed to the home page which shows the number of
buses operating and the number of buses that are not operating. It also displays the
number of buses in accordance with following the established bus routes. They are
categorized into three categories on the level of alerts, green alert, orange alert and
red alert. These three alerts are on decreasing level of deviating of bus route from
the predefined route. Scrolling down you can find the live location of all the buses.
You can view the location of the bus by selecting them from the drop-down menu.

import React from "react";

import {Card} from "@mui/material";

import '../css/Home.css';
export function Home () {

const borderStyle = {
"border-radius": "20px"
}

return (
<div>
<Sidebar />
<Card style={borderStyle} className="home-top-section-card"
elevation={10}>
<BusCount />
<AlertSection />
</Card>
</div>
)
}

Bus Count Module

import React, {useState} from "react";

import '../../css/BusCount.css'
import AnimatedNumbers from "react-animated-numbers";
import {Card} from "@mui/material";

14
export function BusCount() {

const [operating, setOperating] = useState(45);

const [notOperating, setNotOperating] = useState(5);

return (
<>
<div className="busCount-section">
<Card className="live-feeds" style={{backgroundColor:
"#4aea5a"}} elevation={20}>
<h1 className="bus-count">
<AnimatedNumbers className="animated-container"
animateToNumber={operating}
fontStyle={{ fontSize: 40 }}
configs={(number, index) => {
return { mass: 1, tension: 230 *
(index + 1), friction: 140 };
}}
></AnimatedNumbers>
</h1>
<h2>Buses operating today</h2>
<br/>
</Card>
<Card className="not-operating" style={{backgroundColor:
"#ea9595"}} elevation={20}>
<h1 className="bus-count">
<AnimatedNumbers className="animated-container"
animateToNumber={notOperating}
fontStyle={{ fontSize: 40 }}
configs={(number, index) => {
return { mass: 1, tension: 230 * (index + 1),
friction: 140 };
}}
></AnimatedNumbers>
</h1>
<h2>Buses not operating</h2>
<br/>
</Card>
</div>
</>
)
}

Alert Section Module

import React from "react";

import {Button, Card, CardActions, CardContent, Typography} from

"@mui/material";

import '../../css/AlertSection.css';
import '../../css/Sidebar.css';

import AnimatedNumbers from "react-animated-numbers";

import {Link} from "react-router-dom";

15
export function AlertSection() {

const borderRadiusStyle = {
"border-radius": "15px"
}

const fontStyle = {
"font-weight": "900"
}

const headingStyle = {
"padding-top": "10px"
}

// eslint-disable-next-line
const [greenAlertBusCount, setGreenAlertBusCount] = React.useState(45);
// eslint-disable-next-line
const [orangeAlertBusCount, setOrangeAlertBusCount] = React.useState(30);
// eslint-disable-next-line
const [redAlertBusCount, setRedAlertBusCount] = React.useState(6);

return (
<>
<div className="alert-section">
<Card style={borderRadiusStyle} sx={{minWidth: 275}}
className="card" elevation={20}>
<CardContent className="card-content-style green-alert">
<Typography variant="h4" component="div"
style={fontStyle}>
<div className="card-content-style green-alert">
<AnimatedNumbers className="animated-
container"

animateToNumber={greenAlertBusCount}
fontStyle={{ fontSize: 40 }}
configs={(number, index) => {
return { mass: 1,
tension: 230 * (index + 1), friction: 140 };
}}
></AnimatedNumbers>
</div>
</Typography>
<Typography variant="h4" component="div"
style={headingStyle}>
Green Alert
</Typography>
</CardContent>

<CardActions className="card-content-style green-alert">

<Button variant="text" size="large" className="button-
style">
<Link to="/green-alert" className="alert-table">
More Info
</Link>
</Button>

16
 </CardActions>
</Card>
<Card style={borderRadiusStyle} sx={{minWidth: 275}}
className="card" elevation={20}>
<CardContent className="card-content-style orange-alert">
<Typography variant="h4" component="div"
style={fontStyle}>
<div className="card-content-style orange-alert">
<AnimatedNumbers className="animated-
container"

animateToNumber={orangeAlertBusCount}
fontStyle={{ fontSize: 40 }}
configs={(number, index) => {
return { mass: 1,
tension: 230 * (index + 1), friction: 140 };
}}
></AnimatedNumbers>
</div>
</Typography>
<Typography style={headingStyle} component="div"
variant="h4">
Orange Alert
</Typography>
</CardContent>
<CardActions className="card-content-style orange-alert">
<Button variant="text" size="large" className="button-
style">
<Link to="/orange-alert" className="alert-table">
More Info
</Link>
</Button>
</CardActions>
</Card>
<Card style={borderRadiusStyle} sx={{minWidth: 275}}
className="card" elevation={20}>
<CardContent className="card-content-style red-alert">
<Typography variant="h4" component="div"
style={fontStyle}>
<div className="card-content-style red-alert">
<AnimatedNumbers className="animated-
container"

animateToNumber={redAlertBusCount}
fontStyle={{ fontSize: 40 }}
configs={(number, index) => {
return { mass: 1,
tension: 230 * (index + 1), friction: 140 };
}}
></AnimatedNumbers>
</div>
</Typography>
<Typography variant="h4" component="div"
style={headingStyle}>
Red Alert
</Typography>
</CardContent>

17
 <CardActions className="card-content-style red-alert">
<Button variant="text" size="large" className="button-
style">
<Link to="/red-alert" className="alert-table">
More info
</Link>
</Button>
</CardActions>
</Card>
</div>
</>
)
}

Crew Management Page

Crew Management contains the information of all the bus drivers and other crew
members involved in the management of the bus. Here you can find contact info
addresses and other emergency details needed in case of need. It is the duty of the
driver to ensure the safety of the students during their time on the road thus we
consider it important to monitor and keep details of the drivers.

Source Code

import React from "react";

import {Sidebar} from "../components/Sidebar/Sidebar";
import {FleetDataGrid} from "../components/FleetManagement/FleetDataGrid";
import {Card, FormControl, Grid} from "@mui/material";

export function CrewManagement() {

const borderStyle = {
"border-radius": "30px"
}

return (
<>
<Sidebar />
<div className="fleet-management-section">
<Grid>
<Card style={borderStyle}>
<div className="fleet-card">
<FormControl>
<div>
<FleetDataGrid />

18
 </div>
</FormControl>
</div>
</Card>
</Grid>
</div>
</>
)
}

FleetDataGrid Component

import React from "react";

import { GridComponent, ColumnDirective, ColumnsDirective } from

"@syncfusion/ej2-react-grids";

import {dataSource} from "./Data";

import '../../css/FleetDataGrid.css';

export function FleetDataGrid() {

return (
<>
<div>
<GridComponent dataSource={dataSource}>
<ColumnsDirective>
<ColumnDirective field="OrderID" headerText="Invoice
ID" textAlign="Right" width="100" />
<ColumnDirective field="CustomerId"
headerText="Customer ID" width="150" />
<ColumnDirective field="ShipCountry" headerText="Ship
Country" />
<ColumnDirective field="ShipName" headerText="Ship
Name" />
<ColumnDirective field="Freight" textAlign="Right"
format="C2" width="100" />
</ColumnsDirective>
</GridComponent>
</div>
</>
)
}

Fleet Management Page

19
Fleet management comprises all the essential details of the buses along with their
conditions. This includes the live location of the buses at any given point in time. It
also gives you detailed info about the bus route history and its stops and also
details about the students who board the bus. It is essential to note the bus details
such as the insurance expiry date owner information and petrol consumption which
is also noted here.

Source Code

import React from "react";

import {Sidebar} from "../components/Sidebar/Sidebar";
import { Card, FormControl, Grid } from "@mui/material";
import '../css/FleetManagement.css'
import {FleetDataGrid} from "../components/FleetManagement/FleetDataGrid";

export function FleetManagement() {

const borderStyle = {
"border-radius": "30px"
}

return (
<>
<Sidebar />
<div className="fleet-management-section">
<Grid>
<Card style={borderStyle}>
<div className="fleet-card">
<FormControl>
<div>
<FleetDataGrid />
</div>
</FormControl>
</div>
</Card>
</Grid>
</div>
</>
)
}

Route Management Page

20
Route Management constitutes a predefined route for all buses. These routes are
considered the most optimal routes that cover all the destination spots in the least
amount of time. Using machine learning we have also updated the routes with an
emergency reroute in circumstances where the usual route cannot be used, so the
driver can use this alternate route, if necessary, without triggering an alert to the
institution. Only when the bus has deviated far from the route which is registered
the alert will be triggered and the institution will be notified along with the police.

Source Code

import React from "react";

import {Sidebar} from "../components/Sidebar/Sidebar";
import {FleetDataGrid} from "../components/FleetManagement/FleetDataGrid";
import {Card, FormControl, Grid} from "@mui/material";
import '../css/FleetManagement.css';

export function RouteManagement() {

const borderStyle = {
"border-radius": "30px"
}

return (
<div>
<Sidebar />
<div className="fleet-management-section">
<Grid>
<Card style={borderStyle}>
<div className="fleet-card">
<FormControl>
<div>
<FleetDataGrid />
</div>
</FormControl>
</div>
</Card>
</Grid>
</div>
</div>
)
}

21
Conclusions and Future Enhancements

The safety of the students has always been important and with the busy schedule of the parents, it
is even more crucial to be able to ensure the safety of their children. Not only is there a need to
contact the child it is also pertinent to be able to locate one's child at any given point in time.

Secure Track is designed solely based on this particular problem regarding the safety of the
students. It is used by both the student/parent and the institution. The design is very user-friendly
and helps parents understand and use it better.

In the future, this project has a lot of potential and room for more enhancements. We will begin
with the app for the parent side which lets them in on the services provided by the system. .they
will be able to locate their child and also gain other information such as the time and location he
got on and of the bus and whether he has got a seat and so on.

References

22