结对作业一

原型设计

这个作业属于哪个课程	2021春软件工程实践S班
这个作业要求在哪里	作业要求
结对学号	221801314 221801321
这个作业的目标	学习NABCD模型、分析客户需求、学习原型设计、设计原型
其他参考文献	Axure中文站、CSDN、简书...

PSP表格

PSP2.1	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	20	15
• Estimate	• 估计这个任务需要多少时间	800	900
Development	开发	1120	1440
• Analysis	• 需求分析	100	60
• Learning Axure	• 学习原型工具	60	60
• Pair Discuss	• 结对讨论	120	240
• Design Prototype	• 原型设计	600	840
• Test	• 测试原型	180	200
• Final Review	• 最终复审	60	40
Reporting	报告	60	60
• Test Repor	• 测试报告	40	45
• Size Measurement	• 计算工作量	10	5
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	10	15
	合计	1200	1520

效能分析

1. 由于此前都没接触过原型设计，所以在学习Axure使用上花费了一些时间，但熟悉之后发现Axure是一个非常方便的原型设计软件，也提升了我们的效率。
2. 结对过程中的讨论交流也是非常重要的一环，因此充分地沟通也花费了一部分时间，但这样能确保双方保持一个相同的步调来完成这一次的结对编程。
3. 在设计原型的过程中，许多细节效果上的调试花费的时间是占相当大的一个比重，但我们认为这些细节对于一个页面的用户体验是非常重要而关键的，所以在一些细节方面的要求较高。而又因为axure部分情况预览状态和真实的效果存在一定的偏差，加之访问axure的服务器速度较慢，也耗费了一些时间。

原型地址

网页原型 -- 易搜EzSearch （访问有可能较慢，还请耐心等待）

原型介绍

• 登录/注册界面

  左右分割布局，右侧为主要登录/注册功能区，左侧插画提升页面质感。

  

  • 登录

    登录按钮附带模拟验证密码（在密码框输入 123 即可顺利登陆，同时密码不能为空），还设计了忘记密码和立即注册的两个按钮，方便用户不同情况下的操作。点击立即注册按钮即会跳转至注册界面

    

  • 注册

    按下注册按钮即有动画切换到注册界面，过程流畅不影响体验，

    注册时两次密码不能为空且需要两次输入一致才能通过。注册成功后返回到登录界面，使用刚刚注册的账号密码进行登录。

    

• 主页（搜索页）

  本页主要提供用户搜索，也可让用户从文件导入论文列表以及打开论文列表对列表进行操作。

  • 页头部分为产品的名字——易搜，左右分别是侧边栏按钮和账号头像，点击右侧头像即会打开个人主页。

  • 页头之下的是一个轮播图加上热门搜索和最新论文。

    轮播图每4秒会切换下一张图片，每张图片都可以点击超链接到各自会议的官网，右边的热搜和最新论文可以方便用户获取信息。

  • 搜索框每次搜索之后都会将搜索内容导入论文列表，同样用文件导入也会导入论文列表，以供后续操作。

  • 最下面则是展示当前搜索到的已收录论文，会展示论文的封面、标题、作者以及论文摘要，方便读者快速了解论文详情。

    边上按钮可供用户打开原链接，编辑论文信息，收藏该论文。

  

  

  • 搜索框还支持模糊搜索的操作

  

  • 导入论文列表的提示

  

  • 从文件导入论文列表

    可采用拖入上传文件的方式，左下则会展示当前上传的文件状态。

  

  • 论文列表

    列表中，文章标题前的多选框允许用户勾选多个进行操作，也可以单独地删除某些论文项，同样在列表中也支持对论文的模糊搜索。

  

  • 侧边栏

    侧边栏提供了三个按钮，方便用户在这些页面之间进行快速切换。

    

• 热词分析
  本界面展示了热门领域top10个关键词图谱及近年来热门研究领域的热度走势图。

  

  • 关键词图谱
    该图谱展示了热门领域top10，同时其热度越高，对应的字体大小会越大。点击对应的关键词，就可以看到与其关键词相关的论文。

    

    

  • 热门研究领域热度走势图

    

    该走势图展示了从2014——2020年热门研究领域每年发表论文的数量，作出了热门研究领域的热度的走势。该图表是基于Echarts实现的，图表一开始是动态生成的，是由一张
    饼状占比图和一张折线图组成，在折线图上移动到不同的年份，饼状图数据也会随之改变，同时还可以选择只查看或者不查看某一热门研究领域的数据。

• 个人主页

  在主页上首先会展示用户个人的头像、昵称以及个性签名，也可供用户之后修改自己的信息。

  这个页面主要提供有关于用户的各种功能，可以查看最近的论文浏览历史记录，也可以进入我的收藏寻找此前收藏过的论文，或是此前离线缓存下的论文。

  主页上也有向开发者反馈的入口，以及退出登录的选项。

  

• 浏览历史

  在左上有方便用户返回上一级的返回按钮。
  可以在该界面查看历史记录，曾经访问的论文，可以查看今天、昨天、更早这三个时间段的浏览历史。

  

• 我的收藏

  在左上有方便用户返回上一级的返回按钮。

  在我的收藏中展示有用户此前收藏的论文，同样可以看到关于这篇论文的一些信息：封面、标题、作者、论文概要，并可以访问论文的原链接或是取消对该论文的收藏。

  

• 离线缓存

  在左上有方便用户返回上一级的返回按钮。
  缓存中，用户可以查看到该论文的大小，以及访问原链接，删除缓存记录等操作。

  

• 帮助与反馈

  在该界面可以留下用户的姓名，邮箱，以及用户的留言，点击发送后会将相关信息发送给开发者。或者可以直接选择查看底下的开发者团队的邮箱，进行直接联系。

  

困难解决

1. 刚开始看到要对论文列表进行修改操作，就疑惑爬出来的数据是否还有修改的必要？

   之后在群中看到助教针对这个问题的解答，了解到了爬虫在爬取数据的时候可能会出错，所以在修改的时候所有论文可能出错的数据都可以修改。就正常地弄了修改信息的功能。

2. 如何在axure中引入Echarts
   解决方法是，增加事件——在页面载入时，通过javascript伪协议直接执行ECharts、Highchart的代码，动态引入Echarts图表。

3. 如何同步彼此的开发进度

   使用axure团队开发工具，将自己开发的成果同步到云端，签出和签入自己需要编写的页面。使用GitHub，共同维护一份markdown文件。

4. 如何找到合适的图标

   在Iconfont-阿里巴巴矢量图标库，上面有海量合适的图标。

NABCD模型

1. N（Need 需求）

   1. 基础需求

      • 支持用户单个搜索，也支持批量导入论文列表

        还能对后续的论文列表进行增删改操作，论文列表支持模糊搜索

        之后通过对论文列表，爬取论文的摘要、关键字、原文链接。

      • 分析数据，提取Top10热门领域

        对近几年的热词走势用动态图表进行呈现

        点击热词能访问到相关的论文。

   2. 附加需求

      • 实现网站的用户登录/注册功能
      • 用户能对论文进行收藏，下载。以及保留浏览论文历史记录
      • 用户在遇到问题联系开发者的路径。

2. A（Approach 方法）

   1. 使用web平台进行开发，能使绝大多数的用户都能过访问到我们的搜索平台。

   2. 通过使用爬虫技术，能够非常便利、准确地获得大量的论文，论文资源非常丰富。

   3. 我们身处大学城区域，周围的大学生们都有搜索论文的需求，同样在校园内的一些公众号和同学们的人脉网都是推广我们应用的良好渠道。

3. B（Benefit 好处）

   1. 集成搜索多个来源的论文，极大便利了用户的使用体验，免去了需要在不同网页之间切换搜索的繁琐操作，集成搜索能极大提高用户搜索论文的效率。

   2. 提供了当前学术热搜榜以及最新论文展示，方便用户了解到学术界最新资讯。

   3. 设计了用户登录验证，增加用户使用的安全性。

   4. 用户界面提供一系列深层功能：历史记录、我的收藏、离线缓存以及反馈入口。

      能使得用户在使用本产品时，可以合理运用这些功能，让用户在查找论文时更加便捷，提升查找效率。

4. C（Competitors 竞争）

   1. 界面美观简洁，功能快捷实用。同时没有广告弹窗的骚扰，非常纯净~
   2. 免费。基于大学生们解决论文搜索繁琐的痛点而推出该产品，使用过程完全免费。
   3. 个性化功能。提供了用户账号相关的一系列功能（浏览历史、收藏、缓存），不只是一款简易的论文搜索工具，也提升了用户的使用体验。
   4. 留有反馈入口。方便收集用户的使用反馈，帮助我们第一时间发现产品的问题以及第一时间去修复问题，不断完善产品质量。

5. D（Delivery 推广）

   1. 可以在许多的互联网新媒体（微博、知乎、朋友圈...）上投放广告，扩大产品的影响范围。
   2. 在大学城范围的一些校级媒体（学校公众号、学生社团...）中投放广告，在产品目标人群中扩大影响力，吸引更多的潜在用户。
   3. 通过同学之间的人脉口口相传，互相推荐推广产品，产品的使用体验足够好，就能让用户主动去帮助我们的推广过程。

原型开发工具

• Axure RP9

结对过程

1. 语音沟通

   

2. Axure团队协作

   

3. Github同步md

   

结对感受

炜：

这次结对编程设计原型，让我感觉不像之前单枪匹马做作业时的那样迷茫，个人作业的时候我会在一些地方卡住思考很久，但有队友之后，就可以和队友交流这些问题，解决问题起来就会更加快速。结对编程也让我对于ddl也会变得更加敏感，想要能够尽早完成作业，不拖团队的后腿。团队协作的重要性在这次的实践中更加突显，我感觉这次作业中的交流还不过高效，希望能在下次结对中改进这一方面。

海翔：

这个第一次结对作业，让我收获很多。同队友在结对过程中磨合、共同进步，感受到了结对开发的好处。不再是一个人孤军奋战，彼此分工明确，共同协作，发挥出了1+1>2的效果。在开发过程中，可以及时和队友交流，寻求队友的帮助，分享彼此的想法，使得开发变得更有效率。

队友评价

炜 to 海翔：

海翔做事非常认真，他那部分的任务都能很好地完成，我可能在过程中比较喜欢分配任务而且比较啰嗦，但是海翔都非常包容，都把分配的任务都做好了。非常棒的队友，也让我更加期待下一次的合作，希望在下一次合作中，还能接着互帮互助，一起变得优秀。

海翔 to 炜：

炜是一个认真、负责、专业能力极强的队友，在这次的原型开发过程中，在炜的帮助和激励下，我学到了很多技术和知识，进步很多。在我开发中遇到困难时，炜会及时地同我交流，提出他的想法，共同解决遇到的难题。彼此的明确分工，极大地提高了开发效率，让我更加期待下一次的结对作业。