結對作業一

這個作業屬于哪個課程	2021春軟體工程實踐\|S班
這個作業要求在哪裡
結對學号	221801121、221801131
這個作業的目标	NABCD、完成原型設計
其他參考文獻	部落格園，CSDN，墨刀官方教程

- 部落格位址
- 原型位址
- PSP表格
- 原型模型設計工具
- 需求分析——NABCD
  - N—— Need 需求
  - A—— Approach 做法
  - B—— Benefit 好處
  - C—— Competitors 競争
  - D—— Delivery 推廣
- 原型設計
- 遇到的困難及解決方法
- 結對過程
  - 第一次結對的感受和對隊友的評價

221801131

221801121

移動端

PSP2.1	Personal Software Process Stages	預估耗時（分鐘）	實際耗時（分鐘）
Planning	計劃
•Estimate	估計這個任務需要多少時間	20
Development	開發
•Analysis	需求分析 (包括學習新技術)	100	190
•Design Spec	生成設計文檔	35	40
•Design Review	設計複審	30
•Coding Standard	代碼規範 (為目前的開發制定合适的規範)
•Design	具體設計	330	470
•Coding	具體編碼
•Code Review	代碼複審
•Test	測試（自我測試，修改代碼，送出修改）
Report	報告
•Test Report	測試報告
•Size Measurement	計算工作量	10
•Postmortem & Process Improvement Plan	事後總結, 并提出過程改進計劃
合計	555	790

墨刀，借用墨刀企業版的免費試用，我們可以實作遠端線上共同編輯，解決了不能面對面一起完成的問題。

本部分使用NABCD模型，對小剛的期待的平台進行分析。

使用者提出需求：使用者希望通過閱讀論文來了解計算機視覺領域的研究現狀，苦于一篇一篇閱讀論文效率太低，希望有一個平台來高效快速的爬取論文以解決問題。

使用者的主要功能需求可以歸納如下：

1、輸入單個論文題目或批量導入論文清單以進行爬取論文

2、爬取論文的摘要、關鍵詞、原文連結

3、可對已爬取清單進行論文檢索

4、可對論文清單進行增删改操作

5、可以分析已爬取到的論文資訊，提取top10個熱門領域

6、形成如關鍵詞圖譜之類直覺的檢視方式，點選某個關鍵詞可展現相關的論文

7、可對多年間、不同頂會的熱詞呈現熱度走勢對比，以動圖的形式呈現

在使用者的需求之外，我們設計了如下幾個拓展功能：

1、可以收藏比較有意義的論文，友善再次閱讀

2、可以存取論文閱讀曆史記錄，可以快速打開上次沒讀完的論文

3、移動端底邊欄中“發現”功能可以進行消息推送

4、增加賬戶功能，使用者使用産品時需要新增賬號

作業要求是網頁的原型，是以用web實作設計，手機平台具有便攜性，可以随時随地打開，考慮到手機和pc版的螢幕大小差異，設計了移動端和pc端兩種界面，根據使用者ua傳回不同的界面。

論文導入、爬取論文：

輸入單個論文題目或批量導入論文清單，我們探讨後的想法是可以用一個框來實作，論文清單的導入可以是以excel文檔導入，也可以是以逗号分隔的多個題目打入論文爬取頁面的框中。

論文管理（增删改查）：

設計上增加查詢是以點選按鈕跳轉到其他界面實作的，删除和修改是對某篇論文單獨操作

論文查詢：

本來“輸入論文題目，也支援模糊查詢”“輸入論文編号、關鍵詞等基本資訊”想用多個搜尋框解決，後來考慮到可以在背景進行判斷處理就設計成一個搜尋框輸入，處理後展示出論文的摘要、關鍵詞、原文連結

熱詞分析：

我們覺得應該用詞雲圖給使用者以直覺感受，熱度走勢統計是用動态條形圖實作的，也比較直覺

拓展--賬戶：

我們傾向于要求使用者登入後才能使用功能，這樣在接入api後可以要求使用者進行實名制驗證或者高校使用者認證等，增強了安全性

拓展--收藏和曆史記錄：

這個我們感覺是比較實用的功能，想着論文應該不是隻讀一遍的，使用者應該有收藏論文和查找閱讀曆史的需求，既然已經實作了使用者登入，就新加了這些功能。

拓展--移動端：

我們對移動端做了單獨設計，同時我們希望收藏和曆史記錄是和賬号消息同步的，這樣可以實作多平台快速切換使用。

1、我們産品的操作簡單，容易上手

2、使用web實作，易于通路，隻要有網絡可以随時随地接入

3、收藏功能和曆史記錄可以友善使用者快速找到閱讀過的論文，可以快速找到标記過的論文再次閱讀

4、詞雲圖和動态條形圖非常直覺，使用者可以輕易了解相關資訊

5、産品節約了你去一篇一篇查論文讀論文的時間

6、“發現”功能可以進行消息推送，我們可以通過投放廣告擷取一點的收入以平衡掉伺服器的支出（pc端将發現放在了查詢頁，後面有詳細截圖）

7、我們希望接入api以進行使用者認證，這樣為将來拓展提問、聊天等功能提供了友善

優勢

上手簡單，門檻低，隻要稍稍一試就可以快速上手

收藏夾與賬戶同步，你可以在多台裝置，不同平台上同時使用，這也是web實作的好處

市場上很難看到爬取統計論文的平台，這是沒有人嘗試過的方面

劣勢

爬取論文在版權上存在存在問題，學校的論文庫是背靠學校可以和各家出版社和資料庫公司談，這個平台要建立的話從哪擷取資料是個大問題

要實作這些功能前期的投入還是挺大的，擷取資源，從零開始推廣，另一方面沒有類似産品的出現不清楚潛在使用者有多少，如何吸引他們

身份證明名認證還是挺貴的，平台沒有盈利點的話很難維持營運發展

首先可以先在同班之間進行推廣，并且可以向實驗室内的學長學姐推薦，讓使用者回報問題，來修複平台的bug并更新平台的功能。

之後可以向學院進行推廣，争取獲得學院的支援以進行進一步的開發完善，進一步可以向全校推廣乃至推向社會

由于我們設計同時設計了移動端和PC端的網頁，多圖警告！！！

登入部分：我們制作了賬戶密碼登入，驗證碼登入，注冊，找回密碼，同時設定了不同頁面之間的跳轉和頁面狀态的切換。

PC端：

移動端：

經過登入或注冊後，将跳轉道首頁，當然雙端的首頁略有不同。在PC上我們将所有功能通過首頁來跳轉，而移動端将個人資訊和發現放入底欄中，更加美觀和清楚。

論文爬取：點選論文爬取的圖示将進入爬取頁面，可以輸入标題或者導入檔案來進行爬取。

管理頁面與查詢頁面：爬取後将自動跳轉道論文清單管理頁面，在這個頁面可以進行删改操作，同時設定了查詢和增加的跳轉圖示，點增加會跳到爬取頁面，

而查詢會跳到查詢頁面，在查詢頁面點查詢會出現結果頁面。

PC查詢頁面：我們将PC端的發現功能放到了這個頁面，點選搜尋欄下方的箭頭可以看到。

我們可以看到查詢結果頁面論文标題旁邊的五角星，點選變成金黃色則收藏，再次點選取消收藏。在收藏夾頁面取消收藏則論文會從清單中移除。

收藏夾頁面：

曆史記錄頁面：我們會将浏覽記錄放入此頁，同時保留論文标題旁邊的收藏功能，在這個頁面也可實作收藏。

熱詞分析與走勢對比頁面：熱詞以關鍵詞圖譜直覺方式呈現，點選某個關鍵詞可跳轉到對應内容的查詢結果頁面。同時有熱度走勢對比，以動圖的形式呈現。

首先就是對墨刀工具的不熟悉，剛開始時就是邊學邊做，效率極低。

我們遇到最大坎就是沒看清要求，作業要求：根據上述功能需求進行網頁的原型設計。

我們一開始做了app的原型設計，慘遭翻車。黃童鞋靈光一閃“咱做的時手機網頁啊”。傅童鞋表示點贊。

但是經過了反複的思想鬥争，我們做出了一個違背祖宗···啊不，做出了一個鄭重的決定:再根據原先的成果弄出一個PC網頁版。

于是最後的雙端就這麼出來了。傅童鞋表示對墨刀不同項目之間可以進行元件的複制的功能點贊，要不是能複制我們就隻有手機網頁了（@-@）

熱度走勢對比，要以動圖的形式呈現，一開始不知道怎麼做動圖，後面找了找資料通過工具做了個gif貼上去才算實作。

我們使用了墨刀企業版的免費試用，在設計時我們是一起讨論同時線上編輯的。博文撰寫也是我們分工共同撰寫，共同稽核完成。

關于讨論、細化和使用專用原型模型工具時的非擺拍結對照片，因為還沒有返校，是以通過騰訊視訊和qq聊天進行溝通

黃同學：

因為還未返校，無法面對面交流，隻能通過qq聊天和騰訊會議進行溝通，比起面對面讨論來說效率低了不少。但是總的來說這次合作還是相當順利的，墨刀的團隊協作功能可以實作共同進行原型設計，設計過程中也發現就算進行了比較久的設計與讨論之後再具體實作上雙方還是會存在做法上的差異和想法上的分歧，好在大家的分歧都在溝通後解決了，墨刀的團隊協作功能可以實作共同進行原型設計，保障了我們可以實時發現問題并進行溝通。

對結對隊友的評價：

非常好，做事認真負責，原型設計是我們都沒有接觸過的玩意，我們都是共同學習共同探讨，他給了我很多啟發。

傅同學：

總的來說，結對感受，可惜的就是沒有回到學校，并沒有面對面的完成結對作業。但是好在墨刀工具的合作功能确實不錯，

以及qq交流還是十分便利的，我們這次作業完成的還是挺順利的。當然還是碰到了些問題，比如黃童鞋在N中寫了我們做了“發現”的擴充功能，

然鵝，在PC端我沒打算搞這茬來着，然後又麻溜的跑去在查詢頁面加了個發現...

對黃童鞋的評價：很好，very nice~。就是這次沒有面對面完成有點遺憾，希望返校後能更好的合作。

作者：fujiangfer

出處：https://www.cnblogs.com/fu12138/

-------------------------------------------

個性簽名：沒有

如果覺得這篇文章對你有小小的幫助的話，記得在右下角點個“推薦”哦，部落客在此感謝！

萬水千山總是情，打賞一分行不行(っ•̀ω•́)っ✎⁾⁾！