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

221900204-陈鸿越学生 2023-03-10 22:15:08

这个作业属于哪个课程	2023福州大学-软件工程实践-W班
这个作业要求在哪里	结对第一次作业--原型设计
结对学号	221900204，222000206；
这个作业的目标	1、阅读《构建之法》第3章和第8章的内容 2、完成原型设计结对作业 3、撰写博客
其他参考文献	1.NABCD模型 2.Axure中文学习网

一、原型地址
二、PSP表格
三、NABCD模型说明
3.1 N（Need 需求）
3.2 A（Approach 做法）
3.3 B（Benefit 好处）
3.4 C（Competitors 竞争）
3.5 D（Delivery 推广）
四、原型工具的选择
五、原型设计思路及成果展示
5.1澳大利亚网球公开赛网站构架图
5.2 具体页面设计
5.3 页面总体介绍
5.4 页面设计成果
六、开发中遇到的问题与解决方案
七、结队设计过程
7.1合作历程
7.2线上设计过程沟通展示
7.3线下设计过程沟通展示
八、本次合作对队友的评价

一、原型地址

原型地址

二、PSP表格

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时(分钟)
Planning	计划	10	10
Estimate	估计这个任务需要多少时间	30	30
Development	开发	300	300
Analysis	需求分析（包括学习新技术）	20	40
Design Spec	生成设计文档	10	20
Design Review	设计复审	10	10
Coding Standard	代码规范 (为目前的开发制定合适的规范)	30	30
Design	具体设计	200	300
Coding	具体编码	100	100
Code Review	代码复审	20	20
Test	测试（自我测试，修改代码，提交修改）	20	60
Reporting	报告	20	50
Test Repor	测试报告	10	10
Size Measurement	计算工作量	20	20
Postmortem & Process Improvement Plan	事后总结, 并提出过程改进计划	10	20
合计		1140	1020

三、NABCD模型说明

3.1 N（Need 需求）

我们通过各方面的调查，发现了澳大利亚网球公开赛的数据量非常大，用户经常为无法快捷的在网站中从庞大的数据里找到自己想要了解的东西。鉴于当今社会快速的生活节奏，人们会更倾向于网站设计能够更加简介直观。

3.2 A（Approach 做法）

1.我们首先对数据进行预处理，从官方网站爬取数据（怎么爬取数据详见上个帖子）
2.用Swiper第三方插件来制作首页的轮播图，丰富网页的内容，展示赛事的精彩图片以及相关的解说，让赛事变得更有趣，从而吸引更多的潜在用户使用。

3.3 B（Benefit 好处）

1.我们在使用时无需注册登录，方便快捷；
2.网站所提供的服务均免费；
3.网页布局简洁大方，重要信息占据网站主要界面位置，使用户能够快速了解主要信息；

3.4 C（Competitors 竞争）

经分析，我们的主要竞争对手有：福州大学软件工程专业2022级的同学。

3.5 D（Delivery 推广）

1.通过同学之间的友好交流可以有效快速推进本网站的传播。
2.通过CSDN发布的帖子可以和网站的其它小伙伴相互交流。

四、原型工具的选择

我们小组选择使用Axure进行开发，Axure开发有许多优点，它可以画图，又可以做文档，画图的难度比PS低，写文档比word灵活，最重要的是使用成本几乎为零。

五、原型设计思路及成果展示

5.1澳大利亚网球公开赛网站构架图

5.2 具体页面设计

为了使用户对各个界面都有清晰的认识，并且能够简单地实现在不同页面间切换，我们在每个界面顶端都设计了一个导航栏。

5.3 页面总体介绍

1.首页：我们将首页分为两部分，包括导航栏，首页轮播大图，这样既美化了页面又丰富了内容
2.排名：使用了两个表格分别展示了女单和男单的前二十名选手，有选手的形象小图、名字、排名、比赛场次和分数。
3.赛程：我们可以查看当天的所有赛程。赛程按照不同的场馆进行展示。结果框有移入高亮效果，并且点击第一个结果框会跳转到详细赛况页面。
4.晋级图：它展示了四分之一决赛、半决赛和决赛的信息，使用折现和列表的设计，有选手的国家、姓名、得分和胜利方的信息我们可以直观的看到所有队伍的胜负情况，以及比赛日期，简洁明了，大大方便了用户。

5.4 页面设计成果

首页效果

晋级图

每日赛程

选手排名

六、开发中遇到的问题与解决方案

1.我们组比较头铁，傻乎乎的第一个弄的项目是晋级图，晋级图中需要展示出来的小场比赛过多，里面的数字，国旗，姓名，勾等不好对齐,我们初期在这上面研究了好久都没确定解决方案，使用的解决方案是使用axure9的模板来使每个小场比赛内部原件在形状和位置上的统一，等到晋级图的结构确立后，将所有拖出的小场比赛脱离模板，从而实现了不同比赛在展示上的差异性。