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 "
Vitals & Interests" (actual name TBD) - This tab is the defaulted ON tab and houses all non-mobile/phone information.
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.
Profile Pic
Not required
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
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.
Possible Errors - if the path gets changed in the text area and leads to a missing pic
First Name
Not Required - editable text field
field is empty on user's first visit to site since it's not required at registration on aPix mobile
Last Name
Not Required - editable text field
field is empty on user's first visit to site since it's not required at registration on aPix mobile
Email
Required text field - pre-populated from registration
No character max on input
Validation
There must be an @ symbol in the string
There must be a valid "dot" extension in the field like .com, .org, .net, etc.
Possible Errors
Empty field
no @ symbol
improper extension
UserName/Universal ID
Required - not editable - it is pre-populated from registration
Password
Required - editable text field - it is pre-populated from registration
6 character minimum on input
15 character max on input - no spaces allowed
Symbols and alphanumeric text inputs will be taken
On input the characters are masked in the iput field to look like this
Validation
No spaces
Between 6 and 15 characters
Possible Errors
Empty field
Less than 6 characters entered
Spaces were used
Verfiy Password
Required - editable text field - it is pre-populated from registration
6 character minimum on input
15 character max on input - no spaces allowed
Symbols and alphanumeric text inputs will be taken
On input the characters are masked in the iput field to look like this
Validation
No spaces
Between 6 and 15 characters
Possible Errors
Empty field
Less than 6 characters entered
Spaces were used
Doesn't match password
Country
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
No possible errors on submit
Zip
Required text field - pre-populated from registration
City and state are filled in automatically by system next to text field
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
Validation
5 digits are required
Possible Errors
Must match in geo-code look-up
Less than 5 digits entered
Characters other than numbers were submitted
Gender
Required radio options of male or female
The selected radio is defined by the selection made at registration
Over 14?
Required checkbox that confirms the user is over 14
the checkbox is checked on or off based on the DOB defined at registration
Validation
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.
Possible Errors
Does not align with Date of Birth inputs
Date of Birth
Required pulldowns
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
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
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
Validation
Only one option is allowed for each Pulldown
Possible Errors
Month is left as selected
Day is left as selected
Year is left as selected
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
About You
Unrequired text area field with multilines=5 - the text area can scroll vertically if needed
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
A space counts as 1 character deduction
Any HTML or other code will be ignored only ASCII text is acceptable
Validation
All characters may be used
Possible Errors
None
Interests & Hobbies
Unrequired text area field with multilines=5 - the text area can scroll vertically if needed
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
A space counts as 1 character deduction
Any HTML or other code will be ignored only ASCII text is acceptable
Validation
All characters may be used
Possible Errors
None
Relationship Status
Unrequired pulldown
The actual items in the pulldown are TBD but they will include things like: Single, Married, etc. - "Select..." is the default selected state
Validation
None
Possible Errors
None
Terms and Conditions
Required checkbox button
One checkbox where the user chooses between accepting or not
Checked as default from registration
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
Validation
Must be checked to continue
Possible Errors
Left unchecked
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.
Browser Back Button - selecting this will not cause an error but any changes made will be lost