天天看點

JIL Widget開發入門

[原創]  

張志堅 (重新編輯)

本文和大家重點學習一下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的運作環境非常簡單。

JIL Widget開發入門

(一) Java的安裝

Java虛拟機需要用1.5以上的版本,具 體的安裝步驟如下:

1.輕按兩下jdk-1_5_0_17- windows-i586-p.exe彈出許可協定,點選接受,然後按下一步。

JIL Widget開發入門

選 擇安裝目錄後,點選下一步并開始安裝直到顯示安裝完成。

JIL Widget開發入門
JIL Widget開發入門

(1) 在window開始菜單中點選運作,在運作中輸入cmd然後打開指令行視窗。

(2) 在指令行中輸入java并按Enter鍵,如果能顯示如下圖2-6資訊就表示java環境運作正常了。

JIL Widget開發入門

(二)Jil SDK的安裝

1. 輕按兩下jil_sdk_setup.exe工具包彈出許可協定後點選接受,然後按下一步

JIL Widget開發入門

2. 選擇安裝目錄後點選下一步,直到安裝完成為止。

JIL Widget開發入門

(三) Jil SDK的運作

1.Jil SDK安裝完成後會在桌面上生成”JIL SDK”的快捷方式如下圖2-10,Jil的SDK其實就是内置在Eclipse中的一個插件。

JIL Widget開發入門

2. 輕按兩下快捷方式後會進入啟動界面

JIL Widget開發入門

3. 第一次通路時會提示您選擇工作空間,點選Ok後會進行開發工具的主界面

JIL Widget開發入門

(四) 模拟器的啟動

1.配置環境變量。設定步驟如下

對着”我的電腦”點選右鍵->選擇屬性->選擇進階->選擇環境變量, 然後編輯系統變量中的path變量,在變量值中輸入您的SDK Tools目錄的路徑,如下圖2-13。輸入完後按确定儲存。

JIL Widget開發入門

2. 建立sdcard鏡像檔案

在指令行視窗中輸入如圖2-14的指令後會在對應目錄中生成一個如圖2-15的鏡像檔案。

JIL Widget開發入門

上 圖指令的意思是建立一個50M的sdcard,Sdcard的大小可以按您的實際需求改變。

3.啟動模拟器

(1) 在文本編輯器中輸入圖2-16的Jil模拟器啟動指令,并儲存為如圖2-17的bat檔案。

JIL Widget開發入門

(2) 輕按兩下MyOphone.bat檔案起動模拟器,第一次啟動模拟器的時候需要比較長的時間。

JIL Widget開發入門

簡單應用的開發----漂亮的液晶時鐘

JIL Widget開發入門

(一) 開發如上圖3-1的液晶時鐘時需要做以下準備

1.首先準備好13幅液晶數字的圖檔,它們的顯示效果和名稱如圖3-2所示

JIL Widget開發入門

2. 編寫好的一段液晶時鐘的JavaScript代碼

JIL Widget開發入門

準 備好以上檔案後,我們就可以進行widget的開發了。

(二)在JilSDK中制作漂亮的液晶時鐘

1. 在eclipse中建立一個Widget Project

JIL Widget開發入門
JIL Widget開發入門

2. 在彈出的New Widget Project視窗中輸入Project Name如圖3-5中的Clock,并點選finish.

JIL Widget開發入門

3. 按finish後系統會生成如3-6的公程檔案

■ config.xml 應用程式的配置檔案

■ Default.png 預設的背景圖

■ Icon.png 預設的應用程式圖示

■ Clock.html widget UI界 面

■ Clock.js widget程式實作代碼

■ Clock.css  widget樣式代碼

■ bin目錄會生成一個系統編譯後的wgt檔案,如Clock.wgt

JIL Widget開發入門

4. 建立images目錄并将數字圖檔檔案拷進該目錄。

JIL Widget開發入門

5. 在Clock.js檔案中輸入已準備好的代碼

JIL Widget開發入門

6. 在Clock.html檔案對應的位置中輸入<script>timerun();</script>啟動代碼,如圖3-8所 示。

JIL Widget開發入門

7. 對剛才輸入的兩個檔案進行儲存,這時會在bin中産生一個Clock.wgt檔案,這個就是我們第一個生成widget應用了。

JIL Widget開發入門

三) 在模拟器中安裝及運作液晶時鐘

1.進入bin目錄并将Clock.wgt檔案拷進模拟器的sdcard中。(在模拟器啟動的狀态下進行)

在 啟動的指令視窗中輸入:adb push Clock.wgt /sdcard按回車後出現successfully提示。如圖3-10所示

JIL Widget開發入門

2. 點選模拟器的File Manager圖示,然後進入SdCard,這時會看到我們剛才拷進模拟器的Clock.wgt檔案。如下圖所示

JIL Widget開發入門

3. 點選clock.wgt會彈出安裝提示按yes鍵後直到安裝完成。如下圖3-12和圖3-13所示

JIL Widget開發入門

4. 點選模拟器的Widget Manager圖示後會進入installed程式清單,點選後就會産生圖3-1所示的液晶時鐘界面了。

JIL Widget開發入門
JIL Widget開發入門

應用程式的釋出

開發好的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會給我們帶來更多的驚喜。