结对作业一

这个作业属于哪个课程 2021春软件工程实践 | W班 (福州大学)
这个作业要求在哪里 结对作业一
结对学号 111801429 & 221801139
这个作业的目标 根据用户需求,进行结对原型设计
其他参考文献 Axure官网

PSP表格和效能分析

PSP表格

PSP2.1 Personal Software Process Stages 预估耗时(分钟) 实际耗时(分钟)
Planning 计划 60 90
• Estimate • 估计这个任务需要多少时间 60 90
Development 开发 510 790
• Analysis • 需求分析 (包括学习新技术) 60 120
• Design Spec • 生成设计文档 30 10
• Design Review • 设计复审 60 60
• Design • 具体设计 360 600
Reporting 报告 10 15
• Size Measurement • 计算工作量 5 5
• Postmortem & Process Improvement Plan • 事后总结, 并提出过程改进计划 5 10
合计 580 895

效能分析

这次的时间按理上是花费在需求分析和模型设计上。然而,由于两只咸鱼报团取暖,并且都有着不同程度的强迫症。导致最后,大部分时间都花费在细节改动方面,大大拉低了工作效率。除此之外,时间的花费如下:

  • 由于都是第一次接触原型设计以及Axure,因此学习成本占用大部分时间
  • 由于事先并没有发现可以导入现成的模板,在页面设计方面全靠自己手动设计
  • 由于在需求方面,双方理解不同而导致花费大量的时间讨论与分析

最开始的时候,由于各方面的协调工作,两个人的效率确实不如一个人。在确定了需求分析和设计图纸之后,chua!的一下,效率就上来了。而且由于是两个人协作,能起到很大的督促与监督作用。

原型地址

https://29pn8d.axshare.com

原型介绍

设计思路

  • 第一个需求是通过输入论文题目或是文件导入进行论文的相关爬取,因此,应当有一个页面存在输入框、搜素按钮以及导入按钮。之后考虑如果要用文件导入,应当支持哪种文件。经过相关资料的查询,最终敲定用Excel的格式进行论文题目的批量导入。
  • 之后是对于论文列表的相关操作的需求进行页面设计。因为要支持对多个方面进行模糊搜索,因此想着多整几个输入框以便区分。之后考虑论文列表要以怎么样的形式进行显示,这里一共有两种备选方案。其一是像之前博客系统的后台那样以表格的形式进行展示,其二是像之前博客系统的前台那样以卡片的形式进行展示。最终敲定使用列表进行展示,并位于列表的最后一列放置查看详细页面、编辑、删除功能的按钮。
  • 在论文详细页面可以查看论文名、导入时间、原文链接、关键词以及论文摘要等信息。并含有返回键用于返回主页,以及修改键用于方便用户对论文信息进行相关的修改工作。
  • 至于用户如果未搜索到相关论文可进行导入的方面,则考虑是不用提示用户直接爬取相关论文信息,还是由用户自主导入。由于考虑到用户的搜索信息可能会匹配到多条论文信息,因此决定提示用户搜索消息不存在,可以前往导入页面进行相关操作。
  • 由于可以通过点击热门关键词进行相关搜索,因此,将Top10的关键字放置于主页右侧,方便用户快速查看以及搜索操作。至于相关详细,则放置于一个新的页面。其中,用echarts中的多种图表展示相关具体信息。

展示原型

主页面

  • 导航栏左侧为平台logo,右侧有跳转主页、论文导入、本站聚焦三大板块的功能键,页面主题为论文列表以及Top10关键词。
    主页
  • 可以通过搜索框进行单项/多项条件的模糊搜索。(这里使用论文名为“b”,关键词为“b”进行搜索的结果)
    模糊搜索

论文详细页面

  • 以表格的形式展示论文相关信息。
    论文详细页面

论文修改页面

  • 可以对论文的题目以及原文链接进行相应的修改。
    论文修改页面

论文导入页面

  • 通过搜索框进行搜索或是利用将文件中的论文题目批量导入后,会在下方出现相关性最强的前八条论文信息,用户可自主选择导入。
    论文导入页面

本站聚焦页面

  • 通过饼状图、雷达图以及折线图的方式,直观展示数据的占比与走势。
    本站聚焦页面

困难解决

Q1:列表怎么实现分页功能?
A1:通过百度得知可以中继器进行相关设置。通过拖入一个中继器元组,并与列表进行数据绑定。通过该方法使得中继器中的数据能够显示到列表上,并在中继器元组的样式中设置多页展示,并设置每页显示的项目数量。
Tips:学会了中继器使用的冰山一角,good!

Q2:搜索框如何进行多项模糊搜索?
A2:百度到了一些方法,一一尝试,均没有用。于是自己根据说明进行反复尝试。在搜索按钮设置单击交互条件,设置相关情景,并设置该情景下发生的事件。将三个输入框中的值设置为三个变量,并与中继器的对应列变量进行字符串的比较工作。先尝试用[[Item.id == id]]进行单项精准搜索,成功!接下来,尝试用[[(Item.id == id) && (...)]]进行多项精准搜索,成功!之后尝试用[[(Item.id.indexOf(id)) > -1]]进行单项的模糊搜索,成功!最后的多项模糊搜索也成功了,nice!
Tips:学会了多种情景的设置和搜索的编写方式。

Q3:列表翻页的时候,页码该如何实时发生变化?(该问题尚未解决)
A3:根据百度教程,使用[[Item.pageIndex]]来获取当前的列表页数。但是在实践操作过程中,发现文本无法变成相应页数,而是直接将该代码段输出。
Tips:百度没一个方法能用,蛮离谱的。

Q4:鼠标悬停于元组时,如何改变元组的样式?
A4:百度教程指出,要建立交互,将该元组变成选中,之后再设置选中交互改变样式。然而,并没有找到改变样式的事件。偶然发现可以设置直接设置鼠标悬停时交互样式,最终搞定该问题。不过后来发现,如果是元组组合,则不可以采用该方法进行操作。
Tips:有时候百度不是万能的,我们也不是。

NABCD模型

N(Need 需求)

  • 论文列表及论文信息爬取:
    • 支持输入论文题目导入
    • 支持excel格式的文件批量导入论文列表
  • 对已有论文列表进行增删改查操作:
    • 支持用输入查询相关信息(支持模糊查询)
    • 信息不存在,则提示用户导入
    • 支持用户点击题目查看论文详细资料(题目,导入时间,原文链接,关键词等)
    • 详细资料页面支持用户修改题目和原文链接
  • 用echarts显示相关数据:
    • 用饼状图显示Top5热词占比
    • 用雷达图显示今年不同网站5个热词的数据对比
    • 用折线图显示不同年3个网站同一热词热度走势对比

A(Approach 做法)

  • 使用vue框架,结合elementUI制作页面
  • 使用python爬取多个论文网站的相关信息
  • 定期更新MySQL数据库
  • 与充满善意的同行共享服务器
  • 通过在大学城的地域优势以及不错的人脉关系加速平台推广

B(Benefit 好处)

  • 提供给用户极大的使用自由度
  • 集中于论文搜索这一块内容,避免了其他不必要的信息影响用户体验
  • 提供多种可视化图表,给予用户直观的视觉体验

C(Competitors 竞争)

  • 目前和我们竞争的产品一般情况下都需要收费,我们的平台主打用爱发电、免费使用、私人订制
  • 目前论文搜索平台的UI风格千篇一律,而我们的平台充分利用用户的猎奇心理,以可爱简约大气为设计理念,如此一定可以在众多平台中脱颖而出
  • 地理位置及所在专业的优势,使得我们拥有一大批自来水

D(Delivery 推广)

  • 确定用户群体为从事计算机相关且需要大量查询相关论文的人员。因此,可以先将其在数计学院大四群体推广
  • 通过一定的推广,再普及到数计学院其他年级以及其他学院
  • 在基于以上推广之后,再在相关网上平台上投放广告,增大用户量

原型工具的使用

本次原型设计使用了Axure Rp9
使用了Axhub Charts图表元件库模型

结对过程,队友评价

结对过程

小皮:我就是故意要和九歌同志捆绑。综上,开始了结对。

通过分析作业要求并经过激烈的扯头花环节,开始了初步编写需求文档以及绘制大致的页面草图。
需求分析阶段

之后根据之前的页面草图,开始了艰难地手写页面(直到快做完,才发现有模板导入这个阴间玩意)
原型设计阶段

第一次结对感受

小皮(221801139):

  怎么说呢,结对刚开始的时候有一点迷茫,不知道要做什么,但是经过九歌的细心指导和带领下,终于开了个好头,完成了基本的需求分析和模型设计。在结对的过程中,两个人相互鼓励、相互支持,每一天都充满了欢乐,工作也充满了干劲。这是我第一次结对工作,总体感觉很微妙,虽然工作路上有点磕磕绊绊,但是谁也不掉队,准点上班,积极完成各自的工作,几天下来收获良多。

九歌(111801429):

  由于结对编程这个词以前只是看到过,并没有亲身体会。这次倒是有幸体验到了,两个人一起干活,从目前来说蛮有意思的。尤其是,在设计页面的时候,可以一起讨论商量。这样的成果是两个人努力的结果,很有成就感。不过,由于目前是原型设计阶段,感觉在实现上还没有那么吃力。有点担心之后的第二次结对,因此在这次设计的过程中,也会在思考这样子的设计要怎么实现、有什么方式可以实现以及对方是否需要相应学习一些新的知识。啊,目前感觉还不错。

队友评价

小皮(221801139)=>九歌(111801429):

  九歌的学习能力特别强,印象特别深刻的是在利用Axure实现模糊查询功能时,在大量实验失败后,我都有点想放弃了,她还在坚持不懈的查找资料和实验,终于在凌晨1点钟攻克了这个难题,好棒!虽然本次原型设计有些难度,但是过程很开心,感谢九歌小姐妹带着我一起干活!

九歌(111801429)=>小皮(221801139):

  感谢小皮同志拉扯住我令人堪忧的审美能力和配色,并且小皮同志具有非常的细心。由于前期的失误导致各个组件的比例出现了极大的不协调,而由于小皮同志在前期将每部分的组件都形成了一个组合,由此避免了一切从头开始布局的危机。另外,在一些需求方面,小皮同志也有着其独特的见解,这极大程度上避免了我的跑偏。

posted @ 2021-03-09 23:37  行露  阅读(257)  评论(15编辑  收藏
the end