GB∕T 39189-2020 物聯(lián)網(wǎng)智能家居 用戶界面描述方法

ICS35.240GB/T39189—2020物聯(lián)網(wǎng)智能家居用戶界面描述方法國家市場監(jiān)督管理總局國家標(biāo)準(zhǔn)化管理委員會I 12規(guī)范性引用文件 1 1 25用戶交互模型 26設(shè)備數(shù)據(jù) 2 2 2附錄A(資料性附錄)用戶界面調(diào)用服務(wù)示例 4附錄B(資料性附錄)用戶界面交互示例 6 ⅢGB/T39189—2020本標(biāo)準(zhǔn)按照GB/T1.1—2009給出的規(guī)則起草。本標(biāo)準(zhǔn)由中華人民共和國住房和城鄉(xiāng)建設(shè)部提出。本標(biāo)準(zhǔn)由全國智能建筑及居住區(qū)數(shù)字化標(biāo)準(zhǔn)化技術(shù)委員會(SAC/TC426)歸口。本標(biāo)準(zhǔn)起草單位：中關(guān)村樂家智慧居住區(qū)產(chǎn)業(yè)技術(shù)聯(lián)盟、萬科思自控信息(中國)有限公司、廈門ABB振威電器設(shè)備有限公司、綠建智慧科技(北京)有限公司、遼寧宜居尚雅科技有限公司、中外建設(shè)信大學(xué)、杭州?？低晹?shù)字技術(shù)股份有限公司、貴州天控自動化信息工程有限公司、廣東瑞德智能科技股輕信息技術(shù)有限公司、成都思唯奇科技有限公司、成都博盛信息技術(shù)有限公司。1GB/T39189—2020物聯(lián)網(wǎng)智能家居用戶界面描述方法2規(guī)范性引用文件下列文件對于本文件的應(yīng)用是必不可少的。凡是注日期的引用文件，僅注日期的版本適用于本文GB/T2312信息交換用漢字編碼字符集基本集GB/T18793信息技術(shù)可擴(kuò)展置標(biāo)語言(XML)1.0GB/T35134物聯(lián)網(wǎng)智能家居設(shè)備描述方法GB/T35143物聯(lián)網(wǎng)智能家居數(shù)據(jù)和設(shè)備編碼ISO/IEC15445信息技術(shù)文件描述和處理語言超文本標(biāo)記語言(HTML)[Informationtech-nology—Documentdescriptionandprocessinglanguages—Hypertextmarkuplanguage(HTML)]3術(shù)語和定義3.13.2[GB/T34043—2017,定義3.2]3.3智能家居系統(tǒng)systemofsmarthome[GB/T34043—2017,定義3.3]3.43.5組成用戶界面的最小實(shí)現(xiàn)單元。2GB/T39189—20204縮略語下列縮略語適用于本文件。SDK:軟件開發(fā)工具包(SoftwareDevelopmentKit)5用戶交互模型用戶交互模型把智能家居設(shè)備(以下簡稱設(shè)備)實(shí)體抽象成具體的服務(wù)，用戶界面是對智能家居服務(wù)的展現(xiàn)，如圖1所示，并應(yīng)符合下列要求：——設(shè)備層：每個設(shè)備實(shí)體包含若干個具體服務(wù)；——服務(wù)層：對智能家居設(shè)備實(shí)體進(jìn)行建模，為應(yīng)用層提供服務(wù)；——應(yīng)用層：用戶界面展現(xiàn)，提供智能家居系統(tǒng)設(shè)備相關(guān)的信息與服務(wù)。應(yīng)用用戶界面服務(wù)服務(wù)抽象與管理設(shè)備智能家居設(shè)備圖1用戶交互模型6設(shè)備數(shù)據(jù)6.1靜態(tài)數(shù)據(jù)設(shè)備靜態(tài)數(shù)據(jù)描述應(yīng)符合GB/T35134的要求。設(shè)備動態(tài)數(shù)據(jù)描述應(yīng)符合GB/T35143的要求。7數(shù)據(jù)服務(wù)7.1控制服務(wù)通過用戶界面可改變設(shè)備的數(shù)據(jù)。改變數(shù)據(jù)的方法參見附錄A。用戶界面應(yīng)能夠反映相關(guān)設(shè)備的數(shù)據(jù)變化，提供相對應(yīng)的服務(wù)。8用戶界面8.1結(jié)構(gòu)用戶界面具有瀏覽器網(wǎng)頁和基于WebService的用戶應(yīng)用程序(APP)兩種方式。3GB/T39189—2020用戶界面由一個或多個頁面組成，頁面又由各種頁面元素組成，可通過這些頁面元素完成設(shè)備控制，狀態(tài)顯示，信息播報(bào)等功能。圖2描述了用戶界面描述的基本內(nèi)容和結(jié)構(gòu)。頁面2頁面頁面頁面頁面頁面頁面頁面頁面頁面頁面元素元素元素元素元素元素元素元素l2附l2除l2附屬性屬性屬性屬性屬性屬性屬性屬性屬性212汁12汁圖2用戶界面描述的基本內(nèi)容和結(jié)構(gòu)用戶界面描述應(yīng)實(shí)現(xiàn)智能家居設(shè)備與提供應(yīng)用間的連接，用戶界面的基本內(nèi)容和結(jié)構(gòu)見8.1,并應(yīng)符合GB/T18793的要求。文件字符編碼應(yīng)符合GB/T2312的要求。8.3設(shè)計(jì)與展現(xiàn)用戶界面設(shè)計(jì)與展現(xiàn)應(yīng)符合ISO/IEC15445的要求。用戶界面交互示例參見附錄B。GB/T39189—2020(資料性附錄)用戶界面調(diào)用服務(wù)示例A.1一般規(guī)定本附錄描述了某智能家居產(chǎn)品用戶界面的調(diào)用服務(wù)的方法，其中SDK按照8.1的要求設(shè)計(jì)程序模塊。A.2內(nèi)部設(shè)備調(diào)用服務(wù)界面的生成某智能家居產(chǎn)品內(nèi)部設(shè)備調(diào)用服務(wù)界面的流程如圖A.1所示。智能家居服務(wù)平臺調(diào)用SDK開發(fā)工具包鎖定用戶Sockel“設(shè)備描述文件”庫調(diào)用標(biāo)準(zhǔn)設(shè)備描述文件SIDK將設(shè)備信息與服務(wù)組成的一組Web對象組成網(wǎng)頁將網(wǎng)頁發(fā)往用戶瀏覽器圖A.1內(nèi)部設(shè)備調(diào)用服務(wù)界面流程圖A.3外部設(shè)備調(diào)用服務(wù)界面的生成某智能家居產(chǎn)品外部設(shè)備調(diào)用服務(wù)界面的流程如圖A.2所示。45GB/T39189—2020圖A.2外部設(shè)備調(diào)用服務(wù)界面流程圖6(資料性附錄)用戶界面交互示例本附錄實(shí)現(xiàn)了對一臺空調(diào)的控制。用戶界面交互示例效果可參見圖B.1。設(shè)定溫度當(dāng)前溫度[[①開關(guān)設(shè)置圖B.1用戶界面交互示例效果圖用戶界面描述文件內(nèi)容如下：〈?xmlversion="1.0"encodi7GB/T39189—2020〈PageWidth>600</PageWidth>〈PageHeight>800</PageHeight)〈Visible>1</Visible》〈Width)598</Width>〈Height>80</Height>〈LineStyle》None</LineStyle》〈LineWidth>1</LineWidth)〈LineColour>rgb(30,144,255)</LineColour)〈FillColor>rgb(30,144,255)</FillColour》〈FillOpacity)100</FillOpacity>〈Position)174,12</Position)〈Width)226</Width>〈Height>58(/Height>〈Type>0</Type)〈Colour>rgb(255,255,255)</Colour)<Image>0</Image〉</Background><Font>宋體</Font)〈FontSize>28</FontSize〉<Colour>rgb(255,255,255)</Colour)〈Alignment>Center</Alignment>〈Content)客廳空調(diào)</Content>〈LineStyle》None</LineStyle)〈LineWidth>1</LineWidth)<LineColour)rgb(255,255,255)</LineColour》〈Condition)1</Condition)8(Name)StaticText2</Name〉(Visible>1</Visible〉〈Position>283,139(/Position)(Width>91</Width)〈Type>0</Type)〈Colour)rgb(255,255,255)〈/Colour>〈Image>0</Image〉〈Opacity>0</Opacity)〈Font)宋體</Font>〈FontSize)14.25</FontSize》〈Colour)rgb(105,105,105)(/Colour>〈Alignment>Right</Alignment〉〈Content>設(shè)定溫度</Content)(/Text》〈LineStyle>None(/LineStyle〉(LineWidth)1</LineWidth)〈LineColour>rgb(255,255,255)</LineColour)〈Condition>1</Condition)(/StaticText>(StaticText)(Visible>1</Visible〉(Position>283,235(/Position)〈Height>43</Height>〈Colour)rgb(255,255,255)(/Colour)〈Image>0</Image)〈Opacity>0</Opacity〉〈Font)宋體(/Font>《Colour)rgb(105,105,105)</Colour>〈Alignment>Right(/Alignment>9GB/T39189—2020《Content>當(dāng)前溫度</Content)〈LineStyle>None</LineStyle)〈LineWidth>1</LineWidth)〈LineColour)rgb(255,255,255)</LineColour>〈Condition)1</Condition)〈Layer>0</Layer)〈Visible>1</Visible〉〈Position)281,320</Position)〈Height>42</Height>〈Colour>rgb(255,255,255)</Colour)〈Image>0</Image)〈/Background>〈Font>宋體</Font)〈FontSize>14.25</FontSize〉〈Colour>rgb(105,105,105)</Colour)〈Alignment)Right</Alignment>〈Content>風(fēng)速</Content><LineStyle>None</LineStyle〉〈LineWidth>1</LineWidth)<LineColour>rgb(255,255,255)〈/LineColour>〈Condition)1</Condition)〈Position)277,437</Position)〈Height>39</Height>〈Type>0</Type〉〈Colour>rgb(255,255,255)</Colour)〈Font)Arial(/Font)〈Colour)rgb(105,105,105)〈/Colour)〈Alignment>Left(/Alignment)〈Content>開關(guān)</Content)(LineWidth>1(/LineWidth)〈LineColour)rgb(255,255,255)</LineColour)(Condition)1(/Condition)(/StaticText》(StaticText)(Visible>1</Visible)(Position>110,118(/Position)〈Colour)rgb(255,255,255)</Colour>(Text)(Font)Arial(/Font)〈Colour)rgb(0,0,0)</Colour)〈Alignment>Left(/Alignment)〈Content>自動</Content)(LineWidth)1(/LineWidth>〈LineColour)rgb(255,255,255)</LineColour)(Condition>1</Condition)(/StaticText〉GB/T39189—2020<Visible>1</Visible>〈Position>110,207</Position)<Width>89</Width)〈Type>0</Type>〈Colour>rgb(255,255,255)</Colour)(Image>0</Image〉</Background>(Font>Arial</Font)(FontSize>18</FontSize)<Colour>rgb(0,0,0)</Colour)〈Alignment>Left</Alignment></Text)〈LineStyle>None</LineStyle)〈LineWidth>1</LineWidth)〈LineColour)rgb(255,255,255)</LineColour>〈Condition)1</Condition>〈Layer>0</Layer)</StaticText)〈Name)StaticText8</Name)〈Position)110,296</Position><Width>89</Width)《Background》〈Colour>rgb(255,255,255)</Colour)〈Image>0</Image〉〈Opacity>0</Opacity></Background>〈Font>Arial</Font)〈Style>Bold</Style)(FontSize>18</FontSize》〈Colour>rgb(0,0,0)</Colour)〈Alignment>Left(/Alignment)〈Content>制熱</Content)(LineWidth)1</LineWidth〉〈LineColour)rgb(255,255,255)</LineColour)(Condition>1(/Condition)(/StaticText〉(StaticText)(Position>110,385(/Position)〈Colour)rgb(255,255,255)(/Colour)〈Colour)rgb(0,0,0)</Colour>〈Alignment>Left(/Alignment)(LineWidth)1(/LineWidth)〈LineColour)rgb(255,255,255)</LineColour)(Layer>0</Layer)(StaticText)(Position>110,477(/Position)(Height>39</Height〉《Background></Background>(FontSize>18</FontSi<LineStyle>None</LineS<Opacity>0</Opacity></Background>(FontSize>18</FontSi<LineColour)rgb(255,255,255)(/LineColour)(/StaticText》(Picture)(Name)Picturel</Name)(Visible)1</Visible)〈Position>453,132(/Position)〈Height>46</Height)(Condition>1</Condition)〈Layer>0</Layer>(/Picture)(Picture》(Name)Picture2</Name》(Visible>1</Visible)(Position>34,104</Position)〈Height>60</Height)(File)ac-auto-bu.png</File)(Condition>1(/Condition)(Picture》(Name)Picture3</Name)〈Visible>1</Visible〉(Position>34,194</Position)〈Width>60</Width>〈File)ac-cool-bu.png</File)(Condition>1(/Condition)〈Layer)0</Layer>(/Picture)(Picture〉(Name)Picture4</Name》(Visible>1</Visible)〈Position>452,230(/Position)〈Height>45</Height)〈Condition>1(/Condition)〈Layer>0</Layer)(/Picture)(Name)Picture5</Name〉〈Visible>1</Visible)〈Position)34,284</Position)〈Height>60</Height》<File>ac-heat-bu.png</File>〈Condition)1</Condition)〈Layer>0</Layer)〈Visible>1(/Visible〉〈Position)34,374(/Position)〈Width>60</Width)〈Height>60</Height>〈File>ac-dry-bu.png</File>〈Condition)1</Condition>〈Layer>0</Layer)〈Visible)1</Visible)〈Position>34,465</Position)<Width>60</Width)〈Height>60</Height>〈File>ac-autofan-bu.png</Fi(Condition)1</Condition)〈Layer>0</Layer)</Picture》GB/T39189—2020〈Visible>1</Visible》(Position)529.108</Po〈Width)36(/Width)〈Height>38</Height>《Background)〈Colour)White(/Colour》〈Image)ac-tempup-bu.png</Image〉</Background>〈Events>1617</Events)GB/T39189—2020〈Layer>0</Layer>(Visible>1</Visible〉〈Position>529,170(/Position)〈Height>38</Height)〈Type>1</Type)(Colour)White(/Colour)〈Opacity>100</Opacity)〈Layer)0</Layer)(Visible>1</Visible〉(Position>284,381(/Position)(Width>50(/Width>〈Height>50</Height)〈Type>1</Type)〈Colour)White</Colour)〈Image>amplifier-repeat-bu.png(/Image)〈Opacity>100</Opacity)(Events)16201</Events)〈Layer>0</Layer)〈Visible>1</Visible〉(Position>431,381(/Position)〈Height>50</Height〉〈Type>1</Type)〈Colour)White(/Colour)〈Image>intercom-syssettings-bu.png(/Image)〈Opacity>100</Opacity)GB/T39189—2020</Background><Events>if(P(5)thenP=P+1el〈StartPoint>34,155</StartPoint)〈EndPoint>173,155</EndPoint)<LineStyle>Solid</LineStyle)〈LineWidth>5</LineWidth)〈LineColour>rgb(105,105,105)</LineColour>《Condition)P==0</Condition>(Visible>1(/Visible》〈StartPoint>34,240</StartPoint>〈EndPoint>173,240</EndPoint)〈LineStyle>Solid</LineStyle)〈LineWidth>5</LineWidth)<LineColour)rgb(105,105,105)</LineColour>〈Condition)P==1</Condition><Layer>0<Layer>(Name>Line3(/Name)〈StartPoint>34,327</StartPoint)〈EndPoint>173,327</EndPoint>〈LineStyle>Solid</LineStyle)〈LineWidth>5</LineWidth)〈LineColour)rgb(105,105,105)<〈Condition)P==2</Condition>(Name>Line4