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

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

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

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

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

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