人機交互論文+課程設計報告書

1、淮海 工學院計算機工程學院課程設計報告設計名稱：Web 3D界面設計選題名稱：家居室內(nèi)設計姓名：學號：專業(yè)班級：系（院）：設計時間：設計地點：指導教師評語:成績:簽名：年月 日，概述 a* B & . . *. KB ! SiB BLB S3項目背景隨著信息技術的發(fā)展，Web3D界面越來越成為新的需求和熱點，這就需要相應的3D技術支撐Web3D界面。Web3D可以簡單地看成是Web技術和3D技術相結(jié)合的產(chǎn)物，是互聯(lián)網(wǎng)上實現(xiàn)3D圖形技術的總稱。Web3D技術是實現(xiàn)網(wǎng)頁中虛擬現(xiàn)實的一種最新技術。從技術的親緣關系來看，Web3D 技 術源于虛擬現(xiàn)實技術中的VRML( Virtual Reality

2、Modeli ng Lan guage )分支。VRML是互聯(lián)網(wǎng)3D圖形的開放標準。VRML是3D圖形和多媒體技術通用交換的文件格式，它基于建模技術，描述交互式的3D對象和場景，不僅應用在互聯(lián)網(wǎng)上，也可以用在本地客戶系統(tǒng)中，應用范圍極廣。VRML開始于20世紀 90年代初期。1998年。VRML組織把自己改名為Web3D組織，同時制訂了一個新的標準，Extensible3D (X3D)，到了 2000年春天，Web3D組織完成了 VRML到X3D的轉(zhuǎn)換。X3D整合正在發(fā)展的XML JAVA、流技術等先進技術，包括了更強大、更高效的3D計算能力、渲染質(zhì)量和傳輸速度。在此期間，一場Web3D格式的

3、競爭正在進行著。Adobe Atmosphere創(chuàng)建網(wǎng)絡虛擬三維環(huán)境的專業(yè)開發(fā)解決方案、還有Macromedia Director 8.5 Shockwave Studio。Web3D的實現(xiàn)技術，主要分三大部分，即建模技術、顯示技術、三維場景中的交互技術。系統(tǒng)簡介本系統(tǒng)作為一個家居室內(nèi)設計觀賞，提供給閱覽者可以從各個角度觀看房間。開發(fā)環(huán)境3DMax In ternet Explorer主要技術HTML, VRML二，需求分析分析用戶該系統(tǒng)的用戶為偶然型用戶，即沒有計算機應用領域的專業(yè)知識，也缺少計算機系統(tǒng)基本知識的用戶，遍布各種年齡層次，文化背景，職業(yè)特征和愛好等。所以本系統(tǒng)的人機交互主要體現(xiàn)

4、在鼠標點擊事件。點擊事件 為從此角度來觀看這個房間。設計流程用戶的觀察和分析通過組織一組用戶進行討論，以便更了解用戶的理解，想法，態(tài)度和需求。設計通過3D Max軟件制作界面，并加入交互。實施實施階段，對系統(tǒng)原型進入最后的調(diào)整。任務分析使用行為分析(2)順序分析用戶1系統(tǒng)屏幕點擊圓椅返回從坐在圓椅上的角度觀看房間iiiii點擊油煙機返回從站在油煙機旁邊的角度觀看房間iiiii jiqi TOC o 1-5 h z iiii HYPERLINK l bookmark56 o Current Document i點擊餐椅：i，7返回從坐在餐椅上的角度觀看房間i電I HYPERLINK l book

5、mark62 o Current Document i點擊畫iiif返回從站在畫旁邊的角度觀看房間iiiii點擊窗返回從站在門口的角度觀看整個房間iiii! !iiii點擊水壺環(huán)視房間LJ（3）協(xié)作關系分析選擇從某個角度觀看場景去口系統(tǒng)鼠標皿應界面系統(tǒng)屏幕（4）工序約束陳述只有在當前場景中有出現(xiàn)的物體，才能點擊。例：如果在當前界面中沒有水壺，則無法點擊水壺得到環(huán)視房間的界面。（5）故事講述和情景分析角色：cdd,用戶目標：瀏覽房間環(huán)境：整個房間步驟：點擊相應物體，轉(zhuǎn)換相應場景情感：交互系統(tǒng)的交互過程簡潔，順暢，用戶對完成任務的過程感到滿意。三，概要設計1,界面設計原則1）界面要具有一致性2）常

6、用操作要有快捷方式3）提供必要的錯誤處理功能4）提供信息反饋5）允許操作可逆6）設計良好的聯(lián)機幫助7）合理劃分并高效地使用顯示屏幕2液吊通任務模型：/使用系統(tǒng)/74ITO_t?.觀賞:I選擇所處場景I顯示相應界面系統(tǒng)描述本系統(tǒng)作為,個家居室內(nèi)設計觀賞，提供給閱覽者可以從各個角度觀看這個房間。所用的交苴技術本系統(tǒng)做運用的交互技術有定位：確定平1印或空間的一個點的坐標.定值：用于設置物體的旋轉(zhuǎn)角度，縮放比例等。選擇：在癖選擇集中選出一個元素，通過注視，指點或接觸一個對象，使對象成為后續(xù) 行為的焦人L兒何約束：用F對圖形的方向,對齊方式等進行規(guī)定和校準四，詳細設計與實現(xiàn)1,初始界面如下:證氐U環(huán)1H

7、FL-蘑居室內(nèi)設計現(xiàn)貫4,點擊餐椅后所轉(zhuǎn)換場景如下：吃E3D黑曲設計一家居室內(nèi)說計聊克5,點擊書柜后所轉(zhuǎn)換場景如下:WE63：#面設Vt-家居室內(nèi)設汁觀寓6,點擊水壺將呈現(xiàn)環(huán)視場景如下:Rtt.M f BCH卜朗:空穴1*11蕨WJB EAuijyspwiLr噸31邪DUH卜韋J0呈 HJF五，可用性評估1,評估指標體系根據(jù)網(wǎng)站的特點及服務人群，提出可用性為效果、效率和用戶主觀滿意度等。肝特自曼量: 可以皴 究mas,am征Wife動機I任務特因變t:隨著自變量的變it而變餉用冊反應L效_I 妤I易學我I易果朝州藕曲渡砒標： 反映毆 量的腫 金面化或 量2巾躺任務完挪椰觥康度微珈瞬上f!過程或

8、任務的或讓用戶和可點擊物體并2,具體實現(xiàn)步驟評估人員介紹測試的目的思維訓練在做什么？看到了什么？怎么想的？有什么疑問？任務介紹用戶使用系統(tǒng)之前盡可能告訴用戶有關系統(tǒng)的信息，詢問用戶是否有關于研究目標、 問題。開始測試結(jié)束測試詢問用戶是否還有更多的關于系統(tǒng)或研究的問題?；卮鹉切┈F(xiàn)在就可以回答的問題， 以回答這些問題的人聯(lián)系。3,結(jié)果分析80%勺測試者的完成比率較高，反應了測試任務設計是比較合理的，以簡單任務開始，以簡單任務結(jié)束，使得用戶在任務完成時有成就感。20%勺測試者的完成比率較低的原因為：沒有明確標記出來。六，結(jié)論這次的Web3D界面，我主要運用的是3DMax是Autodesk公司開發(fā)的基

9、于PC系統(tǒng)的三維動畫渲染和制 作軟件，廣泛應用于廣告、影視、工業(yè)設計、建筑設計、多媒體制作、游戲、輔助教學以及工程可視化等領域。 我在3DMax中，創(chuàng)建并編輯了多個對象，將他們組合在了一起，為他們指定特殊材質(zhì)，使他們看起來更加真實。為了實現(xiàn)交互，在界面中有設置了燈光和攝像機，用 輔助對象中的錨實現(xiàn)了在不同攝像機之間的轉(zhuǎn)換。通過這次實驗，我學到了很多關于WEB3D理論和實踐方面的知識，但我還有很多可以改進的地方：我還可以把界面做得更好，實現(xiàn)更多的交互功能，并且在vrml領域做更多的深入。未來人機交互的發(fā)展將走向高科技化，自然化，人性化。所使用的計算機將趨向平面化、超薄型化、便攜 式、袖珍型；輸入方式將朝著多通道華發(fā)展，跟蹤球、觸摸屏、光筆、語音輸入等競相登場；多媒體技術、虛擬 現(xiàn)實及強有力的視覺工作站將提供真實、動態(tài)的影響和刺激靈感的用戶界面。隨著計算機圖形學、軟件工程、人工智能、窗口系統(tǒng)等軟件技術的進步，設計更應該充分發(fā)揮整合、協(xié)調(diào)的 作用，在圖形藝術、心理學、人機工程學等方面作深入的研究。在圖形界面廣泛應用的基礎之上，進一步要求能 夠通過視覺、聽覺、嗅覺、觸覺，以及形體、手勢或口令，更自然的進入到環(huán)境空間中去，形成人機直接對話， 從而取得身臨其境的體驗。在軟件界面設計中，盡可能的使用自然語言，發(fā)展圖、文、聲、光等多種形式，是畫