1、智能移動設(shè)備飛速發(fā)展的今天,基于移動平臺開發(fā)的移動應(yīng)用受到更多用戶的青睞。移動應(yīng)用可以給個人帶來更靈活多樣的溝通方式(微博、微信、社交等),更豐富精彩的內(nèi)容消費(娛樂、資訊、天氣、點評等),也可以幫助企業(yè)建立高效的管理方式,降低運(yùn)營生產(chǎn)成本,提高核心競爭力。
　　論文分析了移動應(yīng)用的發(fā)展現(xiàn)狀及移動應(yīng)用給個人和企業(yè)帶來的收益。對企業(yè)而言,他們正逐步認(rèn)識到移動應(yīng)用在生產(chǎn)環(huán)境中所扮演的重要角色。而傳統(tǒng)的非IT企業(yè)由于缺乏專門的開發(fā)資源,

2、在面對諸多平臺設(shè)備時往往有心無力,因此幫助企業(yè)建立低成本、易維護(hù)、跨平臺的移動應(yīng)用方案顯得非常重要。論文以實際項目為例,分析化妝品企業(yè)銷售業(yè)務(wù)需求和移動平臺的用戶體驗特點,設(shè)計一款滿足其業(yè)務(wù)需求同時易于維護(hù)的跨平臺移動應(yīng)用原型,把傳統(tǒng)的銷售模式遷移到了移動平臺上。
　　移動應(yīng)用原型的設(shè)計分為界面設(shè)計與前端程序設(shè)計。界面設(shè)計是保證最終成品面向用戶時具有良好的操作體驗。作者查閱了安卓與iOS移動界面設(shè)計指導(dǎo)作為交互設(shè)計的依據(jù),同時結(jié)合

3、企業(yè)自身的視覺形象與產(chǎn)品特點在視覺外觀上做了定制化設(shè)計。另方面在前端程序設(shè)計上,作者使用了目前流行的HTML5(Hypertext Markup Language 5.0)與CSS3(Cascading Style sheet 3.0)作為實現(xiàn)應(yīng)用前端的主要技術(shù)。在前端開發(fā)領(lǐng)域,HTML5日漸成為趨勢。HTML5正被谷歌,蘋果等越來越多的IT主流公司產(chǎn)品所支持,所以具有一定的成熟度。從開發(fā)角度來看,HTML5最大的優(yōu)勢在于跨平臺性和易于

4、維護(hù)性,可以滿足非IT企業(yè)的訴求。從用戶體驗角度來看,CSS3可以支持更多的頁面特效與動畫屬性來模擬本機(jī)應(yīng)用才具有的界面效果。使用HTML5開發(fā)前端會遇到移動應(yīng)用獨有的問題,比如響應(yīng)多屏幕尺寸、手勢識別、離線訪問、本地存儲、數(shù)據(jù)交互等等。作者通過查閱大量技術(shù)資料,結(jié)合實踐設(shè)計了一套底層方法來解決開發(fā)時將會遇到的這些問題。
　　論文研究與應(yīng)用設(shè)計開發(fā)耗費一年,最終完成移動應(yīng)用的原型設(shè)計與前端開發(fā)測試工作。作者完成了整個應(yīng)用的界面設(shè)計

5、,實現(xiàn)了該應(yīng)用前端底層開發(fā),包括手勢捕捉、多屏幕響應(yīng)、與服務(wù)器端通訊,離線訪問,本地存儲。該底層方法可適用于所有使用HTML5開發(fā)的移動應(yīng)用?；谠摰讓臃椒?作者完成針對化妝品銷售應(yīng)用的前端界面開發(fā),主要包括產(chǎn)品模塊、查詢模塊、訂單模塊、視頻、消息模塊、登錄模塊,同時完成前端測試與可用性測試。
　　本課題部分研究成果已使用在公司部分移動應(yīng)用項目的前端實施過程中。隨著未來HTML5的普及與增強(qiáng),基于HTML5開發(fā)的移動應(yīng)用憑借其獨有