CYBERLINK CONFIDENTIAL
1
Open SocialOpen Social
Syuan ChienSyuan Chien
04/1604/16
CYBERLINK CONFIDENTIAL
2
What’s OpenSocial?What’s OpenSocial?
FriendsProfilesActivities
APIOpen Social
CYBERLINK CONFIDENTIAL
3
Who’s Using It?Who’s Using It?
CYBERLINK CONFIDENTIAL
4
One API, Many One API, Many WebsitesWebsites
• One APIOne API– client-side JavaScriptclient-side JavaScript
• standard Web development toolsstandard Web development tools
– server-side RESTserver-side REST• based on Atom Publishing Protocolbased on Atom Publishing Protocol• standard XML schemastandard XML schema
• Many WebsitesMany Websites– every OpenSocial website exposes the same APIevery OpenSocial website exposes the same API
5
CYBERLINK CONFIDENTIAL
Building Social AppsBuilding Social Apps• Gadget basicsGadget basics
– XMLXML– HTMLHTML– JavaScriptJavaScript
• Google Gadget EditorGoogle Gadget Editor– http://code.google.com/apis/gadgets/docs/gs.html#Scratchttp://code.google.com/apis/gadgets/docs/gs.html#Scratc
hpadhpad
5
6
CYBERLINK CONFIDENTIAL
Example Hello WorldExample Hello World
6
Orkut
7
CYBERLINK CONFIDENTIAL
7
8
CYBERLINK CONFIDENTIAL
8
9
CYBERLINK CONFIDENTIAL
Example II-List FriendExample II-List Friend
9
10
CYBERLINK CONFIDENTIAL
friend.jsfriend.js
10
11
CYBERLINK CONFIDENTIAL
11
Example IIIExample IIISend and Receive GiftSend and Receive Gift
12
CYBERLINK CONFIDENTIALExample IIIExample IIISend and Receive GiftSend and Receive Gift
12
13
CYBERLINK CONFIDENTIAL
show_received.jsshow_received.js
13
14
CYBERLINK CONFIDENTIAL
Give!Give!
14
15
CYBERLINK CONFIDENTIAL
onLoadFriendonLoadFriend
15
16
CYBERLINK CONFIDENTIAL
updateGiftListupdateGiftList
16
17
CYBERLINK CONFIDENTIAL
updateReceivedListupdateReceivedList
17
18
CYBERLINK CONFIDENTIAL
Thank you !!Thank you !!
18