結對作業一

這個作業屬於哪個課程	2021春軟件工程實踐|W班(福州大學)
這個作業要求在哪里	結對第一次
結對學號	221801308 221801315
這個作業的目標	結對編程初體驗、學習使用原型工具並進行原型設計
其他參考文獻	1.Color Hunt 2.site inspire 3.One Page Love

目錄

• 結對作業一
  • PSP表格和效能分析
    • PSP
    • 效能分析
  • NABCD模型
    • N——Need
    • A——Approach
    • B——Benefits
    • C——Competitors
    • D——Delivery
  • 原型地址
  • 原型設計工具
  • 原型介紹
    • 網站主頁Home。
    • 注冊和登錄界面。
    • 聯系主頁Contact。
    • 個人主頁。
    • 搜索主頁Search。
  • 困難解決
  • 結對過程，隊友評價
    • 結對圖片
    • 結對體驗
    • ZFR---->WY
    • WY---->ZFR

PSP表格和效能分析

PSP

PSP2.1	Personal Software Process Stages	預估耗時（分鍾）	實際耗時（分鍾）
Planning	計划
Estimate	估計這個任務需要多少時間	10	10
Development	開發
Understanding	需求理解	60	120
Learning	學習使用原型設計工具	60	45
Discussion	結對討論	200	300
Design	原型設計	360	660
Review	原型復審	30	30
Test	原型測試	30	20
Reporting	報告
Size Measurement	計算工作量	10	15
Postmortem & Process Improvement Plan	事后總結, 並提出過程改進計划	15	15
	合計	775	1215

效能分析

此次作業時間主要花費在需求理解、結對討論還有原型設計上。

• 一開始需求理解不到位，很多地方不知道到底應該怎樣做，所以花費的時間超出預計好多。
• 原型設計上花費時間大大超出我們估計的時間。部分原因是墨刀使用的不夠熟練，主要原因是設計上對美觀的追求較高，所以在關於配色、布局還有組件方面嘗試了多種不同方案。每次WY完成一個版本的原型設計，ZFR都會過一遍所有在原型中體現的功能，然后找出還不足的地方，讓WY再補上。這個流程循環了5次以上，因此原型設計時間大大超出我們的估計值。
• 結對討論花費的時間主要用來討論需求和設計方面的問題。

NABCD模型

N——Need

痛點：
計算機視覺領域的論文沒有很好的分類整合，想要了解該領域的研究現狀和熱門方向，只能根據論文列表一篇一篇查找總結，而這樣效率又太低。

---

需求：

1.獲取待爬取論文列表及論文信息爬取

• 爬取目標：論文標題、摘要、關鍵詞、原文鏈接

• 獲取論文列表方式

  • 輸入單個論文題目，網站自動爬取論文
  • 批量導入特定格式的論文列表（如Excel文件、txt文件等），網站根據導入的內容爬取論文

2.對已爬取的論文列表進行操作

• 可對論文列表進行增刪改操作；

• 可對論文列表進行查詢（輸入論文題目，也支持模糊查詢：輸入論文編號、關鍵詞等基本信息），若在論文列表中不存在所要檢索的論文，則根據輸入的查詢語句到網站爬取並返回論文的摘要、關鍵詞、原文鏈接；

• 在論文列表界面要有增加論文的按鈕，如“+”號，點擊后可以提供兩種方式導入論文

  • 單篇論文導入
  • 文件批量導入

• 論文列表概覽頁提供查看、刪除、修改按鈕

3.分析已爬取到的論文信息，提取top10個熱門領域或熱門研究方向

• 要有一個頁面展現統計結果

• 該頁面上展示關鍵詞圖譜，點擊某個關鍵詞可展現相關的論文列表

• 輸入關鍵詞后，點擊搜索按鈕，就會在下方展現近10年間、不同頂會的該詞熱度走勢對比（CVPR、ICCV、ECCV），且折線圖以動圖形式呈現

4.補充需求

• 增加收藏夾功能，論文列表概覽頁提供收藏按鈕，用戶可以在收藏夾頁面看到自己收藏的論文概覽，點擊后可查看論文詳細信息

• 增加回收站功能，當用戶不小心刪除論文后，可在回收站頁面找回

• 增加近日熱點頁面，在該頁面上用動態形式展示當前三個大會的有關信息

A——Approach

• 基於Web設計——方便用戶訪問，不用下載APP即可使用，且在PC端閱讀論文的效果會比手機端要好得多。

• 增加論文功能——針對批量導入功能，采用拖拽上傳文件方式，簡化上傳流程。

• 查詢論文功能——用戶可以用單選框的方式選擇查詢依據：標題、關鍵詞、論文編號。

• 詞雲展示——展現top10熱點詞匯，直觀明了，馬上就能讓用戶了解這個領域的研究熱點

• 復用界面——點擊詞雲中的熱點詞后，展現論文列表，該界面可以復用之前用戶的查詢界面，減輕前端人員任務量，同時使頁面具有統一性。

• 走勢圖精確到每一年——鼠標懸停在走勢圖折現上的某一點（即某一年對應的點）時，浮現詳細信息框，體現出年份、會議名、頻率。

• 后端使用python編寫爬取功能——python爬蟲教程較多，便於參考。

B——Benefits

• 操作簡單且人性化，方便獲取相關論文信息。

• 節約時間，提升查找論文的效率。

• 了解科技發展趨勢，通過統計結果高效直觀獲取當前的熱門領域和熱門研究方向。

• 增加了收藏功能，收藏喜歡、有益或者未讀完的論文，便於下次閱讀。

• 增加了回收站功能，便於查看自己刪除或者誤刪的論文。

• 界面美觀大方，增加視覺效果，增強用戶體驗。

C——Competitors

競爭對手：同一課程的其他隊伍

我們的產品優勢：

• UI更美觀：看了幾位已提交同學的博客，相比之下我們的UI設計簡潔又不失美感，而且操作一目了然，一眼就知道圖標的含義，容易上手

• 一鍵獲取原文：在論文列表點擊查看圖標，即可彈出原文PDF下載請求；若用戶不想下載，也可以關閉該彈窗，然后就能在線查看論文

• 更好的閱讀體驗：提供用戶收藏功能，只需輕輕一點就可收藏/取消收藏論文，讓用戶不必再次從“茫茫文海”中尋找自己上此使用時讀過的感興趣的文章

• 一眼熱點：搜索首頁以圖片輪播形式展現有關三大頂會的近日要聞，讓用戶還沒有進行搜索行為之前就能大致了解三大頂會的近日情況

• 自由筆記：利用網頁嵌入，使用戶不用離開網站就可以讀取論文；原文使用用瀏覽器自帶的PDF閱讀器呈現，讀者可以在閱讀的同時做筆記；做完筆記后點擊保存按鈕，帶筆記的論文就會被保存至用戶的電腦上

D——Delivery

• 平台初期可以在研究計算機視覺方向的同學間進行小部分推廣，同時收集用戶體驗並進行改進。

• 之后可以爬取其他方向的論文，使平台不再局限於計算機視覺方向，以擴大受眾。然后進行推廣，收集更多用戶體驗並進行優化改進。

• 如果后期資金充足的情況下，可以借助自媒體進行推廣。

• 不斷進行軟件的迭代，提高用戶體驗，積累更多用戶。

原型地址

iPaper

原型設計工具

MockingBot

原型介紹

網站主頁Home。

注冊和登錄界面。

• 注冊界面（注冊界面可以單擊導航欄的Sign in或者注冊框上方的Sign in跳轉到登錄界面。）
  

• 登錄界面（同樣登錄界面的Sign up也可以通過單擊跳轉到注冊界面。）
  

聯系主頁Contact。

登錄前后導航欄狀態是不同的，此處只放了登錄后的截圖

個人主頁。

登錄后會直接跳轉到個人主頁，個人主頁包含個人信息、收藏夾和回收站，可以通過單擊頭像下方的標題進行跳轉。當位於其他界面時單擊導航欄的頭像即可完成到個人主頁的跳轉。

• 個人信息：查看和修改個人信息。
  

• 收藏夾：查看自己收藏的論文，也可以取消收藏。
  

• 回收站：查看自己刪除的論文，也可以撤銷刪除。
  

搜索主頁Search。

必須要登錄才能發揮網站的主要功能。未登錄時會跳轉到提示界面。搜索主頁包含近日熱點、論文列表、論文檢索、關鍵詞詞譜、熱度走勢界面，通過點擊側邊欄標題進行切換。

• 未登錄時的搜索主頁
  

• 登錄后的搜索主頁

  • 近日熱點：采用輪播圖的形式介紹近日三個大會的召開情況。（時間間隔：1000ms）
    

  • 論文列表：可以進行論文查詢、新增、修改、刪除、以及查看論文詳情和收藏論文。

    • 可以通過選定查詢方式（題目、編號、關鍵詞）點擊查詢按鈕進行查詢，若未存在於列表則會進行爬取。
      
    • 新增論文時可以選擇單篇論文導入和文件批量導入
      
      
      
    • 修改論文:可以修改論文的題目、關鍵詞、摘要。
      
    • 查看論文詳情：點擊查看后可以下載pdf進行查看，也可在頁面實時預覽。
      

  • 論文檢索：同樣對檢索出的論文可以進行查看和收藏，並會全部增加到論文列表。
    

  • 關鍵詞圖譜：展示已爬取論文信息的熱詞top10
    

  • 熱度走勢：通過輸入關鍵詞來查詢某關鍵詞在CVPR、ICCV、ECCV近十來年的熱度走勢。
    

困難解決

困難1：
對將要爬取的論文結構不了解。
解決方法：
點擊查看多篇論文，歸納出大概結構后，查看html源代碼，找到相關標簽。
困難2：
對需求理解不夠准確。
解決方法：
結對雙方互相討論，提出各自觀點，若仍無法解決，就求助助教。
困難3：
第一次真正的使用原型設計工具，操作不夠順暢，輪播圖不會制作，也沒有好好利用頁面還狀態變化。
解決方法：
網上查閱教程，實戰中增加熟練度。
困難4：
原型設計沒有思路
解決方法：
查看了一些設計工具類的網站，eg: site inspire、Color Hunt等，尋找靈感。

結對過程，隊友評價

結對圖片

1.語音討論需求及原型細節

2.原型設計求誇hhh

3.解答疑惑

結對體驗

WY:
第一次結對合作，首先讓我感受到有一個好的結對對象是多么棒，其實是感受到任務效率得到提升，我們能夠幫助彼此更好更高效的完成任務，同時也鍛煉了自己的溝通交流能力。
ZFR:
如果要進行結對編程這種方式工作，應當優先選擇關系比較好、水平相當但又各有側重點的伙伴。極大程度上避免爭執然后一拍兩散的情況，而且雙方關系好說明一定程度上志趣相當，合作起來更默契，工作效率更高。
古人雲“男女搭配干活不累”，在我們看來應當再加一句“姐妹合作干活不累”。

ZFR---->WY

• 對UI要求高：
  一度嫌棄我做的UI的配色方案，事實證明她做的UI更好看（是我輸了）

• 前端小能手：
  本次原型基本都是她設計的，我只提出要求，但我提的要求她基本都能滿足

• 優秀的合作對象：
  對於我來說，她是非常好的合作對象。因為她擅長的是前端，我擅長的是后端；而且我們私下關系很好，討論問題時會互相讓步，不會吵起來。同時她也是個積極主動參與討論的人，不需要別人“推着走”，在我心里她是100分的合作對象

WY---->ZFR

• 需求理解到位：
  每次我制作原型過程中有對需求不太清楚的地方他都可以解答我的疑惑。

• Python小能手：
  當我缺少制作原型素材時，本來想讓她幫我美圖秀秀/excel作圖，結果她直接用python給我做了幾張。同時希望她不要只會用python機器學習，趕緊學一下爬蟲。

• 優秀的合作對象：看待問題很有自己的想法，可以適時解答我的疑惑。執行能力很強，不需要一直催促。