这个作业属于哪个课程 | 2022年春软件工程实践F班 |
---|---|
这个作业要求在哪里 | 软件工程实践——结对作业一 |
结对学号 | 221900111 221900213 |
这个作业的目标 | 1、阅读《构建之法》第3章和第8章的内容,并在下方作业里体现出阅读后的成果。特别是第8章中的NABCD模型。 2、结对合作(两人一组,自由寻找伙伴),阅读下方的客户描述的现实困扰,以共同发布一份博客随笔的形式,设计一套方案,向客户推销。描述大致方案,以向客户证明你正确理解了客户的需求、提供给客户可行的优化的使用建议,给出原型模型,并提供大概的解决方案预期规划。 |
其他参考文献 | CSDN,百度 |
文章目录
原型地址
NABCD模型
N(Need 需求)
2022年冬天,冬奥会的到来给寒冷的北京带来了火热的气息,冬奥会首次来到中国,北京也成为了世界上第一座“双奥之城”,这使得这次的冬奥会受到了极大的关注,但是>>实践上大家对于冬奥会的了解远不如夏奥会,所以建立一个简洁清晰的网站为大家带来冬奥会的相关资讯。网站中需要有丰富的内容又不能太枯燥,要将有用信息直接的呈>>现给用户同时兼具美观性。
A (Approach 做法)
- 应用Axure设计出网站原型,包括奖牌榜、冬奥知识、赛事速递、奖牌地图4部分
- 奖牌榜通过列表将各国的获奖情况罗列出来,将中国队所在的列特殊显示
- 奖牌地图将各国用不同颜色填图,当鼠标移动到相应国家时显示出该国在奖牌榜上的信息
- 冬奥知识收录了北京冬奥会以及冬奥历史上的一些相关信息,让用户更好的认识冬奥会
- 赛事信息可按日期和项目进行搜索,同时为用户带来了冬奥比赛场馆的相关介绍
B (Benefit 优点)
- 免费向所有人开放,并且没有广告
- 让用户可以简洁明了的获得冬奥会的相关信息,操作简洁,提高了用户体验
- 奖牌地图可以让用户直观的了解各国获奖的相关信息
C (Competition 竞争)
- 优
界面简洁易操作,可以帮助用户快速的获取信息;由丰富的信息和功能。
- 劣
作为一个小网站,较难在短时间内获取较大的流量,内容较为简陋,界面不够美观。
D (Delivery 推广)
- 先向身边的同学、朋友、老师、家人进行介绍,并听取他们对于网站改进的意见
- 收集意见对网站进行改进,尝试使用社交媒体进行推广
模型设计
原型开发软件
Axure RP
原型设计思路
在阅读了项目要求后,对网站的整体轮廓进行了大概的设计,在对比了几款不同的原型设计软件后,最终决定使用Axure RP进行设计。网站包含了6个页面,分别是奖牌榜、冬奥知识、每日赛程、场馆介绍、项目赛程、奖牌地图,在母版中设计出一个网站的头部及导航栏,将其放入每个页面。奖牌榜的设计较为简单,以列表的方式将各国的获奖情况呈现出来。冬奥知识板块收集了本届冬奥会申办过程及口号、吉祥物等相关的信息,并详述了一些冬奥会的历史,让用户能更全面的了解冬奥会。赛事速递包含了每日赛程、项目赛程和场馆介绍,每日赛程和项目赛程分别以日期和项目为检索条件显示出选定日期或项目的比赛,场馆介绍则带大家认识了本届冬奥会承办各项比赛所用到的场馆。奖牌地图界面呈现的首先是一副世界地图,当鼠标指针移动到相应国家时,就会显示出相应国家的获奖情况。
结果汇报
原型介绍
*头部及导航栏
导航栏包含4部分,奖牌榜、冬奥知识、赛事速递、奖牌地图,其中赛事速递中有二级菜单分别为每日赛程、场馆介绍和项目赛程。通过对按钮添加交互实现页面的跳转,设置鼠标点击后进入目标页面,将这部分内容放在母版中方便将其放入每个界面
*奖牌榜
将各国的获奖情况以列表的形式呈现出来(原型设计只截取了奖牌榜的部分内容)
将中国队所在的列以加大字体和不同颜色的字高亮显示
[外链图片转存中…(img-Niqop45w-1647335799484)]
*冬奥历史
其中含有北京冬奥会以及历史上冬奥会的一些相关信息,以时间轴的形式将北京申办冬奥会的过程做了一个呈现,以图文结合的方式对本次北京冬奥会的一些相关信息做了简单的介绍
*每日赛程
可以点击“赛程速递”进入赛程界面,并且查看具体赛程
下面是07日的赛程实例
*奖牌地图
在网上找到svg格式的世界地图,将其导入到axure中转化为形状就可以都地图上的所有国家进行选定或填充的操作,使用不同的颜色给各个国家上色,并在相应国家区域添加鼠标移入和移出的事件,当鼠标移入时将会在旁边显示该国的获奖情况,鼠标移出时列表消失(原型中只制作了部分国家的事件)
但是由于对于国家区域 的划分不够细致,所以在使用奖牌地图查询部分国家的获奖情况时可能会存在偏差
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6vBPoy69-1647335799486)(https://s2.loli.net/2022/03/12/tYGFVhXEHc6sWb5.png)]
*遇到的困难
1.对于原型设计工具的使用不熟悉
之前没有接触过原型设计的概念,对于原型设计工具也就没有了解,这次选择使用Axure RP的原因之一就是网上有较多的教程可供学习,通过相关资料对软件有了初步的了解,同时向同学寻求帮助也是一个不错的途径。
2.页面排版和美化
缺少设计页面的经验,通过网络去了解一些其他人的原型设计,查看冬奥会相关网站进行学习
3.奖牌地图的制作
刚开始看到这个需求时感觉无从下手,但是通过学习了Axure RP的知识了解到可以将svg格式的图片导入到软件中再将其转化为形状就可以对图片中的各个分区进行操作
4.文章审核与版权问题
提交文章时遭遇了多次的审核不通过,究其原因可能是部分图标的版权未对外开发,以后在做项目时要注意这一点。
结对感受
221900111:这次作业是结对完成的,个人的工作量就减少了,但是也认识到了在合作完成一项任务时相互沟通的重要性,良好的合作可以达到1+1>2的效果,在遇到困难时也可以有人来进行交流,让问题更快的解决两人优势互补,让任务更顺利的完成,希望接下的编程也能顺利完成。
221900213:可靠的队友确实能让目标更加明确,让行动更加积极。虽然初期
结对过程描述
相互评价
221900111:第一次和郭佳豪同学进行合作,整体进展较为顺利,刚开始由于不熟悉还较为拘谨,但是后来也有了很好的沟通,很好的完成了他那一部分的工作,有很强的能力,为原型的设计提供了一些很好的思路。
221900213:林昊扬同学是一个认真的人,而且很善于沟通。能够很快地学习并运用新的工具。虽然前期对于这个项目我们都有些迷茫,但是在与他的合作之下还是慢慢解决掉了每个问题,十分的给力。
效能分析
第一次接触原型设计的概念,在前期进行准备时花费了一些时间。对于原型设计工具Axure要从零开始学习,在学习使用工具和制作原型上花费了大部分的时间,并且是边学边做,制作的原型难免有些瑕疵。由于显示网页设计的经验,设计时间较长且所设计的页面不够美观。
PSP表格
PSP | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 20 | 20 |
• Estimate | • 估计这个任务需要多少时间 | 20 | 20 |
Development | 开发 | 600 | 695 |
• Analysis | • 需求分析 (包括学习新技术) | 240 | 270 |
• Design Spec | • 生成设计文档 | 20 | 30 |
• Design Review | • 设计复审 | 10 | 15 |
• Design | • 具体设计 | 300 | 360 |
• Test | • 测试 | 30 | 20 |
Reporting | 报告 | 195 | 225 |
• Test Repor | • 测试报告 | 30 | 30 |
• write blog | • 撰写博客 | 120 | 150 |
• Postmortem & Process Improvement Plan | • 事后总结, 并提出过程改进计划 | 45 | 45 |
合计 | 815 | 940 |