結對作業一

這個作業屬於哪個課程

2021春軟體工程實踐s班

這個作業要求在**

結對作業一

這個作業的目標

1.理解nabcd模型2.製作符合使用者要求的原型模型

其他參考文獻

墨刀教程

目錄2原型位址

3原型介紹

4困難解決

5nabcd模型

6原型工具的使用

7結對過程，隊友評價

作業基本資訊

personal software process stages

預估耗時（分鐘）

實際耗時（分鐘）

計畫20

30• 估計這個任務需要多少時間

2030

開發740

799• 需求分析 (包括學習新技術)

4075

• 需求理解

3056

• 學習原型設計工具

12050

• 結對討論

12098

• 設計複審

3040

• 介面原型設計

400480

報告50

73• 計算工作量

1013

• 事後總結, 並提出過程改進計畫

4060

合計810

902在拿到這個的題目的時候我們進行了兩個分析：需求分析和實現分析

在思維導圖的幫助下，我們一開始的分析模式就是圍繞**爬取，**操作，**分析三個主要功能來劃分介面，分了三個介面來實現各自的功能，但是後來我們發現這樣劃分的好處是功能分配直接且可觀性強，但是壞處就是使用者使用起來的連線性很差，使用者使用邏輯不通順，並且頁面之間的互動性也大打折扣，於是我們決定模糊功能與功能之間的頁面分隔，改用依照使用者的使用邏輯來設計我們的頁面。

在原型工具方面我們很快就確定了使用墨刀軟體，因為他的共同協作功能可以幫助我們一邊進行結對討論一邊共同進行原型設計。

在原型的風格方面因為我們兩個都比較喜歡簡約風，然後在一些小組件上花小心思，所以我們在實現的過程中審美也很一致，實現起來也比較快。

在原型的頁面跳轉邏輯方面，我們選擇盡量避免建立頁面狀態，使用元件狀態的形式，增強乙個元件的可復用性，用盡量少的頁面來表現各個介面的功能。

登入介面如下：使用者在註冊賬號後輸入賬號密碼後點選登入按鈕即可跳轉到主頁介面。

註冊介面如下：使用者在輸入使用者名稱密碼後點選註冊按鈕即可跳轉到登入介面。

為了滿足使用者的「支援使用者輸入單個**題目，也支援批量匯入**列表」這一需求，我們在導航欄設計了支援單獨新增和批量匯入的功能，當使用者選擇單獨新增時，下面的待爬取**列表就會新增新的**題目項，當使用者選擇批量匯入時，點選新增將以彈出檔案匯入視窗的形式來支援使用者進行檔案上傳或是分行輸入來達到批量匯入**的目的。

新增**題目操作如下：

在經過主頁點選爬取結果按鈕（即右方向鍵）後，我們就可以通過已有的**題目列表來爬取我們想要的**結果，跳轉操作如下：

如上圖所示，介面分為左邊的側邊**題目欄和右邊的功能導航欄和爬取結果顯示欄，左邊的側邊欄分為全部**和搜尋結果兩頁，支援對需要爬取的**題目進行模糊搜尋，也支援對**題目詞條的增加刪除修改。側邊欄操作如下圖所示：

「分析已爬取到的**資訊」這一需求中的熱詞走勢對比部分在右側熱度走勢導航欄項下進行展示。具體情況如下圖：

使用者進入熱度走勢欄後能夠在下方看到自己篩選的頂會、熱詞對應的動態圖表，視覺化地展示熱詞在一段時間內的出現頻率。在功能導航欄下方選擇熱詞所在的頂會，預設情況下展示的是全部頂會對應的top10熱詞走勢。此外，還可在圖表上方的年份下拉框中選擇要檢視的熱詞趨勢的年份區間，點選篩選能夠選擇要檢視的熱詞。通過核取方塊對熱詞選擇，使用者可以對單個，多個以及全部熱詞進行對比，得到橫向與縱向立體的趨勢對比分析。

need(需求)：

3.benefit(優勢)

4.competitors(競爭)

5.delivery(推廣)

221801231zpf：

最大的感受是結對作業兩個人的溝通和交流特別關鍵，並且在設計作業的思想上達成快速的統一是有助於提供作業實現的效率的，這是和單人作業的不同之處，並且這次作業的感受就是自己更多的換位思考，以使用者使用的角度去設計平台，盡可能滿足使用者需求增強使用者體驗，同時也在這個基礎上也可以自由的發揮自己的想象力設計盡可能好看的介面（自認為哈哈），每完成乙個小部分的時候都會有小小的成就感從而促使自己繼續努力完成下一部分。

221801215cll：

這是我第一次這麼緊密的和別人合作完成乙個作業，還是在沒有返校的情況下，時間給的也不多，能完成還是真的下了不少功夫。回顧整個結對作業一的完成過程，感覺我們兩個人合作得還是蠻不錯的。在需求理解分析階段，我們都能夠很耐心地對著螢幕用130分鐘討論那600多個字，不斷地討論糾正，背後也找了不少其他同學了解情況。在原型設計階段，我們都能夠按時的完成各自的計畫，督促對方完成任務。對我這個拖延症患者來說，有乙個隊友督促是好事，但又是我的噩夢，照顧到隊友的計畫，意味著我不能拖延，所以這次作業算完成得比較早了。

結對過程中還是不可避免的會有一些不足的地方，需要總結經驗。比如，一些公共的部分沒有在一開始就確定下來，後期又對這些部分進行了修改，就導致原型中其他頁面的需要相應的修改，造成大量無意義又費時的修改操作。此外，這次的原型設計中我認為整個原型主要是為了滿足使用者的需求部分，對後期具體實現的考慮不太夠。

221801231zpf：

ll是乙個心思細膩，注重軟體實現細節，懂得替使用者思考的隊友，並且在溝通上特別合的來，同時他對作業的完成也是十分嚴謹與高要求，同時在工具使用方面也熟練的很快，節省了我們很多時間。同時我們對介面的審美方面也十分契合，有這樣的隊友完成作業過程十分順利。

221801215cll：

我覺得pf是乙個很有計畫的人，他會按質按量的完成自己的工作。在討論中他很溫和，有矛盾不迴避，有自己的主見，好好討論，因此在這次的作業中，討論得都比較愉快，能得到比較滿意的結果。他還對設計有很高的要求，網頁原型的設計風格由他主導，整體效果簡約美觀，賞心悅目，互動也很人性化。作為我的室友，他很善解人意，在交流過程中，他總是能很快地理解我的描述，減少了描述上花費的時間。他還有很強的學習能力，這次的設計對很多任務具都是第一次接觸，他都能很快掌握，還能給我提供一些學習經驗。整個作業過程和pf的合作非常愉快~

結對作業一

結對作業一

結對作業一

結對作業一

相關推薦