CN109766504A - 一种多图层展示传感器数据的装置及方法 - Google Patents
一种多图层展示传感器数据的装置及方法 Download PDFInfo
- Publication number
- CN109766504A CN109766504A CN201811635821.7A CN201811635821A CN109766504A CN 109766504 A CN109766504 A CN 109766504A CN 201811635821 A CN201811635821 A CN 201811635821A CN 109766504 A CN109766504 A CN 109766504A
- Authority
- CN
- China
- Prior art keywords
- layer
- map
- data
- sensing data
- control
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
一种多图层展示传感器数据的装置，其包括：地图层，其遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；数据信息层，其包含传感器信息、告警信息和实时数据，其是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；控制层，其是半透明层，其配置来用户在此部分全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；系统总览层，其位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。还有方法。
Description
技术领域
本发明属于数据展示的技术领域，具体地涉及一种多图层展示传感器数据的装置，以及多图层展示传感器数据的方法。
背景技术
数据层叠式布局是一种崭新的外观设计，与传统的单一图层文档流式布局相比，它具有易操作、展示数据多、数据对应关系明确，易于内容过滤等突出特点。这些特点决定了在进行传感器数据表达时，通常采用地图层、数据信息层、控制层和系统总览层层叠结合的方式，以达到最佳的表达效果。实现传感器数据与多个图层结合，需要解决一个重要的问题是：如何设计一套规则有序的，能展示复杂的实时数据，且能让用户直观的观察和操作的布局界面。
传统的设计方案是，当要展示的数据类型和内容过多时，布局将由上至下，从左到右的展示一个类型的数据，随后外观设计上分成多个页面，每个页面展示不同类型的数据，其中给出对应的超链接，从而通过跳转完成数据表达。
这种方案的缺点是用户体验差、不直观、步骤繁琐，并且可展示的数据有很大的不对称性，例如传感器配置信息与传感器数据和关联的网关数据都是实时变化的，用户通过多次点击超链接，跳转不同页面浏览的做法将产生延迟，很难确定关联数据均在同一时间戳，从而导致用户观察到的数据时效不一致。
发明内容
本发明的技术解决问题是：克服现有技术的不足，提供一种多图层展示传感器数据的装置,其具有高效、准确、高关联性且适用于各种复杂巨量的时效性强的传感器数据的特点，提升了用户体验感。
本发明的技术解决方案是：这种多图层展示传感器数据的装置，其包括：
地图层，其遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；
数据信息层，其包含传感器信息、告警信息和实时数据，其是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；
控制层，其是半透明层，其配置来用户在此部分全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；
系统总览层，其位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。
本发明的地图层增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示，数据信息层设置伸缩按钮和转场动画，系统总览层将所有用户视图收缩在一个组中，通过缩进来展示整体数据，所以可以实现数据和地图位置信息的实时更新同步关联展示，不必因多页面切换等繁琐操作导致观察困难和数据时效不匹配的情况，因此具有高效、准确、高关联性且适用于各种复杂巨量的时效性强的传感器数据的特点，提升了用户体验感。
还提供了一种多图层展示传感器数据的方法，包括以下步骤：
(1)地图层遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；
(2)数据信息层是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；
(3)用户在控制层全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；
(4)系统总览层位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。
附图说明
图1示出了根据本发明的多图层展示传感器数据的方法的流程图。
具体实施方式
这种多图层展示传感器数据的装置，其包括：
地图层，其遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；
数据信息层，其包含传感器信息、告警信息和实时数据，其是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；
控制层，其是半透明层，其配置来用户在此部分全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；
系统总览层，其位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中(在占用空间最小的前提下，实现了视图自由切换的功能)，通过缩进来展示整体数据(将数据总览分类别的正确显示，极度富有层次感。在展示数据最大化的同时，使数据的显示结构直观规则)。
本发明的地图层增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示，数据信息层设置伸缩按钮和转场动画，系统总览层将所有用户视图收缩在一个组中，通过缩进来展示整体数据，所以可以实现数据和地图位置信息的实时更新同步关联展示，不必因多页面切换等繁琐操作导致观察困难和数据时效不匹配的情况，因此具有高效、准确、高关联性且适用于各种复杂巨量的时效性强的传感器数据的特点，提升了用户体验感。
优选地，所述地图层包括：多种地图的视图切换模块、网关和传感器的关联动画模块。
地图层是整个外观设计的最底层，与上面的传统设计类似，这一部分遵循由上至下、从左到右的的内容展示顺序。与传统设计不同的是，这里增加了图层折叠的概念，用头部和两侧的按钮代替了需要繁琐跳转的超链接，数据均在单页中展示，其中主要设计了：多种地图的视图切换、网关和传感器的关联动画。其中网关和传感器的关联动画设计，点击网关图标，传感器图标会产生动画，上下跳动；点击传感器图标会触发最新数据的展示；点击区域图标会触发在线地图到子地图的切换。
优选地，所述数据信息层包括：传感器信息的折叠显示模块、传感器数据的显示切换模块、自动全局告警显示模块。
传感器数据层包含了传感器信息、告警信息和实时数据，是地图层上方的半透明子层。位于整个视图的最右侧。此设计既不影响底部地图的完整显示，也不影响实时数据和传感器信息的正常展示。右侧收放自如的伸缩按钮和转场动画使用户在观察最新最完善的数据同时，能够获得最佳的操作体验。对比传统做法，略去了大量的弹出和跳转操作。此层设计主要包含了：传感器信息的折叠显示设计(点击折叠按钮可控制此部分的显示和隐藏，切换过程使用了百叶窗折叠的动画效果。确保最优的视觉效果)、传感器数据的显示切换设计(该部分可以自由切换文本视图与动画视图，且用户可以自定义数据部分的范围与动画显示效果)、自动全局告警显示设计(如果属于当前用户视图的传感器产生告警，不必手动操作，告警等级与数量将自动显示在此部分)。
优选地，所述控制层包括控制层分区模块。
此层的设计依旧呈现半透明状态，用户可以在此部分全局控制地图层地图的切换，操作不同告警和连接状态的传感器在地图层中显示或隐藏。
优选地，在所述控制层设置控制钮和选择钮来分区显示，视图的右端包含了居中和全屏功能的全局控制按钮，以便用户把控整体视图布局的显示结构。控制钮和选择钮分区显示，最右端包含了居中和全屏功能的全局控制按钮，用户能够更轻松的把控整体视图布局的显示结构。
如图1所示，与装置对应地，还提供了一种多图层展示传感器数据的方法，包括以下步骤：
(1)地图层遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；
(2)数据信息层是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；
(3)用户在控制层全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；
(4)系统总览层位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。
优选地，所述步骤(1)中设计多种地图的视图切换、网关和传感器的关联动画。
优选地，所述步骤(2)包括：传感器信息的折叠显示、传感器数据的显示切换、自动全局告警显示。
优选地，所述步骤(3)包括控制层分区。
优选地，所述步骤(3)中，通过设置控制钮和选择钮来分区显示，通过视图的右端的居中和全屏功能的全局控制按钮来使用户把控整体视图布局的显示结构。
以上所述，仅是本发明的较佳实施例，并非对本发明作任何形式上的限制，凡是依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰，均仍属本发明技术方案的保护范围。
Claims (10)
1.一种多图层展示传感器数据的装置，其特征在于：其包括：
地图层，其遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；
数据信息层，其包含传感器信息、告警信息和实时数据，其是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；
控制层，其是半透明层，其配置来用户在此部分全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；
系统总览层，其位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。
2.根据权利要求1所述的多图层展示传感器数据的装置，其特征在于：所述地图层包括：多种地图的视图切换模块、网关和传感器的关联动画模块。
3.根据权利要求2所述的多图层展示传感器数据的装置，其特征在于：所述数据信息层包括：传感器信息的折叠显示模块、传感器数据的显示切换模块、自动全局告警显示模块。
4.根据权利要求3所述的多图层展示传感器数据的装置，其特征在于：所述控制层包括控制层分区模块。
5.根据权利要求4所述的多图层展示传感器数据的装置，其特征在于：在所述控制层设置控制钮和选择钮来分区显示，视图的右端包含了居中和全屏功能的全局控制按钮，以便用户把控整体视图布局的显示结构。
6.一种多图层展示传感器数据的方法，其特征在于：包括以下步骤：
(1)地图层遵循由上至下、从左到右的内容展示顺序，增加了图层折叠，在头部和两侧设置按钮来进行图层跳转，数据均在单页中展示；
(2)数据信息层是地图层上方的半透明子层，位于视图的右侧，设置伸缩按钮和转场动画；
(3)用户在控制层全局控制地图层的地图的切换，操作告警信息和连接状态的传感器在地图层中显示或隐藏；
(4)系统总览层位于视图的左侧，与右侧的数据信息层相呼应，将所有用户视图收缩在一个组中，通过缩进来展示整体数据。
7.根据权利要求6所述的多图层展示传感器数据的方法，其特征在于：所述步骤(1)中设计多种地图的视图切换、网关和传感器的关联动画。
8.根据权利要求7所述的多图层展示传感器数据的方法，其特征在于：所述步骤(2)包括：传感器信息的折叠显示、传感器数据的显示切换、自动全局告警显示。
9.根据权利要求8所述的多图层展示传感器数据的方法，其特征在于：所述步骤(3)包括控制层分区。
10.根据权利要求9所述的多图层展示传感器数据的方法，其特征在于：所述步骤(3)中，通过设置控制钮和选择钮来分区显示，通过视图的右端的居中和全屏功能的全局控制按钮来使用户把控整体视图布局的显示结构。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811635821.7A CN109766504A (zh) | 2018-12-29 | 2018-12-29 | 一种多图层展示传感器数据的装置及方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811635821.7A CN109766504A (zh) | 2018-12-29 | 2018-12-29 | 一种多图层展示传感器数据的装置及方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109766504A true CN109766504A (zh) | 2019-05-17 |
Family
ID=66453001
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811635821.7A Pending CN109766504A (zh) | 2018-12-29 | 2018-12-29 | 一种多图层展示传感器数据的装置及方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109766504A (zh) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103035164A (zh) * | 2012-12-24 | 2013-04-10 | 广东威创视讯科技股份有限公司 | 一种地理信息系统渲染方法及系统 |
| CN103942941A (zh) * | 2014-04-11 | 2014-07-23 | 中国人民解放军61139部队 | 基于gis的移动监测融合平台 |
| CN104408137A (zh) * | 2014-11-28 | 2015-03-11 | 武汉大学 | 一种网络统计地图可视化数据制备方法 |
| CN106453468A (zh) * | 2016-03-22 | 2017-02-22 | 太原理工大学 | 一种基于gis技术的煤矿突水预警方法 |
| CN106844623A (zh) * | 2017-01-19 | 2017-06-13 | 湖北省基础地理信息中心（湖北省北斗卫星导航应用技术研究院） | 一种智慧城市二维可视化展示系统 |
| CN107065794A (zh) * | 2017-03-24 | 2017-08-18 | 广州劲联智能科技有限公司 | 一种基于gis地理信息平台的智能安监管理系统及实现方法 |
| CN107315511A (zh) * | 2016-04-26 | 2017-11-03 | 斑马网络技术有限公司 | 服务显示方法、装置、设备和系统 |
| CN107315747A (zh) * | 2016-04-26 | 2017-11-03 | 斑马网络技术有限公司 | 服务显示方法、装置、设备和系统 |
| CN109033400A (zh) * | 2018-08-02 | 2018-12-18 | 江苏本能科技有限公司 | 基于地图的车辆通行展示方法及系统 |
-
2018
- 2018-12-29 CN CN201811635821.7A patent/CN109766504A/zh active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103035164A (zh) * | 2012-12-24 | 2013-04-10 | 广东威创视讯科技股份有限公司 | 一种地理信息系统渲染方法及系统 |
| CN103942941A (zh) * | 2014-04-11 | 2014-07-23 | 中国人民解放军61139部队 | 基于gis的移动监测融合平台 |
| CN104408137A (zh) * | 2014-11-28 | 2015-03-11 | 武汉大学 | 一种网络统计地图可视化数据制备方法 |
| CN106453468A (zh) * | 2016-03-22 | 2017-02-22 | 太原理工大学 | 一种基于gis技术的煤矿突水预警方法 |
| CN107315511A (zh) * | 2016-04-26 | 2017-11-03 | 斑马网络技术有限公司 | 服务显示方法、装置、设备和系统 |
| CN107315747A (zh) * | 2016-04-26 | 2017-11-03 | 斑马网络技术有限公司 | 服务显示方法、装置、设备和系统 |
| CN106844623A (zh) * | 2017-01-19 | 2017-06-13 | 湖北省基础地理信息中心（湖北省北斗卫星导航应用技术研究院） | 一种智慧城市二维可视化展示系统 |
| CN107065794A (zh) * | 2017-03-24 | 2017-08-18 | 广州劲联智能科技有限公司 | 一种基于gis地理信息平台的智能安监管理系统及实现方法 |
| CN109033400A (zh) * | 2018-08-02 | 2018-12-18 | 江苏本能科技有限公司 | 基于地图的车辆通行展示方法及系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Moscovich et al. | Topology-aware navigation in large networks | |
| US20050195154A1 (en) | Advanced navigation techniques for portable devices | |
| DE202016001489U1 (de) | Vorrichtungen und grafische Benutzerschnittstellen zum Anzeigen und Verwenden von Menüs | |
| CA2499095A1 (en) | Key-based advanced navigation techniques | |
| DE112013002794T5 (de) | Anzeigen einer Ortsvorschau | |
| CN105068748A (zh) | 触屏智能设备的摄像头实时画面中用户界面交互方法 | |
| CN103593348B (zh) | 浏览器标签的显示方法及装置 | |
| CN107248176A (zh) | 室内地图构建方法及电子设备 | |
| CN107329645A (zh) | 一种图像显示方法及移动终端 | |
| CN103455249A (zh) | 分屏切换的方法和装置 | |
| CN102520867B (zh) | 一种汽车导航系统及其导航方法 | |
| CN107194549A (zh) | 一种能效指标分解的可视化展示方法 | |
| CN105468234A (zh) | 一种信息处理方法及移动终端 | |
| CN108346174A (zh) | 一种支持单模型交互的三维模型合并方法 | |
| CN109766504A (zh) | 一种多图层展示传感器数据的装置及方法 | |
| CN103019527A (zh) | 一种基于双旋按钮的菜单快速操作方法 | |
| CN106844969A (zh) | 一种基于河道cad数据的三维仿真系统的构造方法 | |
| CN103677524A (zh) | 导航条呈现方式的控制方法及装置 | |
| CN102346038A (zh) | 一种导航系统兴趣点检索结果显示方法 | |
| CN104423852B (zh) | 文本复制的方法及装置 | |
| JP3888483B2 (ja) | データベースの表示方法 | |
| CN105912181A (zh) | 触摸屏制造方法及触摸屏 | |
| CN108089785B (zh) | 一种基于可达性的可视化住址选取系统 | |
| CN104978104B (zh) | 一种信息处理方法、装置和电子设备 | |
| CN105653060A (zh) | 一种多功能地址输入方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190517 |
|
| RJ01 | Rejection of invention patent application after publication |