基于HTML5的線上試衣間APP設(shè)計(jì)與實(shí)現(xiàn)

張雨薇 韋妙

摘? 要：隨著現(xiàn)代電子商務(wù)的迅猛發(fā)展，服裝網(wǎng)購市場規(guī)模加速增長，越來越多的消費(fèi)者享受到了網(wǎng)絡(luò)購衣帶來的便利快捷。然而，現(xiàn)有電商模式下線上服裝展示和線下用戶之間的“距離感”始終限制了用戶在線采購服裝的真實(shí)感和沉浸度?；贖TML5標(biāo)準(zhǔn)，針對線上購衣體驗(yàn)環(huán)節(jié)的短板設(shè)計(jì)“線上試衣間”APP，包括“女士時(shí)尚”“試衣間”“時(shí)尚資訊”“在線留言”“聯(lián)系我們”五大功能模塊，從購衣、試穿、交流等方面全方位的提升用戶網(wǎng)購服裝時(shí)的擬真體驗(yàn)，同時(shí)在DCloud平臺(tái)下運(yùn)用Web App開發(fā)類似輕應(yīng)用APP，強(qiáng)化數(shù)據(jù)的及時(shí)更新，進(jìn)一步適配用戶隨時(shí)隨地查看最新服裝信息的購物需求。

關(guān)鍵詞：HTML5;電子商務(wù);線上試衣間;DCloud

中圖分類號(hào)：TP520.4040? ? ?文獻(xiàn)標(biāo)識(shí)碼：A

Abstract：With the rapid development of modern e-commerce，the scale of online clothing? market continues to boom，bringing more and more consumers convenient and quick shopping experience.However，the sense of distance between online clothing display and offline users in the existing e-commerce model has always limited the sense of reality and immersion of users in online clothing procurement.Based on the HTML5 standard，the online fitting room APP includes the five functional modules of Lady Fashion，F(xiàn)itting Room，F(xiàn)ashion Information，Online Message and Contact Us，so as to fully improve users' online shopping experience from purchasing，fitting communication and other aspects.At the same time，a similar light application App is developed under the platform of DCloud by using Web App，which enhances data updating and further adapts to users shopping demands to check the latest clothing information anytime and anywhere.

Keywords：HTML5;e-commerce;online fitting room;DCloud

1? ?引言（Introduction）

近年來，現(xiàn)代電子商務(wù)快速發(fā)展，依托互聯(lián)網(wǎng)的在線營銷模式以其省時(shí)、省錢、省力的優(yōu)勢受到大眾追捧，尤其是服裝類型的網(wǎng)購市場容量逐年攀升。消費(fèi)者在初期享受線上購衣帶來的便利后逐漸對線上購衣體驗(yàn)的“真實(shí)度”產(chǎn)生更高的期望。當(dāng)今時(shí)代，人們更希望服裝是可看性強(qiáng)，突出個(gè)性化。同時(shí)，人們也更注重根據(jù)個(gè)人體型特征挑選服飾[1]。消費(fèi)者對在線購衣擬真度日益增長的需求與當(dāng)前服裝電商網(wǎng)站內(nèi)容簡陋、功能單一、交互體驗(yàn)較差的購物體驗(yàn)之間無疑存在著巨大的間隙。

針對這一問題，研究團(tuán)隊(duì)通過設(shè)計(jì)和開發(fā)“線上試衣間”APP——模擬試衣系統(tǒng)，助力現(xiàn)代線上服裝銷售模式的轉(zhuǎn)型升級(jí)?！熬€上試衣間”APP能實(shí)現(xiàn)線上購衣、仿真人體建模、虛擬試衣、在線交互等功能，既可以讓用戶體驗(yàn)網(wǎng)上商城購衣的便利性，同時(shí)又可以將線上服裝與個(gè)人形體進(jìn)行“虛擬”匹配，享受線下實(shí)體店購衣般的“真實(shí)”購物體驗(yàn)。對于在線營銷人員來說，這將是一個(gè)增強(qiáng)其市場的好工具[2]。

2? ?HTML5介紹（Introduction to HTML5）

HTML5是指萬維網(wǎng)核心語言——標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改，于2014年9月正式發(fā)布。HTML5是萬維網(wǎng)聯(lián)盟歷經(jīng)8年的艱苦努力，無數(shù)次的修改、調(diào)整才最終問世，在世界范圍內(nèi)引起了廣泛關(guān)注。它所展示的技術(shù)進(jìn)步和應(yīng)用優(yōu)勢更加明顯：①HTML5技術(shù)可以跨平臺(tái)使用，基于HTML5技術(shù)開發(fā)出來的軟件APP可以輕松的移植到其他的開放平臺(tái)或者是游戲中心等;②“自適應(yīng)網(wǎng)頁設(shè)計(jì)”，簡單來說就是設(shè)計(jì)者只需要設(shè)計(jì)一次，其他的移植變動(dòng)可以根據(jù)新環(huán)境自動(dòng)調(diào)節(jié);③及時(shí)更新，等待更新的時(shí)長會(huì)大幅度縮短，基于HTML5的軟件更新像頁面刷新一樣，簡單、快速。

“線上試衣間”APP選擇在HTML5的基礎(chǔ)上開發(fā)，是利用了它的簡潔性和靈活性。首先，HTML5相對于HTML4.01添加了更多的新元素和新功能，例如：

3 “線上試衣間”APP的可行性分析（Feasibility study of the online fitting room APP）