轨道交通可视化方案课件

轨道交通大屏可视化建设方案陈智

2017年1月轨道交通大屏可视化建设方案陈智2017年1月目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控展示内容设计方案数据接入方案控制互动方案UI设计方案项目实施方法论目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控展示内容设计方案数据接入方案控制互动方案UI设计方案项目实施方法论目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控将复杂的问题通过直观视觉展现（手段）简单化（目标）可视化的价值降低学习/培训成本----直观反映监控对象的内在规律----辅助决策将复杂的问题通过直观视觉展现（手段）简单化（目标）可视化的价可视化的价值前后可视化的价值前后目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控展示内容设计方案数据接入方案控制互动方案UI设计方案项目实施方法论目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控全面监控全景展示

综合运营监控

关键流程监控

重点事件监控基本概况展示核心业务展示运营成果展示应急指挥运营指标对比运营状态告警运营综合分析辅助决策提升形象加强管控地铁COCC定位全面监控全景展示综合运营监控基本概况展示应急指挥运营指应用需求：面向查询、分析直观、清晰有助于帮助使用者发现问题、规律、价值突出重点环境需求：面向大屏幕操作需求：极少操作需求运维需求：需求变化是永恒的

稳定的需求是相对的领导在变季节在变工作重心在变要求在变数据在变常见常新可视化价值应用需求：面向查询、分析环境需求：面向大屏幕操作需求：极少操目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控展示内容设计方案数据接入方案控制互动方案UI设计方案项目实施方法论目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控201020112013201420152010年可视化平台V1.0播放器、设计器、后台服务2011年可视化平台V2.0支持3D动画特效2013年可视化平台V3.0专业控件换肤可视化交互2014年大数据可视化挖掘实时库ETL/综合数据平台2015年移动终端平台发布VBI产品发布V1.0V2.0V3.0可视化平台介绍201020112013201420152010年可视化平台系统技术及扩展能力基于可视化信息展示系统一体化展现数据采集展现已有系统业务系统三业务系统一业务系统二组态展现方式“可视化综合监控系统”大屏处理器系统技术及扩展能力基于可视化信息展示系统一体化数据采集展现已数据采集定时调度元数据管理数据维护接口发布

综合数据平台可视化设计器控制台指标计算图形服务可视化播放器WPF/Flex三维SVGPython组件库图表雷达图泡泡图地图工具集展现功能层数据处理层采集接口层环境适配层iPad移动控制端红外遥控笔V3C桌面控制端多通道图形工作站集群数据维护工具方案整体结构数据定时元数据管理数据接口综合数可视化设计器控制可视化设计器可视化服务端可视化控制台可视化展示引擎可视化设计器可视化控制台可视化展示引擎可视化服务端处理所有后台处理逻辑和外部系统、数据的采集服务统一集中所有展示前端的场景画面切换、轮询控制提供丰富的矢量化图形组件，展示场景的自由定制画面的播放器，动态展示监控画面的制作效果1234可视化产品组成可视化可视化可视化可视化可视化设计器可视化控制台可视化展示引丰富多样的矢量化展示组件，能够帮助客户将枯燥的数据转化为具有可读性和观赏性的图形、动画。根据业务需要自由地组合各类组件。简单易用，使用鼠标拖放控件即可完成设计过程。所见即所得的设计模式，可以设计多种动态展示效果，同时可以进行实时动态预览。可视化设计器可视化产品组成丰富多样的矢量化展示组件，能够帮助客户将枯燥的数据转化为具有专业控件库视觉设计统一风格实时数据渲染实现对前端图形展现实时的渲染、实时数据展示。解析和渲染场景画面的一个核心，在展现的同时还与后台进行相关的逻辑交互和数据交互，还能接收来自可视化控制台的控制命令及进行相应的动作处理。可视化展示引擎可视化产品组成专业控件库视觉设计统一风格实时数据渲染实现对前端图形展现实时可视化服务端处理可视化系统的所有后台处理逻辑和外部系统、数据的采集服务等对后台业务逻辑处理、与外部数据的交互、与综合数据平台的交互、与展示引擎和可视化设计平台交互。可视化控制台控制一个服务器下所有的展示前端。它将所有展示前端的场景画面切换、轮询控制等进行统一集中，使得展示前端无需进行任何操作即可实现整体的展示效果。可视化产品组成可视化服务端处理可视化系统的所有后台处理逻辑和外部系统、数据来宾参观时，有序组织展示内容，高效执行汇报流程，体现公司管理水平，展示公司良好形象来宾参观发生事故时，业务应急处置能力，应急处置流程，应急处置监控应急处置企业生产全景监控日常情况下，监控值班人员全面监视安全生产实况，及时发现隐患或问题，及早采取预控措施，防止事故发生日常监控大屏可视化系统应用—三大应用场景来宾参观时，有序组织展示内容，高效执行汇报流程，体现公司管理可视化软硬件部署图形工作站多通道显卡数据库服务器应用服务器控制终端PC机主要硬件支撑：可视化软硬件部署图形工作站多通道显卡数据库服务器应用服务器控特点2：丰富的展示组件库组件库二次创意控件库结构关系类基础控件库二次开发控件特点2：丰富的展示组件库组件库二次创意控件库结构关系类基础控特点3：出众的集成能力XXX城市照明管理中心：环境状态监控exe应用网页三维电子沙盘视频（OCX/信号）视频、网页、视频会议、应用、三维、GIS、Flash、Flex等均可集成特点3：出众的集成能力XXX城市照明管理中心：环境状态监控e特点4：工具化的可视化设计实施流程特点4：工具化的可视化设计实施流程特点5：控制手段多样，控制便捷小屏控大屏主题场景的流程化控制有线触摸屏windows遥控笔手机：ios\androidiPad特点5：控制手段多样，控制便捷小屏控大屏有线触摸屏遥控笔手机目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控展示内容设计方案数据接入方案控制互动方案UI设计方案项目实施方法论目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控监控展示内容设计方案COCC日常监控COCC参观接待应急预案事件定义应急监控定级会商决策监控展示内容设计方案COCC日常监控COCC参观接待应急预案监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控监控展示内容设计方案-日常监控COCC日常监控COCC参观接待应急预案事件定义应急监控定级会商决策监控展示内容设计方案COCC日常监控COCC参观接待应急预案事件定义应急监控定级监控展示内容设计方案--参观接待监控展示内容设计方案--参观接待监控展示内容设计方案--参观接待监控展示内容设计方案--参观接待历史统计数据效果图监控展示内容设计方案--参观接待历史统计数据效果图监控展示内容设计方案--参观接待监控展示内容设计方案--参观接待监控展示内容设计方案--参观接待监控展示内容设计方案--参观接待监控展示内容设计方案--参观接待监控展示内容设计方案COCC日常监控COCC参观接待应急预案事件定义应急监控定级会商决策监控展示内容设计方案COCC日常监控COCC参观接待应急预案应急事件定义位置/对象事件类型事件级别大客流晚点客伤踩踏线网单线路单站区域大客流故障极端天气特殊活动预案组织条件措施报告应急事件定义位置/对象事件类型事件级别大客流晚点客伤踩踏线网应急组织、措施及措施执行条件大客流晚点客伤踩踏集团COCCOCC车站疏导广播信息发布救治安抚辅助关门启用备用车减小间隔紧急公关地面疏散通知医院公安协助加强监控防止升级应急组织、措施及措施执行条件大客流晚点客伤踩踏集团COCCO应急监控—方案一现象条件现状全局影响细节措施条件决策应急监控—方案一现象条件现状全局影响细节措施条件决策应急监控—方案二现象条件现状细节会商决策应急监控—方案二现象条件现状细节会商决策应急监控—方案二应急监控—方案二应急监控—方案二应急监控—方案二应急监控—方案二集团COCCOCC线路车站当前发言部门共享屏幕应急监控—方案二集团COCCOCC线路车站当前发言部门共享屏应急会商集团COCCOCC线路车站当前发言部门共享屏幕应急会商集团COCCOCC线路车站当前发言部门共享屏幕智能应急监控—防止事件升级事件级别大客流晚点客伤踩踏智能应急监控—防止事件升级事件级别大客流晚点客伤踩踏应急监控—方案三现象条件现状会商决策细节应急监控—方案三现象条件现状会商决策细节目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控展示内容设计方案数据接入方案控制互动方案UI设计方案项目实施方法论目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控数据流程图T+0:当日数据T+1:历史数据数据流程图T+0:T+1:实时数据

所有解析后的数据写入实时数据库，写入实时数据库的数据通过实时数据库直接推送到可视化系统，直接上屏

由于现在所有数据都是以MODBUS总线方式提供，需要在实时数据库中进行数据切片，形成按时间断面和单点历史数据两个维度的切片，时间断面数据用于展示所有在同一时间有业务关系的业务需求，例如“电源追溯”，单点历史数据用于展示某一测点当日或一段时间的历史曲线

对单测点数据进行计算后形成的数据集合:求和运算：线网总进出站人数=各条线同一个5分钟段客流之和;比例运算：当前某线路客流占地铁客运能力的百分比或当前某线路客流达到该线路历史峰值的百分比；虚拟测点计算只针对当时实时数据计算，历史以日为单位的数据使用运营日报数据或保存到关系数据库的历史数据

数据量大、数据频率高，需要进行测试，服务器性能也需要评估;MODBUS方式，数据没有时标，因此在进行电源追溯等基于时间断面运算的需求可能有问题，对计算结果的准确性可能要降低要求

各线路的数据如果按照分专业部署的，每条线路包含FAS、PSCADA、BAS、AFC四个专业，共4*N线路个数据接口，如果是按线路部署，共M个接口，合计4*N+M个接口数据接口

所有实时数据现在以字符串形式在MODBUS总线寄存器上数据现状技术难点实时数据库数据切片虚拟测点

对于每日求和数据、日峰值、历史峰值数据，实时数据库需转存到关系数据库中，供大屏展示使用转存历史数据数据接入方案实时数据所有解析后的数据写入实时数据库，写入实时CIM模型建立CIM模型以后还可以基于CIM模型完成很多工作，例如对地铁电网的N-1安全校核、运行方式仿真模拟、电力应急演练，这些功能不在本项目范围内

科技项目的CIM模型仅包含主所110kV主变、母线、开关（断路器）、母联/备自投、33kV出线，所有车站33kV的进线、母线设备及这些设备的连接关系模型范围

所有实时数据现在以字符串形式在MODBUS总线寄存器上，总点数约200万点，大屏可视化需要的点数大约13490个后续需求技术难点当日客流数据与历史峰值、与历史相同典型日、与地铁运能的对比分析，不仅仅显示客流数据，而真正为值班员提供帮助当日行车数据与历史峰值、与历史相同典型日、与地铁运能的对比分析，不仅仅显示客流数据，而真正为值班员提供帮助当日客流当日行车

设备告警、预警、电力运行风险、设备运行风险设备监控业务分析数据接入方案CIM模型建立CIM模型以后还可以基于CIM模型完成很多工作运营日报数据针对晚点情况和换乘情况没有数据的问题如果协调不成功，可能需要改变大屏可视化设计，替换成其他内容序号数据模块数据情况接入方法1客运量情况(人次)

2客车开行情况

3安全、列车服务及其它车辆开行情况

4电能消耗情况(千瓦时)

5环境情况

6列车晚点

7晚点情况分档显示表

8车站乘客人次情况

9换乘客运量情况

10换乘客运量情况明细表

11当天客流前十名

12……13……数据接入方案运营日报数据针对晚点情况和换乘情况没有数据的问题如果协调不成目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控展示内容设计方案数据接入方案控制互动方案UI设计方案项目实施方法论目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控参观模式-参观流程示意1可视化导播——导播流程功能参观模式-参观流程示意1可视化导播——导播流程功能参观模式-参观流程示意灯光变亮主屏切换欢迎词可视化导播——导播流程功能参观模式-参观流程示意灯光变亮主屏切换欢迎词可视化导播——导参观模式-参观流程示意21可视化导播——导播流程功能参观模式-参观流程示意21可视化导播——导播流程功能THANKYOUSUCCESS2023/8/1057可编辑THANKYOUSUCCESS2023/8/857参观模式-参观流程示意右侧屏切换参观展示方案主屏切换参观展示方案左侧屏切换参观展示方案可视化导播——导播流程功能参观模式-参观流程示意右侧屏切换参观展示方案主屏切换参观展示还可以通过红外笔使灯光、音响等环境也同步发生变化可视化导播——遥控笔控制还可以通过红外笔使灯光、音响等环境也同步发生变化可视化导播—特点1：三位一体的可视化理念可视化操作可视化展现可视化协作特点1：三位一体的可视化理念可视化操作可视化展现可视化协作场景间快速切换监控模式各种模式间一键瞬间切换COCC大厅

应急指挥中心应急模式场景间快速切换监控模式各种模式间一键瞬间切换应急模式轨道交通可视化方案ppt课件目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控展示内容设计方案数据接入方案控制互动方案UI设计方案项目实施方法论目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控1.总体设计原则2.符合用户体验3.大屏可视化视觉设计的流程和规范总体概述1.总体设计原则2.符合用户体验3.大屏可视化视觉设计的方式：1.以用户体验为分析基准的设计风格典型模板：

保证项目同业务类型展现统一化风格（主题风格，配色，图标,控件，交互形状统一化）。2.建立视觉设计交付标准：同类业务展现，实施可遵循的色彩，标题、文字、图标，和控件的标准UI规范指导。3.作业流程化规范：提升客户项目可控性和设计效率，实现标准化作业模式。与用户达成共识，制定大屏可视化产品UI设计标准规范；保证项目UI设计符合流程和规范要求、有据可循、提升效率；满足业务调整、实施变化等多重需要下的视觉设计统一；目的：总体概述方式：1.以用户体验为分析基准的设计风格典型模板：与用户达大屏幕信息可视化的视觉设计属于UI设计的一种，要根据UserInterface/人机交互体验总原则的五大层面展开。表现层框架层结构层范围层战略层视觉设计符合用户体验大屏幕信息可视化的视觉设计属于UI设计的一种，要根据User视觉设计符合用户体验表现层框架层结构层范围层战略层（surface）,一系列的大屏信息（可视化单元），大多数单元由信息控件和表格组成，还可以执行某种功能。（skeleton）:按钮、表格、图片和文本区域的位置。用于优化设计布局能够清晰的找到相关联的信息图像并聚焦。（structure）结构层定义了导航索引的排列方式，允许同时间大屏里可以查看聚焦的不同类别。结构层确定了大屏各种需求内容呈现顺序、特征信息颗粒度和组合方式这些特征信息和功能需求就构成了范围层（scopr）大屏的范围层基本是由战略层（strategy）所决定。这些战略不仅包括决策层想从大屏展示得到哪些数据信息，也包括了运营层用户想监看到什么。视觉设计符合用户体验表现层框架层结构层范围层战略层（surf视觉设计符合用户体验通过五个层面的拆解，要处理的问题变得具体。最低的层面无需考虑大屏画面——只关心如何满足运行监控的需求。在最高的层面只关心呈现的最具体的细节。这是一个层级关系精密配合的整体工程，最终的表现层绝非用一个个跨部门提供的信息总表堆砌而。需要科学的分析处理，艺术的展现需求。视觉设计符合用户体验通过五个层面的拆解，要处理的问题变得具体大屏可视化视觉设计的流程示意图大屏可视化视觉设计的流程示意图大屏可视化视觉设计的流程视觉设计各阶段方法目的视觉情绪板分析情绪板分析法指导视觉风格设计视觉风格设计色彩设计、材质肌理设计、图标设计、字体设计、标准控件设计、背景画面设计、框架造型设计、框架层次引导设计、各级标题样式设计统一规范界面元素高保真原型是设计软件工具实现形成完整的高保真原型设计风格的设定大屏可视化视觉设计的流程视觉设计各阶段方法目的视觉情绪板分析大屏可视化视觉设计的流程创意说明：从宇宙星云的角度展示人类的科技文明突显深远、探索、未来设计风格的设定大屏可视化视觉设计的流程创意说明：设计风格的设定设计考量维度大屏可视化视觉设计的流程考量维度解决方案示例界面底色稳重范围内三种梯度色：高级灰、大地红、太空蓝界面细节钻石底纹、光感、金属、透视背景突出科技感视觉疲劳度控件扁平、低明度色彩清晰度经验值：PS字号30-80px企业标识企业品牌色彩原色和辅助色效果检验投屏实验设计考量维度大屏可视化视觉设计的流程考量维度解决方案示例界面大屏可视化视觉设计的流程大屏可视化视觉设计的流程设计考量维度之展示环境设计大屏可视化视觉设计的流程考量维度考量类目展示现场灯光氛围现场空间自然光反射和室内装修布置的灯光反射屏幕品质特性品牌不同，精度不同，色差不同，可实现精度不同视觉距离和角度不同大小监控最佳视距不同，不同专工所属视角度不同大屏局部切换软硬件搭配可实现性评估操控反馈主动操控设计和被动的数据响应方式不同效果检验投屏实验设计考量维度之展示环境设计大屏可视化视觉设计的流程考量维度考案例示范风格1大屏可视化视觉设计的流程细节说明：高级灰：表达沉稳钻石底纹：表达精致严谨标题材质：表达制造工艺控件荧光绿：表达科技案例示范风格1大屏可视化视觉设计的流程细节说明：案例示范风格2细节说明：大地红：表达大地土壤的沉积金属元素：表达坚定光感：表达精致的科技感控件色彩：表达活力生机大屏可视化视觉设计的流程案例示范风格2细节说明：大屏可视化视觉设计的流程案例示范风格3细节说明：太空蓝与云图：透视关系表达深远线性边框：表达未来科技玻璃质感：表达太空的通透局部光感：表达炫丽神秘大屏可视化视觉设计的流程案例示范风格3细节说明：大屏可视化视觉设计的流程根据不同的内容量在视觉画面里推荐不同的风格空间自由度很大的广告画面展示风格；自由度小的监控密集的高科技展示风格；常规空间紧密度的风格还有扁平化、等等，通过以往案例也可以参考。大屏可视化视觉设计的流程根据不同的内容量在视觉画面里推荐不同的风格大屏可视化视觉设计大屏可视化视觉设计的流程大屏可视化视觉设计的流程风格定位出来后，设计典型大屏的高保真设计界面，这个就是项目的视觉设计标准模版。制定与效果图对应的统一的界面元素实现规范标准，之后整体的多屏以及多套业务界面调整和展示上，均遵照以此标准实施。大屏可视化视觉设计的流程风格定位出来后，设计典型大屏的高保真设计界面，这个就是项目的标题框架背景控件交互形态大屏可视化视觉设计的流程标题框架背景控件交互形态大屏可视化视觉设计的流程对齐（外框架、内边框、图例、边框宽度）字体（各级标题、主要内容字体）大小和色彩肌理的设定主题颜色和配套控件辅助色彩其它：轴线的标准、字体的变化使用，曲线基本标准规范标准分列项1大屏可视化视觉设计的流程对齐（外框架、内边框、图例、边框宽度）规范标准分列项1大屏可指标展示图形规范控件基本图形库、控件表现样式库、分别取典型部分说明：柱图、堆积柱、饼图、蜘蛛图、图表盘针对性增加的地理位置图、常规表格样式规范标准分列项1大屏可视化视觉设计的流程指标展示图形规范规范标准分列项1大屏可视化视觉设计的流程控件大小的设定在可视化工具里的颜色配置值

控件、数据源、展现数据集命名规则分别对应的命名规则，其实就是分类和使用规范

大曲线、泡泡图、地图控件规范标准分列项3大屏可视化视觉设计的流程控件大小的设定规范标准分列项3大屏可视化视觉设计的流程UI设计规范制定主要是设计规范的建立标准化和可实现性。大屏可视化视觉设计的流程UI设计规范制定主要是设计规范的建立标准化和可实现性。大屏可规范案例（以荧光绿色主题为例）大屏可视化视觉设计的流程规范案例（以荧光绿色主题为例）大屏可视化视觉设计的流程在硬件搭建环境建设前，先期立项时即展开用户体验的信息梳理，了解模拟现场环境情况，设计出大屏首界面的高保真效果图，投模拟大屏后通过项目组决策层评审后，以该视觉设计为模板确定完整的设计交付规范。设计实施前期大屏可视化视觉设计的流程在硬件搭建环境建设前，先期立项时即展开用户体验的信息梳理，了大屏可视化视觉设计的流程大屏可视化视觉设计的流程在硬件环境建设完成后，进驻现场后再次投屏校验，调整视觉设计模板和对应的设计交付规范;确定后完成所有大屏业务内容的设计实施。依托已定的设计交付规范，不同的业务内容确保视觉设计风格统一。设计实施后期大屏可视化视觉设计的流程在硬件环境建设完成后，进驻现场后再次投屏校验，调整视觉设计模大屏可视化视觉设计的流程大屏可视化视觉设计的流程结论可视化系统是一套涵盖大量数据的演控系统，对用户体验的要求高。将复杂繁多的数据转化为简洁明了的图形界面，是可视化的特点。希望对于可视化系统的相关参与人员，在视觉设计流程上达成共识，发挥系统的最大功效，同时也使可视化系统操作人员，能够根据业务需求变化内容调整设计时，始终保持大屏展现的统一风格和视觉效果。大屏可视化视觉设计的流程结论可视化系统是一套涵盖大量数据的演控系统，对用户体验的要求大屏可视化视觉设计流程和规范回顾大屏可视化视觉设计流程和规范回顾大屏设计方案-综合效果示意图大屏设计方案-综合效果示意图目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控展示内容设计方案数据接入方案控制互动方案UI设计方案项目实施方法论目录大屏可视化价值轨道交通COCC定位可视化展示技术方案监控实施流程三类文档四个阶段五条主线项目启动调研设计开发实施试运行（转运维）业务数据可视化实施画面数据UI部署模板案例填写说明实施流程三类文档项目启动调研设计开发实施试运行（转运维）业务实施流程标准化流程内容售前交接给实施1、让用户看什么2、让用户看出什么3、实施人员能讲得出实施流程标准化流程内容售前交接给实施1、让用户看什么实施流程1、业务（1）业务对象（类图）要求：①业务对象的种类、②业务对象唯一标准（维度）③业务对象的关系样例：样例实施流程1、业务（1）业务对象（类图）样例实施流程（2）业务流程（流程图）要求：顶层流程图（如应急流程）1、业务样例实施流程（2）业务流程（流程图）1、业务样例实施流程（1）主题结构要求：

涵盖主题的逻辑层次（不超过两层）、每个主题的目的和内容2、业务设计样例实施流程（1）主题结构2、业务设计样例实施流程2、业务设计（2）画面要求：①画面整体要求包含：业务概设、业务详设、指标清单、维度清单、计算逻辑五部分；②指标清单要求：指标的描述，ID、

名称、指