GIS、GPS 监控界面设计

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

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

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

比如物流运输行业监控的对象是车,那么围绕车的数据,如车辆的车牌号司机基本信息、运输配送的业务数据、该车辆的轨迹、定位数据、该车辆目的地、起始地的业务数据和 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 客户端,升级的功能要在一开始都要设计开发好罢了,不过是几行代码而已。没有多大个事。

  • 设计
    118 引用 • 786 回帖 • 1 关注
  • 监控
    26 引用 • 33 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

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

推荐标签 标签

  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 57 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    115 引用 • 317 回帖
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖 • 5 关注
  • 设计模式

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

    201 引用 • 120 回帖 • 2 关注
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 630 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    172 引用 • 534 回帖 • 1 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 677 关注
  • MyBatis

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

    173 引用 • 414 回帖 • 367 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    77 引用 • 37 回帖
  • abitmean

    有点意思就行了

    31 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 51 关注
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    167 引用 • 408 回帖 • 489 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    92 引用 • 752 回帖
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 80 关注
  • Lute

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

    29 引用 • 202 回帖 • 28 关注
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    91 引用 • 59 回帖 • 5 关注
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    246 引用 • 1338 回帖 • 1 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 384 回帖 • 4 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 18 关注
  • TensorFlow

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

    20 引用 • 19 回帖
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 560 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3201 引用 • 8216 回帖
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    59 引用 • 25 回帖 • 4 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖 • 1 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    32 引用 • 99 回帖