软件工程第二次结对作业
| 这个作业属于哪个课程 | https://edu.cnblogs.com/campus/fzu/SE2024/ |
|---|---|
| 这个作业要求在哪里 | https://edu.cnblogs.com/campus/fzu/SE2024/homework/13281 |
| 学号 | 082200168 |
| 组员 | 没有 |
具体分工：没有组员自己完成
一、GitHub仓库
https://github.com/luihing2004/082200168
二、PSP
| PSP2.1 | Personal Software Process Stages | 预估耗时（分钟） | 实际耗时（分钟） |
|---|---|---|---|
| Planning | 计划 | 100 | 60 |
| Estimate | 估计这个任务需要多少时间 | 2160 | 1440 |
| Development | 开发 | 2160 | 1440 |
| Analysis | 需求分析 (包括学习新技术) | 200 | 140 |
| Design Spec | 生成设计文档 | 160 | 120 |
| Design Review | 设计复审 | 60 | 50 |
| Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 70 | 60 |
| Design | 具体设计 | 300 | 120 |
| Coding | 具体编码 | 1000 | 720 |
| Code Review | 代码复审 | 60 | 60 |
| Test | 测试（自我测试，修改代码，提交修改） | 90 | 70 |
| Reporting | 报告 | 160 | 120 |
| Test Repor | 测试报告 | 0 | 0 |
| Size Measurement | 计算工作量 | 2880 | 2160 |
| Postmortem&Process Improvement Plan | 事后总结, 并提出过程改进计划 | 30 | 15 |
| 合计 | 2880 | 2160 |
**三、目录结构 **
- HTML内容：
1、项目管理中创建项目搜索项目界面
2、项目组内聊天界面
3、个人资料设置界面
- CSS内容：
把HTML界面内容详细设置参数，达到美化效果。
- JavaScript内容：
主要实现功能的效果，如把HTML设置的按钮赋予功能，仿制页面跳转的功能（实质上是一开始HTML把不同的界面分别创造不同的类，JS是按照按了哪个引导字实现把除此以外的类进行屏蔽）等功能。
也有包含图片素材，项目中复杂度和内容量最多的是JavaScript。
-
主页面
右上方有三个引导字可以选择，分别是项目管理、组聊天、个人资料。 -
项目管理
左方有两个按钮可选，分别是项目中的建立与加入。
- 项目建立
在项目建立部分，JS很多内容为了实现这里的多功能，在项目创建要输入项目名字、导师名字、项目内容方向、已进入人数与最多人数。
这里我创建了一个例子AI项目，如果项目在创建时发现内容输入错了，提供了修改按钮，可以直接在表格修改，还有提供删除项目按钮。 - 项目加入
这里会同步创建的项目可以选择加入。
当加入了项目组，会自动在加入人数+1，同时按钮变成了提示已经加入。
如果此时的项目人数已经满人了就没有加入按钮并且显示FULL。
-
聊天界面
界面左边会显示之前已经加入的项目组，右边方格内是聊天室。 -
个人资料
这个部分设置比较简单，单纯保存修改删除个人资料的功能。
四、单元测试
这里没有使用软件进行测试，单纯通过反复试验找出错误。
下方是设计出测试项目：
数据的同步没有完全实现，可能在对项目产生某些改变的过程没有刷新数据到其他页面。
创建项目，四个输入框有输入就可以成功创建，输入少了会出现提示。
删除项目，如果在出现上方数据不同步的情况下删除项目会出现连同表头一并删除。
申请加入项目，列表中显示“Already Joined”，同时项目加入人数+1。
退出项目，Chat位置不会出现已经退出的项目，并且项目加入人数-1。
创建项目时加入人数为0，没有发生警告提示人数不能为0。
创建项目中的加入人数与最多人数，没有按x/x的格式，没有发生警告提示输入格式有错。
加入人数超过最大人数，有显示FULL并且取消了加入按钮。
五、Github的代码签入记录截图
六、遇到的代码模块异常或结对困难及解决方法
HTML、CSS、JavaScript不知道语法，对效果实现原理不了解，找AI解决。
