PhoneGap 跨平台的行動應用程式開發 <ul><li>碩網資訊 </li></ul><ul><li>Sean </li></ul>
大綱 <ul><li>介紹 PhoneGap </li></ul><ul><li>市面上 PhoneGap app demo </li></ul><ul><li>開發環境需求與入門門檻 </li></ul><ul><li>PhoneGap ap...
介紹 PhoneGap <ul><li>Framework 一次支援六個手機平台 ( ios  、  Android 、 BlackBerry 、 WebOS 、 WinMo 、 Symbin ) </li></ul><ul><li>用網頁技術...
PhoneGap  流程 支援狀況 http://www.phonegap.com/about/features/
PhoneGap 優點
PhoneGap 是免費的 <ul><li>PhoneGap is an open source implementation of open standards. That means developers and companies can...
市面上 App demo (Game) http://www.phonegap.com/app/orbium/
市面上 App demo(Skethpad) http://www.phonega p.com/app/harmonious/
市面上 App demo(GPS) http://www.phonegap.com/app/andrea-palladio-architectures-gps-guide/
市面上 App demo(Planner) http://www.phonegap.com/app/diary-mobile/
開發環境需求 <ul><ul><li>Mac OS X Show Leopard </li></ul></ul><ul><ul><li>IOS device </li></ul></ul><ul><ul><li>安裝 IOS SDK+Phone...
入門門檻 <ul><li>略懂 Javascript </li></ul><ul><li>略懂 HTML </li></ul><ul><li>略懂 CSS </li></ul><ul><li>JQuery Mobile( 可以的話 ) </li...
<ul><li>JavaScript 是一種廣泛用於 用戶端 Web 開發的腳本語言 ,常用來給 HTML 網頁 添加動態功能 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></u...
PhoneGap api 介紹 Accelerometer Camera Capture Compass Connection Contacts Device Event File Geolocation Media Network Notif...
開發流程 New Project Include lib Write index.html Deploy Simulator Setting Targets Deploy Device
補充說明 :  json [ {“name”: “sean” ,”gender”:”male”} , { {“name”: “kos” ,”gender”:”male”} ] <ul><li><list> </li></ul><ul><li><...
Upcoming SlideShare
Loading in...5
×

Phone gap開發課程

5,487

Published on

What's PhoneGap?
How to used PhoneGap framework?

Published in: Technology, Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,487
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
45
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Phone gap開發課程

  1. 1. PhoneGap 跨平台的行動應用程式開發 <ul><li>碩網資訊 </li></ul><ul><li>Sean </li></ul>
  2. 2. 大綱 <ul><li>介紹 PhoneGap </li></ul><ul><li>市面上 PhoneGap app demo </li></ul><ul><li>開發環境需求與入門門檻 </li></ul><ul><li>PhoneGap api 介紹說明 </li></ul><ul><li>用 PhoneGap Framework 開發 iPhone App </li></ul>
  3. 3. 介紹 PhoneGap <ul><li>Framework 一次支援六個手機平台 ( ios 、 Android 、 BlackBerry 、 WebOS 、 WinMo 、 Symbin ) </li></ul><ul><li>用網頁技術來製作 Native app </li></ul>
  4. 4. PhoneGap 流程 支援狀況 http://www.phonegap.com/about/features/
  5. 5. PhoneGap 優點
  6. 6. PhoneGap 是免費的 <ul><li>PhoneGap is an open source implementation of open standards. That means developers and companies can use PhoneGap for mobile applications that are free, commercial, open source, or any combination of these . The PhoneGap project will always remain free and open source under an MIT license . </li></ul>
  7. 7. 市面上 App demo (Game) http://www.phonegap.com/app/orbium/
  8. 8. 市面上 App demo(Skethpad) http://www.phonega p.com/app/harmonious/
  9. 9. 市面上 App demo(GPS) http://www.phonegap.com/app/andrea-palladio-architectures-gps-guide/
  10. 10. 市面上 App demo(Planner) http://www.phonegap.com/app/diary-mobile/
  11. 11. 開發環境需求 <ul><ul><li>Mac OS X Show Leopard </li></ul></ul><ul><ul><li>IOS device </li></ul></ul><ul><ul><li>安裝 IOS SDK+PhoneGap </li></ul></ul><ul><ul><li>Setup New Project </li></ul></ul><ul><ul><li>Deploy to Simulator </li></ul></ul><ul><ul><li>Deploy to Device </li></ul></ul>
  12. 12. 入門門檻 <ul><li>略懂 Javascript </li></ul><ul><li>略懂 HTML </li></ul><ul><li>略懂 CSS </li></ul><ul><li>JQuery Mobile( 可以的話 ) </li></ul><ul><li>Objective-C ( 可以的話 ) </li></ul>http://jquerymobile.com
  13. 13. <ul><li>JavaScript 是一種廣泛用於 用戶端 Web 開發的腳本語言 ,常用來給 HTML 網頁 添加動態功能 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>JavaScript 的 Hello World 程式 </title> </li></ul><ul><li><script type=&quot;text/javascript&quot;> </li></ul><ul><li>// 直接在瀏覽器視窗顯示。 </li></ul><ul><li>document. write (&quot;Hello, world!&quot;); </li></ul><ul><ul><ul><ul><li>// 開啟對話視窗顯示。 </li></ul></ul></ul></ul><ul><li>alert(&quot;Hello, world!&quot;); </li></ul><ul><li></script> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li>HTML 本文…… </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  14. 14. PhoneGap api 介紹 Accelerometer Camera Capture Compass Connection Contacts Device Event File Geolocation Media Network Notification Storage
  15. 15. 開發流程 New Project Include lib Write index.html Deploy Simulator Setting Targets Deploy Device
  16. 16. 補充說明 : json [ {“name”: “sean” ,”gender”:”male”} , { {“name”: “kos” ,”gender”:”male”} ] <ul><li><list> </li></ul><ul><li><person> </li></ul><ul><ul><li><name>sean</name> </li></ul></ul><ul><ul><li><gender>male</gender> </li></ul></ul><ul><li></person> </li></ul><ul><li><person> </li></ul><ul><ul><li><name>kos</name> </li></ul></ul><ul><ul><li><gender>male</gender> </li></ul></ul><ul><li></person> </li></ul><ul><li></list> </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×