一、实验目的1.通过选课系统的设计,使学生熟悉和掌握界面设计的分析过程,锻炼设计能力。2.根据选课系统的需求,设计选课系统的界面。二、实验原理1.选课系统需求分析2.可用性原则和Shneiderman8条黄金规则3.人机交互的界面评价标准三、使用仪器、材料Windows、Asure等实验三指导书四、实验步骤1.依据已学的人机界面知识对选课系统进行分析研究;2.标记该系统的需求;3.根据你的用户需求,确定用户技能水平,设定人物角色;4.对该系统的主要任务进行任务描述、任务分析,选择设计的交互风格;5.以用户为中心,考虑可用性和人机界面设计原则进行系统的详细设计;6.对自己设计的界面进行评估得出结论,写出评价。五、实验过程原始记录(数据、图表、计算等)1.对选课系统的分析选课系统是各大高校最重要的系统之一,而它也是最容易出现问题,受学生抱怨的系统。好的选课系统可以让学生用最短的时间选上自己喜欢的课,而较差的选课系统则会令学生头疼,甚至”听天由命”,选到什么就上什么,重大选课网就是其中之一。本实验基于重庆大学选课系统采访了几位有选课经历同学关于选课网的看法,收集到了一些有价值的结果,其中大多是关于选课网不足的方面,总结如下:1)压力承载能力太弱,每次选课网站都会崩溃。2)学生不知道有哪些可选课程,到找到感兴趣的课程时常常已经没有名额了。3)筛选条件太少,选不到想选的课。4)不提示已选课程和欲选课程冲突,直到提交时才告知课程冲突。5)不知道需要选多少学分,导致多选或者漏选。从以上同学们的反映可以从反面总结出选课系统应有的特点:1)稳定性网站要有足够的压力承载能力,起码保证在选课高峰期网站不会失去响应。2)信息反馈让学生掌握自己的课程状态,包括已经选上了哪些课,选了多少学分,还需要选多少学分等等。3)易用性方便学生根据自己的情况尽快筛选出想选的课程。4)学习时间短5)预防错误2.用户分析选课系统最主要是面向正常有独立动手能力的大学生,对于这样一个有基本人机界面操作能力的用户群,最重要的是要使界面在保证简洁实用的前提下尽量美观。综合以上分析,设计如下:3.界面设计教务网有记录的课程一般包括:课程名称、开课学院、课程类型、课程ID、任课老师以及上课时间等几个信息。所以选课主界面包括了精准查询和模糊筛选查询功能。图一选课主界面页面中间区域是符合筛选条件的课程列表:图二课程列表每一行代表一个课程,包括课程名称、开课学院、课程类型、课程ID、任课老师等信息。右侧有两个按钮,是选课按钮,点击课程被放入”购物车”点击确认系统会检测是否与已选课程冲突,如冲突则会提示,并显示冲突信息:图三冲突信息该按钮是课程时间按钮,点击后弹出相应课程的课程时间:图四课表左侧是筛选栏,有三个选项:1)按学院筛选点击”按学院筛选”按钮后弹出学院筛选对话框,如下所示:图五学院筛选对话框学院也是同时支持精准和模糊筛选的2)课程类型筛选点击按钮后弹出课程类型列表图六3)教师信息筛选点击按钮后弹出教师信息筛选列表图七教师筛选对话框可以通过教师姓名及教师ID筛选。上部有精准查询框图八精准查询课以通过课程名称和课程ID查询课程,且有”只显示有名额课程”的选项,选中之后系统只显示有名额的课程。下方三个按钮图九三按钮提交按钮,点击后将向服务器提交购物车中选中的课程购物车,点击后显示购物车中的课程刷新按钮,刷新筛选条件,显示所有课程最右下方是查看已选课程按钮,点击后进入已选课程页面。图十图十一,已选课程界面第一个表显示已经成功选上的课程。和之前页面不同的是最右侧的按钮变为删除按钮,点击后弹出确认删除对话框,点击确认后删除相应课程。第二个表是本学期选课总览,包括三个信息,课程类型,应当选分数,已选分数,方便学生掌握自己的选课情况。下方两个按钮,查看课表,继续选课。查看课表按钮点击后弹出,已选课程课表。继续选课按钮点击后返回之前的页面接续选课。4.界面评估该选课系统界面功能较完善,所以第一次访问网站用户可能会被不同的功能干扰,但由于本系统主要面向有基本操作水平的大学生,所以学习起来不会有任何困难,且在使用过程中用户会逐渐发现本设计的优越之处,可以根据各自不同的情况快速筛选出符合的课程,并且对自己的选课情况有很好的掌握。六、实验结果及分析关注用户需求,保证简洁,提高体验,力求美观。