嘉应学院质量工程项目申报系统

这篇文章发布于 天之前,文中所陈述的信息可能已发生改变。

很幸运的在来到学校不到两个月的时间里从宇翔师兄和硕彬师兄在学校网络中心接到了来学校之后的第一个项目。项目开始的时间是 11 月 1 日,总体的结构完成时间大概是在 11 月 20 号,然后差不多很长的一段琐碎时间花来写文档,做迭代。

嘉应学院质量工程项目申报系统基于 PHP + MySql,使用了 CodeIgniter 框架,然后自己一个人独立负责了整个申报系统的前端以及后端开发。这篇文章主要是介绍一下这个系统的主要功能以及在做项目中的一些总结,不会公布关于该系统的任何源码。

设计结构

根据学校网络中心和教务处发给我的需求文档,项目的主要功能包括:

  • 设置不同的账户角色,主要有:普通用户、学院用户、教务管理用户以及专家评分用户;
  • 普通用户注册后需要教务处审核后才能建立申报项目;
  • 普通用户可以自行建立新项目,并提交到学院,然后由学院提交到教务处审核,最后专家组评分;
  • 普通用户新建项目需要按照申报的项目类型填写项目内容;
  • 学院用户、教务处可以审核用户提交上来的项目;
  • 专家评分后可以生成评分列表;
  • 项目根据用户填写的内容可生成 PDF 文件在线预览;
  • 其他需求不一一列举。。。

主界面设计风格

嘉应学院质量工程项目申报系统

界面的设计主要参考了 http://developers.facebook.com/ 的设计风格,以简洁为主。

嘉应学院质量工程项目申报系统注册界面

注册页面的设计:使用了尽量简洁的注册内容,保证用户可以快速、便捷地完成注册流程;

嘉应学院质量工程项目申报系统普通用户新建项目

普通用户新建项目

嘉应学院质量工程项目申报系统项目管理页面

项目管理页面:重新编辑,提交,预览等功能;

嘉应学院质量工程项目申报系统项目内容编辑流程

项目内容编辑流程:使用 ueditor 编辑器,按步骤流程编辑项目内容;

嘉应学院质量工程项目申报系统教务处项目管理界列表

教务处项目管理界列表:可以进行批量操作以及对单个项目进行 AJAX 编辑和提交,并能根据项目的类型以及所属的学院属性进行筛选;

嘉应学院质量工程项目申报系统教务处项目管理界列表

教务处用户管理界列表:可以进行批量操作以及对单个用户进行 AJAX 编辑和提交,并能根据项目的类型以及所属的学院属性进行筛选;

嘉应学院质量工程项目申报系统系统设置

系统设置:可以根据开放权限控制申报流程,以及限制各个学院申报的项目数量;

嘉应学院质量工程项目申报系统专家评分

专家评分:教务处可以决定专家对哪些项目进行评分,专家可以通过专家组帐号对项目进行评分,评分结果自动计算;

项目的一些总结

由于一些原因,所以无法做一个 Web 的 Demo,所以只能用图片做演示了,当然图片还是不够完全表现出整个系统的特性,一个系统怎样还是需要去用才能知道。

在申报系统上线之后,得到了很多的老师的反馈,有些地方也许你觉得应该这样做,但是真正的情况是用户并不买单。在设计网站的时候还是要多考虑大众的用户,而在这个申报系统的用户里有很大的一部分是年龄较老的老师,当然很多地方我确实没有考虑到。