結(jié)對作業(yè)一

這個作業(yè)屬于哪個課程	2021春軟件工程實踐|S班
這個作業(yè)要求在哪里	結(jié)對作業(yè)一
結(jié)對學(xué)號	221801121、221801131
這個作業(yè)的目標	NABCD、完成原型設(shè)計
其他參考文獻	博客園，CSDN，墨刀官方教程

博客地址

221801131

221801121

原型地址

PC

移動端

PSP表格

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

原型模型設(shè)計工具

墨刀，借用墨刀企業(yè)版的免費試用，我們可以實現(xiàn)遠程在線共同編輯，解決了不能面對面一起完成的問題。

需求分析——NABCD

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

N—— Need 需求

用戶提出需求：用戶希望通過閱讀論文來了解計算機視覺領(lǐng)域的研究現(xiàn)狀，苦于一篇一篇閱讀論文效率太低，希望有一個平臺來高效快速的爬取論文以解決問題。
用戶的主要功能需求可以歸納如下：
1、輸入單個論文題目或批量導(dǎo)入論文列表以進行爬取論文
2、爬取論文的摘要、關(guān)鍵詞、原文鏈接
3、可對已爬取列表進行論文檢索
4、可對論文列表進行增刪改操作
5、可以分析已爬取到的論文信息，提取top10個熱門領(lǐng)域
6、形成如關(guān)鍵詞圖譜之類直觀的查看方式，點擊某個關(guān)鍵詞可展現(xiàn)相關(guān)的論文
7、可對多年間、不同頂會的熱詞呈現(xiàn)熱度走勢對比，以動圖的形式呈現(xiàn)

在用戶的需求之外，我們設(shè)計了如下幾個拓展功能：
1、可以收藏比較有意義的論文，方便再次閱讀
2、可以存取論文閱讀歷史記錄，可以快速打開上次沒讀完的論文
3、移動端底邊欄中“發(fā)現(xiàn)”功能可以進行消息推送
4、增加賬戶功能，用戶使用產(chǎn)品時需要注冊賬號

A—— Approach 做法

作業(yè)要求是網(wǎng)頁的原型，所以用web實現(xiàn)設(shè)計，手機平臺具有便攜性，可以隨時隨地打開，考慮到手機和pc版的屏幕大小差異，設(shè)計了移動端和pc端兩種界面，根據(jù)用戶ua返回不同的界面。

論文導(dǎo)入、爬取論文：
輸入單個論文題目或批量導(dǎo)入論文列表，我們探討后的想法是可以用一個框來實現(xiàn)，論文列表的導(dǎo)入可以是以excel文檔導(dǎo)入，也可以是以逗號分隔的多個題目打入論文爬取頁面的框中。

論文管理（增刪改查）：
設(shè)計上增加查詢是以點擊按鈕跳轉(zhuǎn)到其他界面實現(xiàn)的，刪除和修改是對某篇論文單獨操作

論文查詢：
本來“輸入論文題目，也支持模糊查詢”“輸入論文編號、關(guān)鍵詞等基本信息”想用多個搜索框解決，后來考慮到可以在后臺進行判斷處理就設(shè)計成一個搜索框輸入，處理后展示出論文的摘要、關(guān)鍵詞、原文鏈接

熱詞分析：
我們覺得應(yīng)該用詞云圖給用戶以直觀感受，熱度走勢統(tǒng)計是用動態(tài)條形圖實現(xiàn)的，也比較直觀

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

拓展--收藏和歷史記錄：
這個我們感覺是比較實用的功能，想著論文應(yīng)該不是只讀一遍的，用戶應(yīng)該有收藏論文和查找閱讀歷史的需求，既然已經(jīng)實現(xiàn)了用戶登錄，就新加了這些功能。

拓展--移動端：
我們對移動端做了單獨設(shè)計，同時我們希望收藏和歷史記錄是和賬號消息同步的，這樣可以實現(xiàn)多平臺快速切換使用。

B—— Benefit 好處

1、我們產(chǎn)品的操作簡單，容易上手

2、使用web實現(xiàn)，易于訪問，只要有網(wǎng)絡(luò)可以隨時隨地接入

3、收藏功能和歷史記錄可以方便用戶快速找到閱讀過的論文，可以快速找到標記過的論文再次閱讀

4、詞云圖和動態(tài)條形圖非常直觀，用戶可以輕易了解相關(guān)信息

5、產(chǎn)品節(jié)約了你去一篇一篇查論文讀論文的時間

6、“發(fā)現(xiàn)”功能可以進行消息推送，我們可以通過投放廣告獲取一點的收入以平衡掉服務(wù)器的支出（pc端將發(fā)現(xiàn)放在了查詢頁，后面有詳細截圖）

7、我們希望接入api以進行用戶認證，這樣為將來拓展提問、聊天等功能提供了方便

C—— Competitors 競爭

優(yōu)勢

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

收藏夾與賬戶同步，你可以在多臺設(shè)備，不同平臺上同時使用，這也是web實現(xiàn)的好處

市場上很難看到爬取統(tǒng)計論文的平臺，這是沒有人嘗試過的方面

劣勢

爬取論文在版權(quán)上存在存在問題，學(xué)校的論文庫是背靠學(xué)校可以和各家出版社和數(shù)據(jù)庫公司談，這個平臺要建立的話從哪獲取數(shù)據(jù)是個大問題

要實現(xiàn)這些功能前期的投入還是挺大的，獲取資源，從零開始推廣，另一方面沒有類似產(chǎn)品的出現(xiàn)不清楚潛在用戶有多少，如何吸引他們

身份證實名認證還是挺貴的，平臺沒有盈利點的話很難維持運營發(fā)展

D—— Delivery 推廣

首先可以先在同班之間進行推廣，并且可以向?qū)嶒炇覂?nèi)的學(xué)長學(xué)姐推薦，讓用戶反饋問題，來修復(fù)平臺的bug并更新平臺的功能。

之后可以向?qū)W院進行推廣，爭取獲得學(xué)院的支持以進行進一步的開發(fā)完善，進一步可以向全校推廣乃至推向社會

原型設(shè)計

由于我們設(shè)計同時設(shè)計了移動端和PC端的網(wǎng)頁，多圖警告！！！

登錄部分：我們制作了賬戶密碼登錄，驗證碼登錄，注冊，找回密碼，同時設(shè)置了不同頁面之間的跳轉(zhuǎn)和頁面狀態(tài)的切換。
PC端：

移動端：

經(jīng)過登錄或注冊后，將跳轉(zhuǎn)道首頁，當(dāng)然雙端的首頁略有不同。在PC上我們將所有功能通過首頁來跳轉(zhuǎn)，而移動端將個人信息和發(fā)現(xiàn)放入底欄中，更加美觀和清楚。
PC端：

移動端：

論文爬取：點擊論文爬取的圖標將進入爬取頁面，可以輸入標題或者導(dǎo)入文件來進行爬取。
PC端：

移動端：

管理頁面與查詢頁面：爬取后將自動跳轉(zhuǎn)道論文列表管理頁面，在這個頁面可以進行刪改操作，同時設(shè)置了查詢和增加的跳轉(zhuǎn)圖標，點增加會跳到爬取頁面，
而查詢會跳到查詢頁面，在查詢頁面點查詢會出現(xiàn)結(jié)果頁面。
PC端：

PC查詢頁面：我們將PC端的發(fā)現(xiàn)功能放到了這個頁面，點擊搜索欄下方的箭頭可以看到。

移動端：

我們可以看到查詢結(jié)果頁面論文標題旁邊的五角星，點擊變成金黃色則收藏，再次點擊取消收藏。在收藏夾頁面取消收藏則論文會從列表中移除。
收藏夾頁面：
PC端：

移動端：

歷史記錄頁面：我們會將瀏覽記錄放入此頁，同時保留論文標題旁邊的收藏功能，在這個頁面也可實現(xiàn)收藏。
PC端：

移動端：

熱詞分析與走勢對比頁面：熱詞以關(guān)鍵詞圖譜直觀方式呈現(xiàn)，點擊某個關(guān)鍵詞可跳轉(zhuǎn)到對應(yīng)內(nèi)容的查詢結(jié)果頁面。同時有熱度走勢對比，以動圖的形式呈現(xiàn)。
PC端：

移動端：

遇到的困難及解決方法

首先就是對墨刀工具的不熟悉，剛開始時就是邊學(xué)邊做，效率極低。
我們遇到最大坎就是沒看清要求，作業(yè)要求：根據(jù)上述功能需求進行網(wǎng)頁的原型設(shè)計。
我們一開始做了app的原型設(shè)計，慘遭翻車。黃童鞋靈光一閃“咱做的時手機網(wǎng)頁啊”。傅童鞋表示點贊。
但是經(jīng)過了反復(fù)的思想斗爭，我們做出了一個違背祖宗···啊不，做出了一個鄭重的決定:再根據(jù)原先的成果弄出一個PC網(wǎng)頁版。
于是最后的雙端就這么出來了。傅童鞋表示對墨刀不同項目之間可以進行組件的復(fù)制的功能點贊，要不是能復(fù)制我們就只有手機網(wǎng)頁了（@-@）

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

結(jié)對過程

我們使用了墨刀企業(yè)版的免費試用，在設(shè)計時我們是一起討論同時在線編輯的。博文撰寫也是我們分工共同撰寫，共同審核完成。

關(guān)于討論、細化和使用專用原型模型工具時的非擺拍結(jié)對照片，因為還沒有返校，所以通過騰訊視頻和qq聊天進行溝通

第一次結(jié)對的感受和對隊友的評價

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

對結(jié)對隊友的評價：

非常好，做事認真負責(zé)，原型設(shè)計是我們都沒有接觸過的玩意，我們都是共同學(xué)習(xí)共同探討，他給了我很多啟發(fā)。

傅同學(xué)：
總的來說，結(jié)對感受，可惜的就是沒有回到學(xué)校，并沒有面對面的完成結(jié)對作業(yè)。但是好在墨刀工具的合作功能確實不錯，
以及qq交流還是十分便利的，我們這次作業(yè)完成的還是挺順利的。當(dāng)然還是碰到了些問題，比如黃童鞋在N中寫了我們做了“發(fā)現(xiàn)”的擴展功能，
然鵝，在PC端我沒打算搞這茬來著，然后又麻溜的跑去在查詢頁面加了個發(fā)現(xiàn)...

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