软件工程实践2019第四次作业

结对成员

031702208
031702212

---

需求分析——NABCD模型

N——Need

根据题目归纳痛点：

• 教师方面
  • 偶尔想了解毕业学生的工作、发展情况，但没有适合的方式
• 新生方面
  • 不知道如何选择毕设导师、研究生导师；
  • 希望通过已毕业的学长学姐对老师的评价、看法或直接给出的建议中得到帮助；
  • 希望知道毕业学长学姐的去向和现状，以便了解今后自身的发展前途和趋势
• 在读生方面
  • 面临求职问题，缺乏对公司面试准备、如何进一步深造的了解；
  • 希望得到同门学长学姐的帮助和内推机会，但无从得知他们的情况、联系方式；
• 毕业生方面
  • 想念老师，想了解老师的现状却顾虑重重；
  • 有工作招聘的内推机会可以提供给学弟学妹，但不了解他们的联系方式和需求情况

A——Approach

设计一个基于Web端的原型，满足：

• 用户体验：个人信息和家族树可以从教务处系统导入，让家族树成员用户可以直接登陆就开始使用，无需自己填写自己基本信息及查找自己家族树组织，游客则需要注册登录；
• 导师选择：新生没有导师家族树，但可以在搜索栏搜索导师名字，从而看到导师关联家族树，从而向家族树成员了解导师相关讯息，从而了解、选择导师；
• 人才寻找：
  • 设置擅长Tab实现家族树内查找擅长某领域的学生，是方便学长学姐寻找内部推优对象，学弟学妹找前辈求助的方便途径；
  • 设置动态社区，求职招聘、学术交流都可以在这里发帖和寻贴，给寻找工作、寻找人才的学生一个平台

B——Benefit

• 同时具有家族关系、动态分享和社交的功能，也有一定隐私性，有效覆盖了大部分日常需求
• 对动态功能和交流权限进行一些改造，它甚至可以成为企业树，以部门、员工这样的形式实现上级下发任务的便利
• 基于Web端开发，适应性更强

C——Competitors

• 优势：
  实现了以导师——学生为联系的家族树，融合了QQ、微信等软件的聊天功能，但是对比这些社交软件它以校园、导师、同学为一个圈子，它利于：

  • 1.生活与学习（工作）分割。

    我相信很多人都会有打开QQ想要下载一个文档，发布一个通知，但是不知道为什么就不自觉点开了各个群消息、空间，一通刷完后才想起来自己原本是要干什么的经历。本产品隔离开来这些干扰选择，找导师就点击导师与导师对话，要讨论自己遇到的学术问题可以点对点找擅长相关方向的人，或者在Moment相关分类下发帖求助。

  • 2.家族树交流

    对比其他繁杂的交友软件，这款产品实现：导师可以轻易找到自己想要交流的任何一届的学生。学长学姐也可以根据学弟学妹的擅长Tab找到自己公司目前想要的人才。而对于萌新，现实中萌新与学长学姐之间很难有所交集，很多不懂的疑惑或许对前辈是轻而易举，对萌新就是焦头烂额。在这款软件中萌新可以在家族树中擅长这方面的学长学姐请教。

  • 3.社区讨论

     虽然网上有很多交流社区，但是同一个学院布置的任务相同，大家起点相近，会遇到的困难也一样。在本产品内的交流社区发布的问题由导师、同门解答更加贴近自身需求。

• 劣势
  • 要实现家族树内的交流可能会造成优秀学生消息爆满的情况，大家都想找大佬，如果大佬都并不想被打扰设置比较严格的好友验证（本产品默认好友才能交流），就难以实现理想的互帮互助
  • 产品需要一定的用户数量和后台数据库，要不然就只是一个空树

D——Delivery

• 通过贴吧、QQ群、公众号等途径推广
• 在校园内人流量大的地方（如青春广场）进行宣传活动
• 通过学校数据导入导师及学生信息，无论那名学生有没有使用这款产品，产品可以展现一个数据完整的家族结构
• 让产品参加各类比赛，让产品获得知名度
• ...

---

结对过程

结对原因：菜鸟抱团，互帮互助

原型设计工具：Axure RP 9

结对照片

---

详细介绍

起始页面

• 点击JOIN进入登陆/注册页；点击其他地方有一些小动态效果
• 封面图来源@福州大学全媒体中心视觉传媒部
  

登陆/注册页

• 注册框：左下角按键单击后选择身份（教师/学生/游客），若已有账号点击右侧“LOGIN”选择登陆
• 登录框：通过用户名或邮箱登陆，若无账号点击左侧“SIGN UP”选择注册
• 切换有动态效果
• 为了美观效果用了英文...这种常见单词对大学师生来说应该没问题吧？
  
  

个人信息页

• 基本的信息表
  • 不包含个人隐私，每个人都可以查看
    
• 收藏夹
  • 包含自己收藏的各种帖子，包括导师讯息、求职讯息等等，有利于用户快速浏览自己需要的消息（右上左1图标进入帖子详情）
    
    

家族树-FamilyTree

• 点击家族树显示的是以自己导师为根的家族树，可以看到导师带的每一级学生
• 右侧栏为当前所有被填上的节点（自动显示与当前用户的关系），右侧栏中的任一头像可按住拖动到树的任一节点，会根据后台数据自动更新整棵树
  • 如图情况要查看导师的导师，就把点亮列表第一个导师的头像拖入叶节点任意位置，松手后根节点就会更新为导师的导师，叶节点也会更新为导师的导师所带的学生
• 鼠标移到学生头像可以看到他的名字和擅长Tab，也可以通过搜索框搜索Tab
  

聊天页-Chat

• 右侧为聊天列表（按时间顺序）
• 中间部分为聊天框，考虑到总框架竖向比较窄，把它设置为可以独立出来的窗口，可通过右上角的按键合并回主框
  

动态页-Moment

• 左侧栏选择要看的组，特别有部门社团项，点击可以看到部门介绍，部门管理员发表的部门动态，便于新生了解选择要参加的部门
• 中间部分为动态浏览页，顶上的菜单为动态分类，根据不同分类可进行的操作不同：
  • 个人动向：可点赞/评论
  • 其他：（有点类似于说说的设定） 可点赞/评论/转发/收藏
  • 功能帖：帖子是一个跟其他比较不同的类别，可进入帖子/收藏
  • 文章：可点赞/评论/转发/收藏 （也许还可以打赏
• 右上角是个人动态基本情况，点击house图标进入动态主页
• 右下角mini发送框，可放大成独立窗口，右下角选择动态分类（必选）
• 在动态浏览页面点击头像进入的是个人动态首页，在动态首页再次点击头像才是个人信息页
  

消息提醒页-Notification

• 右侧为菜单，选择查看系统消息/@/评论/点赞（不选默认全部）
• 中间查看消息列表，可直接回复
  
  

设置

• 隐私设置：根据个人喜好设置对非家族树成员的可见内容（目前不打算具现了
• 退出账号：回到登陆/注册界面

一些动图

整体皮肤是取色器从背景图上吸的色，可能不适合猛男用户（？
装作它有个换肤功能好了

---

个人总结

• 031702212：这次美术作业一开始做的还挺开心，后来逐渐颓废_(:зゝ∠)_ 做出来的东西也没有预期的好看，但总体上勉强满意吧。有些功能描述的不是很清楚，因为其实我们自己也构思的不是很清楚...很多地方其实是「开局一张图功能全靠编」本来以为是我们做的东西太多才这么慢 结果发现大家做的都好多啊我效率真的低每天都在做最后只有这几页 可能是太爱抠细节了_(:зゝ∠)_ 收获的话，学到了NABCD模型 Axure算勉强一点点会用吧（还有好多功能没试过，重点是画布真的不知道怎么设置啊！！为什么不像其他原型工具那样有固定大小，我在自己电脑上按照浏览器界面设置出来的尺寸到了队友那边放出来就不吻合了 吓得我不敢放预览链接免得到时候助教打开一看一坨白边
  ↑好像不是总结是碎碎念 最后表白跟我轮流不行轮流可以的队友（？
  
• 031702208：原本第一次听到要做结对作业的时候内心是拒绝的，因为觉得两个人很难统一想法。但是后面我们参考一些好看的ui设计选择整体风格后，一切真的就水到渠成一样。我们两个都是比较会听取对方意见的，在结对过程中一开始的基础功能的讨论，到后面各个界面设计的风格统一调整，再到最后基本完成，一点点针对需求的自我反问是否做到如何实现的再修改。不足的地方就是还有一些功能处在无法实现只是一个想法框架（就是一些原型里面没法点击的按钮）。本来以为会是菜鸟抱团，但是结果出来的成品是超出预值（可能预期值没有定的太高），感谢结对小伙伴，我是那种软件比较难上手的人，在用Axure RP的时候她的帮助真的让我省去了非常多的百度探索时间，总结就是结对体验真的异常良好！！
  

附件

→PDF