基于3D展示技术和NIRS的红木家具展销系统的设计

2018-07-04 02:56,,,2
计算机测量与控制 2018年6期
关键词:预处理鼠标光谱

,,,2

(1.浙江农林大学 工程学院,浙江 临安 311300;2.浙江省林业智能监测与信息技术研究重点实验室,浙江 临安 311300)

0 引言

随着红木家具行业的迅速发展以及互联网技术的普及,通过网络销售自己的产品,逐渐成为一种趋势[1-2]。近年来红木家具行业造假事件频频发生,那么如何将自己的产品更加真实地展现在用户面前,成为困扰许多红木家具企业和商家的一个问题。当前红木家具行业产品展示方式主要停留在二维领域,二维展示不能真实地展现红木家具产品的外观和属性,也不能进行交互操作,因此难以对产品形成全面认识。基于图像的红木家具产品3D展示的提出就是为了解决产品传统展示的不生动问题,创造了一个良好而又灵活的平台,360°展现自己独一无二的红木家具产品,为客户提供多元的全方位的产品信息,在线销售模块用于实现合作商家商品或服务的购销一体化,在在线鉴别模块,运用近红外光谱分析技术(Near infrared spectroscopy,NIRS),调用云端数据库中建好的真假红木家具的判别模型,实现该平台真假红木家具的快速无损鉴别。通过鼠标点击图片操作,弹出红木家具此位置的光谱图和所属类别等信息,确保了红木家具线上线下的“一对一”,进而保证了红木家具的真实可靠性,激发客户的购买欲。

1 红木家具展销系统的搭建

1.1 系统架构设计

基于3D可视化技术和NIRS的红木家具展销系统,包括前台用户系统和管理员系统,红木家具销售展示平台通过互联网分别与前台用户系统和管理员系统双向信号连接;云数据库是指系统中所用到的NIRS红木家具鉴别校正模型、光谱图等数据存储在云平台上,实现方便快捷地完成红木家具的近红外光谱鉴别,不受地域的限制,同时,实现了鉴别模型及光谱数据的安全可靠存储,前台用户系统包括微处理器一、红木文化模块、用户注册模块、三维展示模块、在线销售模块、售后服务模块、红木家具鉴别模块和信号收发器一,微处理器一分别与红木文化模块、用户注册模块、三维展示模块、在线销售模块、售后服务模块、红木家具鉴别模块和信号收发器一双向连接,信号收发器一与互联网双向信号连接;管理员系统包括微处理器二、产品基本信息维护模块、用户管理模块、销售管理模块、售后服务管理模块和信号收发器二,微处理器二分别双向连接产品基本信息维护模块、用户管理模块、销售管理模块、售后服务管理模块和信号收发器二,信号收发器二与互联网双向信号连接。系统整体架构图如图1所示,系统功能模块图如图2所示。

图1 系统整体架构图

在红木家具三维展示模块中,不管是由三维建模软件还是由拍摄家具多角度照片生成的三维场景都会占据较大的内存,自然而然的会影响计算机的运行速度,因此在红木家具产品三维展示模块建立的时候,不但要注意对真实感与艺术感的追求,而且要关注整个系统的运作速度,所以简化模型和图片内存是要关注的重点和难点问题。

在红木家具产品三维展示场景的构建过程中,需要采用一些优化方法来减少模型和素材的数据量。应该考虑到三维展示场景中视觉真实性和视点转换速度之间的平衡。LOD技术可以解决数据量较大的问题,在不影响画面视觉效果的前提下,通过逐次简化景物的表面细节来减少场景的几何复杂性,进而提高算法的运行效率。该技术在实时图像通信、交互式可视化、虚拟现实等领域都得到了广泛应用。

图2 系统功能模块图

在红木家具鉴别模块中,通过鼠标点击红木家具图片热区位置进而弹出此位置的光谱图和所属类别等信息,在此模块中提高红木家具鉴别模型的识别率是研究的难点问题,用微型近红外光谱仪采集到的红木家具光谱数据,除了包含与样本化学结构相关的信息外,同时也包含会对光谱图信息产生干扰的噪音信号,从而影响模型的建立和对家具的鉴别。因此,光谱数据预处理主要用于筛选数据、消除噪音等对数据信息的影响,对鉴别模型的精度有很大的影响,为鉴别模型的建立和未知红木家具的鉴别打下基础。最优的光谱预处理方法是本文研究的重点。

1.2 核心技术

1.2.1 jQuery

jQuery[3]是一个功能丰富的JavaScript库。它封装了JavaScript常用的功能代码,同时优化HTML文档操作、事件处理、动画设计和AJAX交互等。

1.2.2 MVC模式

MVC模式是基于模型视图控制器(Model-View-Controller)的设计模式,这种模式集成了JSP和Servlet技术,适合构建相对复杂的应用程序。

最典型的MVC就是JSP+Servlet+javabean模式。JavaBean作为Model层,主要用来实现系统的业务逻辑;JSP作为View层,负责与用户实现交互操作,即给用户在界面上展示相应的数据对象;Servlet作为Controller,它主要用于解释用户的请求,并能够显示正确的视图,因此它是模型层与视图层之间的桥梁。MVC模式的结构框架如图3所示。

图3 MVC模式结构框架

1.3 红木家具产品3D展示生成流程

1.3.1 图像信息的获取

红木家具的外观和图案等信息的采集可以通过摄影的方法获取[4],传统的采集方法一般都是彩色反转胶片的形式;也可采用数码相机进行图像信息的采集。为了使获取的图片信息更加真实有效,需要考虑拍摄主体的位置以及空间占比等因素。

1.3.2 图像的处理

为了使通过相机拍摄的多角度照片或者三维扫描仪扫描获取的图像信息效果达到最佳,需采用图像编辑软件对数据进行后期处理,相关的后期处理只是对获取到的红木家具图片进行畸变校正和显示效果的调整。

1)畸变校正:在相应工具栏中执行命令,可以解决因摄影硬件的因素造成的图像缺陷。

2)图像显示效果调整:在获取红木家具图像信息时经常会因用光不当而出现色相偏差等问题,需要对其参数进行修改加以调正。为了使红木家具在三维展示场景中显得更加美观,用户体验度更好,需对其对比度等参数进行调节。

1.3.3 红木家具产品3D展示

在红木家具三维展示页面,用户可按类型查看红木家具的三维展示,点击3D展示按钮跳转到红木家具三维展示页面,用户可根据自身需求选择旋转方式(手动拖动旋转和自动旋转)和旋转速度,并可放大缩小查看家具的细节。红木家具三维展示的开发流程如图4所示[5]。

图4 红木家具三维展示开发流程

jQuery 3D交互式技术,用它实现红木家具三维展示的过程中,需要创建一个使用多个图像帧允许用户360°拖动和处理图像的3D互动对象,使用户可以360°全方位的查看红木家具的多角度照片[6]。

本三维展销系统运用到较大的素材,比如红木家具样品多角度图片等。为了使红木家具旋转动画加载流畅,要采用loading预加载技术,结合使用AS语句技术来完成loading加载技术的实现。

在主场景中新建图层,命名为as。在as层插入两个关键帧,同时在两个关键帧中加入相应的as语句:

第一帧:

a=getBytesLoaded();

b=getBytesTotal();

Loaded=int(a/b*100);

myloading.gotoAndPlay(loaded);

第二帧:

If(a=b){

gotoAndPlay(“场景1”,1);

}else{

gotoAndPlay(1);

}

用Dreamweaver CS6软件对网页进行编辑,CS6新版本中的许多面板可以很好的呈现HTML 5代码。另外Dreamweaver CS6可以与我们常用的设计工具,如Playback Flash,Shockwave和外挂模组等进行搭配。用java语言实现对红木家具的360°旋转速度进行控制[7-8],在这里我们以添加控制条的形式对其旋转速度进行控制,其关键代码如下所示:

同时对旋转文件添加两个button,一个是自动旋转button,用上述添加的控制条的形式,用户可按自己的需求对其旋转速度进行调节;另外一个是手动旋转button,通过鼠标拖动的方式来查看红木家具360°旋转图片,这样用户就可按照自己的需要来选择相应的旋转方式[9]。实现界面如图5所示。

图5 红木家具3D展示

1.4 红木家具产品在线鉴别的流程

在红木家具3D展示的基础上,结合近红外光谱分析技术,实现了红木家具产品的在线鉴别,进而可以增加此平台的真实可靠性,可以很好的缓解红木家具市场上的造假现象。近红外光谱分析技术(near infrared spectroscopy,NIRS)是一种快速、无损、准确和高效的红木家具鉴别技术[10],采用微型近红外光谱仪采集家具样本的近红外光谱信号,用化学计量学方法进行鉴别。

运用近红外光谱技术对红木家具进行鉴别,包括分析过程和鉴别过程,在分析过程中,首先我们需要使用近红外光谱仪实地采集不同类型红木家具的光谱数据,然后对采集到的样本数据进行分类,分为校正集和验证集,对校正集样本采集到的光谱数据进行光谱预处理,将测得的样品性质添加到样本集中,用化学计量学软件建立最优鉴别模型;鉴别过程就是利用分析过程中建立的定性分析模型,对采集到的未知类型的红木家具光谱图进行定性分析,进而判别其所属类型及真假。在鉴别模型的建立中,光谱数据预处理对鉴别模型的精度有很大的影响,下面主要研究了最优的光谱数据预处理方法。

1.4.1 光谱数据预处理

1)数据平滑处理:平滑处理是消除噪声最常用的一种方法,它可提高分析信号的信噪比。平滑方法有移动平均平滑法和Savitzky-Golay卷积平滑法。本文采用Savitzky-Golay 卷积平滑法通过多项式来对移动窗口内的数据进行多项式最小二乘拟合,更强调中心点的中心作用。

2)数据求导:由于仪器、样品背景及其他因素影响,采集的近红外光谱经常出现谱图偏移或漂移现象,可采用求导的方法进行基线校正处理。常用的光谱求导方法一般有两种:直接差分法和Savitzky-Golay卷积求导法。对于波长采样点不多的光谱,用直接差分法所求的导数误差较大,因此可采用Savitzky-Golay卷积求导法计算。

3)正交信号校正:正交信号校正(Orthogonal Signal Correction, OSC)基本思想是利用正交化方法,消除光谱中与预测值无关的部分,从而得到“纯净”的光谱,以提高模型的性能。

1.4.2 光谱数据预处理结果分析

研究过程中通过对比,最终选择最优预处理方法为Savitzky-Golay平滑、Savitzky-Golay1阶导数和正交信号校正。

以微凹黄檀为例,说明经过光谱预处理方法后的光谱特征变化情况。结果表明,原始光谱经SG平滑预处理后,没有明显改变,经过SG平滑+SG1阶导预处理后,发现重叠的吸收峰被放大,但是,经SG平滑+SG1阶导+OSC预处理后,发现同一种类样本之间的差异明显减小,因此可发现最优预处理方法。

1.4.3 红木家具产品在线鉴别

在红木家具在线鉴别模块中,通过鼠标点击红木家具图片的相应位置,进而弹出此位置的光谱图和详细信息等操作来确保红木家具线上线下的“一对一”,系统中所用到的近红外光谱分析技术(NIRS)红木家具鉴别校正模型、光谱图等数据存储在云端数据库上,实现方便快捷地完成红木家具的在线鉴别,不受地域的限制[11]。用CSS里的hover选择器来实现弹出光谱图操作,hover选择器用于选择鼠标指针浮动在上面的元素,选择器可用于所有元素,不仅仅是链接,通过给红木家具图片划分相应的热区,使用标记在图像中设定相应的作用区域,这样当用户的鼠标移到指定的作用区域时,会自动弹出相应的图片信息或自动链接到预先设定好的页面。在红木家具在线鉴别模块中,为红木家具图片划分了3个热区,分别为rect(矩形)、circle(圆形)和circle(圆形),具体形状可根据实际情况来进行选择,具体实现代码如下:

同时为3个热区位置添加相应的弹出图片,这里所说的弹出图片就是红木家具此位置的光谱图,此光谱图由实验室设备SmartEye1700微型近红外光谱仪在现场所采集,放在云端数据库中[12]。在红木家具鉴别页面中,鼠标经过家具图片热区位置时,鼠标指针形状会由默认效果变成手型效果,进而弹出此位置的光谱图和所属类别。用户也可点击线下鉴别按钮给管理员发送线下鉴别请求,管理员收到该请求后,可根据用户发送线下鉴别的具体时间来进行线下实地鉴别,这样线上线下结合的方式,进一步确保了此平台的真实可靠性,为合作商家提供了更多的商机。红木家具在线鉴别的流程如图6所示。

图6 红木家具在线鉴别流程图

2 系统测试与结果分析

根据系统的需求说明书,编写了系统的测试用例文档,本系统主要采用的测试方法是黑盒测试法,采用等价类划分法和

边界值分析法对系统的测试用例进行了设计,进而对系统进行了功能测试和性能测试。

1)系统首页包含了所有需求说明书上的功能按钮,且链接正常,可成功跳转到相应界面;

2)在三维展示模块,红木家具3D展示真实,交互性好,能够有效地呈现产品的外型;

3)在红木家具鉴别模块,鼠标点击红木家具图片相应位置可弹出此位置的光谱图等,用户体验度高;

4)在Jmeter上对WEB端进行压力测试,系统运行良好且稳定;

5)对项目接口在Postman里进行了自动化测试,并修改了测试脚本,系统运行稳定。

3 结论

本文提出的基于3D可视化技术和NIRS的红木家具展销系统的设计与实现,这种新型的红木家具销售模式可以很好的将红木家具产品更加真实有效的展现在客户面前,客户可根据自己的需求360°全方位的查看家具的详细信息,并可通过鼠标点击图片操作来查看红木家具图片相应位置的光谱图,确保了线上线下的“一对一”。此方法的实现很好的冲击客户的眼球,激发客户的购买欲,进而提高了红木家具产品的销售率。

参考文献:

[1] 王伟荣, 姜丽红, 刘彦军. 家具产品的三维展示设计与实现[D]. 上海:上海交通大学软件学院, 2012.

[2] 盛 桥. 家具销售企业产品网络化销售模式及其系统研究[D]. 重庆:重庆大学, 2004: 15-16.

[3] Chaffer J, Swedberg K. jQuery基础教程(第四版)[M].北京:人民邮电出版社, 2013.

[4] 苏慧明. 基于Web 3D技术虚拟现实展示设计的研究——以家具展示为例[D]. 长沙:中南林业科技大学,2011: 25-26.

[5] 梁东莺, 高 潮. 云计算及其应用[J]. 计算机测量与控制, 2011(8): 22-23.

[6] 赵 然, 陈 璟. 基于对象全景图片的互动三维商品网络展示[J]. 中国传媒科技, 2012(24): 200-201.

[7] 高长青, 唐 平. 基于Java 3D的虚拟产品网上展示接口技术研究[D]. 广州:广东工业大学, 2011: 51-56.

[8] 洪英汉, 周少君. 基于Web的产品3D展示技术的研究与实现[J]. 现代计算机, 2014(9): 53-56.

[9] 刘西杰, 柳 林. HTML、CSS、JavaScript网页制作从入门到精通[M]. 北京:人民邮电出版社, 2012.

[10] 洪胜杰, 顾玉琦, 寿国忠. 移动近红外珍稀木材鉴别云服务系统的设计与实现[J]. 计算机应用与软件, 2017, 34(1): 214-217.

[11] 邓文生, 马王俊. Java 3D扩展鼠标交互功能的研究与实现[J]. 计算机仿真, 2007(3): 176-179.

[12] Shou G, Zhang W, Gu Y, et al. Application of near infrared spectroscopy for discrimination of similar rare woods in the Chinese market[J]. Journal of Near Infrared Spectroscopy, 2014, 22(6): 423-432.

猜你喜欢
预处理鼠标光谱
基于三维Saab变换的高光谱图像压缩方法
KR预处理工艺参数对脱硫剂分散行为的影响
求解奇异线性系统的右预处理MINRES 方法
基于3D-CNN的高光谱遥感图像分类算法
污泥预处理及其在硅酸盐制品中的运用
薄膜光伏组件在不同光谱分布下的测试差异
基于预处理MUSIC算法的分布式阵列DOA估计
苦味酸与牛血清蛋白相互作用的光谱研究
鼠标折叠笔
45岁的鼠标