HTML5是繼HTML4.01版本，兩個版本卻相差了許多年，HTML5開始慢慢崛起是在2007年Apple的iphone狂銷後，賈伯斯在一篇類似公開信的聲明中說到HTML5才是未來網路業界的趨勢，此外Google相關產品也持續深化支援HTML5。
隨著HTML5標準發展越來越強大，現在也可以撰寫手機App，目前有三種撰寫手機APP方式:
第一種做法是Native App的開發方式，採用Java或C程式語言撰寫App，在編譯後安裝至手機運行，例如:Android 固定是用java開發，Iphone則是objective-C，兩者開發出來的程式只能在自家系統上執行，所以不能跨平台。
第二種做法就是HTML5的做法，採用HTML5標準開發App，有點像是在設計網頁，或是撰寫Web應用程式。只要把網頁或Web應用程式封裝成App後，就能直接安裝至手機運行，有跨平台優勢。
第三種Native +HTML5實際上是一種加殼的方式，將HTML5用和瀏覽器封裝起來，使用者沒有任何不習慣的感覺，和App Store上下載的App沒有什麼兩樣。
目前以第二種或第三種方式開發行動裝置上的App環境有5個，以表格來表示。
目前最多人用的是Titanium以及PhoneGap這兩個，MonCross因為有些功能有限制，必須付費才能使用所以使用者相對比較少，其他Adobe Flex以及Corona使用開發語言關係使用此環境開發人數也很少。
下面以PhoneGap做一個Hello World來介紹
第一種做法是Native App的開發方式，採用Java或C程式語言撰寫App，在編譯後安裝至手機運行，例如:Android 固定是用java開發，Iphone則是objective-C，兩者開發出來的程式只能在自家系統上執行，所以不能跨平台。
第二種做法就是HTML5的做法，採用HTML5標準開發App，有點像是在設計網頁，或是撰寫Web應用程式。只要把網頁或Web應用程式封裝成App後，就能直接安裝至手機運行，有跨平台優勢。
第三種Native +HTML5實際上是一種加殼的方式，將HTML5用和瀏覽器封裝起來，使用者沒有任何不習慣的感覺，和App Store上下載的App沒有什麼兩樣。
目前以第二種或第三種方式開發行動裝置上的App環境有5個，以表格來表示。
Platform
|
Build Target
|
Language
|
|
Adobe Flex
|
iOS/Android/
Blackberry
|
Native(原生)
|
Action Script/MXML
|
Titanium
|
iOS/Android/
|
Native(原生)
|
PHP/Ruby/HTML+CSS+JS
|
PhoneGap
|
iOS/Android/
Blackberry/Symbian/Bada
|
Hybrid
|
HTML+CSS+JS
|
Corona
|
iOS/Android
|
Native(原生)
|
Lua
|
MonoCross
|
Everything(-JAVA ME)
|
Native(原生)/Hybrid
|
.NET/C#
|
目前最多人用的是Titanium以及PhoneGap這兩個，MonCross因為有些功能有限制，必須付費才能使用所以使用者相對比較少，其他Adobe Flex以及Corona使用開發語言關係使用此環境開發人數也很少。
下面以PhoneGap做一個Hello World來介紹
 |
| 剛創好專案後可以看到元件頁面與android開發沒甚麼不同 |
 |
| 程式碼是載入index.html方式執行 |
 |
| 直接使用html語法開發 |
 |
| 這是執行模擬器顯示出來的結果 |
使用上述開發方式優點
1.使用者使用App時萬一行動裝置網路中斷，可以離線使用。
2.可以使用Native 資源，像是GPS、Camera...等
3.跨平台，不用針對各家系統開發。
缺點
除了要精通HTML5/CSS3/Javascript外，還得了解各平台瀏覽器特色例如:Apple、google、微軟...等的瀏覽器都不同。
2.可以使用Native 資源，像是GPS、Camera...等
3.跨平台，不用針對各家系統開發。
缺點
除了要精通HTML5/CSS3/Javascript外，還得了解各平台瀏覽器特色例如:Apple、google、微軟...等的瀏覽器都不同。
沒有留言:
張貼留言