Social Person Directory Pages

Add "Facebook-like" profile page for each person. This person profile page is different than the user's Personal Dashboard page

• Person profile with picture
• Person contact information
• Online presence
• Access to a person's blog
• Filtered list of current project membership
• Current work items
• Comments from other users in the Customer Account (phase III?)

Navigation to a personal profile

• Users will access a personal profile through a person's personal blog using the "View profile" action link.

• A person's personal blog is commonly accessed via:
  • Project/Directory/person's name
  • Clicking the author's name of any blog post or reply
  • Selecting a person's name in the Resource work area
  • Personal/My Blog menu item
  • The "View blog" action link in a personal profile

Profile information filtered by project membership

Each user of the Project.net application will have one profile page at the Customer Account level. All users of the customer account are able to access a person's profile page. Until Customer Accounts are available, access to a person's profile will be controlled by membership in the same project - if two people are in the same project they will be able to see each others profiles.

It is important to note that the content of each profile will be filtered by the projects they both belong to (i.e. one person will not be able to see project membership, titles and responsibilities for projects they, themselves, do not belong to). Likewise, blog entries will be filtered, as well.

Proposed Profile Page

The profile page uses data that is already gathered or known within the application.

Left sidebar (top to bottom)

• Page name "Profile" - this text will be stored as a localizable token
• Personal photo
• Display name
• "action toolbox":
  • View blog - link to the person's personal blog page
  • The following actions are only available when a person views his or her own profile:
    • Edit Profile - link to the current Personal/setup/profile pages (with modifications as described below)
    • Upload Picture: leverages the upload logo dialog box.

Image Size:

The image size needs to be constrained by Project.net to both maintain consistent layout and not create long load times. The thumbnail shown below is 110x140 pixels. The system should reduce the image to meet the correct height or width, whichever is met first, then crop the excess from the other dimension. (If this seems too complicated just resize the image to the required size.)

Main window content

The center of the display will contain the remaining profile details.

• Contact Info
  • Name prefix, First name, Middle name/initial, Last name, Name suffix
  • Address line 1
  • Address line 2
  • City, State/Province, Zip or postal code
  • Country
  • Work phone number
  • Work Fax number
  • Mobile phone number
  • Pager number
  • Primary email address - click on address to compose email to person
  • Alternate email address 1 - click on address to compose email to person
  • Alternate email address 2 - click on address to compose email to person
  • IM chat ID 1 (Skype) - includes ability to initiate Skype session with person (see Skype integration Wiki page)
  • Current time in the person's time zone (calculated, based upon timezone)
  • Time zone
  • Skills/Bio (300 characters)

• Team Info
  • HTML Table of projects the person belongs to with one project per row. Each row contains:
    • Project name
    • Project Responsibilities
    • Title
    • Last visit

Skype Integration

Provide simple Skype integration using the Skype client's URI handler as documented here: https://developer.skype.com/Docs/ApiDoc/Skype_URI_handler

Skype icons are available here: https://developer.skype.com/Download/SkypeIcons

• When the user clicks a person's skype name on the person profile page, this should launch a skype chat window (if the user has the skype client installed.
• A clickable skype icon should appear next to each person that has entered a skype name. Two specific places the skype icon should appear are the Project Directory, and the teammates list on the Project Dashboard. If a person has not entered a skype name, the no icon should be displayed for that person. Clicking on the skype icon should launch a skype chat window (if the user has the skype client installed.

Searches related to Person Pages

• Search all blogs (full text)
• Who is working on related tasks
• Who has these skills, knowledge

Editing Profile information

If a profile is being viewed by its owner, he or she will have the an additional action, "Edit Profile". This is a link to the current (8.4) Personal/Setup/Profile pages, which will feature the following modifications. This page can also be accessed via Personal/Setup/Personal Profile

Modifications to the person/details/edit pages:

• "Email Alternate 3" becomes "Skype"
• "Skills/Bio": new free text field restricted to 300 characters and spaces (correct number?)
• Suggested changes to two input screens in Personal/setup/profile are shown below.

Delete Profile Setup Screens in Projects

Currently a user can edit their personal information in two places: Personal/setup/profile and Project/setup/profile. Each profile editing area is color coded to the tab-section, as if to suggest that they are two different places. All editing of personal information should happen under the Personal tab, eliminating "profile" from the Project/setup.

Keep - Personal:

• Dorothy Shamonsky > Setup > Profile > Name
• Dorothy Shamonsky > Setup > Profile > Address
• Dorothy Shamonsky > Setup > Profile > Login
• Dorothy Shamonsky > Setup > Profile > License
• Dorothy Shamonsky > Setup > Profile > Domain Migration

Eliminate - Project:

• Business > Project > Setup > Profile > Name
• Business > Project > Setup > Profile > Address
• Business > Project > Setup > Profile > Login
• Business > Project > Setup > Profile > License
• Business > Project > Setup > Profile > Domain Migration

Proposed Personal Blog

The personal blog is similar to the project blog, with a few changes:

• No team member filter
• No thumbnails associated with individual entries
• Left-hand column with personal picture, same as profile page, but no contact information

Left sidebar (top to bottom)

• Page name "Blog" - this text will be stored as a localizable token
• Personal photo
• Display name
• Contact information
  • Phone number
  • Email address - click on address to compose email to person
  • Skype ID - includes ability to initiate Skype session with person (see Skype integration Wiki page)
• "action toolbox":
  • View profile - link to the person's personal profile page
  • The following actions are only available when a person views his or her own profile:
    • Blog It - create a new blog entry

Below images: Blog with full entries and with titles only