UI - CMPUT301F12T01/classproject GitHub Wiki

UI and Storyboards

TaskSource's user interface screenshots!

Task List Screen

Created Chai Task

  • Displays the user's tasks. The icon to the right of the summary of the task indicates there are fulfilled reports. Selecting a task from the list will bring the user to the View Task screen
  • Selecting another tab will change the list of tasks shown. Global Tasks will display global tasks form the server, etc.
  • Button at the bottom of the screen allows the user to add a new task. Takes the user to the Create a Task screen.

Create a Task Screen

Create Chai Fields

  • Text field for summary of the task.
  • Text field for description of the task.
  • Toggle buttons for each media type of a request. Request type is NOT mutually exclusive.
  • Radio buttons for local and global sharing options. This IS mutually exclusive!
  • Action bar button at the top right allows the user to create the task based on the information entered. Returns the user to the Task List Screen

View a Task Screen

Chai Latte View

  • Shows the summary
  • Shows the description
  • Displays the requested media type as text
  • Button to show fulfilled task reports
  • Button for allowing the user to fulfill the task
  • Action bar button at the top left of the screen will return the user to the Task List screen

Fulfilling a Task

Chai Fulfilling

  • Shows the summary
  • Shows the description
  • Displays the proper field for the user to fulfill a task. If text is required for this task, a text field appears for the user to enter in text. If a photo is also required in addition to text, then the option of attaching a photo would also appear in addition. Etc.
  • Radio buttons are used to ask the user who should receive the report.
  • A button to submit the report when the user has finished fulfilling the report.

Viewing a List of Reports for a Task

Chai ReportList

  • Shows a list of reports with the Media Type of the submitted report and when the report was submitted.

Viewing a Report for a Task

Chai Report

  • Indicates what tpe of response was submitted.
  • Shows the contents of each response..
  • Shows the timestamp of when the report was submitted.