OJ原型图
介绍
首先,我们进行了需求分析,然后根据需求在Axure上绘制我们的原型图。
需求分析
学生和老师有着不同的界面,学生登录后进入学生界面,老师登录后进入老师界面
学生需求
1.可以通过选择学期看课程
2.平时课程与考试分开
3.代码上交后可以看到结果(具体错在哪里)
4.可以查看错题
5.考试的题在考试之前不可查看,考完试后可以查看
老师需求
1.可以分年份查看课程
2.可以查看课程内的学生名单以及题目完成情况
3.可以上传课程和题目和考试的内容
使用软件
Axure RP 8
原型图
我们的原型图大体上分为学生和老师两大类,但他们是根据同一个登录界面进入的
登录部分
1.登录界面
我们区分了用户类型,老师或学生登录时选择他所对应的类型即可,登录时可以用户名,也可以用邮箱。
2.注册界面
这是我们的注册界面,填写注册邮箱方便在遗忘密码时找回密码。
3.找回密码界面
学生部分
用户类型选择学生后登录,默认跳转到学生界面的题目界面。
1.题目界面
题目界面主要是给同学们提供各种各样的题,方便同学们刷题。
点击题目,可进入题目详情界面
题目详情界面
提交结果界面
根据结果,可以了解自己的代码是哪方面的错误,类似于,输出结果错误、数组超限等等。
2.课程界面
课程界面可以根据右方的下拉栏来选择个学期的课程
如下图为大一下的课程
课程详情界面
点击某一具体课程,可以看到课程的作业题目,以及自己的通过率
3.考试界面
在该考试界面可以根据右方的下拉框选择各个学期的考试
-
若该科目还没有到达考试时间,显示
-
若该科目在考试时间,则显示(在该界面输入老师给的密码回车即可)
-
若该科目已经考完试了,则显示
4.个人中心界面
个人信息界面
安全设置
在这个部分可以修改密码
老师部分
用户类型选择老师后点击登录则进入老师界面,默认进入老师的课程界面
1.课程界面
点击具体课程后,默认进入题目列表页面
题目列表
添加题目界面
添加题目,老师输入题目,题目详情和测试用例即可。测试用例根据输入输出添加,添加后会在下方测试用例显示,如果想要某一个测试用例显示在题目上,点击是否可见即可
学生名单界面
从学生名单界面,老师可以看到选该课的学生的学号,姓名,以及通过课程题目的通过率
2.上传课程界面
上传课程和上传考试均可以用这个部分,根据类型判断是课程还是考试即可
3.个人中心
老师的个人中心与学生的个人中心差不多
个人信息
安全设置
原型图文件链接
链接
https://pan.baidu.com/s/1iUg_uBskmY6MeqeMhhusqg
提取码
f09o