/* syntax highlight */ /* end of syntax highlight */

2010年4月14日 星期三

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

Bookmark and Share

因應課程需求,要開發一個簡易的 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

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...