Please enable JavaScript.
Coggle requires JavaScript to display documents.
Picnic Spot Web App - Coggle Diagram
Picnic Spot Web App
Coding
HTML
Python
use PyCharm software
Flask
JSON
Functionality
PROCESS: Find an ideal Picnic Location
Process: Search for Ideal Time
INPUT: search queries (key words)
OUTPUT: relevant records in database
Process: Search for ideal park location
OUTPUT: relevant records in database
INPUT: input location into text box (i.e. suburb, postcode)
Web Pages
Profile Page
Picnic Spot Picker Page
Login Page
Join Page
PROCESS: User login
INPUT: Username and password + presses submit
OUTPUT: User's Profile Page OR error message
PROCESS: User Comments
INPUT: user inputs a comment and presses submit button
OUTPUT: prints user comment on blog page
PROCESS: User Joins
INPUT: User inputs details into join form
OUTPUT: confirmation page OR error message
User
User Experience
Consider Accessibility Principles
Page Titles
Alt Text
Headings
Error Messages
Fields
Other Options (i.e. text transcripts, general instructions, colour contrast)
Consider Usability Principles
Accessibility
Safety
Effectiveness
Learnability
Utility
User Interface
Consider Principles of Visual Design
Contrast
Balance
Hierarchy
Alighnment
Harmony
Proximity
Repetition
Consider Elements of Visual Design
Position
Colour
Size
Shape
Personas
Joe
40 years old (older age bracket)
pretty good with technology
has children - could have feature that finds parks?
looking for simple activities
Jennifer
29 years old (middle age bracket)
likes meeting new people - may enjoy the comments feature
wants to work on fitness - could implement feature for good running paths?
Lisa
16 years old (younger age bracket)
good with technology
looking for something to do
likes nature and parks - recommendations for good scenery and parks?
Data
Weather and Sunrise/Sunset (API Format)
longitude
latitude
date
callback
formatted
Brisbane City Council Park Data (CSV format)
OBJECTID
PARK_NUMBER
SAP_ASSET_ID
HOUSE_NUMBER
STREET_ADDRESS
SUBURB
POST_CODE
LAT
LONG
SHAPE_length
SHAPE_area