人机交互实验

一、实验目的.通过选课系统的设计，使学生熟悉和掌握界面设计的分析过程，锻炼设计能力。.根据选课系统的需求，设计选课系统的界面。二、实验原理.选课系统需求分析.可用性原则和Shneiderman8条黄金规则.人机交互的界面评价标准三、使用仪器、材料Windows、Asure等实验三指导书四、实验步骤.依据已学的人机界面知识对选课系统进行分析研究；.标记该系统的需求；.根据你的用户需求，确定用户技能水平，设定人物角色；.对该系统的主要任务进行任务描述、任务分析，选择设计的交互风格；.以用户为中心，考虑可用性和人机界面设计原则进行系统的详细设计；.对自己设计的界面进行评估得出结论，写出评价。五、实验过程原始记录（数据、图表、计算等）.对选课系统的分析选课系统是各大高校最重要的系统之一，而它也是最容易出现问题，受学生抱怨的系统。好的选课系统可以让学生用最短的时间选上自己喜欢的课，而较差的选课系统则会令学生头疼甚至”听天由命”，选到什么就上什么，重大选课网就是其中之一。本实验基于重庆大学选课系统采访了几位有选课经历同学关于选课网的看法，收集到了一些有价值的结果，其中大多是关于选课网不足的方面，总结如下：1）压力承载能力太弱，每次选课网站都会崩溃。2）学生不知道有哪些可选课程，到找到感兴趣的课程时常常已经没有名额了。3）筛选条件太少，选不到想选的课。4）不提示已选课程和欲选课程冲突，直到提交时才告知课程冲突。5）不知道需要选多少学分，导致多选或者漏选。从以上同学们的反映可以从反面总结出选课系统应有的特点：1）稳定性网站要有足够的压力承载能力，起码保证在选课高峰期网站不会失去响应。2）信息反馈让学生掌握自己的课程状态，包括已经选上了哪些课，选了多少学分，还需要选多少学分等等。3）易用性方便学生根据自己的情况尽快筛选出想选的课程。4）学习时间短5）预防错误.用户分析选课系统最主要是面向正常有独立动手能力的大学生，对于这样一个有基本人机界面操作能力的用户群，最重要的是要使界面在保证简洁实用的前提下尽量美观。综合以上分析，设计如下：.界面设计教务网有记录的课程一般包括：课程名称、开课学院、课程类型、课程ID、任课老师以及上课时间等几个信息。所以选课主界面包括了精准查询和模糊筛选查询功能。图一选课主界面页面中间区域是符合筛选条件的课程列表:图二课程列表课庭名游开课学院WID任一吴老师1匚港言程序设计钦伴学院专业其Et限123356李四00叵）2生物拄生命科技学院三眼制性送1懈466541包gg□3Unuxj封乍系就计算机学院划选衡132145矣gg□4领塔生命科技学院三胆割住远1螭12346B珏gg□每一行代表一个课程，包括课程名称、开课学院、课程类型、课程ID、任课老师等信息。侧有两个按钮，是选课按钮，点击课程被放入“购物车”点击确认系统会检测是否与已选课程冲突，如冲突则会提示，并显示冲突信息:图三冲突信息该按钮是课程时间按钮，点击后弹出相应课程的课程时间:图四课表

毁一分二徵三星蝌星顺星期六■■1―6周83。周上午下午左侧是筛选栏，有三个选项:1）按学院筛选点击”按学院筛选”按钮后弹出学院筛选对话框，如下所示：图五学院筛选对话框软件学院计算机学院化工学院声明科学学院艺术学院电影学院数统学院新闻学院外语学院教蜿学院新闻学院软件学院计算机学院化工学院声明科学学院艺术学院电影学院数统学院新闻学院外语学院教蜿学院新闻学院按学院筛选按谀程类型筛选健师信息筛选学院也是同时支持精准和模糊筛选的2）课程类型筛选点击按钮后弹出课程类型列表图六3）教师信息筛选点击按钮后弹出教师信息筛选列表图七教师筛选对话框捌市姓名教师捌市姓名教师ID可以通过教师姓名及教师ID筛选。上部有精准查询框图八精准查询课以通过课程名称和课程ID查询课程，且有”只显示有名额课程”的选项，选中之后系统只显示有名额的课程。下方三个按钮图九三按钮提交按钮，点击后将向服务器提交购物车中选中的课程购物车，点击后显示购物车中的课程刷新按钮，刷新筛选条件，显示所有课程最右下方是查看已选课程按钮，点击后进入已选课程页面。图十图十一，已选课程界面已选课程汗谡本IS|iWSSffi!1JBBD、Ctl碎*皆时□竹院号』:■砒品手四OQ付□D□1生的翊?胖聚三用融性酬屋d5e541E£oo产1□□uLhux爆忙相"ttWr^R上区陛!112145口口GnoO主场登空生皓啕在孚陈三醉市胜曲樱123456E£口口r°i□DU直啦货33独幡4Z公射iftltd.i文明!魁44E1它也各宿■+43装aa速第一个表显示已经成功选上的课程。和之前页面不同的是最右侧的按钮变为删除按钮，点击后弹出确认删除对话框，点击确认后删除相应课程。第二个表是本学期选课总览，包括三个信息，课程类型，应当选分数，已选分数，方便学生掌握自己的选课情况。下方两个按钮，查看课表，继续选课。查看课表按钮点击后弹出，已选课程课表。继续选课按钮点击后返回之前的页面接续选课。.界面评估该选课系统界面功能较完善，所以第一次访问网站用户可