移动网管监控大屏
概览
成都移动网管监控大屏,用于为机房网管人员提供24小时不间断的网络业务监控服务。
该系统在8块42寸屏组成的4x2矩阵上显示,每块屏的分辨率为1024x768。这是我们的客户第一次开发大屏类型的软件,头脑中只存有一些模糊的想象,彩程首 先要做的,就是具象这些想象。
彩程之道
总体具象
当设计只存在于头脑之中的时候,过多的讨论只会导致产品更加的不可拿捏,悬于空中。
关于这个软件产品,我们的合作伙伴已经进行了将近一年的前期调研,无数页的word文档诉说了他们的艰辛,而移动客户等待着实际能看得到的结果,这些巨 型文档早就被淹没在文档的洪流中了。因此,在根据需求文档做出角色分析后,彩程提出了需要快速实现一个整体效果图,能让客户直观感受系统的建议。
结果,这张总体具象图真正将开发推向了实质阶段,有了这张总体具象图,我们得以能够拆分系统监控的模块,逐一设计、逐一实现。

所以,我们一直坚信的是,能够实际展现的东西,才是推动产品进程的关键元素。因此,我们很快的进入到设计流程的下一步:
低保真模型
由于合作伙伴对实际业务更加了解,怎样将那堆积成文档的文字转换为实际 对设计有用的燃料,答案是,将用户拉入设计中来。因此,低保真原型的设计,我们一直驻扎现场,和用户随时交流沟通,加快设计迭代频率。
视觉设计
根据大屏系统的监控特点,需要在界面设计上突出重点监控的元素,还要考虑到大屏的较远远距离观看特点进行视觉设计。

比如视觉色系搭配上,考虑到大屏幕24小时持续运行的特点,背景色选择黑色,这样有利于保护屏幕。另外在元素的色彩选择上,也需要重点突出告警元素, 因此选择区分度较大的色彩搭配,加上高光和渐变,来凸显监控元素。
在显示模式上,考虑到4x2的矩阵既可以投放到1x1的单屏幕上,也可以投放到中间2x2的4块屏上,因此每个业务模块的设计都包括2x2大屏和1x1小屏两种设计 。小屏的设计定位为快速发现问题,定位问题,大屏设计集中在问题信息的展现,协助网管人员进行初期排查。
前端开发

在产品开发之前,合作伙伴便决定将前端开发交由彩程来实现,而我们选择使用Adobe Flex技术来开发这些大屏。之所以选择Flex,是因为借由Flash丰富的 动画展示特效,能够实现更多的监控交互视效,使用包括计数器、仪表盘、柱状图线状图等等交互控件,将大屏的监控效果推至极限。前后端使用JSON字符串进行数据传输,彻底 分离了前后端的开发,也是继KPI 4.0项目之后的又一Flex前端开发的成功尝试。
部署上线
项目从7月初开始,到8月底结束,完成了告警监控、网络监控、业务量监控、开关机关键业务流程监控四个模块共计7块大小屏的设计和开发,并顺利部署在 移动府青枢纽网管中心机房,得到了移动局方和合作伙伴的一致好评。