Phone gap開發課程
Upcoming SlideShare
Loading in...5
×
 

Phone gap開發課程

on

  • 5,237 views

What's PhoneGap?

What's PhoneGap?
How to used PhoneGap framework?

Statistics

Views

Total Views
5,237
Views on SlideShare
3,566
Embed Views
1,671

Actions

Likes
1
Downloads
40
Comments
0

12 Embeds 1,671

http://phonegaptw.blogspot.tw 1051
http://phonegaptw.blogspot.com 421
http://phonegaptw.blogspot.hk 186
http://phonegaptw.blogspot.ca 4
http://phonegaptw.blogspot.fr 2
http://phonegaptw.blogspot.jp 1
http://phonegaptw.blogspot.co.uk 1
http://webcache.googleusercontent.com 1
http://phonegaptw.blogspot.co.nz 1
http://phonegaptw.blogspot.fi 1
http://phonegaptw.blogspot.de 1
http://phonegaptw.blogspot.com.au 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Phone gap開發課程 Phone gap開發課程 Presentation Transcript

  • PhoneGap 跨平台的行動應用程式開發
    • 碩網資訊
    • Sean
  • 大綱
    • 介紹 PhoneGap
    • 市面上 PhoneGap app demo
    • 開發環境需求與入門門檻
    • PhoneGap api 介紹說明
    • 用 PhoneGap Framework 開發 iPhone App
  • 介紹 PhoneGap
    • Framework 一次支援六個手機平台 ( ios 、 Android 、 BlackBerry 、 WebOS 、 WinMo 、 Symbin )
    • 用網頁技術來製作 Native app
  • PhoneGap 流程 支援狀況 http://www.phonegap.com/about/features/
  • PhoneGap 優點
  • 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 .
  • 市面上 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/
  • 開發環境需求
      • Mac OS X Show Leopard
      • IOS device
      • 安裝 IOS SDK+PhoneGap
      • Setup New Project
      • Deploy to Simulator
      • Deploy to Device
  • 入門門檻
    • 略懂 Javascript
    • 略懂 HTML
    • 略懂 CSS
    • JQuery Mobile( 可以的話 )
    • Objective-C ( 可以的話 )
    http://jquerymobile.com
    • 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>
  • PhoneGap api 介紹 Accelerometer Camera Capture Compass Connection Contacts Device Event File Geolocation Media Network Notification Storage
  • 開發流程 New Project Include lib Write index.html Deploy Simulator Setting Targets Deploy Device
  • 補充說明 : 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>