邊做邊學 Widgets

1. 第一集 Widgets簡介 邊做邊學Widgets • Blog: http://www.dotblogs.com.tw/bauann/ • Email: bauann@gmail.com • Forum: http://social.msdn.microsoft.com/Forums/zh-TW/803/threads

2. 議程 • 什麼是Widgets • Widgets在Windows Mobile 6.5上的角色 • Widgets的Key design • 我要用什麼來開發Widgets • Widgets的檔案組成 • Widgets開發上的注意事項 • Search widgets

3. 什麼是Widgets • 以HTML做為主體 • 資料導向的應用程式 • 結合網路上提供的服務一同運作 (bing) • 類似於Vista資訊看板的Gadget應用 • 沿用你以往的Web開發經驗 * windows.open • 依附於WM6.5新版本的IEMobile 6 • 比以往Web應用程式更好的使用者經驗

4. Widgets在WM6.5上的角色 • 以往的開發方式 利用eVC/VC++開發Native應用程式 利用VB/C#開發managed應用程式 • Widgets的開發方式 以HTML做為應用程式的主體 以JavaScript做為主要的開發語言 支援CSS樣式表的使用 支援Ajax的使用

5. Widgets的key design • 以往的Web應用程式 需要由遠端下載JavaScript 需要由遠端下載CSS樣式表 Image等額外資源都需要由遠端載入 • Widgets應用程式 所有的外部資源/檔案可以連同Widgets應用程式一同部屬到用戶端

6. Widgets的開發工具 • 我要用Visual Studio來開發Widgets嗎？ • 使用任何你慣用的Web開發工具 • Device center / ActiveSync 4.5 • Windows Mobile 6.5 Developer ToolKit http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=20686a1d-97a8-4f80-bc6a-ae010e085a6e • 我需要安裝Windows Mobile 6 SDK嗎？ • Widgets需要製作安裝檔嗎？

7. Widgets的檔案結構 • Config.xml 應用程式描述以及設定 • 主體的HTML檔案(ex, page.htm) • 應用程式圖示檔(ex, myIcon.png) 支援 ico, jpg, png格式的檔案 • JavaScript檔案 (xxx.js) • CSS檔案 • 其他資源(ex,圖形檔等)

8. Widgets開發的注意事項 • Widgets是全螢幕的應用程式,不能任意改變大小 • 受到安全性的限制,不能存取系統相關的資源;例如file system,聯絡人資料等等 *SystemState物件 • 需要切換頁面的效果時需要另外用程式碼來處理

9. Search Widgets