CN112256264A - 一种物联网设备交互界面的定制方法 - Google Patents
一种物联网设备交互界面的定制方法 Download PDFInfo
- Publication number
- CN112256264A CN112256264A CN202011090471.8A CN202011090471A CN112256264A CN 112256264 A CN112256264 A CN 112256264A CN 202011090471 A CN202011090471 A CN 202011090471A CN 112256264 A CN112256264 A CN 112256264A
- Authority
- CN
- China
- Prior art keywords
- equipment
- component
- interactive
- interactive interface
- platform
- 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.)
- Withdrawn
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种为物联网设备快速定制交互界面的方法,包括将各类物联网设备抽象成各种子功能;为每个子功能设计一系列交互界面的模板;将具体设备与某一类模板进行数据绑定的过程;组合各个交互界面并供用户自由调整布局;使得新接入的物联网设备可以快速接入并自由定制其交互界面。
Description
技术领域
本发明涉及物联网设备的交互领域,特别是一种基于交互组件模板为物联网设备进行交互界面定制的方法。
背景技术
万物互联时代正在走进人们的生活,丰富多彩的物联网设备层出不穷,但是随之而来的是各家厂商各自纷繁复杂的交互接口和交互界面,物联网厂商非常强调生态的意义,本质上是各家厂商之间产品的互联互通程度较低。
这些不同商家各自专有而封闭的物联网解决方案形成了一座座技术孤岛,阻碍了数据在不同设备和系统之间的互联互通,阻碍了物联网解决方案的有效集成,导致用户在使用不同厂商的解决方案时无法通过一个统一的方式进行设备的交互。这提高了物联网基础设施构建的复杂性,同时剥夺了用户所拥有的数据的控制权,提高了在未来转向不同厂商方案时的成本。
发明内容
本发明克服现有技术的上述缺点,对现有物联网领域的上述情况导致的物联网设备交互界面不统一的问题,提出了一种使用预先设计的各类交互界面模板为不同厂商的设备进行统一的界面定制和呈现的方法,包括以下步骤:
(1)根据现有的各类物联网设备的功能,将已有的各类设备的单项独立功能抽象成各个抽象设备种类,来实现对不同厂商,不同设备的兼容;
(2)针对抽象设备开发一系列交互组件模板组成组件模板库,每个模板可以在绑定具体设备后对设备进行交互;
(3)用户将物联网设备接入平台,并以可视化布局的方式在组件模板库中选择所需的组件并拼装成所需的交互界面,而且进行交互时仍然可以对交互界面进行可视化布局。
下面对每一个步骤进行详细的阐述:
1.根据现有的各类物联网设备的功能,将已有的各类设备的单项独立功能抽象成各个抽象设备种类,来实现对不同厂商,不同设备的兼容。
实现方式是开发一个运行在边缘服务器的物联网设备接入平台,该平台负责将具体的各个厂商的设备接入,并将特定设备的单个交互行为转换成对应抽象设备的交互行为,即为具体的设备和交互接口提供一个抽象层,以统一同一类设备的可交互行为,便于对应的交互组件与特定设备的连接。
2.针对抽象设备开发一系列交互组件模板组成组件模板库,每个模板可以在绑定具体设备后对设备进行交互。
每一个抽象设备,对应创建一个或一系列交互组件模板。该模板组件在被用户绑定到具体设备后,通过WebSocket与平台通信,作为WebSocket协议客户端连接到平台,根据该组件本身提供的功能与平台进行通信,完成用户给出的具体交互命令。每一个组件对应一个简单的交互功能,通常只对应具体设备中的一个子功能,很多具体设备具备两个及以上的子功能,通过组合不同的组件可以对该设备进行完整的交互。
3.用户将物联网设备接入平台,并以可视化布局的方式在组件模板库中选择所需的组件并拼装成所需的交互界面,而且进行交互时仍然可以对交互界面进行可视化布局。
该平台负责将接入的设备转换为对应的抽象设备,并维护一个已连接抽象设备的列表。随后用户为一个设备创建一个交互界面,以可视化的方式从模板组件库中选择需要的交互组件模板并按照自己的喜好拖拽拼装成一个完整的交互界面。在界面拼装完成后,用户将每个组件模板与物联网设备平台中具体的设备进行绑定,形成交互组件实例,对该实例进行操作即可完成对设备的操作。
用户可以在进行交互时对交互界面进行可视化拖拽式布局调整和设备绑定,用户在使用时交互界面的布局默认为锁定状态,可以正常进行交互操作,在需要对布局进行调整时,点击解锁布局选项,在使用时动态对交互界面各个组件的布局进行调整。
本发明的优点是:
(1)可以将不同种类、不同厂商的设备集成到同一套交互界面中进行交互,做到数据和控制互联互通;
(2)使用模板的方式,可以迅速为物联网设备生成交互界面;
(3)使用抽象设备的概念,为不同厂商的设备提供兼容性,新增和更换不同厂家设备时仍可使用;
(4)用户可以根据自己的兴趣组装设备的交互界面,提供个性化服务。
附图说明
为了更清楚地说明本发明实例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是实施本发明方法的系统架构图。
图2是本发明方法的工作流程图。
具体实施方式
在下面的描述中,出于说明的目的,为了提供对一个或多个实施例的全面理解,阐述了许多具体细节。
1.根据现有的各类物联网设备的功能,将已有的各类设备的单项独立功能抽象成各个抽象设备种类,来实现对不同厂商,不同设备的兼容。
实现方式是开发一个运行在边缘服务器的物联网设备接入平台,该平台负责将具体的各个厂商的设备接入,并将特定设备的单个交互行为转换成对应抽象设备的交互行为,即为具体的设备和交互接口提供一个抽象层,以统一同一类设备的可交互行为,便于对应的交互组件与特定设备的连接。
平台可以使用已有的物联网设备接入平台比如HomeAssistant,也可以自行开发。自行开发时,首先根据当前市场上的各类物联网设备情况,对他们的类型做一定的总结和抽象,比如某网关设备带有可操控的LED灯和光照传感器,我们可以抽象出彩色灯设备和单数据传感器这两个抽象设备,而彩色灯设备可以代表各类可变颜色的灯光设备,单数据传感器则可以代表各类只测量单个变量的传感器设备,比如光照传感器、门窗开关传感器、湿度传感器、温度传感器等各类传感器。主要是在交互接口方面进行抽象,只要是相同类型的交互接口,就将其归为一类抽象设备。交互类别总的划分为两类,显示数据和发出命令,数据的类型有状态数据(光照)和事件数据(门窗开关),命令则有触发命令(开关)和数值命令(温度调节)等,根据这些交互的类别对物联网设备进行抽象,并编写具体的代码将特定厂商的设备交互转换为对抽象设备的交互。
该平台在后台等待交互组件的连接,并在连接成功时为交互组件提供数据并接收用户通过交互组件发来的命令。
为了组件能够以实时双向地与Web页面中的交互组件进行通信,平台需要提供WebSocket接口进行设备数据和指令的转发。组件将带有设备号和具体命令的消息发送到平台,平台负责转发数据和命令。架构如图1所示。
2.针对抽象设备开发一系列交互组件模板组成组件模板库,每个模板可以在绑定具体设备后对设备进行交互:
每一个抽象设备,对应创建一个或一系列交互组件模板。该模板组件在被用户绑定到具体设备后,通过WebSocket与平台通信,作为WebSocket协议客户端连接到平台,根据该组件本身提供的功能与平台进行通信,完成用户给出的具体交互命令。每一个组件对应一个简单的交互功能,通常只对应具体设备中的一个子功能,很多具体设备具备两个及以上的子功能,通过组合不同的组件可以对该设备进行完整的交互。
交互界面使用Web技术构建,以Web页面的形式呈现给用户,交互组件使用Vue进行构建,Vue是一种JavaScript下构建用户界面的渐进式框架。
交互组件在页面中的拖动使用draggableJS库进行实现,每一个组件作为列表中的一个元素,元素中包含组件的名称、类型和具体设置。
交互组件通过WebSocket方式与平台交互,在页面加载时创建于平台之间的连接,在运行期间保持连接,通过发起订阅消息命令的方式对所绑定的设备的数据进行实时跟踪。在进行交互操作时发送相关设备操作命令到平台。
交互组件在右上角设计设置按钮,点击后唤出对话框对组件进行设置,包括选择组件所要绑定的具体设备,还有组件特定的设置,比如组件显示的标题,组件显示的数据单位,组件显示的数据行数等设置。
3.用户将物联网设备接入平台,并以可视化布局的方式在组件模板库中选择所需的组件并拼装成所需的交互界面,而且进行交互时仍然可以对交互界面进行可视化布局。
该平台负责将接入的设备转换为对应的抽象设备,并维护一个已连接抽象设备的列表。随后用户为一个设备创建一个交互界面,以可视化的方式从模板组件库中选择需要的交互组件模板并按照自己的喜好拖拽拼装成一个完整的交互界面(例如图1中的交互界面)。在界面拼装完成后,用户将每个组件模板与物联网设备平台中具体的设备进行绑定,形成交互组件实例,对该实例进行操作即可完成对设备的操作。
用户可以在进行交互时对交互界面进行可视化拖拽式布局调整和设备绑定,用户在使用时交互界面的布局默认为锁定状态,可以正常进行交互操作,在需要对布局进行调整时,点击解锁布局选项,即可在使用时动态对交互界面各个组件的布局进行调整。
以某网关设备为例,该网关具有一个LED可调彩色灯,一个光照传感器,平台将其抽象为两种设备:可调色灯和单数值传感器,可调色灯支持RGB三色调节和亮度调节以及开关,因此对应的组件模板具有四个可交互项:开关按钮,红色、绿色、蓝色、亮度四项数值调节滑动条;单数值传感器支持数值实时显示,因此对应的组件模板具有一个数值显示标签,并可以设置单位标签。
将该设备开启并连入家庭局域网后(图2第1步),在平台上发现并连接该设备。
随后进入创建交互界面的页面(图2第2步),将可调色灯组件和单数值传感器组件拖入交互界面区域(图2第3步),并逐个唤出设置对话框,将这两个组件都绑定到该网关设备(图2第4步),然后根据喜好调整这两个组件在区域中的位置。
设置完毕后即可使用该交互界面操作设备(图2第5步)。在交互界面中点击解锁按钮后,仍可以实时调整组件的位置。
本说明书实施例所述的内容仅仅是对发明构思的实现形式的列举,本发明的保护范围不应当被视为仅限于实施例所陈述的具体形式,本发明的保护范围也及于本领域技术人员根据本发明构思所能够想到的等同技术手段。
Claims (4)
1.一种物联网设备交互界面的定制方法,包括如下步骤:
(1)根据现有的各类物联网设备的功能,将已有的各类设备的单项独立功能抽象成各个抽象设备种类,来实现对不同厂商,不同设备的兼容;
(2)针对抽象设备开发一系列交互组件模板组成组件模板库,每个模板可以在绑定具体设备后对设备进行交互;
(3)用户将物联网设备接入平台,并以可视化布局的方式在组件模板库中选择所需的组件并拼装成所需的交互界面,而且进行交互时仍然可以对交互界面进行可视化布局。
2.根据权利要求1中所述的方法,其特征在于:步骤(1)的实现方式是开发一个运行在边缘服务器的物联网设备接入平台,该平台负责将具体的各个厂商的设备接入,并将特定设备的单个交互行为转换成对应抽象设备的交互行为,即为具体的设备和交互接口提供一个抽象层,以统一同一类设备的可交互行为,便于对应的交互组件与特定设备的连接。
3.根据权利要求1中所述的方法,其特征在于:步骤(2)中,每一个抽象设备,对应创建一个或一系列交互组件模板。该模板组件在被用户绑定到具体设备后,通过WebSocket与平台通信,作为WebSocket协议客户端连接到平台,根据该组件本身提供的功能与平台进行通信,完成用户给出的具体交互命令。每一个组件对应一个简单的交互功能,通常只对应具体设备中的一个子功能,很多具体设备具备两个及以上的子功能,通过组合不同的组件可以对该设备进行完整的交互。
4.根据权利要求1中所述的方法,其特征在于:步骤(3)中,设备平台负责将接入的设备转换为对应的抽象设备,并维护一个已连接抽象设备的列表。随后用户为一个设备创建一个交互界面,以可视化的方式从模板组件库中选择需要的交互组件模板并按照自己的喜好拖拽拼装成一个完整的交互界面。在界面拼装完成后,用户将每个组件模板与物联网设备平台中具体的设备进行绑定,形成交互组件实例,对该实例进行操作即可完成对设备的操作。
用户可以在进行交互时对交互界面进行可视化拖拽式布局调整和设备绑定,用户在使用时交互界面的布局默认为锁定状态,可以正常进行交互操作,在需要对布局进行调整时,点击解锁布局选项,在使用时动态对交互界面各个组件的布局进行调整。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011090471.8A CN112256264A (zh) | 2020-10-13 | 2020-10-13 | 一种物联网设备交互界面的定制方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011090471.8A CN112256264A (zh) | 2020-10-13 | 2020-10-13 | 一种物联网设备交互界面的定制方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112256264A true CN112256264A (zh) | 2021-01-22 |
Family
ID=74243668
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011090471.8A Withdrawn CN112256264A (zh) | 2020-10-13 | 2020-10-13 | 一种物联网设备交互界面的定制方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112256264A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113687824A (zh) * | 2021-10-26 | 2021-11-23 | 中电云数智科技有限公司 | 一种可视化界面的编程语言数据生成系统和方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP0706124A1 (en) * | 1994-09-15 | 1996-04-10 | Sony Trans Com Inc. | System for generating interactive software applications |
US20050138650A1 (en) * | 2003-12-19 | 2005-06-23 | Lenny Hon | Method and system for creating and providing a multi-tier networked service |
CN103810338A (zh) * | 2014-02-13 | 2014-05-21 | 北京邮电大学 | 一种面向领域的物联网资源建模系统 |
CN104640237A (zh) * | 2013-11-13 | 2015-05-20 | 中国电子科技集团公司第十五研究所 | 一种物联网系统 |
CN110377858A (zh) * | 2019-07-08 | 2019-10-25 | 紫光云技术有限公司 | 一种可视化拖拽生成动态表单页面的系统及方法 |
-
2020
- 2020-10-13 CN CN202011090471.8A patent/CN112256264A/zh not_active Withdrawn
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP0706124A1 (en) * | 1994-09-15 | 1996-04-10 | Sony Trans Com Inc. | System for generating interactive software applications |
US20050138650A1 (en) * | 2003-12-19 | 2005-06-23 | Lenny Hon | Method and system for creating and providing a multi-tier networked service |
CN104640237A (zh) * | 2013-11-13 | 2015-05-20 | 中国电子科技集团公司第十五研究所 | 一种物联网系统 |
CN103810338A (zh) * | 2014-02-13 | 2014-05-21 | 北京邮电大学 | 一种面向领域的物联网资源建模系统 |
CN110377858A (zh) * | 2019-07-08 | 2019-10-25 | 紫光云技术有限公司 | 一种可视化拖拽生成动态表单页面的系统及方法 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113687824A (zh) * | 2021-10-26 | 2021-11-23 | 中电云数智科技有限公司 | 一种可视化界面的编程语言数据生成系统和方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8516118B2 (en) | System and method for managing, routing, and controlling devices and inter-device connections | |
US10367912B2 (en) | System and method for automating the management, routing, and control of multiple devices and inter-device connections | |
US8001219B2 (en) | User control interface for convergence and automation system | |
US7047092B2 (en) | Home automation contextual user interface | |
DE69931024T2 (de) | Internet-basierter aktualisierungsdienst für eine programmierbare steuerungsvorrichtung | |
US8402376B2 (en) | Appliance development toolkit for creating a themeable dynamic user interface for an appliance | |
US20100241254A1 (en) | Web browser based remote control for programmable multimedia controller | |
US20100180206A1 (en) | Systems and methods for iconic graphical user interface and embedded device manager | |
WO2003025706A2 (en) | Computerized system and method for web enabling and/or web management of embedded applications | |
KR20070111449A (ko) | 네트워크 장치 제어 시스템 및 방법 | |
US20190356727A1 (en) | Data capture on a serial device | |
CN112256264A (zh) | 一种物联网设备交互界面的定制方法 | |
US20200150613A1 (en) | Method and device for operating and controlling a machine installation by means of a graphical development interface and generation of a field bus configuration | |
CN104793506A (zh) | 面向物联网智能家庭设备控制的可移植控制方法及系统 | |
Runde et al. | Integrated automated design approach for building automation systems | |
WO2021228372A1 (en) | Online training method | |
Xu et al. | State-of-the-art user interfaces for building operating systems | |
TWI574528B (zh) | 電子裝置的群組控管方法以及應用該方法的控制機器 | |
Nordman | Networks in buildings: which path forward? | |
JP2002108731A (ja) | コンピュータのネットワーク設定方法、そのプログラムが記録された記録媒体、および、その方法でネットワーク設定可能なコンピュータ | |
Cameron et al. | Build an app | |
CN115826420A (zh) | 设备控制方法、装置及设备控制的配置方法、装置 | |
CN116088822A (zh) | 一种信息处理方法、装置和存储介质 | |
CN113557691A (zh) | 银行网点控制装置及其控制方法、银行网点控制系统 | |
WO2007109566A2 (en) | User control interface for convergence and automation system |
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 | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20210122 |
|
WW01 | Invention patent application withdrawn after publication |