GB/T 39189-2020 物联网智能家居 用户界面描述方法

ICS35.240

L73

中华人民共和国国家标准

/—

GBT391892020

物联网智能家居用户界面描述方法

—

SmarthomeforinternetofthinsUserinterfacedescritionmethod

gp

2020-10-11发布2021-05-01实施

国家市场监督管理总局

发布

国家标准化管理委员会

/—

GBT391892020

目次

前言…………………………Ⅲ

1范围………………………1

2规范性引用文件…………………………1

3术语和定义………………1

4缩略语……………………2

5用户交互模型……………2

6设备数据…………………2

7数据服务…………………2

8用户界面…………………2

()…………

附录资料性附录用户界面调用服务示例

A4

()………………

附录资料性附录用户界面交互示例

B6

参考文献……………………21

Ⅰ

/—

GBT391892020

前言

本标准按照/—给出的规则起草。

GBT1.12009

本标准由中华人民共和国住房和城乡建设部提出。

(/)。

本标准由全国智能建筑及居住区数字化标准化技术委员会SACTC426归口

:、()、

本标准起草单位中关村乐家智慧居住区产业技术联盟万科思自控信息中国有限公司厦门

、()、、

ABB振威电器设备有限公司绿建智慧科技北京有限公司辽宁宜居尚雅科技有限公司中外建设信

、、、、

息有限责任公司天津艾尼特智能科技有限公司广州智慧家庭技术标准促进中心中山大学重庆邮电

、、、

大学杭州海康威视数字技术股份有限公司贵州天控自动化信息工程有限公司广东瑞德智能科技股

、、、、

份有限公司广州星海传媒有限公司广州视声智能科技有限公司北京智慧通联科技有限公司成都清

、、。

轻信息技术有限公司成都思唯奇科技有限公司成都博盛信息技术有限公司

:、、、、、、、、、、

本标准主要起草人王斌谢后贤王钢张永刚程卫东薛志波洪佳雄付伟徐小凤邱琦

、、、、、、、、、、、、、、

邢树志赵建斗王召福周凡林格司兵黎玉成居文军付蔚钱晓东李黔蜀汪壮雄卢仲宇陈任

沈燕。

Ⅲ

/—

GBT391892020

物联网智能家居用户界面描述方法

1范围

、、、。

本标准规定了物联网智能家居系统中用户交互模型设备数据数据服务用户界面等要求

、、。

本标准适用于物联网智能家居的用户界面设计实现应用等

2规范性引用文件

。,

下列文件对于本文件的应用是必不可少的凡是注日期的引用文件仅注日期的版本适用于本文

。,()。

件凡是不注日期的引用文件其最新版本包括所有的修改单适用于本文件

/信息交换用汉字编码字符集基本集

GBT2312

/信息技术可扩展置标语言()

GBT18793XML1.0

/物联网智能家居设备描述方法

GBT35134

/物联网智能家居数据和设备编码

GBT35143

/信息技术文件描述和处理语言超文本标记语言()[

ISOIEC15445HTMLInformationtech-

——()]

noloDocumentdescritionandrocessinlanuaesHertextmarkulanuaeHTML

gyppgggyppgg

3术语和定义

下列术语和定义适用于本文件。

3.1

物联网智能家居smarthomeforinternetofthins

g

,、、、,、、

基于住宅的互联网应用平台融合建筑网络通信智能家居设备服务平台集系统服务管理为

、、、、。

一体的高效舒适安全便利环保的居住环境

3.2

智能家居设备smarthomedevice

,、。

具有网络通信功能可自描述发布并能与其他节点进行交互操作的家居设备

[/—,]

GBT340432017定义3.2

3.3

智能家居系统sstemofsmarthome

y

,。

由智能家居设备通过某种网络通信协议相互联结成为可交互控制管理的智能家居网络

[/—,]

GBT340432017定义3.3

3.4

用户界面userinterface

人与设备进行信息交换的媒介。

3.5

页面元素aeelement

pg

组成用户界面的最小实现单元。

1

/—

GBT391892020

4缩略语

下列缩略语适用于本文件。

:()

SDK软件开发工具包SoftwareDevelomentKit

p

5用户交互模型

(),

用户交互模型把智能家居设备以下简称设备实体抽象成具体的服务用户界面是对智能家居服

,,:

务的展现如图所示并应符合下列要求

1

———:;

设备层每个设备实体包含若干个具体服务

———:,;

服务层对智能家居设备实体进行建模为应用层提供服务

———:,。

应用层用户界面展现提供智能家居系统设备相关的信息与服务

图1用户交互模型

6设备数据

6.1静态数据

设备静态数据描述应符合/的要求。

GBT35134

6.2动态数据

设备动态数据描述应符合/的要求。

GBT35143

7数据服务

7.1控制服务

。。

通过用户界面可改变设备的数据改变数据的方法参见附录A

7.2事件服务

,。

用户界面应能够反映相关设备的数据变化提供相对应的服务

8用户界面

8.1结构

用户界面具有浏览器网页和基于的用户应用程序()两种方式。

WebServiceAPP

2

/—

GBT391892020

,,

用户界面由一个或多个页面组成页面又由各种页面元素组成可通过这些页面元素完成设备控

,,。。

制状态显示信息播报等功能图描述了用户界面描述的基本内容和结构

2

图2用户界面描述的基本内容和结构

8.2描述

,,

用户界面描述应实现智能家居设备与提供应用间的连接用户界面的基本内容和结构见8.1并应

/。/。

符合GBT18793的要求文件字符编码应符合GBT2312的要求

8.3设计与展现

/。。

用户界面设计与展现应符合ISOIEC15445的要求用户界面交互示例参见附录B

3

/—

GBT391892020

附录

A

()

资料性附录

用户界面调用服务示例

A.1一般规定

,

本附录描述了某智能家居产品用户界面的调用服务的方法其中SDK按照8.1的要求设计程序

模块。

A.2内部设备调用服务界面的生成

某智能家居产品内部设备调用服务界面的流程如图A.1所示。

图A.1内部设备调用服务界面流程图

A.3外部设备调用服务界面的生成

某智能家居产品外部设备调用服务界面的流程如图A.2所示。

4

/—

GBT391892020

图A.2外部设备调用服务界面流程图

5

/—

GBT391892020

附录

B

()

资料性附录

用户界面交互示例

。。

本附录实现了对一台空调的控制用户界面交互示例效果可参见图B.1

图B.1用户界面交互示例效果图

用户界面描述文件内容如下:

<?xmlversion="1.0"encodin="utf-8"?>

g

<>

PaeGrou

gp

<>

Pae

g

<></>

PaeID0PaeID

gg

<></>

NamePae1Name

g

<>

PaeBackround

gg

<></>

Te0Te

ypyp

<>(,,)</>

Colourrb255255255Colour

g

<></>

Imae0Imae

gg

<></>

Oacit100Oacit

pypy

6

/—

GBT391892020

</PaeBackround>

gg

<></>

PaeWidth600PaeWidth

gg

<></>

PaeHeiht800PaeHeiht

gggg

<>

Rectanle

g

<></>

NameRectanle1Name

g

<></>

Visible1Visible

<>,</>

Position00Position

<></>

Width598Width

<></>

Heiht80Heiht

gg

<></>

LineStleNoneLineStle

yy

<></>

LineWidth1LineWidth

<>(,,)</>

LineColourrb30144255LineColour

g

<>(,,)</>

FillColorrb30144255FillColour

g

<></>

FillOacit100FillOacit

pypy

<><>

Laer0Laer

yy

</>

Rectanle

g

<>

StaticText

<></>

NameStaticText1Name

<></>

Visible1Visible

<>,</>

Position17412Position

<></>

Width226Width

<></>

Heiht58Heiht

gg

<>

Backround

g

<></>

Te0Te

ypyp

<>(,,)</>

Colourrb255255255Colour

g

<></>

Imae0Imae

gg

<></>

Oacit0Oacit

pypy

</>

Backround

g

<>

Text

<></>

Font宋体Font

<></>

StleBoldStle

yy

<></>

FontSize28FontSize

<>(,,)</>

Colourrb255255255Colour

g

<></>

AlinmentCenterAlinment

gg

<></>

Content客厅空调Content

</>

Text

<></>

LineStleNoneLineStle

yy

<></>

LineWidth1LineWidth

<>(,,)</>

LineColourrb255255255LineColour

g

<></>

Condition1Condition

<></>

Laer0Laer

yy

</>

StaticText

<>

StaticText

7

/—

GBT391892020

<></>

NameStaticText2Name

<></>

Visible1Visible

<>,</>

Position283139Position

<></>

Width91Width

<></>

Heiht43Heiht

gg

<>

Backround

g

<></>

Te0Te

ypyp

<>(,,)</>

Colourrb255255255Colour

g

<></>

Imae0Imae

gg

<></>

Oacit0Oacit

pypy

</>

Backround

g

<>

Text

<></>

Font宋体Font

<></>

StleReularStle

ygy

<></>

FontSize14.25FontSize

<>(,,)</>

Colourrb105105105Colour

g

<></>

AlinmentRihtAlinment

ggg

<></>

Content设定温度Content

</>

Text

<></>

LineStleNoneLineStle

yy

<></>

LineWidth1LineWidth

<>(,,)</>

LineColourrb255255255LineColour

g

<></>

Condition1Condition

<></>

Laer0Laer

yy

</>

StaticText

<>

StaticText

<></>

NameStaticText3Name

<></>

Visible1Visible

<>,</>

Position283235Position

<></>

Width91Width

<></>

Heiht43Heiht

gg

<>

Backround

g

<></>

Te0Te

ypyp

<>(,,)</>

Colourrb255255255Colour

g

<></>

Imae0Imae

gg

<></>

Oacit0Oacit

pypy

</>

Backround

g

<>

Text

<></>

Font宋体Font

<></>

StleReularStle

ygy

<></>

FontSize14.25FontSize

<>(,,)</>

Colourrb105105105Colour

g

<></>

AlinmentRihtAlinment

ggg

8

/—

GBT391892020

<>当前温度</>

ContentContent

</>

Text

<></>

LineStleNoneLineStle

yy

<></>

LineWidth1LineWidth