GIS、GPS 监控界面设计

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

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

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

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

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

相关帖子

欢迎来到这里!

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

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

推荐标签 标签

  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 705 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    20 引用 • 23 回帖 • 723 关注
  • 阿里云

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

    89 引用 • 345 回帖
  • 支付宝

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

    29 引用 • 347 回帖
  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖
  • TensorFlow

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

    20 引用 • 19 回帖
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模可伸缩、应用容器化管理。

    110 引用 • 54 回帖 • 3 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 31 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    52 引用 • 40 回帖
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    124 引用 • 580 回帖 • 1 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 1 关注
  • CSS

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

    197 引用 • 547 回帖 • 1 关注
  • CodeMirror
    1 引用 • 2 回帖 • 126 关注
  • 30Seconds

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

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

    沉迷游戏伤身,强撸灰飞烟灭。

    176 引用 • 815 回帖
  • 设计模式

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

    200 引用 • 120 回帖 • 1 关注
  • 机器学习

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

    83 引用 • 37 回帖 • 1 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    77 引用 • 390 回帖
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 388 关注
  • VirtualBox

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

    10 引用 • 2 回帖 • 12 关注
  • 前端

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

    247 引用 • 1347 回帖
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 625 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 346 关注