结对作业一（原型设计）
| 这个作业属于哪个课程 | <2021春软件工程实践|S班> |
|---|---|
| 这个作业要求在哪里 | <结对作业一> |
| 结对学号 | <221801230>、<221801334> |
| 这个作业的目标 | 1.NABCD模型 2.原型设计 |
| 其他参考文献 | CSDN、简书、博客园等 |
PSP表格
因为还没开始编码，所以PSP表格中部分项目仅记录预估耗时的部分。
| PSP2.1 | Personal Software Process Stages | 预估耗时（分钟） | 实际耗时（分钟） |
|---|---|---|---|
| Planning | 计划 | 45 | 60 |
| • Estimate | • 估计这个任务需要多少时间 | 45 | 60 |
| Development | 开发 | 1130 | |
| • Analysis | • 需求分析 (包括学习新技术) | 240 | |
| • Design Spec | • 生成设计文档 | 30 | |
| • Design Review | • 设计复审 | 30 | |
| • Coding Standard | • 代码规范 (为目前的开发制定合适的规范) | 30 | |
| • Design | • 具体设计 | 50 | |
| • Coding | • 具体编码 | 600 | |
| • Code Review | • 代码复审 | 30 | |
| • Test | • 测试（自我测试，修改代码，提交修改） | 120 | |
| Reporting | 报告 | 120 | |
| • Test Repor | • 测试报告 | 60 | |
| • Size Measurement | • 计算工作量 | 30 | |
| • Postmortem & Process Improvement Plan | • 事后总结, 并提出过程改进计划 | 30 | |
| 合计 | 1295 |
效能分析
这次作业中我们的时间主要花费在了讨论如何进行原型设计以及具体的原型设计中。
- 在原型设计中，除了要满足用户的基本功能，进行合理地拓展功能之外，我们还需要考虑如何使得我们的原型更加地美观？更加地接近实际？更加地贴近用户？对于这几个问题的研究占据了我们讨论的大部分时间，因为我们深知美观可以带来一个良好的第一印象，而且在产品当中大家的功能区别不是很大的情况下，这就尤为重要。
- 原型设计工具的学习占据的时间较小，使用原型设计工具进行原型设计的过程是我们另一个占据了大部分时间的工作。我们在开始进行原型设计之前，已经进行了多次的讨论，确定了原型的大概，但是实际的过程中并不是一次就能完成的，我们经常讨论，然后否定原来的设计，推倒了重做。
NABCD模型
N（Need，需求）
目标用户
小刚、想要了解计算机视觉领域研究现状的群体（包含教师教授、学生、相关从业者等）
根本需求
通过阅读论文了解计算机视觉领域的研究现状，了解近几年计算机视觉领域的热门研究方向。
痛点分析
难以从大量论文中获取需要的信息。
基本需求（具体查看作业要求）
- 获取待爬取论文列表及论文信息爬取（单个、批量爬取）
- 对已爬取的论文列表进行操作（论文列表的增、删、改、查）
- 分析已爬取到的论文信息，提取top10个热门领域或热门研究方向（图谱、图表的形式）
拓展需求
- 增加登录、注册——为用户添加更多的个性化功能
- 显示三大会议的最新资讯——帮助用户获取更多感兴趣的信息
- 论文列表增加更加丰富的查询方式——帮助用户更加高效地获取想要的信息
- 增加对论文列表的一些批量操作功能——对基本需求进一步的完善
- 增加对国家、学校、三大会议投稿量的数据统计——让用户从多个方面快速了解计算机视觉领域信息
- 收藏夹功能——用户可以收藏一些有用的论文
- 论文翻译功能——可以帮助用户高效理解论文
A（Approach，做法）
目标
目标是制作一个Web项目，基础是实现小刚的基本需求，之后在这基础上，分析并进一步实现像小刚一样想要了解计算机视觉领域研究现状的群体的需求。
原型设计
工具：Axure RP 9
步骤：优先设计基础需求的部分，再按照拓展需求进一步优化完善。
说明：首页中尽量使用图片，美观为主；信息的操作界面需要尽可能简介，功能明确；信息的统计尽可能使用图表的形式展示，以直观的方式展示。
具体实现
编程语言：HTML、CSS、JavaScript、java
采用前后端分离开发，前端根据原型展示页面，后端进行数据的爬取、处理等。
步骤：分解功能，计划每天的工作量，白天两人分别实现功能的前后端部分，晚上进行联合测试。优先实现基础需求的部分，后续在按照拓展需求进一步优化完善。
规划：
将项目划分为七个部分：前期准备、登录注册、主页、论文列表、数据统计和总论文统计、个人中心（包含收藏夹等）、博客的撰写与总结。每天完成一个部分，两人分工一人负责前端，一人负责后端，每天晚上进行联合调试。
其中前期的准备需要进行商定编程规范、学习springboot框架、学习爬虫技术等工作。
B（Benefit，好处）
- 界面的操作简单，用户可以更加高效地获取自己需要的信息。
- 信息的展示直观，数据的展示通过图表、图片等直观的形式展示，用户可以更加轻松地理解、获取相关的信息。
- 信息的内容完备，网站专注于在计算机视觉领域的三大顶级会议统计信息，足以满足想要了解计算机视觉领域研究现状的群体的需求。
- 信息的内容“热乎”，网站会自动实时更新上面的数据，实时跟踪最新的论文进展，以满足用户对于高质量内容的需求。
C（Competitors，竞争）
优势
- 相较于中国知网那样大体量的论文平台，该平台只着重于计算机视觉领域的三大顶级会议，更加适用于计算机视觉领域的用户。
- 项目的需求和分析开发并不局限于小刚，该项目适合所有像小刚一样的想要了解计算机视觉领域研究现状的群体。
- Web项目本身的特性使得用户使用方便，不需要下载安装，兼容各种包含浏览器的设备，具有便捷的特点。
- 目前未在市面上发现与之类似的、被大众熟知的产品，具有先发优势。
- 除了论文的相关情况外，也提供了三大会议的一些信息，进一步满足用户想要了解该领域的需求。
- 首页展示用户最关心的数据信息，帮助用户更加高效地获取信息。
- 可以批量进行论文列表的操作，方便用户的使用。
劣势
- 相较于中国知网，缺少对论文的信息进行更加细化的操作。
- 界面的交互、界面的美观方面相较于中国知网有所不足。
D（Delivery，推广）
初期时候现在小范围有需求的同学间试用，获得反馈，提高用户体验
达到一定的用户量后，再进行较大范围的推广，推广在平台稳定程度高的限度内进行，逐步扩充。当有一定影响力后，可以尝试寻求合作方，扩大用户量
主要宣传平台有：微博、知乎、博客园、微信公众号
原型工具的使用
在对比了作业中推荐的几种原型模型设计工具后，最后选择了Axure RP 9，因为以前就有听说过，且该软件功能较完善，能很好地满足我们进行原型设计的要求。
原型地址
原型地址：https://cujolh.axshare.com
因为使用的是Axure RP 9，加载比较慢，请耐心等待。
原型介绍
1.总体框架
我们的项目名称为：PaperCV。paper是论文的含义，CV是计算机视觉。
以下是我们项目设计的总体框架，其中除了实现用户的所有基本功能外，我们也做了一些功能上的完善和拓展。
2.登录/注册
登录
- 用户在进入网站时，会进入登录界面，登录后才能进入主页
- 如果用户没有账号，点击立即注册即可注册账号
- 登录界面包含对密码的有效性检验
- 为了便于原型设计的查看，此处仅做部分合法性的检测，实际编码将实现完整的合法性检测
注册
- 点击上方注册按钮进入注册界面
- 注册时用手机作为用户名登录，需要获取4位短信验证码，包含验证码位数检验
- 密码设置需要两次填写密码，防止出错
- 包含密码位数检验和密码一致性检验
- 为了便于原型设计的查看，此处仅做部分合法性的检测，实际编码将实现完整的合法性检测
3.主页
主页部分包含轮播图和最新资讯两个部分
轮播图
- 每隔3秒会切换图片，切换时间为1秒
- 图片内容为计算机视觉三大顶会的图片，点击图片将会跳转到相应会议的官网
- 图片的切换也可以点击图片下方的小圆点进行切换
最新资讯
最新资讯主要显示的是计算机视觉三大顶会的一些最新的资讯信息。主要信息的来源是三大顶会的官网。
4.论文列表
论文列表每页展示5篇论文，论文内容包括图片、标题、编号、摘要、关键词和原文链接，可切换页面(设计时只展示2页)。
对于每一个论文的操作是翻译、收藏和删除功能。
功能区
这一部分可以对论文列表进行更加细致的筛选，比如选择年份、会议、作者等。
还可以对论文列表进行排序，依据有相关度、下载量、引用量等。
论文添加
论文的添加主要分为单个论文的添加和批量添加论文。
论文的单个添加需要在输入框中输入论文的标题。
批量添加论文要求用户选择一个txt文件，点击确认后将会自动爬取并添加txt文件中的所有论文标题。
批量添加论文选择的txt文件要求格式为：每一行都是一个论文的标题。
批量操作
为了界面更加美观，功能更加丰富，我们增加了批量操作的功能，同时将该功能放置在页面的右边。
点击按钮将弹出论文列表的信息，用户可以进行多选，然后进行批量删除和批量下载的功能。
论文翻译
为了帮助用户对论文更好、更高效地进行理解，我们增加了论文翻译的功能。
可以在论文列表点击翻译的按钮进入
需要从网上缓存论文，加载较慢，请耐心等待
5.数据统计
使用图表的形式直观地显示论文列表中论文的数据统计信息
四个图表的内容为：三大顶会热词走势图、2020年三大顶会论文投稿及录取量、Top10热门研究方向、Top10热词云图
其中三大顶会热词走势图包含近5年的热词走势，可通过左侧按钮切换三大顶会的热词走势图，下方按钮开启关闭热词展示
其中Top10热词云图的左边是top10的热词，设计中是想要点击热词跳转到对应的论文列表
6.总论文统计
总论文统计包含两大部分：热门领域精选、部分国家及高校论文统计。
热门领域精选包含精选的六大计算机领域，为用户提供兴趣导向，其中显示了论文发表的数量。
下面显示的是含有部分国家的论文录取量统计以及对部分高校引用论文量的统计。
7.收藏夹
收藏夹为每个用户提供了论文列表的个性化管理，用户可以根据自己的喜好在论文列表收藏论文，查看的时候点击导航栏中的收藏夹进行查看。
困难解决
- 困难一：原型工具的选取以及使用方法
说明：我们两个人之前都没有接触过原型设计这一方面，所以对我们来说，一切都是从零开始，这就少不得走一些弯路。
解决：对于新知识的学习我们也都不是第一次了，熟练地打开百度、知乎等各种平台，查阅各种资料，在bilibili上观看教程。最后在实践中一步一步变得熟练。
- 困难二：如何使用axure绘制动态的图表
说明：axure中并没有提供方便的图表组件，我们在网络上找了很多的方法，要不然使用静态的图片，要不然使用中继器。
解决：最后我们找到了一个免费的图表组件，然后顺利地解决了问题。
- 困难三：如何使用axure进行团队开发
说明：axure9提供了团队开发的功能，主要操作有点类似使用GitHub的团队开发。我们本来想使用这个，结果使用过程中访问外国的网站速度很慢，不方便。
解决：最后经过讨论，我们决定不使用这个功能。我们首先先对功能进行划分，然后制作一个基本的模板项目，然后我们两个人都在这个一样的模板上进行开发，最后合并的时候只需要复制粘贴就完成了。
- 困难四：如何制作一个美观的原型
说明：我们深知美观对于一个项目的重要性，所以我们也很关注这一部分，但是这个确是很难的，我们尝试了非常多的方案，否定了很多的方案。
解决：不断地浏览网络上各种各样的网站，不断地进行尝试。要做到美观的一个关键点是注重项目中的每一处细节。
- 困难五：我们究竟想要做一个什么样的产品
说明：产品的定位至关重要，如果它不能被市场接受，那么哪怕功能再强大，再美观，都是无用的。所以我们必须思考好，用户想要什么？用户的痛点是什么？我们的产品可以帮助用户解决什么问题？我们的产品的每一项功能是不是为了解决用户的痛点而诞生的？我们的产品是否符合实际？是否真的可以解决用户的问题？
解决：要想回答这些问题，我们首先浏览了市面上和我们相似的产品（例如中国知网）。然后细致地思考我们的优势和劣势，有哪些用户的痛点是他们无法实现而我们可以实现的。在能够清晰地回答这些问题以后，我们再开始进行原型设计。
结队过程
由于还未返校，我们之间的交流主要是通过线上交流的。主要是通过QQ等工具，采取语音、屏幕共享等方式。
每次的讨论主要分为两个部分。一个是互相汇报今天一天的工作成果并进行演示，互相探讨不足之处并修改。一个是对第二天的工作进行分工安排。
讨论并不是每天只有一次，其中我们也会就中途遇到的一些问题进行讨论。
部分讨论截图
- 在原型总体框架出来后进行讨论，研究布局设计及可扩展部分
- 在部分界面完成后，探讨布局设计合理性及功能编排等
结队感受
- 221801334xy
结对的工作过程中效果比我想象还要好，度过《构建之法》中提到的学习阶段之后，确实让我体验到了远超单人工作的效率。在这次的结对工作中，我也逐渐找到了结对合作的一些关键之处，包括如何与队友沟通、如何进行一个有质量的讨论等等。
经过这次的结对，我也加深了对结对合作的理解，明白了一些结对合作的优点。结对合作可以很好地监督我们完成每天安排的工作量，相较于单人工作，结对中我们都必须对队友负责，这就像是一种约束，让我们不能偷懒，推动我们去工作；结对合作可以帮助我们打开思路，这在我们这次的作业中尤为明显，有很多我一直想不好的问题，一和队友讨论就找到了解决的方法。
第一次的结对合作给了我很大的惊喜，也让我更加地期待软件工程后面的作业。
- 221801230wh
在这次结对任务中，带来的是一种全新的感觉，也让我学到了很多东西。
首先就是结队作业让我们能够用更多方位的视角找到不足。在这次任务中，我们的每次讨论都能够有很大进展。合作时互相尊重对方的意见，让交流更愉快，对于项目的推动也更加顺利。
还有一点独特的感受是结队合作带来的隐形的约束力。我们每次布置完任务后，定完计划时间，这样就在无形中约束我们的行为，推动我们工作。因为结队合作不只是关于我们自己，也与另一个队友相关。这对于自律能力不够好的我来说是一种莫大的帮助，也提高了我的工作效率。
队友评价
- To xy
在这次合作中让我对xy有了更深的了解，也让我们之间的友谊更深厚。xy自律能力很好，动手能力很强，工作效率很高，对于任务完成度很高，且擅于沟通和交流。合作过程很愉快，搭配默契，对于任务的推动也很顺利。期待后面能有更多的合作机会。
- To wh
这是我和wh的第一次合作，在这之前我对wh并不是很熟悉，通过这次的合作，我的另一个大收获就是对我的队友有了更深的了解，收获了一份巨大的友谊。wh在合作的过程中非常认真，每次找他视频都能很快回复我，每一次修改的建议都能认真地完成，有一个搭配默契的队友真好。这次的合作相当愉快，期待后面我们有更多的合作机会。
