四维全景网上展馆建设与展示解决方案、全景线上展厅解决方案

2023-04-06 16:22:29 [ 中关村在线原创 ] 作者：zoljn

一、技术方法和路线

技术方法：

科技成就网上展馆展示平台是基于WebGL 技术的，集前端沉浸式 3D 场景化的展览展示互动与后台场景管理、展陈管理、素材管理、访问管理、科技成果统计与分析、权限管理等功能于一体的在线展览展示管理系统。

1. 架构设计

采用模块化的设计思想，将各应用以及相关的通用支撑应用进行模块化封装，并利用应用总线将这些模块化封装后的应用、服务和子系统进行集成，使得它们相互之间能够进行数据的交换、通讯和调用，通过服务编排技术可以将粒度较细的服务进行有序组合，快速形成粗粒度的功能和应用，使得应用的开发和集成复杂度降低。

2. 展示结构设计

展示结构采用模块化可扩展模式进行系统底层结构建设，按着时间的方式进行规划。

技术路线

3D 引擎：基于 WebGL+3D+H5 的技术框架，采用自主研发的Web3D 三维空间引擎组件，进行展示系统前端建设。

3D 场景模型与商品模型及材质制作：主流工具：3D Max、Maya、C4D、Photoshop通过 3D 软件可以制作室内、外的写实、科幻等类型的展示场景，并且不受制于空间限制，可以无限延伸展示空间，增强了用户的体验感。

系统前端应用功能开发：前端界面效果采用 Html5+CSS3 进行开发，交互功能基于 JavaScript 的JQuery 和VUE.js 框架进行开发。

系统后台管理功能开发：后台管理系统采用基于 J2EE 的 Spring 框架+Vaadin 框架进行开发。数据库软件：MySQL V5.7 及以上版本。浏览器：支持 360 浏览器及以Chrome，Microsoft Edge 等当前主流浏览器。

性能指标设计：平台支持 7*24 小时的连续运行，平均年故障时间小于 1 天，对于系统中的相关操作应进行自动记录；平台支持多用户并发访问，无故障运行时间大于 5000 小时；客户端对信息的查询和检索的响应时间不超过 5 秒；平台应用服务出现故障时，系统恢复时间小于 4 小时；平台应用服务支持同时在线人员≥5000 人；电子目录数据接收，导入（导出）临时或核心数据库每批次能承载百万条以上，记录数据信息不发生错误。

4dPanorama全景平台应用亮点:跨端、跨系统、跨平台体验平台前端展览展示支持 PC 端与移动端下浏览，其中移动端兼容 Android、Ios、Windows 系统；后台管理系统支持 Windows、Linux、Mac 平台。

通用的 3D 引擎：基于 WebGL 开发，支持其他平台与系统集成；无需安装客户端，无插件，仅需在 Web 页端中直接运行。

二次展陈编辑：强大的后台功能，支持可视化的二次展陈编辑，包括新增模型、视频、图文、改变模型位置与姿态、增加场内特效等。二次展陈编辑功能让使用单位可实时调整展陈内容并可随时发布上线，大大的节省了项目后续扩建的费用。

支持粒子特效与多类型 3D 动画展示效果：支持刚体动画、粒子动画、路径动画、骨骼动画与物理动画；支持自主添加水面、火焰、爆炸等粒子特效和雾、雨、云等天气特效。

组织方式与实施方案

1. 室内虚拟 3D 展馆、展厅、场景设计设计风格展馆整体风格设定以科技风格为主，不同科技领域分类的展厅/区域按照其特定属性进行相对应的风格调整。本方案针对这些问题，设计并制作了一套架构于WEB和手机端的的全景虚拟参观系统，可以让参观者虚拟现实头盔，计算机或手指滑动手机屏幕在虚拟数字企业展馆中达到认识、学习、导览和体验的目的，改善传统企业展馆的不足。四维全景数字企业展馆是利用三维全景相机3D技术构建的虚拟企业展馆，参观者能够在线观看展厅中生动的馆藏展品信息及各类展品形态，在展厅场景中的各类信息，具有高度的交互性，参观者即可与展品零距离、全方位接触。

室外虚拟 3D 场景设计与制作设计风格

场景建设依托展品的实际应用环境进行场景建设，设计风格偏向于写实风格，尽可能还原科技成果创新展品的真实样貌。作为实体展览的网络延伸，展览全景不仅需要通过多媒体应用版及管内留档版进行存留，还需要通过互联网进行呈现，为突破了传统互联网浏览局限，需满足通过移动终端的方式将展览全景呈现在观众面前，需项目承接方保证用户在访问过程中全方位的对全景进行游览，即水平360°和垂直 180°进行拖动操作，要求实现全方向平滑转动；提供两种拖动操作方式，即全景转动方向和鼠标拖动方向同向与反向，以满足不同用户的使用习惯；实现放大、还原功能，可以对全景进行逐级放大，并且在放大后能够逐级还原到初始大小；需提供手动游览和自动游览两种浏览方式。

科技成果创新网上 3D 展馆展示系统

查询检索：随着时间的推移，科技展品的数量会越来越多，为了便于用户一键搜索关注的展品、展项，为用户提供了检索功能，用户选择首页的十三五规划板块后，则进入查询检索页面，通过收入展项、展品名称，可以预筛选正确的展项、展品名称，并通过选择，可以将展项、展品进行直接显示。为保证获得更加精确的查询结果，需要对后端的数据进行分类保存，显示页将科技成果按不同类型进行划分，以方便用户检索。

自助漫游

用户进入展馆参观时场景默认为自助漫游模式，可在 PC端通过键盘与鼠标、在移动端通过手指点击来控制和实现自助漫游浏览功能。

自动导览

根据展馆的结构布局和展陈重点，合理规划和优化参观路线图，并对预设参观路线实现全程自动漫游、通过判断进入的展示区域自动播放音频讲解服务，以最优路线、最高效率浏览展馆的概貌，参观主要展陈情况。自动参观过程中还设置有临时暂停功能，按下键盘空格键实现暂停或继续自动参观。

展品展示

展馆中可为展品添加热点，用户点击热点可显示展品的详情。另外，用户可以通过放大或缩小操作对展品进行查看。

多媒体播放

在场景墙壁上点击播放按钮观看视频，呈现方式可以直接在墙壁上播放，也设置为可弹窗播放。

场景视图切换

系统的场景视图共有三种模式，分别是第一人称漫游视角、三维立体视图、鸟瞰视图，三种模式间互相切换。当用户进入场景时默认为漫游视角，可以在场景任意位置切换到其他视角。

评论与分享

设置留言评论区，用户可根据自己的体验对展项进行评

价和留言。在 PC 端也可以通过“分享”功能获取二维码进行分享传播；在移动端可直接进行一键分享操作。

第三方应用外链接入

可在展厅内添加第三方功能性平台或页面外链地址，用户在浏览时可通过场景内的链接跳转到第三发功能性平台或页面，实现在线洽谈、资料下载、交易等操作环节。

权限管理

可根据单位自身需求，对后台进行单位相关人员进行权限设置，如：超级管理员、管理员、各级领导、各级用户等。

场景管理

管理员在后台管理的场景设置中，对漫游路线进行规划和设置，包括：起始漫游点设置、自动导览设置、展区标签设置、热点设置以及背景音乐管理等。

管理员可以在管理后台对相关展示内容进行再编辑的操作，包括：添加、修改、删除相关的文字、图片、视频等资料，同时也支持背景音乐选择和场景环境调色功能。

文字编辑功能

展厅中能够额外添加文字，可以调节文字大小、颜色、字体、排版对齐，发布以后不能额外占用内存切不能存在不同视角闪烁及严重边缘锯齿情况。

图片编辑功能

展厅中能够添加、删除或修改各类静态或动态图片，可以调节图片大小、排版对齐、调色、添加画框、灯光，发布以后不能额外占用内存切不能存在不同视角闪烁及严重边缘锯齿情况。

视频编辑功能

展厅中能够添加MP4 格式的视频，可以调节视频大小、排版对齐。

场景环境调色功能

内置多种调色滤镜，可以进行场景调色

素材管理

管理员可以通过管理后台，对展示的内容素材进行管理，包括：上传、删除、命名等操作。

4dPanorama全景平台具备灵活的部署条件，可适应不同环境的安装部署需求。具体情况如下：

1、为保证数据保密性、安全性，可生成离线版。

2、安装部署（私有云）

3、为了便于用户更加方便快捷的了解展示内容，需要对每一个产品进行定制化的图文设计，并可以通过后台配置的方式对内容进行动态实时更新，确保信息时效性。

3、可视化图表对于各个展区、展品、访问数据、受众群体、关注度等

数据进行综合性的分析报告。通过可视化图表的方式将底层数据进行直观性展示、呈现。

4、短视频系统可通过内嵌、内链、外链等方式，将多媒体短视频集成到项目场景中，并可以通过后台服务管理系统对短视频内容进行更新。便于维护线上系统内容的准确性、实时性。

5、H5 页面开发通过多种页面风格、结构设计，满足不同用户群体，不同系统条件，提高用户的使用便利性，增强展示系统的适用性。

6、后台数据统计分析功能数据收集本系统可以通过前端埋点的方式，对访问者的国家、地球、点击量、展品关注度、受众人群等方面进行统计分析。

7、数据分析可以通过数据分析，获取当前展厅站项的关注度趋势图，了解各个展区、展品的关注度。

公司介绍：

北京四维全景科技有限公司，（Beijing 4D Panorama Technology Co., Ltd）总部设在北京市昌平区科技园区，

生成中心设在深圳南山区兰光科技大厦B座，展示中心设在固安县工业园区北区江山路1号，公司是一家以投影机、投影幕、音响、纯硬件图像处理器、中控设备、虚拟现实设备、视景仿真软件，图像综合管理平台，分布式处理器到可视化分布式系统、党建建设、智慧党建、VR全景视觉、5GVR全景直播、5G全景内容播放、全景H5页面分享、军事模拟应急演练、工业仿真辅助设计、虚拟医疗远程控制、航空航天教学科研、模拟驾驶展览展示、技术方案系统集成、显示控制一体化解决方案为主营业务的科技型公司。公司集中了一批优秀的拥有多年实际工作经验的工程技术人员。四维全景依托北京航空航天大学的科研技术，与中宣部、中央党校、北京大学，北京交通大学等多所高校建立产学研合作关系，在掌握新的多媒体科技技术，具备产品设计能力的基础上，对于客户的订制化需求能够快速响应，从高清到8K系统整体解决方案从研发到制造，从设计到施工，建立了一整套的客户服务体系。