轨道交通可视化方案ppt课件.pptx

《轨道交通可视化方案ppt课件.pptx》由会员分享，可在线阅读，更多相关《轨道交通可视化方案ppt课件.pptx（113页珍藏版）》请在三一办公上搜索。

1、轨道交通大屏可视化建设方案,陈智 2017年1月,目录,目录,将复杂的问题通过直观视觉展现（手段）简单化（目标）,可视化的价值,降低学习/培训成本-直观反映监控对象的内在规律-辅助决策,可视化的价值,前,后,目录,加强管控,地铁COCC定位,应用需求：面向查询、分析直观、清晰有助于帮助使用者发现问题、规律、价值突出重点,环境需求：面向大屏幕,操作需求：极少操作需求,运维需求：需求变化是永恒的稳定的需求是相对的,领导在变,季节在变,工作重心在变,要求在变,数据在变,常见常新,可视化价值,目录,2010,2011,2013,2014,2015,2010年,可视化平台V1.0 播放器、设计器、后台服

2、务,2011年,可视化平台V2.0 支持3D 动画 特效,V1.0,V2.0,V3.0,可视化平台介绍,系统技术及扩展能力,基于可视化信息展示系统,一体化展现,数据采集展现,已有系统,业务系统三,业务系统一,业务系统二,组态展现方式,“可视化综合监控系统”,大屏处理器,数据 采集,定时 调度,元数据管理,数据 维护,接口 发布,综合数 据平台,可视化设计器,控制台,指标计算,图形服务,工具集,展现功能层,数据处理层,采集接口层,环境适配层,iPad移动控制端,红外遥控笔,V3C桌面控制端,多通道图形工作站集群,数据维护工具,方案整体结构,可视化设计器,可视化服务端,可视化控制台,可视化展示引擎

3、,可视化设计器,可视化控制台,可视化展示引擎,可视化服务端,处理所有后台处理逻辑和外部系统、数据的采集服务,统一集中所有展示前端的场景画面切换、轮询控制,提供丰富的矢量化图形组件，展示场景的自由定制,画面的播放器，动态展示监控画面的制作效果,1,2,3,4,可视化产品组成,丰富多样的矢量化展示组件，能够帮助客户将枯燥的数据转化为具有可读性和观赏性的图形、动画。根据业务需要自由地组合各类组件。简单易用，使用鼠标拖放控件即可完成设计过程。所见即所得的设计模式，可以设计多种动态展示效果，同时可以进行实时动态预览。,可视化设计器,可视化产品组成,实现对前端图形展现实时的渲染、实时数据展示。解析和渲染场

4、景画面的一个核心，在展现的同时还与后台进行相关的逻辑交互和数据交互，还能接收来自可视化控制台的控制命令及进行相应的动作处理。,可视化展示引擎,可视化产品组成,可视化服务端,处理可视化系统的所有后台处理逻辑和外部系统、数据的采集服务等对后台业务逻辑处理、与外部数据的交互、与综合数据平台的交互、与展示引擎和可视化设计平台交互。,可视化控制台,控制一个服务器下所有的展示前端。它将所有展示前端的场景画面切换、轮询控制等进行统一集中，使得展示前端无需进行任何操作即可实现整体的展示效果。,可视化产品组成,大屏可视化系统应用三大应用场景,可视化软硬件部署,主要硬件支撑：,特点2：丰富的展示组件库,组件库,二

5、次,创意控件库,结构关系类,基础控件库,二次开发控件,特点3：出众的集成能力,XXX城市照明管理中心：,特点4：工具化的可视化设计实施流程,特点5：控制手段多样，控制便捷,小屏控大屏主题场景的流程化控制,有线触摸屏windows,遥控笔,手机：iosandroid,iPad,目录,监控展示内容设计方案,监控展示内容设计方案-日常监控,监控展示内容设计方案-日常监控,监控展示内容设计方案-日常监控,监控展示内容设计方案-日常监控,监控展示内容设计方案-日常监控,监控展示内容设计方案-日常监控,监控展示内容设计方案,监控展示内容设计方案-参观接待,监控展示内容设计方案-参观接待,历史统计数据效果图

6、,监控展示内容设计方案-参观接待,监控展示内容设计方案-参观接待,监控展示内容设计方案-参观接待,监控展示内容设计方案,应急事件定义,位置/对象,事件类型,事件级别,大客流,晚点,客伤,踩踏,线网,单线路,单站,区域,大客流,故障,极端天气,特殊活动,预案,组织,条件,措施,报告,应急组织、措施及措施执行条件,大客流,晚点,客伤,踩踏,集团,COCC,OCC,车站,疏导,广播,信息发布,救治安抚,辅助关门,启用备用车减小间隔,紧急公关,地面疏散,通知医院公安协助,加强监控防止升级,应急监控方案一,现象,条件,现状,全局影响,细节,措施条件,决策,应急监控方案二,现象,条件,现状,细节,会商,决

7、策,应急监控方案二,应急监控方案二,应急监控方案二,应急会商,智能应急监控防止事件升级,事件级别,大客流,晚点,客伤,踩踏,应急监控方案三,现象,条件,现状,会商,决策,细节,目录,数据流程图,T+0:当日数据,T+1:历史数据,实时数据,技术难点,实时数据库,数据切片,虚拟测点,数据接入方案,CIM模型,技术难点,当日客流,当日行车,业务分析,数据接入方案,运营日报数据,针对晚点情况和换乘情况没有数据的问题如果协调不成功，可能需要改变大屏可视化设计，替换成其他内容,数据接入方案,目录,参观模式-参观流程示意,1,可视化导播导播流程功能,参观模式-参观流程示意,灯光变亮,主屏切换欢迎词,可视化

8、导播导播流程功能,参观模式-参观流程示意,2,1,可视化导播导播流程功能,2022/11/26,57,可编辑,参观模式-参观流程示意,右侧屏切换参观展示方案,主屏切换参观展示方案,左侧屏切换参观展示方案,可视化导播导播流程功能,还可以通过红外笔使灯光、音响等环境也同步发生变化,可视化导播遥控笔控制,特点1：三位一体的可视化理念,可视化操作,可视化展现,可视化协作,场景间快速切换,监控模式,各种模式间一键瞬间切换COCC大厅应急指挥中心,应急模式,目录,总体概述,方式：,1.以用户体验为分析基准的设计风格典型模板： 保证项目同业务类型展现统一化风格（主题风格，配色，图标 ,控件，交互形状统一化）

9、。2.建立视觉设计交付标准：同类业务展现，实施可遵循的色彩，标题、文字、图标，和控件的标准UI规范指导。3.作业流程化规范： 提升客户项目可控性和设计效率，实现标准化作业模式。,与用户达成共识，制定大屏可视化产品UI设计标准规范；保证项目UI设计符合流程和规范要求、有据可循、提升效率；满足业务调整、实施变化等多重需要下的视觉设计统一；,目的：,总体概述,大屏幕信息可视化的视觉设计属于UI设计的一种，要根据User Interface/人机交互体验总原则的五大层面展开。,表现层,框架层,结构层,范围层,战略层,视觉设计符合用户体验,视觉设计符合用户体验,表现层,框架层,结构层,范围层,战略层,（

10、surface）, 一系列的大屏信息（可视化单元），大多数单元由信息控件和表格组成，还可以执行某种功能。,（skeleton）:按钮、表格、图片和文本区域的位置。用于优化设计布局能够清晰的找到相关联的信息图像并聚焦。,（structure）结构层定义了导航索引的排列方式，允许同时间大屏里可以查看聚焦的不同类别。,结构层确定了大屏各种需求内容呈现顺序、特征信息颗粒度和组合方式这些特征信息和功能需求就构成了范围层（scopr）,大屏的范围层基本是由战略层（strategy）所决定。这些战略不仅包括决策层想从大屏展示得到哪些数据信息，也包括了运营层用户想监看到什么。,视觉设计符合用户体验,通过五个层

11、面的拆解，要处理的问题变得具体。最低的层面无需考虑大屏画面只关心如何满足运行监控的需求。在最高的层面只关心呈现的最具体的细节。这是一个层级关系精密配合的整体工程，最终的表现层绝非用一个个跨部门提供的信息总表堆砌而。需要科学的分析处理，艺术的展现需求。,大屏可视化视觉设计的流程示意图,大屏可视化视觉设计的流程,设计风格的设定,大屏可视化视觉设计的流程,创意说明：从宇宙星云的角度展示人类的科技文明突显深远、探索、未来,设计风格的设定,设计考量维度,大屏可视化视觉设计的流程,大屏可视化视觉设计的流程,设计考量维度之展示环境设计,大屏可视化视觉设计的流程,案例示范风格1,大屏可视化视觉设计的流程,细节

12、说明：高级灰：表达沉稳钻石底纹：表达精致严谨标题材质：表达制造工艺控件荧光绿：表达科技,案例示范风格2,细节说明：大地红：表达大地土壤的沉积金属元素：表达坚定光感：表达精致的科技感控件色彩：表达活力生机,大屏可视化视觉设计的流程,案例示范风格3,细节说明：太空蓝与云图：透视关系表达深远线性边框：表达未来科技玻璃质感：表达太空的通透局部光感：表达炫丽神秘,大屏可视化视觉设计的流程,根据不同的内容量在视觉画面里推荐不同的风格空间自由度很大的广告画面展示风格；自由度小的监控密集的高科技展示风格；常规空间紧密度的风格还有扁平化、等等，通过以往案例也可以参考。,大屏可视化视觉设计的流程,大屏可视化视觉设

13、计的流程,风格定位出来后，设计典型大屏的高保真设计界面，这个就是项目的视觉设计标准模版。制定与效果图对应的统一的界面元素实现规范标准，之后整体的多屏以及多套业务界面调整和展示上，均遵照以此标准实施。,大屏可视化视觉设计的流程,标题,框架,背景,控件,交互形态,大屏可视化视觉设计的流程,对齐（外框架、内边框、图例、边框宽度）字体（各级标题、主要内容字体）大小和色彩肌理的设定主题颜色和配套控件辅助色彩其它：轴线的标准、字体的变化使用，曲线基本标准,规范标准分列项1,大屏可视化视觉设计的流程,指标展示图形规范控件基本图形库、控件表现样式库、分别取典型部分说明：柱图、堆积柱、饼图、蜘蛛图、图表盘针对性

14、增加的地理位置图、常规表格样式,规范标准分列项1,大屏可视化视觉设计的流程,控件大小的设定在可视化工具里的颜色配置值控件、数据源、展现数据集命名规则分别对应的命名规则，其实就是分类和使用规范大曲线、泡泡图、地图控件,规范标准分列项3,大屏可视化视觉设计的流程,UI设计规范制定,主要是设计规范的建立标准化和可实现性。,大屏可视化视觉设计的流程,规范案例（以荧光绿色主题为例）,大屏可视化视觉设计的流程,在硬件搭建环境建设前，先期立项时即展开用户体验的信息梳理，了解模拟现场环境情况，设计出大屏首界面的高保真效果图，投模拟大屏后通过项目组决策层评审后，以该视觉设计为模板确定完整的设计交付规范。,设计实

15、施前期,大屏可视化视觉设计的流程,大屏可视化视觉设计的流程,在硬件环境建设完成后，进驻现场后再次投屏校验，调整视觉设计模板和对应的设计交付规范;确定后完成所有大屏业务内容的设计实施。依托已定的设计交付规范，不同的业务内容确保视觉设计风格统一。,设计实施后期,大屏可视化视觉设计的流程,大屏可视化视觉设计的流程,结论,可视化系统是一套涵盖大量数据的演控系统，对用户体验的要求高。将复杂繁多的数据转化为简洁明了的图形界面，是可视化的特点。希望对于可视化系统的相关参与人员，在视觉设计流程上达成共识，发挥系统的最大功效，同时也使可视化系统操作人员，能够根据业务需求变化内容调整设计时，始终保持大屏展现的统一

16、风格和视觉效果。,大屏可视化视觉设计的流程,大屏可视化视觉设计流程和规范回顾,大屏设计方案-综合效果示意图,目录,实施流程,三类文档四个阶段五条主线,模板,案例,填写说明,实施流程,标准化流程内容,售前交接给实施,1、让用户看什么2、让用户看出什么3、实施人员能讲得出,实施流程,1、业务,（1）业务对象（类图）要求：业务对象的种类、业务对象唯一标准（维度）业务对象的关系样例：,样例,实施流程,（2）业务流程（流程图）要求：顶层流程图（如应急流程）,1、业务,样例,实施流程,（1）主题结构要求：涵盖主题的逻辑层次（不超过两层）、每个主题的目的和内容,2、业务设计,样例,实施流程,2、业务设计,（

17、2）画面要求：画面整体要求包含：业务概设、业务详设、指标清单 、维度清单、计算逻辑五部分；指标清单要求：指标的描述，ID、 名称、 指标值、维度、维度排序 、维度过滤条件 计算逻辑、单位 ；评审时使用标准的画面设计文档和指标清单文档，表达画面设计内容；,实施流程,2、业务设计,（2）画面 画面业务概设：,样例,样例,实施流程,2、业务设计,（2）画面,画面业务详设：,交互：,样例,实施流程,（2）画面,2、业务设计,画面业务详设：,业务设计：,样例,实施流程,（2）画面,2、业务设计,指标清单：,指标需求表：,指标存储表：,样例,样例,实施流程,（2）画面,2、业务设计,维度清单：,样例,实施流程,（2）画面,2、业务设计,指标清单+维度清单+存储表,样例,实施流程,3、数据接口（1）数据流向图要求：总体数据流图 关键业务接口数据流向图,实施流程,3、数据接口总体数据流图（样例）,样例,实施流程,3、数据接口关键业务接口数据流图（样例，ERP系统为例）,样例,实施流程,3、数据接口（2）数据接口列表 要求：数据接口方式（socket、webservice、数据库、文件、总线） 接口系统，接口厂商，接口人 数据频度 是否需要开发介入,实施流程,3、数据接口（2）数据接口列表样例：,样例,2022/11/26,113,可编辑,