基于WebGL的交互式印刷定制平台研究
发布时间：2020-08-08 18:17
【摘要】：“互联网+”的概念随着电子商务的蓬勃发展应运而生。很多印刷企业都开始发展自己的电子商务业务。其中,按需出版和个性化定制印刷短周期,少活件量的业务特征,与电子商务的特性非常契合。对于印刷类型的电商平台,产品的展示是重要环节。基于图片和Flash动画的2D产品展示很难体现出印刷企业的产品工艺,并且用户的体验也较为单一。开发Web平台的3D产品展示技术,用于立体展示产品是印刷定制平台提升用户体验的关键。本课题研究目的在于使用新兴的WebGL+HTML5技术,实现印刷产品的交互式展示,并且开发一款适用于印刷企业的,个性化印刷品定制平台。课题主要从两个方面展开。一是3D产品交互展示,本课题使用了 WebGL与Three.js技术,在Web页面上构建三维场京,实现相册产品外观3D展示。使用HTML5与CSS3技术,实现带有3D翻页特效的相册产品内容展示。另一方面,为了适应电子商务网站的性能需求,本课题设计和开发了基于服务架构的分布式印刷定制平台。平台开发基于服务架构的设计思想,使用Dubbo实现服务层与表现层的分离,提升系统性能与可拓展性。通过数据缓存和使用全文检索技术,减少数据库的压力,提升网站响应速度。在开发完成后,本课题通过在虚拟机上搭建伪分布式环境,对平台功能进行测试,证明整体解决方案可行。本课题的研究对于开发大型印刷企业的电子商务系统,有一定借鉴意义。
【学位授予单位】：西安理工大学
【学位级别】：硕士
【学位授予年份】：2018
【分类号】：TS805
【图文】：
平板电脑等）的应用软件开发[16]。L 的优势bGL 由于运行在现代浏览器上，具有以下几个优点：播速度快护简单，可以使用任何文本编辑器开发 WebGL 程序平台开发，适用于各种类型的终端放标准，并且社区环境良好，可以找到大量的学习资料件加速，可以调用底层图形设备，优化渲染效果需插件分应用浏览器功能 程序执行原理ebGL 程序结构bGL 是基于即时模式的图形协议，即每一帧场景无论是否发生变化都需要开发人员能够通过代码，控制图形渲染的每一个细节，使程序变得灵活。通 Web 应用与 WebGLWeb 应用的软件结构[17]。
西安理工大学硕士学位论文以 JavaScript 字符串的形式编写在 JavaScript 脚本下，通过 JavaScript 脚本调用 WebGL 绘图接口，通过 WebGL 调用底层绘图驱动，将图像绘制在 HTML5 Cavans 画布上。（2）WebGL 程序执行原理图 2-3 是 WebGL 程序的执行过程。顶点着色器是对图形顶点的绘制。图元装配是将顶点连接。光栅化是引入面积的概念，将线汇聚成面。片元着色器是对光栅化后得到的面进行颜色的填充[18-20]。逐片元操作则是对着色后的图形进行细节上的调优。可以用制作风筝的过程来对 WebGL 程序执行过程进行形象对比，顶点着色相当于绘制风筝的草图上的点，图元装配相当于使用木棍连接草图上的点，形成风筝的骨架，光栅化相当于在骨架上贴上布，片元着色则是在贴好的布上绘上图案，逐片元操作可以看做是优化图案的细节，如给风筝的动物图案点上眼睛等。
3 系统分析3.1 系统需求分析在开发过程中，开发人员通过调研和分析，充分理解用户与项目在功能、性能、可靠性等方面的要求的过程，称之为系统需求分析，主要分为功能性需求、非功能性需求以及设计约束。功能需求主要是表述系统具体实现的功能。非功能性需求包括了软件运行的性能需求，稳定性需求。设计约束主要是描述软件需要使用到的一些特定的技术，通常是经由用户要求[29]。3.1.1 功能需求分析通过实际调研，同时参考市场上已经出现的印刷定制平台的内容。本课题将印刷定制平台分为前台系统与后台管理系统两个部分。前台系统面向客户，通过设计友好的界面，以便更好地向客户展示产品并提供相对应的服务。后台管理系统面向企业，界面的设计主要遵循简约实用，以简化管理人员的操作为优先考量对象。图 3-1 是印刷定制平台的功能模块图。
【学位授予单位】：西安理工大学
【学位级别】：硕士
【学位授予年份】：2018
【分类号】：TS805
【图文】：
平板电脑等）的应用软件开发[16]。L 的优势bGL 由于运行在现代浏览器上，具有以下几个优点：播速度快护简单，可以使用任何文本编辑器开发 WebGL 程序平台开发，适用于各种类型的终端放标准，并且社区环境良好，可以找到大量的学习资料件加速，可以调用底层图形设备，优化渲染效果需插件分应用浏览器功能 程序执行原理ebGL 程序结构bGL 是基于即时模式的图形协议，即每一帧场景无论是否发生变化都需要开发人员能够通过代码，控制图形渲染的每一个细节，使程序变得灵活。通 Web 应用与 WebGLWeb 应用的软件结构[17]。
西安理工大学硕士学位论文以 JavaScript 字符串的形式编写在 JavaScript 脚本下，通过 JavaScript 脚本调用 WebGL 绘图接口，通过 WebGL 调用底层绘图驱动，将图像绘制在 HTML5 Cavans 画布上。（2）WebGL 程序执行原理图 2-3 是 WebGL 程序的执行过程。顶点着色器是对图形顶点的绘制。图元装配是将顶点连接。光栅化是引入面积的概念，将线汇聚成面。片元着色器是对光栅化后得到的面进行颜色的填充[18-20]。逐片元操作则是对着色后的图形进行细节上的调优。可以用制作风筝的过程来对 WebGL 程序执行过程进行形象对比，顶点着色相当于绘制风筝的草图上的点，图元装配相当于使用木棍连接草图上的点，形成风筝的骨架，光栅化相当于在骨架上贴上布，片元着色则是在贴好的布上绘上图案，逐片元操作可以看做是优化图案的细节，如给风筝的动物图案点上眼睛等。
3 系统分析3.1 系统需求分析在开发过程中，开发人员通过调研和分析，充分理解用户与项目在功能、性能、可靠性等方面的要求的过程，称之为系统需求分析，主要分为功能性需求、非功能性需求以及设计约束。功能需求主要是表述系统具体实现的功能。非功能性需求包括了软件运行的性能需求，稳定性需求。设计约束主要是描述软件需要使用到的一些特定的技术，通常是经由用户要求[29]。3.1.1 功能需求分析通过实际调研，同时参考市场上已经出现的印刷定制平台的内容。本课题将印刷定制平台分为前台系统与后台管理系统两个部分。前台系统面向客户，通过设计友好的界面，以便更好地向客户展示产品并提供相对应的服务。后台管理系统面向企业，界面的设计主要遵循简约实用，以简化管理人员的操作为优先考量对象。图 3-1 是印刷定制平台的功能模块图。
【参考文献】
相关期刊论文 前10条
1 泮雯雯;郭佳囡;赵秀积;杨晓东;;基于Web的网络试衣间系统[J];计算机时代;2015年05期
2 李金梅;韩宇;;浅析FLASH动画的应用及其发展趋势[J];才智;2015年12期
3 马豫星;;Redis数据库特性分析[J];物联网技术;2015年03期
4 朱丽萍;李洪奇;杜萌萌;王莹;;基于WebGL的三维WebGIS场景实现[J];计算机工程与设计;2014年10期
5 金
本文编号：2785931
本文链接：https://www.wllwen.com/kejilunwen/sousuoyinqinglunwen/2785931.html
