Scope of Work For "NING/WIX CLONE" SOCIAL NETWORK PLATFORM Version 3.0 January 20, 2009 Page 1 of 16Page 2 of 16 TABLE OF CONTENTS 1. Introduction................................................................................................................4 2. Main Features............................................................................................................5 3. Overview Diagram.....................................................................................................5 4. Functionalities...........................................................................................................6 4.0 Home Page of the Platform:.............................................................................................6 4.1 Create Your Social Network:...........................................................................................6 4.2 Sign Up:............................................................................................................................7 4.3 Describe Your Social Network:.......................................................................................7 4.4 Privacy Settings:...............................................................................................................8 4.5 Add Features To Your Network:......................................................................................8 4.6 Customize Appearance:....................................................................................................9 4.7 Create Master Key:...........................................................................................................9 4.8 Main Page:........................................................................................................................9 4.9 Online/Offline Status:....................................................................................................10 4.10 Events:........................................................................................................................11 4.11 Videos:........................................................................................................................11 4.12 Photos..........................................................................Error! Bookmark not defined. 4.13 Chat:...........................................................................................................................12 4.14 Forum:.........................................................................Error! Bookmark not defined. 4.15 Notes:.........................................................................................................................12 4.16 Invite Friends:.............................................................................................................13 4.17 Search:.........................................................................Error! Bookmark not defined. 4.18 My Page:......................................................................Error! Bookmark not defined. 4.19 My Blog:......................................................................Error! Bookmark not defined. 4.20 Members:....................................................................................................................12 4.21 Add a Badge:..............................................................................................................13 4.22 RSS:...........................................................................................................................13 4.23 Manage:......................................................................................................................13 4.24 Forgot Password Feature:...........................................................................................14 4.25 Adverts Section:.........................................................................................................14 4.26 Development Tools:....................................................Error! Bookmark not defined. 5. Admin features........................................................................................................16 Page 3 of 16 1. INTRODUCTION The project entitled “Ning/Wix clone” is a professional & social network platform with an emphasis on the professional network. This network will target professionals and college/high school students in China, Japan, Korea, and Taiwan. This network focuses on building online communities of people who share interests and activities, or who are interested in exploring the interests and activities of others. This social network provides a variety of ways for users to interact, such as e-mail, instant messaging service, forums, groups, blogs and much more. Individuals can interact with each other or within groups with people who share common interests and affiliations. They can also post their own user generated content in the form of blogs, pictures, slide shows and videos. Users can upload pictures of them, create their 'profile' and can often be "friends" with other users, upload videos and hold discussions in forums. The network will offer privacy controls that allow the user to choose who can view their profile or contact them, etc. This network acts as a powerful way to communicate with people and share information. Page 4 of 16 2. MAIN FEATURES The platform will have the following main features: 1. Customized Look & Feel with Flash Features The goal of this platform is to make creation of a network by the registered users as easy and flexible as possible. Therefore, customization of the appearance features, drag and drop features, drag based arrangements, and tab manager options would be essential to the platform. Furthermore, the registered users can add flash features to the head area of each web page and the entire page of the “My Profile” section. See wix.com for reference. 2. Internationalization We plan to offer our networking service to overseas market. Therefore, the platform would offer the language option to the network creators. We may use drupal for the language option. Please check the following web site: http://drupal.org/project/i18n 3. Facebook and OpenSocial Connection The platform would be connected to Facebook and OpenSocial. Facebook connection would put the registered users one-click away from adding their network’s branded videos, photos and music as Facebook applications. It also would enable via the Facebook option on their network's Manage page. The platform would allow the users to embed the OpenSocial app into their network. 3. OVERVIEW DIAGRAMPage 6 of 16 4. FUNCTIONALITIES HOME PAGE Our platform name will be CLUBnGROUP. The home page will consists of a feature of sign up/sign in, and a club/group finder. If a user who has already signed up before signs in on the home page, the user will land in a page providing the following information: Clubs/Groups I created: club/group names Clubs/Groups I belong to: club/group names If the user clicks on a particular club name, he/she will land in the main page of the club/group. There will be the “CLUB/GROUP Finder” on the home page. If User points a club/group category, for instance, “fan” under the broad category of “Social,” “individuals” and “groups,” the subcategories of “fan” will appear right next to “fan.” If User points “Individuals,” then sub-sub categories (actors/actresses, athletes,…) will pop up. If User points a particular sub-sub category, say “actors/actresses,” the list and summary of the individual clubs/groups belonging to the category “actors/actresses” will appear. The home page layout is attached. The home page layout can be also seen at http://n-sho.com/clients/demo/123231199. CREATE YOUR SOCIAL NETWORK: This will be the initial step where User needs to sign up to create his club/group. User has to specify a ‘Web Address’. The Web address chosen by User will be the address for his club/group account for e.g. User may choose ourenvironment.clubngroup.com as his web address. After specifying the web address, User will press the ‘Create’ button to proceed further. Availability of the web address will be indicated as “available” or “unavailable” right next to the web address space. User can also explore popular clubs/groups through the ‘Explore Popular Clubs/Groups’ link on the same page. Page 7 of 16 4.2 SIGN UP: Next page which appears to User is the ‘Sign up’ page where User needs to fill in a few fields to sign up for a free CLUBnGROUP ID. User will be first asked to select a language. If User chooses a language, the “sign up” page and the “manage” page and the pages for designing a website will be translated into that chosen language automatically. (We may use drupal language pack (http://drupal.org/project/i18n) for this function.) Layout of the signup page will look like: • Language • Name • Birth year • City/Town • State • Country • Email Address • Retype Email Address • Editor Key • Retype Editor Key • Name and Email Address of the Recommender: Name Email • Verification Code Finally User will press the ‘Sign up’ button to create his account. DESCRIBE YOUR CLUB/GROUP: When user presses the sign up button, he is redirected to ‘Describe your Club/Group’ page where he will give few specifications related to his club/group. First, User is asked his Club/Group name, Tagline (which will appear on the main page of the network below the name of club/group), up to 140 characters description about the club/group, keywords and User can also select language of his choice. Page 8 of 16 4.4 4.5 PRIVACY SETTINGS: User can set the privacy option by either selecting his network to be Private or Public. Public Network can be seen by anyone. Private Network can be seen and joined by only invited people. Pressing ‘Next’ button takes User to next page. ADD FEATURES TO YOUR NETWORK: User can choose features which he wants for his club/group by simply dragging features from the list provided on the left side of this page to the home page layout on the right. User can add photos, videos, forums, events, text box and music into his home page. User can also drag and remove the features which he does not want to be a part of his club/group page. The layout will look like the following image: Page 9 of 16 4.6 4.7 4.8 CUSTOMIZE APPEARANCE: User can make their new club/group stand out from the crowd by choosing a theme and customizing it by specifying some options present on the same page. These themes will be uploaded and managed by admin panel for the registered users. After selecting a theme following customizing options are present before the user to make his club/group look unique. User can choose fonts, header, footer and size, body and content area. User can add a logo by browsing an image file from any source, he can choose text colors, body background and sub header back ground etc in order to customize his page and give it an exclusive look. User can add flash features in the head area. See wix.com for reference. Finally User will press the ‘Launch’ button to launch his very own club/group page. CREATE EDITOR KEY: On this page User is asked to create his master key. It should be noted that the master key should be separate and unique from User’s email address and password. User will use this master key to manage or edit the features and layout of the club/group he has created or is allowed to manage. The Editor key must be at least four characters in length. MAIN PAGE: After successful launch of a club/group, User is redirected to the main page of his club/group. The right most corner will display user’s, status, profile image and description which he entered while creating the profile. There are a Member Sign Up/Sign In box and an Editor (Creator) Sign In box on the right most corner. (We need to distinguish between members and editors, including the creator, who can edit the web site.) There are My friends (User can view list of his friends and can invite more friends to join his club/group), Inbox ( having the messages which User has received from his contacts), My Settings and Sign out link. User can choose the features he/she wants on the main page by dragging features from the list on left most corner to the main page layout in the middle of main page. These features include: Page 10 of 16 4.9 4.10 4.11 • Text Box • Description • Blogs • Forum • Wiki • Events • Files • Links • Photos • Slide Shows • Videos • Music • Chat • RSS • My Page • Members • Edit ONLINE/OFFLINE STATUS: Online or Offline indicators show up where User is on a network at the moment. User can search for members who are online, chat with them, use IM to communicate. This feature helps members make a first step to relationship. DESCRIPTION: In the description section, User can describe the purpose, operation, membership requirements, etc. of his club/group. BLOGS: In this section User can add a blog post by specifying the title, entry of the blog, tags for the blog, date to get the blog posted on that date, set the privacy and comments options and Publish the blog. Page 11 of 16 4.12 4.13 4.14 4.15 4.16 FORUM: Forum at this club/group is the communication tool that allows one individual to post a comment or question online. Other individuals or friends who are members of the same club/group may read that comment/question, and respond with their own remarks over time. EVENTS: With events section users can publicize and market their events, and can invite friends to join them. User can create an event (which will require all necessary parameters for that event like date on which that event will occur, name of event etc), edit event, invite guests to that event through an email, cancel an event, add photos and videos to make the event more eye-catching. PHOTOS Photos help User keep pictorial record of members’ memories. With Photos feature users can add new albums and photos by adding catching title and browsing attractive shots of variety of pictures. With My Album feature users can view the customized photo albums created by them. Users can add pictures they like to My Favorites section and can view them later. With My Slide Shows feature, User can create and upload his customized slides or import the slides from Flickr. VIDEOS: With Videos, users can upload videos of their interest, and let other’s see a three dimensional outlook of their favorite videos. Users can also share their videos with friends and other people around their club/group page. FILES: User can upload and share any type of files. Page 12 of 16 4.17 4.18 4.19 4.20 4.21 CHAT: This social network platform’s instant messenger (IM) creates the possibility of real-time text-based communication between two or more friends within a network to exchange views and ideas in a user-friendly environment. Chat over here is a fun and easy-to-use feature that allows users to talk and stay connected with friends. MY PAGE: My Page is one of the central features this platform offers. My page may consist of Main Page, My Bio, My Activities, and any pages User wants to add. Main page will have a wall on which any member can leave a message. This main page will look like the main page of a member on Facebook. My Bio page will offer full customized flash features so that User can design this page creatively in his own unique style. My activities would allow User to list and discuss his activities related to the club/group he belongs to. MEMBERS: This section will show all those users who have joined user’s network. Display will show name, thumbnail image of profile picture, online/offline status of member and date when the person joined the network. If User click on the name of any member, he will be directed to the “My Page” of that member. SUBGROUPS: Members of a club/group can create as many subgroups as they want. PRESENCE AWARENESS: This feature will let User know who is currently online among the members of his club/group. Page 13 of 16 4.22 4.23 4.24 4.25 INVITE FRIENDS: Invite Friends allows users to browse their friends' lists from popular email systems (MSN, Yahoo, AOL, Gmail, HotMail) into their contact list right from their homepage at their social network. It'll allow them to invite and stay connected with more people at their site. ADD A BADGE/WIDGET: Users can add badges which will be displayed on their club/group. These badges can either be directly accessed using ‘Get the Badge’ button or its code can be copied and pasted into the text box of user’s club/group, save all changes and the badge will appear on user’s network. This badge can be used by the user to be used anywhere else like on user’s Facebook profile page. RSS: RSS is a Web feed formats used to publish frequently updated content such as blog, entries, news headlines, stories or groups in a standardized format. An RSS feed will contain network's features, such as members, discussions, photos, videos, and blog posts. User can subscribe to a feed by clicking an RSS icon on main page that initiates the subscription process. The RSS reader checks the user's subscribed feeds regularly for new content, downloads any updates that it finds, and provides a user interface to monitor and read the feeds. MANAGE: Users can manage their network in an efficient way using a number of options like add/edit features, change appearance of the network, adding badges and widgets to the network and setting of privacy control options etc. More specifically, it includes the following features: Club/Group Features: • Club/Group Information • Features • Appearances • Tab Manager • Discussion Forum • Language Editor • Flickr Importing Page 14 of 16 4.26 • Analytics • Gold Services Communications: • Invite Friends • Broadcast Message • Latest Activity • Badges & Widgets • Facebook Connection Members Control: • Profile Question • Members • Privacy & Feature Controls Resources • Create A New Club/Group • Club/Group Creators • Developer Network • Help Center FORGOT PASSWORD FEATURE: This club/grouping platform will be developed so that it can generate and send a new password to a member's email upon his or her request. "Forgot password" link is available at a login page to help users at a shortest possible time. ADVERTS SECTION: There will be the ad section on the right hand corner of each web page (except the “My Bio” page) created by User. CLUBnGROUP will share the revenue from running ads on User’s network equally with the Creator(s) of the network. For this, we will use an ad sharing API. http://code.google.com/apis/adsense/revenuesharing.htmlPage 15 of 16 4.28 4.29 4.30 4.31 4.32 FACEBOOK AND OPENSOCIAL CONNECTION: The platform would be connected to Facebook and OpenSocial. Facebook connection would put the registered users one-click away from adding their network’s branded videos, photos and music as Facebook applications. It also would enable via the Facebook option on their network's Manage page. The platform would allow the users to embed the OpenSocial app into their network.EMAIL SYSTEM: The platform will have an email system that can be used by all users. The top right-hand side of each page of User’s network, there will be a message indicator on which User can click to check emails. DOMAIN NAME: By default, User’s network displays the web address he chose when he created his club/group. User can choose to use a different domain name for his club/group with payment of a fee. User needs to purchase a domain name before choosing this option. GOLD SERVICE: If User requests an upgraded service called “Gold Service” such as removing our company name on the top left-hand corner, removing the ad section, or obtaining more disk space and bandwidth, User will be led to a page on which he can make payment by major credit cards and PayPal. ACCESSIBILITY FROM MOBILE PHONE: Users’ network can be reached from their mobile phones. Page 16 of 16 5. ADMIN FEATURES Admin will have the following features in this application: • Admin can revise home page any time. • Admin will have complete control over the user back-end pages. It can easily add new pages to the back-end sections of the website. • Admin can view user’s portfolio, activate/de-activate his account, modify his personal information, contact him through email via the back-end, send internal system messages and send mass user messages. • Admin measure usage of the disk space and bandwidth by each club/group • Integration of Payment gateway to facilitate the payment for the gold services (i.e., Remove Promotion Links and our company name on the top right-hand corner; Control ads; Use Your Own Domain Name; Get More Storage and Bandwidth) • Auto-generation of invoices in both text and html, and delivering them to User email. The admin will also have the privilege to edit any invoice. • There will be a content management module which allows the site admin to modify/add content using an integrated CMS with an online rich text editor. • Admin can track visitors, page views, and trends on each sub club/group created by users. • Data management. • Search engine management