PhoneGap-技術(shù)可行性分析畢業(yè)論文

PhoneGap技術(shù)可行性分析1移動應(yīng)用現(xiàn)狀移動應(yīng)用產(chǎn)品往往常常考慮多個平臺的支持.單一平臺很難保證應(yīng)用的覆蓋面或者換句話說就是用戶群體的量和持續(xù)的活躍性上從長期的角度而言往往存在短板.另外從開發(fā)的角度而言.多平臺的支持往往需要建立不同的技術(shù)團(tuán)隊.而平臺之間開發(fā)技術(shù)也是完全迥異的.

開發(fā)一個具有相同業(yè)務(wù)的應(yīng)用需要使用到不同平臺的框架和開發(fā)語言.使用C/C++

的

Symbian、使用

ObjectC

的

iOS

和使用

Java

的

Android

應(yīng)用開發(fā)技術(shù)，幾乎是完全無法融合的.PhoneGap跨平臺移動應(yīng)用開發(fā)框架正是應(yīng)運而生.我們需要搞清楚幾個概念:WebApp，NativeApp,HybirdApp移動平臺Application幾個概念:WebApp：這個主要是采用統(tǒng)一的標(biāo)準(zhǔn)的HTML,JavaScript.CSS等web技術(shù)開發(fā).通過不同平臺的瀏覽器訪問來實現(xiàn)跨平臺.同時可以通過瀏覽器支持充分使用HTML5特性，缺點是這些基于瀏覽器的應(yīng)用無法調(diào)用系統(tǒng)API來實現(xiàn)一些高級功能，也不適合高性能要求的場合。NativeApp：就是所謂的原生應(yīng)用.指的是用平臺特定的開發(fā)語言所開發(fā)的應(yīng)用.使用它們的優(yōu)點是可以完全利用系統(tǒng)的API和平臺特性，在性能上也是最好的。缺點是由于開發(fā)技術(shù)不同，如果你要覆蓋多個平臺，則要針對每個平臺獨立開發(fā),無跨平臺特性。HybirdApp：則是為了彌補如上兩者開發(fā)模式的缺陷的產(chǎn)物.分別繼承雙方的優(yōu)勢.首先它讓為數(shù)眾多的web開發(fā)人員可以幾乎零成本的轉(zhuǎn)型成移動應(yīng)用開發(fā)者；其次，相同的代碼只需針對不同平臺進(jìn)行編譯就能實現(xiàn)在多平臺的分發(fā)，大大提高了多平臺開發(fā)的效率；而相較于webApp，開發(fā)者可以通過包裝好的接口，調(diào)用大部分常用的系統(tǒng)API。而PhoneGap正是HybirdAPP目前框架中集大成者。2phonegap簡介phoneGap是Nitobi開發(fā)的一個免費開源的開發(fā)框架，目前最新版本是1.5，用來構(gòu)建跨平臺的使用HTML，CSS和JavaScript的應(yīng)用程序。以writtenonce,runeverywhere一次編譯到處運行而受歡迎，只需要改動少量代碼而實現(xiàn)跨平臺。phonegap

簡單來說是一個中間件，為移動前端提供訪問移動終端設(shè)備及資源的接口。采用統(tǒng)一的標(biāo)準(zhǔn)的html、javascript、css等web技術(shù)開發(fā).通過不同平臺的瀏覽器訪問來實現(xiàn)跨平臺。通過javascript腳步代碼調(diào)用系統(tǒng)資源，以降低開發(fā)難度，所以受到廣大web開發(fā)人員的青睞。2011年10月4日Adobe宣布收購了創(chuàng)建了HTML5移動應(yīng)用框架PhoneGap和PhoneGapBuild的新創(chuàng)公司NitobiSoftware。這使得phonegap有了堅強的后盾，phonegap的發(fā)展前景也是一片光明。與此同時，PhoneGap的開源框架已經(jīng)被累積下載60萬次，借助PhoneGap平臺，已有數(shù)千應(yīng)用程序建立在iOS，android以及其它操作系統(tǒng)之上。3phonegap技術(shù)要求Adobedreamweaver5.5版本為phonegap提供了優(yōu)越的開發(fā)環(huán)境。開發(fā)人員可以使用dreamweaver5.5開發(fā)androidapp。雖然phonegap門檻較低，但是也要求開發(fā)人員具備必要的技能。要求開發(fā)人員掌握html、css、javascript技術(shù)，特別要求javascript技術(shù)，在javascript基礎(chǔ)上需要掌握jQuerymobil框架ajax通訊技術(shù)。4phonegap優(yōu)缺點評估日前，phonegap框架熱度如火如荼。一項技術(shù)當(dāng)然會有其優(yōu)缺點，我們是選用phonegap還是選擇NativeAPP，要先分析兩者的利弊，再根據(jù)具體應(yīng)用選擇。phonegap優(yōu)點：（1）可跨平臺性能。phonegap作為跨平臺框架，其實并別writtenonce,runeverywhere，各移動平臺的差異還是較大，phonegap框架幫我們解決了差異性，javascript與平臺系統(tǒng)的連接由phonegap框架完成。成為連接移動終端的適配器，或者說中間件。PhoneGap通過調(diào)用JavaSCript

調(diào)用API庫實現(xiàn)和各個平臺的SDK進(jìn)行無差別的交互.

以達(dá)到調(diào)用不同平臺手機上攝像頭，文件系統(tǒng),重力感應(yīng).GPS定位等功能。（2）易用性。phonegap開發(fā)人員無需直接操作平臺資源。對平臺資源的操作完成由phonegap框架完成。開發(fā)人員只需要用javascript調(diào)用phonegapAPI就可以完成對平臺資源操作。由于phonegap框架限制，對平臺資源操作是有一定限制的。phonegap開發(fā)人員可以從web開發(fā)人員轉(zhuǎn)入，目前來說web開發(fā)人員較多，成本也較低，轉(zhuǎn)入phonegap開發(fā)后，可以降低移動應(yīng)用產(chǎn)品的開發(fā)成本。這樣，移動應(yīng)用數(shù)量將直線提升。（3）提供硬件訪問控制。比起傳統(tǒng)的Web程序，PhoneGap提供了一些列的JS

的類，可以直接訪問硬件。比如加速，相機，指南針，GPS，文件訪問等，可以讓你用JS方便地調(diào)用系統(tǒng)的硬件。以彌補傳統(tǒng)Web程序的一塊錯誤。（4）可以利用成熟javascript框架。Web的發(fā)展，誕生了許多javascript框架。著名的有Extjs、jQuery。隨著移動應(yīng)用的需求越來越大，jQuery出現(xiàn)了jQuerymobile版本。它的體積小，為移動應(yīng)用量身定制。使用javascript框架也降低了開發(fā)難度，使得移動應(yīng)用更美觀。（5）方便的安裝和使用。PhoneGap的架構(gòu)很復(fù)雜，但對于大多數(shù)開發(fā)者來說，并不需要了解phonegap內(nèi)部，只用很簡單的配置就可以搭好環(huán)境。只用專注寫好自己的Web頁面，拷貝進(jìn)去就可以了。phonegap不足之處：（1）運行速度慢。PhoneGap集成多了個平臺.程序的載入和UI界面的反應(yīng)都比原生的程序慢，UI反應(yīng)延時這是個致命傷。它實際上還是在展示W(wǎng)eb頁面，所以載入、頁面刷新等肯定是需要一定時間的。在用戶體驗上phonegap依然無法替代原生應(yīng)用程序。另外html、javascript、css都運行在各平臺內(nèi)置瀏覽器webkit之上，受到webkit處理速度影響。目前來說運行速度比較慢，性能較差。（2）不適合部分程序。如果你的程序需要3D功能，或者對界面刷新有較高的要求，比如類似于游戲的程序現(xiàn)在來說還只是用原生的語言會比較好。PhoneGap支持API還有待在各個平臺逐步完善。（3）調(diào)用平臺資源差。phonegap應(yīng)用程序?qū)ζ脚_資源的使用依賴于phonegap框架本身，由于phonegap是第三方框架，做不到100%調(diào)用平臺資源，只有依靠phonegap的升級滿足調(diào)用平臺資源的需求。（4）內(nèi)存消耗大。有測試表明，用phonegap于androidjava開發(fā)同一個應(yīng)用。運行phonegap應(yīng)用內(nèi)存消耗遠(yuǎn)大于原生態(tài)androidjava應(yīng)用。對于頻繁操作，釋放內(nèi)存較慢，從而導(dǎo)致內(nèi)存消耗量飆升。（5）調(diào)用難度大。目前phonegap可以在控制臺輸出簡單的JS調(diào)試日志，但是并不方便。調(diào)試js只能選擇firefox的firebug調(diào)試。此次對比主要集中在對大量數(shù)據(jù)通信下webappUI性能。通過與androidJavaapp相比較，webapp的UI性能會比Javaapp的UI性能差。主要原因是依賴webkit瀏覽器內(nèi)核的渲染解析能力。同時在只有一個WebView的情況下，如何控制內(nèi)存的上漲速度以無法釋放內(nèi)存的情況無縫地重新啟動WebView從而不影響用戶體驗，是一個現(xiàn)實待解決問題。在非大數(shù)據(jù)量且不需要頻繁更新UI的情況下，基于wekit瀏覽器phonegap模式還是可以滿足Android開發(fā)應(yīng)用的需求。同時應(yīng)用的實現(xiàn)的效率還依賴于OPOA開發(fā)模式的Javascript基礎(chǔ)架構(gòu)是否強大和高效。對于不同分辨率的屏幕，需要通過JS或者通過要集成的框架封裝來解決適配的問題。同時由于不同版本的Android所集成的webkit的版本不同，同樣也需要處理不同版本的在JavaScript和CSS支持上不同的兼容性問題。還有解決開發(fā)時多人協(xié)作及方便的調(diào)試工具集成，也是進(jìn)行html5app開發(fā)的重要前提條件?；蛘咄ㄟ^要集成的框架封裝來解決適配的問題。同時由于不同版本的Android的版本不同，同樣也需要處理不同版本的在JavaScript支持上不同的兼容性問題。還有解決開發(fā)時多人協(xié)作及方便的調(diào)試工具集成，也是進(jìn)行html5app開發(fā)的重要前提條件。5結(jié)論phonegap的目標(biāo)就是快速開發(fā)移動應(yīng)用實現(xiàn)writtenonce,runeverywhere跨平臺。phonegap一定程度上降低了移動開發(fā)的門檻，特別是ios開發(fā)。傳統(tǒng)web開發(fā)人員不需要學(xué)習(xí)object-c、androidjava就可以開發(fā)普通的移動應(yīng)用。類似于phonegap這樣的框架的出現(xiàn)，并不能取代NativeAPP原生態(tài)應(yīng)用。phonegap有它的不足之處，運行速度較慢、操作平臺資源不靈活、操作移動設(shè)備不方便，這些都依賴者phonegap框架本身的升級與發(fā)展。不過值得高興的是adobe公司收購了phonegap開發(fā)商，增加了phonegap的后臺實力。phonegap的種種不足之處表明Nativeapp的地區(qū)不能被取代，只能說會瓜分一部分簡單web移動應(yīng)用。在用戶體驗方面。phonegap運行速度相對慢，頁面動畫切換有點卡，這影響著用戶體驗。這些原因能否解決，這取結(jié)于移動平臺的webkit的性能優(yōu)化和對html、css、javascript的支持程度。在硬件支持與內(nèi)存方面。一個應(yīng)用用兩種方式實現(xiàn)，nativeapp消耗內(nèi)存較低，要求硬件支持較低。phonegap消耗內(nèi)存較大，內(nèi)存釋放效率較低，因而要求的硬件支持相比之下就高了。開發(fā)費用方面。phonegap要求開發(fā)人員的javascript、css技術(shù)高，甚至要求開發(fā)人員掌握html5新技術(shù)。這樣開發(fā)人員費用高于傳統(tǒng)web開發(fā)人員。不過，與nativeapp相比，phonegap可以實現(xiàn)跨平臺，減少在各個平臺上花費開發(fā)費用?？傮w上，一個移動產(chǎn)品采用phonegap，費用要低些。至于是否采用phonegap于nativeapp方式，這要取決于移動產(chǎn)品本身特性與企業(yè)對產(chǎn)品的要求。一般的移動web應(yīng)用可以采用phonegap技術(shù)，但是用戶體驗就沒有nativeapp好；接近于游戲的應(yīng)用，經(jīng)常刷新界面的應(yīng)用，使用phonegap就不太合適了。最后，采用何種技術(shù)，要看產(chǎn)品的側(cè)重點。像QQ這樣的應(yīng)用，注重用戶體驗，應(yīng)該不會采用phonegap了。附錄B英文原文PhoneGapTechnicalFeasibilityAnalysis1MobileApplicationStatusMobileapplicationsoftentendtoconsideranumberofplatforms.Singleplatformapplicationisdifficulttoensurethecoverageofusergroupsorinotherwords,theamountanddurationofactivityfromthelong-termperspectivethereisoftenashortboard.Inaddition,fromthedevelopmentofperspective,multi-platformsupportisoftenneededtoestablishdifferenttechnicalteams,whilethedevelopmentoftechnologyplatformsistotallydifferent.developinganapplicationwiththesamebusinessneedtousetheframeworktodifferentplatformsanddevelopmentlanguages??usingC/C++forSymbian,usingObjectCforiOSandAndroidapplicationdevelopmentusingJavatechnology,isalmostcompletelyunabletofusion.PhoneGapcross-platformmobileapplicationdevelopmentframeworkwasborn.Weneedtofigureoutafewconcepts:WebApp,NativeApp,HybirdAppMobilePlatformApplicationseveralconcepts:WebApp:ThisismainlyaunifiedstandardHTML,JavaScript.CSSotherwebtechnologiesdevelopedthroughthebrowsertoaccessthedifferentplatformstoachievecross-platform,whileyoucanusethebrowsertosupportthefullHTML5features,thedisadvantageisthatthesebrowser-basedapplicationsdonotcallthesystemAPItoimplementsomeoftheadvancedfeatures,notsuitableforhigh-performancerequirementsoftheoccasion.NativeApp: Theso-callednativeapplicationreferstotheuseofplatform-specificapplicationdevelopmentlanguagedevelopedbyusingtheadvantagethattheycanbefullyusethesystemAPIandplatformfeatures,theperformanceisthebest.Drawbackisduetothedevelopmentofdifferenttechnologies,ifyouwanttooverwritemultipleplatforms,theyhavedevelopedindependentlyforeachplatform,nocross-platformfeatures. HybirdApp:Asiftocompensateforthedeficienciesofbothproductdevelopmentmodel.Inherittheadvantagesofbothsides.First,itallowsalargenumberofwebdeveloperscantransitionintoalmostzerocostmobileapplicationdevelopers;secondly,justthesamecodefordifferentcompilerplatformcanbeachievedinamulti-platformdistribution,greatlyimprovingtheefficiencyofmulti-platformdevelopment;ratherthanwebApp,developerscanpackageagoodinterfacemostcommonlyusedsystemcallAPI.ThePhoneGapframeworkisHybirdAPPcurrentlysynthesizer.2IntroductionphonegapphoneGapisNitobidevelopedafreeopen-sourcedevelopmentframework,thelatestversionis1.5,usedtobuildcross-platformusingHTML,CSSandJavaScriptapplications.Inwrittenonce,runeverywherecompileonce,runeverywhereandwelcome,youonlyneedasmallamountofcodechangestoberealizedCross-platform.phonegapsimplyisamiddlewareforthemobilefrontendprovidesaccesstothemobileterminalequipmentandtheresourcesoftheinterface.Adoptaunifiedstandardhtml,javascript,cssandotherwebtechnologiesdevelopedthroughthebrowsertoaccessthedifferentplatformstoachievecross-platform.Footstepsviajavascriptcodetocallsystemresourcestoreducedevelopmenteffort,sobythemajorityofwebdevelopersofallages.October4,2011AdobeannouncedtheacquisitionofmobileapplicationframeworkcreatedHTML5andPhoneGapPhoneGapBuild-upsNitobiSoftware.ThismakesphonegapWithstrongbacking,phonegapprospectsarealsobright.Atthesametime,PhoneGapopensourceframeworkhasbeendownloaded600,000timesaccumulated,withthePhoneGapplatform,therearethousandsofapplicationsbuiltoniOS,androidandotheroperatingsystems.3PhonegapTechnicalRequirementsAdobedreamweaver5.5versionphonegapprovideasuperiordevelopmentenvironment.Developerscanusedreamweaver5.5developandroidapp.Althoughphonegaplowerthreshold,butalsorequiresdeveloperstohavethenecessaryskills.Requiredeveloperstomasterhtml,css,javascripttechnology,especiallytechnologyrequiresjavascript,basedontheneedtomasterinjavascriptframeworkjQuerymobilajaxcommunicationstechnology.4PhonegapAssesstheadvantagesanddisadvantagesRecently,phonegapframeheatinfullswing.Atechnicalcourse,haveitsadvantagesanddisadvantages,wechosetousephonegapNativeAPP,firstanalyzetheprosandconsofboth,accordingtothespecificapplicationselection.phonegapadvantages:(1)cross-platformperformance.phonegapasacross-platformframework,infact,notwrittenonce,runeverywhere,eachmobileplatformdifferencesorlarger,phonegapframeworktohelpussolvedifferences,javascriptconnectionwiththeplatformsystemcompletedbythephonegapframework.Amobileterminalconnectedtotheadapter,ormiddleware.PhoneGapAPIcallsbycallingJavaSCriptlibraryimplementationoftheSDKforeachplatformandundifferentiatedinteractinordertoachievedifferentplatformstocallonthephonecamera,filesystem,gravitysensor.GPSpositioningandotherfunctions(2)easeofuse.phonegapdeveloperwithoutdirectmanipulationofplatformresources.Resourcestocompletetheoperationontheplatformbythephonegapframeworkiscompleted.DevelopersonlyneedjavascriptcallphonegapAPIcanbecompletedonplatformresourcesoperations.Sincephonegapframeworkrestrictionsontheoperationofplatformresourcesthereisacertainlimit.phonegapdeveloperscanturnfromawebdeveloper,webdeveloperatpresentmorecostsarelower,intophonegapdeveloper,youcanreducethecostofproductdevelopmentofmobileapplications.Thus,thenumberofmobileapplicationswillbeastraightlineupgrade.(3)provideshardwareaccesscontrol.ComparedtotraditionalWebapplications,PhoneGapprovidessomecolumnsJSclass,youcandirectlyaccessthehardware.Suchasacceleration,camera,compass,GPS,fileaccess,etc.,allowsyoutouseJStoeasilycallthesystem'shardware.TocompensateforatraditionalWebapplicationerror.(4)cantakeadvantageofsophisticatedjavascriptframework.Webdevelopment,thebirthofmanyjavascriptframework.NotablyExtjs,jQuery.Withthegrowingdemandformobileapplications,jQueryappearedjQuerymobileversion.Itssmallsize,tailoredformobileapplications.Usingjavascriptframeworkalsoreducesthedevelopmenteffort,makingmobileapplicationsmoreattractive.(5)easytoinstallanduse.PhoneGapframeworkisverycomplex,butformostdevelopersdonotneedtoknowphonegapinside,usingonlyaverysimpleconfigurationcanbesettinguptheenvironment.WrittenusingonlyfocusonyourownWebpages,copyintoit.phonegapinadequacies:(1)runningslow.PhoneGapintegrationmorethanaplatformforprogramloadingandUIinterfacereactionsslowerthanthenativeprogram,UIresponsedelaythisisafatalwound.ItisactuallyaWebpageorintheshow,soloaded,thepagerefreshesandsodefinitelytakesometime.Theuserexperienceisstillnosubstituteforphonegapnativeapplications.Inadditionhtml,javascript,cssrunonvariousplatformsbuiltontopofthebrowserwebkitbywebkitprocessingspeedimpact.Currentlyitrunsslow,poorperformance.(2)isnotsuitableforsomeoftheprocedures.Ifyourprogramrequires3Dfeatures,orrefreshoftheinterfacehavehigherrequirements,suchasaprogramsimilartothegamefornowjustusethenativelanguagewouldbebetter.PhoneGapAPIalsosupportsvariousplatformsandgraduallyperfectstay.(3)poorcallplatformresources.phonegapapplicationresourceusageoftheplatformdependsonthephonegapframeworkitself,sincephonegapthird-partyframework,cannotdo100%callplatformresources,andonlyrelyphonegapupgradeplatformresourcestomeettheneedsofcall.(4)memoryconsumption.Atestshowedthat,withphonegapinandroidjavadeveloperwithanapplication.Runphonegapapplicationmemoryconsumptionismuchlargerthantheoriginalecologicalandroidjavaapplication.Forfrequentoperation,freeingmemoryisslow,resultinginmemoryconsumptionsoared.(5)Calldifficult.CurrentlyphonegapintheconsoleoutputsimpleJSdebuglog,butnotconvenient.Jsdebuggingonlychoosethefirebugfirefoxdebugging.ThecomparisonfocusesonlargeamountsofdatacommunicationsunderwebappUIperformance.BycomparisonwiththeandroidJavaapp,webapp'sUIperformancethantheJavaapp'sUIpoorperformance.Mainlydependentonwebkitbrowsercorerenderinganalyticcapabilities.WebViewwhileonlyacaseofhowtocontroltheriseinthespeedofmemoryinthecaseofthememorycannotbereleasedtorestartWebViewseamlesslysoasnottoaffecttheuserexperience,isarealproblemtobesolved.Andthelargeamountofdatainanon-frequentneedtoupdatetheUIcase,basedonwekitbrowserphonegapmodeortomeetthedemandforAndroidapplicationdevelopment.AppliedSimultaneouslyachieveefficiencyalsodependsonthedevelopmentmodelOPOAJavascriptinfrastructureisrobustandefficient.Fordifferentscreenresolutions,theneedtobeintegratedorbyJSframepackageadaptedtosolvetheproblem.AndbecausedifferentversionsoftheAndroidversionoftheintegratedwebkitdifferent,alsoneedtodealwithdifferentversionsofJavaScriptandCSSsupportindifferentcompatibilityissues.Whentherearemorecollaborativesolutiondevelopmentanddebuggingtoolstofacilitateintegration,butalsoforhtml5appdevelopmentanimportantprerequisite.Orthroughaframeworktointegrateadaptationpackagetosolvetheproblem.AndbecausedifferentversionsoftheAndroidversion,alsoneedtodealwithdifferentversionsoftheJavaScriptsupportonvariouscompatibilityissues.Whentherearemorecollaborativesolutiondevelopmentanddebuggingtoolstofacilitateintegration,butalsoforhtml5appdevelopmentanimportantprerequisite.5Conclusionphonegapgoalistoachieverapiddevelopmentofmobileapplicationswrittenonce,runeverywhereacrossplatforms.phonegapcertainextent,reducethethresholdofmobiledevelopment,especiallyiosdevelopment.Traditionalwebdevelopersneedtolearnobject-c,androidjavacandevelopcommonmobileapplications.Similartotheemergenceofsuchaframeworkphonegap,doesnotreplacetheoriginalNativeAPPEcologicalApplications.phonegaphasitsshortcomings,runslower,operatingplatformresourcesarenotflexible,convenientmobiledevices,whicharedependentphonegapupgradeanddevelopmentoftheframeworkitself.However,Iampleasedthatadobecompanyacquiredphon