Cloud Connected Inc.

Wretch APImiiiCasa Integration

蔣定宇 / josephj / 啊嗚

在 miiiCasa 使用無名小站 API

http://tinyurl.com/josephj-wretch-api

• 前端工程師 (2.5 年)• YDN 傳教士 (0.5 年)• 無名小站工程師 (1 年)

前一份工作在

現任職於

• 前端工程師 (1.5 年)

嗨！我是啊嗚 /josephj！很開心來到__________

我的部落格 http://josephj.com

熱愛分享，認為最好的 Solution 是討論出來的

跑步環島在我 29 歲

2008 年 5 月時花了 27 天

跑了 八百多公里達成跑步環島的夢想

没有不可能

講無名小站 API，當然要來攀一下關係

Yahoo! Developer Network 台灣官網的製作

介紹無名小站第一版 API 與 YAP 的整合

無名小站擔任工程師

favicon 的最佳化

因角色轉換、對團隊的貢獻很有限，也沒有很好的發揮。但整體架構跟開發環境卻對我現在的工作有很高的參考價值。

http://josephj.com/lab/favicon/demo2.html

當然! Yahoo! 是家好公司 :D

講師生涯是從 Yahoo! 開始的

願意讓員工去圓夢

Yahoo! 有許多難忘的記憶

Agenda

• 人人都可以是 R 小編2008 Yahoo! 內部 Hackday 作品

• y2d (yahoo! to device)2009 Open Hack Day 佳作

• 與 miiiCasa 做整合照片的互相流通

• API 使用心得分享以使用者角度看 API

人人都可以是 R 小編2008 雅虎內部 Asia OpenWeek，使用無名小站 API 與 Social SDK

用社群的力量減少不必要的人力浪費

Y2D 相關資料

• 投影片http://www.slideshare.net/josephj/everyone-can-be-a-wretch-editor-presentation

• 範例程式http://josephj.com/lab/2011/wretch-editor/

• 部落格http://josephj.com/entry.php?id=199

• github 候補

Y2D2009 Open Hack Day 將無名與硬體做結合

Y2D (Yahoo! to Device)

10/17~18 Open Hack Day @ 台大醫院國際會議中心。我們隊伍 Y2D 得到第二名佳作五萬塊

阿公阿嬤與不懂電腦的小朋友一樣都有看照片的需求http://e.blog.xuite.net/e/8/c/f/17147864/blog_951505/txt/22738502/4.gif

兒子媳婦帶孫子一起出遊，上傳到了無名

http://www.wretch.cc/album/show.php?i=boboamomo&b=75&f=1692746484&p=10

開瀏覽器、輸入網址對阿公阿嬤是很大的障礙

http://www.worldjournal.com/view/full_tw/8016740/article-孫最崇拜的阿公-90歲自學電腦-架網頁?instance=twnews

哪無！架網站我嘛ㄟ效！

ㄟ... 這個是少有的特例啦

網站內容分享，不應該只在瀏覽器上

網通業者其實有許多較親和的瀏覽裝置

Photo Frame數位像框本身有儲存空間、可以播放照片或設定網路相簿的 RSS 自動更新

Media Player多媒體播放器可直接透過電視播放網路上的影片、音樂、照片

網通業者其實有許多較親和的瀏覽裝置

Photo Frame數位像框本身有儲存空間、可以播放照片或設定網路相簿的 RSS 自動更新

Media Player多媒體播放器可直接透過電視播放網路上的影片、音樂、照片

皆支援 UPnP 的開放協定可以直接操縱這些裝置的 Protocol

主題決定：

讓當紅的無名小站相簿、

可以「隨時播放」到「不同的裝置上」

分享器掌握了所有家中網路的流量

對分享器來說，任何未加密的網路封包都是可以竄改的。

隨時存取無名小站，How?

在所有使用者瀏覽的網頁...

針對 http 的網頁塞入一段 JavaScript

於是乎使用者的每一頁都會有 Y2D 的工具列

無名小站 is everywhere

即使在臉書也可以觀看無名

無名小站 is everywhere

隨時隨地觀看無名小站的內容

無名小站 is everywhere

甚至播放到任何支援的裝置上

比賽當天的 Demo

評審前面一人一台數位像框

會場中央一台多媒體播放器 +

電視

比賽當天的 Demo

點選就開始播放上面兩張照片

無名小站在每個網頁皆可使用。

可將無名小站照片分享給不會用電腦的人。

輕鬆的無名小站拖拉上傳介面。

分享器軔體改寫、塞入一段 JavaScript (YUI3)。

利用 BrowserPlus 建立桌面與每種瀏覽器的橋樑。

以通用 UPnP 協定、傳送給支援的裝置。

軟硬體結合真有趣也是趨勢！

Y2D 是我們產品概念的發想起源

Y2D 相關資料

• GitHub 候補

• 部落格http://josephj.com/entry.php?id=300

• 範例程式http://josephj.com/lab/2011/y2d/toolbar_hackday.js

• 2009 Hackday 相關照片http://www.flickr.com/photos/josephj/sets/72157622499436957/

• YDN 官網記錄http://developer.yahoo.com/hacku/hackuhandler.php?appid=hacktaiwan&op=showhack&hackid=544

miiiCasa WretchApp無名小站、miiiCasa 手牽手一起向前行吧~

miiiCasa 是什麼東東？

建立親友間的 SNS你有在無名或 facebook 加你爸媽為好友嗎？

mi ＝my 我的casa ＝home 家

中間的 i 代表家中成員：爸爸、媽媽、小孩

miiiCasa 字面意義

miiiCasa = 我的家

miiiCasa Space

我們希望家庭成員間、具私密性的資料可以放在這裡像是兒女成長過程與父母婚禮的照片及影片

miiiCasa Space 的實際產品

不管在這個分享器的區網內、或者在辦公室都可以用同一個網址存取連結的儲存裝置

miiiCasa Space

不論網內外，以相同介面與網址存取 Device 的檔案 http://www.miiicasa.com/space

親友家人的 Social Network。也是雲端、但這朵雲位於你家。

So ... 無名與 miiiCasa 可以怎麼整合？

最簡單的作法就是製作 Bar 上的 App，增加家中成員隨時隨地使用

已經整合了 facebook 與 twitter 等社交網站

比較有意義的應該是照片或影音的交換

雖然家庭的照片放在 miiiCasa Space 是不錯的選擇，我們仍有許多時候會將挑選過後的照片分享到無名小站或 facebook 給朋友看。

But... 我自己是比較想把無名上的正妹相簿下載回家欣賞 XD

使用者向分享器 API 發出請求

分享器將檔案上傳至 miiiCasa API Server

miiiCasa API Server 將檔案透過無名小站 API 上傳

將照片或影片分享到無名小站

目前只做了在網內從無名小站下載照片到分享器內（下載正妹圖好像比較有動力些 XDD)

使用者在我的網頁以無名 API 取得相片網址列表

直接以 URL 抓取圖片

向 Router API 發出請求請它直接抓取圖片 URL、存到 USB 中的某個 Folder

將照片或影片從無名小站下載回分享器

能夠分享到無名小站也能夠備份到存取速度最快的家中

miiiCasa Wretch App

近期內寫好，讓有興趣的朋友從遠端測試

Wretch API v1.2使用無名小站 v1.2 的 API

測試了主要幾個的 API 方法• 相簿列表

http://josephj.com/lab/2011/wretch-api/album_list.php

• 單一相簿內照片列表http://josephj.com/lab/2011/wretch-api/album_content.php?uid=5YG5572WIEWQTKFPHOC33CSWZ4&bid=32761

• 文章列表http://josephj.com/lab/2011/wretch-api/article_list.php

• 單一文章內容http://josephj.com/lab/2011/wretch-api/album_content.php?uid=5YG5572WIEWQTKFPHOC33CSWZ4&bid=32761

• 新增文章http://josephj.com/lab/2011/wretch-api/article_post.php

• 新增照片http://josephj.com/lab/2011/wretch-api/photo_post.php

• 個人資料http://josephj.com/lab/2011/wretch-api/profile.php

• 使用者圖檔http://josephj.com/lab/2011/wretch-api/profile_cover.php

https://github.com/josephj/wretch-api-sample

Wretch API Good Part

1. 使用 base64_encode 做上傳很方便文字格式利於交換、不需再用 cUrl 做 POST

Wretch API Good Part

2. API 可抓取完整 Blog 內容

過去擔心複製太過容易而不開放（只有 Summary）但個人是覺得讓平台更好用才是重點

API 有完整功能讓廠商與開發者更願意長期使用

Wretch API Suggestion

1. 希望能支援 YQL

YQL 的概念非常貼近開發者“select album from wretch.albumService where uid = $uid”

許多 Yahoo! 的其他 API 已支援

Wretch API Suggestion

2. 簡化 responseBody 物件list 類的方法都必須用兩層，也看不出意義

Wretch API Suggestion3. API 文件勘誤、加強

目前有一些錯誤若可以有像 Facebook 範例程式剪下貼上更好

Wretch API Suggestion4. 版本異動列表

v1.1 升級到 v1.2 會有一些屬性改名字若有個異動表可以減少升級時間

book 改為 book_id, cover->url 改為 cover->uri

Wretch API Suggestion5. 照片上傳不成功上傳結果是成功的

但其實只產生縮圖，原圖並未上去

Wretch API Suggestion

5. 希望能有熱門相簿、影音、部落格的 Feed

例如當日熱門相簿的 RSS 即可比較有 material 可以用

Any Questions?

http://www.flickr.com/photos/phploveme/2847931240/

Thank Youso muchiii

josephj6802@gmail.com