2009年5月11日 星期一

有趣的 YouTube 應用

剛在網路上看到這個有趣的服務

http://www.yooouuutuuube.com/

該服務能夠讓我們提供一個 Youtube 影片的網址後

系統會幫我們做成像電視牆的感覺 (不過網路要夠快效果比較好)

我以下面這部影片為例

剛開始先在該系統給參數 Enter a YouTube video URL

image

zoomed in 讓格子放大一點,如果勾選 zoomin 但不勾選 shuffle 會出現以下的畫面

image

shuffle 是隨機出現內容,但速度有點 lag

image

另外兩個服務 enter search terms 與隨機搜索 ,我等了5 分鐘 render 結果還沒出來…宣告放棄

有興趣的人自己去玩玩吧

感覺實用性不高但很特別

以後開 party 可以用這種功能來播影片助興

2009年5月6日 星期三

google gadget 開發心得第一篇 : hello gadget

因應課程需求,要開發一個簡易的 google gadget,即 google 小工具

想說邊寫邊做筆記,希望能幫助到其他人,這是第一篇 : gadget - hello world

先用一張圖表達何為 gadget,可以連到 i-google 這個頁面 http://www.google.com.tw/ig

image

你可以看到頁面中有各個方框的部份,分別就是不同的 gadget,使用者可以個人化選擇想要使用的 gadget ,連到這頁有各種服務供選擇,像是字典、電影、Email、新聞、天氣預報等等

http://www.google.com/ig/directory?source=gghp

image

這樣應該了解何為 gadget 了,那讓我們開始進行開發吧

以下是幾個重要的連結

(1) 開發 gadget 服務首頁(英文) : http://www.google.com/webmasters/gadgets/guidelines.html

(2) 開發 gadget 服務首頁(中文) : http://www.google.com.tw/intl/zh-TW/apis/gadgets/docs-home.html

(3) tutorial(中文) http://www.google.com.tw/intl/zh-TW/apis/gadgets/basic.html

(4) Google Gadget Center

(英文)http://www.google.com/webmasters/gadgets/about/

接下來就開始 step by step 的進入 gadget 的世界

(1) 請連到以下網頁 http://www.google.com/ig/directory?root=/ig&dpos=top

(2) 請架設一個 Web server ,像是 tomcat 或是 appserv 等等,並產生一個相對應 xml檔案內容如下

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="hello world example" />
<Content type="html">
<![CDATA[
Hello, world!
]]>
</Content>
</Module>

請注意,以下為 "Hello World" 範例的相關資訊(from google):

  • 小工具是以 XML 指定的。 第一行是撰寫 XML 檔案時的標準開始方式。 這必須是檔案的第一行。
  • <Module> 標記表示此 XML 檔案包含小工具。
  • <ModulePrefs> 標記包含小工具的相關資訊,例如標題、說明、作者和其他選用功能。
  • <Content type="html"> 這一行表示小工具的內容類型為 HTML。
  • <![CDATA[ ...insert HTML here... ]]> 可在小工具的內容類型為 html 時用來包含 HTML。 它會告訴小工具剖析器,CDATA 區段內的文字不能視為 XML。 CDATA 區段通常包含 HTML 和 JavaScript。
  • </Content> 表示 Content 區段的結尾。
  • </Module> 表示小工具定義的結尾。

(3) 請連到 http://www.google.com/ig/directory 並來到左下角的並輸入架站的位置

image

(4) 接下來會詢問 ,回答確定

image

(5) 下一步請將 My gadget 這個 gadget 加到我們的 i-google 首頁

http://www.google.com/ig/adde?moduleurl=www.google.com/ig/modules/developer.xml

image

(6) 回到我們的 igoole 首頁,順利的話我們剛上傳的 gadget 已經產生了,其他使用者也可以透過我們剛剛給予的 URL 來訂閱使用我們建好的 gadget

image