结对作业一
| 这个作业属于哪个课程 | 2021春软件工程实践S班 (福州大学) |
|---|---|
| 这个作业要求在哪里 | 作业连接 |
| 结对学号 | 221801135 & 221801114 |
| 这个作业的目标 | 学习使用原型工具、设计原型、学习NABCD模型 |
| 其他参考文献 | 《构建之法》 |
一、PSP表格和效能分析
PSP表格
本次作业只涉及到原型设计，所以编码部分暂未计算
| PSP2.1 | Personal Software Process Stages | 预估耗时（分钟） | 实际耗时（分钟） |
|---|---|---|---|
| Planning | 计划 | 15 | 20 |
| • Estimate | • 估计这个任务需要多少时间 | 15 | 20 |
| Development | 开发 | 440 | 510 |
| • Analysis | • 需求分析 (包括学习新技术) | 60 | 50 |
| • Design Spec | • 生成设计文档 | 30 | 30 |
| • Design Review | • 设计复审 | 50 | 40 |
| • Coding Standard | • 代码规范 (为目前的开发制定合适的规范) | -- | -- |
| • Design | • 具体设计 | 300 | 390 |
| • Coding | • 具体编码 | -- | -- |
| • Code Review | • 代码复审 | -- | -- |
| • Test | • 测试（自我测试，修改代码，提交修改） | -- | -- |
| Reporting | 报告 | 80 | 75 |
| • Test Repor | • 测试报告 | 30 | 35 |
| • Size Measurement | • 计算工作量 | 20 | 15 |
| • Postmortem & Process Improvement Plan | • 事后总结, 并提出过程改进计划 | 30 | 25 |
| 合计 | 535 | 605 |
效能分析
目前为原型设计阶段，暂时无法进行效能分析，需要到编码完成后进行。
二、原型地址
原型在这里（缩放45%体验最佳）
三、原型介绍
设计思路
首先分析用户需求，用户需要的是一款具有引擎功能，并且可以对于搜索的结果进行处理的平台。于是我们想到了借用电商模板来制作该平台，爬虫获取论文列表（商品列表），用户输入关键词进行搜索（查找商品），每篇论文有热词分析（商品标签）以及摘要原链接等信息（商品详情），用户可以把感兴趣的文章放入收藏夹（购物车），平台会根据放入收藏夹的文章分析出你可能感兴趣文章（推荐商品）。
界面设计
用户群体基本以软件相关开发者为主，于是主题颜色设置为深色的色调，主题风格采用简约风，UI设计尽量模仿手机端，让用户有更顺滑的使用体验，同时也方便平台未来向手机端转移。
产品介绍
主题设计采用简约风格。
主页组件主要有中心输入框和两种输入方法，其余功能组件隐藏在右上角的菜单中。用户单击输入按钮后会跳转至论文列表界面。
所有的页面都具有右上角的菜单栏选项，单击后会弹出菜单栏，菜单栏中具有用户管理，个人中心，历史记录，收藏夹以及网页外观偏好设置。收藏夹会存储用户在浏览过程中收藏的论文，并以论文项的形式展示，同时后台将会统计用户的关注热点，并分析个人偏好。以后会加入推荐文章的功能，统计结果将会成为推荐的衡量标准之一。深色模式更适合晚上工作的用户。菜单栏左上角有返回按钮再次点击可以隐藏菜单栏。
论文列表页面中心上方为主页logo，单击可返回主页。往下为导入的论文列表，论文列表项由论文标题，若干个标签，收藏和删除功能组成。单击论文项会弹出论文的具体信息，包括摘要和原文链接。单击论文项右端的收藏按钮会将论文加入收藏夹。单击论文项右端的删除按钮会删除该论文项。
在列表的右上方有搜索功能的按钮，单击可唤出。用户可以输入关键词对列表项进行筛选。列表的左右两侧分别有一个换页的按钮，分别连接着统计图表界面和关键词图谱界面。
关键词图谱界面将会对论文列表中的词汇进行统计，并以关键词图谱的形式展示论文列表中的热门关键词。并且形成超链接，用户单击后可以跳转到拥有对应关键词的论文列表中。
热度走势图界面从网络上爬取相关数据，将展示多年间、不同顶会的热词呈现热度走势对比。点击下方筛选按钮将从走势图中剔除被选择的热度走势路线。
四、困难解决
困难描述
- 本来想在展示论文列表项的时候加入一个从下至上的滑入特效，尝试了使用它自带的动效组件，但是组件效果很差，会使得列表项从很近的地方滑入，而非屏幕外，然后原型工具中又没有办法设置动画特效的路径；
- 墨刀这个原型工具虽然简单快捷，但是功能不够强大，使用Echarts制作的关键词图谱和热度走向图比较难嵌入到墨刀中。
解决尝试
- 取消动画特效这一功能，改为单纯的页面状态切换；
- 先在Echarts中制作出关键词图谱和热度走向图的范本，使用墨刀的基本组件加上交互操作来实现。
是否解决
- 解决✔
- 解决✔
有何收获
通过这一次的结对作业，充分地了解了原型的制作过程，基本上掌握了Axure和墨刀这两个原型制作工具，前者能够完成复杂系统的设计，而后者能够进行快速开发，上手较快。再有，这一次的作业是由两个人共同完成的，和一个人独立完成很不一样，增加了两个人一起合作的经验，共同讨论，共同解决问题，相互配合，一起进步。每一次的作业都是一次学习、进步的机会，经过不断地尝试，不断地实践，就能够更好地提升自己。
五、NABCD模型
问题描述
小刚是一个电影迷，他最近看了一个电影：里面的机器人很快的分类出他视野里的各个物体。这让他感到很酷炫，并且激发了他对计算机视觉领域的兴趣。于是他决定通过阅读论文来了解这个领域的研究现状，但令人苦恼的是，他不知道近几年计算机视觉领域的热门研究方向，根据论文列表去一篇一篇查找总结效率又着实太低，于是想求助“软件工程实践”的同学们，希望我们能帮助他设计一个平台解决现阶段的需求。
N（Need，需求）
-
需求分析
- 用户通过遍历的方式来查找论文的效率过低；
- 用户想要了解近几年的计算机领域的热门研究方向；
- 用户需要对已有论文进行相关的管理。
-
你的创意解决了用户什么需求？
- 用户能够直接查询论文，而不用根据论文列表去一篇一篇查找；
- 用户可以通过关键词谱直观地看出自己平常经常关注的热门研究方向；
- 用户可以通过热度走势图来了解近几年计算领域的热门研究方向。
A（Approach，做法）
-
通过Web平台来设计并实现相关论文的查询和管理；
-
用关键词图谱和热度走势图等来实现用户感兴趣的研究方向的可视化，使用图形图像等手段来将这部分的数据转化成更容易让用户接受的视觉表现；
-
基本功能
功能 详细说明 获取待爬取论文列表 支持用户输入单个论文题目，也支持批量导入论文列表 论文信息爬取 通过论文列表，爬取论文的摘要、关键词、原文链接 论文列表管理 可对论文列表进行增删改操作 论文列表查询 输入论文题目，也支持模糊查询：输入论文编号、关键词等基本信息 热门领域或热门研究方向的可视化 形成如关键词图谱之类直观的查看方式，点击某个关键词可展现相关的论文 展示近年热门研究方向 对多年间、不同顶会的热词呈现热度走势对比，以动图的形式呈现
B（Benefit，好处）
- 你这个产品/服务会给客户/用户带来什么好处呢？
- 便捷性。由于是基于Web平台的开发，所以用户不用下载特定的app或者电脑应用，只需要通过浏览器来访问网站，便捷快速，能实现跨平台访问；
- 数据直观。用关键词图谱和热度走势图等来实现数据的可视化，不需要用户自己计算整理，让用户更好地理解数据；
- 数据更新及时，精确定位用户的兴趣。通过用户的论文列表来从网络爬取用户感兴趣的研究方向，让用户能第一时间掌握消息；
- 操作简单、交互友好。交互界面设计友好，用户可以轻松上手查找或管理论文、了解热门研究方向。
C（Competitors，竞争）
- 优势
- 基于Web平台的开发，开发的周期、成本小；
- 其他优势同 B（Benefit，好处）。
- 劣势
- 界面设计还不够美观；
- 功能不够强大，实现不够完善，竞争力不足；
- 用户的迁移成本较大。
D（Delivery，推广）
- 怎样把你的产品交到用户手中？
- 校园平台推广。软件拥有论文管理的相关功能，大学生们也有一定的需求，所以可以通过校园平台来向大学生推广；
- 微信推广。由于用户群体基本以软件相关开发者为主，所以可以与软件开发的相关微信公号合作，以此推广平台；
- 微博推广。微博的用户多、受众广，可以购买微博的热搜推荐来向更多有这方面的需求的人推广。
六、原型工具的使用
本次原型模型设计使用的工具为：墨刀
选用墨刀作为原型工具的原因：
- 墨刀拥有成熟的组件；
- 交互方面，墨刀简单便捷，上手快。
七、结对过程，队友评价
结对过程
由于进行本次结对作业时暂未返校，所以采取线上结对的方式，提供结对过程的聊天记录：
- 讨论使用何种原型工具
- 讨论题目
- 为平台取名
- 在原型中加入关键词图谱和热度走向图
队友评价
-
对221801135的评价
学习能力很强，经验丰富，能很快的上手原型工具；执行能力也非常强，又很有创意，思维灵活，能够很好的实现自己的想法；认真负责，小心谨慎，是一个非常可靠的队友。
-
对221801114的评价
善于沟通，勤奋刻苦，可以很快的对新的改动提出合理意见，并且能够虚心接受建议。认真负责，对于任务一丝不苟，会及时汇报进度，并且帮助完成一些额外工作，不会抱怨辛苦，任劳任怨。还是个想法颇多的机灵鬼。
