2020软件工程作业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,需求）

老师需求：

• 实时动态信息：可通过某位同学的信息主页知道学生的大致现状，如毕业后的去向和所擅长的科目等，可以不通过尴尬询问学生了解很多的情况。
• 聊天通信：可与想要了解的学生实现通信，快捷而便利。也可了解自己导师的现状。
• 快速查询：通过师生树能快速看到自己想要得到的信息，通过点击师生的头像可以进入学生或者老师的主页。

学生需求：

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

  A（Approach,做法）

  •      当下手机比起电脑更为广泛使用，继承微信qq的模块，app形式更容易上手，具备基本聊天和动态分享功能。教师与学生分开注册

  •     具有聊天功能，也能发布动态分享等

  •     通过树的形式将导师与学生联系起来，加入家族树后可以点击头像查看信息和添加好友。

  •     通讯录保存好友信息，可以使用分组和搜索功能更快的找到好友

  B (Benefit,好处)

  •     延续了QQ与微信的快捷聊天功能和查看消息列表功能，省时省力。

  •     解决老师，在读，毕业学生的困扰

  •     师生树拉进师生的距离，毕业后也能时常和老师交流

  •     功能界面简洁明了

  C (Competitors,竞争)

  优：• 容易在家族树中找到和自己相关的学长学姐。师生家族树与社交平台联系起来

  劣：• 功能不够全面，面向的用户范围窄

  D (Delivery,推广)

  •      我们可以将它推广到学校的一些微信上的公众号来进行宣传，例如口袋青年

  四．原型设计

   

  •  开发流程

  一：两人一起交流，拟定功能草图与模型。
  二：分工完成自己负责的模块，同时交流需要修改的地方。
  三：大体结束后进行模块间交互，以及细节优化。
  四：撰写博客。

   

  •  登录界面                                   

   

   

   

  •  注册界面

  注册时要绑定自己的手机号，方便我们对你的信息进行管理，同时分为学生登录和老师登录，可进行身份选择。

   

   

   

  • 忘记密码

  如果忘记了密码，我们设置了通过注册时使用的手机号收到验证码的方式来找回密码。

• 

   

   

  • 首页信息

  登录后进来看到的界面就如下图所示，包括了消息界面以及师生树等信息。

   

  • 消息界面

  提供一个类似于所有社交平台的消息查看界面，包括个人消息以及群消息，可以快捷的与朋友，老师，同学进行聊天。还可以添加新的好友等功能。

  

   

  •   师生树界面

  通过点击树上的分类，可以进入另一个大类，点击老师或者同学的头像，可以进入他们的个人主页，进一步了解他们的所教课程，所属班级，联系方式以及学长学姐所属的公司，工作岗位和是否能够内推学弟学妹来实习等信息。

   

   

   

   

   

  同时通过个人信息的头像点击，还可以查看你点开那个人的师生树。了解他的老师以及同学。

   

   

   

  •   好友动态界面

  在这个界面可以查看师生的动态，了解想法

   

   

   

  五．结对的过程

  •   任务分配

    王佳：使用开发工具设计软件模型
    肖颢璇：对模型进行补充（软件工具的使用各自单独学习，博文内容一同编写，不做详细说明）

   

  •   结对照片

   

  •   困难与解决方案

   

  1. 界面风格难以敲定
     解决方案：重新审视适用人群及产品价值，过于花哨的确能使学生们更加喜爱，但是此产品推动最需要的是老师们在使用，考虑到老师们的年龄阶段（没有内涵老师们年龄的意思~）与需求，简单明了、直观的设计更加实用。（对比微信和QQ使用人群，非拉踩）
     2. 跳转不动
     解决方案：本来想尝试企业版墨刀的多用户编辑同一项目，但是肖颢璇电脑实现不了跳转，操作方法通过百度查询和B站教学视频皆未发现问题所在，所以此次软件模型的设计操作，王佳是主要输出。
     3. 树的设计
     解决方案：二人对“家族树“的设想差异较大，王佳在树的基础上做了分类，令查询人脉更加清晰明了，在商讨之下，决定选用王佳的设计。

   

  •  心得总结

  王佳：这次的家族树项目让我知晓了理解用户需求的重要性，对需求分析不断地提炼让我们有了设计的灵感和构思。第一次使用墨刀同时第一次做原型设计，感觉每一个界面虽然看起来简单但是真正设计出来还是挺困难的。还好有了NABCD模型作为辅助，加上两个人不断的沟通最终完成了。真的是收获颇丰~

  
  肖颢璇：这是第一次做软件模型，非常有趣，结对编程非常适合做这个项目，因为每个人对于产品的想法都是不一样的，通过讨论才能发现自己觉得真棒的设计实质上非常反人类，而伙伴可以给出不一样的更好的想法。同样的，在市面上推出的产品也是需要不定期收集用户们的使用感想，产品不能按照自己的喜好来设计，便于用户使用才是唯一标准。（拉踩豆瓣阿北，每次软件改版都会比之前难用一万倍一万倍！！！！）

•  pdf的附件  

 https://files.cnblogs.com/files/helitrope/博客园最终版.zip

       • 自评分 

项目	分数
NABCD	35
功能设计	22
界面设计	20
结对过程描述	9
成员信息	2
结对照片	2
pdf附件	2