这个作业属于哪个课程 |
https://edu.cnblogs.com/campus/zswxy/software-engineering-2017-1 |
这个作业要求在哪里 |
https://edu.cnblogs.com/campus/zswxy/software-engineering-2017-1/homework/10574 |
这个作业的目标 |
结对编程设计完成APP的界面设计 |
作业正文 |
如下所示 |
其他参考文献 |
墨刀的使用视频教程 |
一.结对人员
肖颢璇 |
20177674 |
王佳 |
20177670 |
二.开发工具
墨刀
三.需求分析—NABCD模型
问题背景
在学校这个大家庭中,老师和学生扮演不同的角色,不同身份也有着不同的困扰。老师默默关注学生的动态,想要知道学生近况,却不知从何问起,萌新学生想要了解导师进行选择、在读学生想要更多机会更多经验,这个时候,如果能够联系到同系同导师的直系学姐,那便是最好不过了,学姐学长也能把自己的内推机会更好利用。我们需要这样一个网站系统、或APP、或轻度社交软件、或依附于微信的轻度社交小程序,能把同门的家族关系建立起来。具有动态分享和社交的功能;具有一定隐私性,外人只能查看基本信息,无法窥探细节;但假如是家族树的人,可以知道同门家族的前驱后继,自己的前人和后来者,自己的导师,乃至导师的导师的导师的导师。
N(Need,需求)
老师需求:
- 实时动态信息:可通过某位同学的信息主页知道学生的大致现状,如毕业后的去向和所擅长的科目等,可以不通过尴尬询问学生了解很多的情况。
- 聊天通信:可与想要了解的学生实现通信,快捷而便利。也可了解自己导师的现状。
- 快速查询:通过师生树能快速看到自己想要得到的信息,通过点击师生的头像可以进入学生或者老师的主页。
学生需求:
- 实时动态信息: 可通过某位老师或者学长学姐的信息主页知道TA的大致现状,看是在那个公司上班,在担任什么职务,如果想要来袭他们有联系方式,方便了毕业找工作的交流,以及是否最近可以内推学弟学妹。
- 聊天通信:可与同学交流分享学习经验,快捷而便利。也可了解自己导师的现状。询问老师关于自己学术上遇到的困难。
- 快速查询:通过师生树能快速看到自己想要得到的信息,通过点击师生的头像可以进入学生或者老师的主页
A(Approach,做法)
• 当下手机比起电脑更为广泛使用,继承微信qq的模块,app形式更容易上手,具备基本聊天和动态分享功能。教师与学生分开注册
• 具有聊天功能,也能发布动态分享等
• 通过树的形式将导师与学生联系起来,加入家族树后可以点击头像查看信息和添加好友。
• 通讯录保存好友信息,可以使用分组和搜索功能更快的找到好友
B (Benefit,好处)
• 延续了QQ与微信的快捷聊天功能和查看消息列表功能,省时省力。
• 解决老师,在读,毕业学生的困扰
• 师生树拉进师生的距离,毕业后也能时常和老师交流
• 功能界面简洁明了
C (Competitors,竞争)
优:
- 容易在家族树中找到和自己相关的学长学姐。
- 师生家族树与社交平台联系起来
劣:
- 功能不够全面,面向的用户范围窄
D (Delivery,推广)
• 我们可以将它推广到学校的一些微信上的公众号来进行宣传,例如口袋青年
四.原型设计
• 开发流程
一:两人一起交流,拟定功能草图与模型。
二:分工完成自己负责的模块,同时交流需要修改的地方。
三:大体结束后进行模块间交互,以及细节优化。
四:撰写博客。
• 登录界面
• 注册界面
注册时要绑定自己的手机号,方便我们对你的信息进行管理,同时分为学生登录和老师登录,可进行身份选择。
• 忘记密码
如果忘记了密码,我们设置了通过注册时使用的手机号收到验证码的方式来找回密码。
• 首页信息
登录后进来看到的界面就如下图所示,包括了消息界面以及师生树等信息。
• 消息界面
提供一个类似于所有社交平台的消息查看界面,包括个人消息以及群消息,可以快捷的与朋友,老师,同学进行聊天。还可以添加新的好友等功能。
• 师生树界面
通过点击树上的分类,可以进入另一个大类,点击老师或者同学的头像,可以进入他们的个人主页,进一步了解他们的所教课程,所属班级,联系方式以及学长学姐所属的公司,工作岗位和是否能够内推学弟学妹来实习等信息。
同时通过个人信息的头像点击,还可以查看你点开那个人的师生树。了解他的老师以及同学。
• 好友动态界面
在这个界面可以查看师生的动态,了解想法
• 动态展示
五.结对的过程
• 任务分配
王佳:使用开发工具设计软件模型
肖颢璇:对模型进行补充(软件工具的使用各自单独学习,博文内容一同编写,不做详细说明)
• 结对照片
• 困难与解决方案
1. 界面风格难以敲定
解决方案:重新审视适用人群及产品价值,过于花哨的确能使学生们更加喜爱,但是此产品推动最需要的是老师们在使用,考虑到老师们的年龄阶段(没有内涵老师们年龄的意思~)与需求,简单明了、直观的设计更加实用。(对比微信和QQ使用人群,非拉踩)
2. 跳转不动
解决方案:本来想尝试企业版墨刀的多用户编辑同一项目,但是肖颢璇电脑实现不了跳转,操作方法通过百度查询和B站教学视频皆未发现问题所在,所以此次软件模型的设计操作,王佳是主要输出。
3. 树的设计
解决方案:二人对“家族树“的设想差异较大,王佳在树的基础上做了分类,令查询人脉更加清晰明了,在商讨之下,决定选用王佳的设计。
• 心得总结
王佳:这次的家族树项目让我知晓了理解用户需求的重要性,对需求分析不断地提炼让我们有了设计的灵感和构思。第一次使用墨刀同时第一次做原型设计,感觉每一个界面虽然看起来简单但是真正设计出来还是挺困难的。还好有了NABCD模型作为辅助,加上两个人不断的沟通最终完成了。真的是收获颇丰~
肖颢璇:这是第一次做软件模型,非常有趣,结对编程非常适合做这个项目,因为每个人对于产品的想法都是不一样的,通过讨论才能发现自己觉得真棒的设计实质上非常反人类,而伙伴可以给出不一样的更好的想法。同样的,在市面上推出的产品也是需要不定期收集用户们的使用感想,产品不能按照自己的喜好来设计,便于用户使用才是唯一标准。(拉踩豆瓣阿北,每次软件改版都会比之前难用一万倍一万倍!!!!)
• pdf附件
(因为无法上传PDF,故将PDF文件压缩上传)
改动部分
由于考虑到老师和同学的树的原型应该有所不同,所以我们就把两者的分类那里改了一下。
因为用户可以查看任意自己想查看的人的“树”,了解那个人的前驱和后继,故我也加了一条隐私设置,来设置自己的权限。通过设置界面可以进入.......
树的整体思想,我们就没有再做什么改变了
• 自评分
项目 |
分数 |
NABCD |
35 |
功能设计 |
22 |
界面设计 |
20 |
结对过程描述 |
9 |
成员信息 |
2 |
结对照片
|
2 |
pdf附件 |
2 |