Chapter 1: Introduction
1.1 Objectives
Asthma is a condition in which your airways narrow and swell and may produce extra
mucus. For some people, asthma is a minor nuisance. For others, it can be a major problem
that interferes with daily activities and may lead to a life-threatening asthma attack. Asthma
can't be cured, but its symptoms can be controlled. Asthma symptoms vary from person to
person. You may have infrequent asthma attacks, have symptoms only at certain times such
as when exercising or have symptoms all the time. Weather plays a very important role that
causes people to have asthma attacks . This project is focused on developing a mobile
weather based asthma experience system for people who suffer from asthma especially to
those who travel around. To mitigate the asthma disease, the system has a plan feature which
allows the user to plan an activity such as jogging, cycling and rock climbing for the chosen
location. It also keeps track of the current and future weather conditions to mitigate asthma
disease. Provides a reliable and easy to use interface for asthma clients to stay updated about
the weather forecast of a desired location with offline viewing too. Since the element of
communication is very important, this Mobile Weather-based Asthma Experience System has
a download/upload feature to let users update other users on the weather and asthma
situations
1.2 Problem Statement
Severe asthma attacks can be life-threatening especially during certain climates. Working
with your doctor to determine what to do when your signs and symptoms worsen and when
you need emergency treatment can be time consuming. There are not many workflows of an
online management system for asthma health and weather situations. There are least to none
availability of workflows of an online management system especially the one that focussed
on eczema health and weather situations.
1
Cold weather is often associated with asthma patients, your airways are lined with a thin layer
of fluid. When you breathe in dry air, that fluid evaporates faster than it can be replaced. dry
airways become irritated and swollen, which worsens asthma symptoms.Currently, there is no
any channel or platform which is designed for students and lecturers to keep track and record
of weather risk conditions. There is no system in the market that is able to track changes of
weather and warn asthma patients on upcoming weather changes which might harm them.
Weather conditions can bring on asthma symptoms. Some people's asthma symptoms get
worse at certain times of the year. For others, a severe storm or sudden weather change can
trigger a flare-up. There is no reporting center application that is convenient enough to report
each situation that causes the attack.
1.3 Objectives
● To research the workflow of an online management system for asthma health and
weather situations.
○ As to come out with a workflow so that others can use this as a reference as to
develop a similar online management application system which relates to
asthma and weather situations.
● To design a mobile application for managing students and lecturers' records.
Approaching high weather risk situations and also keeping track of the weather-based
asthma details.
○ Design a mobile application for students and lecturers to manage their records,
warn them when approaching high weather risk situations and keep track of
weather- based asthma details.
2
● To develop the mobile system for asthma health reporting center according to the
proposed design.
○ Make the developed Mobile Weather-based Asthma Experience System as an
asthma reporting center for asthma patients to report their asthma conditions to
their clinician.
1.4 Project Scope
1.4.1 Android Studio
Android Studio is an Android official IDE. It is optimized for all Android phones,
tablets and other devices. Fully supports all the same programming languages of IntelliJ such
as Java, C++ and more. Android Studio also provides an assistant where it could connect your
application to Firebase, cloud integration and assists you to add multiple services provided by
Android Studio such as Analytics, authentication and so on.
1.4.2 Firebase
Firebase is a front end focus data store. A realtime by default data store that the client
can connect directly. It synchronizes all the data automatically through a Websocket
depending on the client’ network capacity. Firebase consists of it’s own storage system with
sets of security rules. Has a built in email password authentication system where it also
supports Authentication from Google, Facebook, Twitter, and GitHub.
3
1.4 Project Timeline
Weeks
1
2
3 4
5
6
7
8
9
10
11 12 13 14
Understand the proposed project
Literature Review
Requirements
Design
4
Implementation
Finalize Report
Submit Report
Oral Presentation
Table 1 Gantt Chart plan for Final Year Project Part 1
Chapter 2 : Background Study
2.1 Introduction to Asthma
Asthma is a condition in which your airways narrow and swell and may produce extra
mucus. This can make breathing difficult and trigger coughing, a whistling sound
(wheezing) when you breathe out and shortness of breath. For some people, asthma
is a minor nuisance. For others, it can be a major problem that interferes with daily
activities and may lead to a life-threatening asthma attack. Asthma can't be cured,
but its symptoms can be controlled. Asthma affects 5-10% of the population or an
estimated 23.4 million persons, including 7 million children. Because asthma often
5
changes over time, it's important that you track your signs and symptoms and adjust
your treatment as needed.
2.1.1 Types of Asthma
2.1.1.1 Adult-Onset Asthma
Some people don’t show signs of having asthma until they are adults. This is known as adultonset asthma.There are many possible factors.Sometimes, people just manage to essentially
avoid their asthma triggers for years. When they are then exposed to that trigger as an adult, it
can bring on asthma symptoms. For example, they may move in with a roommate who has a pet,
or they may work around certain chemical fumes for the first time. Other times, a viral infection
can unmask their asthma symptoms. For example, they may have an upper respiratory infection
that leads to a cough that sticks around for weeks.
2.1.1.2 Allergic Asthma
There is often a link between allergies and asthma. Not everyone who has allergies has asthma,
and not everyone with asthma has allergies. But allergens such as pollen, dust and pet dander
can trigger asthma symptoms and asthma attacks in certain people. This is called allergic
asthma.
2.1.1.3 Asthma-COPD Overlap
Chronic obstructive pulmonary disease (COPD) is a collection of lung diseases that cause
breathing problems and obstruct airflow. This group of diseases can include refractory (severe)
asthma, emphysema and chronic bronchitis. Most people with asthma will not develop COPD,
and many people with COPD don’t have asthma. However, it’s possible to have both. AsthmaCOPD overlap syndrome (ACOS) occurs when someone has these two diseases at once.
6
2.1.1.4 Exercise-Induces Bronchoconstriction (EIB)
Exercise-induced bronchoconstriction, or EIB, is the preferred term for what was known for years
as exercise-induced asthma. Symptoms develop when airways narrow as a result of physical
activity. As many as 90 percent of people with asthma also have EIB, but not everyone with EIB
has asthma. Many elite and world-class athletes have EIB including Olympic medal winners in
sports like cross country skiing, figure skating and ice hockey.
2.1.1.5 Nonallergic Asthma
Asthma that is caused by illnesses, medications and environmental factors are the common triggers
for this nonallergic asthma. Asthma flares up in extreme weathers, when it is too cold patients will
have difficulties to breathe.
2.1.1. 6 Occupational Asthma
Occupational factors are associated with up to 15 percent of disabling asthma cases. Triggers
may include chemicals used in manufacturing, paints, cleaning products, dust from wood, grain
and flour, latex gloves, certain mold, animal and insects. Factors that increase the risk for
developing occupational asthma include existing allergies or asthma, a family history of allergies
or asthma, and cigarette smoking.
2.1.2 General Symptoms
The most common signs of asthma are:
●
Coughing, especially at night, during exercise or when laughing
●
Difficulty breathing
7
2.2
●
Chest tightness
●
Shortness of breath
●
Wheezing
Weather’s Influence on Asthma
Extreme weather can irritate the airways more than milder weather. Weather can also affect
pollen counts. This can cause asthma symptoms in those with allergic asthma.Climate change
an extended change in weather patterns affects health. With increasing temperatures and
more severe storms, people with asthma are at higher risk of weather triggering asthma flares.
Studies suggest climate change can actually cause asthma as well. During an asthma attack,
the airways in and out of your lungs narrow and your body makes extra mucus, both of which
make it hard for you to breathe. Everyone has different triggers, but certain types of weather
and seasonal changes can lead to attacks for some people.
When you breathe in hot air, it can irritate airways that are already narrowed. Heat and
sunlight also can make pollution worse when they mix with chemicals in the air, creating
smog. Watch air-quality and weather forecasts. Limit your time outside if they look bad. Air
conditioning keeps you cool and filters out irritants.When the temperature drops, your asthma
symptoms may get worse. Cooler air can dry out the tissues in your airways, making them
more sensitive and likely to close up.
When the weather takes a sudden turn, your asthma symptoms may flare up. Some experts
believe that barometric pressure plays a role. This shows that shifts in humidity and
temperature are the culprits. Keep an eye on forecasts so you know when big swings are
coming.
8
2.4
Tool for Patient’s Assessment on the Severity of Asthma
Asthma Control Test (ACT)
Asthma Control Tests are heavily based on the patient’s response from the questionnaire based on
their experience such as symptoms (both day and night), the use of emergency medication,
influence of asthma on daily life, and how the patient’s ability to control the asthma within the 4
week period. For each part includes 5 responses from the patients, based on Likert-type rating scale.
The lowest 5 means the patient has poor asthma control while 25 means the user has total control
of their asthma.
Childhood Asthma Control Test(cACT)
cACT is to assess the children at the age of 4 to 11 years old. self use tool where the child
and the caregiver will be given 4 weeks. A tool where it will be based on the perspective of
the child’s and the caregiver’s perspective when answering the question. The child will be
rated on 4 like Likert scale, that consists of day and night, activity limitation due to asthma,
and awake at night due to asthma.
Asthma Control Questionnaire
The process of ACQ is by asking the patients to recollect their past experiences within the
past week and to answer 6 questions with a 7 point scale about the asthma symptoms such as
waking up at nights, limitations of activities, shortness of breath, and wheezing. The score of
the mean 7 items, and the score ranges from 0 to 6, where the highest number meant the
patient is unable to control their asthma.
9
Asthma Therapy Assessment Questionnaire
Focuses on 18 years and older. The questionnaire focuses on asthma control based on the past
4 weeks. The questions revolve around individuals' thoughts of asthma control, absence of
work or school due to asthma, nocturnal waking due to asthma, and the consumption of
agonist bronchodilators or known as inhalers. The response would be whether the individual
manages to control or not, based on that the ranges from 0 to 4 where the highest number
means the individual has a control problem over their asthma.
Lara Asthma Symptom Scale
Developed for both children and adults, where the adult version was developed later. LASS
focuses on 8 items such as asthma attacks, nocturnal symptoms, frequency of cough, overall
individual asthma severity, chest pain, shortness of breath, wheezing within the past 4 weeks.
Each question is scaled with 5-point, the responses of each will be in the range of 8 to 40,
where the higher score means more severe asthma symptoms.
10
2.5
Existing Mobile Asthma Application
2.6 Inhaler Diary
Figure 2.1:Inhaler Diary Main Page Diagram
In this page the user will be able to input the number of puffs that they have to take. The user
is able to set the date and time of when the time for medication will be. The user is also able
to put notes to remind himself in the future. On the top right the user is able to use either
preventer or reliever.
11
Figure 2.1.2 Inhaler Diary Sidebar
Based on the figure 2.1.2 shows the sidebar from the application of inhaler_diary. Within the
sidebar it consists of settings where the user can either change the style of the background
into dark mode or light mode. In the export section the user is able to export all the data they
they have input in. The exported will be consists of graphs of how much the user uses their
medication.
12
Figure 2.1.3: Display the result
From the figure 2.1.3 it consists of how the result is being displayed. From the top right the
data is being displayed in a manner of a week, then the one to the right it is displayed as
within a month. The ones in the middle to the left consists of how many times the medication
is being taken throughout the whole time that is being tested. For the calendar it shows within
the day of how much time the medication is being taken and at what time.
Breakdown, bottom left of the diagram displays the data in a different manner such as in a
graph and also in a pie chart that displays which type of medication that the user uses mostly.
Year chart just display the same data but in a manner of a year.
13
Figure 2.1.4: Setting
From the figure 2.1.4. displays the settings. Within this page the user is only able to change
the theme from Light theme to a dark theme, where if the user changes to a black one then the
overall design will be black.
14
Figure 2.1.5: Export Function
From the figure 2.1.5 displays an error regarding the unavailability to export the data that the
system have regarding the user. Despite saying “Need to grant permission” there was no
permission being requested from the application since the installation.
15
Figure 2.1.6: Type of Medication
From the figure 2.1.6 By clicking on the top right that was initially Preventer, the user will be
able to switch to a reliever. In case the user is having asthma symptoms the user will have to
use Relievers to relieve the symptoms. while preventer is whenever the user is in the
environment where it could possible let the user to start to have an asthma attack such as in a
dusty place, exposed to some chemical airborne, drastic change in weather and so forth
depending on the type of asthma the user has.
16
Figure 2.1.7: Display the result in graph ( 7 days)
From the figure 2.1.7 it consists of how the result is being displayed. Currently the graph
displays that I have used medication twice on 13th Oct.
17
Figure 2.1.8: Display the result in graph ( 30 days)
From the figure 2.1.8 it indicates that the user has already used their medication on the 13th
Oct. The data is being displayed in the month.
18
Figure 2.1.9: Display the Stat List:Preventer
From the figure 2.1.9 shows the data in a different comparison such as total, within the last 7
day, last 30 days, Total medication used, recent medication take within the last 7 days, and
also last 30 days.
19
Figure 2.1.10: Display the calender Preventer ( 7 days)
From the figure 2.1.10 display the data in the form of a calendar. If the user uses their
medication it will indicate by red or blue depending on which medication that the user uses.
If the date has been clicked it will show what time the user uses their medication and also
how many times.
20
Figure 2.1.11: Breakdown Preventer ( 7 days)
From the figure 2.1.11 display the data in a pie chart where it will display at which time of
the day uses their medication and uses a graph to compare which part of the day the user uses
the most within the week.
21
2.7 Asthma
Figure 2.2.1: Main Page Asthma
From the figure 2.2.1 Shows the main page. Consists of information regarding the Peak flow,
Puffs, Steps taken, and symptoms. After taking sometime going through the system it still
feels too crowded as per too much information is being displayed at one. Quite confusing to
navigate and also unsure what to do next for the first timer of the application.
22
Figure 2.2.2: Sidebar of Asthma
From the figure 2.2.2 shows the features that the system has which are Asthma Control Test,
reminders, medication, peak flow limits, personal data, privacy policy, and contact us. The
user is also able to press the circle button where they can input in their asthma attack or
symptoms. The information the user keys in are Peak Flow, Puffs ( how much medication the
user inhales) , symptoms and notes.
23
Figure 2.2.3: Asthma Control Test(ACT)
24
Figure 2.2.3 Shows the ACT test that the user will have to take to know their ACT result, if
the user happens to get a really high result the highest being 25 it means that the user has full
control of their asthma attack. The lowest means the user is highly recommended to go to
hospital for a consultation on ways to have a control on their asthma.
25
Figure 2.2.4: Reminder to notify user to consume medication
Based on the figure 2.2.4 shows the lists of remainder sets by the user previously. By clicking
the round shaper on the bottom right corner the user is able to set the time, types of
medication and toggle the alarm on and off for any available alarm that has been set by the
user earlier. Despite the main page is overcrowded with information at times there are a lot of
features provided by the system that the user is able to use.
26
Figure 2.2.5: Medication Selection
From the figure 2.2.5 the user will be prompted here once they click the medication section.
The user is able to add 2 types of medication which is Base Medication and Rescue
medication. Each of these types of medication have different functionality and also types of
medication that the user is able to take.
27
Figure 2.2.6: Peak Flow Limits
From the figure 2.2.6 the user will have to key in their lower limit and upper limit for their
breathing using the peak flow meter. This data also can be shown in the report if the user
wishes to download or share their report to other people.
28
Figure 2.2.7: View Personal Data
From the figure 2.2.7 the user details are displayed. The information regarding when the user
starts to diagnose with Asthma, and what triggers the user asthma attack. Other types of
information regarding the user is being recorded as well as per precaution such as smoking
which is worse for any user who is having asthma.
29
2.8 Peak Flow
Figure 2.3.1 Peak Flow Main Page Diagram
Figure 2.3.1 shows the main page of Peak Flow where the user is able to set the date and time
of when the time of the peak flow. The users can also set the medication setting of premedication or post medication. Users can also put in some comments or notes before saving
the reading.
30
Figure 2.3.2 Peak Flow Readings
In this page it shows the PEF (Peak Expiratory Flow Rate) readings including the date and
time. Hence, users are able to track their readings daily or even monthly. If the PEF is high,
the number will be highlighted green , average orange and red for low.
31
Figure 2.3.3 Stats of the readings
Figure 2.3.3 shows the data of the readings on weekly or monthly bases. Users can also check
the stats based on Pre Medication or Post medication. In this graph it also shows the day and
time the reading were keyed in. These stats can be shared on most platforms, this helps the
users to track even better.
32
Figure 2.3.4 Import Readings
In this page it allows users to import the readings by selecting the import file and uploading
the data. There is also an option to merge with existing readings and replace existing
readings. Once the option has been selected users can click import.
33
Figure 2.3.5 Export Readings
In this page users are able to choose the between which date they want to get the data. Users
can also choose the order of the readings from the latest readings or the earliest readings.
Users can also export and share the data or export the data to SD card.
34
Comparison Table between the reviewed applications and Proposed Mobile Applications
Application
Inhaler_Diary
Asthma
Peak Flow
Proposed
Application
Advantages
-Uses notification to
-Uses ACT to
-Users are
-Provide
notify the user when
identify the user’s able to track
forecast on
they have to take their
ability to control
PEF readings
weather and
medication
their asthma
-Able to
others
- Able to plan what
- Have a wide
export
- Allow user
time the user will
range of features
reading by
to input
have to take their
such as reminders latest or
activities
medication
-
earliest
details and
readings
severity of it
-No user
-Doesn't
- Have quite range of
ways to display their
data
Disadvantages
- Have no other
-Main page is
functionality than
overcrowded with manual to
offer ACT
displaying their data
information
use the app
-Doesn't have
in different time lapse
-There is no
notification
- The export function
tracking for
not working
daily graph
readings
35
36
Chapter 3: Requirement
3.1 Use Case Diagram
Figure 3.1: Asthma Care Use Case Diagram
37
Figure 3.1 Based on the figure below shows the features of what Asthma care systems will
provide. The step would be that the user will have to register themselves for the user to start
using the application, by inputting their email, password and personal info. The registration
will be invalid if the email that the user uses is already in the database.
Once the setup is complete, the newly registered user or the concurrent user will be
directed to the login page so that the user can one start using the Asthma Care system. The
user will have to put in their email and password that they use in the registration. If the
database contains the email with the password provided being similar, then the user can login
and use the system. If the email and the password is not provided the user will have to either
input in the proper login details for them to proceed.
The registered user will be able to view the dashboard that consists of display
weather forecast, plan activity and record asthma. The user can also navigate themselves
using the sidebar provided which also shows the features that the system has and User Info
where the user could go there to update their profile. The user can view the weather within
the Display Weather Forecast where it contains the current weather temperature and the
upcoming 6 days of weather forecast and the types of activity the user is able to do within
that day. Within this section also if the user is not able to have Internet, they also can view
the weather forecast in an offline mode.
In the Plan Activity section, the user can input the types of activity that they will be
conducting, the location and the timing. Within this section also the user can view the
planned activity that the user has made beforehand if they ever did so alongside the weather
forecast of that day. With the provided information the user can plan what type of activities
that they are able to do within that day. In the Record Asthma section, each activity of the
user input or planned will be uploaded to the database alongside with the weather that day, as
per in case of an asthma attack the doctors is able to view the data to see whether what occurs
38
is the asthma attack. The user will also input what type of Asthma the user has and how much
puff the user will have to take per day or week for both preventers and relievers. With the
input data given by the user the system would give an alarm daily depending on how much is
needed by the user. The user can upload the report to the doctor and they are able to
download the report for offline viewing.
3.2 Data Flow Diagram
Figure 3.2: Asthma Care Context Diagram
Figure 3.2 The diagram above shows the overall view of how the data flows within the
Asthma Care system.
The input that is coming from the user will be making a new account, login details, input new
activity, request weather forecast, record asthma, and lastly view asthma report.
39
The output generated by the system will be redirected to login page, result verification,
activity planned, view weather forecast, view asthma report, and alarm notification.
Figure 3.2.1: Asthma Care Level 1 Context Diagram
From the figure 3.3 shows level 1 data flow diagram within the system Weather Baser
Asthma Care system. of how each data is getting processed before going through to another
40
system. In the Level 1 data flow diagram we can see that each sub processes manage where
for 1.0 in the Register process handle the verification of the login details for each user who
wants to sign in into the system whether the details provided is already within the database or
not. 2.0 will consist of verification for each user to input their email and password for them to
grant access to the system. For Plan activity the user is able to plan out their activity by
providing proper details of the activity for the student to go out. Record asthma consists of
the user to provide their overall health status and also the types of Asthma that the user has.
Within the Weather Forecast will acquire the details of the weather forecast to be displayed to
the user. Lastly Report would consist of the forecast report as some users are quite fragile as
they can't stand sudden change in temperature. The report also can be downloaded for offline
viewing also and be sent to the doctor for further health monitoring.
3.3 Class Diagram
Figure 3.3: Domain Class Diagram
41
Figure 3.3 shows the domain class diagram for the Mobile Weather Asthma Care system. The
diagram consists of 4 classes which is User, Activity, Report Asthma, and Summary Report.
The user is able to record their asthma in the ReportAsthma where they have to fill in their
types of asthma and so forth. The user is also able to plan their new activity by filling up the
form in the Activity.
42
3.4 Entity Relationship Diagram
Figure 3.4: Entity Relationship Diagram
Figure 3.4 . This figure shows the entity relationship diagram of Mobile Weather Asthma
Care system. In the diagram it shows 4 entities which are Activity, User, ReportAsthma and
SummaryReport. In the diagram within the User table, the UserID is the primary key(PK)
which is the one that will be used in other tables such as Activity, ReportAsthma, and
SummaryReport but will be referenced as foreign key(FK). For the ReportAsthma the
primary key is ReportAsthmaID where it would consist of AsthmaType, AsthmaSymptomps,
AsthmaTriggers, AsthmaDiagnoses.
43
3.5 Data Dictionary
Table 3.7.1 Data Dictionary for User Table
Attribute
Name
Data Type
Data Description
Key
UserID
varchar(25)
Unique user ID
PK
Email
varchar(25)
User’s email address
Name
varchar(25)
User name
Reference
Table 3.7.2 Data Dictionary for Activity Table
Attribute Name
Data Type
Data Description
Key
ActivityID
varchar(25)
ID for each activity
PK
TypeActivity
varchar(25)
Types of Activity
TypeAsthma
varchar(25)
Type of Asthma
ActivityDuration
TIMESTAMP
Duration of the activity
ActivityTown
varchar(50)
Location of activity
ActivityTemp
varchar(3)
Temperature during
activity
ActivityHumidity
varchar(4)
Humidity during
activity
UserID
varchar(25)
user ID
FK
Reference
User
44
Table 3.7.2 Data Dictionary for Summary Table
Attribute
Name
Data Type
Data Description
Key
ReportID
varchar(25)
Unique Report ID
PK
UserID
varchar(25)
User’s ID
FK
Reference
User
Table 3.7.2 Data Dictionary for ReportAsthma Table
Attribute Name
Data Type
Data Description
Key
ReportAsthma ID
varchar(25)
Unique Asthma report ID
PK
AsthmaType
varchar(25)
Type of Asthma
AsthmaSymptomps
varchar(25)
Symptomps of Asthma
AsthmaTriggers
varchar(50)
Triggers Asthma
Asthma Diagnose
varchare(25)
Types of Medication
UserID
varchar(25)
User’s ID
FK
Reference
User
Chapter 4: Design
45
4.1 Sequence Diagram
4.1.1 Login Sequence Diagram
Figure 4.1: Login Sequence Diagram
Figure X.X . This figure shows the Login Sequence Diagram of Mobile Weather Asthma
Care system. In the diagram it shows the user will input their email and password which will
be validated in Firebase to see if there is any data similar to it. If both the email and password
are valid then the user is able to login. Otherwise the user will be given an invalid response
which the user will have to input a new email and password.
46
4.1.2 Register Sequence Diagram
Figure 4.2: Register Sequence Diagram
Figure X.X . This figure shows the Register Sequence Diagram of Mobile Weather Asthma
Care system. In the diagram it displays that the user has to input their details within the
register page where the system will verify the information with Firebase. Based from the
verification result if the user input a new email and password the user account is registered
and will be redirected to the Homepage. Otherwise the user will be given an invalid response
as the email the user is already within the Firebase and need to put a new email address.
47
4.1.3 Add new Activity Sequence Diagram
Figure 4.3: Add new activity Sequence Diagram
Figure X.X . This figure shows the Adding a new activity Sequence Diagram of Mobile
Weather Asthma Care system. In the diagram it shows that the once the user is in the Activity
page the user will have to pick on the activity that they plan to do, which then later will be
stored into the Firebase. Based on the user type of activity chosen, depending on the type of
asthma that the user has, the activity chosen will either be accepted as it would not risk the
user once they do the activity or rejected as it could possibly trigger the user asthma attack.
48
4.1.4 New Asthma Page Diagram
Figure 4.4: Update Asthma Sequence Diagram
Figure X.X . This figure shows the adding the New Asthma page, where the user will be
prompted to Asthma type where the user will have to choose the type of asthma that they
currently have or similar to it. The user is also able to input extra information regarding their
type of asthma in terms of how severe it is.
49
4.1.5 Weather Forecast Sequence Diagram
Figure 4.5: Display Weather Forecast Sequence Diagram
Figure 4.5 . This figure shows the Display Weather Forecast sequence diagram. From this
figure it shows that the user from the Homepage itself once the user clicks on the Weather
Forecast the user will have to input their current location which will later retrieve that data
from the Weather API. Then later in the Weather Forecast page the user will be able to see
the Weather Forecast for the next 6 days.
50
4.1.6 View Report Sequence Diagram
Figure 4.6: View or Download Report Sequence Diagram
Figure X.X . This figure shows the Display Report sequence diagram. This is where all the
user’s provided detail, activity done, and weather forecast will be compiled and created into a
report for the doctor to monitor and assess the user's health status. The user is also able to
download the report for any application. With the downloaded report also the user is able to
view the report offline whenever they wish to view the report.
51
4.2 Dialog Diagram
Figure 4.7: View or Download Report Sequence Diagram
Figure 4.7 . This figure shows the overall flow dialog of what users will be expected to go
through in the Weather Mobile Asthma Care system. Firstly, the user will either login or
register if they don't have a valid account. Second they will be going to the main page where
they can access all the features available in the system. The user can go to Plan Activity
where they plan their activity there and see if the activity they plan is okay for the health
regarding it increases their symptoms or not. The user is able to record their AsthmaRecords
where they will fill in the details or choose which is the closest they are from the given types
of asthma. The user is also able to request the weather forecast which will also show the
weather forecast for the next 6 days. Then the user is able to go to report to request an overall
52
report based on their health which they can let the doctor see and assess the user’s overall
health.
4.2 Prototype
Figure 4.8: Register
Figure 4.8 . This figure shows the Registration page within the Mobile Weather Asthma Care
system. This is where the user will input their details to register for the system. The user will
have to provide their Full name, Email, Password, Re-Enter password. The user will be able
to cancel the registration by pressing the back button and the cancel button. Once the user has
fulfilled all the details and if the details filled does not match up to the data within the
database then the user will be able to register successfully.
53
Figure 4.9: Login Page
Figure 4.9 . This figure shows the Login page within the Mobile Weather Asthma Care
system. within the login page the user will be prompted to input their login details, if the
details they input does not match the database then the user will either have to register by
clicking the button Sign Up or Register button. If the user input matches the database then the
user will be directed to the main page.
54
Figure 4.8: Main Page
Figure X.X . This figure shows the Main page within the Mobile Weather Asthma Care
system. In the main page it consists of multiple buttons such as Record Asthma, Report,
Activity, Weather, and Sidebar. By clicking each of the buttons the user will be directed to
the page where the button is clicked. Id the user click the temperature the user will be able to
see the nest weather forecast for 6 days.
55
Figure 4.11: Main Page
Figure 4.11 . This figure shows the Sidebar page within the Mobile Weather Asthma Care
system. In the main page it consists of multiple buttons similar to the ones to the main page
as for the quick and easy to navigate through other features without having the need to go
back to the main page each time. The buttons are Activity Record Asthma, Weather Forecast,
Report, and Logout. For the logout button once the user clicks it the user will be directed
back to the login page where the user has to key-in back the username and the password.
56
Currently the username of the user is Iman Islah basically the user name will be shown on the
top left.
Figure 4.12: Weather Forecast Page
Figure 4.12. This figure shows the Weather Forecast page. If the user wishes to see the
upcoming weather then they will have to access this page as it shows the user the upcoming 6
days of weather forecast which the user can plan beforehand if they wish to do any kind of
activity.
57
Figure 4.13 Record Asthma and View Asthma Page
Figure 4.13 . This figure shows the Asthma page. In this page the user can choose to either
record their type of Asthma, By pressing the “Record Asthma” the user will have to input the
details of their Asthma, while the View Asthma, the user is able to view their types of
Asthma and their type and dose of medication.
58
Figure 4.14 Record Asthma Page
Figure 4.14 . This figure shows the Update Asthma page. By clicking the dropdown menu the
user is able to choose the type of Asthma which they are. Adult-Onset Asthma, Allergic
Asthma, Exercise-Induced Bronchoconstriction (EIB), Nonallergic, Asthma-COPD Asthma,
and Occupational. By clicking the dropdown menu on the0 Triggers section the user will be
59
able to choose Airborne, Physical Activity, Weather Changes, and Others. After that the user
will have to fill up the box the type of medication they use to relieve the Asthma symptoms
and avoid it completely if possible.
Figure 4.15 View Asthma Page
60
Figure 4.15. This figure shows the View Asthma page where the user will be displayed the
inputted details that the user key in. The dropbox still looks the same but rather the user is not
able to choose from the dropbox like the last page as the one displayed will only be the one
that the user picks themselves in the Update Asthma page. Another button on this page would
be the back button as if the user wishes to go back then they just have to press that button.
The sidebar is also there on the top left where if the user clicks there they are able to go to
other features straightaway.
Figure 4.12 Confirmation Popup
61
Figure X.X . This figure shows the confirmation pop up that will be happening whenever the
user wanted to submit the Activity, Asthma details and report download. This is just to make
sure that the user is completely aware with what is being keyed in.
Figure 4.17 Activity Page
Figure 4.17. This figure shows the Activity page.In this page the user can either choose to put
in a new activity that they wish to do or view activity that they have done previously, with the
activity already being put in by the customer. In this page also the user is able to access the
62
sidebar if they wish to go to the other features and the back button for the user to go back to
the mainpage.
Figure 4.18 Pick Activity Page
63
Figure X.X . This figure shows the Activity page.In this page when the type of activity
dropbox contains Jogging, Swimming, Outiing, Physical Activity, and Indoor. If the user is
doing something else then they will just fill in the box below the first dropbox. The second
dropbox consists of Physical, Outing, Working and others. This will automatically inform the
user if they are able to do the types of activity or not with the current weather and if their
body is able to keep up without raising any symptoms for asthma. The user also can input the
location of the map provided. Once all the details are filled the user will click submit,
depending on the type of asthma the user has they will either approve or otherwise as the
activity might hinder the user's health. The sidebar button and also the back button is
available if the user wants to go to the other features or go back to the previous page
respectively.
64
Figure 4.19 Activity Page
Figure 4.19. This figure shows the View Activity page. Similar to the View asthma page the
dropbox will only consist of the chosen activity that the user picked in the Activity Page. The
sidebar and the back button is usable if the user want to go to the other features or go back to
the previous page.
65
Figure 4.20 Report Page
Figure 4.20 . This figure shows the Report page as per whenever the user decides to do an
activity, the system will automatically add up all the puffs that the user key in as well. The
user is also able to download the report where it would consist of the Weather Repost for that
specific date, activity that the user has done and also type of asthma that the user which the
user key in to the Asthma system. The downloaded report can assist the Doctor to monitor
66
what causes the user symptoms to flare up to see if the user is possibly allergic to something
new.
67
Chapter 5: Implementation
Weeks
1
2
3 4
5
6
7
8
9
10
1
12
13 14
1
Implementation Plan
Testing of Application
Application Implementation
Data Collection
Phase 2 Implementation
Finalize Report
Presentation
68
Chapter 6: Conclusion
Following the overall flow of how the Final Year Project is being conducted, slowly
the goals and the objective of the project can be understood and planned thoroughly to
execute it perfectly. By making a prototype and comparing it with the marketable product
few
69
References
Alzahrani, Y. A., & Becker, E. A. (2016, January 01). Asthma Control Assessment
Tools. Retrieved from http://rc.rcjournal.com/content/61/1/106 #:~:text=The tools
included are the,Asthma Symptom Scale (LASS).
Asthma: Testing & Diagnosis Test Details. (n.d.). Retrieved from
https://my.clevelandclinic.org/health/diagnostics/8958-asthma-testing--diagnosis/testdetails #:~:text=The two most common lung,of airway obstruction you have
DerSarkissian, C. (2019, April 29). Asthma Diagnosis & Tests: How Doctors Diagnose
Asthma. Retrieved from https://www.webmd.com/asthma/diagnosing-asthma-tests
Types of Asthma. (2019, January 08). Retrieved from
https://acaai.org/asthma/types-asthma
70