SA@Taipei2008/10/18 09:00 ~ 12:00

善用 Y 的 Open 強化你的網站+ YUI3.x + Pipes + SearchMonkey

Hi! 我是 josephj（啊嗚）

跑步環島 2008.5.18，屏東楓港

@josephj6802http://josephj.com

josephj6802@gmail.comhttp://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/