结对项目之需求分与原型设计.PDF

结对项目之需求分析与原型设计 2016年9月17日 21:23 王凌杰（031402631 ） 李烈争（031402614 ） 需求分析（NABCD ） • N （Need ，需求）: 现有的导师选择系统是单向的，而且信息的汇总是一层一层向上汇总最后进行人工整合，然 后进行某种神奇不知道名字的算法进行分配，这样的做法费时费力，而且容易出错。在这种 情况下，学生对导师的认识有限，选择的过程不透明、不是双向的，对导师不公平、选中之 后通知不及时、选中后要导师or学生的联系方式不方便、而且现行的做法是老师发一个导师 联系方式或者学生的联系方式的excel表格，这样的方式查看不方便，而且容易泄露个人信 息（我的信息就是不想被某人看到之类的）针对这些问题，我们产品就是为了解决这样的问 题。 • A（Approach，做法） 毕业导师选择的过程一辈子只有一次，而且面对跨平台兼容的问题，操作便捷性，web是最 好的选择。对此我们打算做一个网站，其中有学生、老师、管理员三种登入人员，不同的 人员有不同的权限，看到的信息也是不同的，我们的做法是是将学生、老师的个人信息， 选择要求等导入一个数据库中，不同的人，显示不同的信息，导师选择、分配成功后，可以 显示选中的老师，学生等。具体的实现方式，看下面原型设计的过程。 • B（Benefit，好处） 流程更加透明，学生老师的相互了解更多，双向选择，选中之后可以第一时间知道自己被谁 选中/选了谁，获得导师和学生的电话。 • C（Competitors，竞争） 优点：同好处；劣势：其他组的人都很强啊，设计的东西也很好，压力好大；其他组的原型 设计都是彩色的，我们的是素描的，会不会直接夭折？ • D（Delivery，推广） 推广的对象当然是老师和教务处啦，学生没有决定权。范围这么小，明确，直接发邮件，上 门推广就好了。 原型模型设计工具 • Mockplus 原型设计工具 选择的理由是操作简单，学习成本低（其他也有下载体验过，比 较之后）。 • Adobe Photoshop (图片的裁剪，合并，图片排版（以下图片排版都是使用photoshop的联系 表II功能）mockplus免费版不可导出图片，有时候截图不能完整) • XMind 思维导图工具 • Onenote 文档共同编辑 • 手机 计时工具 下面是原型模型工具的界面图： 分区 结对项目之需求分析与原型设计 的第 1 页 模型设计过程 模型结构及相应功能模块讨论 这里我们使用的是XMind思维导图来做，这样做的好处就是对大概要做什么有一个大概的了 解，模型设计的时候可以从大到小，不拘泥于细节。纸质版的草稿就不上了，图丑字乱 （丑），下面使我们这次讨论完成后的思维导图： 对于上图的一些细节问题，我们打算放在下面详细介绍。从上图看，我们将整个网站的功能 模块分成了四大块，登入界面、学生界面、管理员界面。我们原型设计时选择的时素描类 型，对于用彩色的来说，可能不是那么的直观，但省去各种配色的问题，节约了时间。这是 我们选择素描的初衷。做完后算了一下，总工有28个界面，这么多的界面每个都详细的介 绍，篇幅不够，所以，选择一下典型的界面进行讲解，其他的整合成一张图。 1.登录界面 分区 结对项目之需求分析与原型设计 的第 2 页 登录界面比较简单，有三个单选框按钮，选择不同的登入类型，进入不同的界面。 2.学生界面 刚进入学生界面，首先看到的就是导师列表，侧边导航栏采用的是下拉列表（手风琴），节 约空间，共有个人信息、导师选择、志愿管理、结果四大块。可能你要问了，为什么一进来 首先看到的四导师列表？因为我们认为，我们的目的是选择导师，填写个人信息之类的东西 都是为选择导师服务，所以将这个界面提到最重要的位置，在下面导师界面重也有同样的考 虑。 • 导师个人信息 分区 结对项目之需求分析与原型设计 的第 3 页 点击导师列表中的一个item则会跳转到导师的个人信息，导师的个人信息除了导师的基础信 息之外，还给出了导师的详