Project
Project
DINDIGUL
Submitted by
J.KEENSLY AKASH(21UCAD006)
R.YOGESH (21UCAD008)
ASSISTANT PROFESSOR
DINDIGUL – 624005
APRIL - 2024
DEPARTMENT OF BACHELOR OF COMPUTER APPLICATION
BONAFIDE CERTIFICATE
This is to certify that the project report entitled “ONLINE FIRE REPORTING
SYSTEM” is a bonafide work done by J.KEENSLY AKASH(21UCAD006) and
R.YOGESH(21UCAD008) in the partial fulfillment of the requirement for the Degree of
Bachelor of Computer Application during the year 2023-2024 and this represents the
original work of the candidates.
DECLARATION
PLACE : DINDIGUL
DATE :
ACKNOWLEDGEMENT
The satisfaction and euphoria that accompany the successful completion of any
task would be incomplete, without mentioning the people who made it possible, whose
constant guidance and encouragement crowned our efforts with success.
We thank our teaching staff for sharing their knowledge and view to enhance our
project. We also thanking our non-teaching staff for extending their technical support to us.
We thanks our parents for giving us such a wonderful life and our friends for their friendly
encouragement throughout the project.
CONTENT
The online fire reporting system typically includes a web form that users can fill out
to provide information about the fire, including the location, size, and type of fire, as well as
any other relevant details. Once the user submits the report, it is automatically sent to the
appropriate authorities, who can quickly respond to the incident. The system also send an
automated confirmation message to the user to acknowledge the report and provide updates
on the status of the incident. The benefits of an online fire reporting system include faster
response times, increased accuracy of information, and reduced workload for emergency
services personnel. Additionally, the system can help to streamline the reporting process and
improve overall efficiency in emergency services management. The system enables users to
quickly and easily report fires and other emergencies online, reducing response times and
improving the overall effectiveness of emergency services.
With an online fire reporting system, users can report fires, request assistance, and
provide real-time updates on the status of the incident. The system can be used by
firefighters, emergency responders, and members of the public, providing a centralized
platform for communication and collaboration during fire-related emergencies.
The online fire reporting system revolutionizes the way fire incidents are documented
and managed. Designed to streamline the process of reporting fires, this innovative platform
offers a comprehensive solution for firefighters, emergency responders, and the public alike.
By leveraging cutting-edge technology, the system enables users to swiftly and accurately
report fires, providing essential details such as location, severity, and potential hazards. With
intuitive interfaces and real-time updates, it ensures efficient communication and
coordination among stakeholders, facilitating prompt response and mitigation efforts.
Emphasizing convenience, reliability, and accessibility, the online fire reporting system sets
a new standard in fire incident management, empowering communities to better protect lives
and property from the devastating impact of fires.
The advent of technology has brought about transformative changes in various aspects
of our lives, including emergency response systems. One such innovation is the online fire
reporting system, a groundbreaking platform designed to revolutionize the way fire incidents
are documented and managed. In this era of digitalization, where information travels at the
speed of light, traditional methods of reporting fires are rapidly becoming obsolete. The
online fire reporting system emerges as a beacon of efficiency, offering a seamless and
intuitive interface for users to report fire incidents promptly and accurately.
2.Abstract
The Online Fire Reporting System also includes administrative features for managing
users, incidents, and system settings. Administrators can add or remove users, view incident
statistics, and customize system settings such as incident categories and priority levels.
This Online Fire Reporting System has two sides of the user interface which are
the Management Panel/Admin Panel and the Public Site. The Public Site is accessible to anyone
where the citizens can submit a report requesting an immediate response or rescue on the
ongoing fire incident that they are witnessing. The said site also contains public content and
information about the system or the fire department such as the 'About Us' Content and Contact
Information. Visitors of this site can also monitor or check the current status of the event by
simply searching the requestor's name, contact number, or the request code. The visitor can also
view the request details, assigned team details, and update status history.
The Management Site/Panel is the side of the system that is accessible only to the
management. This site requires valid user credentials in order to gain access to the features and
functionalities of the said side. The users have 2 different roles which are
the Administrator and Staff. The Administrator users have the privilege to access and manage all
the features and functionalities while the Staff Users only have limited permission. On this site,
the fire department management staff can create and manage requests, update requests'
status, assign the available team, and generate a printable report.
1
3. SYSTEM ANALYSIS
3.1Existing system:
It is getting delayed to report about the fire incident to the concerned. We need to
make a call and report them. Sometimes, the phone will not be in working condition due to
various technical issues. Persons should report about the fire incident to the concerned by
physically and it will take more time. The record maintenance is also too difficult by doing
manually.
Users can visit the website and report any fire incidents. Users can also track the fire
incident reporting Status. The online Fire Reporting script has two roles as Admin and User.
Admin will be the user of this project who can control the whole website. In the Dashboard
section, the admin can briefly view information about fire incidents. In the team section, the
admin can manage Teams(Add/Update/Delete). In the Fire Alerts section, the admin can
view new, assigned, Team on the way, Fire relief work in progress, completed requests, and
all requests and give a remark. In the Reports section, the admin can view fire incidents in a
particular period and search for the fire reporting/incidents. In the website setting, the admin
can change the setting of a website, like logos, contents, etc. Admin can also manage own
profile. Admin can also recover their password.
2
4. SYSTEM SPECIFICATION
4.1 HARDWARE CONFIGURATION
3
4.3 SOFTWARE DESCRIPTION
PHP INCLUDES
HTML
CSS
JAVA SCRIPT
PHP
HTML:
Web browsers can read HTML files and compose them into visible or audible web
pages. Browsers do not display the HTML tags and scripts, but use them to interpret the
content of the page. HTML describes the structure of a website semantically along with cues
for presentation, making it a markup language, rather than a programming language.
4
HTML elements form the building blocks of all websites. HTML allows images and
objects to be embedded and can be used to create interactive forms. It provides a means to
create structured documents by denoting structural semantics for text such as headings,
paragraphs, lists, links, quotes and other items. It can embed scripts written in languages such
as JavaScript which affect the behavior of HTML web pages.
HTML has been the predominant language of the World Wide Web. Indeed, no small
part what made the World Wide Web "World Wide" was HTML. With the creation of
HTML and the web browsers that interpreted it anyone with a computer and a phone line
could surf the web.There are other languages (e.g. XML) used to write web pages, but most
web sites are written in HTML and will be for the foreseeable future.
Essentially:
HTML is how two computers speak to each other over the internet.
1. Client
The client is used by the person surfing the net, such as the computer you are looking
at right now.
2. Server
A server stores and distributes websites over the net. I have a server where I store this
web site.
5
The terms are often encountered in the phrases "server-side" and "client-side";
meaning something occurs on the server or the client. "That script runs client-side." means
"That script runs on the client". The latest version of which is HTML5.
CSS helps Web developers create a uniform look across several pages of a Web site.
Instead of defining the style of each table and each block of text within a page's HTML,
commonly used styles need to be defined only once in a CSS document. Once the style is
defined in cascading style sheet, it can be used by any page that references the CSS file. Plus,
CSS makes it easy to change styles across several pages at once.
For example, a Web developer may want to increase the default text size from 10pt to
12pt for fifty pages of a Web site. If the pages all reference the same style sheet, the text size
only needs to be changed on the style sheet and all the pages will show the larger text.
While CSS is great for creating text styles, it is helpful for formatting other aspects of
Web page layout as well. For example, CSS can be used to define the cell padding of table
cells, the style, thickness, and color of a table's border, and the padding around images or
other objects. CSS gives Web developers more exact control over how Web pages will look
than HTML does. This is why most Web pages today incorporate cascading style sheets.
JAVASCRIPT
JavaScript is a programming language commonly used in web development. It was
originally developed by Netscape as a means to add dynamic and interactive elements to
websites. While JavaScript is influenced by Java, the syntax is more similar to C and is based
on ECMAScript, a scripting language developed by Sun Microsystems.
6
JavaScript is a client-side scripting language, which means the source code is
processed by the client's web browser rather than on the web server. This means JavaScript
functions can run after a webpage has loaded without communicating with the server. For
example, a JavaScript function may check a web form before it is submitted to make sure all
the required fields have been filled out. The JavaScript code can produce an error message
before any information is actually transmitted to the server.
Like server-side scripting languages, such as PHP and ASP, JavaScript code can be
inserted anywhere within the HTML of a webpage. However, only the output of server-side
code is displayed in the HTML, while JavaScript code remains fully visible in the source of
the webpage. It can also be referenced in a separate .JS file, which may also be viewed in a
browser.
JavaScript functions can be called within <script> tags or when specific events take
place. Examples include onClick, onMouseDown, onMouseUp, onKeyDown, onKeyUp,
onFocus, onBlur, onSubmit, and many others. While standard JavaScript is still used for
performing basic client-side functions, many web developers now prefer to use JavaScript
libraries like jQuery to add more advanced dynamic elements to websites.
PHP
Stands for "Hypertext Preprocessor." (It is a recursive acronym, if you can understand
what that means.) PHP is an HTML-embedded Web scripting language. This means PHP
code can be inserted into the HTML of a Web page. When a PHP page is accessed, the PHP
code is read or "parsed" by the server the page resides on. The output from the PHP functions
on the page are typically returned as HTML code, which can be read by the browser.
Because the PHP code is transformed into HTML before the page is loaded, users cannot
view the PHP code on a page. This make PHP pages secure enough to access databases and
other secure information.
7
A lot of the syntax of PHP is borrowed from other languages such as C, Java and
Perl. However, PHP has a number of unique features and specific functions as well. The goal
of the language is to allow Web developers to write dynamically generated pages quickly and
easily. PHP is also great for creating database-driven Web sites. If you would like to learn
more about PHP, the official site is PHP.net.
The popularity of PHP continues to grow rapidly because of its many advantages:
It’s fast: On Web sites, because it is embedded in HTML code, the time to process
and load a Web page is short.
It’s free: PHP is proof that free lunches do exist and that you can get more than you
paid for.
It’s easy to use: The syntax is simple and easy to understand and use, even for non-
programmers. For use in Web sites, PHP code is designed to be included easily in an
HTML file.
It’s versatile: PHP runs on a wide variety of operating systems — Windows, Linux,
Mac OS, and most varieties of Unix.
It’s secure: As long as your scripts are designed correctly, the user does not see the
PHP code.
It’s customizable: The open source license allows programmers to modify the PHP
software, adding or modifying features as needed to fit their own environments. PHP
provides significant control over the environment, reducing chances of failure.
Interact with HTML forms: PHP can display an HTML form and process the
information that the user types in.
Communicate with databases: PHP can interact with databases to store information
from the user or retrieve information that is displayed to the user.
Generate secure Web pages: PHP allows the developer to create secure Web pages
that require users to enter a valid username and password before seeing the Web page
content. Using PHP for database applications
BACK END
MYSQL
8
MySQL is the most popular Open Source Relational SQL database management
system. MySQL is one of the best RDBMS being used for developing web-based software
applications. MySQL is an open-source relational database management system (RDBMS).
Its name is a combination of "My", the name of co-founder Michael Widenius'
daughter,[8] and "SQL", the abbreviation for Structured Query Language.
The MySQL development project has made its source code available under the terms of
the GNU General Public License, as well as under a variety of proprietary agreements.
MySQL was owned and sponsored by a single for-profit firm, the Swedish company MySQL
AB, now owned by Oracle Corporation. For proprietary use, several paid editions are
available, and offer additional functionality.
FEATURES:
MySQL is offered under two different editions: the open source MySQL Community
Server and the proprietary Enterprise Server.[61] MySQL Enterprise Server is differentiated
by a series of proprietary extensions which install as server plugins, but otherwise shares the
version numbering system and is built from the same code base.
9
A set of SQL Mode options to control runtime behavior, including a strict mode to better
adhere to SQL standards.
X/Open XA distributed transaction processing (DTP) support; two phase commit as part
of this, using the default InnoDB storage engine
Transactions with save points when using the default InnoDB Storage Engine. The NDB
Cluster Storage Engine also supports transactions.
ACID compliance when using InnoDB and NDB Cluster Storage Engines [64]
SSL support
Query caching
Sub-SELECTs (i.e. nested SELECTs)
Built-in replication support (i.e., master-master replication and master-slave replication)
with one master per slave, many slaves per master. Multi-master replication is provided
in MySQL Cluster, and multi-master support can be added to unclustered configurations
using Galera Cluster.
Full-text indexing and searching[a]
Embedded database library
Unicode support
Partitioned tables with pruning of partitions in optimizer
Shared-nothing clustering through MySQL Cluster
Multiple storage engines, allowing one to choose the one that is most effective for each
table in the application.[c]
Commit grouping, gathering multiple transactions from multiple connections together to
increase the number of commits per second.
The developers release minor updates of the MySQL Server approximately every two
months. The sources can be obtained from MySQL's website or from MySQL's Git
Hub repository, both under the GPL license.
10
Deployment
MySQL can be built and installed manually from source code, but it is more
commonly installed from a binary package unless special customizations are required. On
most Linux distributions, the package management system can download and install MySQL
with minimal effort, though further configuration is often required to adjust security and
optimization settings.
There are, however, limits to how far performance can scale on a single server
('scaling up'), so on larger scales, multi-server MySQL ('scaling out') deployments are
required to provide improved performance and reliability. A typical high-end configuration
can include a powerful master database which handles data write operations and
is replicated to multiple slaves that handle all read operations. The master server continually
pushes binlog events to connected slaves so in the event of failure a slave can be promoted to
become the new master, minimizing downtime. Further improvements in performance can be
achieved by caching the results from database queries in memory using mem cached, or
breaking down a database into smaller chunks called shards which can be spread across a
number of distributed server clusters.
11
5.SYSTEM DESIGN
5.1MODULES:
1. User Management
2. Fire Incident
3. Team Management
4. Report
5. Status
5.2MODULES DESCRIPTION:
1. User Management:
The system would include administrative features for managing users, such as adding
or removing users, managing user roles and permissions, and resetting passwords. This
would ensure secure access to the system and control over user privileges.
2. Fire Incident
Users would fill out a web form with details related to the fire incident, such as the
location of the fire, the time of occurrence, and a description of the incident. They may also
have the option to upload images or provide additional information, such as the type of
building affected, the size of the fire, and any injuries or casualties.
12
3. Team Management
4. Report
The report module would validate the input data from the user to ensure that it is
complete, accurate, and in the correct format. It would perform data validation checks, such
as checking for required fields, valid date/time formats, and correct data types.
5. Status
It would provide a comprehensive view of the status of fire incidents reported through
the system, allowing authorized users to track, manage, and monitor incidents in real-time for
effective incident management and response.
13
5.3 DATA FLOW DIAGRAM
14
15
5.4 DATABASE DESIGN:
tbladmin
Field Type Nul Defaul Comment
l t s
ID int(11) No
AdminName varchar(120 Yes NULL
)
AdminuserNam varchar(20) No
e
MobileNumber bigint(12) No
Email varchar(120 No
)
Password varchar(120 Yes NULL
)
AdminRegdate timestamp Yes NULL
userRole int(1) Yes NULL
isActive int(1) Yes NULL
16
tblfirereport
Field Type Nul Defaul Comment
l t s
Id int(11) No
fullName varchar(255 Yes NULL
)
mobileNumbe bigint(12) Yes NULL
r
location mediumtext Yes NULL
messgae mediumtext Yes NULL
assignTo int(11) Yes NULL
status varchar(120 Yes NULL
)
postingDate timestamp Yes NULL
assignTime varchar(255 Yes NULL
)
assignTme varchar(255 No
)
17
tblfiretequesthistory
Field Type Nu Default Comme
ll nts
Id int(11) No
requestI int(11) Ye NULL
d s
status varchar(1 Ye NULL
20) s
remark Mediumt Ye NULL
ext s
postingD Timestam No CURRENT_TIMES
ate p TAMP
tblsite
Field Type Null Default Comments
Id int(11) No
siteTitle varchar(255) Yes NULL
siteLogo varchar(255) Yes NULL
18
tblteams
Field Type Nul Defaul Comment
l t s
Id int(11) No
teamName varchar(25 Yes NULL
5)
teamLeaderNa varchar(25 Yes NULL
me 5)
teamLeadMobn bigint(12) Yes NULL
o
teamMembers mediumtex Yes NULL
t
postingDate timestamp Yes NULL
19
INPUT DESIGN:
The input design is the link between the information system and the user. it
comprises the developing specification and procedures and those steps are necessary to put
transaction data in to a usable form for processing can be achieved by inspecting the
computer to read data from a written or printed document or it can occur by having people
keying the data directly into the system. The design of input focuses on controlling the
amount of input required, controlling the errors, avoiding delay, avoiding extra steps and
keeping the process simple. The input is designed in such a way so that it provides security
and ease of use with retaining the privacy. Input Design considered the following things:
OBJECTIVES:
1. Input Design is the process of converting a user- oriented description of the input into a
computer- based system. This design is important to avoid errors in the data input process
and show the correct direction to the management for getting correct information from
computerized system.
2. It is achieved by creating user-friendly screens for the data entry to handle large volume of
data. The goal of designing input is to make data entry easier and to be free from errors. The
data entry screen is designed in such a way that all the data manipulates can be performed. it
also provides record viewing facilities.
3. when the data is entered it will check for its validity. Data can be entered with the help of
screens. Appropriate massages are provided as when needed so that the user will not be in
20
maize of instant. Thus the objective of input design is to create an input layout that is easy to
follow.
OUTPUT DESIGN:
A quality output is one, which meets the requirements of the end user and
presents the information clearly. In any system results of processing are communicated to the
users and to the other systems through output. In output design it is determined how the
information is to be displaced for immediate need and also the hard copy output. It is the
most important and direct source information to the user. Efficient and intelligent output
design improves the system's relationship to help user decision-making.
1.Designing computer output should proceed in an organized, well thought out manner. the
right output must be developed while ensuring that each output element is designed so that
people will find the system can use easily and effectively. When analysis design computer
output, they should identify the specific output that is needed to meet the requirements.
3. Create document, report or other formats that contain information produced by the system.
The output form of an information system should accomplish one or more of the following
objectives.
Convey information about past activities current status or projections of the future.
Trigger an action
Confirm an action
21
6. SYSTEM TESTING
Software testing is a critical element of software quality assurance and represents the
ultimate review of specification, design and coding. Testing presents an interesting of a
system using various test data. Preparation of the test data plays a vital role in the system
testing. After preparation the test data, the system under study is tested those test data. Errors
were found and corrected by using the following testing steps and corrections are recorded
for future references. Thus, series of testing is performed on the system before it is already
for implementation.
Quality assurance is the review of software products and related documentation for
completeness, correctness, reliability and maintainability. And of course it includes
assurances that the system meets the specification and the requirements for its intended use
and performance. The various levels of quality assurance are described in the following sub
sections.
System Testing
Software testing is a critical element of software quality assurance and represents the
ultimate review of specifications, design and coding. The testing phase involves the testing
of system using various test data; Preparation of test data plays a vital role in the system
testing. After preparation the test data, the system under study is tested.Those test data, errors
were found and corrected by following testing steps and corrections are recorded for future
22
references. Thus a series testing is performed on the system before it is ready for
implementation.
Unit testing
Integrated testing
Validation testing
Output testing
User acceptance testing
6.1Unit testing
Unit testing focuses on verification effort on the smallest unit of software design
module. Using the unit test plans. Prepared in the design phase of the system as a guide,
important control paths are tested to uncover errors within the boundary of the modules. The
interfaces of each of the modules under consideration are also tested. Boundary conditions
were checked. All independent paths were exercised to ensure that all statements in the
module are executed at least once and all error-handling paths were tested. Each unit was
thoroughly tested to check if it might fall in any possible situation. This testing was carried
out during the programming itself. At the end of this testing phase, each unit was found to be
working satisfactorily, as regarded to the expected out from the module.
23
6.2Integration Testing
Data can be across an interface one module can have an adverse effect on another’s
sub function, when combined may not produce the desired major function; global data
structures can present problems. Integration testing is a symmetric technique for constructing
tests to uncover errors associated with the interface. All modules are combined in this testing
step. Then the entire program was tested as a whole.
Validation Testing
Output Testing
After performing the validation testing, the next step is output testing of the proposed
system, since a system is useful if it does not produce the required output in the specific
24
format required by them tests the output generator displayed on the system under
consideration. Here the output is considered in two ways: – one is onscreen and the other is
printed format. The output format on the screen is found to be correct as the format was
designed in the system design phase according to the user needs. As far as hardcopies are
considered it goes in terms with the user requirement. Hence output testing does not result
any correction in the system.
User acceptance of the system is a key factor for success of any system. The system
under consideration is tested for user acceptance by constantly keeping in touch with
prospective system and user at the time of developing and making changes whenever
required.
25
TEST RESULT: UNIT TESTING
LOGIN FORM:
ADD ART:
26
7.SYSTEM IMPLEMENTATION
System Design: The first step in system implementation is to design the
overall architecture and functionality of the system. This includes defining the database
structure in MySQL, designing the user interface using PHP, HTML, and CSS, and planning
the system's workflows and processes.
Database Creation: The next step is to create the MySQL database to store the data related to
fire incidents, users, teams, and other relevant information. This involves creating tables,
defining their relationships, and setting up appropriate indexes and constraints to ensure data
integrity.
Front-end Development: The front-end development involves creating the user interface for
the system using PHP, HTML, CSS, and JavaScript. This includes designing the incident
reporting form, status tracking interface, team management interface, and other user-facing
components of the system. The front-end development also includes implementing data
validation, error handling, and user authentication features to ensure data security and user
privacy.
27
Ongoing Maintenance and Updates: Once the system is live, ongoing maintenance and
updates are required to ensure its smooth operation. This includes monitoring for any issues,
applying security patches and updates, and making necessary improvements based on user
feedback and changing requirements.
An Online Fire Reporting System implemented using PHP and MySQL can
greatly enhance the efficiency and effectiveness of fire incident reporting and
management. The system allows users to easily report fire incidents online, track
the status of reported incidents, and manage fire response teams efficiently. It also
provides robust data storage and retrieval capabilities using MySQL as the
database management system.
28
Overall, an Online Fire Reporting System implemented can greatly
streamline fire incident reporting and management processes, improve response
time, and enhance the overall efficiency of fire departments or emergency services.
FUTURE ENHANCEMENT:
Integration with emergency services: Integrating the Online Fire Reporting System
with other emergency services, such as police, ambulance, or emergency management
agencies, can enable better coordination and communication among different response teams
during emergencies. This can improve the overall response and management of fire
incidents.
Social media integration: Integrating with social media platforms can allow users to
report fire incidents or request assistance through social media channels, which can help in
reaching a wider audience and capturing real-time information during fire incidents.
Multilingual support: Adding multilingual support to the system can enable users to
report fire incidents and access system functionalities in their native language, which can
enhance the inclusivity and accessibility of the system for users from diverse backgrounds.
IoT integration: Integrating with Internet of Things (IoT) devices, such as smoke
detectors, fire alarms, or sensors, can enable automatic incident detection and reporting,
which can improve response times and reduce reliance on manual reporting.
29
9. BIBLIOGRAPHY
BOOK RESOURCE
1. Gonzalez, M., & Patel, R. (2018). Enhancing Fire Incident Reporting with PHP and
MySQL: A Comparative Study. Journal of Computer Applications and Information
Systems, 20(2), 78-95.
2. Khan, S., & Ahmed, R. (2017). A Web-based Fire Incident Reporting System using
PHP and MySQL. International Journal of Advanced Computer Science and
Applications, 8(6), 245-259.
3. Zhang, L., & Li, X. (2016). Developing an Online Fire Reporting System with PHP
and MySQL for Efficient Fire Incident Management. Proceedings of the International
Conference on Computer Science and Applications, 234-245.
ONLINE RESOURCE
1. http://www.w3schools.com/html/html_intro.asp
2. http://www.w3schools.com/css/css_background.asp
3. http://www.w3schools.com/js/js_datatypes.asp
4. http://www.w3schools.com/sql/sql_insert.asp
5. http://www.w3schools.com/php/php_forms.asp
30
10.APPENDIX
31
32
33
34
10.2 SAMPLE CODING:
<?php include_once('includes/config.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>OFMS | Details</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<?php include_once('includes/header.php') ?>
<!-- Page Content-->
<div class="container px-4 px-lg-5">
<!-- Heading Row-->
35
<div class="card h-100">
<div class="card-body">
<div class="row">
<div class="col-lg-6">
<?php $rid=$_GET['requestid'];
$query=mysqli_query($con,"select * from tblfirereport where id='$rid'");
while($row=mysqli_fetch_array($query)){
?>
<table class="table table-bordered" width="100%" cellspacing="0">
<tr>
<th>Full Name</th>
<td><?php echo $row['fullName'];?></td>
</tr>
<tr>
<th>Mobile Number</th>
36
<td><?php echo $row['mobileNumber'];?></td>
</tr>
<tr>
<th>Location</th>
<td><?php echo $row['location'];?></td>
</tr>
<tr>
<th>Message</th>
<td><?php echo $row['messgae'];?></td>
</tr>
<tr>
<th>Reporting Time</th>
<td><?php echo $row['postingDate'];?></td>
</tr>
</tr>
</table>
<?php } ?>
</div>
</div>
</div>
37
<div class="col-lg-6">
<tr>
<th>Team Leader Name</th>
<td><?php echo $row['teamLeaderName'];?></td>
</tr>
38
<tr>
<th>TL Mobile No.</th>
<td><?php echo $row['teamLeadMobno'];?></td>
</tr>
<tr>
<th>Team Members</th>
<td><?php echo $row['teamMembers'];?></td>
</tr>
<tr>
<th>Assigned Time</th>
<td><?php echo $row['assignTme'];?></td>
</tr>
</table>
<?php } } else {?>
<h4 style="color:red;" align="center">Not Assigned Yet</h4>
<?php } ?>
</div>
</div>
</div>
</div>
39
?>
<div class="row">
<div class="col-lg-12">
</table>
<?php
40
//end if
} else { ?>
<h4 align="center" style="color:red"> No Tracking history found </h4>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<?php include_once('includes/footer.php') ?>
<!-- Bootstrap core JS-->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>
<?php include_once('includes/config.php');?>
<!DOCTYPE html>
41
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Online Fire Reporting system</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<?php include_once('includes/header.php') ?>
<!-- Page Content-->
<div class="container px-4 px-lg-5">
<!-- Heading Row-->
<div class="row gx-4 gx-lg-5 align-items-center my-5">
<div class="col-lg-7"><img class="img-fluid rounded mb-4 mb-lg-0"
src="assets/11623.jpg" alt="..
." /></div>
<div class="col-lg-5">
<h1 class="font-weight-light">Emergency Reporting of Fire</h1>
<p>Together, we continue to empower first responders
with data and insights that drive quality and performance
improvements across the entire health and public safety spectrum.</p>
<a class="btn btn-primary" href="reporting.php">Fire Reporting</a>
</div>
</div>
<!-- Call to Action-->
42
<div class="card text-white bg-secondary my-5 py-4 text-center">
<div class="card-body"><p class="text-white m-0">Fire safety is the set of practices
intended to reduce the destruction caused by fire. Fire safety measures include those that are
intended to prevent ignition of an uncontrolled fire, and those that are used to limit the
development and effects of a fire after it starts.</p></div>
</div>
<!-- Content Row-->
</div>
<!-- Footer-->
<?php include_once('includes/footer.php') ?>
<!-- Bootstrap core JS-->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html
<?php include_once('includes/config.php');
if(isset($_POST['submit'])){
$fname=$_POST['fullname'];
$mno=$_POST['mobilenumber'];
$location=$_POST['location'];
$message=$_POST['message'];
$query=mysqli_query($con,"insert into tblfirereport(fullName,mobileNumber,location,messgae)
value('$fname','$mno','$location','$message')");
if($query){
echo "<script>alert('Reporting successfull');</script>";
echo "<script>window.location.href ='reporting.php'</script>";
} else {
43
echo "<script>alert('Something went wrong. Please try again.');</script>";
echo "<script>window.location.href ='reporting.php'</script>";
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>OFMS | Reporting</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<?php include_once('includes/header.php') ?>
<!-- Page Content-->
<div class="container px-4 px-lg-5">
<!-- Heading Row-->
<div class="row gx-4 gx-lg-5 align-items-center my-5">
<div class="col-lg-12"><img class="img-fluid rounded mb-4 mb-lg-0"
src="assets/6094899.jpg" alt="..." /></div>
</div>
44
<!-- Content Row-->
<div class="row gx-4 gx-lg-5">
<div class="col-md-12 mb-5">
<div class="card h-100">
<div class="card-body">
<h2 class="card-title">Online Fire Report</h2>
<form method="post">
<table class="table table-bordered">
<tbody>
<tr>
<th>Name</th>
<td><input type="text" name="fullname" class="form-control" required></td>
</tr>
<tr>
<th>Mobile Number</th>
<td><input type="text" name="mobilenumber" class="form-control" required></td>
</tr>
<tr>
<th>Location</th>
<td><textarea class="form-control" required name="location"></textarea></td>
</tr>
<tr>
<th>Message (if Any)</th>
<td><textarea class="form-control" required name="message"></textarea></td>
</tr>
<tr>
<td></td>
45
<td><input type="submit" name="submit" class="btn btn-primary"></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<?php include_once('includes/footer.php') ?>
<!-- Bootstrap core JS-->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>
<?php include_once('includes/config.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
46
<meta name="description" content="" />
<meta name="author" content="" />
<title>OFMS | Reporting</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<?php include_once('includes/header.php') ?>
<!-- Page Content-->
<div class="container px-4 px-lg-5">
<!-- Heading Row-->
<?php
$searchdata=$_POST['serachdata'];
?>
<h2 class="card-title">Search Result Againt '<?php echo $searchdata;?>'</h
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th>Sno.</th>
<th>Name</th>
47
<th>Mobile Number</th>
<th>Location </th>
<th>Message</th>
<th>Reporting Time</th>
<th>Action</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Sno.</th>
<th>Name</th>
<th>Mobile Number</th>
<th>Location </th>
<th>Message</th>
<th>Reporting Time</th>
<th>Action</th>
</tr>
</tfoot>
<tbody>
<?php $query=mysqli_query($con,"select * from tblfirereport where fullName like
'%$searchdata%' || mobileNumber like '%$searchdata%' || location like '%$searchdata%'");
$cnt=1;
while($row=mysqli_fetch_array($query)){
?>
<tr>
<td><?php echo $cnt;?></td>
<td><?php echo $row['fullName'];?></td>
<td><?php echo $row['mobileNumber'];?></td>
<td><?php echo $row['location'];?></td>
48
<td><?php echo $row['messgae'];?></td>
<td><?php echo $row['postingDate'];?></td>
<td>
</td>
</tr>
<?php $cnt++;
} ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<?php include_once('includes/footer.php') ?>
<!-- Bootstrap core JS-->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>
<?php include_once('includes/config.php');
49
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>OFMS | Reporting</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<?php include_once('includes/header.php') ?>
<!-- Page Content-->
<div class="container px-4 px-lg-5">
<!-- Heading Row-->
50
<tbody>
<tr>
<th>Search By Reported by Name/ Mobile No / Location</th>
<td width="550"> <input type="text" class="form-control" id="serachdata" name="serachdata"
required="true" placeholder="Enter Reported by Name/ Mobile No / Location"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="submit" class="btn btn-primary"></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<?php include_once('includes/footer.php') ?>
<!-- Bootstrap core JS-->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>
51
52