Mobile storycards, code entry, draft 9

Overview

- See Code Entry wireframes

Storycard 1: Display keypad and number fields

- Show a numeric keypad for entry
- Number fields above the keyboard should be digit discrete (i.e., one field per digit), and should initially be empty
- Bottom right element on numeric keypad acts as backspace
- Bottom left element on numeric keypad does nothing

Storycard 2: Allow numeric entry

- Number fields are updated upon user input on numeric keypad
- Upon input of the final digit, application transitions the screen to the appropriate artifact view screen (i.e., there is no submit button; the last digit entry acts as submit); note that the last number field should be updated before the transition occurs, and should pause for approximately 1 second before transitioning.
- If the code entered is invalid (i.e., there is no artifact associated with the code entered):
  - An error displays on the screen, replacing the "enter code" instructions
  - The user is allowed to enter another code
  - The error does not disappear until a valid code is entered