结对作业一

这个作业属于哪个课程	2021春软件工程实践|W班(福州大学)
这个作业要求在哪里	结对作业一
结对学号	221801113、221801128
这个作业的目标	完成原型设计
其他参考文献	简书/博客园/CSDN/B站

---

目录

• PSP表格和效能分析
  • 效能分析
  • PSP表格
• 原型地址
• 原型介绍
• 困难解决
• NABCD模型
• 原型工具的使用
• 结对过程，队友评价
  • 结对过程
  • 结对感受
  • 队友评价

PSP表格和效能分析

• 效能分析

  在本次作业中，我们的主要时间精力花费在需求理解，讨论原型设计和原型具体实现上：

  • 在需求理解上，我们花费了不少时间，主要是对题目的理解不够到位，感觉有许多的需求理解起来有点模棱两可，导致我们在讨论时产生了分歧，但后面通过询问助教，还是对需求有了较好的认识。
  • 在原型设计上，由于两人的审美风格不同，在设计风格上的统一花费了一些时间，还有是在讨论具体组件的类型、页面的排版，如何设计出符合用户需求，用户审美的原型，才让我们的产品更具有竞争力等方面也比较耗时。感觉在平时还是应该多多关注一些网站的设计，这样才能在真正上手的时候不会花费太多时间。
  • 在原型具体实现上，花费比较多时间的原因主要是，第一次接触墨刀这个原型设计工具，对原型设计有点不够适应，在学习如何做到在墨刀软件中通过状态改变来对动态图表的设计以及对弹窗等状态功能的实现花费了较多时间。

• PSP表格

PSP2.1	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	15	20
• Estimate	• 估计这个任务需要多少时间	15	20
Development	开发	740	950
• Analysis	• 需求分析 (包括学习新技术)	80	150
• Team Communication	• 结对讨论	180	200
• Design	• 界面原型设计	480	600
Reporting	报告	80	110
• Test Report	• 设计报告	60	70
• Size Measurement	• 计算工作量	10	10
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	10	30
合计		835	1080

原型地址

https://modao.cc/app/00aac350912fbdeedafb6193379ed541212ca560?simulator_type=device&sticky

原型介绍

• 1.登录/注册界面：

  • 用户通过用户名密码进行登录，点击创建账号则可以进行用户的创建。
    
    

• 2.论文导入界面：

  • 登录后用户则进入到了主界面，用户在该界面可以通过搜索栏进行搜索（论文标题、论文作者、论文编号、关键词），如果论文列表里没有所需信息则会进行论文导入。
  • 搜索栏下方则是近期用户感兴趣热词，点击热词也可进行搜索或导入。
  • 点击批量导入按钮则会跳出弹窗，通过下载给定模板，并上传则可批量导入论文。
  • 可对论文进行收藏、编辑或删除，点击收藏按钮则会将论文收藏至收藏，点击编辑按钮可对论文的标题、关键字、摘要等进行编辑。
    
    
    

• 3.收藏夹界面：

  • 用户可对收藏的论文进行编辑或删除
    

• 4.热门领域界面：

  • 该页面分析多个用户爬取到的论文信息，提取top10个热门领域或热门研究方向，并显示。
  • 用户可通过该页面，知道使用该网站的其他用户的研究热点。
    

• 走势对比界面：

  • 可以通过点击上方三个顶会的按钮切换各个顶会的近三年的走势对比。
  • 下方走势对比图类似轮播图可自动切换，点击年份也可以直接进行切换。
    

• 个人信息界面：

  • 用户登录后则可以通过点击右上角的头像或者点击左侧tabbar，进入个人信息页，信息页中包含用户基本信息，如用户账号、密码、邮箱与个性简介，这里基本信息设计较少的原因主要是通过邮箱即可表示用户，用户不用担心个人信息泄露。
  • 可对用户的个人信息(账号、密码、个人简介等)进行修改。
  • 可以进行绑定邮箱，通过邮箱可以进行找回密码等操作。
    

困难解决

• 困难：第一次接触原型设计，也是第一次接触墨刀，在许多构想的设计上，并不知道该如何实现，上手的时候还是有许多问题。
• 解决：在墨刀官网以及论坛上学习已有的和部分大佬发布的教程，虽然感觉并不多，主要通过b站视频讲解。上手多试，试着试着就试出来了。
• 收获：坐在那里想是肯定想不出来的，多动手尝试。

• 困难：因为我们两个对设计这方面并不怎么了解，并不知道如何设计出美观，能让用户具有良好体验的界面。
• 解决：首先是观看了许多网站的设计，也在b站上观看了许多优秀的UI设计，通过两人大量的视频讨论，屏幕共享一起来决定原型细节的具体设计，最终使得原型初步成型，逐渐美观。
• 收获：可以多观看一些优秀的UI设计来提高自己的设计水平，要想设计出更好的作品，可以选择站在“巨人的肩膀”上。

• 困难：题目要求对多年间、不同顶会的热词呈现热度走势对比，以动图的形式呈现，不知道如何以动图形式呈现。
• 解决：一开始以为墨刀可以像Axure那样嵌入代码，但搜索了很多资料后，并没有这方面的功能，后来通过b站教学，查阅到可以通过页面状态改变来制作动图效果。于是我们就通过改变页面状态和组件状态来进行实现。
• 收获：想用Axure了。其实主要是感觉一开始并没有认真看教程，草草学了就上手，有些知识点没看到，导致后续大量的时间的花费。

• 困难：远程结对，不太方便，主要是因为QQ屏幕共享画质不高，在共享时，许多页面的一些具体细节看的不是很清楚。导致在改界面的时候比较麻烦。
• 解决：回到学校可能会好点。

NABCD模型

N —— Need

• 设计出了解顶会论文研究热点的迫切需求——顶会热词统计的网站。
• 爬取论文列表与论文信息获取：
  • 通过输入单个论文题目进行爬取。
  • 也可通过上传指定格式文件（excel）进行批量导入。
  • 爬取的论文具体信息包括：论文编号、关键词、论文摘要、论文标题、论文链接等。
• 对爬取论文进行操作
  • 可对论文列表进行收藏、修改、编辑等操作。
  • 可对论文列表进行查询（输入论文题目，也支持模糊查询：输入论文编号、关键词、作者等基本信息），若在论文列表中不存在所要检索的论文，则根据输入的查询语句到网站爬取并返回论文的摘要、关键词、原文链接。
• 分析已爬取到的论文信息
  • 提取用户关注热门领域或热门研究方向Top10加以显示。
  • 生成计算机视觉的三大顶会（CVPR、ICCV、ECCV）近三年的热词走势对比图。
• 用户可以通过账号、密码进行登录
• 用户在个人信息界面可以修改个人信息

A —— Approach

• 通过Java来编写爬虫程序，来爬取论文列表。
• 用户爬取的论文列表若超过限定天数，则在数据库中删除，收藏夹中的论文列表能永久保存。
• 通过对爬取论文中的关键词的统计，定时更新数据库中的Top10热词。
• 福大地处大学城区域，潜在的学生用户群体较多，可以利用社交软件将我们的产品在学生群体中流传，建立起我们自己的良好的品牌形象。
• 免费使用也将为我们带来可观的使用者，最重要的是我们结对伙伴直接的互相信任，遇到问题共同克服，相信所有问题都能迎刃而解。

B —— Benefit

• 可以批量导入论文列表，导入速度更快。
• 通过收藏夹形式，用户可将喜欢的论文进行收藏，而不用担心论文丢失。
• 提供可视化的图表，让用户更加清晰直观的了解当前热门领域或热门研究方向。
• 通过搜索栏下的热词，可以让用户快速选择自己感兴趣的论文进行搜索或爬取。
• UI界面简洁干净，没有太多花哨的设置，让用户使用时不会视觉疲劳。

C —— Competitors

• 目前大多数竞争对手，他们设计的产品基本都有需要收费才能实现的功能，例如个人版与企业版等，若我们与之相同则竞争力将大大下降，所以我们设计的软件初期主打免费使用的风格，建立良好的口碑，先吸引一些用户做为我们的内测用户，而无需向他们收取任何费用，依靠这一举措来扩大我们这个产品的知名度，等到后期名声大了之后，若有需要再设计与VIP相关的领域。
• 其次，有一些竞争对手他们的设计以画面丰富，样式新颖来吸引顾客，快节奏的社会难免大家会审美疲劳，而我们平台以简约实用为设计理念，抛开大多花哨的设计，凭借功能强大，简约易上手来夺得优势。
• 软件工程专业的优势使得我们对后期编程方面更有经验，接触过较多设计原型，这些经验可以用在前期平台设计上。

D —— Delivery

• 首先在校内推广，以动态页面吸引学生用户，主要在数计学院内宣传，有成效后推至全校。
• 其次，在微信公众号、QQ空间、微博、贴吧论坛上做相应推广。
• 最后如果前期宣传卓有成效，可以联系媒体团队，进一步扩大宣传范围。

原型工具的使用

• 原型工具使用的是墨刀，感觉墨刀相较于Axure来更容易上手，就选择了墨刀。

结对过程，队友评价

结对过程

• 我们主要是通过QQ屏幕分享进行讨论和设计
  • 讨论原型设计工具的使用
    
  • 进行原型设计
    

结对感受

CYL(221801128)的结对感受：这一次的结对作业是一次全新的体验，项目里的每一个步骤的实施都需要两个人协力完成，在原型设计以及细节把握上都要求要达到统一，这更加需要两人的默契程度，配合的好不好将直接影响作业呈现的效果。两个人结对，也有同步实时的效果，共同努力将作业完成。但是在一些版面设计上也产生过意见上的分歧，但最终都圆满统一了。总体来讲，这一次的结对经历还是十分愉快的，希望在结对作业2中也能有良好的配合。

CJX(221801113)的结对感受：第一次正式的进行结对，感觉体验还是很新鲜的。两个人一起同步完成作业的感觉很棒，可以一起讨论，一起设计，做出来的方案远比一个人要完善多。而且结对作业能让两个人互相监督，如果是一个人作业难免会拖延放松。总的来说这次结对经历感觉还是很不错的，希望能顺利完成结对作业2。

队友评价

CYL(221801128)对CJX(221801113)的评价：对细节的把握比较到位。善于指出问题所在，是一个高效率完成工作的人。他能在设计时一并想到编程的具体实现，这也让我对他十分放心，我认为他会是一个在团队中担任主心骨的人，也非常期待和他的下一次合作。

CJX(221801113)对CYL(221801128)的评价：YL同学做事非常认真勤快，而且设计的方案也都很nice，后期基本不需要去对方案进行修改，而且他执行力强，做事效率高，作业刚开始就带着我很快完成了作业大体的设计。总的来说，这次合作还是非常顺利的，希望下个作业我们也能顺利完成。