软工作业04

             

这个作业属于哪个课程

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的大致现状,看是在那个公司上班,在担任什么职务,如果想要来袭他们有联系方式,方便了毕业找工作的交流,以及是否最近可以内推学弟学妹。
  • 聊天通信:可与同学交流分享学习经验,快捷而便利。也可了解自己导师的现状。询问老师关于自己学术上遇到的困难。
  • 快速查询:通过师生树能快速看到自己想要得到的信息,通过点击师生的头像可以进入学生或者老师的主页

AApproach,做法)

•      当下手机比起电脑更为广泛使用,继承微信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

posted @ 2020-04-05 17:42  Juri啊  阅读(191)  评论(0编辑  收藏  举报