结对作业一

结对作业一

这个作业属于哪个课程	2021春软件工程实践|S班
这个作业要求在哪里	结对作业一
结对学号	221801121、221801131
这个作业的目标	NABCD、完成原型设计
其他参考文献	博客园，CSDN，墨刀官方教程

目录

• 结对作业一
  • 博客地址
  • 原型地址
  • PSP表格
  • 原型模型设计工具
  • 需求分析——NABCD
    • N—— Need 需求
    • A—— Approach 做法
    • B—— Benefit 好处
    • C—— Competitors 竞争
    • D—— Delivery 推广
  • 原型设计
  • 遇到的困难及解决方法
  • 结对过程
    • 第一次结对的感受和对队友的评价

博客地址

221801131

221801121

原型地址

PC

移动端

PSP表格

PSP2.1	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划
•Estimate	估计这个任务需要多少时间	20	20
Development	开发
•Analysis	需求分析 (包括学习新技术)	100	190
•Design Spec	生成设计文档	35	40
•Design Review	设计复审	30	30
•Coding Standard	代码规范 (为目前的开发制定合适的规范)
•Design	具体设计	330	470
•Coding	具体编码
•Code Review	代码复审
•Test	测试（自我测试，修改代码，提交修改）
Report	报告
•Test Report	测试报告	0	0
•Size Measurement	计算工作量	10	10
•Postmortem & Process Improvement Plan	事后总结, 并提出过程改进计划	30	30
	合计	555	790

原型模型设计工具

墨刀，借用墨刀企业版的免费试用，我们可以实现远程在线共同编辑，解决了不能面对面一起完成的问题。

需求分析——NABCD

本部分使用NABCD模型，对小刚的期待的平台进行分析。

N—— Need 需求

用户提出需求：用户希望通过阅读论文来了解计算机视觉领域的研究现状，苦于一篇一篇阅读论文效率太低，希望有一个平台来高效快速的爬取论文以解决问题。
用户的主要功能需求可以归纳如下：
1、输入单个论文题目或批量导入论文列表以进行爬取论文
2、爬取论文的摘要、关键词、原文链接
3、可对已爬取列表进行论文检索
4、可对论文列表进行增删改操作
5、可以分析已爬取到的论文信息，提取top10个热门领域
6、形成如关键词图谱之类直观的查看方式，点击某个关键词可展现相关的论文
7、可对多年间、不同顶会的热词呈现热度走势对比，以动图的形式呈现

在用户的需求之外，我们设计了如下几个拓展功能：
1、可以收藏比较有意义的论文，方便再次阅读
2、可以存取论文阅读历史记录，可以快速打开上次没读完的论文
3、移动端底边栏中“发现”功能可以进行消息推送
4、增加账户功能，用户使用产品时需要注册账号

A—— Approach 做法

作业要求是网页的原型，所以用web实现设计，手机平台具有便携性，可以随时随地打开，考虑到手机和pc版的屏幕大小差异，设计了移动端和pc端两种界面，根据用户ua返回不同的界面。

论文导入、爬取论文：
输入单个论文题目或批量导入论文列表，我们探讨后的想法是可以用一个框来实现，论文列表的导入可以是以excel文档导入，也可以是以逗号分隔的多个题目打入论文爬取页面的框中。

论文管理（增删改查）：
设计上增加查询是以点击按钮跳转到其他界面实现的，删除和修改是对某篇论文单独操作

论文查询：
本来“输入论文题目，也支持模糊查询”“输入论文编号、关键词等基本信息”想用多个搜索框解决，后来考虑到可以在后台进行判断处理就设计成一个搜索框输入，处理后展示出论文的摘要、关键词、原文链接

热词分析：
我们觉得应该用词云图给用户以直观感受，热度走势统计是用动态条形图实现的，也比较直观

拓展--账户：
我们倾向于要求用户登录后才能使用功能，这样在接入api后可以要求用户进行实名制验证或者高校用户认证等，增强了安全性

拓展--收藏和历史记录：
这个我们感觉是比较实用的功能，想着论文应该不是只读一遍的，用户应该有收藏论文和查找阅读历史的需求，既然已经实现了用户登录，就新加了这些功能。

拓展--移动端：
我们对移动端做了单独设计，同时我们希望收藏和历史记录是和账号消息同步的，这样可以实现多平台快速切换使用。

B—— Benefit 好处

1、我们产品的操作简单，容易上手

2、使用web实现，易于访问，只要有网络可以随时随地接入

3、收藏功能和历史记录可以方便用户快速找到阅读过的论文，可以快速找到标记过的论文再次阅读

4、词云图和动态条形图非常直观，用户可以轻易了解相关信息

5、产品节约了你去一篇一篇查论文读论文的时间

6、“发现”功能可以进行消息推送，我们可以通过投放广告获取一点的收入以平衡掉服务器的支出（pc端将发现放在了查询页，后面有详细截图）

7、我们希望接入api以进行用户认证，这样为将来拓展提问、聊天等功能提供了方便

C—— Competitors 竞争

优势

上手简单，门槛低，只要稍稍一试就可以快速上手

收藏夹与账户同步，你可以在多台设备，不同平台上同时使用，这也是web实现的好处

市场上很难看到爬取统计论文的平台，这是没有人尝试过的方面

劣势

爬取论文在版权上存在存在问题，学校的论文库是背靠学校可以和各家出版社和数据库公司谈，这个平台要建立的话从哪获取数据是个大问题

要实现这些功能前期的投入还是挺大的，获取资源，从零开始推广，另一方面没有类似产品的出现不清楚潜在用户有多少，如何吸引他们

身份证实名认证还是挺贵的，平台没有盈利点的话很难维持运营发展

D—— Delivery 推广

首先可以先在同班之间进行推广，并且可以向实验室内的学长学姐推荐，让用户反馈问题，来修复平台的bug并更新平台的功能。

之后可以向学院进行推广，争取获得学院的支持以进行进一步的开发完善，进一步可以向全校推广乃至推向社会

原型设计

由于我们设计同时设计了移动端和PC端的网页，多图警告！！！

登录部分：我们制作了账户密码登录，验证码登录，注册，找回密码，同时设置了不同页面之间的跳转和页面状态的切换。
PC端：

移动端：

经过登录或注册后，将跳转道首页，当然双端的首页略有不同。在PC上我们将所有功能通过首页来跳转，而移动端将个人信息和发现放入底栏中，更加美观和清楚。
PC端：

移动端：

论文爬取：点击论文爬取的图标将进入爬取页面，可以输入标题或者导入文件来进行爬取。
PC端：

移动端：

管理页面与查询页面：爬取后将自动跳转道论文列表管理页面，在这个页面可以进行删改操作，同时设置了查询和增加的跳转图标，点增加会跳到爬取页面，
而查询会跳到查询页面，在查询页面点查询会出现结果页面。
PC端：

PC查询页面：我们将PC端的发现功能放到了这个页面，点击搜索栏下方的箭头可以看到。

移动端：

我们可以看到查询结果页面论文标题旁边的五角星，点击变成金黄色则收藏，再次点击取消收藏。在收藏夹页面取消收藏则论文会从列表中移除。
收藏夹页面：
PC端：

移动端：

历史记录页面：我们会将浏览记录放入此页，同时保留论文标题旁边的收藏功能，在这个页面也可实现收藏。
PC端：

移动端：

热词分析与走势对比页面：热词以关键词图谱直观方式呈现，点击某个关键词可跳转到对应内容的查询结果页面。同时有热度走势对比，以动图的形式呈现。
PC端：

移动端：

遇到的困难及解决方法

首先就是对墨刀工具的不熟悉，刚开始时就是边学边做，效率极低。
我们遇到最大坎就是没看清要求，作业要求：根据上述功能需求进行网页的原型设计。
我们一开始做了app的原型设计，惨遭翻车。黄童鞋灵光一闪“咱做的时手机网页啊”。傅童鞋表示点赞。
但是经过了反复的思想斗争，我们做出了一个违背祖宗···啊不，做出了一个郑重的决定:再根据原先的成果弄出一个PC网页版。
于是最后的双端就这么出来了。傅童鞋表示对墨刀不同项目之间可以进行组件的复制的功能点赞，要不是能复制我们就只有手机网页了（@-@）

热度走势对比，要以动图的形式呈现，一开始不知道怎么做动图，后面找了找资料通过工具做了个gif贴上去才算实现。

结对过程

我们使用了墨刀企业版的免费试用，在设计时我们是一起讨论同时在线编辑的。博文撰写也是我们分工共同撰写，共同审核完成。

关于讨论、细化和使用专用原型模型工具时的非摆拍结对照片，因为还没有返校，所以通过腾讯视频和qq聊天进行沟通

第一次结对的感受和对队友的评价

黄同学：
因为还未返校，无法面对面交流，只能通过qq聊天和腾讯会议进行沟通，比起面对面讨论来说效率低了不少。但是总的来说这次合作还是相当顺利的，墨刀的团队协作功能可以实现共同进行原型设计，设计过程中也发现就算进行了比较久的设计与讨论之后再具体实现上双方还是会存在做法上的差异和想法上的分歧，好在大家的分歧都在沟通后解决了，墨刀的团队协作功能可以实现共同进行原型设计，保障了我们可以实时发现问题并进行沟通。

对结对队友的评价：

非常好，做事认真负责，原型设计是我们都没有接触过的玩意，我们都是共同学习共同探讨，他给了我很多启发。

傅同学：
总的来说，结对感受，可惜的就是没有回到学校，并没有面对面的完成结对作业。但是好在墨刀工具的合作功能确实不错，
以及qq交流还是十分便利的，我们这次作业完成的还是挺顺利的。当然还是碰到了些问题，比如黄童鞋在N中写了我们做了“发现”的扩展功能，
然鹅，在PC端我没打算搞这茬来着，然后又麻溜的跑去在查询页面加了个发现...

对黄童鞋的评价：很好，very nice~。就是这次没有面对面完成有点遗憾，希望返校后能更好的合作。