第六章人機(jī)交互界面

的表示模型山東大學(xué)計算機(jī)學(xué)院第六章人機(jī)交互界面

的表示模型山東大學(xué)計算機(jī)學(xué)院人機(jī)交互界面表示模型1）行為模型：該模型主要從用戶和任務(wù)的角度考慮如何來描述人機(jī)交互界面。2）結(jié)構(gòu)模型：該模型主要從系統(tǒng)的角度來表示人機(jī)交互界面。本節(jié)將重點介紹產(chǎn)生式規(guī)則和狀態(tài)轉(zhuǎn)換網(wǎng)絡(luò)。3）模型轉(zhuǎn)換：主要介紹行為模型到結(jié)構(gòu)模型的轉(zhuǎn)換。4）表現(xiàn)模型：主要介紹人機(jī)界面表現(xiàn)的具體描述方法。人機(jī)交互界面表示模型1）行為模型：該模型主要從用戶和任務(wù)的角課程目標(biāo)掌握表現(xiàn)模型了解界面描述語言課程目標(biāo)掌握表現(xiàn)模型山東大學(xué)計算機(jī)學(xué)院4表現(xiàn)模型表現(xiàn)模型(PM)描述了用戶界面的表現(xiàn)形式，由層次性的交互對象組成。交互對象一般由抽象交互對象(AIO-AbstractInteractiveObject)和具體交互對象(CIO-ConcreteInteractiveObject)組成。管理信息系統(tǒng)的交互界面：填表界面界面元素：界面元素屬性，對幾何對象、內(nèi)容對象、繪制對象的描述面板：界面元素的模型定義+界面元素的列表和布局的定義XML描述山東大學(xué)計算機(jī)學(xué)院4表現(xiàn)模型表現(xiàn)模型(PM)描述了用戶界面的面板用戶界面邏輯組織結(jié)構(gòu)森林的結(jié)構(gòu)每棵樹是一個面板葉結(jié)點是單位界面元素對象

(a)面板用戶界面的圖形顯示(b)面板用戶界面的數(shù)據(jù)結(jié)構(gòu)表示(c)面板用戶界面的繪制面板用戶界面邏輯組織結(jié)構(gòu)森林的結(jié)構(gòu)(a)面靠鏈表的頭部越近，在屏幕上顯示的排列順序越靠前Eg:選中了面板C靠鏈表的頭部越近，在屏幕上顯示的排列順序越靠前面板內(nèi)部的事件分發(fā)及響應(yīng)方式指點設(shè)備事件的響應(yīng)當(dāng)鼠標(biāo)落在了An和By的相交的圖形表示區(qū)域時----->搜索當(dāng)前面板鏈表中的面板，判斷鼠標(biāo)是否落在了某一面板內(nèi)部，發(fā)現(xiàn)鼠標(biāo)落在了面板A內(nèi)----->事件處理中心采用樹的廣度優(yōu)先搜索算法或是深度優(yōu)先搜索算法，判斷鼠標(biāo)是否落在了面板A中某一界面元素交互對象內(nèi)部，發(fā)現(xiàn)鼠標(biāo)指針的位置在交互對象An區(qū)域內(nèi)部----->檢驗An是否添加了對鼠標(biāo)事件的監(jiān)聽，

如果An存在對鼠標(biāo)事件的監(jiān)聽，

那么去完成事件要執(zhí)行的任務(wù)面板內(nèi)部的事件分發(fā)及響應(yīng)方式指點設(shè)備事件的響應(yīng)用戶產(chǎn)生了一個動作后，事件處理中心就獲得了用戶的動作和屏幕上的一個坐標(biāo)(x,y)。使用鏈表搜索算法遍歷鏈表中每個節(jié)點{if(坐標(biāo)落在了某個面板區(qū)域內(nèi)部){

顯示該面板及面板內(nèi)包含的所有界面元素，其余面板按照原來的先后順序排列；使用樹的搜索算法遍歷面板內(nèi)的每個的單位界面元素{ if(坐標(biāo)落在了某個單位界面元素的區(qū)域內(nèi)部)then{if(Succeed(聚焦并激活單位界面元素)){ if(選中的單位界面元素添加了特定事件的響應(yīng))then{

將控制權(quán)交給單位界面元素交互對象，執(zhí)行該事件要執(zhí)行的任務(wù)，返回；

} }}}

所有面板失去焦點，聚焦到系統(tǒng)要顯示的默認(rèn)界面；}用戶產(chǎn)生了一個動作后，事件處理中心就獲得了用戶的動作和屏幕上面板間的關(guān)系LogicalWindow(LW)：任意AIO的組合，一個物理窗口、子窗口區(qū)域、對話框和面板。PresentationUnit(PU)：一個PU被定義為一個完整的表現(xiàn)環(huán)境需要實現(xiàn)一個特定的交互任務(wù)。每個PU可以分解為一個或許多同時、交替或是以某種組合的形式在屏幕上顯現(xiàn)的LW。每個PU至少存在一個主窗口，允許其它窗口導(dǎo)航。基于面板的用戶界面表現(xiàn)模型面板間的關(guān)系LogicalWindow(LW)：任意AI面板間的關(guān)系面板間的關(guān)系面板間的關(guān)系并列關(guān)系:兩個面板在功能上獨立的，沒有任何其他關(guān)系。嵌套關(guān)系:面板A在面板B的內(nèi)部，面板A包含面板B。依賴關(guān)系分為兩種，一種是界面內(nèi)部的依賴，即父子關(guān)系的面板，父子關(guān)系是指面板B依賴于面板A的某個界面元素開啟顯現(xiàn)活動的命令開關(guān)，這樣，就稱面板A是面板B的父面板。對服務(wù)的依賴，即分布式應(yīng)用中的面板。觸發(fā)窗口是指面板依賴于某個服務(wù)的存在而顯現(xiàn)面板間的關(guān)系并列關(guān)系:兩個面板在功能上獨立的，沒有任何其他關(guān)面板界面分類獨立顯現(xiàn)的自由面板(FreePanel)、面板面板(PanelPanel)、原子面板(ComponentPanel)獨立顯現(xiàn)的面板一般是可以單獨運(yùn)行的應(yīng)用程序界面，具有依賴性的面板是可獨立顯現(xiàn)的自由面板的一種特殊的形式面板面板是用戶定義的可以嵌套到任意面板的而且不能獨立顯示的界面塊原子面板是面板中的最小單位，是不可再分的面板。面板界面分類獨立顯現(xiàn)的自由面板(FreePanel)、面板面界面描述語言·命令式語言要求編程人員明確指定如何執(zhí)行任務(wù)C++,android…陳述式語言要求編程人員只需要指定任務(wù)要做什么（抽象）從XML獲取語法和句法界面描述語言·命令式語言界面描述語言界面：使用陳述性知識描述界面，使用過程進(jìn)一步解釋。陳述性知識：給出事物本身的屬性及事物之間的相互關(guān)系，對問題的解答隱含在知識中。過程性知識：給出解決一個問題的具體過程。界面描述語言界面：使用陳述性知識描述界面，使用過程進(jìn)一步解釋陳述性語言用戶界面標(biāo)記語言(UIML)由結(jié)構(gòu)(structure)、樣式(style)、內(nèi)容(content)、行為(behavior)四個方面來描述陳述性語言用戶界面標(biāo)記語言(UIML)用戶界面標(biāo)記語言(UIML)結(jié)構(gòu)：列舉了一系列界面部件何在不同的平臺中對應(yīng)的組織；樣式：定義界面部件中各種屬性對應(yīng)的值；類似HTML樣式表；內(nèi)容：講文本、聲音、圖片與界面部件做關(guān)聯(lián)，使得不同用戶組的界面國際化或自定義更為便利；行為：定義起作用的用戶界面事件和應(yīng)該做什么。用戶界面標(biāo)記語言(UIML)陳述性語言擴(kuò)展界面標(biāo)記語言(XIML)由組件(Components)、關(guān)系(Relations)和屬性(Attributes)三部分構(gòu)成組件：定義了任務(wù)、域、用戶、表現(xiàn)和對話五類陳述性語言擴(kuò)展界面標(biāo)記語言(XIML)擴(kuò)展界面標(biāo)記語言(XIML)任務(wù)：描述界面支持的業(yè)務(wù)流程或用戶任務(wù)，定義任務(wù)和子任務(wù)層次性的分解，在任務(wù)之間定義期望的流程和任務(wù)的屬性。域：數(shù)據(jù)對象的集合，有層次結(jié)構(gòu)的類對象，該層次結(jié)構(gòu)類似于本體的本質(zhì)，但只在基本層次上，對象通過“屬性-值對”組成。用戶：定義一個等級樹，等級中的一個用戶，可以表示一個用戶組或是用戶個體。Eg:用戶為醫(yī)生，也可以是Smith醫(yī)生擴(kuò)展界面標(biāo)記語言(XIML)表現(xiàn)：由層次性的交互元素組成用戶界面中與用戶通信的具體對象。Eg:窗體，按鈕，滑塊等對話：定義了有結(jié)構(gòu)的元素集對使用界面的用戶有效的交互動作，例如單擊、聲音、手勢等，對話指定了交互動作流，組成用戶界面的導(dǎo)航，在本質(zhì)上與任務(wù)組件類似，但在具體層次上執(zhí)行，任務(wù)組件處在抽象層次上。關(guān)系：連接了一個組件內(nèi)的或跨組件的兩個或更多的XIML元素的定義，這些關(guān)系即時控制了組成用戶界面的操作。屬性：被賦予值的元素的特征。表現(xiàn)：由層次性的交互元素組成用戶界面中與用戶通信的具