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

[闲散贤咸人的博客]

作业基本信息

这个作业属于哪个课程	软件工程实践-2023学年-W班
这个作业要求在哪里	结对第一次作业–原型设计
结对学号	222100417,222100420
这个作业的目标	完成原型设计结对作业 找到你的小伙伴 及时记录PSP表格 共同决定原型工具并学习使用 设计原型 将原型以网页形式发布 撰写博客 包含作业描述和目录 核对评分标准
其他参考文献	…

原型链接

原型链接：https://eep64u.axshare.com/

NABCD模型分析

我们的产品<世界游泳锦标赛展示网站>是为了解决<无法及时或随时浏览比赛信息>的痛苦，他们需要随时浏览最近一些比赛的赛况和比赛选手等，但是现有的产品并没有很好地解决这些需求。我们采取了独特的办法，将各个所需功能进行分类，通过导航栏可以进行快速访问，它能给用户带来便于快速寻找想看信息的好处，远远超过竞争对手——某些网站，同时，我们有高效率的宣传免费访问的方法，如口口相传等，能很快地让目标用户知道我们的产品，并进一步传播。

模型设计

设计模型工具

Axure RP9

原型设计过程及成果

原型设计过程

成果

• 主页
  
• 选手信息
  
• 选手排名
  选手排名主界面
  
  点击其中某一个赛程便可看到排名情况
  
• 每日赛程
  每日赛程主界面
  
  可以在下拉列表里选择所需要的日期
  
  
• 详细赛况
  点击SHEDULES界面的某一赛程显示出详细赛况
  
• 更多
  

结果汇报

原型描述

下图是对原型设计的一个思维导图，我们设计了主页，详细界面，每日赛程，排名这些主要界面，并对每个页面都设置了页眉导航栏。主页存在去往其他主要界面的连接；运动员界面提供了所有选手的信息；每日赛程中含有比赛日期、比赛项目等信息，可以切换日期查看不同赛程，并可通过点击某一赛程前往该赛程的信息界面；详细赛程界面中含有选手信息以及比赛结果；排名界面我们提供了不同的比赛项目，点击比赛项目会展开该赛程的比赛结果；更多界面展示了该赛事的一些介绍等等。

• 主页
  主页导航栏HOME字标变色，以图片的形式显示去往其他界面的连接。
  
• 选手信息
  该页面展示参赛的各个选手的信息信息，如国籍(Country)、运动员姓名(Athlete)、性别(Gender)、出生日期(DOB)等。
  
• 选手排名
  选手排名主界面，主页导航栏RESULT字标变色，展示有结果的一些赛程，点击某一赛程框，展开改赛程的排名情况。
  
  点击其中某一个赛程便可看到排名情况。
• 每日赛程
  每日赛程主界面，按日期对各赛程进行分类，可以在中间的下拉列表内选择所需的日期进行查看当天的赛程，也可以选择ALL显示近期的所有赛程。
  
  可以在下拉列表里选择所需要的日期。
  
  
• 详细赛况
  点击SHEDULES界面的某一赛程显示出详细赛况。其中显示本场比赛参赛选手(Athlete)、选手排名(Overall Rank)、比赛积分(Ponits)、落后积分(Pts Behind)。
  
• 更多
  主页导航栏MORE字标变色，展示该赛事的介绍等等。
  

遇到的困难及其解决（所有问题最终都被解决）

困难一：第一次结对完成作业，以前都是小组作业，有个人统筹总体，分配任务，大家自己埋头苦干就行，这次两人结对，大家都没经验，不知道如何安排任务、分工、项目管理和统一。为了设计的流畅性，两人先对原型进行构想，而后以222100420同学为主设计师，222100417同学为辅助参与进行绘制。而最终报告以222100417同学为主编，222100420同学提供部分思路进行编写。

困难二：由于我们是第一次接触原型模型设计，也从未学习过相关方面的知识，因此会在新知识和新工具用法的使用上会有困难，不熟练，导致进度慢。为此，我们去CSDN、博客园等学习网站查找了一些资料和文档，了解原型模型设计，对比了一些主流的原型模型设计工具，最终选择Axure，并查找其学习教程。

困难三：这次作业我们使用的原型模型设计工具Axure，它的界面、它的使用方法、它许多的操作我们从没使用过，也没见过，并且其页面也是英文的，这在我们的学习使用过程中增加了不少困难，导致在某些功能实现时时常碰壁。我们在各种视频网站、资料网站上查找相关教程，最终在b站上找到了一个关于Axure的教学视频并一同观看学习，参照视频教程我们先熟悉了Axure一些基本知识及界面各窗口各工具的作用还有基本元件的使用，并跟着视频内容自己实现了一些简单的原型设计，后进一步学习了交互以及动态面板的使用，为解决问题其他问题奠定了基础。

困难四：构建模型的过程中，有些模型Axure模版库里没有需要自己捏。222100420同学想起学过的PPT的校选课中对多个元件的结合平凑裁剪的内容，尝试在Axure中使用，惊喜地发现竟然如出一辙，遂解决。

困难五：构建模型的过程中，有许多重复的内容，一个个捏很耗费时间。解决方法同样是运用PPT使用的知识，按住ctrl键能同时选择多个元件，然后组合，组合在一起之后就能添加到母版中复用，大大提高了原型模型设计效率。

困难六：实现点击某场比赛，可以展示该场比赛的结果的缩放。我们将单个比赛项目的结果添加到一个动态面板中，然后将该比赛项目的所有原件组合成一个元件，并添加交互，点击时切换动态面板的显示隐藏，并添加展开和收起动画。

困难七：展示比赛的结果的缩放时，下方组件会重叠，不能够跟随比赛结果的缩放而上下移动。我们在困难六的解决方法的交互上再添加一个更多选项——展开时推拉下方元件，就能解决该问题。

困难八：点开展示比赛排名结果的页面时，比赛结果详细处于展开状态。将单个比赛项目的结果添加到一个动态面板中，点击Axure的空白处，设置交互——页面载入时隐藏该动态面板。

困难九：切换日期查看不同的赛程，如何显示和隐藏其他日期的比赛赛程。将不同日期的比赛放入一个动态面板的不同state中，并设置切换日期的按钮的交互的情形对应切换的日期，以实现不同日期对应不同的比赛。

有何收获

大致学习了原型设计的内容以及Axure的使用，对软件工程的开发过程有更深的理解

PSP表格

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	30	30
• Estimate	• 估计这个任务需要多少时间	10	10
Development	开发	600	700
• Analysis	• 需求分析（包括学习新技术）	200	300
• Design Review	• 设计复审	20	25
• Design	• 具体设计	70	80
Reporting	报告	40	55
• Size Measurement	• 计算工作量	10	10
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	20	30
	合计	670	785

效能分析

由于对于这个新的软件从未了解，故而在学习使用和理解的时间耗费更多。而且由于设计的次数还是比较少，所以在设计阶段还是走了一些弯路。总结阶段，由于是第一次两人合作，还未做到完全的契合，故在总结阶段还是缺少了一些东西。

任务分工

为了设计的流畅性，两人先对原型进行构想，而后以222100420同学为主设计师，222100417同学为辅助参与进行绘制。而最终报告以222100417同学为主编，222100420同学提供部分思路进行编写。
=

感受

222100417

与222100420同学合作完成项目是一次非常愉快和充实的经历。在这次与222100420同学的结对作业中，我深感自己得到了极大的成长与提升。我们共同面对挑战，互相学习，不仅增进了彼此的了解，也锻炼了我的沟通能力和团队协作能力。

222100420

在与222100417同学结对的过程中，我感到非常愉快和满足。222100417同学展现出了出色的团队合作能力和技术实力，我们能够互相补充，共同克服项目中的难题。通过与他的合作，我不仅学到了新的知识和技能，还提高了自己的沟通和解决问题的能力。我相信我们的合作不仅是完成了这个项目，更是建立了良好的团队关系，我期待着未来继续与他合作。

相互评价

to 222100417

222100417同学是一个非常出色的团队合作者。他不仅拥有扎实的技术功底，还具备良好的沟通能力和团队合作精神。在项目中，他展现出了出色的责任心和执行力，能够迅速解决问题并提出有效的解决方案。他的积极性和专业精神对项目的顺利完成起到了关键作用。

to 222100420

222100420同学是一个非常出色的合作伙伴。他的专业知识和细致的工作态度给我留下了深刻印象。他积极参与讨论，为团队带来了新的思路和创意。同时，他也非常负责任，总是能够按时完成分配的任务。与他合作让我感到非常愉快和充实，我相信在未来的学习和合作中，我们会继续保持良好的合作关系。