GIS、GPS 监控界面设计

本贴最后更新于 2249 天前,其中的信息可能已经时异事殊

无论是开发地理信息系统还是开发视频监控系统,都会面临者一个问题:界面如何设计,实质是信息数据的如何组合搭配的问题。

因为需要展现的数据不单单是一个破地图和一个坐标,而是将一切与监控对象相关的所有的信息数据以可视化地图、定位地标、图表、报警动画等形式展现出来。

比如物流运输行业监控的对象是车,那么围绕车的数据,如车辆的车牌号司机基本信息、运输配送的业务数据、该车辆的轨迹、定位数据、该车辆目的地、起始地的业务数据和 GIS 数据。进而延伸到配送路径优化、业务综合报表数据等更加复杂的数据。

这些数据如果仅仅想积木块的堆砌在界面上,就会臃肿不堪,看似花红柳绿、眼花缭乱,实则操作繁琐。

796GPS 部标推出后,开发人员更加变的功利,不愿意设计,将 796 的 GPS 部标平台的功能标准变成了八股文,亦步亦趋的按照部标要求做,结果软件界面更加是索然无味,引不起人们使用它的欲望。

监控界面的设计要解决的问题是:

1.数据的相关性,就是互相关联的数据,如前面说的车这个监控对象所有相关的数据如何有层次的、有关联的展现出来。同时还要注意隔离性,如管理和监控时两个不同的概念,对应的也是不同的操作用户,将数据的管理和监控操作和监控信息展现的功能要剥离开来,这样才能减少数据的堆砌。

如下的界面,就是功能的堆砌,数据的录入、管理和监控堆放在一起,初看起来功能很多很丰富,但是没有为一线的监控用户考虑.

2.操作的如何简便、快速定位到关心的对象上,大型物流企业,都是集中监控,监控工作量很大,没有人傻到一个车一个车的看,只是对与异常的、自己关心的对象,能够快速的定位到它,并快速的展现数据。

3.智能性,将原始数据展现在界面上,是一种弱智的做法,很多人喜欢将经纬度坐标显示在界面上,他也不想想用户看到经纬度坐标,有什么用。所以需要将数据进行更深层次的分析、加工、过滤,减少无效的数据,然后在显示在界面上,才是一个好的设计师要做的。

下面就是一个弱智的界面设计:

4.性能,数据的展现和界面的切换不能以牺牲性能为代价,很多人忽视是因为自己做的客户数据量太小,但并不代表自己软件的性能好。监控人员最难容忍的就是慢,地图慢慢的打开,地标数据慢慢的显示,都是非常不可取的。比如下面的一个全国行的物流企业,数据量很大,那么界面设计的时候,这个问题就不能忽视,否则就是致命的负面效果。

很多的软件大量使用了如 EXTJS 这样的 JS 文件和 CSS 文件,这些东西本来不是很重,但是在加上 100K 左右的地图图片,还有 Flash 地图及上千个业务车辆的地标,那压力可就大了。

5.到底是 B/S 还是 C/S 的好,这个问题很多开发团队都会有争论,这个问题也和第四个问题相关。

其实这个问题不需要争论,如果是局域网,两个都可以,如果是互联网,绝对是 C/S 的效果最棒,不仅性能好,而且开发效率也高。而且 C/S 同样也可以做出很酷的界面,你不同意只是你不会做而已。

对与升级的问题,这个就不是个问题,很多人拿他来说事,只能是无知。看看 360 还有搜狗拼音,人家不也是客户端,升级不也是有声有色的。还能强行升级。只不过说,对于 C/S 客户端,升级的功能要在一开始都要设计开发好罢了,不过是几行代码而已。没有多大个事。

  • 设计
    112 引用 • 797 回帖 • 1 关注
  • 监控
    26 引用 • 33 回帖 • 1 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖 • 2 关注
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 133 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    138 引用 • 268 回帖 • 197 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 247 回帖 • 176 关注
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    35 引用 • 35 回帖
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    198 引用 • 120 回帖 • 1 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 21 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 427 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 549 关注
  • 博客

    记录并分享人生的经历。

    270 引用 • 2386 回帖
  • 自由行
  • 电影

    这是一个不能说的秘密。

    120 引用 • 597 回帖 • 2 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 291 关注
  • Chrome

    Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。

    60 引用 • 287 回帖
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖
  • 锤子科技

    锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。

    4 引用 • 31 回帖 • 11 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    180 引用 • 447 回帖
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    140 引用 • 441 回帖
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 424 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    536 引用 • 672 回帖
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 430 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    675 引用 • 535 回帖
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖 • 3 关注
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    106 引用 • 152 回帖 • 1 关注
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    172 引用 • 990 回帖
  • 反馈

    Communication channel for makers and users.

    123 引用 • 906 回帖 • 193 关注