结对作业一

结对作业一

这个作业属于哪个课程	结对作业一
结对学号	221801101， 221801122
这个作业的目标	掌握原型设计工具，体验结对编程
其它参考文献	构建之法

PSP表格

	预估耗时（分钟）	实际耗时（分钟）
估计这个任务需要多少时间	15	15
开发
需求分析（包括学习新技术）	120	200
结对讨论	100	140
界面原型设计	180	300
报告
测试报告	20	15
计算工作量	10	15
事后总结，并提出过程改进计划	15	15
合计	580	820

效能分析

• 疫情期间开学时间的延误，导致只能在家通过网络进行沟通，难以做到面对面交流，一些消息无法即使回复，沟通不顺畅，效率有所降低。
• 在家沟通的主要方式是QQ聊天和腾讯会议屏幕共享，调试设备解决网络问题额外花费一定的时间。
• 预估和实际的差距主要在需求分析和界面原型设计上。第一次接触原型设计，现学现用，在学习使用墨刀走了一点弯路（比如说不知道可以给控件单独添加状态，导致一开始写了大量重复的页面）。
• 在完成过程中，细节的打磨最为耗时，却也是有趣的过程，更好的感官体验会对我们的原型更加分，所以这部分开始的预计时间与实际产生较大的误差

原型地址

https://modao.cc/app/55bccbf1aad34c24ab9419c739d80a81a52adedf?simulator_type=device&sticky

原型介绍

设计风格

• 采用直观、简洁的设计风格，不添加多余的修饰。
• 层次分明，易学易用。

主页

• 主要由正中央的一条搜索框，两个按钮组成。
• 支持一次输入多个标题，其间以空格隔开。
• 点击搜索，即进入“列表“页面，其中会显示搜索结果，支持对列表进行增删改操作。
• 点击”热词“按钮，即进入”热词“页面，能够看到最近最流行的关键词和这些关键词近几年来的热度走向。

列表

• 列表由筛选部分和滚动部分组成。
• 筛选部分支持输入筛选条件，点击右边的“筛选”按钮，即可进行筛选操作，将符合筛选条件的项显示在滚动视图中。
• 滚动视图即显示论文爬取结果的区域，支持滚动显示更多论文项。
• 论文项会显示论文的标题、摘要、关键字等信息。
• 点击论文项右下部分的“删除”按钮，即可将词项移除列表；点击“编辑”即可编辑爬取到的信息。
• 论文项的标题、摘要、关键词中若出现搜索的关键词，则该关键词会进行高亮显示。
• 关键词筛选不会被分组，而是按照标题>关键词>摘要的优先级，经排序后显示在滚动视图的列表中。

爬取结果列表样例：

当未查询到有关内容时，会显示空列表：

当查询出现异常时，会显示异常界面：

热词

• 左半区显示最火热的top10论文关键词，点击即可快速搜索，直接进入以该词作为为关键词的爬取列表页面。
• 右半区显示两幅统计图。
• 点击“热度占比”，显示各大热词按百分比划分的饼图。
• 点击“增长趋势”，显示反映各大热词近几年出现数量变化的折线图。

困难解决

因为疫情期间，我们第一次结队作业的交流问题是首要问题，相互之间发消息可能看到会在一段时间之后。双方空闲时间的不对应，也导致降低了不少效率，浪费了不少时间。最后，我们一有问题直接开启腾讯会议进行交流沟通解决。在原型设计技术层面上，我们开始遇到了很多的小问题，关于界面细节上的不同意见，还有整体效果的满意程度和理想模样，这个问题只能折中解决，相互之间交流意见，做出双方都满意的原型。

NABCD

• N（Needs，需求）：
  • 获取待爬取论文列表及论文信息爬取。
  • 支持用户输入单个论文题目，也支持批量导入论文列表。
  • 通过论文列表，爬取论文的摘要、关键词、原文链接。
  • 可对论文列表进行增删改操作。
  • 可对论文列表进行查询（输入论文题目，也支持模糊查询：输入论文编号、关键词等基本信息），若在论文列表中不存在所要检索的论文，则根据输入的查询语句到网站爬取并返回论文的摘要、关键词、原文链接。
  • 分析已爬取到的论文信息，提取top10个热门领域或热门研究方向。
  • 形成如关键词图谱之类直观的查看方式，点击某个关键词可展现相关的论文。
  • 可对多年间、不同顶会的热词呈现热度走势对比，以动图的形式呈现（这里将范畴限定在计算机视觉的三大顶会CVPR、ICCV、ECCV内）。
• B（Benefit，好处）：

  这解决了一篇一篇找用户想要的论文的不方便，提高了查找论文的效率，为大量的用户节省了时间成本，可以在查找结果中获得自己想要的论文。

• C（Competitors，竞争）：
  • 免费使用，无任何广告，不收取任何费用。
  • 界面整洁，没有烦人的广告和弹窗，可以让用户在干净的无打扰的页面学习和阅读论文。
  • 功能强大，可以迅速查找到用户需要的论文。
• D（Deliver，推广）：
  • 可以在朋友圈，QQ空间等地方宣传，做广告。做微信公众号宣传，给老客户留下好印象，使用户口口相传。
  • 在学校中推广，学生和学者是此软件使用的主力军。
  • 成立网络上的店铺，解决有需求的在网上查询的用呼。

原型工具的使用

使用墨刀作为原型设计的工具。墨刀是国产原型设计工具，上手容易，协作方便。虽然功能不及Axure等专业软件强大，但墨刀无须安装即可在网页上进行设计工作，能够节省大量时间，对于此次作业已经足够。

结对过程

• 组队较晚，错过了大量时间。
• 两人编程基础薄弱，但都现学现用，尽己所能。

一些沟通过程的截图：

队友互评

• 张骁对王思皓：技术高超，为人谦虚，乐于助人，愿意主动完成工作，遇到困难有方法有办法，迎难而上，善于组织小团队里的分工合作和矛盾问题。
• 王思皓对张骁：态度积极，谦虚好学，乐于助人，合作过程很愉快。