2010年5月2日 星期日

「Google小工具」: Gadget & Mapplet (一)

(1). 什麼是「Google小工具」?
Gadget 及 Mapplet 屬同一類的設計架構,都是以XML及使用特殊Tag包起來的HTML與Javascript所組成。
完整範例如:

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="hello world example" />
<Content type="html">
<![CDATA[
Hello, world!
<script language="javascript">
alert('Hello !!');
</script>
]]>
</Content>
</Module>

Gadget 及 Mapplet差別在於Gadget可以於iGoogle及支援Javascript Widget的Blog中嵌入;而Mapplet只能外掛於Google Map中的小工具。不過之間只需稍做小修改即可以相互轉換。

(2). Google Gadget Editor
如何簡單快速方便的編寫設計「Google小工具」,iGoogle中就有提供一個小工具Gadget Editor,此Editor提供了Privew功能而且還可以將xml程式碼hosting在Gadget Editor喔,對於沒有主機的小工具開發者是個福音。(謎之音 ~~ Google是個大善人呀)

a.如何新增Google Gadget Editor到igoogle中:
登入igoogle後點選右上連結「新增小工具 »
以"Google Gadget Editor"字串搜尋,於找到的工小具下點 「立即新增」
回到iGoogle首頁就可以看到Google Gadget Editor




















b.Google Gadget Editor 功能選單










New : 開啓內建的sample,Editor中內建很多實用的sample程式,可以供初學者學習。
Open : 開啓已存檔的程式。
Open from URL : 開啓已存在於網路中的程式。
Save : 存檔,也就是將程式hosting於Google。
Save AS : 另存不同檔名。原檔儲存的檔案不變即多一個程式檔案。
Rename : 將已存檔的程式改名稱。
Upload : 可以將程式檔由電腦上傳。
Publish : 將目前開啟的檔案(必需存檔)發佈到iGoogle小工具列表中。
Delete : 將hosting於google中的程式檔刪除。


先看一個我為客戶設計的Gadget

沒有留言:

張貼留言