• Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,829
On Slideshare
0
From Embeds
0
Number of Embeds
7

Actions

Shares
Downloads
42
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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