分類
宅˙Geek

[宅] 效率最高的iPhone App產生術: 用 PhoneGap+iAd 開發 iPhone App

http://www.dab.idv.tw/amfphp/services/0.66058700 1285865607.jpg

近日Z10與原子映像電影公司合作推出「街角的小王子」App。目前已經順利上架,並且更新到1.1版。
到這裡下載:http://itunes.apple.com/us/app/incaseoflove/id387240537?mt=8#
這次的開發需求很單純,就是需要電影宣傳App,包含照片,影片,最重要的是還收錄了人氣美少女紀培慧繼[九降風]後又一全新文字創作–[街角的小王子]電影小說,一共十三個章節。
Z10技術力雖強,但身為技術力最弱的一個成員(dAb),我一直在找尋最簡單迅速效率最高的App產生術,繼上回與臺灣新銳服裝設計師ENZO LIN合作同名App採用 PhoneGap+jQtouch之後,這次的「街角的小王子」更率先採用了今年六月Apple才推出的 iAd Framework。
這個Framework除了被iAd for iOS4 SDK之外,還包含了一個Javascript套件。
簡單講,這個套件就是 jQtouchiUi的加強版,也就是Apple官方自己開發的HTML5+JS的Web-Based iPhone App模擬套件!
因為時間的關係無法用閒聊的方式介紹,底下我先簡單以條列說明 優點,缺點,開發細節 與心得。


優點:

  1. 開發快速,約一週內可完成。
  2. 支援iOS4 GPU硬體加速和iPhone最佳化,所以效能比過去任何一個iPhone-Like JS套件都還要更好。
  3. 因為是官方開發的,所以看起來/操作起來也比目前任何一個iPhone-Like JS套件還要更像iPhone原生App。
  4. 在Javascript上再加了一層高階架構,類似Native原生iPhone App的程式架構,View, Controller, NavigationController…所以對原本就會Obj-C(Apple自己推出的程式語言)的開發者而言,要上手根本不用時間;而對像我這種誓死不學Obj-C的人來說,也是有萬般好處,因為摸了幾天之後,也就開始慢慢了解Native App的組成架構,和Obj-C的程式設計師溝通起來就更方便了。
  5. 用HTML可以很輕易的用CSS來調整排版(這次的小說內容就是用這樣的方式才能輕鬆排版;忠於原著。)
  6. 用CSS排版的話,美術就可以快速修改,甚至可以先用網頁編輯軟體建立好CSS樣式交給程式人員套用。
  7. 可以使用Chrome或Safari的「開發人員主控台」來Debug,甚至直接修改、操作編寫出來的Web-Based App!


缺點:

  1. 只能在iOS4的裝置上執行。
  2. 記憶體容量很小,一次Load太多東西就會破圖(這問題我處理好久啊…)
  3. 多語言支持(Localization)不好做,要用到高深的JS來做。
  4. 想到再補…

心得:

  1. 基本上因為iAd還是很新的東西,所以Google經常找不到資料,要說拿PhoneGap+iAd來做App更是幾乎前所未聞,Z10這次的嘗試大概是全球獨步了,也只有像我這麼誓死不學Obj-C的人才想得到的懶人作法吧…
  2. 快要做完準備上架的時候,曾聽到有謠言傳說Apple有規定iAd的JS Code不能拿來做除了iAd廣告以外的事情(iAd幹嘛的請看這裡),聽到的時候整個嚇呆了,幸好最後Z10勇敢的證明了用 PhoneGap+iAd 開發 iPhone App 是可行的啦!!!
  3. 最後,就是「街角的小王子」這部片的演員都好正啊,更不用提「九降風」美少女紀培慧了,大家一定會喜歡她的文字噢!
  4. 最後的最後,這一篇文章雖然是很技術,但還是希望不管你是技術高手還是電影愛好者、都要支持一下國片,更要支持一下國產App和國產iPhone開發團隊啦!Z10所有成員愛你喔!

謝謝各位!
請記得要進戲院看9/3溫柔獻映的「街角的小王子 / In Case of Love」喔!
此文章同步發表在 Z10 Dev Blog: http://dev.z10.mobi/2010/09/phonegap_iad_iphone_app/.

作者: dAb

葛如鈞。1981年生於臺北,台灣大學資工博士,奇點大學見證者,前瞻科技傳教士,現任職於台北科技大學互動設計系 專任助理教授。