人机交互课程设计--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 0 8.5 0 children [USE col] #楼在三维环境中的地址 #信息楼代码结束 #文科楼代码开始（wenkelou.wrl） DEF col Transform children [Shape appearance Appearance texture ImageTexture url xinxilou.jpg geometry Box size 40 35 10 ] Transform translation 50 8.5 0 children [USE col] #文科楼代码结束 #理科楼代码开始（likelou.wrl） DEF col Transform children [ Shape appearance A