怎么做数据大屏?六个步骤就能做好!

文 | 商业智能BI相关文章 阅读次数:3,268 次浏览
2022-08-11 9:35:07

近几年来,可视化数据大屏早已成了热门需求。

就现在需求来看,许多甲方想制作那样一种很帅的数据大屏,用以公司展厅、日常运营监控,还有一些特殊行业如交通运输、工厂制造,会做更高级的3D建模。

而在市场上,能支持大屏的技术、工具和生产商五花八门,好像能与数据沾点亲儿就能做数据大屏了。

数据大屏确实像有一些文章内容说的那般高深莫测吗,是那么低门坎零成本?

若真有其事,那我一个干技术活的,尤其是干了十多个数据大屏项目项目实施流程的,也不会头皮凉飕飕了……

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

先从几个数据大屏误区谈起

数据大屏误区一:网上看到的大部分大屏都是效果图

效果图片和实际图之间的最大区别是效果图片是静态的。在实际执行过程中,需要调整屏幕分辨率,例如字体是否自适应大小。无法看到某些动态显示,如三维旋转以及图表空间和数据的刷新率。所以实际图和效果图总是差那么一两成。

此外,许多在线网站和图表插件可以直接设计这种效果图,我们在做数据大屏项目实施流程时也会找设计来出几张效果图,因此无法通过效果图判断制造商的专业性,尤其是实施能力。

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

效果图 vs 现场

数据大屏误区二:认为数据大屏仅是前端技术?NO!

数据来自何处,是直连业务数据库还是建立中间库,数据更新频率是多少,数据质量是否存在问题,是否应该先进行底层数据处理?

在硬件方面,是否规范大屏的尺寸、种类、支持主机?

在业务方面,大屏需要呈现的指标和维度,谁支持业务分析逻辑?

这些都是需要仔细思量的。

数据大屏误区三:大屏成本低,零代码实现?NO!

就我了解,一个数据大屏项目项目实施流程上十万是很常见的,我也遇到过几千万的数据大屏项目。

除了前端设计、定制,还要考虑硬件成本,大屏硬件往往价格高昂,最低也要十几万。此外,一些智能城市和制造业还有3D建模需求,需要定制建模和渲染,那投入成本几乎就没法估量了。

数据大屏幕前端技术实现方案很多,根据技术和要求,包括低代码定制和全代码定制。技术和业务需求始终是权衡取舍的,这将在后面细细讨论。

什么是大屏?

就个人所想,大屏指的是一种使用大屏的可视化展示形式。常见的大屏包括智慧城市、参观大屏等。最容易被误解的是仪表板。仪表板是一种报表,也可以视为可视化报告。通常,它围绕不同的业务分析需求有不同的主题。大屏通常显示领导关注的业务指标,如财务经营销售等核心指标,显示企业业绩和工厂状况,但数量并不多。

大屏的分类:

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

大屏的软硬件技术:

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

大屏的实施:

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

数据大屏的技术实现

如何实现应该是大家所关注的。

做大屏前端方案设计有三类选择,①是自行开发,利用开源自定义可视化图表;②是使用BI报表厂商发布的工具来开发;③外包集成商定制,软硬件一体化承包。

自行开发。例如,大屏显示模板是基于Vue和Echart框架搭建的,互联网上有许多开源源代码。它具有一些动态效果,如数据动态刷新和渲染、屏幕自适配、自由替换内部图表、Mixins注入等功能,这就是前端的范畴。后端需要再做另一组框架来请求数据,通常是Java。后端开发很繁琐,如果数据需求很复杂,比如多源数据连接、连续数据抽取和更新,那么定制开发的难度就会增加,代码会复杂得多,并且会出现bug。项目周期也就随之延长,维护成本也积累起来。我遇到的许多项目在早期阶段都试图开发源代码,最后由于不稳定和没有维护而转向商业开发。

大屏订制厂商:这种方案不是简单的图表显示。它们通常是特殊需求,如3D建模,因此需要专业性可视化制造商根据需要定制。从技术上讲,大屏效果可以根据3D引擎(如ventuz或unity)进行定制。商业定制的效果通常是最好的,但实施成本和后期维护成本也非常高,几百万不等。

BI/报表做数据大屏。现在许多数据大屏项目项目实施流程都是使用BI/报表工具开发的,比如帆软的FineReport,虽然它是一个报表工具,但它是能解决前端展示和后端数据读取连接的平台,在市面上也是可贵的。此外,它还提供了一个设计可视化的“画布”(FineReport中称为设计器)、拖放操作,并为大屏和移动设备提供了一组高效可用的设计模式。构建可视化的成本相对较低,且易学好用,仅此一项就可以节省一周的人力和时间。

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

可视化方面,为大屏效果提供的可复用模板和组件,能满足绝大部分需求,涉及到特殊3D模型,找专业厂商做集成,提供建模实施方案。

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

此外,管理往往需要考虑成本、人工成本和后续维护成本。FineReport具备前端显示和后端数据读取的技术条件。因为产品平台化,所以后续维护成本低。提倡低成本和高效率以及优秀的大屏效果。如果项目员工也负责底层数据处理、指标梳理、构建组件、本地部署和安全性。

数据大屏项目实施流程

在这儿说说怎么实施数据大屏项目。

以帆软FineReport开发数据大屏项目为例,整个大屏开发流程可划分为六个阶段,每个阶段都是大屏更新换代的过程,目的越加明显。

需求调研:大屏硬件是否自备,抑或向外采购,大屏分辨率要求…

原型设计:大屏展示哪些指标及其布局,一般需要制定一份指标清单,和业务方沟通确认。然后图表的样式,可视化的交互功能,如钻取、联动、轮播等。最后根据排版内容形成一个原型图demo。

蓝图方案:然后根据原型图进行视觉美化,需要结合屏幕尺寸、分辨率和大屏风格进行设计。对于大屏来说,除了业务、数据、技术和实施方案外,蓝图方案更重要的是梳理和输出大屏的指标、功能点和预期效果。

效果落地:根据蓝图在前端绘制一个demo,使用FineReport可以在决策报表中的设计器放置可视化组件。

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

数据处理:数据处理大致有三个步骤:底层数据处理,前端数据展现,数据校对。根据数据量和实时性需求决定是否做结果表。

数据量小(计算简单),准实时,不需要结果表

数据量大(计算复杂),准实时,需要结果表。

数据量小(计算简单),实时,不需要结果表。

数据量大(计算复杂),实时,需要技术方案(如kafka+flink)

大屏调试:理论上,当显卡的分辨率与PC调试的分辨率一致,并且字体是自适应的话,就不需要加以调试。如果条件允许,建议在效果图落地阶段甚至原型图设计阶段开始大屏预调试。

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

一般来说,大屏实施大概要十到几十人和天数,难度按需求复杂度递增。如果需要定制,按需求和工作量来算,通常一个月起步。因此,如果不是非常复杂的需求,那么实施报表/BI是一个不错的选择。个人推荐!

话就这么说到这,希望能给有大屏需求的朋友有一点帮助,有意见求放过。

比如,目前主流的软件——finereport,它小到填报、查询、部署、集成,大到可视化大屏、dashboard驾驶舱,应有尽有,功能很强大。最重要的是,因为这个工具,整个公司的数据架构都可以变得规范,下一步就是构建企业的大数据平台了。而且它是java编写的,支持二次开发,类Excel的设计器,无论是IT还是业务,上手都很简单:编辑sql优化、数据集复用简直都是小case,大大降低了报表开发的门槛。在企业中被关注最多的数据安全方面,FineReport支持多人同时开发同一套报表,并通过模板加锁功能防止编辑冲突;通过数据分析权限控制,保障数据安全。

数据大屏项目实施流程,数据大屏误区,报表做数据大屏

FineVis可视化大屏产品更多介绍: https://www.fanruan.com/finemax

产品体验

相关内容

目录
立即体验 立即体验

商务咨询

在线咨询
专业顾问帮您解答问题

电话咨询

技术问题

投诉入口

微信咨询

返回顶部