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