Design Specifications (Simplified)

Car App
Desmond Ling
Version 1.0
 Design Specifications (Simplified)
Car App v1.0

Revision History

Summary of Change
Version Reviser / Date
Page Reference Description
1.0 Release Version

Page i
 Design Specifications (Simplified)
Car App v1.0

Contents

1. Home Screen ..................................................................................................................................... 1

2. Menu .................................................................................................................................................. 3

3. Car Park Rates and Lot Availability ................................................................................................... 5

4. Car Park Information.......................................................................................................................... 8

5. ERP Rates ....................................................................................................................................... 10

6. Search.............................................................................................................................................. 12

7. Message .......................................................................................................................................... 14

9. FAQ.................................................................................................................................................. 16

10. Settings ............................................................................................................................................ 18

11. Feedback ......................................................................................................................................... 20

12. Retrieve Car Park Lot Availability Data ........................................................................................... 22

13. Update Car Park Rate Data ............................................................................................................. 23

Page ii
 Design Specifications (Simplified)
Car App v1.0

1. Home Screen

1.1. General Description

This screen is the first screen to load upon launching this app. There is a default zoom level to
display for the map. App has to display car park information as configured in the menu settings
– Cars or Motorcycle. There is a search car park function at the top. There is an advertisement
banner at the bottom
1.2. Wireframe

Page 1 / 23
 Design Specifications (Simplified)
Car App v1.0

1.3. Wireframe Processing Rules

1.3.1. To be provided upon project award

1.4. General Processing Rules

1.4.1. To be provided upon project award

Page 2 / 23
 Design Specifications (Simplified)
Car App v1.0

2. Menu

2.1. General Description

This is the main menu. It allows users to configure what is shown on the map and also to
refresh car park lot availability information. Current Location option allows users to centralize
the map based on the current GPS location. FAQ, Settings and Feedback links to the
respective screens.
2.2. Wireframe

Page 3 / 23
 Design Specifications (Simplified)
Car App v1.0

2.3. Wireframe Processing Rules

2.3.1. To be provided upon project award
2.4. General Processing Rules
2.4.1. To be provided upon project award

Page 4 / 23
 Design Specifications (Simplified)
Car App v1.0

3. Car Park Rates and Lot Availability

3.1. General Description

This app’s main capability is to display car park rates and lot availability. Car park rates refer
to the parking charges, while lot availability refers the number of lots available in the car park.
When zoomed to a certain level, the car park name has to be displayed as well. Car park rates
are colour coded to differentiate between expensive and cheaper parking lots. The car park
information to display is either for cars or motorcycles - only 1 type is displayed at any 1 time.
The car park charges shown on the car park icon reflects the charges based on the phone’s
current time.
3.2. Wireframe 1
3.2.1. There are 4 different ways to display car park rates and lot availability information.
This section displays all the possible display permutation.
3.2.2. Displaying car park rates only

3.2.3. Displaying car park lot availability only

Page 5 / 23
 Design Specifications (Simplified)
Car App v1.0

3.2.4. Displaying car park rates and lot availability

3.2.5. Displaying car park rates, lot availability and car park name after a certain zoom
level.

Page 6 / 23
 Design Specifications (Simplified)
Car App v1.0

3.3. Wireframe 2

3.4. Wireframe 2 Processing Rules

3.4.1. To be provided upon project award
3.5. General Processing Rules
3.5.1. To be provided upon project award

Page 7 / 23
 Design Specifications (Simplified)
Car App v1.0

4. Car Park Information

4.1. General Description

When user taps on a car park icon, display more detailed information about the car park. The
parking charges are grouped into day categories (e.g. Mon to Fri and Weekends). Each car
park may have first n minute charges (e.g. $2 for first hour parking), periodic charges (e.g.
$0.60 per 30mins) and per entry charges (e.g. flat rate $2.40 after 5pm).
4.2. Wireframe

Page 8 / 23
 Design Specifications (Simplified)
Car App v1.0

4.3. Wireframe Processing Rules

4.3.1. To be provided upon project award
4.4. General Processing Rules
4.4.1. To be provided upon project award

Page 9 / 23
 Design Specifications (Simplified)
Car App v1.0

5. ERP Rates

5.1. General Description

When user activates the ERP Rates (aka road toll) from the menu, the app will display ERP
charges. It will also show the ERP charges based on the phone’s current timing and the time
the charges will expire. User can tap on the ERP icon to reveal more details about the ERP
charges.
5.2. Wireframe 1

Page 10 / 23
 Design Specifications (Simplified)
Car App v1.0

5.3. Wireframe 1 Processing Rules

5.3.1. To be provided upon project award
5.4. Wireframe 2 – ERP Detail

5.5. Wireframe 2 Processing Rules

5.5.1. To be provided upon project award
5.6. General Processing Rules
5.6.1. To be provided upon project award

Page 11 / 23
 Design Specifications (Simplified)
Car App v1.0

6. Search

6.1. General Description

This search function is for car parks only. Ie EPR Rates is not applicable. User can search for
car park that they want to go to. If the car park is not found, they may also search for
addresses or building names found in Google map. The app will then centralize to either the
selected car park record or selected Google address or building record.
6.2. Wireframe

When a car park is found

Page 12 / 23
 Design Specifications (Simplified)
Car App v1.0

When a car park is NOT found but a google address is found

6.3. Wireframe Processing Rules

6.3.1. To be provided upon project award

Page 13 / 23
 Design Specifications (Simplified)
Car App v1.0

7. Message

7.1. General Description

Sponsor will use this feature to display messages to users. A message once shown will not be
shown again. Messages are displayed in an image format (not in text format). All messages
created by sponsor must be stored in the database with a date and time stamp. But app need
not show a history of past messages.
7.2. Wireframe

Page 14 / 23
 Design Specifications (Simplified)
Car App v1.0

7.3. Wireframe Processing Rules

7.3.1. To be provided upon project award

Page 15 / 23
 Design Specifications (Simplified)
Car App v1.0

9. FAQ

9.1. General Description

FAQ questions and answers are stored in the database. Sponsor to discuss with developer on
how to retrieve and display the FAQ to user and also how to update the FAQ when required.
9.2. Wireframe

9.3. Wireframe Processing Rules

Page 16 / 23
 Design Specifications (Simplified)
Car App v1.0

Design Element Processing Rules

9.3.1. Each FAQ question should be stored in the database.
9.3.2. The font of expanded question should be different from the
font of a collapsed question so as to distinguish the two.
9.3.3. User can tap on the question itself to expand (display) or
collapse (hide) the question.
9.3.4. To discuss with developer: Should FAQ be downloaded and
stored on the phone to avoid data usage. If yes, how do we
update the FAQ periodically or whenever we have uploaded
new FAQ content?
9.3.5. Expands ALL FAQ questions to show the answers

9.3.6. Collapse ALL FAQ questions to hide the answers

9.3.7. When user taps on this down arrow, expand the question to
show the answer.
9.3.8. When user taps on this up arrow, expand the question to show
the answer.
9.3.9. Every question should be separated by a line
9.3.10. When a question is expanded to show the answer, display a
background colour.

Page 17 / 23
 Design Specifications (Simplified)
Car App v1.0

10. Settings

10.1. General Description

This settings is to configure whether to show car park information for cars or motorbikes.
Sponsor is also considering to allow users to pay to remove advertisement. This ad removal
feature is to be discussed between sponsor and developer. Sponsor will decide whether to go
ahead or not at a later date.
10.2. Wireframe

Page 18 / 23
 Design Specifications (Simplified)
Car App v1.0

10.3. Wireframe Processing Rules

10.3.1. To be provided upon project award

Page 19 / 23
 Design Specifications (Simplified)
Car App v1.0

11. Feedback

11.1. General Description

This screen is for user to copy sponsor’s email address to send sponsor an email. User can
copy the email address to the clipboard simply by tapping on the email or the static text below
the email.
11.2. Wireframe

11.3. Wireframe Processing Rules

Page 20 / 23
 Design Specifications (Simplified)
Car App v1.0

Design Element Processing Rules

We are constantly 11.3.1. Static text
looking for ways to
improve our app. If you
have any suggestions,
feedback or complains,
kindly an email to the
address below.
11.3.2. Static text.
11.3.3. Actual email to be confirmed at a later date.
11.3.4. When user taps on this email, copy it to clipboard.
11.3.5. Static text
11.3.6. When user taps on this text, copy it to clipboard.

Page 21 / 23
 Design Specifications (Simplified)
Car App v1.0

12. Retrieve Car Park Lot Availability Data

12.1. General
12.1.1. There are a few APIs to retrieve car park availability information. Refer to List of
APIs subsection below.
12.1.2. For now, there is 1 confirmed API to call to retrieve car park availability information.
12.1.3. There are 2 more API that will be confirmed whether they are required for this app to
retrieve lot availability information.
12.2. List of APIs
12.2.1. To be provided upon project award

Page 22 / 23
 Design Specifications (Simplified)
Car App v1.0

13. Update Car Park Rate Data

13.1. General Description

13.1.1. Sponsor will prepare an excel file that contains all the car park rates data
13.1.2. Sponsor must have the ability to update the database independently.
13.1.3. Developer must advise a way to update database.
13.1.4. In general, there are 2 tables that Sponsor must update – Car Park and Car Park
Rates table. Developers to advise if there are other tables to update.
13.1.5. Updating database
13.1.5.1. Delete all data from the Car Park and Car Park Rates tables
13.1.5.2. Upload data from excel into the 2 tables

Page 23 / 23