SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
Jquery Mobile with PhoneGap plateform




                          文孝義
2012/4/17                                           1
Agenda
 Why use Web-Based
 Understand PhoneGap
 Mobile Framework
 How to develop
 Deploy to Phone
 Distribute to Market/AppStore
 What is PhoneGap Build



2012/4/17                         2
Why use Web-Based
     Android
        ADK - Java
        NDK - C++
     iOS
        Object C++




2012/4/17             3
Why use Web-Based
     Web-Based - Web Development
        HTML
        JavaScript
        CSS




2012/4/17                           4
Why use Web-Based
 跨平台
 在瀏覽器容器中運作
 容易學習 HTML
 UI 豐富容易設計
 CSS 3 動畫硬體驅動
        WebKit
 離線運作
 不需要SERVER


2012/4/17           5
Understand PhoneGap
 http://phonegap.com/
 建立WEB與系統之間的橋接機制
        操作與控制硬體設備
 目前版本 1.5.0
 已經轉移到Apache 基金會維護
        Callback/Cordova




2012/4/17                   6
Mobile Framework – WEB
Based
     JQuery Mobile
        http://jquerymobile.com/
     JQTouch
        http://jqtouch.com/
     Sencha
        http://www.sencha.com/
     iUI
        http://code.google.com/p/iui/


2012/4/17                                7
How to develop
 安裝Eclipse
 安裝 Google ADK
        Android SDK
     安裝ADT Plugin for Eclipse




2012/4/17                        8
How to develop
     Android SDK Manager
        SDK Manager.exe




2012/4/17                   9
How to develop
     Android SDK Manager
        至少要選取 2.3.X
        下載 USB Driver




2012/4/17                   10
How to develop
     AVD Manager
        設定模擬器




2012/4/17           11
How to develop
     新增Android Project




2012/4/17                 12
How to develop
     Web based 開發測試
        NB電腦的瀏覽器單機測試
        架設Web Server,從手機的瀏覽器連上執行。
         ○ 以 iPad 為例
        缺點:
         ○ 不能測試真實設備與感測器
        優點:
         ○ 快速測試HTML UI設計




2012/4/17                            13
How to develop
     Web based 開發測試
        DEMO




2012/4/17              14
How to develop
     實機測試
        真正運作環境
        真實感測器
        真實狀況
        真實網路
        真實設備




2012/4/17         15
How to develop
     USB Driver
        Path:
            android-sdk-windowsextrasgoogleusb_driver




2012/4/17                                                   16
How to develop
     啟用開發模式




2012/4/17        17
How to develop
     啟用開發模式




2012/4/17        18
How to develop
     啟用開發模式
     完成相關設定後,插入
      USB連結線。




2012/4/17          19
How to develop
     DDMS (Dalvik Debug Monitor)
        Path:
            android-sdk-windowstoolsddms.bat




2012/4/17                                        20
How to develop
     DDMS 功能
        抓圖
        除錯
     注意採用TCP PORT
        Local Port: 8600
        VM Port: 8700




2012/4/17                   21
How to develop
     啟用除錯




2012/4/17        22
How to develop
     選擇測試裝置




2012/4/17        23
How to develop
     停止除錯




2012/4/17        24
Deploy to Phone
     方式:
        直接佈署
         ○ 利用WEB Server下載
         ○ SD卡
        上架市集




2012/4/17                   25
Distribute to Market/AppStore
     省略




2012/4/17                       26
What is PhoneGap Build
 build.phonegap.com
 提供製作特定平台的安裝程式
 目前線上支援平台
 目前免費試營運中




2012/4/17                27
What is PhoneGap Build
     各平台目前支援的設備
        http://phonegap.com/about/features




2012/4/17                                     28
What is PhoneGap Build




2012/4/17                29

Contenu connexe

En vedette

Sencha touch 2 訓練課程 1 建置專案環境
Sencha touch 2 訓練課程 1 建置專案環境Sencha touch 2 訓練課程 1 建置專案環境
Sencha touch 2 訓練課程 1 建置專案環境My own sweet home!
 
開放原始碼 Ch1.2 intro - oss - apahce foundry (ver 2.0)
開放原始碼 Ch1.2   intro - oss - apahce foundry (ver 2.0)開放原始碼 Ch1.2   intro - oss - apahce foundry (ver 2.0)
開放原始碼 Ch1.2 intro - oss - apahce foundry (ver 2.0)My own sweet home!
 
Sencha touch 2 訓練課程 2 android環境建置
Sencha touch 2 訓練課程 2 android環境建置Sencha touch 2 訓練課程 2 android環境建置
Sencha touch 2 訓練課程 2 android環境建置My own sweet home!
 
文創產業網路行銷_Ch1 1 - 常用服務申請與使用
文創產業網路行銷_Ch1 1 - 常用服務申請與使用文創產業網路行銷_Ch1 1 - 常用服務申請與使用
文創產業網路行銷_Ch1 1 - 常用服務申請與使用My own sweet home!
 
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週My own sweet home!
 
開放原始碼 Ch2.4 app - oss - db (ver 1.0)
開放原始碼 Ch2.4   app - oss - db (ver 1.0)開放原始碼 Ch2.4   app - oss - db (ver 1.0)
開放原始碼 Ch2.4 app - oss - db (ver 1.0)My own sweet home!
 
開放原始碼 Ch0 intro - this course (ver 1.5)
開放原始碼 Ch0   intro - this course (ver 1.5)開放原始碼 Ch0   intro - this course (ver 1.5)
開放原始碼 Ch0 intro - this course (ver 1.5)My own sweet home!
 
開放原始碼 Ch2.1 app - oss - oss ide (ver1.2)
開放原始碼 Ch2.1   app - oss - oss ide (ver1.2)開放原始碼 Ch2.1   app - oss - oss ide (ver1.2)
開放原始碼 Ch2.1 app - oss - oss ide (ver1.2)My own sweet home!
 
行動商務 - PhoneGapBuild and Upto Market
行動商務 - PhoneGapBuild and Upto Market行動商務 - PhoneGapBuild and Upto Market
行動商務 - PhoneGapBuild and Upto MarketMy own sweet home!
 
開放原始碼 Ch2.2 app - oss - google client api & app engine(ver 1.0)
開放原始碼 Ch2.2   app - oss -  google client api & app engine(ver 1.0)開放原始碼 Ch2.2   app - oss -  google client api & app engine(ver 1.0)
開放原始碼 Ch2.2 app - oss - google client api & app engine(ver 1.0)My own sweet home!
 
Java API for WebSocket 實作介紹
Java API for WebSocket 實作介紹Java API for WebSocket 實作介紹
Java API for WebSocket 實作介紹My own sweet home!
 
Sencha touch 2 訓練課程 3 phonegap整合
Sencha touch 2 訓練課程 3 phonegap整合Sencha touch 2 訓練課程 3 phonegap整合
Sencha touch 2 訓練課程 3 phonegap整合My own sweet home!
 

En vedette (13)

Sencha touch 2 訓練課程 1 建置專案環境
Sencha touch 2 訓練課程 1 建置專案環境Sencha touch 2 訓練課程 1 建置專案環境
Sencha touch 2 訓練課程 1 建置專案環境
 
開放原始碼 Ch1.2 intro - oss - apahce foundry (ver 2.0)
開放原始碼 Ch1.2   intro - oss - apahce foundry (ver 2.0)開放原始碼 Ch1.2   intro - oss - apahce foundry (ver 2.0)
開放原始碼 Ch1.2 intro - oss - apahce foundry (ver 2.0)
 
Sencha touch 2 訓練課程 2 android環境建置
Sencha touch 2 訓練課程 2 android環境建置Sencha touch 2 訓練課程 2 android環境建置
Sencha touch 2 訓練課程 2 android環境建置
 
文創產業網路行銷_Ch1 1 - 常用服務申請與使用
文創產業網路行銷_Ch1 1 - 常用服務申請與使用文創產業網路行銷_Ch1 1 - 常用服務申請與使用
文創產業網路行銷_Ch1 1 - 常用服務申請與使用
 
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
 
開放原始碼 Ch2.4 app - oss - db (ver 1.0)
開放原始碼 Ch2.4   app - oss - db (ver 1.0)開放原始碼 Ch2.4   app - oss - db (ver 1.0)
開放原始碼 Ch2.4 app - oss - db (ver 1.0)
 
開放原始碼 Ch0 intro - this course (ver 1.5)
開放原始碼 Ch0   intro - this course (ver 1.5)開放原始碼 Ch0   intro - this course (ver 1.5)
開放原始碼 Ch0 intro - this course (ver 1.5)
 
開放原始碼 Ch2.1 app - oss - oss ide (ver1.2)
開放原始碼 Ch2.1   app - oss - oss ide (ver1.2)開放原始碼 Ch2.1   app - oss - oss ide (ver1.2)
開放原始碼 Ch2.1 app - oss - oss ide (ver1.2)
 
行動商務 - PhoneGapBuild and Upto Market
行動商務 - PhoneGapBuild and Upto Market行動商務 - PhoneGapBuild and Upto Market
行動商務 - PhoneGapBuild and Upto Market
 
開放原始碼 Ch2.2 app - oss - google client api & app engine(ver 1.0)
開放原始碼 Ch2.2   app - oss -  google client api & app engine(ver 1.0)開放原始碼 Ch2.2   app - oss -  google client api & app engine(ver 1.0)
開放原始碼 Ch2.2 app - oss - google client api & app engine(ver 1.0)
 
JQuery Mobile UI
JQuery Mobile UIJQuery Mobile UI
JQuery Mobile UI
 
Java API for WebSocket 實作介紹
Java API for WebSocket 實作介紹Java API for WebSocket 實作介紹
Java API for WebSocket 實作介紹
 
Sencha touch 2 訓練課程 3 phonegap整合
Sencha touch 2 訓練課程 3 phonegap整合Sencha touch 2 訓練課程 3 phonegap整合
Sencha touch 2 訓練課程 3 phonegap整合
 

Similaire à Web based mobile devlopment 快速簡介

Apache cordova 開發環境建置
Apache cordova 開發環境建置Apache cordova 開發環境建置
Apache cordova 開發環境建置My own sweet home!
 
Dev c++整合開發工具教學
Dev c++整合開發工具教學Dev c++整合開發工具教學
Dev c++整合開發工具教學Lin Steven
 
Responsive Web Design [rebuild as design]
Responsive Web Design [rebuild as design]Responsive Web Design [rebuild as design]
Responsive Web Design [rebuild as design]Benny Chak
 
编写跨平台的手机软件
编写跨平台的手机软件编写跨平台的手机软件
编写跨平台的手机软件heyfluke
 
App Developer Team Learning Map
App Developer Team Learning MapApp Developer Team Learning Map
App Developer Team Learning MapRyan Chung
 
Phonegap入門
Phonegap入門Phonegap入門
Phonegap入門Roy Chen
 
淡江大學 - ios+android+html5(javascript)
淡江大學 - ios+android+html5(javascript)淡江大學 - ios+android+html5(javascript)
淡江大學 - ios+android+html5(javascript)Taien Wang
 
第一次 Mobile App 就上手
第一次 Mobile App 就上手第一次 Mobile App 就上手
第一次 Mobile App 就上手Ying-Hsiang Liao
 
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練Joseph Chiang
 
Android 平台 HTML5 应用开发
Android 平台 HTML5 应用开发Android 平台 HTML5 应用开发
Android 平台 HTML5 应用开发Tom Fan
 
2013 輔大資工 暑期宅學營 PhoneGap 跨平台任我玩,HTML5 無痛開發 App
2013 輔大資工 暑期宅學營  PhoneGap  跨平台任我玩,HTML5 無痛開發 App2013 輔大資工 暑期宅學營  PhoneGap  跨平台任我玩,HTML5 無痛開發 App
2013 輔大資工 暑期宅學營 PhoneGap 跨平台任我玩,HTML5 無痛開發 AppHuang-I Yang
 
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第三天
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第三天Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第三天
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第三天Gelis Wu
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映heyfluke
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映heyfluke
 
CodeIgniter 2.0.X
CodeIgniter 2.0.XCodeIgniter 2.0.X
CodeIgniter 2.0.XBo-Yi Wu
 
Android -汇博
Android -汇博Android -汇博
Android -汇博dlqingxi
 
Port android to black berry 10.pptx
Port android to black berry 10.pptxPort android to black berry 10.pptx
Port android to black berry 10.pptxSimon HSU
 
Android消息推送之androidpn demo版到正式上线
Android消息推送之androidpn demo版到正式上线Android消息推送之androidpn demo版到正式上线
Android消息推送之androidpn demo版到正式上线kaerseng
 

Similaire à Web based mobile devlopment 快速簡介 (20)

Apache cordova 開發環境建置
Apache cordova 開發環境建置Apache cordova 開發環境建置
Apache cordova 開發環境建置
 
Dev c++整合開發工具教學
Dev c++整合開發工具教學Dev c++整合開發工具教學
Dev c++整合開發工具教學
 
Responsive Web Design [rebuild as design]
Responsive Web Design [rebuild as design]Responsive Web Design [rebuild as design]
Responsive Web Design [rebuild as design]
 
编写跨平台的手机软件
编写跨平台的手机软件编写跨平台的手机软件
编写跨平台的手机软件
 
App Developer Team Learning Map
App Developer Team Learning MapApp Developer Team Learning Map
App Developer Team Learning Map
 
Phonegap入門
Phonegap入門Phonegap入門
Phonegap入門
 
淡江大學 - ios+android+html5(javascript)
淡江大學 - ios+android+html5(javascript)淡江大學 - ios+android+html5(javascript)
淡江大學 - ios+android+html5(javascript)
 
第一次 Mobile App 就上手
第一次 Mobile App 就上手第一次 Mobile App 就上手
第一次 Mobile App 就上手
 
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
 
Android 平台 HTML5 应用开发
Android 平台 HTML5 应用开发Android 平台 HTML5 应用开发
Android 平台 HTML5 应用开发
 
2013 輔大資工 暑期宅學營 PhoneGap 跨平台任我玩,HTML5 無痛開發 App
2013 輔大資工 暑期宅學營  PhoneGap  跨平台任我玩,HTML5 無痛開發 App2013 輔大資工 暑期宅學營  PhoneGap  跨平台任我玩,HTML5 無痛開發 App
2013 輔大資工 暑期宅學營 PhoneGap 跨平台任我玩,HTML5 無痛開發 App
 
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第三天
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第三天Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第三天
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第三天
 
Flutter實作概述 | GDSC NYCU
Flutter實作概述 | GDSC NYCUFlutter實作概述 | GDSC NYCU
Flutter實作概述 | GDSC NYCU
 
Android ADK
Android ADKAndroid ADK
Android ADK
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映
 
CodeIgniter 2.0.X
CodeIgniter 2.0.XCodeIgniter 2.0.X
CodeIgniter 2.0.X
 
Android -汇博
Android -汇博Android -汇博
Android -汇博
 
Port android to black berry 10.pptx
Port android to black berry 10.pptxPort android to black berry 10.pptx
Port android to black berry 10.pptx
 
Android消息推送之androidpn demo版到正式上线
Android消息推送之androidpn demo版到正式上线Android消息推送之androidpn demo版到正式上线
Android消息推送之androidpn demo版到正式上线
 

Plus de My own sweet home!

自造世代下的新創模式
自造世代下的新創模式自造世代下的新創模式
自造世代下的新創模式My own sweet home!
 
Ch3 文創產業網路行銷_Ch3-露天拍賣入門與實務 商品管理
Ch3   文創產業網路行銷_Ch3-露天拍賣入門與實務 商品管理Ch3   文創產業網路行銷_Ch3-露天拍賣入門與實務 商品管理
Ch3 文創產業網路行銷_Ch3-露天拍賣入門與實務 商品管理My own sweet home!
 
文創產業網路行銷_Ch2 露天拍賣入門與實務 基本操作
文創產業網路行銷_Ch2   露天拍賣入門與實務 基本操作文創產業網路行銷_Ch2   露天拍賣入門與實務 基本操作
文創產業網路行銷_Ch2 露天拍賣入門與實務 基本操作My own sweet home!
 
文創產業網路行銷_Ch1 課程介紹與準備
文創產業網路行銷_Ch1   課程介紹與準備文創產業網路行銷_Ch1   課程介紹與準備
文創產業網路行銷_Ch1 課程介紹與準備My own sweet home!
 
行動商務實務 - PhoneGap Advance
行動商務實務 - PhoneGap Advance行動商務實務 - PhoneGap Advance
行動商務實務 - PhoneGap AdvanceMy own sweet home!
 
開放原始碼 Ch3.2 mobile - oss - oss行動領域-2 (ver1.0)
開放原始碼 Ch3.2  mobile - oss - oss行動領域-2 (ver1.0)開放原始碼 Ch3.2  mobile - oss - oss行動領域-2 (ver1.0)
開放原始碼 Ch3.2 mobile - oss - oss行動領域-2 (ver1.0)My own sweet home!
 
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0)
開放原始碼 Ch2.5   app - oss - 3rd party api(ver 1.0) 開放原始碼 Ch2.5   app - oss - 3rd party api(ver 1.0)
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0) My own sweet home!
 
開放原始碼 Ch2.3 app - oss - ui framewoks (ver 1.0)
開放原始碼 Ch2.3   app - oss - ui framewoks (ver 1.0)開放原始碼 Ch2.3   app - oss - ui framewoks (ver 1.0)
開放原始碼 Ch2.3 app - oss - ui framewoks (ver 1.0)My own sweet home!
 
開放原始碼 Ch1.3 intro - oss - google codes (ver 2.0)
開放原始碼 Ch1.3   intro - oss - google codes (ver 2.0)開放原始碼 Ch1.3   intro - oss - google codes (ver 2.0)
開放原始碼 Ch1.3 intro - oss - google codes (ver 2.0)My own sweet home!
 
開放原始碼 Ch1.1 intro - oss (ver 1.0)
開放原始碼 Ch1.1   intro - oss (ver 1.0)開放原始碼 Ch1.1   intro - oss (ver 1.0)
開放原始碼 Ch1.1 intro - oss (ver 1.0)My own sweet home!
 

Plus de My own sweet home! (11)

自造世代下的新創模式
自造世代下的新創模式自造世代下的新創模式
自造世代下的新創模式
 
物聯網 雲端智慧家庭
物聯網 雲端智慧家庭物聯網 雲端智慧家庭
物聯網 雲端智慧家庭
 
Ch3 文創產業網路行銷_Ch3-露天拍賣入門與實務 商品管理
Ch3   文創產業網路行銷_Ch3-露天拍賣入門與實務 商品管理Ch3   文創產業網路行銷_Ch3-露天拍賣入門與實務 商品管理
Ch3 文創產業網路行銷_Ch3-露天拍賣入門與實務 商品管理
 
文創產業網路行銷_Ch2 露天拍賣入門與實務 基本操作
文創產業網路行銷_Ch2   露天拍賣入門與實務 基本操作文創產業網路行銷_Ch2   露天拍賣入門與實務 基本操作
文創產業網路行銷_Ch2 露天拍賣入門與實務 基本操作
 
文創產業網路行銷_Ch1 課程介紹與準備
文創產業網路行銷_Ch1   課程介紹與準備文創產業網路行銷_Ch1   課程介紹與準備
文創產業網路行銷_Ch1 課程介紹與準備
 
行動商務實務 - PhoneGap Advance
行動商務實務 - PhoneGap Advance行動商務實務 - PhoneGap Advance
行動商務實務 - PhoneGap Advance
 
開放原始碼 Ch3.2 mobile - oss - oss行動領域-2 (ver1.0)
開放原始碼 Ch3.2  mobile - oss - oss行動領域-2 (ver1.0)開放原始碼 Ch3.2  mobile - oss - oss行動領域-2 (ver1.0)
開放原始碼 Ch3.2 mobile - oss - oss行動領域-2 (ver1.0)
 
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0)
開放原始碼 Ch2.5   app - oss - 3rd party api(ver 1.0) 開放原始碼 Ch2.5   app - oss - 3rd party api(ver 1.0)
開放原始碼 Ch2.5 app - oss - 3rd party api(ver 1.0)
 
開放原始碼 Ch2.3 app - oss - ui framewoks (ver 1.0)
開放原始碼 Ch2.3   app - oss - ui framewoks (ver 1.0)開放原始碼 Ch2.3   app - oss - ui framewoks (ver 1.0)
開放原始碼 Ch2.3 app - oss - ui framewoks (ver 1.0)
 
開放原始碼 Ch1.3 intro - oss - google codes (ver 2.0)
開放原始碼 Ch1.3   intro - oss - google codes (ver 2.0)開放原始碼 Ch1.3   intro - oss - google codes (ver 2.0)
開放原始碼 Ch1.3 intro - oss - google codes (ver 2.0)
 
開放原始碼 Ch1.1 intro - oss (ver 1.0)
開放原始碼 Ch1.1   intro - oss (ver 1.0)開放原始碼 Ch1.1   intro - oss (ver 1.0)
開放原始碼 Ch1.1 intro - oss (ver 1.0)
 

Dernier

函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptxNCU MCL
 
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptxSymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptxNCU MCL
 
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptxSymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptxNCU MCL
 
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptxNCU MCL
 
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptxNCU MCL
 
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptxNCU MCL
 
20170104 - transaction_pattern
20170104 - transaction_pattern20170104 - transaction_pattern
20170104 - transaction_patternJamie (Taka) Wang
 
20211119 - demystified artificial intelligence with NLP
20211119 - demystified artificial intelligence with NLP20211119 - demystified artificial intelligence with NLP
20211119 - demystified artificial intelligence with NLPJamie (Taka) Wang
 
20161220 - domain-driven design
20161220 - domain-driven design20161220 - domain-driven design
20161220 - domain-driven designJamie (Taka) Wang
 
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】黑客 接单【TG/微信qoqoqdqd】
 

Dernier (15)

20200323 - AI Intro
20200323 - AI Intro20200323 - AI Intro
20200323 - AI Intro
 
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
 
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptxSymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
 
Entities in DCPS (DDS)
Entities in DCPS (DDS)Entities in DCPS (DDS)
Entities in DCPS (DDS)
 
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptxSymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
 
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
 
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
 
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
 
20151111 - IoT Sync Up
20151111 - IoT Sync Up20151111 - IoT Sync Up
20151111 - IoT Sync Up
 
20200226 - AI Overview
20200226 - AI Overview20200226 - AI Overview
20200226 - AI Overview
 
20170104 - transaction_pattern
20170104 - transaction_pattern20170104 - transaction_pattern
20170104 - transaction_pattern
 
20211119 - demystified artificial intelligence with NLP
20211119 - demystified artificial intelligence with NLP20211119 - demystified artificial intelligence with NLP
20211119 - demystified artificial intelligence with NLP
 
20161027 - edge part2
20161027 - edge part220161027 - edge part2
20161027 - edge part2
 
20161220 - domain-driven design
20161220 - domain-driven design20161220 - domain-driven design
20161220 - domain-driven design
 
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
 

Web based mobile devlopment 快速簡介

  • 1. Jquery Mobile with PhoneGap plateform 文孝義 2012/4/17 1
  • 2. Agenda  Why use Web-Based  Understand PhoneGap  Mobile Framework  How to develop  Deploy to Phone  Distribute to Market/AppStore  What is PhoneGap Build 2012/4/17 2
  • 3. Why use Web-Based  Android  ADK - Java  NDK - C++  iOS  Object C++ 2012/4/17 3
  • 4. Why use Web-Based  Web-Based - Web Development  HTML  JavaScript  CSS 2012/4/17 4
  • 5. Why use Web-Based  跨平台  在瀏覽器容器中運作  容易學習 HTML  UI 豐富容易設計  CSS 3 動畫硬體驅動  WebKit  離線運作  不需要SERVER 2012/4/17 5
  • 6. Understand PhoneGap  http://phonegap.com/  建立WEB與系統之間的橋接機制  操作與控制硬體設備  目前版本 1.5.0  已經轉移到Apache 基金會維護  Callback/Cordova 2012/4/17 6
  • 7. Mobile Framework – WEB Based  JQuery Mobile  http://jquerymobile.com/  JQTouch  http://jqtouch.com/  Sencha  http://www.sencha.com/  iUI  http://code.google.com/p/iui/ 2012/4/17 7
  • 8. How to develop  安裝Eclipse  安裝 Google ADK  Android SDK  安裝ADT Plugin for Eclipse 2012/4/17 8
  • 9. How to develop  Android SDK Manager  SDK Manager.exe 2012/4/17 9
  • 10. How to develop  Android SDK Manager  至少要選取 2.3.X  下載 USB Driver 2012/4/17 10
  • 11. How to develop  AVD Manager  設定模擬器 2012/4/17 11
  • 12. How to develop  新增Android Project 2012/4/17 12
  • 13. How to develop  Web based 開發測試  NB電腦的瀏覽器單機測試  架設Web Server,從手機的瀏覽器連上執行。 ○ 以 iPad 為例  缺點: ○ 不能測試真實設備與感測器  優點: ○ 快速測試HTML UI設計 2012/4/17 13
  • 14. How to develop  Web based 開發測試  DEMO 2012/4/17 14
  • 15. How to develop  實機測試  真正運作環境  真實感測器  真實狀況  真實網路  真實設備 2012/4/17 15
  • 16. How to develop  USB Driver  Path: android-sdk-windowsextrasgoogleusb_driver 2012/4/17 16
  • 17. How to develop  啟用開發模式 2012/4/17 17
  • 18. How to develop  啟用開發模式 2012/4/17 18
  • 19. How to develop  啟用開發模式  完成相關設定後,插入 USB連結線。 2012/4/17 19
  • 20. How to develop  DDMS (Dalvik Debug Monitor)  Path: android-sdk-windowstoolsddms.bat 2012/4/17 20
  • 21. How to develop  DDMS 功能  抓圖  除錯  注意採用TCP PORT  Local Port: 8600  VM Port: 8700 2012/4/17 21
  • 22. How to develop  啟用除錯 2012/4/17 22
  • 23. How to develop  選擇測試裝置 2012/4/17 23
  • 24. How to develop  停止除錯 2012/4/17 24
  • 25. Deploy to Phone  方式:  直接佈署 ○ 利用WEB Server下載 ○ SD卡  上架市集 2012/4/17 25
  • 26. Distribute to Market/AppStore  省略 2012/4/17 26
  • 27. What is PhoneGap Build  build.phonegap.com  提供製作特定平台的安裝程式  目前線上支援平台  目前免費試營運中 2012/4/17 27
  • 28. What is PhoneGap Build  各平台目前支援的設備  http://phonegap.com/about/features 2012/4/17 28
  • 29. What is PhoneGap Build 2012/4/17 29