如何開發(fā)手機應(yīng)用

1、web開發(fā)者開發(fā)者如何開發(fā)手機應(yīng)用?袁錫 新浪移動云為什么要學習移動開發(fā)為什么要學習移動開發(fā)?世界都在移動化世界都在移動化設(shè)備在移動設(shè)備在移動開發(fā)商布局在移動化開發(fā)商布局在移動化用戶需求也在移動化用戶需求也在移動化利用移動設(shè)備訪問的時間超過利用移動設(shè)備訪問的時間超過PC移動互聯(lián)網(wǎng)一定是必然趨勢如何開發(fā)手機應(yīng)用如何開發(fā)手機應(yīng)用?what makes an iphone app？常規(guī)方法常規(guī)方法特定語言針對于的某個平臺開發(fā)的應(yīng)程序特定語言針對于的某個平臺開發(fā)的應(yīng)程序Native appObjective-CipaiosappJavaandroid Frameworksapkandroid appC

2、#WPFrameworksxapwpappios FrameworksIphoneSymbianWindows MobileJava MeC+.Net CompactBlackBerryCPalmAndroidipadWeb OSapple app storeNokia storeAndroid playC#S60object-cXcodeEclipseS40其他平臺其他平臺ios Appandroid appwp appGeneric code新方法新方法ios Appandroid appwp appHTML5+CSS+JSweb語言技術(shù)基于瀏覽器開發(fā)跨平臺的應(yīng)用語言技術(shù)基于瀏覽器開發(fā)跨平

3、臺的應(yīng)用Web appNative app VS.Web app本地能力本地能力成本成本高高低低依賴性依賴性基于平臺基于平臺瀏覽器瀏覽器性能性能高高低低發(fā)布發(fā)布更新更新build打包打包云端云端Hybrid apphybrid app packages a web app into a native app吸引者吸引者15,000+ hybird app in the App StoreBridging the gap between web and mobile device HTML5CSSJavaScriptAndroidNative APIsSymbianphoneGap使用HTML5

4、、CSS3、JavaScript技術(shù)構(gòu)建跨平臺跨平臺APPphoneGap 跨平臺跨平臺能夠訪問本地功能本地功能攝像頭重力感應(yīng)GPS電話本照片庫本地通知設(shè)備信息phoneGap 本地功能本地功能jsjsjsjsjsjsjs通過 phoneGap buildingphoneGap 打包打包不提供不提供UI設(shè)計解決方案設(shè)計解決方案不具備服務(wù)端不具備服務(wù)端不支持設(shè)備調(diào)試不支持設(shè)備調(diào)試 打包付費打包付費不幫助開發(fā)者銷售推廣不幫助開發(fā)者銷售推廣.未知未知新浪移動云計算開發(fā)平臺新浪移動云計算開發(fā)平臺簡單簡單快速快速低成本低成本產(chǎn)生產(chǎn)生Hybrid app流水線流水線.組成與特點組成與特點永遠免費低門檻高效

5、率提供運營支持除了本地接口調(diào)用以外的支持應(yīng)用商店云窗調(diào)試器為開發(fā)者提供最大的支持與幫助創(chuàng)建調(diào)試打包機打包跨平臺發(fā)布創(chuàng)建應(yīng)用創(chuàng)建應(yīng)用代碼模版代碼模版服務(wù)端服務(wù)端數(shù)據(jù)庫數(shù)據(jù)庫Rest APIOAuth認證phonegap-plugins調(diào)試工具調(diào)試工具能夠直觀的查看界面效果和實際運行環(huán)境，并且可以調(diào)用手機本地功能云端調(diào)試云端調(diào)試實時查看實時查看一鍵安裝一鍵安裝在線跟蹤在線跟蹤智能菜單智能菜單自動獲取自動獲取應(yīng)用打包應(yīng)用打包將web app 變成 Hybird app打包成安裝文件可以發(fā)布到 應(yīng)用商店新浪移動云計算開發(fā)平臺原理新浪移動云計算開發(fā)平臺原理SAE訪問復(fù)制打包機clientapkipa打包

6、.hybrid基于新浪移動云開發(fā)移動應(yīng)用新浪移動云劉蕾 草丁2012.05.1229默認模版默認模版+服務(wù)器端Tab應(yīng)用模版Tab應(yīng)用+服務(wù)器模版社交應(yīng)用模版微博模版不使用模版創(chuàng)建應(yīng)用SAESVN+IDEPhoneGap Coding云窗調(diào)試器各種瀏覽器模擬器/真實設(shè)備：安裝包 移動端調(diào)試apk文件android平臺ipa文件iOS平臺 打包推廣Whatever U Want應(yīng)用模版提供了哪些方便？怎么去調(diào)試、測試打包效果？打包選項設(shè)置怎么調(diào)用本地設(shè)備接口？30 1、應(yīng)用模版提供了哪些方便？ 2、怎么通過JS調(diào)用本地設(shè)備接口？ 3、移動端調(diào)試4、打包選項設(shè)置DEMO311、應(yīng)用模版提供了哪些方

7、便？32Mobile Boilerplatehttp:/ / List頁的移動應(yīng)用模版1、應(yīng)用模版提供了哪些方便？34LazyResthttp:/ ServerLazyMobile模版http:/ / List頁的移動應(yīng)用模版1、應(yīng)用模版提供了哪些方便？3536oPath社交模版https:/ APIUIWebView | JavaScriptPhoneGap frameworkphonegap.jsNative APIPhoneGap frameworkWebView | JavaScriptHTML | JavaScript2、怎么通過JS調(diào)設(shè)備本地接口？402、怎么通過JS調(diào)設(shè)備本地接口

8、？注入注入phonegap.jsphonegap標標簽是否存在簽是否存在將對應(yīng)平臺的將對應(yīng)平臺的phonegap.js置入源文件中置入源文件中phonegap標標簽是否存在簽是否存在YESYES云窗調(diào)試器打包文件HTML文件文件NONO41PhoneGap API 文檔: http:/ 源碼: /repos/asf移動云插件API文檔：http:/ onSuccess(contacts) alert(共搜到 + contacts.length + 位聯(lián)系人.);function onError(message) alert(onError

9、:+message);var options = new ContactFindOptions();options.filter=張;var fields = ”name, ”phoneNumbers”,”emails”;navigator.service.contacts.find(fields, onSuccess, onError, options);Contacts獲取通訊錄2、怎么通過JS調(diào)設(shè)備本地接口？43UI布局調(diào)試本地設(shè)備接口測試云端實時調(diào)試打包后一鍵安裝測試3、移動端調(diào)試44Android平臺iOS平臺圖標32x32, 48x48, 72x7257x57, 114x114分辨率(啟動畫面)240 x320, 320 x480, 480 x800320 x480, 640 x960包名com.sin