This release marks the initial version of the community toilets app. It is built using HTML, CSS, JavaScript.
-HTML -CSS -JavaScript
Description: As a user, you want to search for community toilets by name.
Steps: Click on the search bar. Type in the name of the community toilet. Select the desired community toilet from the search results.
Variations: If the community toilet does not exist, display “Community toilet not found.”
Non-functional: NFR1: The search bar or icon must be visible at all times (usability). NFR2: List of community toilets could be narrowed down with every letter typed in (Performance efficiency). NFR3: List could always be in alphabetical order (Usability). NFR4: The app should respond to the user within 5 seconds (Efficiency). NFR5: The app should work on Chrome and Safari browsers.
Issues: Entire name has to be entered to get result. Cannot display in alphabetical order.
Description: As a user, you want to find community toilets closest to your location.
Steps: Choose to view community toilets in map. Select the option to find community toilets nearest to my location. Request permission to use location. Display community toilets nearest to user’s location.
Variations: If the browser does not support geo-location: use Bristol city centre as the default location.
Non-functional: NFR1: Location is only accessed if the user grants permission (security).
Description: As a user, you want to view all community toilets on your map.
Steps: Choose to view community toilets on map. Display all the community toilets in Bristol.
Variations: No variations.
Non-functional: NFR1: Each marker should be visible (Usability). NFR2: Display the name of the community toilet after clicking the marker (Usability).
Description: As a user, you want to find community toilets with changing places.
Steps: View community toilets on table. Click on changing place. Click on YES. Display all the community toilets with changing places.
Variations: Click on NO: Display all the community toilets without changing places.
Non-functional: NFR1: The buttons should be visible and distinguishable (Usability). NFR2: Desired criteria only has two choices ‘yes’ or ‘no’ (Efficiency).
Description: As a user, you want to filter community toilets based on the wards.
Steps: Choose to view table of community toilets. Select the filter wards. Choose the ward to filter from. Display the filtered list accordingly.
Variations: Choose to view map of community toilets. Turn on the desired criteria chosen. Display the desired criteria on the map.
Non-functional: NFR1: Buttons for different wards should be distinguishable (Usability). NFR2: All toilets from the specific ward will be displayed (Efficiency).
Description: As a user, you want to find community toilets that have family toilets.
Steps: Choose to view a table of community toilets. Select the filter family toilets. Click on YES. Display community toilets with family toilets.
Variations: Click on NO: Display community toilets without family toilets.
Non-functional: NFR1: The buttons should be easily read and distinguished (Usability). NFR2: Desired criteria only has two choices ‘yes’ or ‘no’ (Efficiency).
Description: As a user, you want to find community toilets with a baby change.
Steps: Choose to view a table of community toilets. Select the filter Baby change. Click on YES. Display community toilets with Baby change.
Variations: Click on NO: Display community toilets without Baby change.
Non-functional: NFR1: The buttons should be easily read and distinguished (Usability). NFR2: Desired criteria only has two choices ‘yes’ or ‘no’ (Efficiency).