| 這個作業屬於哪個課程 | 2021春軟件工程實踐 W班 (福州大學) |
|---|---|
| 這個作業要求在哪里 | 結對作業一 |
| 結對學號 | 041802224 081800306 |
| 這個作業的目標 | PSP表格 原型設計 NABCD模型 |
PSP表格和效能分析
PSP表格
| PSP2.1 | Personal Software Process Stages | 預估耗時（分鍾） | 實際耗時（分鍾） |
|---|---|---|---|
| Planning | 計划 | ||
| Estimate | 估計這個任務需要多少時間 | 10 | 10 |
| Development | 開發 | ||
| Analysis | 需求分析 | 30 | 50 |
| Discuss | 討論 | 60 | 90 |
| Learn Prototyping | 學習原型設計 | 60 | 90 |
| Design | 具體設計 | 400 | 540 |
| Reporting | 報告 | ||
| Blog | 博客 | 60 | 70 |
| Postmortem & Process Improvement Plan | 事后總結, 並提出過程改進計划 | 10 | 20 |
| 合計 | 630 | 870 |
效能分析
這次作業我們花費的時間最多在需求分析、原型設計和討論之間。
在對小剛的需求進行分析時我們對於論文列表的增刪改查操作存在理解偏差，在具體實現的設計上改動較多，花費了一些時間。
我們都是第一次使用墨刀這種的原型軟件，相關的操作不夠熟練，一些設計制作出來的與預期的效果相差較大，在布局方面做了不少嘗試。
我們討論需求和設計時會有意見不同的情況，所以討論也花費了不少時間。
原型地址
https://modao.cc/app/a62a095cacec9289e6a5b7f88a3ba58f5b5c5093?simulator_type=device&sticky
原型介紹
根據小剛的需求，我們制作了如下的原型：
總體分成三個大模塊，首頁，論文檢索，熱度分析。我們就在網頁頭部做了個tab欄，來切換。
首先第一個功能是輸入論文題目，爬取論文信息，包括摘要、鏈接。所以我們原型的想法是弄個類似於百度的搜索框供用戶輸入。當然還添加了個文件夾圖標供用戶已文件形式上傳題目。還做了個詞雲，列舉出熱門搜索詞匯，具體如下：
第二個功能是對已爬取的論文列表進行增刪改查，還要求可以對已爬取論文查找。所以我們同樣有搜索框，不同的是這里有下拉框，可以選擇按關鍵詞查找或者按編號查找。主體是論文列表，我們可以點擊論文的編輯圖標按鈕進入編輯狀態。
點擊編輯圖標，來到了編輯界面。在這里我們可以爬到的一些錯誤的數據，或者格式不正確的數據手動修改，如修改關鍵詞 摘要等，或者直接刪除這篇文章。
第三個功能是熱詞熱度走向，我們考慮用一個餅狀圖來展示熱門領域。用折線圖來展示走向。
困難解決
困難一：遇到意見不統一時，比如原型審美上不一致，我們就拿去讓舍友評比，最后確定統一。
困難二：原型工具的使用，比如如何在墨刀上放置圖表呢，我們都會去百度，查找相關的資料解決問題。
困難三：對小剛需求的理解存在偏差與迷惑。比如不懂為什么要對爬下來的論文改操作等等
NABCD模型
N(Need,需求)
我認為一個好的軟件首先要滿足客戶的基本需求，要根據客戶提出的要求來設計。由題目可知，客戶的目的就是提高查找論文的效率。客戶要求的功能如下：
- 獲取待爬取論文列表及論文信息爬取；
- 對已爬取的論文列表進行操作；
- 分析已爬取到的論文信息，提取top10個熱門領域或熱門研究方向；
A(Approach,做法)
根據上一步找到的需求，我們要討論設計方案，首先頁面的色調要美觀，統一。然后再對個個需求逐一討論，比如論文題目輸入查找，可以設計成像百度搜索框那樣，批量上傳題目，可以上傳一個規格的excel文件。整體頁面就像一個tab欄切換，包含首頁，論文檢索，熱度分析等等。通過爬蟲將用戶查詢或導入的文章獲取，以縮略的形式展示；點擊列表中的文章可以查看相應文章的標題、原文鏈接、關鍵詞、摘要等信息，可以在本地列表中進行模糊查找、關鍵詞查找；詳情頁可以對有誤的數據進行修改保存；熱度分析頁提取爬到的論文中的熱門詞匯，以折線的形式展示出三大會議幾年來的熱詞走勢。思路大概有了，接下來就學原型工具使用，開始制作原型。學習原型，因為我們對墨刀這個工具是陌生的，所以我們先去它的官網學一遍，https://modao.kf5.com/hc/kb/article/1305789/，原型設計的難點之一是動態圖的設計，比如點擊三個會議的按鈕，要切換三個折線圖，后來找到答案是通過狀態設置，然后餅圖可以通過鏈接的形式，在這個網站上設置，可視化網站，最終嵌入到原型當中。軟件開發打算是前端+后端模式，前端打算用Vue框架，后端初步打算用nodejs爬蟲，開發接口api供前端調用。
B(Benefit,好處)
我們的功能集中於論文的搜索、熱度統計。檢索論文較搜索引擎更有針對性，排除不必要的信息，又比單一的論文網站搜索更加全面快捷。搜索的結果以圖表的形式展示，能直觀的反映出當下的熱點。
C(Competitors,競爭)
我們的競爭對手是市場上開發方向和我們一致的團隊，我們的產品和競爭對手的產品是有交叉的，交叉部分之一就是滿足用戶的基本功能，優勢與劣勢有時是相對的，不同的用戶群體，他們的需求是不一定相同的，當然也有絕對的優勢，比如我方的性能比對方的要好。
D(Delivery,推廣)
在大學校園里大四的學長學姐都需要查詢論文，我們可以推薦他們使用網站。我們還可以通過空間、朋友圈等渠道推廣我們的網站。
原型工具
我們在嘗試了axure和墨刀之后覺得墨刀更適合入門，選擇使用墨刀進行原型設計。
結對圖片
隊友評價
(041802224)hanmajack -> 從零開始的代碼生活
思維很全面，在需求分析時很快就提出了較為復雜的點，設計原型的效率也很高，討論時也能很快指出關鍵，和他的合作很愉快。
(081800306)陳志君 -> hanmajack
做事很積極，執行力很高，討論問題很全面。審美非常棒，對網頁的布局排版主題有較好的見解。這次合作體驗很好，希望下次再接再厲。
第一次結對感受
(041802224)hanmajack:
第一次嘗試結對作業，作業的每個步驟都得進行討論，兩個人互相表達自己的觀點，理解對方的想法，和團隊合作是完全不一樣的感受，兩個人互相進步，互相提升，對我來說有很大的幫助。
(081800306)陳志君：
這次作業感覺任務量不大，但是也是花了挺長的時間，主要是在討論分析需求功能以及原型排版布局。為下一次作業做好鋪墊也是挺值的，總的來說，收獲還是蠻大的。