结对第二次作业——编程实现

最新推荐文章于 2024-09-25 10:44:03 发布
最新推荐文章于 2024-09-25 10:44:03 发布
阅读量870 收藏 20
点赞数 17
文章标签： 软件工程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czxgyt/article/details/137050491
版权
这个作业属于哪个课程2023软件工程
这个作业要求在哪里结对第二次作业——编程实现
这个作业的目标采用web技术来实现原型中的功能
结对名单222100219、222100220
其他参考文献…

目录：

  1. git仓库链接和代码规范链接

  2. PSP表格

  3. 成品展示

  4. 结对讨论过程描述

  5. 设计实现过程

  6. 代码说明

  7. 心路历程和收获

  8. 评价结对队友

1. git仓库链接和代码规范链接

代码仓库: pair-project · GitCode
前端开发规范：fe-style-guide

2. PSP表格

PSPPersonal Software Process Stages预估耗时（分钟）实际耗时（分钟）
Planning计划3015
• Estimate• 估计这个任务需要多少时间3015
Development开发350500
• Analysis• 需求分析3040
• Coding Standard• 代码规范2030
• Discussion• 结对讨论4050
• Design Spec• 生成设计文档3035
• Coding• 具体编码180260
• Test and Improvement• 测试与改进5085
Reporting报告100150
• Achievements Exhibition• 原型成果展示4070
• Problem Analysis & Postmortem• 问题的分析和事后总结6080
合计480665

3. 成品展示

项目部署地址

基础功能

  • 功能1：选手信息

    • 完成所有选手的信息，展示Country，Athlete，Gender，DOB
    • 完成所有选手的信息，展示Country，Athlete，Gender，DOB
    • 按不同Country分区显示选手信息
      在这里插入图片描述

  • 功能2：每日赛况

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

    • 支持点击查看详细情况

    • 日期选择

    • 在这里插入图片描述

    • 2024.1.19

    • 在这里插入图片描述

    • 2024.1.20

    • 在这里插入图片描述

    • 跳转详情页

    • 在这里插入图片描述

  • 功能3：详细赛况

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

    • 提供赛事选择（包含给定数据内所有比赛）

    • 在这里插入图片描述

    • 决赛与半决赛的切换

    • 在这里插入图片描述
      在这里插入图片描述

  • 功能4：奖牌榜

    • 直观友好地展示各个参赛国的获奖情况。
    • 在这里插入图片描述

  • 功能5：首页

    • 展示所有实现的基础功能，方便用户查找，提升用户体验
    • 在这里插入图片描述

4. 结对讨论过程描述

因为两人是舍友的关系，很多讨论都是通过面对面交流的。

4.1 决定实现方式并分工

实现方法

  • 采用纯前端（HTML+CSS+JavaScript）开发的方式，具体数据放在222100219_22100220/js/data下，以便JavaScript读取渲染JSON数据。

分工

  • 因为首页比较简单，不算在分工之内，所以我们两人主要负责剩余四个界面的编写，一人负责两个，编写完后及时向对方更新进度，并对不足之处提出意见和修改方法。

4.2 结对讨论

在这里插入图片描述

5. 设计实现过程

5.1 功能结构图

在这里插入图片描述

5.2 设计概述

  • 采用技术：HTML + CSS + JavaScript
  • 设计要点：页面设计、json数据的获取和渲染
    • 页面设计：采用html+css进行页面结构的搭建。
    • json数据的获取和渲染：采用JavaScript实现对json文件中数据的提取。

6. 代码说明

6.1 首页

  • 轮播图JavaScript
  • 在这里插入图片描述

6.2 选手信息

  • 获取JSON数据并渲染成Html
  • 在这里插入图片描述

6.3 每日赛程

  • 获取日期及更改日期

  • 在这里插入图片描述
    在这里插入图片描述

  • 根据日期获取赛事id并提供跳转

  • 在这里插入图片描述
    在这里插入图片描述

6.4 详细赛况

  • 获取赛事名称

  • 在这里插入图片描述

  • 根据赛事名称查找并输出详细赛况

  • 在这里插入图片描述

6.5 奖牌榜

  • 数据直接写在前端代码里
  • 在这里插入图片描述

7. 心路历程和收获

  • 222100219的心路历程和收获

    • 在这次的结对作业中，我与我的队友共同完成了原型设计的编程实现。我们的项目从初期的构思到最后的实现，每一步都充满了挑战与机遇。HTML作为网页的基础，确保网页的结构清晰、语义明确。CSS则让网页更加美观，尝试了各种样式效果，不断优化页面的视觉效果。而在JavaScript部分，通过编写脚本，我们实现了许多交互功能。
    • 在合作的过程中，我与队友之间的沟通与协作至关重要。我们经常一起讨论设计思路，共同解决问题，互相学习，共同进步。

  • 222100220的心路历程和收获

    • 在作业的完成过程中，我们共同制定了项目的整体架构和设计思路。这次的结对作业不仅锻炼了我的技术能力，还加深了我对团队协作的理解。在合作过程中，我与队友保持了密切的沟通与协作。我们经常互相讨论，共同解决遇到的问题。在面对困难时，我们相互鼓励，共同寻找解决方案，这使得我们能够克服了一个又一个的挑战。

8. 评价结对队友

  • 222100219：我的队友有着出色的学习能力。他对新技术的学习速度非常快，能够有效地将所学应用于实际开发中，提高了开发效率。
  • 222100220：队友的能力是毋庸置疑的，在提出问题的时候能够及时地去解决；讨论问题时会勇于提出自己的看法，哪怕存在意见分歧也可以进行很好的沟通，这为我们完成本次结对作业提供了很大的帮助。
222100219陈智鑫
关注
2022秋软工实践 第一次结对编程作业
qq_54219605的博客
09-30 300
2022秋软工实践 第一次结对编程作业
结对作业第二次——原型实现
m0_70770115的博客
03-25 2158
然后一次设计选手信息，每日赛况、详细赛况、奖牌榜和了解更多的部分，同样是按照之前设计的模板来进行排版设计和功能设计，其中所需要的数据都是从助教给的网站上的数据手打下来的。首先进入网站的首页，页首是导航栏，可以点击跳转到对应的部分，一共有五个部分，分别是首页，选手信息，每日赛况、详细赛况、奖牌榜和了解更多。这部分主要就是赛事信息的下展菜单的实现重要，在js中用表格的方式展开信息，并把它们封装到一个函数（toggleDropdown）里，触发点击事件的时候调用这个函数实现下展的功能。选手的详细信息如上图所示。
结对第二次作业--编程实现
m0_51671161的博客
03-24 316
首页：其中是含有四种图片的轮播图，循环播放赛程期间的热点图片选手排名：其中两种表格，分别存放选手的Rank、Matches、Aces信息。每日赛程：里面放在不同日期、不同场地、不同比赛的信息详细赛况：放在特定比赛的详细信息，并且可以下拉选择不同比赛场次晋级图：里面存放晋级路线图，并高亮显示获胜者种子选手：展示未来最具潜力的选手排名。了解更多：放在有关澳大利亚历史的时间线并配上两张图片，有李娜夺冠照片哦。
软件工程第二次作业——结对编程
05-04 214
1500802021 王子墨 http://www.cnblogs.com/SeasonW/ 1500802023 孔帮林 http://www.cnblogs.com/kongbl/ coding地址：https://git.coding.net/SeasonW/calculator.git 功能截图 照片 心得体会：谈下结对编程的优缺点吧，首先说优点。第一，可以发散思维，两个...
软件工程实践——结对作业一
changyesz的博客
03-12 918
这个作业属于哪个课程 2022年春软件工程实践F班 这个作业要求在哪里 软件工程实践——结对作业一 结对学号 221900111 221900213 这个作业的目标 1、阅读《构建之法》第3章和第8章的内容，并在下方作业里体现出阅读后的成果。特别是第8章中的NABCD模型。2、结对合作（两人一组，自由寻找伙伴），阅读下方的客户描述的现实困扰，以共同发布一份博客随笔的形式，设计一套方案，向客户推销。描述大致方案，以向客户证明你正确理解了客户的需求、提供给客户可行的优化的使用建议，给...
【结对编程基于java】中小学数学出题系统——图形化界面
isolation_s的博客
10-09 1097
中小学数学出题系统UI——基于java 继个人项目之后，课程安排了进阶版“个人项目”——结对编程，将个人编程的内容呈现到图像化界面上，并优化用户体验 . 完成注册、登录、重置密码、出题、做题、得分等完整功能。
【软件工程】成本效益分析
lpx666168的博客
09-23 273
本文介绍了《软件工程》中的成本效益分析。
用智能码二维码zhinengma.cn做一个产品说明书
m0_55367658的博客
09-24 399
智能码是一种特殊的条形码，它可以存储更多的信息，并且可以被智能手机等设备快速识别。智能码通常用于产品防伪、库存管理、会员营销等领域。
【软件工程】需求分析概念
lpx666168的博客
09-23 372
本文介绍了《软件工程》中的需求分析概念。
10.1软件工程知识详解上
欢迎来到软件测试jeffky博客！在这里，我们将探讨各种与软件测试相关的主题，包括测试策略、方法、工具、最佳实践和行业趋势。我们的目标是帮助读者提高软件质量，确保用户满意度，并分享在软件测试领域的知识和经验。
09-24 1030
主要关心需求变更过程种的需求风险管理，带有风险的做法有：无足够用户参与、忽略了用户分类、用户需求的不断增加、摸棱两可的需求、不必要的特性、过于精简的SRS、不准确的估算。需求开发、技术解决方案、产品集成、验证、确认、组织级过程焦点、组织级过程定义、组织级培训、集成项目管理、风险管理、集成化的团队、决策分析和解决方案、组织级集成环境。需求开发、技术解决方案、产品集成、验证、确认组织级过程焦点、组织级过程定义、组织级培训、集成项目管理、风险管理、集成化的团队、决策分析和解决方案、组织级集成环境。
软件工程的七条基本原理
helloworldchina的博客
09-22 649
自从 1968 年提出“软件工程”这一术语以来，研究软件工程的专家学者们陆续提出了 100 多条关于软件工程的原理。美国著名的软件工程专家 B.W.Boehm 综合这些专家的意见，并总结了多年开发软件的经验，于 1983 年提出了软件工程的七条基本原理。Boehm 认为，这七条原理是确保软件产品质量和开发效率的最小集合。它们相互独立，缺一不可，并具有完备性。
网安加·百家讲坛 | 刘寅：人工智能（AI）是解决软件工程问题的“银子弹”吗？
WAJXY2021的博客
09-24 639
被AI武装的软件工程师将更高效、更有全局观、更有客户视角，从而能更敏捷地构建与维护软件，满足客户持续且多变的需求。
基于TRIZ理论的创新设计流程是怎样的？
weixin_45217569的博客
09-25 313
例如，针对智能手机的问题，可以应用发明原理中的“分割原理”，将手机的功能进行分割，在需要高性能时启用全部功能，在需要长续航时关闭一些不必要的功能。例如，对于智能手机电池既要轻薄又要大容量的物理矛盾，可以应用标准解中的“改变物质的结构”，开发新型的电池材料或结构，以满足矛盾的要求。总之，基于TRIZ理论的创新设计流程是一个系统的、科学的方法，通过问题识别与分析、TRIZ工具应用、方案生成与评估、方案实施与验证等步骤，帮助设计师和创新团队有效地解决问题，实现创新设计。确定创新设计的目标和要解决的具体问题。
ssm9293农家乐管理系统.zip
最新发布
09-28
技术选型 【后端】：Java 【框架】：ssm 【前端】：vue/jsp 【JDK版本】：JDK1.8 【服务器】：tomcat7+ 【数据库】：mysql 5.7+ 包含：项目源码、数据库脚本、项目功能介绍文档等，该项目源码可作为毕设使用。 项目都经过严格调试，确保可以运行！ 具体项目介绍可查看博主文章
基于SpringBoot和Vue的青锋后台管理系统设计源码
09-28
该源码是一款基于SpringBoot和Vue构建的青锋后台管理系统，集成了371个文件，涵盖148个Java源文件、85个Vue组件、58个JavaScript脚本、23个XML配置、12个FTL模板、7个XLS表格、5个属性文件、3个JSON配置、3个HTML页面和3个LESS样式表。系统以SpringBoot为核心框架，结合layui和Activiti工作流，具备代码生成器、自定义表单和拖拽可视化报表大屏等功能，为用户提供了一个功能齐全、易于扩展的脚手架平台。尽管开源代码可能存在不足，但欢迎广大开发者提出宝贵意见。
基于51单片机太阳能锂电池充电电压电流检测液晶显示设计（毕业设计）
09-28
本设计由STC89C52单片机+LCD1602液晶显示电路+A/D转换芯片PCF8591电路+电压检测电路+电流检测电路ACS712-5A+继电器控制电路+电源电路设计而成。 功能描述： 1、通过太阳能电池板给锂电池充电，通过单片机检测太阳能给电池的充电电压和充电电流，并在1602液晶上显示出来！ 2、通过继电器，有过压保护，当锂电池充电电压超过了4.5V或者充电电流超过1A，继电器断开，充电停止。 资料包含： 程序源码 电路图 任务书 答辩技巧 开题报告 参考论文 系统框图 程序流程图 使用到的芯片资料 器件清单 中期报告 等等资料
外鼻梁条超声焊接机_三维3D设计图纸.zip
09-28
外鼻梁条超声焊接机_三维3D设计图纸.zip
结对编程的延伸：交换编程实践与优势分析
"交换编程-结对编程的延伸实践，是一种在软件开发中增强协作和质量控制的方法。结对编程是极限编程（XP）的重要组成部分，由两位程序员共同完成同一任务，通过共享思维和互相审查代码来提高效率和代码质量。尽管可能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值