結對作業一
| 這個作業屬於哪個課程 | 2021春軟件工程實踐|W班(福州大學) |
|---|---|
| 這個作業要求在哪里 | 結對作業一 |
| 結對學號 | 221801224 221801213 |
| 這個作業的目標 | 完成原型設計，NABCD模型，記錄PSP表格 |
| 其他參考文獻 | 無 |
PSP原型表格與效能分析
PSP表格
| PSP2.1 | Personal Software Process Stages | 預估耗時（分鍾） | 實際耗時（分鍾） |
|---|---|---|---|
| Planning | 計划 | ||
| • Estimate | • 估計這個任務需要多少時間 | 20 | 25 |
| Development | 開發 | ||
| • Design Spec | • 生成設計文檔 | 20 | 25 |
| • Design Review | • 設計復審 | 10 | 10 |
| • Design | • 具體設計 | 300 | 420 |
| Reporting | 報告 | ||
| • Size Measurement | • 計算工作量 | 10 | 15 |
| • Postmortem | • 事后總結，文檔整理 | 60 | 60 |
| 合計 | 420 | 555 |
效能分析
這次作業所花時間主要集中在結對探討和原型制作上。
由於是第一次結對，在一開始便花了很長時間確認作業要求，通過百度等各種搜索引擎了解原型工具，明白了原型制作與編碼沒有關聯，沒有任何代碼經驗的人也能做，是一種簡單的展示出軟件效果的工具。
接下來討論了時間安排和任務安排，之后便是學習原型工具，更准確來說是邊學邊做。因為是圖形界面，可視化的操作，很多功能可以猜到效果，不懂如何實現的再通過百度和官方教程解惑，即使沒有完整系統的學習一遍也並沒有遇到太多疑難問題。
最花費時間的是原型制作時討論應該實現一個怎樣的效果：如熱詞排行榜的布局，功能的分級，是否要個人界面等等。同時還要結合具體編碼時候是否有難點，是否能夠實現。明確這些后，原型制作就剩下把按鈕文本框等組件組合在一起，這一部分花費時間就少了很多。
原型地址
原型介紹
1.首先進入登錄界面，包括兩個輸入框和登錄按鈕。登錄后跳轉至歡迎主頁。登陸頁面賬號密碼輸入框添加動態，使得交互更加直觀，點那個小眼睛也可以遮蓋密碼。進入歡迎界面后右上角會根據登陸用戶信息顯示對應的頭像和用戶名，同時顯示右邊欄並激活左邊欄功能。
2.在頁面左邊欄放置三個功能按鈕，分別對應論文查詢，收藏列表和分析統計，點擊進入相關功能頁面。右端始終固定顯示熱詞榜，從上到下按順序展示收藏列表中TOP10的熱詞，前三個熱詞加大顯示。中間部分為廣告輪播版和幾篇熱搜論文的概覽，
3.點擊進入論文查詢后中間欄顯示搜索框和搜索按鈕，輸入關鍵詞搜索后在下方分頁呈現搜索結果，每頁六個。
每個結果框顯示論文摘要，出現頻率前三的關鍵詞，原文鏈接按鈕和收藏按鈕。
4.收藏列表功能頁面與論文查詢相似，區別在於搜索的是已收藏的論文，並且一進入頁面下方便會按默認順序顯示所有已收藏的論文。結果框中增加修改內容和取消收藏按鈕實現刪與改。
5.分析統計頁面除了兩邊欄不變外，中間顯示部分會議熱詞變化趨勢的折現統計圖，可以通過觸碰按鈕或者點擊詞雲來切換這些熱詞詞頻的不同年份。
6.任意頁面可通過點擊側邊欄其他功能項跳轉至其他功能頁。
前面GIF圖中有所體現
7.點擊頁面左上角的LOGO可返回歡迎頁面。
前面GIF圖中有所體現
我們所設計的Logo（由‘書’與‘文’兩字的仿甲骨文合成，表達了論文這一深意，兩字組合在一起也像一台台燈，與論文主題相契合）
8.在論文查詢或者收藏列表中點擊關鍵詞可跳轉至搜索該關鍵詞的收藏頁，點擊右邊熱詞榜的項目同理。
困難解決
困難：在制作動態效果時，真的花費了超過我們預期的時間，加上許多地方添加了動態效果。
解決：許多地方使用母版可以將其的動態效果得到復用，減少花費的時間。
收獲：復用的思維，適合在很多地方，能夠減少不必要的重復工作。
困難：第一次接觸原型設計，不明白什么是原型，和具體編碼有什么關聯。
解決：一開始兩個人通過搜索各種資料並交流得到大概印象，首先確定原型設計和編碼沒有關聯，是沒有編程基礎的人也能做的工作。后來在一個回答中看到“草圖”二字便確認了想法，即原型是一個展現軟件“長怎么樣，能干什么”的草圖。之后選用了墨刀作為原型工具，結合已有的編程經驗，思考一些功能具體能否實現，最終設計了原型。
收獲：增強了學習能力，最重要的是了解學習了一個非常有用的工具。
困難：原型設計時，結對二人都對自己審美不自信，從零開始制作一個界面的時候一臉懵逼，不知道該怎么設計出美觀且交互合理良好的功能界面。
解決：首先是試用了墨刀中的參考模板，然后參考了諸如b站等具有收藏查詢功能的應用，學習他們的ui設計布局。其次參考了已經提交作業的同學的設計，結合二者設計出了最終原型
收獲：在一個工作剛開始時，通過借鑒別人已有的經驗能更好的開展，避免不知從何下手的困境。
困難：第一次結對合作，一些地方執行起來和想象的有偏差。
解決：出現問題和分歧后及時進行了溝通，交流了兩個人的意見想法，一起思考那個方案最合適，最后得到了好的解決
收獲：體會到了結對合作的利與弊，但是因為是遠程合作，和真正的結對合作共用一套設備進行不同，返校后合作可能可以規避大部分偏差的問題。
NABCD模型
N（Need,需求）
- 獲取檢索的論文
- 支持以文章題目
- 支持以文章的Tips檢索
- 將所檢索的論文加入自己的收藏夾- 對已檢索加收藏的論文進行操作
- 對論文集進行增刪改查操作
- 提供原文鏈接
- 支持對論文集的自定義操作- 個人數據的可視化
- 用折線圖來表現不同年份五個熱詞的熱度變化
- 用餅狀圖標識同年份不同熱詞的占比情況
A（Approach,做法）
- 利用爬蟲來獲取論文內容，將高頻論文存儲雲端服務器。
- 默認采用收藏即下載的做法，減少雲端服務器的壓力。
- 通過對數據庫的操作來實現對已有數據庫的修改。
- 使用echart來對相應的數據生成圖標。
B（Benefit,好處）
- 雲端存儲高頻論文，可以減少檢索花費的時間。
- 利用可視化表格可以直觀的看出最近的熱點變化。
C（Competitors,競爭）
- 若用戶選擇本地存儲可以極大的加快訪問效率
- 我們主打簡潔的UI，減少了現存產品許多繁雜卻利用較少的功能，將產品輕量化
D（Deliver,交付）
- 首先我們周圍就有着大量的群體存在論文的需求，所以推廣可以先從周圍做起。
- 利用大學生群體中的二手群之類的群組中發發廣告，只要不刷屏人家也可以接受。
原型工具的使用
- 墨刀
- 墨刀素材中心
結對過程，隊友評價
早期確認協作工具以及協作方式
中期討論原型所要實現的功能。
后期完善原型，增加功能。
結對過程及感受
221801224：結對我認為最重要的就是溝通和協作。
我覺得第一次結對我們的溝通是完全合格的，但是在協作的過程中可能有點欠缺了思考，因為我們是打算兩個人都先試着開發一份，而沒有實時的協作，導致其實有部分的時間被用來做無用功。
但是我們的及時溝通最后還是彌補了所浪費的部分時間。
221801213：一開始認為設計原型，不用編碼是一件比較輕松的事情，可以兩人分開快速做出雛形然后參考雙方內容做出合並修改。
后來在完成一部分后交流發現兩人對界面布局等有較為不同的想法，而且雛形設計需要比想象的多的時間，繼續分開最后也難以合並。最后以一方的原型為基礎，保持實時通話，交流意見后做出修改，快速達到了雙方滿意的效果。最大的感受是結對完成作業能極大程度避免溝通失誤，規避一些簡單的錯誤，同時即使雙方共同的決策上有判斷錯誤也能及時發現調整。
隊友評價
221801224對221801213的評價
第一次結對編程，其實兩個人都有點生疏，但是達子哥可以對於審題很認真，也很積極的去解決問題。在早期，也很積極的尋找和確定原型工具。在最后項目的整合中，達子哥總能細致的提出一些之前自己遺漏的部分，所以他是一個很好的合作者。
221801213對221801224的評價
鍾焓同學效率高，在結對后，很快做出了時間的大致安排並開始着手學習原型設計工具。並且鍾焓同學善於溝通，我能夠清楚地理解到他的意思。對於意見不同的地方也樂於傾聽，從而溝通以能達到大家都滿意的效果。總而言之，鍾焓同學是一個良好的結對合作者。