【通用行业开发部】DataV和 UE4(虚拟引擎)的大屏交互升级方案

本文涉及的产品
可视分析地图(DataV-Atlas),3 个项目,100M 存储空间
数据可视化DataV,5个大屏 1个月
简介: 越来越多的大屏项目 不在满足简简单单的数据展示效果,要求越来越高的客户需求也促进大屏的定位和解决方案升级。在阿里云的DataV数据可视化大屏的基础上,与UE4(虚拟引擎)完成跨行业的结合,带来不一样的视觉效果和交互体验,使大屏的应用效果急速扩展,对应的系统方案架构也带来不一样的挑战!这篇文章带领大家了解DataV和UE4之间的一些奇妙设计。

什么是DataV?

DataV数据可视化是使用可视化大屏的方式来分析并展示庞杂数据的产品(DataV:https://datav.aliyun.com/)。

简单点的描述它是一个可视化的低代码开发平台,可以通过简单的配置即可发布一个可访问的大屏页面。登录dataV账号,选择创建一个PC端页面,用户可以通过模块快速创建一个大屏页面。

Dingtalk_20211208115029.jpg

Dingtalk_20211208115055.jpg

详细的配置过程这里不再描述,值得一提的是DataV为每一个新注册的用户提供7天的免费体验,大家可以快速注册一个账号尽情体验下DataV的魅力!

Dingtalk_20211208114804.jpg

那你能快速做出这样的页面效果:

Dingtalk_20211208115450.jpg

或者这样炫酷的效果:

O1CN013GSeZM1IFITpNOc8i_!!6000000000863-1-tps-1600-900.gif


什么是UE4?

虚幻4引擎(UE4)是由Epic Games公司推出的一款游戏开发引擎,相比其他引擎,虚幻引擎不仅高效、全能,还能直接预览开发效果,赋予了开发商更强的能力(UE4:https://www.unrealengine.com/zh-CN/)。

看到上面的介绍,大家应该都明白了吧!UE4是用来开发游戏的虚拟建模IDE平台,类似java的eclipse和idea 。UE4目前在国内被腾讯等大型游戏制作公司或者工作室引入,完成高画质、高清的游戏开发制作。

Dingtalk_20211208125318.jpg

UE4是游戏开发引擎,但是实际的业务场景里面,UE4参与的绝对不只是游戏开发,比如一些大家经常忽略的行业案例:

1、电影特效制作

2、家装设计VR预览

3、建筑行业楼房建模

...

还有很多大家未关注的行业,都在使用UE4的功能 绽放不一样的色彩。


那今天,大屏DataV和UE4也有幸完成结合,形成一种新的行业解决方案。



DataV与UE4的结合


随着web业务系统的信息化发展,信息化程度越来越高的今天,客户的需求不在满足简单的业务web系统,提出了一种全新的、全局的、统筹的系统窗口需求,能够对复杂的业务、关注的痛点、实时的咨询进行一览管理,这诞生了系统可视化大屏的产品需求。


但是大屏建设到今天,在存粹的数据、业务交互的基础上,更复杂的、更具有视觉效果、更具有操作性、更具有扩展性的大屏操作系统解决方案也在逐步孕育而生,DataV和UE4的结合只是众多大屏操作系统的解决方案案例之一。


image.png

依托与阿里云公共开发能力和产品,对接语音识别和可视化互动操作双端交互设计,以实际业务场景和客户需求为根本,打造大屏应用系统的超前交互和视觉效果体验。


image.png

智能问答语音能力的加持,智能化的驾驶舱设计,美观的DataV面板,虚拟现实的UE4引擎,使每个使用者都解脱繁杂的业务操作流程,随心所欲的沉浸在智能化的超前体验之上。


设计演示示例


gaitubao_Dingtalk_20211208131336.jpg


更多案例咨询,请联系作者或者公司产品解决方案部门。

相关实践学习
DataV Board用户界面概览
本实验带领用户熟悉DataV Board这款可视化产品的用户界面
阿里云实时数仓实战 - 项目介绍及架构设计
课程简介 1)学习搭建一个数据仓库的过程,理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上,理解并学会运用各个服务组件,了解各个组件之间如何配合联动。 3 )前置知识要求   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准,准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
相关文章
|
6月前
|
数据可视化 前端开发 JavaScript
react+datav+echarts实现可视化数据大屏
最近有点闲,就学习了下react,没想到就把react学完了,觉得还不错,就打算出一把react+datav的简易版可视化数据大屏供大家做个参考
500 2
react+datav+echarts实现可视化数据大屏
|
6月前
|
数据可视化 JavaScript 前端开发
vue2+datav可视化数据大屏(1)
最近打算出一个前端可视化数据大屏的系列专栏,这次将很全面的教大家设计可视化大屏,从开始到打包结束,其中,包括如何设计框架,如何封装axios,等等,本次使用的数据均为mock数据。与正常使用一致。本文会从开始的创建vu23项目到最后的项目打包,本篇共计3节。
781 1
|
6月前
|
数据可视化 JavaScript 开发工具
vue2+datav可视化数据大屏(3)
接上一节所说,当我们将接口封装完了后,我们需要给大屏进行内容填充啦
476 0
|
6月前
|
数据可视化 JavaScript API
vue2+datav可视化数据大屏(2)
接上一节所说 我们已经讲骨架搭好 这节我们讲述的如何在vue2中使用mock数据和封装axios
281 0
|
数据可视化 容器
DataV构建大屏(全屏)数据展示页面
DataV构建大屏(全屏)数据展示页面
736 0
|
资源调度 数据可视化 JavaScript
vue3+DataV+Echarts搭建数据大屏模板(建议收藏)
vue3+DataV+Echarts搭建数据大屏模板(建议收藏)
1373 0
vue3+DataV+Echarts搭建数据大屏模板(建议收藏)
|
数据可视化
DataV 7.0升级详解(3)-- 三个补救小妙招
在DataV 7.0 升级中,新增了三个补救功能:「回收站」「历史记录」「快照管理-可回滚」
DataV 7.0升级详解(3)-- 三个补救小妙招
|
SQL 数据可视化 数据库
使用阿里云dataV实现大屏自动轮播
使用阿里云dataV实现大屏自动轮播进行动态展示
1733 0
使用阿里云dataV实现大屏自动轮播
|
SQL 数据可视化 JavaScript
DataV图表的数据筛选交互需求梳理及实现样例
本文主要对DataV大屏数据表、气泡地图等组件的筛选交互需求进行一个简单的梳理及样例实现,其中包括单字段单选筛选、单字段多选筛选、多字段共同筛选、字段级联及查询按钮的配置。
1897 3
|
JSON 编解码 监控
使用dataV还原销售实时监控大屏
使用dataV还原销售实时监控大屏
501 0
使用dataV还原销售实时监控大屏