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

222000415史天鹏 2024-03-10 18:30:13

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

一.原型链接
二.效能分析（PSP表格）
三.NABCD模型分析
3.1 N（Need 需求）
3.2 A（Approach 做法）
3.3 B(Benefit 好处)
3.4 C(Competitors 竞争)
3.5 D(Delivery 推广)
四.原型设计
4.1原型设计工具
4.2任务分工
4.3设计结果
4.4困难与解决方法
五.结对过程评价
5.1结对过程
5.2彼此评价
六.原型照片，交流截图及合作图片
七.贡献度

一.原型链接

二.效能分析（PSP表格）

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	30	30
Estimate	估计这个任务需要多少时间	30	30
Analysis	需求理解	180	240
study	学习原型设计工具	300	300
discuss	结对讨论	60	60
design	界面原型设计	300	300
Test	测试	10	10
Postmortem & Process Improvement Plan	事后总结, 并提出过程改进计划	60	120
	合计	970	1090

三.NABCD模型分析

3.1 N（Need 需求）

所需原型涉及多个页面的切换。每个页面都是多对多的关系，所以要设置一个导航栏方便跳转
页面需要呈现一些动态效果如菜单展开等功能来方便用户查阅
3.2 A（Approach 做法）
利用原型设计工具axure设计了首页，每日赛程，详细赛况，选手排名，了解更多五个页面，参考同类网站的页面布局排版，尽量美化页面，并设置可扩展的功能方便后续添加。
3.3 B(Benefit 好处)
交互性良好，方便用户操作浏览
页面观感朴实无华，初见迎面逼来一股窒息的气势，仿佛亲临游泳比赛现场，拉近了用户和运动员的距离
元件设计直观简约，易于用户理解与操作
3.4 C(Competitors 竞争)
竞争对手
（1）游泳锦标赛正规官方网站
（2）其他有相同或相似需求的软件，如这门作业其他同学的产品
竞争优势
（1）页面设计更简约，内容排版直观，非常方便用户操作阅读，对用户的操作要求低，有手就行
（2）页面可扩展空间大，后续开发潜力不可估量
（3）紧贴需求设计，软件目的专一
3.5 D(Delivery 推广)
可以利用自媒体对相关受众推广
在相关网站如赛事论坛，贴吧，技术网站对受众精准推广
四.原型设计

4.1原型设计工具
- Axure
- 学习途径：b站视频
  4.2任务分工
- 原型设计部分：
  - 史天鹏负责1.首页部分,2.每日赛程（任务二）,3.了解更多，4.最终修改。
  - 黄泽钛负责1.选手排名（任务一），2.详细赛况（任务三），3.以及两份作业拼装。
- 博客部分
  - 史天鹏负责1.效能分析（PSP表格）（标题二），2.NABCD模型设计（标题三）。
  - 黄泽钛负责1.原型设计部分（标题四）。
    4.3设计结果
- 首页部分
  - 设置了四个跳转，可以切换首页，每日赛程，选手排名以及了解更多。
- 选手排名及比赛详情部分
  - 实现了Women 1m Springboard比赛的Final排名以及Preliminary排名信息。
  - 实现了Men 3m Synchronised比赛的FINAL比赛详情。
- 比赛日程部分
  - 实现了根据比赛日期展示每一天的比赛内容，添加了日期表部分，通过日期搜寻当日比赛内容。在比赛详情中可以跳转到比赛详情的界面查看排名，分差等信息。
- 了解更多部分
  - 添置了世界游泳锦标赛的创办历史以及比赛时间，举办频率等基本信息。
    4.4困难与解决方法
- 学习途径与内容
  - 在最初选择看文档，但发现看着有些不尽人意，效率有点低而且知识获取度较低，然后选择了b站视频教学。学习了入门视频后还有些部分不知道如何实现，也不知道该看哪个部分的视频，于是向舍友请教实现方法的名称然后继续在视频里寻找学习。最终完成了实现。
- 动态面板使用
  - 最开始不懂怎么在动态面板内利用热区改变页面，后来发现可以给动态面板设置状态，通过设计不同状态（state）得以解决动态面板改变页面的实现。
- 动态面板初始界面不隐藏
  - 解决方法：看视频学习，在整体页面交互面板设置载入页面时选择动态面板隐藏，然后在更多选项中选择拉动元件。
- 最后的两份作业整合
  - 首先在插入就不知道怎么做，请教舍友后成功插入。然后是两人未沟通网页尺寸，一个人选择了宽为1024的网页，一人选择了宽为1510尺寸的，在将网页尺寸修改的时候造成了一个动态面板的失效和异常，后又重新利用动态面板制作了下拉窗口。
- 心得部分
  - 首先在组合最初，应该做好沟通，不仅需要分配工作，还要确认一些基本信息，就如这次的网页宽度等信息，最后再实现还是会付出更多时间成本。
  - 其次是中间的对接时有要求要及时提出，如果有不同意见不要因为不好意思就不讲出，工作不应该被其他干涉，配合做好产品才是最重要的。
  - 最后是最终的整合环节，大概率只有一些小细节需要修改，只需沟通后进行修改即可。
  - 总结下来，其实就是结对工程下，最重要的就是分工和沟通，在中间任何时候有什么问题都需要沟通，这样效率不仅高而且效果会更好。
    五.结对过程评价
    
    5.1结对过程
- 整体很顺利，最开始就分配了原型设计的工作内容，快做完的时候又分配了markdown部分的任务，双方都快速完成不拖延，整体完成很不错。
  5.2彼此评价
- 黄泽钛：对方沟通效率高，我提出要求他会很直接接受或提出意见并且很快完成，自己提出要求也会很直接不会拖拖拉拉。守时，在deadline前两三天就将内容发来对接，不会拖延。
- 史天鹏：黄同学认真负责，吕端大事不糊涂，对设计过程提出了许多宝贵的建议，擅于交流沟通，是学习生活中的良师益友，工作积极，迅速完成了自己的工作任务。
  六.原型照片，交流截图及合作图片