本站原创摘 要：针对当前电子商务网站商品展示的需求,从网站研发的角度对商品展示技术进行了研究.首先阐述了商品展示整体框架,然后重点对商品展示涉及的图像存储策略与图像动态局部放大关键技术进行了详细论述.实验结果表明,该技术具有较高的鲁棒性与有效性.
关 键 词关 键 词：电子商务；商品展示；图像存储；图像局部放大
中图分类号：TP393文献标识码：A文章编号文章编号：16727800（2013）007014802
0引言
随着Inter技术的迅速发展,网络购物以其方便、快捷的特点受到了越来越多用户的青睐.对比传统的商场销售,网上商城可以将商品做详细分类,为用户提供更大的选择空间；通过基于虚拟现实的商品展示,可以使顾客更好地了解商城内的商品信息.电子商务网站让顾客真正实现了足不出户、网上购物的目的.然而,目前多数电子商务网站的商品展示不尽如人意.如何更好地展示商城内已有的商品,在技术上和商务上都是备受关注的议题.
商品展示是电子商务的基本功能.从技术层面上看,传统的图像加文字展示技术已经不能满足电子商务发展的需求.目前国内外逐渐出现了一些面向不同行业所特有的商品展示技术.例如,在服装电子商务领域中,虚拟试衣技术成为主流,使得用户能够根据自己的喜好挑选满意的服装,对虚拟模特进行搭配试穿,从而间接地体验服装的上身效果.本文以传统的商品展示技术的改进为出发点,主要针对图像存储策略与动态局部放大功能进行探讨,以期对电子商务网站商品展示技术的提升起到一定的借鉴作用.
1商品展示整体框架
在电子商务网站中,商品展示应能够为用户提供多感知、沉浸感强的交互,以丰富用户的购物体验.本文提出的商品展示整体框架如图1所示.
首先,采用数码相机对商品进行拍照,获取商品图像；然后,对商品图像进行预处理操作.预处理主要涉及图像大小更改操作,一般借助于专业的图像处理软件（如Photoshop等）完成,以得到同一商品的一大一小两幅图像.具体地,先将商品图像复制为副本,再统一修改原商品图像及其副本的大小,将原商品图像修改为大尺寸图像,而将对应的副本图像修改为小尺寸图像.在实验中,图像分辨率定义为96像素/英寸,大尺寸定义为1024×768像素,小尺寸定义为100×75像素.图像预处理完成之后,构建电子商务网站系统,对商品图像进行存取；最后,通过用户在浏览网站商品展示页面时的鼠标悬停与移动等交互操作,实现商品图像的动态局部放大效果.
在表1中,主键为字段“PictureID”,设定为标识列.字段“PicSmallurl”与“PicLargeurl”分别存储商品小图像与大图像的访问路径.当商品详细信息展示页面被装载时,系统从数据库中读取商品小图像的访问路径以显示商品缩略图,读取商品大图像的访问路径以根据自定义规则显示商品局部放大图像.
2.2图像动态局部放大技术
在电子商务网站系统的商品详细信息展示页面中,为了让用户清晰地查看商品的图像信息,将商品图像局部放大展示给用户是必要的.然而,由于网页的空间毕竟有限,直观地在页面上添加一个“Image”组件或“IMG”标签以显示商品大图像,不但影响网页元素的整体布局,而且降低页面的美观,效果自然欠佳.此外,考虑到基于层的网页布局具有加载快捷、视觉效果统一等优点,因而可以采用层的条件隐藏与显示的方法处理商品大图像,通过用户对商品小图像的鼠标悬停与移动等交互操作,实现商品大图像相应区域的动态展示.
图像动态局部放大的运行页面如图3所示.当用户鼠标移到“gateway笔记本”的缩略图任意部位上,在该页面右侧立即展示“divShowpiclar”层,用以能够根据鼠标悬停在商品小图像的位置,相应地动态局部放大商品小图像,图像清晰、展现灵活、没有失真,给用户一种全新的感觉.
3结语
本文对电子商务网站中商品展示技术进行了研究.针对传统的商品展示技术存在的问题与不足,主要对图像存储策略与动态局部放大功能进行了分析探讨.通过多次实践,证明了本文提出的商品展示技术具有较高的有效性与鲁棒性.目前,该技术已在多家品牌服装电子商务网站成功应用,取得了良好的效果.