大数据可视化之大屏实时数据监测设计及实现
上周接到一个来自院长的需求,需求描述很简单:要实时监测医院的运营情况。
拿到一个需求,大家首先要做的是进行需求调研与分析,但由于我这个需求提出者跟需求描述比较特殊:首先,提出者是院长,他事务繁忙,基本上就安排不了时间给我面对面的进行详细分解这个需求;其次,这个需求的描述很简单,就一句话“要实时监测医院的运营情况”!所以,我首要做的工作就是得想办法把此需求进行细化。
为此,我咨询了院内部分行政管理的主任,咨询了院内聘请的专家顾问,同时科主任也提供了其他医院相关资料,通过分析与总结,我整理成两个方向,三个方面的总体设计思路:门诊、住院两个方向,每个方向分别考虑医疗服务、医疗质量、运营情况三个方面,然后每个方面再确定具体的监测指标(指标的确定原则:抓住院长平时关心的或重要的或紧急性的等特性的指标),经过初筛,住院相关监控指标的思维导图如下:
住院监测指标思维导图
展示的内容已经确定好,接下来的一步就是设计和实现功能界面:
第一步:因为是要做成大屏展示,所以主色调我选择黑色或宝蓝色,其他颜色以土黄色、红色、白色辅色,界面分布为三列式,每列再进行2行或3行的分割。
第二步:整体展示框架设计好后,接下来的就是内容摆放。三列的指标展示及具体功能简述如下:
中间一列:因为考虑到人看实物的第一眼可能会集中到中间的位置,所以我将院长比较关心的,并能体现医院现在运行正常情况的指标放着中间展示。同时中间最上边放置医院Logo、日期时间、医院文化宣传语(宣传语做成滚动式播放),中间的内容用指标数字直接展示目前医院的工作量情况,最下边展示15、31天超长住院的科室排名(两个报表轮番滚动播放,间隔15秒)。
左边一列:上层展示院内检查检验的危急值报告及处理情况;中间层展示欠费情况;最下层展示医护人员信息出勤情况,让院领导时刻掌握人员离职、请假、产假(医生、护士两个报表轮播,间隔15秒)等情况。
右边一列:上层用仪表盘展示我院总开放床位数及目前床位使用率,让院长时刻知道我院床位情况;下面一层画了一个住院楼,将每层楼所在科室的床位情况动态显示出来,在发生某科室床位不足的时候,提供院领导调动床位的决策依据。
第三步:整体设计方案已经确定(界面设计我是手稿画的,比较乱和丑,我就不上传了),最后一步就写代码获取数据,通过画图工具完成展示界面的设计,最终展示的功能界面如下:
住院实时监测大屏界面
PS:1、因为直接连接正式库进行数据的获取,所以建议每个区域的数据获取,根据实际情况设置自动刷新时间间隔;
2、从需求分析---->数据获取---->功能界面的实现,我自己用了大概5个工作日左右的时间完成;
3、功能界面的实现,我这边就不细说了,目前市场上很多软件或画图语言都可以实现,如果有需要了解,可以私信我,我们一起再学习。
大数据可视化之大屏实时数据监测设计及实现相关推荐
- 进入android数据可视化,Android中的实时数据可视化
那么你想制作与矩形一样多的视图并改变它们的可见性? 不要那样做.你的布局里面会很乱.而是创建自定义视图并覆盖onDraw().在onDraw中,您使用canvas.drawRect()来绘制矩形.这样 ...
- 用Vue大屏可视化,数据可视化平台酷屏优胜它
大屏可视化,老司机提到vue大家肯定不陌生,什么是Vue呢?Vue 是一套用于构建用户界面的渐进式JavaScript框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心 ...
- echarts+vue 实现大数据可视化(全屏)
大数据可视化(全屏) 实现效果 (在浏览器上按f11全屏预览) 预览地址: https://2468901709.github.io/echarts–bigdata/ 完整vue项目地址: https ...
- Axure数据可视化BI大屏设计组件库
在最近一次针对政府的较为大型的数据可视化项目中,由于涉及的可视化图表较多.远程沟通效率低等原因,就想找到一个元件库来高效完成高保真的可视化原型.所以今天向各位数据产品经理/交互设计师推荐一套基于Axu ...
- 【爬虫+数据可视化毕业设计:英雄联盟数据爬取及可视化分析,python爬虫可视化/数据分析/大数据/大数据屏/数据挖掘/数据爬取,程序开发-哔哩哔哩】
[爬虫+数据可视化毕业设计:英雄联盟数据爬取及可视化分析,python爬虫可视化/数据分析/大数据/大数据屏/数据挖掘/数据爬取,程序开发-哔哩哔哩] https://b23.tv/TIoy6hj
- 浅谈数据可视化及大屏设计方法
数据可视化通过大屏幕,动态的展示等方法将冰冷的数据重新鲜活的展现在大家面前,近些年来受展会,统计,汇报等等场景的青睐. 什么是数据可视化 首先我们分解一下数据可视化中包括的单元.可以分为数据.可视化两 ...
- ECharts数据可视化项目-大屏数据可视化【持续更新中】
ECharts数据可视化项目-大屏数据可视化[持续更新中] 文章目录 ECharts数据可视化项目-大屏数据可视化[持续更新中] 一. 数据可视化ECharts使用 二.技术栈 三.数据可视化 四.可 ...
- python 3d大数据可视化_基于Python的数据可视化库pyecharts介绍
什么是pyecharts? pyecharts 是一个用于生成 Echarts 图表的类库. echarts 是百度开源的一个数据可视化 JS 库,主要用于数据可视化.pyecharts 是一个用于生 ...
- python office插件_Office 数据可视化8大实用插件推荐
原标题:Office 数据可视化8大实用插件推荐 1.EasyCharts: http://easychart.github.io/post/Easycharts/ 作者:张杰 EasyCharts是 ...
- java spark淘宝大数据分析可视化系统(源码+数据+报告)
下载地址:https://download.csdn.net/download/a13689028602/18298100 项目介绍 java spark淘宝大数据分析可视化系统(源码+数据+报告) ...
最新文章
- 升级SharePoint数据库到SQL Server 2005的一点心得
- C++函数指针与回调函数
- angr学习笔记(3)
- sql2008 获取表结构说明
- promise用法_图解 Promise 实现原理(一)—— 基础实现
- 双十一天猫霸榜的背后,是威马推动营销变革的无限野心
- Direct3d 显示视频的一个问题
- 简单易用的ASP.NET UBB编辑器
- MFC资源切换(AFX_MANAGE_STATE)简介
- UVN相机模型矩阵推导
- qt qtableview插入进度条_Qt之QSqlTableModel的使用
- 计算机联锁接口,计算机联锁接口设计规范.doc
- C#实战008:Excel操作-创建新的Excel工作表
- Geometric Transformation(几何变换)
- 前端开发:a标签的使用
- 什么是ISO(国际标准化组织)?
- antDesignPro线上刷新404 和 liunx部署使用mock数据 umi-serve + pm2
- System.Windows.Markup.XamlParseException:““在“System.Windows.StaticResourceExtension”上提供值时引发了异常
- 小芭比linux怎么装win7_Linux系统怎么安装Win7?安装XP或WIN7系统教程
- 包装实训总结报告_物流包装实训总结