Upload
joseph-chiang
View
1.237
Download
9
Embed Size (px)
Citation preview
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