Mockup - RostarSynergistics/ShinyExpenseTracker GitHub Wiki

Claim List Screen

This is the main screen of the application. When the app is opened, previously saved claims are displayed here. If no claims have been created yet, a message is displayed indicating so.

media/ClaimsScreenFilled.png media/ClaimsScreenEmpty.png

  • Tapping one of the claim items in the claim will display a summary of the claim.
  • Long pressing one of the claim items in the list will prompt the user if they wish to delete the claim.

media/PromptDeleteClaim.png

  • Pressing the (+) button creates a new claim.
  • Pressing the settings menu button (top-right) displays a menu:

media/MenuSettings.png

  • Sort by... - Allows the user to sort the claims list.
  • Filter by... - Allows the user to filter claims by tag. See Tag Management.
  • Manage Tags - Allows the user to manage existing tags.

Claim Screen

This screen allows the user to edit a new or existing claim.

media/EditClaim.png

  • The user may enter text in the Name field.
  • The user may enter a date in the Start Date and End Date fields.
  • Pressing the checkmark confirms the changes made to this claim.
  • Pressing the back arrow (top-left) or the backbutton will cancel any changes made in the claim with a prompt.

media/PromptDiscardChanges.png

Summary - Claim Summary

This screen displays an overall summary.

media/SummarySummary.png

  • Pressing the (+) displays a menu displaying:
    • Add Expense - Allows the user to add a new expense to the claim.
    • Add Tag - Allows the user to tag the claim.
    • Add Destination - Allows the user to record destinations in the claim.
  • Pressing the back arrow or the back button returns the user to the Claim List screen
  • Pressing one of the tabs at the top brings the user to the appropriate summary tab.

Summary - Expense List

This screen displays a list of all expense items associated with a claim.

media/SummaryExpenses.png

  • Pressing the (+) displays a menu displaying:
    • Add Expense - Allows the user to add a new expense to the claim.
    • Add Tag - Allows the user to tag the claim.
    • Add Destination - Allows the user to record destinations in the claim.
  • Long pressing an item in the list prompts the user for deletion of the expense item.

media/PromptDeleteExpense.png

  • Pressing the back arrow or the back button returns the user to the Claim List screen
  • Pressing one of the tabs at the top brings the user to the appropriate summary tab.

Summary - Destination

This screen displays a list of destinations associated with a claim.

media/SummaryDestination.png

  • Pressing the (+) displays a menu displaying:
    • Add Expense - Allows the user to add a new expense to the claim.
    • Add Tag - Allows the user to tag the claim.
    • Add Destination - Allows the user to record destinations in the claim.
  • Pressing the back arrow or the back button returns the user to the Claim List screen
  • Pressing one of the tabs at the top brings the user to the appropriate summary tab.

Expense Screen

This screen allows the user to edit a new or existing claim.

media/EditExpense.png

  • The user may enter text in the Name, Category and description field
  • The user may enter a date in the Date field
  • The user may enter a decimal value in the Amount Spent field
  • The user may select a currency type from the Currency field
  • Pressing the (+) opens the camera app so that the user may add a receipt photo.
  • Pressing the checkmark confirms the changes made to this claim.
  • Pressing the back arrow (top-left) or the backbutton will cancel any changes made in the claim with a prompt.

Tag Management

This screen allows the user to add, delete, and select tags associated with expense items.

media/EditTags.png

  • Pressing the (+) opens a text dialog so that the user may create a new tag.

media/PromptNewTag.png

  • Pressing the back arrow (top-right) or the back button returns the user to the previous screen.
  • Long pressing a tag prompts the user for deletion. Deleting the tag deletes it from all claims.

media/PromptDeleteTag.png

  • Tapping a tag returns the user to the previous screen, with the selected tag being returned to the parent activity.