这个作业属于哪个课程 | <2023年福大-软件工程实践-W班> |
---|---|
这个作业要求在哪里 | <结对第二次作业–编程实现> |
结对学号 | 222000103; 222000302 |
这个作业的目标 | fork仓库,使用git分支在dev上开发;使用web技术实现原型中的功能 |
其他参考文献 | 《构建之法》 ,git教程 |
一、git仓库地址
二、项目部署到云服务器后的访问链接
三、设计实现过程
考虑用户提出的需求,仿照澳网公开赛的结构功能,删减多余功能,保留选手排名、每日赛程、详细赛况和晋级图这四个页面,其中详细赛况可以通过点击每日赛程页面中的各个赛况栏目进去查看。
同时,为了体现出整个网页模型的整体性,我们又添加了一个主页来将上述几个页面联结起来,以此使得网页更加明了完整,方便甲方的使用,更加清晰;最后我们又添加一个了解更多界面来介绍澳网公开赛的背景及由来,方便用户更快了解此次比赛。
以下是功能架构图:
四、成品展示
4.1 首页页面
主页将甲方需求的几个页面联结起来,用导航栏显示五个页面的按钮,目前为首页页面,点击其他按钮即可跳转该栏目页面获取信息,中间是此次澳网赛的名称,下方是此次比赛展现出的体育精神,希望能够引起共鸣,呼吁大众加入体育,热爱体育,热爱生活,为祖国健康工作五十年。
4.2 选手排名
用来展示此次澳网赛的排名,左边为男子得分排名,右边为女子得分排名,用两个表格来填写数据;Events States 上方是五个按钮可以用来选择回归首页或者查看其他页面的信息。
4.3 每日赛程
展示每一天的赛事,显示比赛类型(女单男单等),比赛场地,参与选手,比赛时间和比分,且获胜者姓名加粗显示;左边是导航栏用一个导航菜单分别记录正赛Day11、Day12、Day13和Day14,可以通过切换日期查看不同天数的赛程;
4.3.1 Day12当天的赛程数据:
4.3.2 Day13当天的赛程数据:
在此仅展示两天的赛程数据画面。
4.4 详细赛况
展示比赛的成绩,包含本场比赛参赛选手,每个小场比分和获胜选手,最终比赛的获胜选手等;
可通过点击每日赛程里的比赛进入此页面查看比赛的详细数据。
其中Day14的两个赛程数据可以点击查看其详细赛况了解当天的比赛数据。
4.4.1 Day14第一场第一回合的比赛结果(有Set1和Set2两部分):
4.4.2 Day14第二场第一回合的比赛结果(有Set1、Set2和Set3三个部分):
4.5 晋级图
可以通过晋级图看到选手的晋升路线,晋级图中有选手的姓名和比分,鼠标移动到某一场比赛会高亮显示晋级选手;可以点击左右方箭头按钮查看上一轮或下一轮的晋级选手与比赛数据,方便快捷。
4.5.1 1/8与1/4决赛的晋级结果:
4.5.2 1/2决赛与总决赛的晋级结果:
4.6 了解更多
介绍澳网公开赛的背景及由来,方便用户更快了解此次比赛。
五、代码说明
5.1 首页
正上方五个按钮分别为首页、每日赛程、选手排名、晋级图、了解更多;下面是css来美工的图片:
5.2 选手排名
使用两个table来记录男女积分榜排名数据:
5.3 每日赛程
5.4 晋级图
5.5 了解更多
5.6 详细赛况
六、结对过程
以下是部分讨论结对过程的聊天截图;从fork仓库、学习并使用git分支到写html实现功能;约定时间线下讨论线下实践;
功能结构图可参考三、设计实现过程的功能架构图。
七、结对开发感受
7.1 心路历程与收获
7.1.1 心路历程
此次作业时间较短,工作量也不小,特别还有其他课程上的学习,所以会显得压力比较大,也确实如此;最近几天的生活确实是很烦躁很急,但到最后也都基本完成了任务;虽然过程很痛苦很艰难但当完成任务的时候那股突然的释怀是很让人喜悦和满足的,就感觉肩上的担子卸了下来,轻松了许多。
7.1.2 收获
感觉以后这样的实践作业还是不少,并且我觉得应该也算是一次小小的经验收获吧;为以后的工作生涯奠定基础,能够从容面对各种问题,抗住压力。
7.2 对结对队友的评价
222000103陈鹭星:我们能在较短的时间内互相表达各自的观点并且决定最终结果,但我们的做事效率还不够高,争取在下次作业中提前开始,并且提高效率,更快完成更加优秀的作业。
222000302蔡智伟:同伴办事效率很高,业务能力强于我,同时也能够听取我的意见做出修改,但我们磨合得还不够好,争取下次作业当中更快更好的完成任务。
八、 PSP表格
PSP | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 20 | 25 |
• Estimate | • 估计这个任务需要多少时间 | 300 | 360 |
• Estimate | 开发 | 150 | 150 |
• Analysis | • 需求分析 (包括学习新技术) | 30 | 35 |
• Design Spec | • 生成设计文档 | 10 | 15 |
• Design Review | • 设计复审 | 10 | 10 |
• Coding Standard | • 代码规范 (为目前的开发制定合适的规范) | 20 | 25 |
• Design | • 具体设计 | 15 | 15 |
• Coding | • 具体编码 | 150 | 200 |
• Code Review | • 代码复审 | 20 | 25 |
• Test | • 测试(自我测试,修改代码,提交修改) | 60 | 90 |
Reporting | 报告 | 30 | 25 |
• Test Repor | • 测试报告 | 20 | 25 |
• Size Measurement | • 计算工作量 | 30 | 35 |
• Postmortem & Process Improvement Plan | • 事后总结, 并提出过程改进计划 | 15 | 20 |
合计 | 880 | 1055 |