上周接到一个来自院长的需求,需求描述很简单:要实时监测医院的运营情况。

拿到一个需求,大家首先要做的是进行需求调研与分析,但由于我这个需求提出者跟需求描述比较特殊:首先,提出者是院长,他事务繁忙,基本上就安排不了时间给我面对面的进行详细分解这个需求;其次,这个需求的描述很简单,就一句话“要实时监测医院的运营情况”!所以,我首要做的工作就是得想办法把此需求进行细化。

为此,我咨询了院内部分行政管理的主任,咨询了院内聘请的专家顾问,同时科主任也提供了其他医院相关资料,通过分析与总结,我整理成两个方向,三个方面的总体设计思路:门诊、住院两个方向,每个方向分别考虑医疗服务、医疗质量、运营情况三个方面,然后每个方面再确定具体的监测指标(指标的确定原则:抓住院长平时关心的或重要的或紧急性的等特性的指标),经过初筛,住院相关监控指标的思维导图如下:

住院监测指标思维导图

展示的内容已经确定好,接下来的一步就是设计和实现功能界面:

第一步:因为是要做成大屏展示,所以主色调我选择黑色或宝蓝色,其他颜色以土黄色、红色、白色辅色,界面分布为三列式,每列再进行2行或3行的分割。

第二步:整体展示框架设计好后,接下来的就是内容摆放。三列的指标展示及具体功能简述如下:

中间一列:因为考虑到人看实物的第一眼可能会集中到中间的位置,所以我将院长比较关心的,并能体现医院现在运行正常情况的指标放着中间展示。同时中间最上边放置医院Logo、日期时间、医院文化宣传语(宣传语做成滚动式播放),中间的内容用指标数字直接展示目前医院的工作量情况,最下边展示15、31天超长住院的科室排名(两个报表轮番滚动播放,间隔15秒)。

左边一列:上层展示院内检查检验的危急值报告及处理情况;中间层展示欠费情况;最下层展示医护人员信息出勤情况,让院领导时刻掌握人员离职、请假、产假(医生、护士两个报表轮播,间隔15秒)等情况。

右边一列:上层用仪表盘展示我院总开放床位数及目前床位使用率,让院长时刻知道我院床位情况;下面一层画了一个住院楼,将每层楼所在科室的床位情况动态显示出来,在发生某科室床位不足的时候,提供院领导调动床位的决策依据。

第三步:整体设计方案已经确定(界面设计我是手稿画的,比较乱和丑,我就不上传了),最后一步就写代码获取数据,通过画图工具完成展示界面的设计,最终展示的功能界面如下:

住院实时监测大屏界面

PS:1、因为直接连接正式库进行数据的获取,所以建议每个区域的数据获取,根据实际情况设置自动刷新时间间隔;

2、从需求分析---->数据获取---->功能界面的实现,我自己用了大概5个工作日左右的时间完成;

3、功能界面的实现,我这边就不细说了,目前市场上很多软件或画图语言都可以实现,如果有需要了解,可以私信我,我们一起再学习。

大数据可视化之大屏实时数据监测设计及实现相关推荐

  1. 进入android数据可视化,Android中的实时数据可视化

    那么你想制作与矩形一样多的视图并改变它们的可见性? 不要那样做.你的布局里面会很乱.而是创建自定义视图并覆盖onDraw().在onDraw中,您使用canvas.drawRect()来绘制矩形.这样 ...

  2. 用Vue大屏可视化,数据可视化平台酷屏优胜它

    大屏可视化,老司机提到vue大家肯定不陌生,什么是Vue呢?Vue 是一套用于构建用户界面的渐进式JavaScript框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心 ...

  3. echarts+vue 实现大数据可视化(全屏)

    大数据可视化(全屏) 实现效果 (在浏览器上按f11全屏预览) 预览地址: https://2468901709.github.io/echarts–bigdata/ 完整vue项目地址: https ...

  4. Axure数据可视化BI大屏设计组件库

    在最近一次针对政府的较为大型的数据可视化项目中,由于涉及的可视化图表较多.远程沟通效率低等原因,就想找到一个元件库来高效完成高保真的可视化原型.所以今天向各位数据产品经理/交互设计师推荐一套基于Axu ...

  5. 【爬虫+数据可视化毕业设计:英雄联盟数据爬取及可视化分析,python爬虫可视化/数据分析/大数据/大数据屏/数据挖掘/数据爬取,程序开发-哔哩哔哩】

    [爬虫+数据可视化毕业设计:英雄联盟数据爬取及可视化分析,python爬虫可视化/数据分析/大数据/大数据屏/数据挖掘/数据爬取,程序开发-哔哩哔哩] https://b23.tv/TIoy6hj

  6. 浅谈数据可视化及大屏设计方法

    数据可视化通过大屏幕,动态的展示等方法将冰冷的数据重新鲜活的展现在大家面前,近些年来受展会,统计,汇报等等场景的青睐. 什么是数据可视化 首先我们分解一下数据可视化中包括的单元.可以分为数据.可视化两 ...

  7. ECharts数据可视化项目-大屏数据可视化【持续更新中】

    ECharts数据可视化项目-大屏数据可视化[持续更新中] 文章目录 ECharts数据可视化项目-大屏数据可视化[持续更新中] 一. 数据可视化ECharts使用 二.技术栈 三.数据可视化 四.可 ...

  8. python 3d大数据可视化_基于Python的数据可视化库pyecharts介绍

    什么是pyecharts? pyecharts 是一个用于生成 Echarts 图表的类库. echarts 是百度开源的一个数据可视化 JS 库,主要用于数据可视化.pyecharts 是一个用于生 ...

  9. python office插件_Office 数据可视化8大实用插件推荐

    原标题:Office 数据可视化8大实用插件推荐 1.EasyCharts: http://easychart.github.io/post/Easycharts/ 作者:张杰 EasyCharts是 ...

  10. java spark淘宝大数据分析可视化系统(源码+数据+报告)

    下载地址:https://download.csdn.net/download/a13689028602/18298100 项目介绍 java spark淘宝大数据分析可视化系统(源码+数据+报告) ...

最新文章

  1. 升级SharePoint数据库到SQL Server 2005的一点心得
  2. C++函数指针与回调函数
  3. angr学习笔记(3)
  4. sql2008 获取表结构说明
  5. promise用法_图解 Promise 实现原理(一)—— 基础实现
  6. 双十一天猫霸榜的背后,是威马推动营销变革的无限野心
  7. Direct3d 显示视频的一个问题
  8. 简单易用的ASP.NET UBB编辑器
  9. MFC资源切换(AFX_MANAGE_STATE)简介
  10. UVN相机模型矩阵推导
  11. qt qtableview插入进度条_Qt之QSqlTableModel的使用
  12. 计算机联锁接口,计算机联锁接口设计规范.doc
  13. C#实战008:Excel操作-创建新的Excel工作表
  14. Geometric Transformation(几何变换)
  15. 前端开发:a标签的使用
  16. 什么是ISO(国际标准化组织)?
  17. antDesignPro线上刷新404 和 liunx部署使用mock数据 umi-serve + pm2
  18. System.Windows.Markup.XamlParseException:““在“System.Windows.StaticResourceExtension”上提供值时引发了异常
  19. 小芭比linux怎么装win7_Linux系统怎么安装Win7?安装XP或WIN7系统教程
  20. 包装实训总结报告_物流包装实训总结

热门文章

  1. 熊猫烧香作者李俊抓捕实录-读后感
  2. 农作物病虫害AI智能监测预警系统
  3. 大学物理第六章 静电场详解(全)
  4. 网页防封链接制作的原理有哪些?
  5. 【C语言】七段显示器输出数字
  6. 重新认识康德的“头上星空”
  7. XML简介及两种C#读取方式
  8. 用AntlR4实现简单的汇编编译器
  9. Xunsearch迅搜项目实战经验
  10. 那些年,我们一起游玩过的地方