Requirements File Name: manage_profile_reqs.html
Manage Profile Page Requirements
 
Change Log
Version Date Author Changes Notes
1.0 1/29/2007 Kevin Puleo Added requirements  
1.1 3/1/2007 Kevin Puleo Changed first name and last name form items  


Introduction
This page allows registered aPix users to manage their profile information. The information in the form is a combination of profile questions asked when registering on the mobile device and web only questions that do not appear on the device anywhere.

Requirements
Some items represented in the form are required others are not. Validation of the form happens once the submit button is selected. Once submitted all elements are stored in the user DB.



Tabs
There are two areas/tabs associated with the user's profile. The first tab is "
  1. Vitals & Interests" (actual name TBD) - This tab is the defaulted ON tab and houses all non-mobile/phone information.
  2. Mobile Info - houses all mobile and phone information
These same two tab labels also show under the Profile button/link in the left side navigation box.



The Form (Top to Bottom)
All form elements shuld be validated and stored in in the DB in the user's profile.

  1. Profile Pic
    1. Not required
    2. If the user has already chosen a profile pic then that pic is displayed to the left of the profile pic input field. If a pic has not been chosen then the space the male or female profile placeholder pic supplied by the system is displayed
    3. To change the pic the user must select the browse button to locate a pic on their computer's hard drive. The browse button initiates the JAVA pic browser interface - it is unclear how this will actually be integrated at the moment. When a pic is selected the path is displayed in the text field and the new pic replaces the pic in to the left of the text field.
    4. Possible Errors - if the path gets changed in the text area and leads to a missing pic
  2. First Name
    1. Not Required - editable text field
      1. field is empty on user's first visit to site since it's not required at registration on aPix mobile
  3. Last Name
    1. Not Required - editable text field
      1. field is empty on user's first visit to site since it's not required at registration on aPix mobile
  4. Email
    1. Required text field - pre-populated from registration
    2. No character max on input
    3. Validation
      1. There must be an @ symbol in the string
      2. There must be a valid "dot" extension in the field like .com, .org, .net, etc.
    4. Possible Errors
      1. Empty field
      2. no @ symbol
      3. improper extension
  5. UserName/Universal ID
    1. Required - not editable - it is pre-populated from registration
  6. Password
    1. Required - editable text field - it is pre-populated from registration
    2. 6 character minimum on input
    3. 15 character max on input - no spaces allowed
    4. Symbols and alphanumeric text inputs will be taken
    5. On input the characters are masked in the iput field to look like this
    6. Validation
      1. No spaces
      2. Between 6 and 15 characters
    7. Possible Errors
      1. Empty field
      2. Less than 6 characters entered
      3. Spaces were used
  7. Verfiy Password
    1. Required - editable text field - it is pre-populated from registration
    2. 6 character minimum on input
    3. 15 character max on input - no spaces allowed
    4. Symbols and alphanumeric text inputs will be taken
    5. On input the characters are masked in the iput field to look like this
    6. Validation
      1. No spaces
      2. Between 6 and 15 characters
    7. Possible Errors
      1. Empty field
      2. Less than 6 characters entered
      3. Spaces were used
      4. Doesn't match password
  8. Country
    1. Required - filled in by system - aPix is only in the US at the moment so USA is defaulted to all users until Canada comes online then there will be a choice
    2. No possible errors on submit
  9. Zip
    1. Required text field - pre-populated from registration
    2. City and state are filled in automatically by system next to text field
    3. If the user changes the text field the city and state disappear until the form is submitted and validated. Once validated the new city and state will be shown again
    4. Validation
      1. 5 digits are required
    5. Possible Errors
      1. Must match in geo-code look-up
      2. Less than 5 digits entered
      3. Characters other than numbers were submitted
  10. Gender
    1. Required radio options of male or female
    2. The selected radio is defined by the selection made at registration
  11. Over 14?
    1. Required checkbox that confirms the user is over 14
    2. the checkbox is checked on or off based on the DOB defined at registration
    3. Validation
      1. The state of this checkbox must validate with the date of birth inputs - if selected the user confirms they are over 14 if left unchecked they confirm they are under 14.
    4. Possible Errors
      1. Does not align with Date of Birth inputs
  12. Date of Birth
    1. Required pulldowns
    2. User chooses month from a pulldown - the pulldown is populated with all 12 months from January descending to February. At the top of the list is "Month..." which is the default state
    3. User chooses day from a pulldown - the pulldown is populated with all days of the month from 1 descending to 31. At the top of the list is "Day..." which is the default state
    4. User chooses month from a pulldown - the pulldown is populated with years from 2006 descending to 1926. At the top of the list is "Year..." which is the default state
    5. Validation
      1. Only one option is allowed for each Pulldown
    6. Possible Errors
      1. Month is left as selected
      2. Day is left as selected
      3. Year is left as selected
      4. if the DOB does align with the checkbox ie stating you are over 14 when your DOB settings say you are under 14 then the system throws an error
  13. About You
    1. Unrequired text area field with multilines=5 - the text area can scroll vertically if needed
    2. 240 character max on input with feedback mechanism below text area - as the user types the character amount left for the user should notch down showing the characters the user has left to use. If the user goes beyond the charcter limit those characters will not appear in the text area field
    3. A space counts as 1 character deduction
    4. Any HTML or other code will be ignored only ASCII text is acceptable
    5. Validation
      1. All characters may be used
    6. Possible Errors
      1. None
  14. Interests & Hobbies
    1. Unrequired text area field with multilines=5 - the text area can scroll vertically if needed
    2. 240 character max on input with feedback mechanism below text area - as the user types the character amount left for the user should notch down showing the characters the user has left to use. If the user goes beyond the charcter limit those characters will not appear in the text area field
    3. A space counts as 1 character deduction
    4. Any HTML or other code will be ignored only ASCII text is acceptable
    5. Validation
      1. All characters may be used
    6. Possible Errors
      1. None
  15. Relationship Status
    1. Unrequired pulldown
    2. The actual items in the pulldown are TBD but they will include things like: Single, Married, etc. - "Select..." is the default selected state
    3. Validation
      1. None
    4. Possible Errors
      1. None
  16. Terms and Conditions
    1. Required checkbox button
    2. One checkbox where the user chooses between accepting or not
    3. Checked as default from registration
    4. The Link in the question does not take the user to a new page if selected, rather it opens an iframe/div below the checkbox area that loads and allows the user to read the T&Cs. The reading area should be 100% wide and about 250px high
    5. Validation
      1. Must be checked to continue
    6. Possible Errors
      1. Left unchecked
  17. Save Submit Button
    Once this button is selected all of the form elements are validated. If the form validates then the user is shown a message at the top of thhe page that their profile has been successfully updated. If the form does not validate then the user is shown the same form again with their inputs but the errors are called out inline with the form. Click here to see an example error page. Once the form validates all of the form elements get stored in the DB.
  18. Browser Back Button - selecting this will not cause an error but any changes made will be lost