人机交互课程设计方案VRML设计方案虚拟校园漫游系统.docVIP

《人机交互》综合设计报告 设计名称： 人机交互综合设计 选题名称： VRML设计--虚拟校园漫游系统 姓 名 学 号： 专业班级： 系 （院）： 设计时间： 指导教师评语： 签名： 年 月 日 目 录 一、概述 3 1、项目背景 3 2、系统简介： 3 3、开发环境： 3 4、主要技术 3 二、需求分析 4 1、用户分析 4 2、用户设计流程 4 3、任务分析 4 三、设计 5 1、界面设计原则 5 2、设计模型 5 3、系统描述 6 4、使用的交互技术 6 四、界面实现 6 五、主要源码设计 7 六、可用性评估 8 1、评估指标体系 9 2、具体步骤 9 3、结果分析 10 七、结论 10 1、总结 10 2、不足之处 10 3、心得体会 10 一、概述 1、项目背景,因为浏览器是本地平台提供的,从而实现了与硬件平台的无关性。 现今，基于VRML的虚拟校园漫游系统已经有很多成功案例，如成都电子科技大学、义乌工商学院等，都已成功开发出了虚拟校园漫游系统。 2、软件定义：4、开发环境：max, VRML 二、需求分析 1、用户分析 该系统的用户为偶然型用户，即没有计算机应用领域的专业知识，也缺少计算机系统基本知识的用户，遍布各种年龄层次，文化背景，职业特征和爱好等。所以本系统的人机交互主要体现在鼠标点击事件。点击事件为从此角度来观看整个校园。 2、用户设计流程 （1）用户的观察和分析 通过组织一组用户进行讨论，以便更了解用户的理解，想法，态度和需求。 （2）设计 通过3D Max软件制作界面，并加入交互。 （3）实施 实施阶段，对系统原型进入最后的调整。 3、任务分析 （1）管理员和用户使用本虚拟校园漫游系统的用例图，如下图所示 （2）用户漫游校园的顺序图 三、设计 1、界面设计原则 1）界面要具有一致性 2）常用操作要有快捷方式 3) 提供必要的错误处理功能 4) 提供信息反馈 5) 允许操作可逆 6) 设计良好的联机帮助 7) 合理划分并高效地使用显示屏幕 2、设计模型 图1 信息楼的3D模型 图2 文科楼的3D模型 图3 理科楼的3D模型 图4 花台的3D模型 3、系统描述 通过VRML制作的虚拟校园是个规模较大的三维场景,旨在通过网络展示校园风貌,用户可以走入虚拟校园中,观赏校园的自然风貌,领赂校园的生活氛围。浏览者可以利用输入设备控制自己的视点和视角,对这个虚拟场景进行全方位的浏览和交互。 4、使用的交互技术 本系统做运用的交互技术有 (1)定位：确定平面或空间的一个点的坐标。 (2)定值：用于设置物体的旋转角度，缩放比例等。 (3)选择：在某个选择集中选出一个元素，通过注视，指点或接触一个对象，使对象成为后续行为的焦点。 (4)几何约束：用于对图形的方向，对齐方式等进行规定和校准。 四、界面实现 1、用户可用键盘上的前后左右键漫游系统，在系统中行进； 2、用户可用鼠标在系统中行进漫游； 3、用户漫游时无法用+、—控制速度； 4、用户可用NetScape浏览器自带的功能键实现俯视或仰视建筑（图5、图6、图7）； 图5 NetScape浏览器自带的功能键（左起第一个是控制视角的） 图6 用键得到的俯瞰信息楼图 图7 用键得到的信息楼仰视图 五、主要源码设计 WRL文件格式是VRML语言编写程序的文件格式，可用记事本直接打开，以下是信息楼，文科楼和理科楼的3D模型的代码，其中“#”以后为程序注释语句。 #信息楼代码开始（xinxilou.wrl） DEF col Transform { children [Shape { appearance Appearance { exture ImageTexture { url xinxilou.jpg}}#链接到信息楼的图片作为墙体图片geometry ox { size 40 35 10 } #楼的立体大小} ]} Transform { translation