基于HTML5的线上试衣间APP设计与实现

张雨薇 韦妙

摘  要：随着现代电子商务的迅猛发展，服装网购市场规模加速增长，越来越多的消费者享受到了网络购衣带来的便利快捷。然而，现有电商模式下线上服装展示和线下用户之间的“距离感”始终限制了用户在线采购服装的真实感和沉浸度。基于HTML5标准，针对线上购衣体验环节的短板设计“线上试衣间”APP，包括“女士时尚”“试衣间”“时尚资讯”“在线留言”“联系我们”五大功能模块，从购衣、试穿、交流等方面全方位的提升用户网购服装时的拟真体验，同时在DCloud平台下运用Web App开发类似轻应用APP，强化数据的及时更新，进一步适配用户随时随地查看最新服装信息的购物需求。

关键词：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，Fitting Room，Fashion 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）

近年來，现代电子商务快速发展，依托互联网的在线营销模式以其省时、省钱、省力的优势受到大众追捧，尤其是服装类型的网购市场容量逐年攀升。消费者在初期享受线上购衣带来的便利后逐渐对线上购衣体验的“真实度”产生更高的期望。当今时代，人们更希望服装是可看性强，突出个性化。同时，人们也更注重根据个人体型特征挑选服饰[1]。消费者对在线购衣拟真度日益增长的需求与当前服装电商网站内容简陋、功能单一、交互体验较差的购物体验之间无疑存在着巨大的间隙。

针对这一问题，研究团队通过设计和开发“线上试衣间”APP——模拟试衣系统，助力现代线上服装销售模式的转型升级。“线上试衣间”APP能实现线上购衣、仿真人体建模、虚拟试衣、在线交互等功能，既可以让用户体验网上商城购衣的便利性，同时又可以将线上服装与个人形体进行“虚拟”匹配，享受线下实体店购衣般的“真实”购物体验。对于在线营销人员来说，这将是一个增强其市场的好工具[2]。

2   HTML5介绍（Introduction to HTML5）

HTML5是指万维网核心语言——标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，于2014年9月正式发布。HTML5是万维网联盟历经8年的艰苦努力，无数次的修改、调整才最终问世，在世界范围内引起了广泛关注。它所展示的技术进步和应用优势更加明显：①HTML5技术可以跨平台使用，基于HTML5技术开发出来的软件APP可以轻松的移植到其他的开放平台或者是游戏中心等;②“自适应网页设计”，简单来说就是设计者只需要设计一次，其他的移植变动可以根据新环境自动调节;③及时更新，等待更新的时长会大幅度缩短，基于HTML5的软件更新像页面刷新一样，简单、快速。

“线上试衣间”APP选择在HTML5的基础上开发，是利用了它的简洁性和灵活性。首先，HTML5相对于HTML4.01添加了更多的新元素和新功能，例如：

3 “线上试衣间”APP的可行性分析（Feasibility study of the online fitting room APP）