Reference No.: QCU-COE-EE-00 Effectivity Date: January 3, 2022 Revision No.

: 00

TOPIC ABSTRACT FORM

College College of Engineering

Proponent (the 5 members of the group, in alphabetical arrange)
Program BS Electronics Engineering
Proposed Title:
i – BAHA: Flood Alerts System with Web and Mobile Application for Motor Vehicle Users
using Raspberry Pi Wireless Network Sensor.

Background of the Proposed Topic:

Nowadays, mobile phone is one of the most important gadgets that people are using because of its
convenience and its benefits. In this generation, mobile phone is popular because it is mainly used in
communication and many people can now afford to buy phones because of its cheap price. Due to fast
evolution of phones, it is made more functional and useful for the people by means of different and
innovated mobile applications.
Mobile applications are used for better communications, business, and entertainment. Most
commonly used mobile applications in present time are Facebook and skype for communications. Mobile
applications like Lazada and E-bay Philippines are used for online shopping to lessen the time and effort
of the buyer. There are some applications that can be useful to students as well just like Electronic books
(E-books). Games, Music, Photos and Videos applications are used for entertainment. Lastly, it is easier
to navigate through Tracking Application with the use of Global Positioning System (GPS) to know the
location and route of a specific place.
Mobiles phones with GPS enabled features which can be used for navigation, mapping and tracking.
Navigation for mobile application can be used for travelling. It can use for deliver maps on the phone
screen and can be used for navigation or way finding. Through this, searching a way is faster than before.
Every year, the Philippines encounter heavy rains, and typhoons that cause flash flood. Due to effect
of climate change, people experience different effects of terrible weather and one of those is flood which
is the effect of continuous heavy rains or typhoons. Flood happens due to improper waste disposal that
clogs the drainages and because of the loggers who cut trees illegally. These affect our daily life. For
example, motorist and commuters are stranded to their work or along the highway, it causes traffic. The
worst case is it takes lives of people.
“Binaha ang ilang lugar sa Quezon City Martes ng madaling-araw dahil sa malakas na ulan dulot ng
low-pressure area. Sa Barangay Roxas District, abot-tuhod na ang baha habang hindi na rin madaanan ng
mga sasakyan ang isang tulay. Ilan sa mga residente, puspusan ang pagbubuhat ng mga motorsiklo upang
hindi malubog sa baha. May isang sasakyan naman ang nalubog sa baha” (ABS-CBN News, 2019).
“There is only one rule when driving through a flooded street: Do not. Unfortunately, Metro Manila
is not bereft of areas that easily get filled up with water once torrential rains set in. Thing is, when you
brave flood-prone areas in Manila and wade through flood and standing water, cars’ tires lose contact
with the ground, which is likely to result in “aquaplaning,” or you losing absolute control of the steering
wheel.
Even a small amount of water seeping into your engine can cause irreparable damage to your vehicle.
When that happens, car will stall and would not be able to run/start at all. The basic rule of thumb is, if
you can no longer see the painted markings on the road, take that as a warning sign: the flood is probably
too deep. It is best not to force yourself into it” (eCompareMo.com, 2019).
In this scenario, The event that the commuters and travelers with his/her car are stuck on a certain
area especially when there is flood are facing danger, risk and unsafety. Not just for their lives, but also
for their time, work, and property as well. The proponent came up with the an idea of developing i-Baha
Mobile application that can be a reference in avoiding flood prone areas used by the Barangays,
motorists, commuters and other people. This application can be used for navigation in giving alternative

Tracking No.:__________
route and estimated time when the people especially commuters and traveler experiences flood in a
certain area. It can help the motorists to be safe in times of flood and to avoid the risk of stuck in flooded
area.

In Quezon City (National Capital Region), particularly in District IV, selected barangays are easily
flooded when the rain comes. The most common natural problem in the barangay is when during flood,
the motorist, commuters and the people who pass on the road were not being notified about the flood.

At first, the proponent will conduct an interview from the Quezon City Disaster Risk Reduction and
Management (CQDRRM) and ask the lists of Barangays in all the districts of Quezon City and identify
which among the districts encounter most flooded areas among the barangays. Quezon City is an
interconnection road to other cities and a boundary to a province. That is why if the main roads of
Quezon City encounter floods, most of the travelers and commuters are hard to pass going to their target
and desire destination.

The proponent will install water level sensors and Raspberry Pi Zeros in selected barangays for a
certain area which is a flood-prone area. It will network all the water level sensors and Raspberry Pi
Zeros.
The water level sensor has an indicator to check and measure the flooded water. Once the sensor
sense and measure the water, the results will be compare to the condition codes of the program for the
mobile application and activate the Raspberry Pi Zero to connect it to the cloud (internet) and verify the
specific area in the barangay where the flood is encountered.
The location of the flooded area will be determined by the Google API, Google Earth, and Google
Map Platform. Once the area is determined to be flooded, the mobile user must input his/her starting
point and destination point to the mobile application for the program generation of the suggested
alternative route for the traveler for their destination and shown also the estimated time of arrival.
However the calculation of the destination (distance) and time will depend on Google Map.
The proposed mobile application consists of different menu such as the home, navigation menu,
flooded area menu, statistics menu, and about menu. This mobile application can be accessed by all
possible users.
The navigation menu is primarily used for navigating the map, inputting location and destination,
viewing flood level in some roads of selected barangays in Quezon City District 4, wayfinding for the
alternative route, viewing the type of vehicle that car can cross to the road. The flooded area menu is
only for viewing the list of flooded areas and the water level in some roads. The statistics menu is for
viewing the history of flooded areas in the Barangay by graph form. The about menu is only for
displaying some information about the flood map mobile application.
In the flood level monitoring module, the first step is the log-in where the Barangay Official or Staff
(Administrator) input the valid user name and password. This module only focuses on monitoring the
flood water level that is detected by the flood level monitoring device.

The project has different devices like water level sensor and Raspberry Pi Zero to detect the water
level and can monitor the flooded areas such as E. Rodrigues Avenue, Gregorio Araneta Avenue,
Kaliraya Road, St. Joseph Road, and Victory Avenues which is the main roads and barangays that are
always flooded when it rains in District IV, Quezon City.
The intended mobile application can display the water level of the roads in different color coding.
The low level which has water level that measures up to 0.4 m (Not passable to light vehicles), yellow
color code. For the medium level which has water that measures 0.5 m to 1.4m (not passable to medium
vehicles), orange color code. Lastly, the high water level measures 1.5m and above (not passable to
heavy vehicles), it has red color code (UP-NOAH, 2016).
The planned mobile application can show the geographical map view of an area in Barangays,
District IV, Quezon City that is flooded. And it has a navigation map that can show the alternative routes
and can display the estimated distance and time for the alternative route. Also, using a high definition
camera, this mobile application has a Flooded Area menu where the user can zoom and view the status of
flood water level.
The mobile application has an informative pop-up picture of the type of vehicle that can cross to
flooded road. And the application is a user friendly interface that is suited for all types of individuals, It
has information about the tips when there is flood.

Tracking No.:__________
 The mobile application has a statistical report that can show the graphical representation of the flood
history of barangays in District IV, Quezon City.
There will be three levels of users: The Travelers (commuters) are the People and main users who are
concerned using vehicle when travelling, Barangay Officials or Staff are individuals who give feedbacks
and suggestions if the travelers are asking information from the mobile application, and Quezon City
Hall, thru the Local Government Unit of QCDRRM and Quezon City Information Technology
Department Office (QCITDO) for the system administration and maintenance are the ones who manage
the operation, functionality and technicality of the mobile application. It will be linked also to the
Quezon City Official Web Site. The application will be available to Play Store.

Software Development Requirements

Software Version / Model Description

Real Time ASP.NET Signal R | Version 2.4.1 (Network Used for Real-time communication
.NET (For Back-End) Framework 4.5) of sensor devices and mobile.
VUE.JS / QUASAR (For Version 2.6 Gyros and Used for creating of mobile app or
Front-End) Quasar 1.0 client side applications.
Google API’s Version 2 (For ActivelyTo get a map data like location,
maintained) address, establishments, map
directions and map layout.
Google Earth Version 9.0 For map referencing.
Google Map Platform Version 3.37 Intended for creating script to create
Heat maps.
Web RTC Android. Google Chrome Video streaming.
28+
Database MySQL r.8.0 Used for data storages.

Hardware Development Requirements

Hardware Version / Model Description

Raspberry Pi Zero 1GHz, Single-core CPU It is a computer that the
512MB RAM proponent used in developing
Mini HDMI and USB the proposed project. The main
On-The-Go ports device of the project that will
Micro USB power connect the cloud server and the
HAT-compatible 40-pin header input water level that can be
Composite video and reset access by the user thru the
headers mobile application
CSI camera connector
802.11n wireless LAN
Bluetooth 4.0
Water level Sensor Power Input: 5VDC Level sensor that is used to
Output Type: Digital detect the water level in specific
area.

References:
ABS-CBS News (June 25, 2019). “Ilang lugar sa QC Binaha”, Retrive from:
https://news.abs-cbn.com/news/06/25/19/ilang-lugar-sa-qc-binaha

eCompareMo (June 25, 2019). “Updated: Check Out This List Of Flood-Prone Areas In Metro Manila”,
Retrive from:
https://www.ecomparemo.com/info/check-out-this-list-of-flood-prone-areas-in-metro-manila/

Tracking No.:__________
e-Gizmo (2019).” LIQUID SENSING: HONEYWELL LL103101 LIQUID LEVEL SENSOR”. Retrive
from:https://www.e-gizmo.net/oc/index.php?route=product%2Fproduct&product_id=
901&fbclid=IwAR0AZbeaSVLyCI5RUabwk0zjzXxHkVq4bbRZJexG-1L9w-E33bJEGg0umOA

Klosowski, T. (Feb. 28, 2017). “DIY The Raspberry Pi Zero W Adds Wi-Fi and Bluetooth to the Zero,
Costs $10”. Retrive from:
https://lifehacker.com/the-raspberry-pi-zero-wireless-adds-wi-fi-and-bluetooth-1792789503

Rappler.com (August 28, 2013). “Passable or not? MMDA releases flood measurements”, Retrive from:
https://www.rappler.com/nation/special-coverage/weather-alert/36829-mmda-releases-standard-flood-me
asurements

UP-NOAH (2016). “100 Year Flood Hazards”. Retrieve from:

http://noah.up.edu.ph/#/section/geoserver/flood100

General Objectives:

This aims to develop and design a web based and mobile application i – BAHA: Flood Alerts
System with Web and Mobile Application for Motor Vehicle Users using Raspberry Pi Wireless Network
Sensor.

Specific Objectives:
Specifically, it will delve to attain the following specific objectives:
1. To construct a network of sensors in determining the flood prone areas.
2. To create an application that can be used to identify the flood level.
3. To construct a rerouting path in helping commuter for alternative route during flood through
mapping services.
4. To develop web portal for generating flood activities in selected areas of the study.
5. To test and evaluate the performance of the system in terms of:
A. Functionality Test/Test Cases
i.Flood Water Level Monitoring
ii.Alternative Route
iii.View Tips and User Log-in/Log-out
iv.Dashboard and Add Sensors
v.QCMDRRMO Account
B. Portability Test
i.User Devices (Laptop/Cellphone)
ii.Browsers
iii.Operating System
C. Accuracy Test
i. Reading of Flood Water Level measurements
according to Color Code:
a. Yellow Code or Low Level Code
b. Orange Code or Medium Level Code
c. Red Code or High Level Code
ii. Alternative route with reference to:
a. Distance according to color code
1. Yellow Code or Low Level Code
2. Orange Code or Medium Level Code
3. Red Code or High Level Code
b. Time according to color code
1. Yellow Code or Low Level Code
2. Orange Code or Medium Level Code
3. Red Code or High Level Code

Tracking No.:__________
Research Methodology:

This study used the Descriptive applied research to develop an innovation to existing flood
monitoring system.

This study considered Prototyping Design Model.

Prototyping Model

Requirements Analysis
At this stage, all the requirements were gathered and defined in full detail. Researching about
who will use the system and where it will be used in order to know the requirements needed. The
Proponent carefully define all the requirements needed before developing the system. Preparing what
devices and hardware will be using is done at this phase.
The Proponent came up with the development an i – BAHA: Flood Alerts System with Web and
Mobile Application to help the travelers, motorist, and the people who will cross on the flooded area. At
first step, the proponent defined the requirements needed in developing the proposed system, and the
devices they needed. After knowing all the requirements, they gathered information by searching online.
The proponent went to the different store and canvassed about the price of the different devices, after
knowing the price in the different shop, the proponent bought all the devices needed in the cheapest shop.
After settling the hardware needed, the next step is to know all the software needed in developing a
mobile application. The proponent searched what must be the appropriate application and system
software to develop a mobile application. After gathering all the information of the software and
hardware needed, next step is to define the place where the proposed system can deployed. The
proponent chose to deploy the device in an area that is mostly flooded, like in some areas of District IV,
Quezon City.

Quick Design
After defining what the requirements are, all the ideas on what will be done in the system is
created. Quick designing can be a great help for developing the prototype because it includes only the
important aspects and ideas.

Tracking No.:__________
 The second phase is creating a quick design. After the proponent gathered all the information and
bought all the devices needed, the next step is to create a quick design. The proponent created the user
interface of the mobile application in Google Fire Based. The Proponent made a design that is suitable
and can easily be understood by the user. Put icons, labels, and chose colors that are user-friendly. Also,
in this phase, the Proponent design the hardware, made a sketch of the design where the different devices
are going to be placed.

Building Prototype
The information gathered from quick design is modified to form the first prototype, which
represents the working model of the required system.
After the proponent gathered all the information and created a quick design, the next phase is to
build a prototype. The proponent make a prototype which can detect if there’s water and can monitor its
level. This prototype will demonstrate the idea on how the system work will. And also in this phase, the
proponent started the coding for the mobile application.

Evaluation of Prototype
The proponent select respondents for the evaluation of the system such as riders/commuters,
QCDRRMC Officers and IT experts. Next, the prototype is presented to the user for thorough evaluation
to recognize its strengths and weaknesses such as what is to be added or removed. The user can give his
comments and suggestions to the developers for further development of the system. The assessment for
the system takes place in this stage.
After building a prototype, the next phase is to evaluate it. The proponent evaluated the prototype
made if it is functional, if it is sends the data in real time. Also, to evaluate if the device is good in place.
Evaluate the mobile application. Evaluate the functionality and the user interface of the proposed mobile
application, if it meets their requirements.

Evaluate and Refine Requirements

If the presentation of the first prototype does not meet the user’s expectation for the system, the
current prototype is refined according to the requirements. Then the suggestions of the user can be done
in the new prototype. This process will continue until the requirements specified by the user are met.
Once the user is satisfied with the developed prototype, the proponent makes the final project based on
the final prototype. After evaluating the prototype, the proponent will re-define the requirements if it
does not meet the requirements. The Proponent continued this phase until the requirements were met.

Implementation and Testing

At this stage, the prototype is ready for implementation. Making the prototype in the reality. The
physical design is executed into physical system by building and connecting databases to the system.
And in this phase the actual; testing takes place before the prototype goes to reality.
After redefining and meeting the requirements, the proponent’s next step is to implement and test
the mobile application. Deployed the water level sensor device in specific barangay in District IV,
Quezon City. After the hardware are all in places, they now test the mobile application. Test the overall
features of the flood map mobile application if it is fully functional. Test the overall features of the flood
map mobile application if it is fully functional. The proponent also evaluates the system itself using test
cases wherein each of the features in the system were evaluated to see if all are functioning and meet the
desired output of the system. Functionality test and portability test were conducted to determine if the
system really works. While the Accuracy test was evaluated by the respondents using the mobile
application the system was tested where in all the sensors and servers are in place to detect of the system
connect and collect all the necessary information
to provide the appropriate information needed during flood and monitoring the water level in the chosen
place of the study.

Maintain
This phase is the long test process that will operate and maintain the system. Routine
maintenance is carried out on a continuing basis to prevent large-scale failures and to minimize
downtime. The last phase is the maintenance of the system. The QC Local Government Officials
(DRRMC) will now maintain the system.

TOPIC EVALUATION COMMITTEE

The topic abstract has been thoroughly reviewed by the Topic Evaluation Committee.
Tracking No.:__________
 Evaluators Signature Remarks

ENGR. RYAN F. ARAGO

College Dean

ENGR. LEONARD A. CATCHILLAR

Program Chair, EE DEPT.

Faculty Expert

DR. MICHAEL ANGELO D. LIGAYO

Capstone Professor

Tracking No.:__________