《面向应用的人机交互界面设计》毕业设计论文2.doc

管理员界面——修改2
在第二部分中,管理员的设定中,罗列出现有管理员,然后在每条信息的后面都有两个按钮,修改和删除,当按下一种一个按钮后就可以进行相应操作。如果是修改,则在下方对应的文本框中会显示出内容供修改。在下方有一个添加按钮,可以进行管理员的添加,添加的管理员可以直接在上面显示出来。后面两个部分基本也是这样的布局。
管理员界面——修改3
基本图片如下:
当按下某条信息后对应的修改按钮后,会弹出一个对话框,显示当前这条信息的详细情况,然后管理员可以根据自己的需求进行修改,修改完毕后按下确定键即可完成修改,如果修改完了以后突然感觉不想修改了,按下取消按钮就取消修改操作,该用户则仍然拥有原来的权限。如果按下删除按钮,那么就会弹出删除对话框,如果管理员按下确定按钮,该条信息就被删除,如果按下取消按钮,那么这条信息就被保留下来。
基本图片如下:
管理员界面——修改3
修改按钮
管理员界面——修改3
删除按钮
2、教师界面
1)登录界面
教师的登录界面与管理员的登录界面是一起设计的,因此基本设计过程如上,不再重复,而教师界面就有所不同了。
2)教师界面
初期设计:
信息修改部分
教师界面中,第一部分是信息的修改,教师可以对论文信息进行修改,因此首先要让教师能够浏览自己所有的论文题目,并且在每个题目后面都有修改和删除按钮,这样教师就可以方便的进行论文题目或要求的修改,一旦教师按下某个题目的修改按钮,在下方就会出现论文题目和要求,教师修改完毕后按下确定按钮就可以了。如果要添加信息,按下添加按钮,就可以添加论文题目了。在添加完毕后,按下确定键所添加的题目就会在上面的题目列表中显示出来,按下刷新键还可以调整题目的位置顺序。如果教师想删除某个论文题目,直接按下删除键就可以将对应的论文题目删除。这就使得教师的操作非常简便。
教师界面——初期设计
基本图片如下:

学生选题情况部分
在学生选题情况中,教师也是先看到自己的论文题目,只要单击每个论文题目,就可以在下面看到每个题目的学生情况,教师只需要从中单击一个学生,就可以锁定这个学生,如果后面教师想修改锁定而选择其他的学生,那么他还是可以重新选择的。

后期修改设计:
信息修改部分
这一部分中,考虑到添加按钮应该是在比较显眼并且操作上比较方便的地方,否则需要用户去找添加按钮就会影响到用户使用的速度和效率。因此将添加改到了下面部分中论文题目的上方,这样用户可以很清晰的看到添加按钮,然后可以在下面填入添加的内容,这样才符合一般人的逻辑思维。在提交以后,就添加到了上面的论文题目列表中,其他的操作跟上面的设计差不多。另外就是多了返回首页和关闭按钮,这样可以使用户很快的返回到第一页,以其他用户名登录,或者关系该页面,以免其他用户误入而修改了某些信息。并且当返回到第一页后,就不能再按下工具栏上的后退按钮,以免其他用户在该用户离开以后按下后退按钮,而进入前一用户的界面修教师界面——修改1
改资料。
学生选题情况部分
在这个部分中,首先当教师登录到自己的界面后,会有提示显示当前是某某教师正在查看论文选题情况,该教师共有几个论文选题,已锁定几个,未锁定几个,这样教师就可以对自己的题目有个大致的了解,也不会错误的进入其他教师的页面,具有核对信息的作用。在页面的右半部分,显示了教师的论文题目,在已经锁定学生的题目前会有一个小星号,便于教师很快的看到哪些题目已经锁定了学生不需要在进行重复操作,而在这条题目的后面写着锁定学生的姓名,在没有锁定学生的论文题目后面写着未锁定的状态标识。教师就可以单击这个题目而查看选择这个题目的学生姓名,单击学生姓名可以查看学生的基本信息,双击学生姓名,就可以锁定该学生。如果觉得不满意还可以进行重新选择,锁定另外一个学生。操作完毕后,教师也可以返回首页或者关系该页,退出选题系统。整个布局上清晰明了,不会给用户产生误导,也可以引导用户快速的进行操作。
基本图片如下:
教师界面——修改2
3、学生界面
1)登录界面
学生的登录界面与前面两个界面是一致的风格,因此这里就不多做解释了。
2)学生界面
学生界面中,由于学生的功能比较单一,只需要从教师出的论文题目中选择三个论文题目,然后提交,等待教师的锁定就可以了,因此设计时没有过多的界面,只有一个选题界面。当然在这里需要有一些信息必须要显示出来的,如教师的论文题目,教师的资料,学生所选择的论文题目等。如何来合理的显示这些资料信息是非常值得考虑的。
初期设计:
将教师与教师的论文题目对应罗列出来,并且按照教师的姓名归类,在右边空出备注部分,当学生单击在教师姓名或者论文题目上时备注中就会有教师信息和论文的要求显示出来。使得学生可以很快的看到教师和论文的信