基于WebGL的三维实体语义标注系统的设计与实现

摘要

随着多媒体技术的不断发展，网页中元素形式呈现多样化趋势。近年来，在WebGL标准的辅助下，3D模型和场景不再依赖任何第三方插件就可以流畅的渲染到浏览器中。通过标准的、跨平台的WebGL接口在浏览器中实现三维实体语义标注来替代传统的二维绘图软件标注显得十分必要。
　　本研究基于WebGL标准对三维实体语义标注系统进行设计与实现。描述了系统的需求分析、系统总体设计及数据设计、系统详细设计及系统的实现与测试等内容。首先从功能性需求与非功能性需求两个方面对系统进行分析，并确定了系统的六大功能模块。在总体设计阶段明确提出模块化、B/S结构、组件化的设计原则，确定了系统设计的总体框架，采用功能架构图对系统功能进行展示。对系统涉及到的内容进行建模分析并绘制E-R图来展示实体间的联系。详细设计时从系统的六大功能模块着手，将各模块再按照功能进行划分，对每个功能点的实现函数进行详细设计。系统实现部分围绕主要功能模块的核心代码展示及效果截图的方式展开，最后对系统进行了全面的测试并针对测试问题进行完善。通过全面的分析、详细的设计及不断的完善，最终设计出三维实体语义标注系统。开发主要实现三维实体语义标注系统的用户管理、实体文件上传、语义标注、文件共享、文件汇总、微信接入六大功能模块。系统设计中采用Vue的组件化开发，实现了数据的绑定，极大提高了代码复用和开发效率。对于频繁请求的文件使用redis做数据缓存，减少请求次数与请求响应时间。利用H5的离线存储机制，使用户在离线状态下可继续操作，在有网络链接的情况下再将这些操作进行提交保存。为使系统更具通用性与实用性，系统完全兼容web端与手持设备端，在微信公众号下可同样使用。系统实现的语义化的标注强化了用户对实体文件的理解；在线的标注模式大大节省了文件存储空间，让用户随时随地可操作；利用语义化的标注内容可进一步优化系统内文件的检索。

目录

声明

第1章 绪论

1.1 研究背景及意义

1.2 国内外研究现状

1.3 论文主要工作及创新点

1.4 本文组织结构

第2章 相关技术

（1）WebGL标准

（2）redis数据存储

（3）Vuejs框架

（4）nodejs服务语言

（5）Handlebars模板引擎

第3章 系统需求及分析建模

3.1 系统需求概述

3.2 功能性需求分析

3.3 非功能性需求分析

第4章 系统总体设计和数据设计

4.1 系统设计原则

4.2 系统技术架构

4.3 系统功能架构

4.4 系统数据设计

第5章 系统详细设计

5.1 数据库表设计

5.2 用户管理模块

5.3 三维实体文件上传模块

5.4 文件汇总模块

5.5 语义标注模块

5.6 文件共享模块

5.7 微信接入

第6章 系统实现及测试

6.1 系统开发与运行环境

6.2 用户管理模块实现

6.3 三维实体文件上传模块实现

6.4 文件汇总模块实现

6.5 语义标注模块实现

6.6 文件共享模块实现

6.7 微信接入功能实现

6.8 系统测试

第7章 总结与展望

参考文献

致谢