第6章 人機(jī)交互界面的表示模型II(3)

1、第六章 人機(jī)交互界面的表示模型II,山東大學(xué)計算機(jī)學(xué)院,6.1.4 人機(jī)交互界面表示模型,表現(xiàn)模型(PM)描述了用戶界面的表現(xiàn)形式，由層次性的交互對象組成。 交互對象一般由抽象交互對象(AIO - Abstract Interactive Object)和具體交互對象(CIO - Concrete Interactive Object)組成。 管理信息系統(tǒng)的交互界面：填表界面 界面元素：界面元素屬性，對幾何對象、內(nèi)容對象、繪制對象的描述 面板：界面元素的模型定義+界面元素的列表和布局的定義 XML描述,山東大學(xué)計算機(jī)學(xué)院,3,表現(xiàn)模型,表現(xiàn)模型(PM)描述了用戶界面的表現(xiàn)形式，由層次性的交互對

2、象組成。 交互對象一般由抽象交互對象(AIO - Abstract Interactive Object)和具體交互對象(CIO - Concrete Interactive Object)組成。 管理信息系統(tǒng)的交互界面：填表界面 界面元素：界面元素屬性，對幾何對象、內(nèi)容對象、繪制對象的描述 面板：界面元素的模型定義+界面元素的列表和布局的定義 XML描述,面板用戶界面邏輯組織結(jié)構(gòu),森林的結(jié)構(gòu) 每棵樹是一個面板 葉結(jié)點是單位界面元素對象,(a)面板用戶界面的圖形顯示 (b)面板用戶界面的數(shù)據(jù)結(jié)構(gòu)表示 (c)面板用戶界面的繪制,靠鏈表的頭部越近，在屏幕上顯示的排列順序越靠前 Eg:選中了面板C,

3、面板內(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ù),用戶產(chǎn)生了一個動作后，事件處理中心就獲得了用戶的動作和屏幕上的一個坐標(biāo)(x, y)。 使用鏈表搜索算法遍歷鏈表中每個節(jié)點 if (坐標(biāo)落在了某個面板區(qū)域內(nèi)部) 顯示該

4、面板及面板內(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)界面； ,面板內(nèi)部的事件分發(fā)及響應(yīng)方式,面板間的關(guān)系,Logical Window (LW)：任意IO的組合，一個物理窗口、子窗口區(qū)域、對話框和面板。 Presentation Unit (PU)：一個PU被定義為

5、一個完整的表現(xiàn)環(huán)境需要實現(xiàn)一個特定的交互任務(wù)。 每個PU可以分解為一個或許多同時、交替或是以某種組合的形式在屏幕上顯現(xiàn)的 LW。每個PU至少存在一個主窗口，允許其它窗口導(dǎo)航。,基于面板的用戶界面表現(xià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),面板界面分類,獨立

6、顯現(xiàn)的自由面板(FreePanel)、面板面板(PanelPanel)、原子面板 (ComponentPanel) 獨立顯現(xiàn)的面板一般是可以單獨運(yùn)行的應(yīng)用程序界面，具有依賴性的面板是可獨立顯現(xiàn)的自由面板的一種特殊的形式 面板面板是用戶定義的可以嵌套到任意面板的而且不能獨立顯示的界面塊 原子面板是面板中的最小單位，是不可再分的面板。,界面描述語言,命令式語言 要求編程人員明確指定如何執(zhí)行任務(wù) C+, android 陳述式語言 要求編程人員只需要指定任務(wù)要做什么（抽象） 從XML獲取語法和句法,界面描述語言,界面：使用陳述性知識描述界面，使用過程進(jìn)一步解釋。 陳述性知識：給出事物本身的屬性及事物

7、之間的相互關(guān)系，對問題的解答隱含在知識中。 過程性知識：給出解決一個問題的具體過程。,陳述性語言,用戶界面標(biāo)記語言(UIML) 由結(jié)構(gòu)(structure)、樣式(style)、內(nèi)容(content)、行為(behavior)四個方面來描述,用戶界面標(biāo)記語言(UIML) 結(jié)構(gòu)：列舉了一系列界面部件何在不同的平臺中對應(yīng)的組織 樣式：定義界面部件中各種屬性對應(yīng)的值 類似HTML樣式表 內(nèi)容：將文本、聲音、圖片與做關(guān)聯(lián)，使得不同用戶組的界面國際化或自定義更為便利 行為：定義起作用的用戶界面事件和應(yīng)該做什么,陳述性語言,擴(kuò)展界面標(biāo)記語言(XIML) 由組件(Components)、關(guān)系(Relatio

8、ns)和屬性(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:窗體

9、，按鈕，滑塊等 對話 定義了有結(jié)構(gòu)的元素集對使用界面的用戶有效的交互動作，例如單擊、聲音、手勢等，對話指定了交互動作流，組成用戶界面的導(dǎo)航，在本質(zhì)上與任務(wù)組件類似，但在具體層次上執(zhí)行，任務(wù)組件處在抽象層次上。 關(guān)系 連接了一個組件內(nèi)的或跨組件的兩個或更多的XIML元素的定義，這些關(guān)系即時控制了組成用戶界面的操作。 屬性: 被賦予值的元素的特征。,陳述性語言,XML用戶界面語言XUL XUL提供創(chuàng)建現(xiàn)代圖形界面大多數(shù)元素的能力。 可以被創(chuàng)建的元素有： 輸入控制，eg: Textbox, checkbox Buttons或其他內(nèi)容的Toolbar 菜單欄上的菜單或上下文菜單 Tab對話框，層次或制表信息的樹控件、快捷鍵等,XUL 是什么？,XUL 表示 XML 用戶界面語言（XML User Interface Language）。 因為是 XML，所以 XUL 是一種聲明性語言。 XUL 提供了豐富的 UI 部件集合，這些部件可以加速開發(fā)進(jìn)程。 它是一種跨平臺的語言，可以在 Linux 上