第10章 人机交互综合实用实例

10.2 基于Web的中华太极拳学习系统
面对：太极拳专业运动者、业余爱好者
目的：解决互联网技术条件下如何利用数字媒体技术将太极拳的介 绍和教学从传统实体教学环境转向Web虚拟环境。 • 功能需求分析 • 功能流程设计 • 界面设计 • 功能模块设计
10.2.1 功能需求分析
• 系统用户：学习用户 系统管理员 以学习用户为例各模块： 首页、资讯（社团、国内、图片新闻）、教学（视频、 文字、三维）、历程、养生、书画、名人（家谱）等 • 用户用例图
人机交互综合实用实例
曾崇 龙岩学院
10.1 虚拟网球游戏系统
• 系统架构 分成四大模块 • 1.游戏逻辑模块 包括服务器和客户端 负责网络通信、数据处理和对游戏规则的运用
• 2.交互控制模块
主要设备：Kinect 游戏开始界面采用Kinect手势识别 捕捉不同玩家位置 识别玩家动作 输入信息传递给逻辑模块
10.2.2功能流程设计
• 太极拳爱好者用户流程图
开始 Yes
进入欢迎页，选择门派 进入门派主界面 返回欢 迎页
No
继续浏览 该门派？
Yes
首页
历程 书画 名人
No
浏览 社团 简介 浏览 发展 过程 了解 名人 故事
继续浏览 该门派？
Yes
结束
No
10.2.3 界面设计
1.界面风格定位： 确定系统的风格及主色调 2.界面迭代设计： 设计-评估-再设计-再评估 3.界面详细设计： 欢迎页、首页模块、历程模块、名人模块等界面图
• 3.立体渲染模块
根据交互控制模块捕捉两玩家位置，实时映射到相应角色在虚拟游 戏场景中的位置，通过双目摄像头拍摄该视点位置的左右画面，利 用NVIDIA 3D Vision实时渲染并进行交替显示，从而得到虚拟角色视 点的立体画面 Unity游戏引擎+Active Steroscopic 3D插件
10.2.4 功能模块设计
1.首页：首页模块时序图 2.资讯：资讯模块时序图 3.教学：时序图 4.书画：wk.baidu.com序图
作业
• 设计一个虚拟球类游戏系统，并进行系统架构设计和用户评估设 计
作业
• 设计一个Web应用，并进行功能需求分析和界面设计、功能模块 设计。
• 4.双画投影显示模块
包括两台立体投影仪和一个大屏幕。
利用时分式和光分式立体显示技术原理，使两玩家可以在同一屏幕 显示器上观看到不同的立体画面。
10.1.2 用户评估
1.测试设计 （1）被试 （2）实验材料 （3）因变量测量 2.测试流程 体验游戏------完成测量问卷 3.测试结果与分析 （1）可用性指标 （2）满意度指标