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、或轻度社交软件、或依附于微信的轻度社交小程序,能把同门的家族关系建立起来。具有动态分享和社交的功能;具有一定隐私性,外人只能查看基本信息,无法窥探细节;但假如是家族树的人,可以知道同门家族的前驱后继,自己的前人和后来者,自己的导师,乃至导师的导师的导师的导师。

NNeed,需求)

老师需求:

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

学生需求:

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

    AApproach,做法)

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

 

六.一点点改变

由于考虑到老师和同学的树的原型应该有所不同,所以我们就把两者的分类那里改了一下。

因为用户可以查看任意自己想查看的人的“树”,了解那个人的前驱和后继,故我也加了一条隐私设置,来设置自己的权限。通过设置界面可以进入.......

 树的整体思想,我们就没有再做什么改变了

原文地址:https://www.cnblogs.com/helitrope/p/12638834.html