Social networksOpenSocial

Pham Quoc Thinh

Project ManagerSETA:CINQ Vietnam(thinhpq6034 at setacinq.vn)

Agenda

• Social Networks Overview

• OpenSocial Introduction

• Mixi Platform

Top 10 famous Social Networks

Agenda

• Social Networks Overview

• OpenSocial Introduction

• Mixi Platform

What is OpenSocial?

History

• 5 Corporate Board Members– Google, IBM, Jive Software, MySpace, Yahoo!

• First released November 1, 2007, is Google’s response to Facebook Developer Platform

• Version 0.8 was released on May 28, 2008

• Version 0.9 was released on April 16, 2009

• Version 1.0 was released on March 15, 2010

Basic Architecture

1. Client requests an application view2. The container sends social data to the remote server3. The remote server combines social and application data,

returning HTML and JavaScript4. The container sends the content to the client

OpenSocial Core Services

OpenSocial Client APIs

Building JavaScript Applications

JavaScript App Example

• Gadget XML<?xml version="1.0" encoding="UTF-8" ?><Module>

<ModulePrefs title="my first app"><Require feature="opensocial-0.8" />

</ModulePrefs><Content type="html">

<![CDATA[Hello world, this is my first app.

]]></Content>

</Module>

HTML/JavaScript codegoes here

Example to show the owner’s friends

RESTful API

• The base URI for the web service, such as http://example.com/resources/

• Data format: JSON, XML, Atom or YAML

• The set of operations supported by the web service using HTTP methods (e.g., POST, GET, PUT or DELETE).

Access People information

Access Activities information

Access Persistent data

Additional query parameters

Use RESTful API to access protected resource

of other users – How to manage?

OAuth

• What is it?

• OAuth flow (2-legged & 3-legged)

• Consumer Key & Consumer Secret

What is OAuth?

• Security protocol that allows to share private data hosted on x web site with y web site

Terminologies

• ConsumerApplication trying to access protected resource

• Service ProviderWebsite or web-service hosting protected resource

• UserOwner of the protected data

• Protected ResourceImages, Videos or documents hosted on web site or web-service which are protected by the user

• TokensRandom string of letters and numbers which is unique. Request Token, Access Token

• ScopeSet of data hosted on service provider that user wants to share with consumer

OAuth context

Jane

OAuth 2-legged & 3-legged

Consumer Key & Consumer Secret

Key: Identify consumerSecret: Verify consumer signature

OAuth REST Example URLhttp://sandbox.orkut.com/social/rest/people/08354253340777199997/@self?oauth_consumer_key=orkut.com%3A623061448914&oauth_timestamp=1231537930&oauth_signature=0h%2FU49KtBplnmnc%2BhDKsDxFPR9%3D&oauth_signature_method=HMAC-SHA1&oauth_token=&xoauth_requestor_id=03067092798963641994&oauth_version=2.0

POST /users/28568917/status?oauth_consumer_key=77f44916a5144c97ad1ddc9ec53338cc&oauth_nonce=8783759987300271273&oauth_signature_method=HMAC-SHA1&oauth_timestamp=1237853013&oauth_token=8QLGnqFugwmCbIz6pcFbNEMPkG%252FCsZrg4fdqIzXpj88FsZaysd7wJ4eBonbvpAG7MOCFhzDjcM1yp6wvO%252BRaeyruy95QdfpFIHQaHvHL7ak%253D&oauth_version=1.0&oauth_signature=TvlXbt%2FNS0U7SrtUvUfu%2BfJ3kyo%3D HTTP/1.1X-HTTP-Method-Override: PUTUser-Agent: Java/1.6.0_12Host: api.myspace.com…

status=Hello%20World!

Agenda

• Social Networks Overview

• OpenSocial Introduction

• Mixi Platform

What is mixi?

1st SNS in Japan 20M registered users 5.4M active users/day 275M PV/month (Mobile: 225M, PC: 50M)

Mixi Platform

• OpenSocial 0.8

• OAuth 2-legged

Mixi Applications

Process flow

PC App

Mobile App

Mobile App (Cont.)

Both PC and Mobile App

Mixi App API

Mixi custom API

• Invite friendsinvite:friends?callback=[escaped URL]HTML: <a href="invite:friends?callback=http%3A%2F%2Fexample.com%2Ffoo%2F">Invite</a>

• Get locationlocation:gps?url=[escaped URL]<a href="location:gps?url=http%3A%2F%2Fexample.com%2Ffoo%2F">Get location</a>

• Send messagesend:message?callback=[escaped URL]<form action=“send:message?callback=[URL]&guid=ON" method="POST" ><input type="text" name="recipients" value="[Member ID]" /><input type="text" name="title" value="[Title]" /><input type="text" name="body" value=“[Content]" /> <input type="submit" value=“Send" /></form>

Agenda

• Social Networks Overview

• OpenSocial Introduction

• Mixi Platform

Summarized keywords

• OpenSocial

• Gadget XML

• Javascript API

• RESTful API

• Object models (People, Activities, Persitent…)

• OAuth (2 legged, 3 legged)

• Mixi (Mobile app, Custom APIs)

Q & A