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