人机交互论文课程设计.docxVIP

课程设计扌艮告 设计名称： Web 3D界面设计 选题名称： 家居室内设计 名:吴钟鸣学 号: 名: 吴钟鸣 学 号专业班级：计算机与信息工程学院 软件一班 指导教师评语： 成绩: 签名： 一，概述 项目背景 随着信息技术的发展，Web3D界面越来越成为新的需求和热点，这就需要相应的3D技术支 撐Web3D界面。Web3D可以简单地看成是Web技术和3D技术相结合的产物，是互联网上实现3D 图形技术的总称。Web3D技术是实现网页中虚拟现实的一种最新技术。从技术的亲缘关系来看， Web3D 技术源于虚拟现实技术中的 VRML (Virtual Reality Modeling Language)分支。VRML 是 互联网3D图形的开放标准。VRML是3D图形和多媒体技术通用交换的文件格式，它基于建模技术, 描述交互式的3D对彖和场景，不仅应用在互联网上，也可以用在本地客户系统中，应用范围极广。 VRML开始于20世纪90年代初期。 1998年。丫RML组织把自己改名为Web3D组织，同时制订了一个新的标准，Extensible 3D (X3D),到了 2000年春天，Web3D组织完成了 VRML到X3D的转换。X3D整合正在发展的 XML、JAVA、流技术等先进技术，包把;了更强大、更高效的3D计算能力、渲染质量和传输 速度。 在此期间，一场Web3D格式的竞争正在进行着。Adobe Atmosphere创建网络虚拟三维 环境的专业开发解决方案、还有Macromedia Director 8. 5 Shockwave Studio。 Web3D的实现技术，主要分三大部分，即建模技术、显示技术、三维场景中的交互技 术。 系统简介 本系统作为一个家居室内设计观赏，提供给阅览者可以从各个角度观看房间。 开发环境 3DMax, Internet Explorer 主要技术 HTML, VRML 二，需求分析 分析用户 该系统的用户为偶然型用户，即没有计算机应用领域的专业知识，也缺少讣算机系统基本知识 的用户，遍布各种年龄层次，文化背景，职业特征和爱好等。所以本系统的人机交互主要体现在 鼠标点击事件。点击事件为从此角度来观看这个房间。 设计流程 用户的观察和分析 通过组织一组用户进行讨论，以便更了解用户的理解，想法，态度和需求。 设计 通过3D Max软件制作界面，并加入交互。 实施 实施阶段，对系统原型进入最后的调整。 3,任务分析 (1)使用行为分析 顺序分析 用户 系统屛幕 点击圆椅 返回从坐在岡椅匕的角度观右■房间 点击油烟机 X 返回从姑在油烟机旁边的角度观看房间 / X 点击餐椅 \ Z 返回从坐在餐椅上的角度观看房何 X 点击慚 \ Z 返回从站在画旁边的対度观韦房何 X 点击窗 X / 返回从姑在门11的帝度观看整牛房间 / X 点击水;』 X -k 环视房间 2 协作关系分析 （4） 工序约束陈述 只有在当前场景中有出现的物体，才能点击。例：如果在当前界面中没有水壶，则无法点 击水壶得到环视房间的界面。 （5） 故事讲述和情景分析 角色：cdd,用户 目标：浏览房I可 环境：整个房间 步骤：点击相应物体，转换相应场景 情感：交互系统的交互过程简洁，顺畅，用户对完成任务的过程感到满意。 三，概要设计 1,界面设计原则 1） 界面要具有一致性 2） 常用操作要有快捷方式 3） 提供必要的错误处理功能 4） 提供信息反馈 5） 允许操作可逆 6） 设计良好的联机帮助 7） 合理划分并高效地使用显示屏幕 2,设计模型 系统描述 本系统作为一个家居室内设计观赏，提供给阅览者可以从各个角度观看这个房间。 所用的交互技术 本系统做运用的交互技术有 定位：确定平面或空间的一个点的坐标。 定值：用于设置物体的旋转角度，缩放比例等。 选择：在某个选择集中选出一个元素，通过注视，指点或接触一个对象，使对象成为后续 行为的焦点。 几何约束：用于对图形的方向，对齐方式等进行规定和校准。 四，详细设计与实现 1,初始界面如下: WEB3D界面设计一家居室內设计观赏 2,点击圆椅后所转换场景如下: WEB3D界面设计一家居室內设计视赏 3,点击油烟机后所转换场景如下： WEB3D界面设计一家居室内设计观赏 4,点击餐椅后所转换场景如下: WEB3D界面设计一家居室内设计观赏 5,点击书柜后所转换场景如下: WEB3D界面设计一家居室内设计观赏 6,点击水壶将呈现环视场景如下： 设什TJX,內设廿厲真 WEB3D异■设计TW 内设计电貫 设什?卞龙宰內设计观夷 五,可用性评估 b评估指标体系 根据网站的特点及服务人群,提出可用性为效果、效率和用户主观满意度等。可以齣究 者黝腋肝特征人口学粧征 特 务 任式醇程素 方T