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

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

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

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

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

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

這樣應該了解何為 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 並來到左下角的並輸入架站的位置

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

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

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

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