Open at Yahoo
-
Upload
joseph-chiang -
Category
Technology
-
view
4.302 -
download
1
description
Transcript of Open at Yahoo
SA@Taipei2008/10/18 09:00 ~ 12:00
善用 Y 的 Open 強化你的網站+ YUI3.x + Pipes + SearchMonkey
Hi! 我是 josephj(啊嗚)
跑步環島 2008.5.18,屏東楓港
@josephj6802http://josephj.com
[email protected]://josephj.com/entry.php?id=110
高空彈跳(2008.9.7,澳門旅遊塔)
• 前端工程師
• 科技推廣傳教
- 撰寫 Blog 文章
- YDN 維護
- 開發者與 Y 的橋樑
✓社群合作✓技術推廣✓教育訓練
YDN 近期活動
Open Hack Day
http://vbb.twftp.org/showthread.php?t=12745
PageView 增加
Yahoo!奇摩火狐
內建?
使用者
查詢方便
鼓舞
開發團隊
美國的首獎: Xoopit for Y! Mail
讓 User 可以搜尋 Yahoo! Mail 中的照片、文件、影音並建立索引
使用者
查詢方便
Mail 更好用
開發團隊
增加產品
Yahoo! Course 前進校園
開心的勒!
http://www.flickr.com/photos/myhsu/2321469926/
http://tw.developer.yahoo.com/course/
課程表
Yahoo! 大師校園講座:11/20
Rasmus Lerdorf The Author of PHP
http://www.flickr.com/photos/chrys/56838713/
第五次 YDN 開發者聚會 12/6
BluePrint
無名小站 Open API
http://www.flickr.com/photos/josephj/2715182017/
• Open at Yahoo!
• Pipes / SearchMonkey
• YUI 3.0 PR1
Agenda
Open at Yahoo!
開放平台,越多人用越值錢
http://www.bnext.com.tw/LocalityView_6980
... 以地圖日記為例,技術長郭家齊就是那
個到各家廚房找材料的廚師。他用 Google
Maps 的圖資顯示在自家網站上,搭配了雅
虎的網頁美化元件,以及單一帳號登入
(用雅虎帳號即可登入地圖網站),加上
自己的巧手輕易地就能打造出像樣的網
站...
註:地圖日記已在近期更換為 Yahoo! Map
Yahoo! 開放策略
公司內部活動對 Yahoo! 開放策略的介紹
讓 Yahoo! 前所未見地開放給 3rd Party
Open APIs
Open API
AJAX API
Open API
提供了各式各樣的輸出 Format
http://www.flickr.com/photos/tags/twopenhack08
http://api.flickr.com/services/feeds/photos_public.gne?tags=twopenhack08&lang=en-us&format=atom
http://api.flickr.com/services/feeds/photos_public.gne?tags=twopenhack08&lang=en-us&format=php
http://api.flickr.com/services/feeds/photos_public.gne?tags=twopenhack08&format=json&jsoncallback=getFlickrData
<script src=””></script>
http://api.flickr.com/services/feeds/photos_public.gne?tags=twopenhack08&format=lol
每當碰到要結合多個 API 的 Feed,格式、Schema 都不一樣! 頭大!
從不同 Service 取得資料...
JavaScript 組合成 HTML ...
抓取資料、處理 Schema 得寫超多的程式有可能不寫 Code 就做到嗎?
是的!用 Pipes 來 Remix Feed
拖拉、填寫、完成
但... 開發者的要求:CLI
YQL 滿足你的需求Yahoo! Query Language
SELECT * from web.search WHERE query="鳥哥" LIMIT 3
SELECT * from flickr.search WHERE query="邵庭" LIMIT 3
把 Yahoo! 當成是你的資料庫!
Social
為什麼正妹都離我如此遙遠啊... orz...
ilove7388 在無名的名片
ilove7388 在無名的好友列表
Social = 人與人之間的關係
名片(個人資料)+ 我的好友(人際關係)構成了 Social、也就是社群
有數不盡的社群網站( Social Platform)
Following
Follower
Social Open Social
2007/5/24:Facebook 創辦人 開放了平台: F8
http://www.flickr.com/photos/kk/2327597086/
Social 平台的開放是很令人興奮的一件事!
FQL FBML FBJS
只要會學會以下三種,我就可以寫 Facebook 程式了!
但.. 想像一下,每個社群網站都有一套
OpenSocial 為 Social Applications 制定了統一的 API Spec,可通用於所有社群網站
開發者只需寫一次就可以用在所有網站上
有那些知名網站支援 OpenSocial?
Yahoo! 也是 OpenSocial 的成員之一
10/17 上線!Yahoo! Profile
開發者可存取使用者 Profile 的資料及人際關係。
開發者可存取 Address Book、Messenger、Relationship 等聯絡資訊
開發者可讀取 / 寫入使用者活動
開發者可取得使用者目前是否在線上
Social Directory
Contacts
User Status
Updates
http://developer.yahoo.com/social/
你明明就不是我 Twitter 的聯絡人,為什麼可以看到我的 Twitter 內容?
Yahoo! Messenger應用程式產生的 Updates
http://manage.community.yahoo.com/vitality/
原來是我在 MyBlogLog 有設定 Twitter 帳號,而且這邊又設了分享,才會顯示在 Y!M 上
使用者 / 內容 / 時間
Next?
Application Platform應用程式平台:YAP
將你的程式放在全世界最多人使用的頁面
Yahoo! 美國新版首頁
Yahoo! 電子郵件信箱
利用 Mail/Contact API 做 Local 的建議
Pat Jameson 邀請朋友可共享晚餐
Yahoo! 個人頁Pat Jameson 的部落格
Pat Jameson 的留言板
Yahoo! 運動頻道?知識+?拍賣?
結合 Y!Sports 與某家售票系統
YAP Developer StudioYAP 應用程式的開發工具
寬度 高度 存放位置 說明
Application 760px 不限制開發者的
Web Server
可用 Sever-side Script 產生 YAP 所需之格式
User 可操作此 App 主頁面
Small View 300px+ 250px Yahoo!只能用 HTML 與 YML
User 可看到此 App 基本資訊也是 Application 的入口
兩種不同的 ViewLightbox View ApplicationSmall View
撰寫 App 的程式語言HTML、CSS、JavaScript、YML、YQL
開發方式就是 HTML + CSS + JavaScript
但 YAP 多提供了 YML 與 YQL 兩種語言
協助開發時間減低
YML:Yahoo! Markup Language
利用 YML 可豐富 UI 介面、快速取得資料
Text
<!-- 取得檢視者的朋友列表 --><yml:friend-selector uid="viewer"/>
還嫌不夠?YAP 提供了 SDK!
PHP SDK
簡化 OAuth 認證、使用 YQL 與 Social API
Text
我們有非常多的使用者,也會想盡辦法
讓他們彼此建立 Connection了解 Social Networking 的好處
在 Yahoo! 上開發應用程式給成千上萬人使用?
Cool!
YAP 對於 Open 標準的支援
• OpenSocial
• Hadoop
• OpenID
• oAuth
BluePrint:在手機上開發程式
SearchMonkey:改變搜尋外觀
Fire Eagle:地址定位系統
OpenID:SSO 的統一作法
BBAuth 可以準備 Retire 了...
Quick Summary
• Open APIs:把 Yahoo! 當成你的資料庫
• Social:使用者資料與人際關係
• YAP:在 Y 放置你開發的程式
善用 Yahoo! 工具,可讓你的網站更 Powerful
Questions?
http://www.flickr.com/photos/phploveme/2847931240/