结对第一次作业--原型设计

222000306高帆学生 2023-03-10 20:37:55

这个作业属于哪个课程	2023年福大-软件工程实践-W班
这个作业的要求在哪里	结对第一次作业--原型设计
结对学号	222000306\|222000301
这个作业的目标	学会使用原型工具来设计原型；结对编程，培养团队合作意识；学习NABCD模型并理解；学会对客户需求进行分析
其他参考文献	CSDN ;《构建之法》

PSP表格和效能分析

PSP表格

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

效能分析

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

• 第一次使用墨刀工具，设计原型时会遇到很多问题，所以在整个过程中都是在不断的学习；

• 结对是一个团队间磨合的过程，在完成需求分析阶段，很快把该有的需求定下来，但是在原型设计中双方会意见向左，但是我们花时间去讨论、最终敲定一个合适的方案。

• 原型设计花费了一定的时间，要查询原型工具如何使用，以及设计时遇到问题时查询相关的资料。

模型设计

原型地址

原型工具的使用

我们使用的原型工具是墨刀

[墨刀官网](墨刀 - 在线一体化产品设计协作平台 (modao.cc))

原型的设计过程与思路

原型结构
在一开始的想法中，我设计的原型就是通过首页的不同按钮以此达到跳转到不同页面的效果，所以我将首页划分为三个分支。
三个分支分别是： “选手排名表”、“每日赛程”、“晋级图”
其中“每日赛程”可以通过点击比赛信息进入“详细赛况”

晋级图高亮的实现
在一开始，我尝试在墨刀的事件选项中寻找鼠标移入高亮的事件，但最终没有找到合适的效果，于是我转变了思路。
通过手动描绘一个高亮提示窗口，并将该窗口设置为默认隐藏，然后添加鼠标移入的时候显示，鼠标移出的时候隐藏，完成了效果的实现。

结果汇报

文字准确、样式清晰、设计思路清晰、图文并茂地介绍原型

1.主页面

用户进入网站后，可以通过点击左侧的Singles Aces Leaders查询选手的排名，点击Daily schedule查询赛程，点击Promotion chart查询球队晋级图。

2.选手排名页面

该页面是选手的排名图，可以查看选手的Name,Rank,Matches,Aces.

3.每日赛程界面

该页面我们设计了三个模块，展示了四分之一决赛，半决赛，决赛的信息。在该页面，可以通过点击任意一个赛程查看该赛程的具体比赛信息。

某一比赛的详细信息：

4.晋级图页面

该页面是对公开赛的四分之一决赛、半决赛和决赛的一个总体的展示，可以通过该页面对赛事的晋级情况有一个总览。

困难解决

描述遇到的困难及解决方法（包括：困难描述、解决尝试、是否解决、有何收获）

1.原型工具的选择上

一开始想用axure，但是开始有同学说axure并不是很好用，于是将工具选择了墨刀，这个工具汉语亲切，符合我们团队。别说，用了之后，确实还挺好用。

2.沟通上的问题

由于我们不是一个专门开发的团队，在沟通上不能面对面沟通，通过QQ来沟通，这种方式当然没有面对面交流好些。但我们通过多次的交流沟通，最终还是把该有的问题解决了。

3.原型工具使用上的问题

由于第一次使用该原型工具，自然会碰到很多的问题，例如工具的版本问题，可能是版本太旧，一些预期的功能没法实现，于是又用了不少时间下载了更新的版本，成功解决了问题。

4.界面的美观性

文字排版方面：在开始设计时，脑子里想到很多美观的界面，但是在设计时，无法和预期的相符。我们通过查询相关方面的资料，熟悉原型设计工具，才能将原型做的更美观。

图片选择方面：我们组是先把页面先定下来，像图片图标等是在后面具体设计时再去查资料。比如主页澳大利亚公开赛的图片，网上关于这方面图片很多，但是适合我们不多，在网上找了许多照片，选择了适合我们的。还有像国家的图标的选择也是，这里就不一一赘述了。

3.设计移入相关组件的动态效果

当时我们设计详细赛况时想做一个鼠标移入的特效，因为以前都是在写前端才有学习过，在原型设计这里还从未尝试过，通过网上查询资料后成功的做了出来。

总体的收获：对于此次的结队作业，我们充分地了解到一个项目如果想要一个人完成是多么地费时费力，虽然只是结对两个人，但也充分体会到人多力量大。在这次结队作业完成的过程中，我们两首先进行了充分地沟通，归纳出了作业分为几大部分，清楚地分配了我们各自该完成的工作。不仅如此，我们在完成自己工作的同时也会互相为对方提供一些力所能及的帮助，使这次项目的一些功能得以完善，同时，在遇到一些困难时能通过有效的沟通来解决。而且这次的结队作业给我们带来的不仅仅是完成项目的喜悦，更多的是让我们更互相了解了对方。因此，这次的结队作业让我们受益匪浅。

遇到困难时进行讨论：

NABCD模型

NABCD模型的详细说明。主要分析A和C：如何解决问题，你有哪些竞争对手、如何竞争、有何优势等等

1.N(Need，需求)

随着信息时代的发展，各类体育赛事受到了广泛的关注。澳大利亚网球公开赛是网球四大满贯赛事之一，比赛通常于每年一月的最后两周在澳大利亚维多利亚州的墨尔本体育公园举行，是每年四大满贯中最先举行的一个赛事，也是最年轻的大满贯。人们从各个渠道去了解这个赛事，所以我们决定开发设计一款以广大市民为主，不需要任何权限就可以查看该公开赛的赛事的平台。

2.A(Approach，做法)

网站首页是用户进入你网站看到的第一面，如果这第一面给用户的印象不好，不够吸引，那样会让用户没有了继续浏览的欲望。一个不够吸引人的网站首页，就算你网站推广做的再好，IP量再高，但是往往就是因为网站首页设计的不够好、不够精致、不够吸引，从而导致了网站转化率不高，可以用CSS的相关知识来美化网页，同时用前端,相关框架来写网页的基本结构。

3.B(Benefit，好处)

本平台为澳大利亚网球公开赛查询平台，通过该平台可以查看选手排名，每日赛程和详细赛况，以及球员的晋级图。平台相对简单，但是有较详细的赛事数据，没有其他不相关的内容，可以给广大球迷查看赛事带来很大方便。

4.C(Competitors，竞争)

类似的查询平台都是潜在的竞争对手。由于保证数据的准确性，和最新数据的呈现是查询网站的核心业务，所以做好这两个模块也是我们取得优势的关键。数据的准确性方面，要查看官方网站的数据，同时要关注热门球员的信息的准确性。最新数据的呈现则要第一时间关注相关记者的报到，以及官网上的信息。这样才能让用户愿意进入网站，来查询信息。

5.D(Delivery，推广;Data，数据)

首先可以在一些热爱网球的同学中宣传，可以做一些视频用来推广，一传十，十传百。也可以向社会宣传，吸引爱好网球的市民。同时，也可以在微信空间微博等平台上推广。