結對作業一

這個作業屬於哪個課程	2021春軟件工程實踐|W班(福州大學)
這個作業要求在哪里	結對作業一
結對學號	221801113、221801128
這個作業的目標	完成原型設計
其他參考文獻	簡書/博客園/CSDN/B站

---

目錄

• PSP表格和效能分析
  • 效能分析
  • PSP表格
• 原型地址
• 原型介紹
• 困難解決
• NABCD模型
• 原型工具的使用
• 結對過程，隊友評價
  • 結對過程
  • 結對感受
  • 隊友評價

PSP表格和效能分析

• 效能分析

  在本次作業中，我們的主要時間精力花費在需求理解，討論原型設計和原型具體實現上：

  • 在需求理解上，我們花費了不少時間，主要是對題目的理解不夠到位，感覺有許多的需求理解起來有點模棱兩可，導致我們在討論時產生了分歧，但后面通過詢問助教，還是對需求有了較好的認識。
  • 在原型設計上，由於兩人的審美風格不同，在設計風格上的統一花費了一些時間，還有是在討論具體組件的類型、頁面的排版，如何設計出符合用戶需求，用戶審美的原型，才讓我們的產品更具有競爭力等方面也比較耗時。感覺在平時還是應該多多關注一些網站的設計，這樣才能在真正上手的時候不會花費太多時間。
  • 在原型具體實現上，花費比較多時間的原因主要是，第一次接觸墨刀這個原型設計工具，對原型設計有點不夠適應，在學習如何做到在墨刀軟件中通過狀態改變來對動態圖表的設計以及對彈窗等狀態功能的實現花費了較多時間。

• PSP表格

PSP2.1	Personal Software Process Stages	預估耗時（分鍾）	實際耗時（分鍾）
Planning	計划	15	20
• Estimate	• 估計這個任務需要多少時間	15	20
Development	開發	740	950
• Analysis	• 需求分析 (包括學習新技術)	80	150
• Team Communication	• 結對討論	180	200
• Design	• 界面原型設計	480	600
Reporting	報告	80	110
• Test Report	• 設計報告	60	70
• Size Measurement	• 計算工作量	10	10
• Postmortem & Process Improvement Plan	• 事后總結, 並提出過程改進計划	10	30
合計		835	1080

原型地址

https://modao.cc/app/00aac350912fbdeedafb6193379ed541212ca560?simulator_type=device&sticky

原型介紹

• 1.登錄/注冊界面：

  • 用戶通過用戶名密碼進行登錄，點擊創建賬號則可以進行用戶的創建。
    
    

• 2.論文導入界面：

  • 登錄后用戶則進入到了主界面，用戶在該界面可以通過搜索欄進行搜索（論文標題、論文作者、論文編號、關鍵詞），如果論文列表里沒有所需信息則會進行論文導入。
  • 搜索欄下方則是近期用戶感興趣熱詞，點擊熱詞也可進行搜索或導入。
  • 點擊批量導入按鈕則會跳出彈窗，通過下載給定模板，並上傳則可批量導入論文。
  • 可對論文進行收藏、編輯或刪除，點擊收藏按鈕則會將論文收藏至收藏，點擊編輯按鈕可對論文的標題、關鍵字、摘要等進行編輯。
    
    
    

• 3.收藏夾界面：

  • 用戶可對收藏的論文進行編輯或刪除
    

• 4.熱門領域界面：

  • 該頁面分析多個用戶爬取到的論文信息，提取top10個熱門領域或熱門研究方向，並顯示。
  • 用戶可通過該頁面，知道使用該網站的其他用戶的研究熱點。
    

• 走勢對比界面：

  • 可以通過點擊上方三個頂會的按鈕切換各個頂會的近三年的走勢對比。
  • 下方走勢對比圖類似輪播圖可自動切換，點擊年份也可以直接進行切換。
    

• 個人信息界面：

  • 用戶登錄后則可以通過點擊右上角的頭像或者點擊左側tabbar，進入個人信息頁，信息頁中包含用戶基本信息，如用戶賬號、密碼、郵箱與個性簡介，這里基本信息設計較少的原因主要是通過郵箱即可表示用戶，用戶不用擔心個人信息泄露。
  • 可對用戶的個人信息(賬號、密碼、個人簡介等)進行修改。
  • 可以進行綁定郵箱，通過郵箱可以進行找回密碼等操作。
    

困難解決

• 困難：第一次接觸原型設計，也是第一次接觸墨刀，在許多構想的設計上，並不知道該如何實現，上手的時候還是有許多問題。
• 解決：在墨刀官網以及論壇上學習已有的和部分大佬發布的教程，雖然感覺並不多，主要通過b站視頻講解。上手多試，試着試着就試出來了。
• 收獲：坐在那里想是肯定想不出來的，多動手嘗試。

• 困難：因為我們兩個對設計這方面並不怎么了解，並不知道如何設計出美觀，能讓用戶具有良好體驗的界面。
• 解決：首先是觀看了許多網站的設計，也在b站上觀看了許多優秀的UI設計，通過兩人大量的視頻討論，屏幕共享一起來決定原型細節的具體設計，最終使得原型初步成型，逐漸美觀。
• 收獲：可以多觀看一些優秀的UI設計來提高自己的設計水平，要想設計出更好的作品，可以選擇站在“巨人的肩膀”上。

• 困難：題目要求對多年間、不同頂會的熱詞呈現熱度走勢對比，以動圖的形式呈現，不知道如何以動圖形式呈現。
• 解決：一開始以為墨刀可以像Axure那樣嵌入代碼，但搜索了很多資料后，並沒有這方面的功能，后來通過b站教學，查閱到可以通過頁面狀態改變來制作動圖效果。於是我們就通過改變頁面狀態和組件狀態來進行實現。
• 收獲：想用Axure了。其實主要是感覺一開始並沒有認真看教程，草草學了就上手，有些知識點沒看到，導致后續大量的時間的花費。

• 困難：遠程結對，不太方便，主要是因為QQ屏幕共享畫質不高，在共享時，許多頁面的一些具體細節看的不是很清楚。導致在改界面的時候比較麻煩。
• 解決：回到學校可能會好點。

NABCD模型

N —— Need

• 設計出了解頂會論文研究熱點的迫切需求——頂會熱詞統計的網站。
• 爬取論文列表與論文信息獲取：
  • 通過輸入單個論文題目進行爬取。
  • 也可通過上傳指定格式文件（excel）進行批量導入。
  • 爬取的論文具體信息包括：論文編號、關鍵詞、論文摘要、論文標題、論文鏈接等。
• 對爬取論文進行操作
  • 可對論文列表進行收藏、修改、編輯等操作。
  • 可對論文列表進行查詢（輸入論文題目，也支持模糊查詢：輸入論文編號、關鍵詞、作者等基本信息），若在論文列表中不存在所要檢索的論文，則根據輸入的查詢語句到網站爬取並返回論文的摘要、關鍵詞、原文鏈接。
• 分析已爬取到的論文信息
  • 提取用戶關注熱門領域或熱門研究方向Top10加以顯示。
  • 生成計算機視覺的三大頂會（CVPR、ICCV、ECCV）近三年的熱詞走勢對比圖。
• 用戶可以通過賬號、密碼進行登錄
• 用戶在個人信息界面可以修改個人信息

A —— Approach

• 通過Java來編寫爬蟲程序，來爬取論文列表。
• 用戶爬取的論文列表若超過限定天數，則在數據庫中刪除，收藏夾中的論文列表能永久保存。
• 通過對爬取論文中的關鍵詞的統計，定時更新數據庫中的Top10熱詞。
• 福大地處大學城區域，潛在的學生用戶群體較多，可以利用社交軟件將我們的產品在學生群體中流傳，建立起我們自己的良好的品牌形象。
• 免費使用也將為我們帶來可觀的使用者，最重要的是我們結對伙伴直接的互相信任，遇到問題共同克服，相信所有問題都能迎刃而解。

B —— Benefit

• 可以批量導入論文列表，導入速度更快。
• 通過收藏夾形式，用戶可將喜歡的論文進行收藏，而不用擔心論文丟失。
• 提供可視化的圖表，讓用戶更加清晰直觀的了解當前熱門領域或熱門研究方向。
• 通過搜索欄下的熱詞，可以讓用戶快速選擇自己感興趣的論文進行搜索或爬取。
• UI界面簡潔干凈，沒有太多花哨的設置，讓用戶使用時不會視覺疲勞。

C —— Competitors

• 目前大多數競爭對手，他們設計的產品基本都有需要收費才能實現的功能，例如個人版與企業版等，若我們與之相同則競爭力將大大下降，所以我們設計的軟件初期主打免費使用的風格，建立良好的口碑，先吸引一些用戶做為我們的內測用戶，而無需向他們收取任何費用，依靠這一舉措來擴大我們這個產品的知名度，等到后期名聲大了之后，若有需要再設計與VIP相關的領域。
• 其次，有一些競爭對手他們的設計以畫面豐富，樣式新穎來吸引顧客，快節奏的社會難免大家會審美疲勞，而我們平台以簡約實用為設計理念，拋開大多花哨的設計，憑借功能強大，簡約易上手來奪得優勢。
• 軟件工程專業的優勢使得我們對后期編程方面更有經驗，接觸過較多設計原型，這些經驗可以用在前期平台設計上。

D —— Delivery

• 首先在校內推廣，以動態頁面吸引學生用戶，主要在數計學院內宣傳，有成效后推至全校。
• 其次，在微信公眾號、QQ空間、微博、貼吧論壇上做相應推廣。
• 最后如果前期宣傳卓有成效，可以聯系媒體團隊，進一步擴大宣傳范圍。

原型工具的使用

• 原型工具使用的是墨刀，感覺墨刀相較於Axure來更容易上手，就選擇了墨刀。

結對過程，隊友評價

結對過程

• 我們主要是通過QQ屏幕分享進行討論和設計
  • 討論原型設計工具的使用
    
  • 進行原型設計
    

結對感受

CYL(221801128)的結對感受：這一次的結對作業是一次全新的體驗，項目里的每一個步驟的實施都需要兩個人協力完成，在原型設計以及細節把握上都要求要達到統一，這更加需要兩人的默契程度，配合的好不好將直接影響作業呈現的效果。兩個人結對，也有同步實時的效果，共同努力將作業完成。但是在一些版面設計上也產生過意見上的分歧，但最終都圓滿統一了。總體來講，這一次的結對經歷還是十分愉快的，希望在結對作業2中也能有良好的配合。

CJX(221801113)的結對感受：第一次正式的進行結對，感覺體驗還是很新鮮的。兩個人一起同步完成作業的感覺很棒，可以一起討論，一起設計，做出來的方案遠比一個人要完善多。而且結對作業能讓兩個人互相監督，如果是一個人作業難免會拖延放松。總的來說這次結對經歷感覺還是很不錯的，希望能順利完成結對作業2。

隊友評價

CYL(221801128)對CJX(221801113)的評價：對細節的把握比較到位。善於指出問題所在，是一個高效率完成工作的人。他能在設計時一並想到編程的具體實現，這也讓我對他十分放心，我認為他會是一個在團隊中擔任主心骨的人，也非常期待和他的下一次合作。

CJX(221801113)對CYL(221801128)的評價：YL同學做事非常認真勤快，而且設計的方案也都很nice，后期基本不需要去對方案進行修改，而且他執行力強，做事效率高，作業剛開始就帶着我很快完成了作業大體的設計。總的來說，這次合作還是非常順利的，希望下個作業我們也能順利完成。