2012年2月12日 星期日

用 Dojo Mobile 開發 UGoIGo 結伴遊 手機版 (一)





最近工餘時間都是在開發 UGoIGo 的手機版 ... 
而我用的工具是 Dojo Mobile + PHP + PhoneGap
很多網友都會知道 PHP 是什麼 ... 這裡我就不多說了 ... 

反而想介紹一下另外兩個工具 Dojo Mobile 和 PhoneGap


Dojo Mobile 框架是一套移動終端的 Web 應用開發框架,是 Dojo 的一個子項目。Dojo Mobile 主要面向手持設備上的 Web 富客服端應用開發,提供了 iPhone 和 Android 兩套主題,使得基於 iPhone 或者 Android 的 Web 應用具有手機本地應用的外觀和效果,而同時也給了開發者更多的主導權。上面是我在 Android 下基於 Dojo Mobile 開發的 UGoIGo 應用 Index,如果看不到地址欄,可能會以為是 iPhone 和 Android 的原生程序呢。




Dojo Mobile 開發框架有幾個特點:
  1. 輕量級,Dojo mobile 框架在壓縮之後僅有100k,在同類 js 框架中算是體積相當小的,對移動設備來說十分合適
  2. 大量使用 CSS3 實現 iPhone 和 Android 本地程序的特效,動畫效果流暢
  3. 跨瀏覽器平台,Dojo mobile 同時也支持非 webkit 內核的手機瀏覽器,使用dojo自帶的 dojo.animateProperty 與 dojox.gfx 模擬特效
  4. 由於 Dojo 跟 PhoneGap 看來有良好的相容性,所以當包裝成 Native Apps 時 ... 應該不會太麻煩 .... (不過我個人還沒有時間試)
致於 PhoneGap 又是什麼東西呢 ?!

隨著行動運算的市場規模成長,許多 Web 開發者也紛紛的對行動平台感到興。然而,為了能夠在 iPhone 或 Android 上推出自己的軟體,就必須得花上不少時間先學會這兩個平台上的相關開發技術,讓許多 Web 開發者遲遲無法跨入這個領域,選擇用網頁技術開發行動版網頁作為替代,而 PhoneGap 便是可以解決這個問題的最佳選擇!


但是由於是透過瀏覽器作為軟體的入口,所以仍然與一般的 apps 有明顯差異。更重要的是,這些網頁軟體沒有辦法像其他原生開發的軟體一般,透過軟體銷售平台獲利,而是必須在行動網頁中自行加入付費的會員機制或是廣告。
這樣的困境便造成了網頁開發者的兩難局面:固然開發行動網頁作為軟體是容易且跨平台的,但最終成品與原生應用仍有明顯的差異,但學習原生的開發卻又必須花費許多時間成本。
PhoneGap 便是為了要解決這個問題而誕生了!
這套開放原始碼的解決方案,便是提供了 iPhone、Android、Palm 和 Blackberry 平台的原生包裝軟體(wrapper),讓行動網頁可以被包裝成原生軟體的樣子,而不需透過瀏覽器作為入口。
以下是我花了點時間去完成的 UgoIgo Mobile Version, 不過還沒包裝成 Apps



雖然還沒完成,但主要介面已經出來 ...
大家有興趣可以到 http://ugoigo.acebuddy-tech.com/mobile/ 看看 .... 順便幫我找一下 Bugs ....^^"


最好用手機 browser 打開 ... 當然 Desktop 也是可以的 .... 
 

 

沒有留言:

張貼留言