結對作業一
| 這個作業屬於哪個課程 | 2021春軟件工程實踐 W班 (福州大學) |
|---|---|
| 這個作業要求在哪里 | 結對作業一 |
| 結對學號 | 221801238 221801210 |
| 這個作業的目標 | 完成原型設計結對作業 |
| 其他參考文獻 | CSDN/博客園 |
目錄：
1. PSP表格和效能分析
PSP表格
| PSP2.1 | Personal Software Process Stages | 預估耗時（分鍾） | 實際耗時（分鍾） |
|---|---|---|---|
| Planning | 計划 | 20 | 15 |
| • Estimate | • 估計這個任務需要多少時間 | 20 | 15 |
| Development | 開發 | 1540 | 900 |
| • Analysis | • 需求理解 | 30 | 60 |
| • Learning | • 學習原型設計工具 | 180 | 60 |
| • Pair Discussion | • 結對討論 | 480 | 300 |
| • Design | • 界面原型設計 | 790 | 420 |
| • Test | • 測試 | 60 | 60 |
| Reporting | 報告 | 70 | 195 |
| • Test Repor | • 測試報告 | 30 | 180 |
| • Size Measurement | • 計算工作量 | 10 | 5 |
| • Postmortem & Process Improvement Plan | • 事后總結, 並提出過程改進計划 | 30 | 10 |
| 合計 | 1630 | 1110 |
效能分析
- 預估的需求理解時間比實際少，在沒有正確理解需求的前提下，做出的產品使是得不到客戶滿意的，因此可以適當拉長需求分析的時間，這才不會導致開發途中頻繁地對需求進行重新理解。
- 設計和討論時間遠比想象中的少，本次的結對采用了邊討論邊設計，形式上一人使用墨刀，另外一人看着提意見的方式，在一定時間后交換角色，做到無縫切換，因此效率得以提升。
- 學習原型設計工具學習時間也比預估的低，因為沒看教程直接上手了，但是工欲善其事必先利其器，得到了這次的教訓，下次一定要好好學習！這樣才能進一步提升效率。
2. NABCD模型
• Need，需求
- 獲取待爬取論文列表及論文信息爬取；
- 支持用戶輸入單個論文題目，也支持批量導入論文列表；
- 通過論文列表，爬取論文的摘要、關鍵詞、原文鏈接；
- 對已爬取的論文列表進行操作；
- 可對論文列表進行增刪改操作；
- 可對論文列表進行查詢（輸入論文題目，也支持模糊查詢：輸入論文編號、關鍵詞等基本信息），若在論文列表中不存在所要檢索的論文，則根據輸入的查詢語句到網站爬取並返回論文的摘要、關鍵詞、原文鏈接；
- 分析已爬取到的論文信息，提取top10個熱門領域或熱門研究方向；
- 形成如關鍵詞圖譜之類直觀的查看方式，點擊某個關鍵詞可展現相關的論文；
- 可對多年間、不同頂會的熱詞呈現熱度走勢對比，以動圖的形式呈現（這里將范疇限定在計算機視覺的三大頂會CVPR、ICCV、ECCV內）
• Approach，做法
- 技術
- 使用python語言進行論文爬蟲
- 使用數據庫技術存放爬取的論文列表
- 使用Vue.js開發網頁
- 地域
- 地處大學城，周圍有許多有爬取論文需求的大學生
- 人脈
- 我們認識許多大學生
- 成本
- 我們使用雲服務器來維護我們的網站
• Benfit，好處
- 用戶可以在論文列表內收藏自己所需的論文，能對收藏的論文進行分類、編輯、刪除和查詢
- 我們能根據用戶提供的關鍵詞，提取出10個熱門研究方向，並產生相關知識圖譜
- 界面簡潔，用戶可以在短時間內學會使用該產品
• Competitors，競爭
- 目前市場上成熟的論文搜索引擎有知網空間、谷歌學術、openaccess.thecvf開放數據庫等
- 他們的優勢在於收錄論文齊全、支持多字段搜索、排序等功能，但這些基本功能我們都有
- 而我們的優勢在於對CV論文特化的搜索並且支持動態圖表、多收藏夾等功能
• Delivery，推廣
- 通過微信和QQ等渠道在線上在我們的朋友圈內宣傳我們的產品，我們的朋友圈包含了許多的大學生，是我們產品的主要受眾
- 發動自己的人脈，請大學城內的朋友向自己的朋友圈進行推廣
3. 原型地址
4. 原型介紹
介紹
考慮到產品的功能主要是論文的爬取和查找，應注重提高查詢效率，我們的網站的設計風格以簡潔，高效為主，為凸顯核心功能，不作過多裝飾。
網頁原型分為了5個頁面，分別是：
- 主頁
- 搜索結果
- 收藏夾
- 數據分析
- 個人中心
主頁：
-
點擊右上角登錄按鈕可登錄/注冊
-
支持高級搜索，點擊搜索框旁邊添加圖標即可彈出條件框，添加搜索條件
-
點擊批量導入后，可選擇xlsx/xls/txt格式的文件導入，進行批量搜索
-
用戶在輸入關鍵字后，點擊搜索框右側放大鏡圖標或敲擊鍵盤回車即可搜索
搜索結果：
-
可以選擇在已有結果上搜索還是重新搜索
-
可以對產生的論文列表按條件排序
-
點擊收藏按鈕可以把已勾選的論文收藏到你指定的收藏夾中
-
右上方的熱門領域顯示根據當前關鍵字提出的十大熱門領域
-
右下方的相關知識圖譜顯示跟搜索關鍵字關聯度最高的幾個關鍵詞。
-
支持高級搜索，點擊搜索框旁邊添加圖標即可彈出條件框，添加搜索條件
-
點擊圖表按鈕可以切換到對目前論文列表數據分析后的可視化界面
收藏夾：
- 可創建多個收藏夾，對收藏的論文進行分類，可以自定義收藏夾名和添加描述
- 可以對收藏夾里的論文進行搜索和高級搜索，可支持在所有收藏夾中搜索
- 可以對收藏夾里的論文進行條件排序
- 可以編輯和刪除收藏夾里的論文
數據分析：
- 可以設置熱詞熱度對比動態圖表中的熱詞數量、起始年份、頂會，並且圖表的標題也會動態變換
- 論文來源會議占比圖可以選擇起始年份
- 關鍵詞熱榜可以顯示TOP10的關鍵詞
個人中心：
- 可以修改用戶的用戶名、郵箱、密碼等信息
- 可以自定義用戶頭像
困難
結對編程本應要求使用同一屏幕、同一鍵盤、同一個鼠標一起工作，但是受制於疫情無法實現。
- 解決方法：兩人創建並參加一個騰訊會議，一人分享屏幕進行原型設計，一人觀看並參與設計討論，在工作一定時間后，交換雙方角色。這樣可以做到工作的無縫銜接，保證了雙方的工作效率。雖然在設計的過程中，常常會出現思維碰撞，但是雙方思維能在碰撞后融合，使得最后的原型設計都能符合雙方的標准，大大縮短了設計的時間。
墨刀要協同開發，需要使用企業版（需要重金購買），否則做不到多人同時管理項目
- 解決方法：於結對編程的特殊性（用同一個屏幕、同一個鍵盤等），所以采取了一人使用墨刀，一人提意見的方式並且在一定時間內交替角色（共享墨刀賬號）。
在UI設計的過程中，沒有好的思路，難以下手
- 解決方法：去網上參考一些美觀的、成熟的網站，例如百度、知網等，再根據我們要設計簡潔，高效的論文爬取網站的初衷之后進行UI設計。
墨刀不能使用js，無法展示動態圖表
- 解決方法：使用粘貼gif圖代替，過程十分復雜，先利用echarts制作圖表，之后錄制視頻，再將視頻轉換為gif。
5. 原型工具的使用
我們使用墨刀進行原型開發
墨刀
6. 結對過程，隊友評價
結對過程截圖
- 使用騰訊會議進行結對原型設計
第一次結對的感受
-
238同學：我認為結對十分有趣，以往都是單獨獨斗，現在多了一個人在身邊給意見讓我輕松很多，遇到困難的時候我並不是一個人，因為我有伙伴可以交流。雖然有時候也會因為想法不同而吵起來，但是最后也以“好吧，你說服了我”收場。結對編程對我而言是一場十分寶貴的經驗，這讓我更加期待原型設計后的編程階段呢！
-
210同學：我認為結對作業是一種很好的工作方式，在這種工作方式下，能夠隨時討論對要設計的產品的想法，能有效地提升產品的質量和工作效率。在結對的過程中，雙方也能從對面身上學習到對自己有益的編程經驗，取其所長，補其所短。在過程中雙方的想法難免會出現沖突，我會客觀地對比雙方想法的優劣所在，給出最后的想法。總體來說，結隊作業的感受很好，讓人心情愉悅。
對隊友的評價
-
238同學對210同學：210同學擁有發現細節大眼睛，在輪到我擔當使用墨刀的角色的時候，他總能指出我設計的不合理之處。在因為不同想法吵起來的時候，也多虧了我們兩個都有理性思考，所以很快就能說服另外一方哈哈哈。
-
210同學對238同學：238同學具有豐富的編程經驗，十分了解網頁制作方面的知識，執行能力強。在這位大佬設計時，有時我提出某些想法后，他雖然沒有回應我，繼續高速移動鼠標，猛敲鍵盤，讓我不禁屏住呼吸等待，但是最后設計出的結果卻總能讓我信服，不愧是福大英傑，低調奢華有內涵。他對追求完美有一顆執着的心，對於他來說世上沒有最完美，只有更完美，這也讓我感受頗深，我十分repeact，向你敬禮salute。