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

web開發(fā)者如何開發(fā)手機(jī)應(yīng)用?袁錫

新浪移動(dòng)云為什么要學(xué)習(xí)移動(dòng)開發(fā)?世界都在移動(dòng)化設(shè)備在移動(dòng)開發(fā)商布局在移動(dòng)化用戶需求也在移動(dòng)化利用移動(dòng)設(shè)備訪問(wèn)的時(shí)間超過(guò)PC移動(dòng)互聯(lián)網(wǎng)一定是必然趨勢(shì)如何開發(fā)手機(jī)應(yīng)用?whatmakesaniphoneapp？常規(guī)方法特定語(yǔ)言針對(duì)于的某個(gè)平臺(tái)開發(fā)的應(yīng)程序NativeappObjective-CipaiosappJavaandroidFrameworksapkandroidappC#WPFrameworksxapwpappiosFrameworksIphoneSymbianWindowsMobileJavaMeC++.NetCompactBlackBerryCPalmAndroidipadWebOSappleappstoreNokiastoreAndroidplayC#S60object-cXcodeEclipseS40其他平臺(tái)iosAppandroidappwpappGenericcode新方法iosAppandroidappwpappHTML5+CSS+JSweb語(yǔ)言技術(shù)基于瀏覽器開發(fā)跨平臺(tái)的應(yīng)用WebappNativeappVS.Webapp本地能力成本高低依賴性基于平臺(tái)瀏覽器性能高低發(fā)布更新build打包云端???Hybridapphybridapppackagesawebappintoanativeapp吸引者>15,000+hybirdappintheAppStoreBridgingthegapbetweenwebandmobiledevicewebappHTML5CSSJavaScriptAndroidNativeAPIsSymbianiosblackBerrywebosetc...phoneGap使用HTML5、CSS3、JavaScript技術(shù)構(gòu)建跨平臺(tái)APPphoneGap跨平臺(tái)能夠訪問(wèn)本地功能攝像頭重力感應(yīng)GPS電話本照片庫(kù)本地通知設(shè)備信息phoneGap本地功能jsjsjsjsjsjsjs通過(guò)

phoneGapbuildingphoneGap打包不提供UI設(shè)計(jì)解決方案不具備服務(wù)端不支持設(shè)備調(diào)試

打包付費(fèi)不幫助開發(fā)者銷售推廣未知新浪移動(dòng)云計(jì)算開發(fā)平臺(tái)簡(jiǎn)單快速低成本產(chǎn)生Hybridapp流水線...組成與特點(diǎn)永遠(yuǎn)免費(fèi)低門檻高效率提供運(yùn)營(yíng)支持除了本地接口調(diào)用以外的支持應(yīng)用商店云窗調(diào)試器為開發(fā)者提供最大的支持與幫助創(chuàng)建調(diào)試打包機(jī)打包跨平臺(tái)發(fā)布創(chuàng)建應(yīng)用代碼模版服務(wù)端數(shù)據(jù)庫(kù)RestAPIOAuth認(rèn)證phonegap-plugins調(diào)試工具能夠直觀的查看界面效果和實(shí)際運(yùn)行環(huán)境，并且可以調(diào)用手機(jī)本地功能云端調(diào)試實(shí)時(shí)查看一鍵安裝在線跟蹤智能菜單自動(dòng)獲取應(yīng)用打包將webapp變成Hybirdapp打包成安裝文件可以發(fā)布到

應(yīng)用商店新浪移動(dòng)云計(jì)算開發(fā)平臺(tái)原理client調(diào)試器ServerSAE訪問(wèn)復(fù)制打包機(jī)clientapkipa打包...hybrid基于新浪移動(dòng)云

開發(fā)移動(dòng)應(yīng)用新浪移動(dòng)云劉蕾@草丁2012.05.1229默認(rèn)模版默認(rèn)模版+服務(wù)器端Tab應(yīng)用模版Tab應(yīng)用+服務(wù)器模版社交應(yīng)用模版微博模版……不使用模版創(chuàng)建應(yīng)用SAESVN+IDEPhoneGap??Coding云窗調(diào)試器各種瀏覽器模擬器/真實(shí)設(shè)備：安裝包??移動(dòng)端調(diào)試apk文件[android平臺(tái)]ipa文件[iOS平臺(tái)]??打包推廣WhateverUWant應(yīng)用模版提供了哪些方便？怎么去調(diào)試、測(cè)試打包效果？打包選項(xiàng)設(shè)置怎么調(diào)用本地設(shè)備接口？301、應(yīng)用模版提供了哪些方便？2、怎么通過(guò)JS調(diào)用本地設(shè)備接口？3、移動(dòng)端調(diào)試4、打包選項(xiàng)設(shè)置DEMO311、應(yīng)用模版提供了哪些方便？32MobileBoilerplate/mobile針對(duì)移動(dòng)Web優(yōu)化的HTML5空白模版1、應(yīng)用模版提供了哪些方便？33LazyMobile模版/p/lazymobile/基于Tab/List頁(yè)的移動(dòng)應(yīng)用模版1、應(yīng)用模版提供了哪些方便？34LazyRest/lazyrest/可以通過(guò)Web頁(yè)面快速配置的RestServerLazyMobile模版/p/lazymobile/基于Tab/List頁(yè)的移動(dòng)應(yīng)用模版1、應(yīng)用模版提供了哪些方便？3536oPath社交模版/p/o-path//2011/12/30/how-to-build-a-path-like-app-using-html5-and-phonegap/HTML5+PhoneGap社交應(yīng)用1、應(yīng)用模版提供了哪些方便？37簡(jiǎn)微——微博模版/2012/04/18/build-a-weibo-client-using-phonegap/HTML5+SAE移動(dòng)云PhoneGap插件

1、應(yīng)用模版提供了哪些方便？38PhoneGap（Cordova）2、怎么通過(guò)JS調(diào)設(shè)備本地接口？39NativeAPIUIWebView|JavaScriptPhoneGapframeworkphonegap.jsNativeAPIPhoneGapframeworkWebView|JavaScriptHTML|JavaScript?2、怎么通過(guò)JS調(diào)設(shè)備本地接口？402、怎么通過(guò)JS調(diào)設(shè)備本地接口？<phonegap></phonegap>注入phonegap.jsphonegap標(biāo)簽是否存在將對(duì)應(yīng)平臺(tái)的phonegap.js置入源文件中phonegap標(biāo)簽是否存在YESYES云窗調(diào)試器打包文件HTML文件NONO41PhoneGapAPI文檔:/?page_id=402PhoneGap源碼:/repos/asf移動(dòng)云插件API文檔：/?m=devcenter&catId=252Accelerometer三軸加速Camera相機(jī)/相冊(cè)Capture音視頻采集Compass指南針Connection網(wǎng)絡(luò)連接狀態(tài)Contacts通訊錄Device設(shè)備描述信息Events應(yīng)用生命周期狀態(tài)File本地文件及目錄Geolocation地理位置Media錄制/回放音頻Notification本地通知StorageSQL數(shù)據(jù)庫(kù)……Weibo微博ImageFilter圖像濾鏡*2、怎么通過(guò)JS調(diào)設(shè)備本地接口？IFTRecognizer訊飛語(yǔ)音識(shí)別*42functiononSuccess(contacts){ alert(’共搜到‘+contacts.length+’

位聯(lián)系人.');}functiononError(message){ alert('onError:’+message);}varoptions=newContactFindOptions();options.filter="張";varfields=[”name",”phoneNumbers”,”emails”];navigator.service.contacts.find(fields,onSuccess,onError,options);Contacts獲取通訊錄2、怎么通過(guò)JS調(diào)設(shè)備本地接口？43UI布局調(diào)試本地設(shè)備接口測(cè)試云端實(shí)時(shí)調(diào)試打包后一鍵安裝測(cè)試3、移動(dòng)端調(diào)試44Android平臺(tái)iOS平臺(tái)圖標(biāo)32x32,48x48,72x7257x57,114x114分辨率(啟動(dòng)畫面)240x320,320x480,480x800320