關於 Yahoo! Widget Engine

Yahoo! Widget Engine 是一個讓使用者可以方便使用一些小工具的環境，使用者將一些生活上常用到的工具，像計算機、日曆、天氣情報放以不同於傳統的便利方式來使用這些東西。其實 Yahoo! Widget Engine 原本並非是 Yahoo! 公司的產品，他的原名是 Konfabulator，本來是一個要收費的小軟體，但在 2005 年 Yahoo! 併購後，宣佈可以免費下載使用這個軟體，並將名稱更改為 Yahoo! Widget Engine。

關於 Yahoo! Widget Engine 的更多資訊（如歷史等），可以在 Yahoo! Widget Engine 的網頁得到更多資訊。

▲Top

對於使用者的意義

就像剛剛講的，Yahoo! Widget Engine（以下簡稱 YWE）對於使用者是一個方便的工具，它內附許多方便又炫、稱作 Widget 的小工具，從計算機、天氣預報到股市行情、地圖資訊、網路搜尋都有，並且，在其 Widget Gallery 網頁中還有超過 2000 種的 YWE Widget 可以讓您免費下載使用，就像個瑞士小刀的超級工具程式。

另外，YWE 還有一個特點，就是 YWE 的 Widget 幾乎都是跨平台的，這樣對 Windows 使用者是一大利多。其實在 YWE 的前身 － Konfabulator 在 1.x 版時都只有 Mac 版，但是到 1.8 版後，就支援了 Windows。以往只能看著 Mac 使用者用這些酷炫工具，從 1.8 版後 Windows 的使用者也能享用超過 2000 種的 Widget 了！

之所以 Yahoo! 在收購 Konfabulator 後將它改名為 Yahoo! Widget Engine，故名思義，它是個 Engine（引擎），如果您不安裝這個程式引擎的話，您就無法享用這些方便酷炫的小程式。就像 PC 沒有 BIOS、沒有 OS、您怎麼執行如 Office 之類的應用程式？所以對使用者來講，雖然使用者只看到那些小程式，但事實上 YWE 有著上述的影響力。

▲Top

以開發者的角度來看

只要要用 YWE 的 Widget，就一定得裝 YWE，而很幸運的是，YWE 是免費的。對開發者來說，這是一大利多，因為使用者或您不用再另外付錢，相對降低成本，提高使用者的使用意願。那 YWE 除了這個好處外，還提供了什麼樣的執行環境與應用程式界面（Application Programming Interface，API）給身為開發者的您呢？

以下是在下認為 YWE 執行環境提供給開發者的一些好處及服務：

• 免費的程式執行環境
• 以 JavaScript / XML 所構成的一個 Widget Runtime Engine
• 同一套程式碼與界面，用在 Windows & Mac OS X 平台，無須維護兩組 ^{註 1}
• 用文字編輯器便可編輯程式碼（JavaScript & XML），也可直接於環境中 debug

其實在下覺得 YWE 的優點在於跨平台。除了現有的 Mac 與 Windows 版外，未來也會提供 Linux 版，對於開發者來說，同一套程式碼用於兩個以上的平台，會大幅提升 Widget 的使用廣度，這是 Mac OS X Tiger 的 Dashboard 環境或是即將於 Windows Vista 內附的 Gadget 環境所無法提供的能力。

當然 YWE 有優點，當然也有些缺點。譬如，由於它是用自己的 XML 來定義界面，而不是用如 Mac OS X Dashbaord 裡使用網頁設計師熟悉的 HTML 與 CSS，所以在尚未有整合性的開發工具前，必須手動去算出每個使用者界面元件的位置，並在 XML 來進行定義，而不像 Dashboard Widget 可以用一些現成的“所見即所得”網頁編輯器（如 Dreamwearver）來改善這樣的問題。

但即便如此，YWE 所提供的某些好處的確是目前其他兩大 widegt 執行環境無法提供的。

▲Top

YWE Widget 檔案結構

接下來我們要真正進入 YWE Widget 開發的階段。首先，我們必須先了解 YWE Widget 的檔案結構，以方便我們之後的 widget 開發。一個 .widget 檔案是個由下列檔案組成的 bundle，並以 ZIP 壓縮格式進行壓縮（如 Java 程式的 JAR）：

• 圖形檔案
  用來構成 Widget 外觀。通常為 PNG 格式，但也可以是 GIF 與 JPEG 格式。由於 widget 通常都是不規則形狀，使用 PNG 格式可以有較佳的柔邊去背效果，因此大都使用 PNG 格式。
• XML 格式的 .kon 檔案
  這個 XML 檔案用來宣告視窗、使用者界面控制、計時器等的資料結構，也用來宣告 widget 可觸發或處理的動作（事件），並將這些事件或動作連結到相對應的函式（function）。在較小型的 widget 也包含了程式碼。
• JavaScript
  不見得會有，但如果有的話就是包含處理 widget 的邏輯與功能。

就是由以上的檔案壓縮成 ZIP 後構成一個 widget 檔案。如果把檔案以階層的方式來檢視的話，就會像下面這樣，幾乎所有的 widget 的檔案排列都跟這個差不多。我們即將在 Hello World widget 中詳細介紹這其中的檔案。

接下來我們會談到開發 Widget 的一些條件與使用到的工具（以 Windows 平台為例）。

▲Top