ONLINE FIRE REPORTING SYSTEM 2022-2023

Bangalore University
Project Report
on
ONLINE FIRE REPORTING
SYSTEM

Submitted in partial fulfillment of the requirement for the award of degree in

Bachelor of Computer Applications during the
Academic year 2022-2023
Submitted by

1) 20YUSB7010 [CHANDANA R M]
2) 20YUSB7047 [SOMA NAVYA SREE]

Under the guidance of

Prof. CHETAN B S

Acharya Bangalore B-School

Andrahalli Main Road, Off Magadi Road,
Bengaluru - 560 091, Karnataka, India

DEPARTMENT OF COMPUTER SCIENCE Page 1

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Acharya Bangalore B-School

Department of Computer Science - BCA

Certificate
This is to certify that CHANDANA RM and SOMA NAVYA SREE bearing Reg. No
20YUSB7010, 20YUSB7047 has satisfactorily completed the project entitled ONLINE FIRE
REPORTING SYSTEM under the guidance and supervision of Mr. CHETAN BS Assistant
Professor in partial fulfillment of V Semester BCA course as prescribed by Bangalore
University, Bangalore in our college during the academic year 2022-2023.

Project Guide Head of the Department

(Mr. Chetan BS) (Mr. Praveen Kumar V)

Examiners

1………………………….

2…………………………..

DEPARTMENT OF COMPUTER SCIENCE Page 2

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Acknowledgement
I articulate my sincere gratitude to all those who helped me in making this venture a grand
success, without whose constructive criticism as well as words of inspiration this project of
mine would not have seen the light.

I take this opportunity to thank Dr. VijayaBhaskar K, Principal, Acharya Bangalore B-

School, for permitting me to undertake this project as part of my curriculum.

I would like to mention my sincere gratitude to Mr. Praveen Kumar V, Head of the
Department, BCA, for the constructive criticism and guidance and for the encouragement
that has been a source of inspiration for me.

I would like to express my gratitude to my internal guide Mr.Chetan BS, Department of

Computer Science for giving me the valuable information and advices that helped me a lot
for the successful completion of my project work.

Last but not the least, my thanks goes to my parents, GOD and friends whose support and
enthusiasm helped me greatly to make the project work a memorable event.

CHANDANA R M
[20YUSB7010]

SOMA NAVYA SREE

[20YUSB7047]

DEPARTMENT OF COMPUTER SCIENCE Page 3

ONLINE FIRE REPORTING SYSTEM 2022-2023

INDEX

Chapter No. Particulars Page No.

01 Introduction 5-7
1.1 Introduction
1.2 Statement of Problem
1.3 Objective of the Study
1.4 Scope of the Study
1.5 Feasibility Study
02 System Study 8 - 13
2.1 Existing System
2.2 Limitations Of the Existing System
2.3 Proposed System
2.4 Advantages Of Proposed System
2.5 Modules
2.6 System Analysis
2.7 Methodology
03 System Design and Development 14 - 60
3.1 ER Diagram
3.2 DF Diagram
3.3 Structured Chart
3.4 Database Design
3.5 Code
04 System Implementation 61 - 63
4.1 Hardware and Software Requirements
4.2 Testing

05 Session with Software 64 - 74

5.1 Screenshots
06 Conclusion 75 - 77
6.1 Conclusion
6.2 Future Enhancement
6.3 References

DEPARTMENT OF COMPUTER SCIENCE Page 4

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Chapter -1
Introduction

1.1 INTRODUCTION

1.2 STATEMENT OF PROBLEM

1.3 OBJECTIVE OF THE STUDY

1.4 SCOPE OF THE STUDY

1.5 FEASIBILITY STUDY

DEPARTMENT OF COMPUTER SCIENCE Page 5

 ONLINE FIRE REPORTING SYSTEM 2022-2023

1.1 INTRODUCTION:
Online Fire Reporting System is a web-based application. This application is used to report fire incidents
immediately.

In Online Fire Reporting System, we use Python and Sqlite database. This is the project which keeps
records of Fire Fighter Team. Online Fire Reporting System has two modules i.e., admin and users.

User Module
Users can visit the website and report any fire incidents.
Users can also track the fire incident reporting Status.

Admin Module
Admin will be the user of this project who can control the whole website.

 Dashboard: In this section, the admin can briefly view information about fire incidents.
 Teams: In this section, admin can manage Teams (Add/Update/Delete).
 Reports: In this section, the admin can view fire incidents in a particular period and also search
the fire reporting/incidents.
 Website Setting: In this section, the admin changes the setting of a website like logos contents,
etc.
 Admin can also manage own profile.
 Admin can also recover their own password.

1.2 STATEMENT OF PROBLEM:

The problem with the current fire reporting system is that it is primarily manual, which can result in
delays in reporting and receiving help. This can lead to further damage, loss of property, and potentially,
loss of life. There is also a lack of centralized data collection, making it difficult to track fire incidents,
analyze trends, and plan preventative measures. An online fire reporting system would streamline the
reporting process, provide real-time updates, and centralize data collection, improving response times
and overall fire safety.

1.3 OBJECTIVE OF THE STUDY:

 To provide a platform for the public to easily report fire incidents and emergencies.
 To streamline the fire reporting process and reduce response times by automating the collection
of information.
 To increase the efficiency and accuracy of fire reporting by allowing incidents to be reported
directly through a website or mobile application.
 To improve communication and collaboration between the public, fire department and other
emergency responders by providing real-time information.

DEPARTMENT OF COMPUTER SCIENCE Page 6

 ONLINE FIRE REPORTING SYSTEM 2022-2023

 To gather valuable data and insights into fire incidents to support fire prevention and
management efforts.
 To enhance community safety and support by ensuring timely and effective fire response.

1.4 SCOPE:

Online Fire Reporting System project is developed as a web application and it will work over web to
report fire incidents online. The purpose of developing Online Fire Reporting System is to report fire
incidents online without wasting a time. Another purpose for developing this application is to generate
the report automatically.

1.5 FEASIBILITY STUDY:

1.5.1 Technical Feasibility

Technical feasibility determines whether the work for the project can be done with the existing
equipment, software technology and available personnel. Technical feasibility of proposed project refer
to the software and hardware requirements. The project is developed using android SDK. SQLite is used
for DBMS. The proposed project can be implemented on any tablet or mobile phones having android
operating system version 4.0 and above.

1.5.2 Operational Feasibility

Operational feasibility as our system provide various function, it is important to measure the feasibility
of each function for measuring overall feasibility of our system. Mapping, navigating, notifications, etc
are easily operated using proposed project.

1.5.3 Financial Feasibility

Financial feasibility determines whether there are sufficient benefits in creating to make the cost
acceptable, or is the cost of the system too high. The software used to develop the proposed system are
cost efficient. Android SDK and SQLite are available for free on Google Market. It is assumed that the
user already possesses tablet or mobile phones supporting android OS.

DEPARTMENT OF COMPUTER SCIENCE Page 7

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Chapter -2
System Study

2.1EXISTING SYSTEM

2.2 LIMITATIONS OF EXISTING SYSTEM

2.3 PROPOSED SYSTEM

2.4 ADVANTAGES OF PROPOSED SYSTEM

2.5 MODULES

2.6 SYSTEM ANALYSIS

2.7 METHODOLOGY

DEPARTMENT OF COMPUTER SCIENCE Page 8

 ONLINE FIRE REPORTING SYSTEM 2022-2023

2.1 EXISTING SYSTEM:

1. It is the Manuel based

2. It required time oriented
3. Lack of flexibility
4. No review option
5. Poor service
6. Finding service is difficult
7. Problem of relay

2.2 LIMITATIONS OF EXISTING SYSTEM:

• Not user friendly: The present system not user friendly because data is not stored in structure

and proper format.

• Manual Control: All report calculation is done manually so there is a chance of error.

• Lots of paper work: Fire incidents record maintain in the register so lots of paper require storing

details.

• Time consuming

2.3 PROPOSED SYSTEM:

The Propose system does not have much carbon footprint. All the record keeping is easy. It’s faster
thanthe manual work. They can help people faster.

2.4 ADVANTAGES OF PROPOSED SYSTEM:

 Increased Efficiency: Online fire reporting systems allow fire departments and other emergency
services to collect, store, and manage fire incident data in a more efficient and streamlined
manner.

DEPARTMENT OF COMPUTER SCIENCE Page 9

 ONLINE FIRE REPORTING SYSTEM 2022-2023

 Real-Time Access to Data: Online fire reporting systems provide real-time access to fire incident
data, which allows fire departments and other emergency services to make more informed
decisions and respond more effectively to fire incidents.
 Improved Data Accuracy: Online fire reporting systems can help improve the accuracy of fire
incident data by automating data entry and reducing the risk of human error.
 Enhanced Collaboration: Online fire reporting systems can facilitate collaboration between
different fire departments and emergency services by providing a centralized platform for sharing
information and resources.

2.5 MODULES:

Online Fire Reporting System has two modules i.e., admin and users.

User Module
Users can visit the website and report any fire incidents.
Users can also track the fire incident reporting Status.

Admin Module
Admin will be the user of this project who can control the whole website.

 Dashboard: In this section, the admin can briefly view information about fire incidents.
 Teams: In this section, admin can manage Teams(Add/Update/Delete).
 Reports: In this section, the admin can view fire incidents in a particular period and also search
the fire reporting/incidents.
 Website Setting: In this section, the admin changes the setting of a website like logos contents,
etc.
 Admin can also manage own profile.
 Admin can also recover their own password

2.6 SYSTEM ANALYSIS:

System analysis for an online fire reporting system project involves a thorough examination of the
existing processes and systems used by fire departments and other emergency services to manage and
track fire incidents. The goal of system analysis is to identify areas for improvement and to determine the
requirements for the online fire reporting system.

DEPARTMENT OF COMPUTER SCIENCE Page 10

 ONLINE FIRE REPORTING SYSTEM 2022-2023

2.6.1 Functional-Requirements
 Admin authentication using user id and password.
 RS 232 Serial communication mode.
 Power generator.
 RFID receiver

2.6.2Non-Functional Requirements

 24 X 7 availability.

 Better component design to get better performance.

 Flexible service based architecture will be highly desirable for future extension.
 Ease of Use-flexibility, performance.

 Security- Privacy, Confidentiality, Integrity, Authentication.

 Comprehensiveness- Transferability, Divisibility, Standardization.
 Maintenance

2.7 METHODOLOGY

The spiral model is similar to the incremental model, with more emphasis placed on risk analysis.

DEPARTMENT OF COMPUTER SCIENCE Page 11

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Diagram of Spiral model:

The spiral model has four phases:

1. Planning
2. Risk Analysis
3. Engineering and
4. Evaluation.
A software project repeatedly passes through these phases in iterations (called Spirals in this
model). The baseline spiral, starting in the planning phase, requirements are gathered and
riskis assessed. Each subsequent spirals builds on the baseline spiral.

DEPARTMENT OF COMPUTER SCIENCE Page 12

ONLINE FIRE REPORTING SYSTEM 2022-2023

1. Requirement Planning: Once after receiving the requirements from clients, analyzer
has to choose the model. Before choosing the model he has to compare the
requirementswith all software models and identify the more compatible model.

2. Risk analysis phase: Requirement analyst will analyze the requirements, then he
prepare High Level Design (HLD), in that he will identify the risk factor using risk
analysis, after he will prepare Low Level Design (LLD). Before take over the project,
analyzer will check for Return on Investment (ROI).

3. Engineering phase: Software is produced in the engineering phase, along

with testing at the end of the phase.
Coding: According to Low Level Design we have to code, before we start the coding
analyzer has to intimate the model, according to that model we will do the coding.

Integration: Each and every developer after completion of task he has to submit
thetask to repository. In repository all the tasks will be integrated by the manager.

4. Testing: After integration application will be send to testing team. Testing people have
to test the validations and identify the bugs. All the bugs has to enter in the test cases.
The test case has to submit in the repository, developers receive the test cases and fix
the bugs and resubmit to the testing.

Implementation: After completion of testing, application will be implemented at client

environment and giving the guidelines to the end users how to use the applications.

5. Evaluation phase: Allows the customer to evaluate the output of the project to date before
theproject continues to the next spiral.

DEPARTMENT OF COMPUTER SCIENCE Page 13

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Chapter -3
System Design and Development

3. SYSTEM DESIGN AND DEVELOPMENT

3.1 ER DIAGRAM

3.2 DFD

3.3 STRUCTURED CHART

3.4 DATABASE TABLES

3.5 CODE

DEPARTMENT OF COMPUTER SCIENCE Page 14

 ONLINE FIRE REPORTING SYSTEM 2022-2023

High Level Design (Architectural):

Architectural design is concerned with refining the conceptual view of the system,
identifying internal processing function, decomposing high level functions in to sub functions,
defining internal data streams and data stores establishing relationships interconnections
amongfunctions, concentrate data structure and the packing scheme of the system.

In 3-tier architecture code reusability will be more. So the current application is being
developed by taking the 3-tier architecture as a prototype. The 3-tier architecture is the most
common approach used for web applications today. In the typical example of this model, the
web browser acts as the client, IIS handles the business logic, and a separate tier MS-SQL
Server handles database functions.

Although the 3-tier approach increases scalability and introduces a separation of

business logic from the display and database layers, it does not truly separate the application
into specialized, functional layers. For prototype or simple web applications, the 3-tier
architecture may be sufficient.

UML Diagrams:
Actor:
A coherent set of roles that users of use cases play when interacting with the use `cases.

Use case: A description of sequence of actions, including variants, that a system performs that yields an
observable result of value of an actor.

UML stands for Unified Modeling Language. UML is a language for specifying, visualizing and
documenting the system. This is the step while developing any product after analysis. The goal from this

DEPARTMENT OF COMPUTER SCIENCE Page 15

 ONLINE FIRE REPORTING SYSTEM 2022-2023

is to produce a model of the entities involved in the project which later need to be built. The
representation of the entities that are to be used in the product being developed need to be designed.

USECASE DIAGRAMS:

Use case diagrams model behavior within a system and helps the developers understand of what the user
require. The stick man represents what’s called an actor.

Use case diagram can be useful for getting an overall view of the system and clarifying who can do and
more importantly what they can’t do.

Use case diagram consists of use cases and actors and shows the interaction between the use case and
actors.

• The purpose is to show the interactions between the use case and actor.
• To represent the system requirements from user’s perspective.
• An actor could be the end-user of the system or an external system.

USECASE DIAGRAM: A Use case is a description of set of sequence of actions. Graphically it is rendered
as an ellipse with solid line including only its name. Use case diagram is a behavioral diagram that shows
a set of use cases and actors and their relationship. It is an association between the use cases and actors.
An actor represents a real-world object. Primary Actor – Sender, Secondary Actor Receiver.

DEPARTMENT OF COMPUTER SCIENCE Page 16

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Use Case Diagrams:

Admin

Dashboard

Add Team

Manage Team (Update/Delete)

Details)

Mange Fire Reports

Ad

Search(Fire Incidents)

AdReports
Generate

Update Profile

Change Password

Password Recovery

DEPARTMENT OF COMPUTER SCIENCE Page 17

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Users

Visit Website
User

Report Fire incidents

Check the status of fire

report

Class Diagram:

A description of set of objects that share the same attributes operations, relationships, and semantics

DEPARTMENT OF COMPUTER SCIENCE Page 18

 ONLINE FIRE REPORTING SYSTEM 2022-2023

3.1 ER DIAGRAM:

The Entity-Relationship (ER) model was originally proposed by Peter in 1976 [Chen76] as a way to unify
the network and relational database views. Simply stated the ER model is a conceptual data model that
views the real world as entities and relationships. A basic component of the model is the Entity-
Relationship diagram which is used to visually represent data objects. Since Chen wrote his paper the
model has been extended and today it is commonly used for database design for the database designer,
the utility of the ER model is:

• It maps well to the relational model. The constructs used in the ER model can easily be
transformed into relational tables.
• It is simple and easy to understand with a minimum of training. Therefore, the model can be used
by the database designer to communicate the design to the end user.
• In addition, the model can be used as a design plan by the database developer to implement a
data model in specific database management software.

ER Notation
There is no standard for representing data objects in ER diagrams. Each modeling methodology uses its
own notation. The original notation used by Chen is widely used in academics texts and journals but
rarely seen in either CASE tools or publications by non-academics. Today, there are a number of notations
used; among the more common are Bachman, crow's foot, and IDEFIX.

All notational styles represent entities as rectangular boxes and relationships as lines connecting boxes.
Each style uses a special set of symbols to represent the cardinality of a connection. The notation used in
this document is from Martin. The symbols used for the basic ER constructs are:

• Entities are represented by labeled rectangles. The label is the name of the entity. Entity names

should be singular nouns.

• Relationships are represented by a solid line connecting two entities. The name of the

relationship is written above the line. Relationship names should be verbs

• Attributes, when included, are listed inside the entity rectangle. Attributes which are identifiers

are underlined. Attribute names should be singular nouns.

DEPARTMENT OF COMPUTER SCIENCE Page 19

 ONLINE FIRE REPORTING SYSTEM 2022-2023
• Cardinality of many is represented by a line ending in a crow's foot. If the crow's foot is omitted,

the cardinality is one.

Existence is represented by placing a circle or a perpendicular bar on the line. Mandatory existence is
shown by the bar (looks like a 1) next to the entity for an instance is required. Optional existence is
shown by placing a circle next to the entity that is optional.

3.2 DATAFLOW DIAGRAM:

DFD graphically representing the functions, or processes, which capture, manipulate, store, and
distribute data between a system and its environment and between components of a system. The
visual representation makes it a good communication tool between User and System designer.
Structure of DFD allows starting from a broad overview and expand it to a hierarchy of detailed
diagrams. DFD has often been used due to the following reasons:

DEPARTMENT OF COMPUTER SCIENCE Page 20

 ONLINE FIRE REPORTING SYSTEM 2022-2023
 Logical information flow of the system
 Determination of physical system construction requirements
 Simplicity of notation
 Establishment of manual and automated systems requirements

Zero Level DFD

Team Password
Management Management

OFRS

Website
Fire Report
Management Management

Login
Management

DEPARTMENT OF COMPUTER SCIENCE Page 21

 ONLINE FIRE REPORTING SYSTEM 2022-2023

First Level DFD

Password
Management
Team
Management

Generate
Reports
Fire Report OFRS
Management

Login Admin
Management Management

DEPARTMENT OF COMPUTER SCIENCE Page 22

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Second Level DFD

Check
Admin Login to Roles of
system access

Forgot Check Manage Fire

Password Credenti Team
al

Manage
Manage Fire Report
Modules

Generate Report

Manage Website Change Password Update Profile

DEPARTMENT OF COMPUTER SCIENCE Page 23

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Users Check
Roles of
Report For Fire
access

Check
Credenti
al ok
Search the status of
fire

Manage
Modules

View Website

3.3 STRUCTURED CHART:

Fire Reporting System

|_ User Authentication

| |

| |_ Login

| |_ Logout

| |_ Register

DEPARTMENT OF COMPUTER SCIENCE Page 24

 ONLINE FIRE REPORTING SYSTEM 2022-2023
|

|_ Report Fire

| |

| |_ Input form

| |_ Location

| |_ Description

| |_ Submit Report

|_ View Reports

| |

| |_ List of reports

| |_ Filter reports

| |_ View report details

|_ Admin Dashboard

|_ Manage Users

|_ Manage Reports

|_ Update Report Status

DEPARTMENT OF COMPUTER SCIENCE Page 25

 ONLINE FIRE REPORTING SYSTEM 2022-2023
3.4 DATABASE TABLES:

Admin Table :(Table name is tbladmin)

This store admin personal and login details.

Fire Report Table: (Table name is tblfirereport)

This table store tee details of fire report by users

Request History Table: (Table name is tblfiretequesthistory)

This table store the details of request history of fire reporting.

DEPARTMENT OF COMPUTER SCIENCE Page 26

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Website Table: (Table name is tblsite)

This table store the details of website.

Fire Team Table: (Table name is tblsite)

This table store the details of fire team who handling fire incidents.

3.5CODE:

body {
font-family: "Open Sans", sans-serif;
color: #444444;
}

a {
color: #ef6603;
text-decoration: none;
}

a:hover {
DEPARTMENT OF COMPUTER SCIENCE Page 27
 ONLINE FIRE REPORTING SYSTEM 2022-2023
color: #fc8129;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {

font-family: "Raleway", sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 996;
background: #ef6603;
width: 40px;
height: 40px;
border-radius: 50px;
transition: all 0.4s;
}
.back-to-top i {
font-size: 28px;
color: #fff;
line-height: 0;
}
.back-to-top:hover {
background: #fc7c1f;
color: #fff;
}
.back-to-top.active {
visibility: visible;
opacity: 1;
}

/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
[data-aos-delay] {
transition-delay: 0 !important;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
DEPARTMENT OF COMPUTER SCIENCE Page 28
 ONLINE FIRE REPORTING SYSTEM 2022-2023
height: 70px;
transition: all 0.5s;
z-index: 997;
transition: all 0.5s;
background: rgba(42, 44, 57, 0.9);
}
#header.header-transparent {
background: transparent;
}
#header.header-scrolled {
background: rgba(42, 44, 57, 0.9);
}
#header .logo h1 {
font-size: 28px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 700;
letter-spacing: 1px;
}
#header .logo h1 a, #header .logo h1 a:hover {
color: #fff;
text-decoration: none;
}
#header .logo img {
padding: 0;
margin: 0;
max-height: 40px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation
*/
.navbar {
padding: 0;
}
.navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navbar li {
position: relative;
}
.navbar a, .navbar a:focus {
DEPARTMENT OF COMPUTER SCIENCE Page 29
 ONLINE FIRE REPORTING SYSTEM 2022-2023
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 15px 7px 15px;
margin-left: 5px;
font-size: 14px;
color: #fff;
white-space: nowrap;
transition: 0.3s;
border-radius: 50px;
}
.navbar a i, .navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
background: #ef6603;
}
.navbar .dropdown ul {
display: block;
position: absolute;
left: 5px;
top: calc(100% + 30px);
margin: 5px 0 0 0;
padding: 10px 0;
z-index: 99;
opacity: 0;
visibility: hidden;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: 0.3s;
border-radius: 15px;
}
.navbar .dropdown ul li {
min-width: 200px;
}
.navbar .dropdown ul a {
padding: 10px 20px;
color: #2a2c39;
margin: 0 5px;
font-size: 14px;
}
.navbar .dropdown ul a i {
font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul
li:hover > a {
color: #fff;
}
DEPARTMENT OF COMPUTER SCIENCE Page 30
 ONLINE FIRE REPORTING SYSTEM 2022-2023
.navbar .dropdown:hover > ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.navbar .dropdown .dropdown ul {
top: 0;
left: calc(100% - 30px);
visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
opacity: 1;
top: 0;
left: 100%;
visibility: visible;
}
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {
left: -90%;
}
.navbar .dropdown .dropdown:hover > ul {
left: -100%;
}
}

/**
* Mobile Navigation
*/
.mobile-nav-toggle {
color: #fff;
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: 0.5s;
}

@media (max-width: 991px) {

.mobile-nav-toggle {
display: block;
}

.navbar ul {
display: none;
}
}
.navbar-mobile {
position: fixed;
overflow: hidden;
top: 0;
DEPARTMENT OF COMPUTER SCIENCE Page 31
 ONLINE FIRE REPORTING SYSTEM 2022-2023
right: 0;
left: 0;
bottom: 0;
background: rgba(20, 21, 28, 0.9);
transition: 0.3s;
z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 15px;
right: 15px;
}
.navbar-mobile ul {
display: block;
position: absolute;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
border-radius: 10px;
background-color: #fff;
overflow-y: auto;
transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {
padding: 10px 20px;
margin: 5px;
font-size: 15px;
color: #2a2c39;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
color: #fff;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
margin: 15px;
}
.navbar-mobile .dropdown ul {
position: static;
display: none;
margin: 10px 20px;
padding: 10px 0;
z-index: 99;
opacity: 1;
visibility: visible;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
min-width: 200px;
DEPARTMENT OF COMPUTER SCIENCE Page 32
 ONLINE FIRE REPORTING SYSTEM 2022-2023
}
.navbar-mobile .dropdown ul a {
padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-
mobile .dropdown ul li:hover > a {
color: #fff;
}
.navbar-mobile .dropdown > .dropdown-active {
display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
width: 100%;
overflow: hidden;
position: relative;
background: linear-gradient(0deg, #2a2c39 0%, #33364a 100%);
padding: 0;
}
#hero .carousel-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
position: relative;
height: 70vh;
padding-top: 60px;
}
#hero h2 {
color: #fff;
margin-bottom: 30px;
font-size: 48px;
font-weight: 700;
}
#hero p {
width: 80%;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
margin: 0 auto 30px auto;
color: #fff;
}
#hero .carousel-control-prev, #hero .carousel-control-next {
width: 10%;
DEPARTMENT OF COMPUTER SCIENCE Page 33
 ONLINE FIRE REPORTING SYSTEM 2022-2023
}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
background: none;
font-size: 48px;
line-height: 1;
width: auto;
height: auto;
}
#hero .btn-get-started {
font-family: "Raleway", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 50px;
transition: 0.5s;
line-height: 1;
margin: 10px;
color: #fff;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
border: 2px solid #ef6603;
}
#hero .btn-get-started:hover {
background: #ef6603;
color: #fff;
text-decoration: none;
}
@media (min-width: 1024px) {
#hero p {
width: 60%;
}
#hero .carousel-control-prev, #hero .carousel-control-next {
width: 5%;
}
}
@media (max-width: 768px) {
#hero .carousel-container {
height: 90vh;
}
#hero h2 {
font-size: 28px;
}
}

.hero-waves {
display: block;
width: 100%;
height: 60px;
DEPARTMENT OF COMPUTER SCIENCE Page 34
 ONLINE FIRE REPORTING SYSTEM 2022-2023
position: relative;
}

.wave1 use {
-webkit-animation: move-forever1 10s linear infinite;
animation: move-forever1 10s linear infinite;
-webkit-animation-delay: -2s;
animation-delay: -2s;
}

.wave2 use {
-webkit-animation: move-forever2 8s linear infinite;
animation: move-forever2 8s linear infinite;
-webkit-animation-delay: -2s;
animation-delay: -2s;
}

.wave3 use {
-webkit-animation: move-forever3 6s linear infinite;
animation: move-forever3 6s linear infinite;
-webkit-animation-delay: -2s;
animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
0% {
transform: translate(85px, 0%);
}
100% {
transform: translate(-90px, 0%);
}
}

@keyframes move-forever1 {
0% {
transform: translate(85px, 0%);
}
100% {
transform: translate(-90px, 0%);
}
}
@-webkit-keyframes move-forever2 {
0% {
transform: translate(-90px, 0%);
}
100% {
transform: translate(85px, 0%);
}
}
@keyframes move-forever2 {
DEPARTMENT OF COMPUTER SCIENCE Page 35
 ONLINE FIRE REPORTING SYSTEM 2022-2023
0% {
transform: translate(-90px, 0%);
}
100% {
transform: translate(85px, 0%);
}
}
@-webkit-keyframes move-forever3 {
0% {
transform: translate(-90px, 0%);
}
100% {
transform: translate(85px, 0%);
}
}
@keyframes move-forever3 {
0% {
transform: translate(-90px, 0%);
}
100% {
transform: translate(85px, 0%);
}
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
padding: 60px 0;
overflow: hidden;
}

.section-title {
padding-bottom: 40px;
}
.section-title h2 {
font-size: 14px;
font-weight: 500;
padding: 0;
line-height: 1px;
margin: 0 0 5px 0;
letter-spacing: 2px;
text-transform: uppercase;
color: #aaaaaa;
font-family: "Poppins", sans-serif;
}
.section-title h2::after {
content: "";
width: 120px;
height: 1px;
display: inline-block;
DEPARTMENT OF COMPUTER SCIENCE Page 36
 ONLINE FIRE REPORTING SYSTEM 2022-2023
background: #fd9042;
margin: 4px 10px;
}
.section-title p {
margin: 0;
margin: 0;
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
color: #2a2c39;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about {
padding-top: 80px;
}
.about .content h3 {
font-weight: 600;
font-size: 26px;
}
.about .content ul {
list-style: none;
padding: 0;
}
.about .content ul li {
padding-left: 28px;
position: relative;
}
.about .content ul li + li {
margin-top: 10px;
}
.about .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #ef6603;
line-height: 1;
}
.about .content p:last-child {
margin-bottom: 0;
}
.about .content .btn-learn-more {
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
DEPARTMENT OF COMPUTER SCIENCE Page 37
 ONLINE FIRE REPORTING SYSTEM 2022-2023
display: inline-block;
padding: 12px 32px;
border-radius: 5px;
transition: 0.3s;
line-height: 1;
color: #ef6603;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #ef6603;
}
.about .content .btn-learn-more:hover {
background: #ef6603;
color: #fff;
text-decoration: none;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .nav-tabs {
border: 0;
}
.features .nav-link {
border: 1px solid #d4d6df;
padding: 15px;
transition: 0.3s;
color: #2a2c39;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
}
.features .nav-link i {
padding-right: 15px;
font-size: 48px;
}
.features .nav-link h4 {
font-size: 18px;
font-weight: 600;
margin: 0;
}
.features .nav-link:hover {
color: #ef6603;
}
.features .nav-link.active {
background: #ef6603;
color: #fff;
border-color: #ef6603;
}
DEPARTMENT OF COMPUTER SCIENCE Page 38
 ONLINE FIRE REPORTING SYSTEM 2022-2023
@media (max-width: 768px) {
.features .nav-link i {
padding: 0;
line-height: 1;
font-size: 36px;
}
}
@media (max-width: 575px) {
.features .nav-link {
padding: 15px;
}
.features .nav-link i {
font-size: 24px;
}
}
.features .tab-content {
margin-top: 30px;
}
.features .tab-pane h3 {
font-weight: 600;
font-size: 26px;
}
.features .tab-pane ul {
list-style: none;
padding: 0;
}
.features .tab-pane ul li {
padding-bottom: 10px;
}
.features .tab-pane ul i {
font-size: 20px;
padding-right: 4px;
color: #ef6603;
}
.features .tab-pane p:last-child {
margin-bottom: 0;
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
background: #2a2c39;
padding: 80px 0;
}
.cta h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
}
DEPARTMENT OF COMPUTER SCIENCE Page 39
 ONLINE FIRE REPORTING SYSTEM 2022-2023
.cta p {
color: #fff;
}
.cta .cta-btn {
font-family: "Raleway", sans-serif;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 30px;
border-radius: 50px;
transition: 0.5s;
margin: 10px;
color: #fff;
background: #ef6603;
}
.cta .cta-btn:hover {
background: #fff;
color: #ef6603;
}
@media (max-width: 1024px) {
.cta {
background-attachment: scroll;
}
}
@media (min-width: 769px) {
.cta .cta-btn-container {
display: flex;
align-items: center;
justify-content: flex-end;
}
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
padding: 30px;
position: relative;
overflow: hidden;
border-radius: 10px;
background: #fff;
box-shadow: 0 2px 29px 0 rgba(68, 88, 144, 0.12);
transition: all 0.4s ease-in-out;
width: 100%;
height: 100%;
}
.services .icon-box:hover {
transform: translateY(-10px);
DEPARTMENT OF COMPUTER SCIENCE Page 40
 ONLINE FIRE REPORTING SYSTEM 2022-2023
box-shadow: 0 2px 35px 0 rgba(68, 88, 144, 0.2);
}
.services .icon {
position: absolute;
left: -20px;
top: calc(50% - 30px);
}
.services .icon i {
font-size: 64px;
line-height: 1;
transition: 0.5s;
}
.services .title {
margin-left: 40px;
font-weight: 700;
margin-bottom: 15px;
font-size: 18px;
}
.services .title a {
color: #2a2c39;
transition: ease-in-out 0.3s;
}
.services .title a:hover {
color: #ef6603;
}
.services .description {
font-size: 14px;
margin-left: 40px;
line-height: 24px;
margin-bottom: 0;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
list-style: none;
margin-bottom: 20px;
}
.portfolio #portfolio-flters li {
cursor: pointer;
display: inline-block;
margin: 0 0 10px 10px;
font-size: 16px;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
color: #444444;
transition: all 0.3s ease-in-out;
}
DEPARTMENT OF COMPUTER SCIENCE Page 41
 ONLINE FIRE REPORTING SYSTEM 2022-2023
.portfolio #portfolio-flters li::before {
content: "[";
margin-right: 6px;
color: #fff;
font-size: 18px;
font-weight: 400;
transition: all 0.3s ease-in-out;
}
.portfolio #portfolio-flters li::after {
content: "]";
margin-left: 6px;
color: #fff;
font-size: 18px;
font-weight: 400;
transition: all 0.3s ease-in-out;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
color: #ef6603;
}
.portfolio #portfolio-flters li.filter-active::before, .portfolio #portfolio-flters
li.filter-active::after {
color: #ef6603;
}
.portfolio .portfolio-item {
margin-bottom: 30px;
}
.portfolio .portfolio-item .portfolio-img {
overflow: hidden;
}
.portfolio .portfolio-item .portfolio-img img {
transition: all 0.8s ease-in-out;
}
.portfolio .portfolio-item .portfolio-info {
opacity: 0;
position: absolute;
left: 15px;
bottom: 0;
z-index: 3;
right: 15px;
transition: all ease-in-out 0.3s;
background: rgba(0, 0, 0, 0.5);
padding: 10px 15px;
}
.portfolio .portfolio-item .portfolio-info h4 {
font-size: 18px;
color: #fff;
font-weight: 600;
color: #fff;
margin-bottom: 0px;
}
DEPARTMENT OF COMPUTER SCIENCE Page 42
 ONLINE FIRE REPORTING SYSTEM 2022-2023
.portfolio .portfolio-item .portfolio-info p {
color: #fedac0;
font-size: 14px;
margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item
.portfolio-info .details-link {
position: absolute;
right: 40px;
font-size: 24px;
top: calc(50% - 18px);
color: #fff;
transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-
item .portfolio-info .details-link:hover {
color: #fd9f5b;
}
.portfolio .portfolio-item .portfolio-info .details-link {
right: 10px;
}
.portfolio .portfolio-item .portfolio-links {
opacity: 0;
left: 0;
right: 0;
text-align: center;
z-index: 3;
position: absolute;
transition: all ease-in-out 0.3s;
}
.portfolio .portfolio-item .portfolio-links a {
color: #fff;
margin: 0 2px;
font-size: 28px;
display: inline-block;
transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-links a:hover {
color: #fd9f5b;
}
.portfolio .portfolio-item:hover .portfolio-img img {
transform: scale(1.2);
}
.portfolio .portfolio-item:hover .portfolio-info {
opacity: 1;
}

/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
DEPARTMENT OF COMPUTER SCIENCE Page 43
 ONLINE FIRE REPORTING SYSTEM 2022-2023
.faq {
padding: 60px 0;
}
.faq .faq-list {
padding: 0;
list-style: none;
}
.faq .faq-list li {
border-bottom: 1px solid #ececf1;
margin-bottom: 20px;
padding-bottom: 20px;
}
.faq .faq-list .question {
display: block;
position: relative;
font-family: #ef6603;
font-size: 18px;
line-height: 24px;
font-weight: 400;
padding-left: 25px;
cursor: pointer;
color: #bd5102;
transition: 0.3s;
}
.faq .faq-list i {
font-size: 16px;
position: absolute;
left: 0;
top: -2px;
}
.faq .faq-list p {
margin-bottom: 0;
padding: 10px 0 0 25px;
}
.faq .faq-list .icon-show {
display: none;
}
.faq .faq-list .collapsed {
color: black;
}
.faq .faq-list .collapsed:hover {
color: #ef6603;
}
.faq .faq-list .collapsed .icon-show {
display: inline-block;
transition: 0.6s;
}
.faq .faq-list .collapsed .icon-close {
display: none;
transition: 0.6s;
DEPARTMENT OF COMPUTER SCIENCE Page 44
 ONLINE FIRE REPORTING SYSTEM 2022-2023
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
width: 100%;
background: #fff;
}
.contact .info i {
font-size: 20px;
color: #ef6603;
float: left;
width: 44px;
height: 44px;
background: #ffecde;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.contact .info h4 {
padding: 0 0 0 60px;
font-size: 22px;
font-weight: 600;
margin-bottom: 5px;
color: #2a2c39;
}
.contact .info p {
padding: 0 0 0 60px;
margin-bottom: 0;
font-size: 14px;
color: #555974;
}
.contact .info .email, .contact .info .phone {
margin-top: 40px;
}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info
.phone:hover i {
background: #ef6603;
color: #fff;
}
.contact .contact-form {
width: 100%;
background: #fff;
}
.contact .contact-form .form-group {
padding-bottom: 8px;
}
DEPARTMENT OF COMPUTER SCIENCE Page 45
 ONLINE FIRE REPORTING SYSTEM 2022-2023
.contact .contact-form .error-message {
display: none;
color: #fff;
background: #ed3c0d;
text-align: left;
padding: 15px;
font-weight: 600;
}
.contact .contact-form .error-message br + br {
margin-top: 25px;
}
.contact .contact-form .sent-message {
display: none;
color: #fff;
background: #18d26e;
text-align: center;
padding: 15px;
font-weight: 600;
}
.contact .contact-form .loading {
display: none;
background: #fff;
text-align: center;
padding: 15px;
}
.contact .contact-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid #18d26e;
border-top-color: #eee;
-webkit-animation: animate-loading 1s linear infinite;
animation: animate-loading 1s linear infinite;
}
.contact .contact-form input, .contact .contact-form textarea {
border-radius: 0;
box-shadow: none;
font-size: 14px;
}
.contact .contact-form input {
height: 44px;
}
.contact .contact-form textarea {
padding: 10px 12px;
}
.contact .contact-form button[type=submit] {
background: #ef6603;
DEPARTMENT OF COMPUTER SCIENCE Page 46
 ONLINE FIRE REPORTING SYSTEM 2022-2023
border: 0;
padding: 10px 24px;
color: #fff;
transition: 0.4s;
border-radius: 50px;
}
.contact .contact-form button[type=submit]:hover {
background: #fc8129;
}
@-webkit-keyframes animate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes animate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
padding: 15px 0;
margin-top: 70px;
background: #f7f8f9;
min-height: 40px;
}
.breadcrumbs h2 {
font-size: 28px;
font-weight: 400;
margin: 0;
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}
@media (max-width: 992px) {
.breadcrumbs ol {
DEPARTMENT OF COMPUTER SCIENCE Page 47
 ONLINE FIRE REPORTING SYSTEM 2022-2023
margin-top: 10px;
}
}
.breadcrumbs ol li + li {
padding-left: 10px;
}
.breadcrumbs ol li + li::before {
display: inline-block;
padding-right: 10px;
color: #404356;
content: "/";
}
@media (max-width: 768px) {
.breadcrumbs .d-flex {
display: block !important;
}
.breadcrumbs ol {
display: block;
}
.breadcrumbs ol li {
display: inline-block;
}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
background: #14151c;
color: #fff;
font-size: 14px;
text-align: center;
padding: 30px 0;
}
#footer h3 {
font-size: 36px;
font-weight: 700;
color: #fff;
position: relative;
font-family: "Poppins", sans-serif;
padding: 0;
margin: 0 0 15px 0;
}
#footer p {
font-size: 15;
font-style: italic;
padding: 0;
margin: 0 0 40px 0;
}
#footer .social-links {
DEPARTMENT OF COMPUTER SCIENCE Page 48
 ONLINE FIRE REPORTING SYSTEM 2022-2023
margin: 0 0 40px 0;
}
#footer .social-links a {
font-size: 18px;
display: inline-block;
background: #ef6603;
color: #fff;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
}
#footer .social-links a:hover {
background: #bd5102;
color: #fff;
text-decoration: none;
}
#footer .copyright {
margin: 0 0 5px 0;
}
#footer .credits {
font-size: 13px;
}

function() {
"use strict";

/**
* Easy selector helper function
*/
const select = (el, all = false) => {
el = el.trim()
if (all) {
return [...document.querySelectorAll(el)]
} else {
return document.querySelector(el)
}
}

/**
* Easy event listener function
*/
const on = (type, el, listener, all = false) => {
let selectEl = select(el, all)
if (selectEl) {
DEPARTMENT OF COMPUTER SCIENCE Page 49
 ONLINE FIRE REPORTING SYSTEM 2022-2023
if (all) {
selectEl.forEach(e => e.addEventListener(type, listener))
} else {
selectEl.addEventListener(type, listener)
}
}
}

/**
* Easy on scroll event listener
*/
const onscroll = (el, listener) => {
el.addEventListener('scroll', listener)
}

/**
* Navbar links active state on scroll
*/
let navbarlinks = select('#navbar .scrollto', true)
const navbarlinksActive = () => {
let position = window.scrollY + 200
navbarlinks.forEach(navbarlink => {
if (!navbarlink.hash) return
let section = select(navbarlink.hash)
if (!section) return
if (position >= section.offsetTop && position <= (section.offsetTop +
section.offsetHeight)) {
navbarlink.classList.add('active')
} else {
navbarlink.classList.remove('active')
}
})
}
window.addEventListener('load', navbarlinksActive)
onscroll(document, navbarlinksActive)

/**
* Scrolls to an element with header offset
*/
const scrollto = (el) => {
let header = select('#header')
let offset = header.offsetHeight

let elementPos = select(el).offsetTop

window.scrollTo({
top: elementPos - offset,
behavior: 'smooth'
})
}

DEPARTMENT OF COMPUTER SCIENCE Page 50

ONLINE FIRE REPORTING SYSTEM 2022-2023
/**
* Toggle .header-scrolled class to #header when page is scrolled
*/
let selectHeader = select('#header')
if (selectHeader) {
const headerScrolled = () => {
if (window.scrollY > 100) {
selectHeader.classList.add('header-scrolled')
} else {
selectHeader.classList.remove('header-scrolled')
}
}
window.addEventListener('load', headerScrolled)
onscroll(document, headerScrolled)
}

/**
* Back to top button
*/
let backtotop = select('.back-to-top')
if (backtotop) {
const toggleBacktotop = () => {
if (window.scrollY > 100) {
backtotop.classList.add('active')
} else {
backtotop.classList.remove('active')
}
}
window.addEventListener('load', toggleBacktotop)
onscroll(document, toggleBacktotop)
}

/**
* Mobile nav toggle
*/
on('click', '.mobile-nav-toggle', function(e) {
select('#navbar').classList.toggle('navbar-mobile')
this.classList.toggle('bi-list')
this.classList.toggle('bi-x')
})

/**
* Mobile nav dropdowns activate
*/
on('click', '.navbar .dropdown > a', function(e) {
if (select('#navbar').classList.contains('navbar-mobile')) {
e.preventDefault()
this.nextElementSibling.classList.toggle('dropdown-active')
}
}, true)
DEPARTMENT OF COMPUTER SCIENCE Page 51
ONLINE FIRE REPORTING SYSTEM 2022-2023

/**
* Scrool with ofset on links with a class name .scrollto
*/
on('click', '.scrollto', function(e) {
if (select(this.hash)) {
e.preventDefault()

let navbar = select('#navbar')

if (navbar.classList.contains('navbar-mobile')) {
navbar.classList.remove('navbar-mobile')
let navbarToggle = select('.mobile-nav-toggle')
navbarToggle.classList.toggle('bi-list')
navbarToggle.classList.toggle('bi-x')
}
scrollto(this.hash)
}
}, true)

/**
* Scroll with ofset on page load with hash links in the url
*/
window.addEventListener('load', () => {
if (window.location.hash) {
if (select(window.location.hash)) {
scrollto(window.location.hash)
}
}
});

/**
* Porfolio isotope and filter
*/
window.addEventListener('load', () => {
let portfolioContainer = select('.portfolio-container');
if (portfolioContainer) {
let portfolioIsotope = new Isotope(portfolioContainer, {
itemSelector: '.portfolio-item',
});

let portfolioFilters = select('#portfolio-flters li', true);

on('click', '#portfolio-flters li', function(e) {

e.preventDefault();
portfolioFilters.forEach(function(el) {
el.classList.remove('filter-active');
});
this.classList.add('filter-active');

portfolioIsotope.arrange({
DEPARTMENT OF COMPUTER SCIENCE Page 52
ONLINE FIRE REPORTING SYSTEM 2022-2023
filter: this.getAttribute('data-filter')
});
portfolioIsotope.on('arrangeComplete', function() {
AOS.refresh()
});
}, true);
}

});

/**
* Initiate portfolio lightbox
*/
const portfolioLightbox = GLightbox({
selector: '.portfolio-lightbox'
});

/**
* Portfolio details slider
*/
new Swiper('.portfolio-details-slider', {
speed: 400,
loop: true,
autoplay: {
delay: 5000,
disableOnInteraction: false
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true
}
});

/**
* Testimonials slider
*/
new Swiper('.testimonials-slider', {
speed: 600,
loop: true,
autoplay: {
delay: 5000,
disableOnInteraction: false
},
slidesPerView: 'auto',
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true
},
DEPARTMENT OF COMPUTER SCIENCE Page 53
 ONLINE FIRE REPORTING SYSTEM 2022-2023
breakpoints: {
320: {
slidesPerView: 1,
spaceBetween: 20
},

1200: {
slidesPerView: 3,
spaceBetween: 20
}
}
});

/**
* Animation on scroll
*/
window.addEventListener('load', () => {
AOS.init({
duration: 1000,
easing: 'ease-in-out',
once: true,
mirror: false
})
});

})()

from django.contrib import admin

from .models import *
# Register your models here.

admin.site.register(Firereport)
admin.site.register(Firetequesthistory)
admin.site.register(Teams)

from django.apps import AppConfig

class FirereportConfig(AppConfig):
name = 'firereport'

from django.db import models

# Create your models here.

class Teams(models.Model):
teamName = models.CharField(max_length=200, null=True)
teamLeaderName = models.CharField(max_length=250, null=True)
teamLeadMobno = models.CharField(max_length=15, null=True)
teamMembers = models.CharField(max_length=300, null=True)
DEPARTMENT OF COMPUTER SCIENCE Page 54
 ONLINE FIRE REPORTING SYSTEM 2022-2023
postingDate = models.DateTimeField(auto_now_add=True)

def __str__(self):
return self.teamName

class Firereport(models.Model):
FullName = models.CharField(max_length=250, null=True)
MobileNumber = models.CharField(max_length=12, null=True)
Location = models.CharField(max_length=200, null=True)
Message = models.CharField(max_length=200, null=True)
AssignTo = models.ForeignKey(Teams, on_delete=models.CASCADE, null=True)
Status = models.CharField(max_length=150, null=True)
Postingdate = models.DateTimeField(auto_now_add=True)
AssignedTime = models.CharField(max_length=150, null=True)
UpdationDate = models.DateTimeField(null=True)

def __str__(self):
return self.FullName

class Firetequesthistory(models.Model):
firereport = models.ForeignKey(Firereport, on_delete=models.CASCADE, null=True)
status = models.CharField(max_length=200, null=True)
remark = models.CharField(max_length=250, null=True)
postingDate = models.DateTimeField(auto_now_add=True)

def __str__(self):
return self.status

import datetime

from django.db.models import Q

from django.shortcuts import render,redirect
from .models import *
from datetime import date
from datetime import datetime
from django.contrib.auth.models import User
from django.contrib.auth import login,logout,authenticate
# Create your views here.

def index(request):
return render(request, 'index.html')

def reporting(request):
error = ""
if request.method == "POST":
FullName = request.POST['FullName']
MobileNumber = request.POST['MobileNumber']
DEPARTMENT OF COMPUTER SCIENCE Page 55
 ONLINE FIRE REPORTING SYSTEM 2022-2023
Location = request.POST['Location']
Message = request.POST['Message']
try:
Firereport.objects.create(FullName=FullName, MobileNumber=MobileNumber,
Location=Location, Message=Message)
error = "no"
except:
error = "yes"
return render(request, 'reporting.html', locals())

def viewStatus(request):
sd = None
if request.method == 'POST':
sd = request.POST['searchdata']
try:
firereport = Firereport.objects.filter(Q(FullName__icontains=sd) |
Q(MobileNumber=sd) | Q(Location__icontains=sd))
except:
firereport = ""
return render(request, 'viewStatus.html', locals())

def viewStatusDetails(request,pid):
firereport = Firereport.objects.get(id=pid)
report1 = Firetequesthistory.objects.filter(firereport=firereport)
reportcount = Firetequesthistory.objects.filter(firereport=firereport).count()
return render(request, 'viewStatusDetails.html', locals())

def admin_login(request):
error = ""
if request.method == 'POST':
u = request.POST['uname']
p = request.POST['password']
user = authenticate(username=u, password=p)
try:
if user.is_staff:
login(request, user)
error = "no"
else:
error = "yes"
except:
error = "yes"
return render(request, 'admin_login.html', locals())

def dashboard(request):
if not request.user.is_authenticated:
return redirect('admin_login')
totalnewequest = Firereport.objects.filter(Status__isnull=True).count()
totalAssign = Firereport.objects.filter(Status='Assigned').count()
totalontheway = Firereport.objects.filter(Status='Team On the Way').count()

DEPARTMENT OF COMPUTER SCIENCE Page 56

 ONLINE FIRE REPORTING SYSTEM 2022-2023
totalworkprocess = Firereport.objects.filter(Status='Fire Relief Work in
Progress').count()
totalreqcomplete = Firereport.objects.filter(Status='Request Completed').count()
totalfire = Firereport.objects.all().count()
return render(request, 'admin/dashboard.html', locals())

def addTeam(request):
if not request.user.is_authenticated:
return redirect('admin_login')
error = ""
if request.method == "POST":
teamName = request.POST['teamName']
teamLeaderName = request.POST['teamLeaderName']
teamLeadMobno = request.POST['teamLeadMobno']
teamMembers = request.POST['teamMembers']

try:
Teams.objects.create(teamName=teamName, teamLeaderName=teamLeaderName,
teamLeadMobno=teamLeadMobno, teamMembers=teamMembers)
error = "no"
except:
error = "yes"
return render(request, 'admin/addTeam.html', locals())

def manageTeam(request):
if not request.user.is_authenticated:
return redirect('admin_login')
teams = Teams.objects.all()
return render(request, 'admin/manageTeam.html', locals())

def editTeam(request,pid):
if not request.user.is_authenticated:
return redirect('admin_login')
teams = Teams.objects.get(id=pid)
error =""
if request.method == "POST":
teamName = request.POST['teamName']
teamLeaderName = request.POST['teamLeaderName']
teamLeadMobno = request.POST['teamLeadMobno']
teamMembers = request.POST['teamMembers']

teams.teamName = teamName
teams.teamLeaderName = teamLeaderName
teams.teamLeadMobno = teamLeadMobno
teams.teamMembers = teamMembers

try:
teams.save()
error = "no"
except:
DEPARTMENT OF COMPUTER SCIENCE Page 57
 ONLINE FIRE REPORTING SYSTEM 2022-2023
error = "yes"
return render(request, 'admin/editTeam.html', locals())

def deleteTeam(request,pid):
if not request.user.is_authenticated:
return redirect('admin_login')
teams = Teams.objects.get(id=pid)
teams.delete()
return redirect('manageTeam')

def newRequest(request):
if not request.user.is_authenticated:
return redirect('admin_login')
firereport = Firereport.objects.filter(Status__isnull=True)
return render(request, 'admin/newRequest.html', locals())

def assignRequest(request):
if not request.user.is_authenticated:
return redirect('admin_login')
firereport = Firereport.objects.filter(Status='Assigned')
return render(request, 'admin/assignRequest.html', locals())

def teamontheway(request):
if not request.user.is_authenticated:
return redirect('admin_login')
firereport = Firereport.objects.filter(Status='Team On the Way')
return render(request, 'admin/teamontheway.html', locals())

def workinprogress(request):
if not request.user.is_authenticated:
return redirect('admin_login')
firereport = Firereport.objects.filter(Status='Fire Relief Work in Progress')
return render(request, 'admin/workinprogress.html', locals())

def completeRequest(request):
if not request.user.is_authenticated:
return redirect('admin_login')
firereport = Firereport.objects.filter(Status='Request Completed')
return render(request, 'admin/completeRequest.html', locals())

def allRequest(request):
if not request.user.is_authenticated:
return redirect('admin_login')
firereport = Firereport.objects.all()
return render(request, 'admin/allRequest.html', locals())

def deleteRequest(request,pid):
if not request.user.is_authenticated:
return redirect('admin_login')
firereport = Firereport.objects.get(id=pid)
DEPARTMENT OF COMPUTER SCIENCE Page 58
 ONLINE FIRE REPORTING SYSTEM 2022-2023
firereport.delete()
return redirect('allRequest')

def viewRequestDetails(request,pid):
if not request.user.is_authenticated:
return redirect('admin_login')
firereport = Firereport.objects.get(id=pid)
report1 = Firetequesthistory.objects.filter(firereport=firereport)
firereportid = firereport.id
team = Teams.objects.all()
reportcount = Firetequesthistory.objects.filter(firereport=firereport).count()
try:
if request.method == "POST":
teamid = request.POST['AssignTo']
Status="Assigned"
team1 = Teams.objects.get(id=teamid)
try:
firereport.AssignTo = team1
firereport.Status = Status
now = datetime.now()
firereport.AssignedTime = now.strftime("%m/%d/%Y %H:%M:%S")
firereport.save()
error = "no"
except:
error = "yes"
except:
if request.method == "POST":
status = request.POST['status']
remark = request.POST['remark']

try:
requesttracking =
Firetequesthistory.objects.create(firereport=firereport,status=status, remark=remark)
firereport.Status = status
firereport.save()
firereport.UpdationDate = date.today()
error1 = "no"
except:
error1 = "yes"
return render(request, 'admin/viewRequestDetails.html', locals())

def dateReport(request):
if not request.user.is_authenticated:
return redirect('admin_login')
error = ""
if request.method == 'POST':
fd = request.POST['fromDate']
td = request.POST['toDate']
firereport = Firereport.objects.filter(Q(Postingdate__gte=fd) &
Q(Postingdate__lte=td))
DEPARTMENT OF COMPUTER SCIENCE Page 59
 ONLINE FIRE REPORTING SYSTEM 2022-2023
return render(request, 'admin/betweendateReportDtls.html', locals())
return render(request, 'admin/dateReport.html', locals())

def search(request):
if not request.user.is_authenticated:
return redirect('admin_login')
sd = None
if request.method == 'POST':
sd = request.POST['searchdata']
try:
firereport = Firereport.objects.filter(Q(FullName__icontains=sd) |
Q(MobileNumber=sd) | Q(Location__icontains=sd))
except:
firereport = ""
return render(request, 'admin/search.html', locals())

def changePassword(request):
if not request.user.is_authenticated:
return redirect('admin_login')
error = ""
user = request.user
if request.method == "POST":
o = request.POST['oldpassword']
n = request.POST['newpassword']
try:
u = User.objects.get(id=request.user.id)
if user.check_password(o):
u.set_password(n)
u.save()
error = "no"
else:
error = 'not'
except:
error = "yes"
return render(request, 'admin/changePassword.html', locals())

def Logout(request):
logout(request)
return redirect('inde

DEPARTMENT OF COMPUTER SCIENCE Page 60

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Chapter -4
System Implementation

4.1 HARDWARE AND SOFTWARE REQUIREMENTS

4.2 SYSTEM TESTING

DEPARTMENT OF COMPUTER SCIENCE Page 61

 ONLINE FIRE REPORTING SYSTEM 2022-2023

4.1 HARDWARE AND SOFTWARE REQUIREMENTS:

Software Requirements:

 Technology: Python Django

 IDE : Pycharm/Atom

 Client Side Technologies: HTML, CSS, JavaScript , Bootstrap

 Server Side Technologies: Python

 Data Base Server: Sqlite

 Operating System: Microsoft Windows/Linux

Hardware Requirements:

 Processor: Pentium-III (or) Higher

 Ram: 64MB (or) Higher

 Hard disk: 80GB (or) Higher

4.2 SYSTEM TESTING:

The goal of the system testing process was to determine all faults in our project .The program was
subjected to a set of test inputs and many explanations were made and based on these explanations it
will be decided whether the program behaves as expected or not. Our Project went through two levels of
testing

1. Unit testing

2. Integration testing

UNIT TESTING

DEPARTMENT OF COMPUTER SCIENCE Page 62

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Unit testing is commenced when a unit has been created and effectively reviewed .In order to
test a single module we need to provide a complete environment i.e. besides the section we
would require

• The procedures belonging to other units that the unit under test calls
• Non local data structures that module accesses
• A procedure to call the functions of the unit under test with appropriate
parameters

1. Test for the admin module

• Testing admin login form-This form is used for log in of administrator of

the system. In this form we enter the username and password if both are correct
administration page will open otherwise if any of data is wrong it will get redirected back to the
login page and again ask the details.
• Report Generation: admin can generate report from the main database.

INTEGRATION TESTING

In the Integration testing we test various combination of the project module by providing the
input.

The primary objective is to test the module interfaces in order to confirm that no errors are
occurring when one module invokes the other module.

DEPARTMENT OF COMPUTER SCIENCE Page 63

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Chapter -5
A Session with Software

5.1 SCREENSHOTS

DEPARTMENT OF COMPUTER SCIENCE Page 64

 ONLINE FIRE REPORTING SYSTEM 2022-2023

5.1SCREENSHOTS:

DEPARTMENT OF COMPUTER SCIENCE Page 65

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Fire Reporting

DEPARTMENT OF COMPUTER SCIENCE Page 66

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Admin Login Page

DEPARTMENT OF COMPUTER SCIENCE Page 67

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Admin DashBoard Page

DEPARTMENT OF COMPUTER SCIENCE Page 68

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Add Fire Control Team Page

Manage Team Detail Page

DEPARTMENT OF COMPUTER SCIENCE Page 69

 ONLINE FIRE REPORTING SYSTEM 2022-2023

View Fire Alert Request Page

DEPARTMENT OF COMPUTER SCIENCE Page 70

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Search Report B/W Date

DEPARTMENT OF COMPUTER SCIENCE Page 71

 ONLINE FIRE REPORTING SYSTEM 2022-2023

DEPARTMENT OF COMPUTER SCIENCE Page 72

 ONLINE FIRE REPORTING SYSTEM 2022-2023

B/W Date Report Details Page

Change password page

DEPARTMENT OF COMPUTER SCIENCE Page 73

 ONLINE FIRE REPORTING SYSTEM 2022-2023

DEPARTMENT OF COMPUTER SCIENCE Page 74

 ONLINE FIRE REPORTING SYSTEM 2022-2023

Chapter -6
Conclusion

6.1 CONCLUSION
6.2 FUTURE ENHACEMENTS
6.3 REFERENCES

DEPARTMENT OF COMPUTER SCIENCE Page 75

 ONLINE FIRE REPORTING SYSTEM 2022-2023

6.1 CONCLUSION:
This Application provides an online version of Online Fire Reporting System which will benefit
the fire handling team to maintain fire incidents details and fire team details.

It makes entire process online and can generate reports.

The Application was designed in such a way that future changes can be done
easily. The following conclusions can be deduced from the development of the project.

• Automation of the entire system improves the productivity.

• It provides a friendly graphical user interface which proves to be better when
compared to the existing system.
• It gives appropriate access to the authorized users depending on their
permissions.
• It effectively overcomes the delay in communications.
• Updating of information becomes so easier.
• System security, data security and reliability are the striking features.
• The System has adequate scope for modification in future if it is necessary.

6.2 FUTURE ENHACEMENTS:

 Mobile app integration: An app for reporting fires on-the-go using smartphones.
 Real-time notification: Immediate notifications to concerned authorities and emergency
services in case of a fire.
 Integration with IoT devices: Using smart sensors to detect and report fires in real-time.
 Predictive analysis: Using historical data and machine learning algorithms to predict and
prevent fires.
 Geolocation-based information: Displaying the location of fires and the nearest fire
station on a map.

DEPARTMENT OF COMPUTER SCIENCE Page 76

 ONLINE FIRE REPORTING SYSTEM 2022-2023

 Image and video recognition: Implementing technology to detect and analyze fires from
images and videos uploaded by users.
 User authentication: Implementing a secure authentication system for users to report
fires and access information.
 Multi-language support: Adding support for multiple languages to make the system
accessible to a wider audience.
 Automated incident response: Developing automated processes to respond to fires,
such as dispatching fire trucks and notifying emergency services.
 Data analytics and reporting: Analyzing fire incidents to identify patterns and trends and
generating reports to help decision-making.

6.3 REFERENCES:
Two scoops of Django for 1.11 by Daniel Greenfeld’s and Audrey Greenfield

Lightweight Django by Elman and Mark Lavin

 Wikipedia

 https://www.geeksforgeeks.org/python-django/

 https://www.javatpoint.com

 https://www.python.org/

 https://www.tutorialspoint/

DEPARTMENT OF COMPUTER SCIENCE Page 77