Android Client GUI

[ppyordanov]

Here will be posted some of the graphical user prototype drafts for the client application.

[ppyordanov]

Prototype v0.1.0:

• identify technolologies and tools to be used
• potential functionality specification
• interface control flow
• possible interactions

Prototype v0.1.1:

• GUI views
• interaction styles

[ppyordanov]

This task is relevant to #50 .

[ppyordanov]

User interface component structure prototype v0.1.2:

[ppyordanov]

The UI of the application has underwent a number of changes:

• time window can be specified prior to tracking
• history page has a home link
• server information upload button (can be done automatically as well)

[ppyordanov]

Here are some of the screens from prototype v0.1.1 and v0.1.2:

• 1.1 Main page showing main controls with tracking in progress (the user can start recording instantly -> with an automatically generated timestamp route identifier, or choose their own). As at the moment the application is storing data locally on the device, there is a "Clear Data" button that can be used to remove all of the stored route information. There is also network connectivity check on the backend to ensure there is a stable Internet connection (needs debugging):

• 1.2 This is how the main page looks after the first update. There is a time window feature as well as real-time probing feedback displaying sensor data from the SCK as well as number of data samples in the local storage at any given time:

• Once a user has completed recording a route, they can browse their history and access information from their previous route tracking sessions. This can be done from the "History" page as seen below:

• Once the user clicks on a link to a route, the map with the geolocation and contextual information is displayed with Google Map API v3 pins/ markers. Geolocation is displayed via using a poly-line element for drawing the route, while contextual information is stored in an InfoWindow() popup in a textual form (demonstration purposes):
• 1. Showing GUI behaviour sideways (horizontal widescreen mode):

• 2. Normal view:

[ppyordanov]

This task has been completed and can be closed now.

[ppyordanov]