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

張雨薇 韋妙

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

關鍵詞：HTML5;電子商務;線上試衣間;DCloud

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

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

2? ?HTML5介紹（Introduction to HTML5）

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

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

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