How To Make A Social Network

?

http://trendocean.com/

 We have an Idea 

       

 We build Ocean Dev Team 

       

 We work online

       

 Draw Sketch, Design And Brainstorm

       

 We select technology

       Client Side                 Server Side             DB 

● JavaFX                    PHP                       Sql● Adobe Air               ASP                       Cassandra ● Silverlight               Scala● GWT                       J2EE● HTML5                    

 We design architecture

    

 First Make Client -Server Communication

                 ● Design Sample Page● Create JSON data from Page      ● Send with AJAX (XMLHttpRequest)● Write A Web Service Handle Request● Design DB and Create Column Family● Write JSON to DB● Return Succeed Msg

 

  

 Make First Page - Register User 

       

Add Validation Checks

                                  ●  empty checks●  format checks●  username and ●  email exist checks●  captcha ●  terms 

  

Make - Login Page

                                  ●  http <-> https forwarding ●  select authentication ●  (basic, form,open auth)●  save user info to Cookie 

  

Atomic Item Trend

                                  ● Tweet -> Twitter, Wall Entry -> Facebook  ● Trend -> Trendocean ● What is Trend ?  ● Trend value shows how much you  think as same as other

oceaners● How can we get people think same ? How we calculate

trend ?  ● With Multiple Choice Question  

  

 How Calculate Trends 

       

Trend Calculation is very complex

● trend calculation is very complex● many questions● many answers● changes your Trend● we use Glassfish J2EE (Multi-Thread)● and Rackspace (For Cloud Computing)

  

We Design Ask Question Page

                                 

  

Simple Question Display

 

  

We Extends Question Structure

● Integrated with YouTube● Integrated with Vimeo● Integrated with Soundcloud● Support mp3 player● Support @username #search● Support http and image links,

● Find pattern with regular expression● Replace with media embed code 

Video Integration (Youtube, Vimeo)

Music Integration (SoundCloud, Mp3Player), 

We added @username and #search support 

Image and Http Link Support 

Media Preview When Ask Question

                                 

  

Avatar Upload to Amazon S3

                                 ● User Define Own Avatar● Upload with Form Based File in HTML ● Server check and resize avatar● And server upload to Amazon S3

 

You have own Page

● http://trendocean.com/username is your page

■ Info (username, email, big picture, business)■Trend Value■Statistics Value■Asked Questions ■ Loved Questions■Answered Questions■ Coffee (Private Messages)■Drops (Notifications)■ Following/Followers 

  

Define Privacy

                                 ● Profile Privacy (Everyone, Only Friends)● Email Privacy ● Answer Privacy

 

Personalize Your Background                      

● Jquery.css(background-image, url) 

Are you Trendy or Eccentric

● you can define your trend calculation type 

  

Questions List

● My Ocean ■ Friend Latest Questions■Today Specials■Most Populars■ Latest In All

 ●  Profile

■Asked Questions■Answered Questions■ Loved Questions

 

Question List Template Rendering PURE JS 

Question in Question List 

Question Details

Question Redirections

● username, avatar, @username links directs to  ■ http://trendocean.com/username

● stat,comment and media links directs to■ question details

● coffee opens coffee dialog● share opens share dilalog● love and answer count opens loved and answers dialog● open stats displays details of question 

 

Questions Answered and Loved List

● Displays who is answered and loved questions 

Question Comments

● Displays question comments● Add new one.. 

 

Question Statistics● Trendocean integrated with Google Visiualization API

 

Question Share

● Shorten with bitly or tinyurl● Share on Facebook, Twitter or Email

 

Send Private Msg (Coffee)

● You can send private message with coffee● And display own message

 

Asynchronous/Synchronous AJAX

● JQuery ajax default is Asynchronous● GET are Asynchronous● POST are Synchronous 

● Love and Spam is action and status button● You should use Synchronous AJAX to prevent conflict

 

 Follow Friends 

       

● Following/Follower Table ● Following/Follower List● New Following Request List

Following /Followers

       

How To Find New Friends 

● Random Member● Trendradar (Recommended Member)

Notification Mechanism

● When a related action exist, trendocean send email or notify you, when 

■ a coffee send■ follow■ comment your question■ love/spam your question■mention■ new following request

 

Email Notification

 

Email Notification Settings

 

Notifications in Ocean (Drops)

 

RadyoOdTÜ 103.1

● Trendocean have a radio program ÇarpisanNotalar● RadyoODTÜ Live on Trendocean● RadyoODTÜ Podcast on Trendocean

 

Ocean Dev Team extends with Mobile Team

       

Mobile Screens