Social Network Task List

Project Sub Detail Task

# Project
#
1 Invite Friend Application (refer to section 1 of Business layer)
1A Import email Address, and Send invitation email message.
1B Import friends for Friend list of other social network and post on
wall the users friends Wall. When ask their friend to join (post
message) Put the link on the wall to so that their friend can
click on it and will send to dukeplace registration page.
Link To Access the Invite Friend Application Show in Master page

2 First page/ Website UI layout

2A Creating Registration Page/Layout Design with login in to

account section,
Login /forgot Password? (send user password to email when
provide account name)
Remember me Next time (Save user name and password and user
don't have to type in their passwords or when enter the website
using the same computer)
Link shows why Dukeplace ask for certain information when sign
up for account
Links to privacy policy and term of user
2B Master page

Company name (linked to homepage), setting links, Invite friends

links to invite application, logout links, my-work, my-profile, my
network, private mail tabs, Link to contact use
2C Contact Us Page: (name, Email, select state, and Textbox for
comment)
3 Network page/ Friends (layout/UI)
3A New/Unorganized connection List (show all new connected
network that is unorganized).
3B Add New Group (make new group folder Similar to facebook's
friends grouping)

3C Group My Connection (Click or drag on new connection and put

into existing folder or create new folder for it).
 3D Table showing group or all Network members (always show all
member, but when click on specific group show that specific
group of member that the user set)

4 My Profile Page Function and UI

4A Profile Pictures Upload (one picture is OK) (Function
4B Name of user and Current Profession on top of profile (Layout)
4C Profile each part (5 sections) expands when user click on edit
certain part of their profile to edit their profile. (Function)
Profession (Curent and Past)section Let user write their
professional information.
Education Section Let user fill in their Eduction information
Detail Personal Profile Section (Gender, Relationship status,
Location/network, Interest, favorite movies, music, things to have)
4D General Profile (Show gender, relationship status, Professional
network Date of birth)
Link to Send an Email to the person

4E Add to connection Program and link to access it ((Ask how user

want to connect as, friends, peer, student,) ( Refer to Business
layer section 5 for more detail))
Popup window and ask to connect as (Friends, Family member,
peer, student, professor)

5 My Work Page/ application and UI

5A Uploading Documents (One or More than One Documents per
time), Can upload all kind of document (Doc, DocX, PDF, Jpg, Jpeg,
5B Ect)
Create new folder for the documents, and organize/put documents
into custom folder (Drag doc to folder or select un-organized
document and create new or user existing folder)
5C Function: Dropdown list of people who/groups can access the
documents, that is seted by the owner. Show on every un-
orgained documents and organized document folders (the
documents within the folder are treated as one group and onwer
can control acess to the particular folder.
5D Show First page of the document
5E owner can Open, edit , and save their work at the website. For
example: Owner can upload their work such as MSWords
document, They can open the document, edit their work and save
what they have edited.
5F Sharing Document to the World: The owner can select
documents that they want to share and share it with the people
within Dukeplace community (minimize memory usage as
possible). People who have access can View and Download it.
Owner View of Document page (UI)
Show First Page of document and the Title of Document with
dropdown list of user that can access to specific folder and
document
Non-onwer/other users can only see what documents/document
folder they can access.Differentiate accessible and non-accessible
document when other users enter the owner my-work page
6 Email Messaging System
6A Mail box Tab shows Amount of New/unread email Recieved
6B Owner can look at all their sent, Inbox, save draft box, and
deleted email. And also reply to the sender.
6C Inbox Email List shows Profile picture of sender and their
profession with email Tile. The Profile picture has hyperlink to
send to the sender profile.
6D The Inbox list have indication which have not read and read
(highlight in yellow and clear)
Inbox email: New messages show on top (for both email list and
Detail message list (Actual message))
Reply box is just below detail massage (all of this will be above old
message)

7 Account Setting Page

7A Control: Set Account Name, Gender, profession, email, password,
(Refer to layout for detail). At this page user can edit and
change their account related setting.
7B Notification Setting (use the same page as Account setting page)
(Notiife email when other send message, ask for connection Ect)
7C Privacy setting (user can customize the Privacy setting of
profile and documents they upload)
Owner can Set Privacy to all Parts (5 section) of profile page.
They can set who can view certain section in their profile.
Owner can set privacy to all the uploaded documents/documents
folder. They can set who and which group can have access to
their available documents and document folder that the owner
8 grouped.
Search
8A Search categories dropdown box is always set to search all
mode: Search all database (Professional profile match, user
name, documents that is shared). User don’t have to select
dropdown box when the search for something.
8B Search Function: Matching words that are searched to words that
is typed in the user profile profile (similar to LinkedIn professional
Search), match user name, profession, and Title of document.
Match search words to professional profile
Match search words to Document title (document that are shared
for eveyone).
Match user name to the user database
Search result page with page navigation

9 Relational Database Design

9A Design users, and general profession (There are 3 General
Professions categories such as student, profession, staff. Within
these professions there are sub-categories such as biology,
chemistry, physic, math, art, music, buiness, engineering, ect.
These sub-professions are the same in both in both student and
professor and can will be used the same datebase )database.
Unlimited users can add to the datebase with their location
(four schools). For Professional database, besides the three fixed
general professions that users can chose when sign-up for
account, users can choose "Other" Categories in the general
profession dropdown list and write a new profession as the user
9B desire.
Shared Documents database (Database categories for document:
"Test, Quiz, exam" are in one category, "Homework", and "other"
Is another categories that user can place into)

General
1 Unlimited Users: Scalable to a virtually limitless number of users.
2 Unlimited Categories (profession): Allows you to enter any
number of categories (users can set their own professional
catagories)
3 Hosting Portability: Our MySQL database and files can be
backed up and moved to a different host if we wish without losing
any of our data...site design, users, listings, everything can be
4 moved
Capatible to all browser
5 PHP, JavaScript, Java source code NOT Encrypted: Gives us
full access to the PHP Source Code or other so that you can make
edits, enhancements, and feature additions to the Website.
6 Use Memcached instead of AjaxFor faster cach (We prefer
7 Search Engine Friendly URLs:The software uses 'mod-rewrite'
on your server to display your site's URLs in a .html (using meta
8 Contact Restrictions: Set the site to require visitors to be
logged in (registered) prior to using function in My Account Page,
view complete friend profile profile and Document available, and
sending message to friends
9 Registration Fields: We specify which fields are to be used and
required. If the user fails to fill in a field, an error message
10 displays.
Suspend Users: We can suspend users /IP Banning: we can
select and delete user account violate the term.
11 Code writen for the applications/website should be bug free and
the website should ready for deploy.
12 My Account Page: The site have the ability to show (have a
module) One set of html (logged out state) is displayed before the
user logs in. The other set of html (logged in state) is displayed
after the user logs in. This allows you to set up, for example, a
dynamic menu that shows only the appropriate menu links
depending upon the logged in/out status of the user.The website
provide each registered user have their own personal My Account
section on our site in which they can edit their registration
information (Account information Page), personal (profile) settings
(ability to set certain Item private and only in the friends network
can see the profile)
rk Task List

Note on Task

ness layer)
These are one application and import email and from other
social network, these have their own UI and funtion. Please
read other documents (UI and business Layer doc. For detail
info on how to develop). We provided how the layout should be
and detail function need in the application.
Place the link to access the application besides using it when
user first register for an account. This is part of Master page
design. And placing link should not take long.

All UI designs are provided, company need to use designed UI

and Photoshop to create a UI. All pages flow will be
provided
The company only needs to use Photoshop to create the
registration page layout similar to the provided UI document.
The our part of the Registration page development and UI
design. For this links we will provide static information.

The company only need to using Photoshop to create

(user the same design as Registration page) master page
layout that is provided in the UI document (master page
has Company name, Search bar/ box, setting, Invite friends,
and tabs such as my network, my profile, my work, and
mailbox). This is the top two bar on every page mentioned
above (sentence). This is use for every pages in the website
beside the registration page.
These are what is needed on the master page. Wont take a lot
of time. It is part of web UI development.

This is the database table, and have created in the Database

Development section of the website. Connect the table to the
database. Shouldfor
Function specific notthis
take significant
network pagetime.
and is similar to the
function in My-Work page (Add New folder). should be charge
once.
Function specific for this network page and is similar to the
function in My-Work page (Group work). should be charge
once.
This is the database table, and have created in the Database
Development section of the website. Connect the table to the
database. Should not take significant time.

The

These are part of 4C Funtion. Expand and edit profile.

This is just link to access the Email Messaging System

developed in the email message application.
The UI design is provided in the business layer documents.
Please refer to the document when work on the UI.

Discription of above task

Similar Function developed in My-Network Page (The Add

Folder and Oraginze un-connected network)

The Control Access Function used here is the Privacy Setting

Funtion of My-work Page. The only new funtion here is
dropdown list showing the people/group that can access the
folders of document in Mywork page.

The UI design for this function is provided in the Business

Document. Please refer to it when doing this function.

Thes are the layout decription of the document page and how
onwers view is different from the vistor view. These are not
task. Should be not take additional time.
These two functions are decriptive of who the message should
be arange, and reply message should be arrange.

Layout design is provided and refer to attacthed document.

There are about 3 notification to set. Please refer to Business

layer for more detail.

These two are detail discriptions of how to set privacy setting

function above (7C)

Use the developed database in the database section.

These are decription for the search function above (8B)

This is with the search program above (8B).

Please discuse owner before building the data base

These are Instruction to Perform database design. And what

should be done when devlope the website and it's function.

This is the same as users are first send to registration page to

login and then send the users to their account the
"myworkpage", when they loged in. The only thing shown
differently is the login/logout shown on the top, right corner of
the master page. It is small part of the development.