2006/03/04

[技術分享] 製作 Yahoo! Widget Engine 的 Widget

之前就預告各位要把 Yahoo! Widget Engine 的製作 widgt 教材上線,今天總算完成了初版。如果有興趣開發 widget 給 Yahoo! Widget Engine(YWE)環境的朋友們,可以來看看在下這個教材,不見得完全正確,只是在下在製作 YWE widget 時的一些經驗分享,如有錯誤,歡迎指正!

這教材有附兩個實作範例,以下是教材的內容概要:

  1. 何謂 Yahoo! Widget Engine?
    1. 關於 Yahoo! Widget Engine
    2. 對於使用者的意義
    3. 以開發者的角度來看
    4. YWE Widget 檔案結構
  2. 開發 Widget 所需要的條件與工具
    1. 需要具備的基本知識
    2. 開發所需的工具程式
  3. 您的第一個 Widget:Hello World! Widget
    1. 您將學到什麼?
    2. 架構最基本的 .kon XML 的檔案
    3. 如何利用 YWE 環境進行 widget 測試與除錯
    4. Hello World! 範例實作 Hands-On
    5. 如何加入互動性
    6. 加入互動性到 Hello World 範例實作 Hands-On
    7. 構成 YWE Widget
    8. 打包成 .widget 範例實作 Hands-on
  4. 將網路資料變成 Widget:RSS 新聞閱讀器 Widget 範例
    1. 您將學到什麼?
    2. 如何結合獨立的 JavaScript .js 檔案
    3. 如何將資料由網路載入
    4. 如如何將載入資料分析並以 widget 方式來呈現
    5. YWE 3.0 新增的 Frame 物件的用法與其 sub frame(subview)的關係
    6. 使用 Widget Converter 將 RSS 新聞閱讀器 Widget 打包成跨平台的 YWE Widget

希望能給有興趣開發 Yahoo! Widget Engine 的朋友產生一點用處,希望有更多 YWE widget 可以問世!

6 則留言:

yllan 提到...

太棒啦!寫得真好~文件製作簡直到了商業水準!

nk / a yuko fan 提到...

感謝藍蘋果大大來捧場!

米糕熊 提到...

內容真的很豐富喔 :)
常看到許多精美的Widget
想自己來做一個~不過台灣卻很少有相關的文件●rz 在看不懂英文文件只好放棄>"<
今天看到您的教學文件真是如獲至寶阿~
小的對您的景仰,只能用一句話來形容, 那 就是有如滔滔江水連綿不絕,又如黃河氾濫一發不可收拾。 (不好意思狗腿一下)

總之 真的是太讚啦~希望作者可以繼續提供
相關Widget的教學技巧或出書 :)

nk / a yuko fan 提到...

感謝米糕熊的捧場,在下會盡量把在下所知的分享給大家,也希望大家不吝賜教。

winson 提到...

請問一下,是否可以動態改變frame裡面itemlist的 data值,因為試了一下,好像都會抓到空白

匿名 提到...

版主大人,不知可否提供製作WIDGET CLOCK的範例呢?