Please enable JavaScript.

Coggle requires JavaScript to display documents.

FIA1 Technical Proposal - Coggle Diagram

- - - - Wind
      - Humidity
      - Temperature
      - Dew Point
      - Cloud Cover
      - Minute, hourly, and 8-day forecast
      - Sunrise/sunset
      - "Feels like" temperature
      - Pressure
      - Coordinates
      - Archival database
    - - Country Code
      - Country Name
      - Continent Name
      - Region Code
      - Continent code
      - Region Name
      - Country Flag
      - City Name
      - Zip Code
      - Latitude
      - Native Language
      - Longitude
      - Capital
  - - - pprint to display the data in a json format (for at least a preliminary view of the data)
      - Urrlib.request will also need to be imported for this project.
      - JSON library will need to be imported for functions such as json.loads()
- - - - Includes:
        
        (in order)
        
        Evaluation of existing solutions
        
        Usability Principles/Programming development tools
        
        Development of user personas
        
        Datasources/interface tools
        
        The construction of, and evaluation of success criteria (both prescribed and self-prescribed)
        
        Wireframes and UI
        
        Introduction and Constraints
        
        Pseudocode and prototype
        
        Evaluation of success criteria
        
        Future improvements/acknowledgements
    - - 9-11 Minutes Long
      - Structure of QCAA Example
      - Voiceover of Slides
        
        Clear diction
        
        Only read out key information - add more in voiceover
        
        Script for voiceover required
- - - - Configurable data by location (ZIP code, suburb, city, state)
      - Weather records for chosen location
      - Averages over period of time (rainfall, temperature)
      - Radar and Synoptic Chart
      - Historical Weather Figures (Past week, month, year)
  - - - Graphs displaying data on averages of rainfall or temperature overtime
      - Data displayed in an easy-to-understand manner (clear manner) to accomodate for his age.
      - He'll require historical weather figures configurable by location
    - - Data configurable by location
      - Option to filter by specific data (temperature, rainfall, etc)
      - Forecasts for multiple days/weeks in the future.
    - - Configurable results by time
      - Configurable results by location
      - Option to filter by specific data (wind, tide, rainfall, etc)
  - - - Requirements
        
        Temperature
        
        Sunrise/Sunset (including sun/moon times)
        
        Tide Information
        
        Winds (pressures, direction, speed)
        
        Weather warnings
    - - Requirements
        
        7 Day Forecast
        
        Rainfall/Humidity
        
        Temperature Overtime (Graphs)
        
        Weather warnings
  - - - Learnability and Effectiveness
        
        Users must be able to access data quickly, with the input and output fields must be presented clearly with easy access.
        
        Design Principles (CARP) - Contrast, alignment, repetition and proximity.
      - Utility
        
        Portability and Responsiveness of Website - it is usable and visually appealing across multiple devices.
      - Accessbility
        
        Accessible/applicable images - Image files with an 'alt' tag as well as images that are aesthetically complementary to the website.
        
        Screen reading - which is easily defined navbars, buttons and headers for ease of access.
        
        Text colour contrast - not only visually appealing but it can impact the website's functionality in transmitting information.
      - Safety
        
        The web app have measures to create a safe environment for the user. Asking user permission and warnings help create one.
- - - - home.html
        
        Jumbotrons, cards, and text which greets the user and explains the purpose of the website
        
        Form field that uses the GET function to use a suburb, zipcode, or city to then be used to send it to the results page
        
        Jinja code to ensure that this page serves as an extension of template.html
      - results.html
        
        Display a wide variety of information with a friendly UI, using JSON and urrllib to call data
        
        Configurable data, language selector option, metric/imperial converter button
        
        Obtain the user-inputted data (the location) to display a results page based on the chosen location
      - template.html
        
        Potentially a navbar, footer, scrollspy, and other features to be shared across multiple pages
        
        Jinja code (block/endblock) code so template.html can be shared across multiple pages
        
        Link to stylesheets (both style.css and bootstrap)
    - - imports the urrlib.request, json and datetime libraries
      - creates url with api key embedded within, and parses it within a json function
      - calls data using json and saves them under a variable name
    - - set up routes to each html file (also calling variables where needed)
      - Set up and use flask to handle the requests/responses the web app will be requiring.
      - Imports libraries such as flask and render_template
  - - - To use python-like code in a html file (to loop through a list), and to set up the block/endblock code for the template.html file.
    - - Create html files which include structure, content, functionality and linking of each page on the web app
    - - an app.py file to import libraries (like flask), set up routes, carry/define variables, and to run files if called locally (if name == 'main')
      - Another file which uses JSON to access, call, and display data from the OpenWeather API
    - - CSS is used for the creation of an external stylesheet to style each html file
    - - Given that flask is a "micro-framework” written in python - it's library will be used to process and interpret what users are requesting and administer the sort of response the app needs after the user’s request.
    - - The import and use of the Bootstrap library will be used to further style the website and to save time on more complicated CSS styling