结对作业一

作业基本信息

这个作业属于哪个课程	2021春软件工程实践 | W班 (福州大学)
这个作业要求在哪里	结对作业一
结对学号	221801119 | 221801134
这个作业的目标	1. 学会使用原型工具 2. 感受结对编程 3. 理解NABCD模型 4. 学会对客户需求进行分析
其他参考文献	CSDN、博客园、简书、git

一、 PSP表格和效能分析

1. PSP表格

Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
计划	7	7
估计这个任务需要多少时间	7	7
开发	470	690
需求分析	30	25
学习原型工具	40	60
结对讨论	30	60
界面原型设计	30	40
设计复审	10	5
原型实现	300	480
测试功能	30	20
报告	45	40
计算工作量	15	10
事后总结, 并提出过程改进计划	30	30
合计	522	737

2. 效能分析

此次作业中，时间主要花费在学习原型工具、结对讨论与原型的实现上。

• 第一次使用Axure工具，即使在着手实现网页之前有经过基础的学习，实现的过程中还是会遇到这样或那样的难题，所以其实整个实现过程中一直在不断学习；
• 结对是一个磨合的过程，虽然需求分析阶段较快地就将功能敲定下来，但是网页设计时双方时常意见向左，比如页面的设置、排版与交互方式等，这需要我们花时间去讨论、产生一个合理的中间方案；另外，由于两人各负责不同的页面，故在协调统一风格上也需要一些时间，例如果弹窗的底色、圆角等小细节上，完成整体制作后仍需要进一步修改；
• 原型实现是历时最久的项目，由于第一次使用Axure工具，需要不断找资料，且双方在实现过程中仍需要不停讨论、商议。

不过总体来说，在经历了多次讨论之后，双方的默契度不断上升，效率明显提高，而且讨论之后已在多方面达成一致，就不需要再花费协调的时间成本了。

二、 原型地址

原型地址

三、 原型介绍

1. 登录/注册

用户可以使用手机号、用户或邮箱进行登录，登录入口可以切换到注册和找回密码，登录成功即可进入网站首页；用户注册时必须输入用户名、手机号、邮箱以及密码，这里为了方便管理，限制用户名只能由数字和字母组成。

2. 首页

显示“论文爬取站”的基本信息、功能介绍，上方的导航栏有三个入口：“论文导入”、“论文管理”、“动态分析”。

3. 论文导入

导入页面实现论文导入功能，有单篇导入与批量导入两个选项。若选择单篇导入，则直接在文本框输入论文题目；若选择批量导入，文本框内会出现“选择文件”按钮，点击后上传本地文件。最后点击“导入”则跳转至“论文管理”页面。

4. 论文管理

• 查找论文：用户自行选择搜索方式如“按编号”、“按标题”、“按关键词”或者“模糊搜索”进行查找。
• 新增论文：用户输入论文标题、原文链接、关键词和摘要四个信息进行添加。
• 修改论文：用户可以修改相应论文的关键词和摘要，也可以增加关键词。
• 删除和查看论文
• 收藏论文：我们增加了一个“收藏论文”的功能，在每个论文标题旁边设置一个收藏标志，用户点击即可收藏或取消，我们单独设立了一个用户收藏夹的界面，从导航栏右侧的收藏标志进入。
  

5. 动态分析

页面左侧为趋势图，呈现各热词的出现频率，点击年份按钮可切换查看不同年份的热词，右上角则可切换顶会。右侧为标签云，展现本站搜索频率最高的几个关键词。

6. 收藏夹栏

用户可以查看自己收藏的所有论文，同时可以选择将某篇论文从自己的收藏夹里移除。除此之外，我们还新增了一个“下载论文”的功能，在没有被下载过的论文的右侧都会放置一个下载图标供用户点击进行下载。

7. 用户信息页

用户登录后，点击导航栏最右侧的头像，即可进入个人信息页。信息页中包含用户基本信息，如用户ID、密码、手机、QQ、邮箱与个性签名等，可以点击“修改”按钮进行信息修改，修改后点击保存。密码的修改与其他基本信息不同，另设一个弹窗进行修改，弹窗中需要用户确认原密码、输入新密码，并再次确认新密码。除此之外，用户还可以在信息页内添加自己的兴趣领域。

四、 困难解决

1. 界面的美观性
　特别是在文字排版方面，发现单凭自己想象并不能做出比较美观的界面。于是我们参照了一些知名网站的排版设计，也看了很多Axure的教程，熟练使用原型工具，掌握所能做的事情，才能将原型做的更美观。

2. 设计与编程的冲突
　在得知作业时知道之后要编程实现，因此我们在前期设计中考虑了很多后期编程的事情，很多功能想做但是发现以自己目前的知识掌握是实现不了的。为了避免给自己挖坑，很多时候退而求其次。但是慢慢发现这样是得不到提升的，我们应该想到什么就做什么，即便后期的编程可能会很困难。于是在后面的设计里我们的想法变得更加大胆，不再局限于自己的知识范围。

3. 动态分析的实现
　一开始很烦恼如何呈现热词词频走势图的动态效果，随后在网上找到一个使用中继器整合数据、实现每切换一个状态就对词频条重新塑性的方法，但是后来发现没法通过外部元件获取中继器内的数据，找了很多方法，包括先标记行后读取、使用代码读取等，但最终都没有成功，最后只好手动输入数据。

4. 文件导入与搜索导入的切换
　若采用输入论文题目进行搜索导入的方式，则要使用文本类型的文本框；若采用文件导入的方式，则要使用文件类型的文本框，两者产生冲突。最后实现的方式是通过按钮的切换来设置文本框的可见性，当选择单篇导入时，隐藏输入框，当选择批量导入时，选择文件文本框。

五、 NABCD模型

1. Need
　如今，想要了解一个领域的方式有很多，其中一个途径就是阅读相关文献。但网络上的论文库有许多，一篇论文可能在好几个网站上都能找到，但也有的论文只在其中的一个网站上出现，于是论文抓取技术就变得很重要。通过论文题目、关键词等信息实现的论文准确抓取，能节省用户辗转多个网站多次查询的时间，满足用户一次找到需要的论文的需求。除此之外，当用户对某个领域感兴趣，却又不知道如何找到自己想看的论文时，可以直接在热词榜中看到最近热门的关键词，点击查看相关文献。

2. Approach
　本站提供精准搜索与模糊搜索的功能，若用户输入论文题目或关键词等信息，本站将从网页上抓取与用户搜索信息相符的论文，并呈现给用户。用户在浏览的同时可收藏论文，网站将维护用户的专属论文库，只要有账号，用户可随时查看自己收藏的论文。除此之外，本站会定期更新数据，提供实时热词。

3. Benefit
　一个网站集合了网页上多个网站的论文，且兼有数据分析与热词查看的功能，为用户提供领域热门关键词。同时，点击标签云，用户可以看到该关键词下的热门文章，紧跟当前趋势。

4. Competitors
　类似的数据爬取网站都是潜在的竞争对手。由于论文爬取、趋势分析是网站的核心业务，也是竞争热点，所以做好这两块功能是我们占据优势地位的关键。论文抓取方面，要尽可能大范围搜索论文，更要做好信息过滤，过滤与用户搜索无关的论文，并将相关度高的论文放在结果的顶部位置，换言之，要做好数据分析。热门趋势这一方面，要即使更新热词，紧跟潮流，满足用户了解当前热门趋势的需求，让用户愿意时常登录网站，查看当前流行领域。

5. Delivery
　首先可以在学校内做推广，呈现我们的动态分析界面来吸引学生，然后一传十，十传百。且因为主攻领域为计算机，可以优先在计算机学院内宣传，成功后力争吸引相关从业者。其次，可以在微信空间微博等平台上推广，标记上相关tag，吸引用户。

六、 原型工具的使用

　我们使用的原型工具是Axure Rp。
　Axure中文网

七、 结对过程，队友评价

以下记录小蕾同学（221801119）与小欣同学（221801134）的愉快结对过程。

结对过程

　下图展现了刚开始设计网页布局时的讨论，虽然不是最终方案，但最终效果也是经过这样的设想、讨论、推翻、再设想的不断循环后诞生的。

　下图是某一次的讨论。

　下图是就“修改论文”功能的激烈争论，吵到快胡扯头花了（bushi）。但结对的魅力就在于，两个人即使意见相左，也能通过交流与沟通最终达成一致，这是单人编程无法获得的体验。

第一次结对的感受

小欣同学的发言：

这是第一次和人结对设计，虽然刚开始有些不太习惯，但是慢慢地我发现了许多结对的好处，例如在我遇到困难的时候我不是一个人，我可以向我的小伙伴倾诉。我可以和伙伴分配自己想做的任务，当我的任务做完的时候，我可以有休息的时间来等待双方的交接工作。两个人分配一下，任务量感觉少了很多，在这过程中一同设计，效率比一个人的时候也提升了很多。

小蕾同学的发言：

阅读《构建之法》时对结对过程有些困惑和担心，但组队后一切都好像顺其自然起来，没有太多的顾虑或担忧。一开始看到题目时觉得这次的任务量真的好大，但是两人一边讨论、设计、编程的过程中，任务量不自觉地就被分解为很多个子任务了，反而没有了刚接受任务时的紧张感。相比于一个人独自编程，两人的互动与交流给开发过程带来了许多乐趣，我十分期待下一次的结对。

队友评价

小欣同学认为：

和小蕾同学不是第一次合作了。在结对的过程中，她会指出我的不足之处，但很多时候她都会迁就我的想法，小蕾同学也乐于接受我的任务分配。当我遇到设计瓶颈的时候她会给我指点一二，让我瞬间有了灵感！

小蕾同学认为：

一般来说，我比较懒，可能做一会界面就去干别的事了，但是相反地小欣同学勤劳又高产。虽然她不会催促我完成任务，但是每次她把成果发过来的时候我都会感受到无形的压力，进而积极投身原型设计事业。这次能提前几天完成任务，多亏了她的无形督促与激励，我真的非常感激。此外，她对UI设计也非常厉害，让她帮我该页面令我受益很多。