人机交互论文+课程设计报告书

1、淮海 工学院计算机工程学院课程设计报告设计名称：Web 3D界面设计选题名称：家居室内设计姓名：学号：专业班级：系（院）：设计时间：设计地点：指导教师评语:成绩:签名：年月 日，概述 a* B & . . *. KB ! SiB BLB S3项目背景随着信息技术的发展，Web3D界面越来越成为新的需求和热点，这就需要相应的3D技术支撑Web3D界面。Web3D可以简单地看成是Web技术和3D技术相结合的产物，是互联网上实现3D图形技术的总称。Web3D技术是实现网页中虚拟现实的一种最新技术。从技术的亲缘关系来看，Web3D 技 术源于虚拟现实技术中的VRML( Virtual Reality

2、Modeli ng Lan guage )分支。VRML是互联网3D图形的开放标准。VRML是3D图形和多媒体技术通用交换的文件格式，它基于建模技术，描述交互式的3D对象和场景，不仅应用在互联网上，也可以用在本地客户系统中，应用范围极广。VRML开始于20世纪 90年代初期。1998年。VRML组织把自己改名为Web3D组织，同时制订了一个新的标准，Extensible3D (X3D)，到了 2000年春天，Web3D组织完成了 VRML到X3D的转换。X3D整合正在发展的XML JAVA、流技术等先进技术，包括了更强大、更高效的3D计算能力、渲染质量和传输速度。在此期间，一场Web3D格式的

3、竞争正在进行着。Adobe Atmosphere创建网络虚拟三维环境的专业开发解决方案、还有Macromedia Director 8.5 Shockwave Studio。Web3D的实现技术，主要分三大部分，即建模技术、显示技术、三维场景中的交互技术。系统简介本系统作为一个家居室内设计观赏，提供给阅览者可以从各个角度观看房间。开发环境3DMax In ternet Explorer主要技术HTML, VRML二，需求分析分析用户该系统的用户为偶然型用户，即没有计算机应用领域的专业知识，也缺少计算机系统基本知识的用户，遍布各种年龄层次，文化背景，职业特征和爱好等。所以本系统的人机交互主要体现

4、在鼠标点击事件。点击事件 为从此角度来观看这个房间。设计流程用户的观察和分析通过组织一组用户进行讨论，以便更了解用户的理解，想法，态度和需求。设计通过3D Max软件制作界面，并加入交互。实施实施阶段，对系统原型进入最后的调整。任务分析使用行为分析(2)顺序分析用户1系统屏幕点击圆椅返回从坐在圆椅上的角度观看房间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点击水壶环视房间LJ（3）协作关系分析选择从某个角度观看场景去口系统鼠标皿应界面系统屏幕（4）工序约束陈述只有在当前场景中有出现的物体，才能点击。例：如果在当前界面中没有水壶，则无法点击水壶得到环视房间的界面。（5）故事讲述和情景分析角色：cdd,用户目标：浏览房间环境：整个房间步骤：点击相应物体，转换相应场景情感：交互系统的交互过程简洁，顺畅，用户对完成任务的过程感到满意。三，概要设计1,界面设计原则1）界面要具有一致性2）常

6、用操作要有快捷方式3）提供必要的错误处理功能4）提供信息反馈5）允许操作可逆6）设计良好的联机帮助7）合理划分并高效地使用显示屏幕2液吊通任务模型：/使用系统/74ITO_t?.观赏:I选择所处场景I显示相应界面系统描述本系统作为,个家居室内设计观赏，提供给阅览者可以从各个角度观看这个房间。所用的交苴技术本系统做运用的交互技术有定位：确定平1印或空间的一个点的坐标.定值：用于设置物体的旋转角度，缩放比例等。选择：在癖选择集中选出一个元素，通过注视，指点或接触一个对象，使对象成为后续 行为的焦人L儿何约束：用F对图形的方向,对齐方式等进行规定和校准四，详细设计与实现1,初始界面如下:证氐U环1H

7、FL-蘑居室内设计现贯4,点击餐椅后所转换场景如下：吃E3D黑曲设计一家居室内说计聊克5,点击书柜后所转换场景如下:WE63：#面设Vt-家居室内设汁观寓6,点击水壶将呈现环视场景如下:Rtt.M f BCH卜朗:空穴1*11蕨WJB EAuijyspwiLr吨31邪DUH卜韦J0呈 HJF五，可用性评估1,评估指标体系根据网站的特点及服务人群，提出可用性为效果、效率和用户主观满意度等。肝特自曼量: 可以皴 究mas,am征Wife动机I任务特因变t:随着自变量的变it而变饷用册反应L效_I 妤I易学我I易果朝州藕曲渡砒标： 反映殴 量的肿 金面化或 量2巾躺任务完挪椰觥康度微珈瞬上f!过程或

8、任务的或让用户和可点击物体并2,具体实现步骤评估人员介绍测试的目的思维训练在做什么？看到了什么？怎么想的？有什么疑问？任务介绍用户使用系统之前尽可能告诉用户有关系统的信息，询问用户是否有关于研究目标、 问题。开始测试结束测试询问用户是否还有更多的关于系统或研究的问题。回答那些现在就可以回答的问题， 以回答这些问题的人联系。3,结果分析80%勺测试者的完成比率较高，反应了测试任务设计是比较合理的，以简单任务开始，以简单任务结束，使得用户在任务完成时有成就感。20%勺测试者的完成比率较低的原因为：没有明确标记出来。六，结论这次的Web3D界面，我主要运用的是3DMax是Autodesk公司开发的基

9、于PC系统的三维动画渲染和制 作软件，广泛应用于广告、影视、工业设计、建筑设计、多媒体制作、游戏、辅助教学以及工程可视化等领域。 我在3DMax中，创建并编辑了多个对象，将他们组合在了一起，为他们指定特殊材质，使他们看起来更加真实。为了实现交互，在界面中有设置了灯光和摄像机，用 辅助对象中的锚实现了在不同摄像机之间的转换。通过这次实验，我学到了很多关于WEB3D理论和实践方面的知识，但我还有很多可以改进的地方：我还可以把界面做得更好，实现更多的交互功能，并且在vrml领域做更多的深入。未来人机交互的发展将走向高科技化，自然化，人性化。所使用的计算机将趋向平面化、超薄型化、便携 式、袖珍型；输入方式将朝着多通道华发展，跟踪球、触摸屏、光笔、语音输入等竞相登场；多媒体技术、虚拟 现实及强有力的视觉工作站将提供真实、动态的影响和刺激灵感的用户界面。随着计算机图形学、软件工程、人工智能、窗口系统等软件技术的进步，设计更应该充分发挥整合、协调的 作用，在图形艺术、心理学、人机工程学等方面作深入的研究。在图形界面广泛应用的基础之上，进一步要求能 够通过视觉、听觉、嗅觉、触觉，以及形体、手势或口令，更自然的进入到环境空间中去，形成人机直接对话， 从而取得身临其境的体验。在软件界面设计中，尽可能的使用自然语言，发展图、文、声、光等多种形式，是画