基于HTML5的移動(dòng)化妝品銷售系統(tǒng)前端設(shè)計(jì)與實(shí)現(xiàn).pdf

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

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

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

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

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