Requirements File Name: friends_pages_reqs.html
Friend's Profile Page Requirements
 
Change Log
Version Date Author Changes Notes
1.0 2/14/2007 Kevin Puleo Added requirements  


Introduction
This page allows registered aPix users to view their friend's main profile page and their newest user generated content (UGC).

Requirements
The user must be logged in to see and interact with this page. In order to see all of the editing functionality the user must be the owner of the personal home page (PHP). Since this page is being positioned as your friends page all of the editing capabilities will be hidden to you as a voyeur. To see this page with editing on go to this page.


Menu Items
There is a standard set of menu items that will go across the top of the content area beneath the main tabs. These menu items are (actual names TBD):
  1. Memberbame's Stuff - takes the user back to this page
  2. Hollas! - takes the user to a new page/section that has only hollas submitted from the phone - see that section for more info
  3. mBlog - takes the user to a new page/section that has only blogs submitted from the phone or web - see that section for more info
  4. Pix - takes the user to a new page/section that has the albums of pix submitted from the phone or web - see that section for more info
  5. Friends - takes the user to a new page/section that has only friends in the user's network - see that section for more info

NOTE: All of the requirements written are from the voyeur use case. See this page for owner requirements.

Profile Module
  1. Profile Pic - user defined image - if the user has not defined their pic then a placeholder/system image will be used instead to fill the space based on if they are male or female
    1. hyperlinked to pix area
  2. Membername - displays the user's membername chosen at registration
  3. Status
    1. Online - displays an indicator if the owner is online
    2. Mobile - displays an indicator if the owner is using apix on their mobile device, if the user is online but not signed into the mobile app then this indicator will not be displayed
  4. Profile Stats
    1. Age - displays user's age defined at registration
    2. Location - displays the user's location with City and ST (state) only
    3. Status - displays user's relationship status - this is optional so if the user has not defined this iin their profile the information will not display
    4. Member Since - displays the date when the user first started using the service
    5. Views - displays the number of times the user's profile has been viewed. The system should discount views by the owner, so only views from other members will be counted. The number displayed will be 0 until someone else besides the owner has viewed his/her content
  5. Profile Info - displays text about the owner - since this is an optional profile item, the text will only display if it has been submitted
  6. Hobbies and Interests Info - displays text about the owner' hobbies and interests - since this is an optional profile item, the text will only display if it has been submitted
Actions
The module has buttons/actions that allow memebers to interact/contact the member
  1. Add me as a friend
    1. Balloon pop-over with a form that allows the sender to send a note along with the friend invitation or not
    2. The note is:
      1. text area
      2. not required
      3. 240 characters max input
      4. submit button - invitation may be sent with or without a note - no errors
      5. Cancel button - closes balloon
    3. When the invite is sent the balloon tells the user that the invitation has been sent with a close link that closes the balloon
    4. Once the balloon is closed the button/link changes from Add me as a friend to Invitation sent
  2. Send me a message
    1. Balloon pop-over with a form that allows the sender to send a message to the member - anybody may send a message to any memer by default except where the recipient has changed their default settings in their management area
    2. The message is:
      1. text area
      2. required
      3. 240 characters max input
      4. submit button - sends the message
        1. errors - no text input
      5. Cancel button - closes balloon
    3. When the message is sent the balloon tells the user that the invitation has been sent with a close link that closes the balloon
  3. Send Page to a Friend
    1. Balloon pop-over with a form that allows the sender to send the page being viewed to a friend in their network along with a note or not
    2. To box: - see compose a message in the message center
    3. The note is:
      1. text area
      2. not required
      3. 240 characters max input
      4. submit button - invitation may be sent with or without a note - no errors
    4. When the message is sent the balloon tells the user that the message has been sent with a close link that closes the balloon
  4. Flag
    1. Balloon pop-over with a form that allows the sender to send a note along with the flag or not
    2. The note is:
      1. text area
      2. not required
      3. 240 characters max input
      4. submit button - invitation may be sent with or without a note - no errors
    3. When the message is sent the balloon tells the user that the message has been sent with a close link that closes the balloon
  5. Block
    1. Selecting this will block this PHP user from contacting you
    2. When selected the link will change to "unblock"
    3. Selecting this again will allow the user to contact again and change the link back to "Block Me"
Promotional Module
  1. The module should be able to be easily updatable by a FM employee that will act as bulletin board/broadcast mechanism for FM announcements

Content Area

  1. Profile Description - displays the text entered by the owner in their profile/about you field. If nothing has been entered nothing will be displayed to the voyeur. However, as an owner they will see be prompted to enter some information (actual copy and UI TBD)
  2. Latest Stuff - will display the latest entries made by the owner with links/buttons to add more content (actual UI and copy TBD)

Contest Module

  1. Title - displays the current month plus "Contests"
  2. # of Entries - displays the the number of entries the user has entered in any and all contests for that month
  3. Contest Entry Line Item - displays only current and active contest entries
    1. Contest Pic - displays the pic entered in the contest
    2. Contest Name - dispalys the name of the contest that the pic was entered in
    3. Voting Stats
      1. Average Vote - displays the average star rating in numbers
      2. Votes - displays the number of votes the pic has received
      3. Rank - displays where the pic is positioned in relation to the other pics in the contest
      4. Comments - displays the number of comments the pic has associated with it in the contest area
    4. Only five items will be displayed until a next button is added to the bottom of the list to see items 6-10 - this number should be configurable however
  4. Contest Link - link to take the user to the contest area to start voting on pics - see that area for more requirements and details

Friends Module

  1. Friends Module Tiltle - title with number of friends in their network in parens (##)
  2. Friends Display
    1. If the user has no friends in their network a message should display in the module that they have no friends in the ir network and to click on a LINK to become their first friend (actual messaging TBD)
      1. Selecting the link opens the invite as friends pop-over
    2. Pic - user defined image - if the user has not defined their pic then a placeholder/system image will be used instead to fill the space based on if they are male or female, also if the user changes their profile pic that change will be reflected here as well
      1. hyperlinked to the friend's PHP
    3. Online - displays an indicator if the owner is online
    4. Mobile - displays an indicator if the owner is using apix on their mobile device, if the user is online but not signed into the mobile app then this indicator will not be displayed
    5. When a user rolls over and holds over a profile pic for .75 seconds there is a balloon pop-up that appears. In the balloon is a snippet of the pic owner's profile information. The balloon includes: a profile pic, profile name, an indicator as to whether or not the member is online, age, gender, location, relationship status, a truncated profile description, a link to the user's profile page, and a link to send a message to that person. The profile pic as well as the membername are linked to the poster's profile page. The send a message link goes to the sender's message center with the poster's info already populated in the "To" box. See the message center for more information.
    6. Only nine items will be displayed until a see all button is added to the bottom of the list to see items 10-x - this number should be configurable however

Comments Module

  1. Comments Module Tiltle - title with number of comments in parens (##)
  2. Comment Line Item
    1. If there are no comments then a message should show within the module that the user has no comments(actual messaging TBD)
    2. Pic - user defined image - if the user has not defined their pic then a placeholder/system image will be used instead to fill the space based on if they are male or female, also if the user changes their profile pic that change will be reflected here as well
      1. hyperlinked to the friend's PHP
    3. Membername - displays the membername of the user who left the comment hyperlinked to that user's PHP
    4. Comment - the comment from the user is displayed untruncated up to 240 characters
    5. New Label - displays an indicator in fron of the membername if the comment is new since the owner last logged into the system
    6. When a user rolls over and holds over a profile pic for .75 seconds there is a balloon pop-up that appears. In the balloon is a snippet of the pic owner's profile information. The balloon includes: a profile pic, profile name, an indicator as to whether or not the member is online, age, gender, location, relationship status, a truncated profile description, a link to the user's profile page, and a link to send a message to that person. The profile pic as well as the membername are linked to the poster's profile page. The send a message link goes to the sender's message center with the poster's info already populated in the "To" box. See the message center for more information
    7. Only 20 items will be displayed until a next button is added to the bottom of the list to see items 21-40, etc.- this number should be configurable however
  3. Leaving Comments
    1. Text area - required to have some text at submit
    2. 240 characters max
    3. Below the text area is a counter that keeps track of how many characters have been entered by telling the user how many they have left to use
      1. If the user has exhausted their character count the box will not accept the txt and an alert sound should be played
    4. Submit button - throws an error below the submit button if no text was entered but the submit button was selected - actual error text TBD
  4. Last Comment
    1. If the last comment entered is over 48 hours old then the date display would look something like this: last comment: mm/dd//yy
    2. If the last comment entered is over 24 hours old but within 48 hours old then the date display would look something like this: last comment: Yesterday
    3. If the last comment entered is under 24 hours old then the date display would look something like this: last comment: x hours ago - where x is any number between 1 and 23 hours based on post time stamp from the server
    4. If the last comment entered is under 1 hour old then the date display would look something like this: last comment: x minutes ago - where x is any number between 1 and 59 minutes based on post time stamp from the server