2、驾驶舱的设计在日常工作中 , 我们通常是直接读取数据库 , 通过图表库进行绘制 , 最终构成自建的前端显示效果 , 例如用JS+Echarts来做 。 但在BI项目中 , 为追求效率 , 我们一般会选择成熟的报表软件去开发 , 比如FineReport , 具有一系列图表模板+支持拖拽的可视化配置页面 , 可以快速构建出1套管理驾驶舱 。
1) 需求调研
① 业务需求调研:根据管理驾驶舱的展示场景 , 抽取关键指标 , 确定每个指标的展示维度 。
② 硬件调研:需要对硬件设备进行调研 , 例如大屏分辨率 , 显卡是否支持自定义分辨率等 , 最后确定设计稿尺寸 。
③ 数据调研:
④关键性技术调研
2) 大屏的原型及可视化设计
根据之前定好的业务指标进行排版:
- 主:核心业务指标放在中间位、占较大面积 , 多为动态地图
- 次:次要指标位于屏幕两侧 , 多为各类图表
- 辅:辅助分析的内容 , 可以通过钻取联动、轮播显示
3) 上线调试
设计后上线 , 主要看关键视觉元素、字体大小、图表等是否正常显示、图表有无变形、错位等情况发生 。
福利最后把工具分享给大家 , 评论+私信回个“报表”就能免费获得驾驶舱工具!
建议大家可以先下载个免费的个人版试用 , 根据自己的体验效果再决定是否使用 。
相关经验推荐
- 罗永浩|如何干掉家电市场拦路虎和硬骨头?
- 汽车|工信部:2022年对应用商店、第三方软件开发工具包等实现监管全覆盖
- 锤子科技|锤子手机还会复活?罗永浩表示,年后回归科技界!
- 映泰|一加新专利展示磁力旋转镜头;小米正开发上下折叠屏手机
- 专利纠纷|专利过期就不算抄袭?罗永浩为“山寨”Nike AF1带货引发争议!
- App开发|中达智云:成都高新区APP开发公司哪家专业
- AR|Magic Leap 2年中发布,已联合多家医疗公司开发AR应用
- 罗永浩|罗永浩官宣转行说相声?“实锤”来了!
- 相机|华为自研的中国第一款浏览器要来了,内核开发比操作系统还难
- 罗永浩|AMD下一代AM5插槽新渲染结构图曝光,或许设计上比LGA 1700插座更好