[原創]
張志堅 （重新編輯）
本文和大家重點學習一下JIL Widget開發入門的一些知識，基于window下開發JIL Widge隻需要兩個工具：一個是Java虛拟機，另一個是jilSDK開發工具，是以說jil的運作環境非常簡單。
JIL Widget開發入門
2009年7月我有幸參加了中國移動通信集團廣東有限公司舉辦的JILWidge開發教育訓練會。感覺Jil這項技術很不錯，是以将自己的使用體會與大家分享學習。
JIL是由中國移動、 軟銀和沃達豐于2008年4月24日共同建立的,中文名稱為“聯合創新實驗室”（Joint Innovation Lab，JIL）.中移動想将Jil Widget 通過 BAE安裝到各作業系統的手機上，現在大概隻支援OPhone、 WindowMobile、Symbian這 三個平台。
BAE(Browser Based Application Engine )是面向移動網際網路的， 跨移動終端作業系統平台的應用運作環境，感覺就是一個Widget的引擎，有點類似Java虛 拟機那樣去解釋應用程式。 他們會為各種手機平台開發不同的BAE然後在上面運作JIL Widget(感覺BAE就如同是安裝在不同手機中的浏覽器)。BAE以後會預裝在新推出的移動手機上，老使用者就要通過移動網站下載下傳了。據移動透路 MMarket會在8月10日後的某一天開始正式運作，他們會在MMarket上放上第一批的Jil widget。
目錄
- •開發 環境的安裝
- • 簡單 應用的開發----漂亮的液晶時鐘
- • 總結
- • 開發 工具參考網址
- • 本文 源代碼附件
- • 其 它
[顯示部分]
開發環境的安裝
基于window下開發JIL Widge隻需要兩個工具：一個是Java虛拟機，另一個是jil SDK開 發工具，是以說jil的運作環境非常簡單。
(一) Java的安裝
Java虛拟機需要用1.5以上的版本，具 體的安裝步驟如下：
1.輕按兩下jdk-1_5_0_17- windows-i586-p.exe彈出許可協定，點選接受，然後按下一步。
選 擇安裝目錄後，點選下一步并開始安裝直到顯示安裝完成。
(1) 在window開始菜單中點選運作，在運作中輸入cmd然後打開指令行視窗。
(2) 在指令行中輸入java并按Enter鍵，如果能顯示如下圖2-6資訊就表示java環境運作正常了。
(二)Jil SDK的安裝
1. 輕按兩下jil_sdk_setup.exe工具包彈出許可協定後點選接受，然後按下一步
2. 選擇安裝目錄後點選下一步，直到安裝完成為止。
(三) Jil SDK的運作
1．Jil SDK安裝完成後會在桌面上生成”JIL SDK”的快捷方式如下圖2-10,Jil的SDK其實就是内置在Eclipse中的一個插件。
2. 輕按兩下快捷方式後會進入啟動界面
3. 第一次通路時會提示您選擇工作空間,點選Ok後會進行開發工具的主界面
(四) 模拟器的啟動
1.配置環境變量。設定步驟如下
對着”我的電腦”點選右鍵->選擇屬性->選擇進階->選擇環境變量， 然後編輯系統變量中的path變量，在變量值中輸入您的SDK Tools目錄的路徑，如下圖2-13。輸入完後按确定儲存。
2. 建立sdcard鏡像檔案
在指令行視窗中輸入如圖2-14的指令後會在對應目錄中生成一個如圖2-15的鏡像檔案。
上 圖指令的意思是建立一個50M的sdcard，Sdcard的大小可以按您的實際需求改變。
3.啟動模拟器
(1) 在文本編輯器中輸入圖2-16的Jil模拟器啟動指令，并儲存為如圖2-17的bat檔案。
(2) 輕按兩下MyOphone.bat檔案起動模拟器，第一次啟動模拟器的時候需要比較長的時間。
簡單應用的開發----漂亮的液晶時鐘
（一） 開發如上圖3-1的液晶時鐘時需要做以下準備
1.首先準備好13幅液晶數字的圖檔，它們的顯示效果和名稱如圖3-2所示
2. 編寫好的一段液晶時鐘的JavaScript代碼
準 備好以上檔案後，我們就可以進行widget的開發了。
(二)在JilSDK中制作漂亮的液晶時鐘
1. 在eclipse中建立一個Widget Project
2. 在彈出的New Widget Project視窗中輸入Project Name如圖3-5中的Clock，并點選finish.
3. 按finish後系統會生成如3-6的公程檔案
■ config.xml 應用程式的配置檔案
■ Default.png 預設的背景圖
■ Icon.png 預設的應用程式圖示
■ Clock.html widget UI界 面
■ Clock.js widget程式實作代碼
■ Clock.css widget樣式代碼
■ bin目錄會生成一個系統編譯後的wgt檔案，如Clock.wgt
4. 建立images目錄并将數字圖檔檔案拷進該目錄。
5. 在Clock.js檔案中輸入已準備好的代碼
6. 在Clock.html檔案對應的位置中輸入<script>timerun();</script>啟動代碼，如圖3-8所 示。
7. 對剛才輸入的兩個檔案進行儲存，這時會在bin中産生一個Clock.wgt檔案，這個就是我們第一個生成widget應用了。
三） 在模拟器中安裝及運作液晶時鐘
1.進入bin目錄并将Clock.wgt檔案拷進模拟器的sdcard中。（在模拟器啟動的狀态下進行）
在 啟動的指令視窗中輸入：adb push Clock.wgt /sdcard按回車後出現successfully提示。如圖3-10所示
2. 點選模拟器的File Manager圖示，然後進入SdCard，這時會看到我們剛才拷進模拟器的Clock.wgt檔案。如下圖所示
3. 點選clock.wgt會彈出安裝提示按yes鍵後直到安裝完成。如下圖3-12和圖3-13所示
4. 點選模拟器的Widget Manager圖示後會進入installed程式清單，點選後就會産生圖3-1所示的液晶時鐘界面了。
應用程式的釋出
開發好的Widget是需上傳到MMarket上并要通過驗證和簽名後才能正式釋出的。
在 MMarket上的軟體獲得的利潤會和移動3:7分成（移動3 開發者7） 。
總結：
Jil widget優點和缺點
1.優點
(1) 開發簡單
(2) 可以在BAE的基礎上跨越不同的手機平台（基本做一次開發就可以用了）
(3) 可将現有的javascript适當修改一下就可以應用到widget上面(并支援jQuery等)
2.缺點
(1) 安全性相對較差
(2) 模拟器啟動慢，作業系統也相對慢
(3) 開發的程式有局限性.
(4) 對視訊音頻暫時支援不是太好
總的來說Jil Widget是一個非常适合現有web開 發人員去轉型編寫手機端應用，不像開發Symbian、WindowMobile等手機應用那樣有很高的門檻。jil sdk是一個很輕量級的手機端應用開發工具，能使我們輕而易舉地踏進火爆的3G手機時代。祝願未來的Ophone會給我們帶來更多的驚喜。