| 這個作業屬於哪個課程 | 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。
-
聊天介面
介面左邊會顯示之前已經加入的專案組，右邊方格內是聊天室。 -
個人資料
這個部分設定比較簡單，單純儲存修改刪除個人資料的功能。