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

222100235熊铃锋 2024-03-09 17:02:39

这个作业属于哪个课程	<2302软件工程社区>
这个作业要求在哪里	<结对第一次作业--原型设计>
结对学号	<222100232, 222100235>
这个作业的目标	<阅读下方的客户描述的现实困扰，以共同发布一份博客随笔的形式，设计一套方案，向客户推销>
其他参考文献	《构建之法》、 Axure RP教程

1.PSP表格
原型项目链接
2 NABCD模型的详细说明
2.1 Need，需求
2.2 Approach，做法
2.2.1 选择并学习原型设计工具
2.2.2 需求分析图：
2.2.3 功能
2.3 Benfit，好处
2.4 Competitors，竞争
2.4.1 竞争对象
2.4.2 竞争优劣势
2.4.3 如何竞争
2.5 Delivery，推广
3.遇到的困难及解决方法
4.结对总结
4.1 结对过程
4.2 结对感受及评价
4.3 结对截图

1.PSP表格

效能分析：

我们将平台原型设计这个大任务分解成需求理解，选择并学习模型设计工具，结对讨论，原型设计分析，
界面原型设计，原型改进等几个小任务，方便一步一步实现平台原型设计。

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	70	60
• Estimate	• 估计这个任务需要多少时间	70	60
Development	需求分析	550	470
• Analysis	• 需求理解	30	20
• Learn	• 选择并学习模型设计工具	90	70
• Discuss	• 结对讨论	60	60
• Analysis	• 原型设计分析	50	40
• Design	• 界面原型设计	200	180
• Improve	• 原型改进	120	100
Reporting	报告	70	60
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	70	60
	合计	690	590

原型项目链接

原型项目

2 NABCD模型的详细说明

2.1 Need，需求

世界游泳锦标赛，是由世界游泳联合会主办的最高级别的大型国际性游泳赛事，主办机构是国际泳联总会。
第一届世界游泳锦标赛于1973年举行，1978年至1998年间举办间隔年数屡有变化，自2001年起恢复每2年举行一届。
2024年游泳世锦赛于2月2日至18日在卡塔尔多哈进行。
而这次，客户希望能设计一个平台，通过图表等形式来直观显示选手信息、正式赛每日结果等。

选手信息界面：

需要展示Overall Rank，Country，Athlete，Age，Points等信息。

比赛信息界面：

• 展示每一天的赛事，显示比赛类型(男子1m跳板，女子10m跳台等)，参与选手和比赛时间

• 支持通过切换日期查看不同的赛程

• 支持点击查看详细赛况

详细赛况界面：

• 展示比赛的成绩，包含本场比赛参赛选手，选手排名，比赛积分，落后积分等

2.2 Approach，做法

2.2.1 选择并学习原型设计工具

我们经过查询博客和网上资料，统一使用专用的原型模型设计工具：Axure Rp进行原型模型设计
因为Axure Rp有以下特点：

1、可以进行交互设计：Axure提供了丰富的交互元素和动作，可以创建复杂的交互流程和状态转换，用于验证和演示产品功能。

2、高保真原型设计：Axure支持添加交互动画、过渡效果、表单输入和数据模拟等功能，能够以更真实地展示产品的外观和交互体验。

3、规范文档生成：Axure支持生成规范文档，方便设计师与开发人员之间的沟通和理解。

4、深度定制和逻辑设计：Axure提供了丰富的定制和逻辑设计功能，可以创建复杂的交互逻辑、条件判断和动态内容，以模拟真实的用户操作和系统行为。

5、协作和版本控制：Axure允许团队成员之间进行协作，共享设计文件，并具备版本控制功能，可以追踪和管理设计文件的变更历史。

2.2.2 需求分析图：

2.2.3 功能

为实现需求，在主界面使用tab栏，用户可以点击任意标签进入相应的页面。

运动员信息图：

展示所有的运动员信息，包括Country,Athlete,Gender,DOB,Dicsipline
用户还可以点击筛选列表，筛选展示运动员的性别和国籍。筛选列表放在醒目位置，方便用户使用。

每日赛程：

用户点击某赛程，可以跳到相应的详细赛况界面
每日赛况按照时间排序展示给用户

详细赛况

展示参赛运动员相关信息，包括overall rank，Country, Athlete, Points, Pts Points
用户可以直观地了解详细的比赛信息，方便用户操作。

了解背景

展示世界游泳锦标赛的相关信息，用户可以了解游泳锦标赛的背景信息。

精彩时刻

精彩时刻页面记录比赛过程中精彩的时刻以及相关新闻报道，用户可以点击录像以及新闻报道来了解比赛情况。

2.3 Benfit，好处

由于世界游泳锦标赛的相关信息属于公开信息，我们使用网页进行展示，用户只需输入网址就能进入页面查看信息，无需登录，简便方便。
页面实现功能用tab栏展示出来，方便用户操作。
实现附加界面，用户可以点击了解背景标签了解世界游泳锦标赛相关信息，用户可以选择赛事查看录像和新闻报道。

2.4 Competitors，竞争

2.4.1 竞争对象

我们平台的竞争对象为其他小组的产品以及世界游泳锦标赛官网。

2.4.2 竞争优劣势
- 我方优势：

平台界面简洁美观，易于修改界面信息，操作简单。
功能通过Tab栏集中展示，方便用户操作。当甲方有额外需求或需求更改时，易于进行增删改查工作。
增加查看比赛录像以及新闻报道功能，方便用户了解比赛过程。
增加世界游泳锦标赛背景介绍功能，引起人们对世界游泳锦标赛的兴趣。

我方劣势

相较于其他开发小组的项目，有一些其他功能没有添加，实现的功能不够全面。
使用开放网页，没有登录功能，无法记录客户数据，无法实现个性化内容推荐。
平台只支持网页形式访问，无法通过其他方式访问。

2.4.3 如何竞争

首先在完善本平台基础功能和增加功能的前提下，学习官方平台与其他小组平台的增加功能，经过讨论后，按需添加新功能。
通过推广渠道推广我们的平台，吸收用户量，提高平台竞争力。

2.5 Delivery，推广

通过视频平台发布视频获取流量，吸引用户。
在比赛期间在各类体育论坛上发布，面向大众，鼓励大众了解跳水运动。

3.遇到的困难及解决方法

困难一

困难描述：在平台原型设计的过程中遇到的困难还是挺多的，在刚开始我们选择完原型设计工具Axure后，分工进行原型设计，我先制作总体界面布局和运动员信息界面，我的结对伙伴先完成每日赛程和详细赛况。在制作过程中，我们发现我们的设计无法在Axure中预览
解决尝试：分析问题，查找网上资料后，我才发现了原因。我们的Axure是根据网上Axure教程来完成安装的，下载安装中文补丁后Axure后无法运行，只能重装下载。是否解决：已解决
心得感悟：前人发表的文件不一定适用于当下，该文件已经是2021年的旧文件了，与官网的版本不一致，以后在寻找相关的教程应当尽量选择距离当前时间近的。

困难二

困难描述：对Axure平台的不熟悉也造成了一些困难，直接使用软件进行平台原型的分享协作会失败，双方无法共享同一个.rp文件。
解决尝试：首先我们重新分享了一遍，看看是不是上一个链接出现了问题，结果还是无法共享。然后我们在网上查找资料后发现想要共享同一个文件，需要我们创建工作区，再分享至工作区中，同时邀请对方加入到同一个组之中，这样才能共享文件。
是否解决：已解决
心得感悟：平台原型提供的服务可能因为服务器之类的原因导致出现部分Bug，而且相同类似的功能也是存在的，一条路不通那就走另一条。

困难三

困难描述：在制作比赛结果表格的时候，需要实现不同比赛的详细结果下拉。要实现下拉，就需要移动下方几乎所有的组件，一个个组件来操作工程量太大，收回详细结果的时候又需要将组件调整回到原本的位置，又要实现侧边三角符号的旋转，在同一个组件中，实现了三角符号的旋转是成功了，问题是无法将组件回调位置，导致每次点击都使得下方组件下移。
解决尝试：最终解决方案是将下方的组件组合起来，每个赛事下方的组件都要分别组合，同时将赛事条目组件复制成两份，一份是下拉，另一份是回收，这样一来点击组件之后就隐藏自身并显示下一个组件，两个组件负责不同的功能，这样一来就成功实现了赛事详情的显示和收回。
是否解决：已解决。
心得感悟：一部分功能是无法兼容的，不能过分强求在同一个操作中完成两个互斥的功能，一个工具的力量是有限的，有时候要打开思路，借助多个工具来实现自己需要的功能，将大功能分解成小功能，分别实现，再将其组合起来。

4.结对总结

4.1 结对过程

结对双方是同一个宿舍的舍友，在结对作业发出后在宿舍内讨论一下，发现双方都还没找到结对人选，于是就相互联合，一起结对完成该作业。

4.2 结对感受及评价

<222100232黄烨琳>：结对作业的项目一开始是原型设计，我们双方晚上在宿舍里讨论了分工，一起选择了开发工具，因为平时上课需要在不同的教室，并且没有课程的时候一般都是各自在不同的教室里自习，用校园网查资料，所以大多数交
流都是在QQ上进行的，每个人各自实现的部分不同，但是又有交集，原型设计和编程是不一样，编程只需要讨论好双方负责的功能
，并且只需要约定好接口名，返回值，参数这些内容就能进行开发，原型设计则需要不停进行讨论，同时需要更多考虑美术风格，尽可能保持一致性。熊铃锋同学是一位非常有团队精神的队友，在整个原型的设计过程中
经常主动协调原型的美术设计，同时对整个原型的美观方面加以改进，是非常负责任且认真的，业务能力也是十分好优秀。

<222100235熊铃锋>：在本次的原型设计中，我认真地了解并学习了原型设计的步骤与方法，但我觉得我对于原型设计工具的掌握还不够好，还不够熟练。
但在面对原型设计过程中遇到的问题，通过上网查找资料，b站视频学习的方法都能够很好地解决。
对结对同伴的评价：同伴办事效率很高，业务能力强于我，同时也能够与我一起讨论原型设计以及解决过程中遇到的困难，但我们磨合得还不够好，争取下次作业当中更快更好地完成任务。