Open PlatformBuilding Blocks

Agenda

• OAuth• OpenID• Dashboard• Open Types

• External - Open API• Internal - Canvas

• Social Patterns

App Gallery安裝應用程式

OpenID用大網站的帳號密碼登入其他網站

Open ID

• Identity :http://www.flickr.com/photos/josephj/

• OpenID Provider：Yahoo, Google, Flickr

• OpenID ConsumerPlaxo, Friendfeed

OAuth以相同的介面存取 Open API

Information

• Yahoo! (BBAuth -> OAuth)

• Google (-> OAuth)

• Facebook Open Graph (OAuth)

Dashboard開發者、廠商的管理介面

Dashboard - Project List

Dashboard - New - Type of Application

Inside Yahoo

Outside Yahoo

API Keys & Permission Setting

Open - ExternalOpen 的第一步：開放 Open APIs

在自己的網站上取得 Facebook 的資料

Open - Internal把別人的應用程式放在自己的網站內

Sanitizer防止第三方應用程式使用有害的程式碼

Sanitizer

• Solutions• Caja (HTML, CSS, JavaScript)

http://www.slideshare.net/josephj/yahoo-yap-presentation

• Customized Markup LanguagesBluePrint, Google Gadget

• ADSafe

*ML

自定 Tag（控制項）、讓開發者直接使用此 Platform 特定的 Tag (<miii:friend-picker/>)

*ML

• FBML - Facebook Markup Languagehttp://wiki.developers.facebook.com/index.php/FBML

• XFBML - 在 External App 也可以使用

• YML - Yahoo! Markup Languagehttp://developer.yahoo.com/yap/guide/yapdev-yml.html

*JS 此 Open Platform 特定的 JavaScript Function

miii.bar.switchView()

*JS

• FBJS

• OpenSocial JavaScript

*QL

*QL

• FBQL - Facebook Query Language

• YQL - Yahoo! Query Language

• 在 External App 也可以用

Social Blocks

Social Blocks• Update (Notification)• Message (Private Email)• Activator (Find Friends)• Aggregator (Social Feeds)• Contacts • Status • Profile• Social Directory (Connections)

Skeletons

Open Source Social Skeletons

• Shindig (Google Gadget + OpenSocial)

• Facebook Platform