結對作業一
這個作業屬于哪個課程 | |
結對學号 | 221801101, 221801122 |
這個作業的目标 | 掌握原型設計工具,體驗結對程式設計 |
其它參考文獻 | 建構之法 |
PSP表格
預估耗時(分鐘) | 實際耗時(分鐘) | |
---|---|---|
估計這個任務需要多少時間 | 15 | |
開發 | ||
需求分析(包括學習新技術) | 120 | 200 |
結對讨論 | 100 | 140 |
界面原型設計 | 180 | 300 |
報告 | ||
測試報告 | 20 | |
計算工作量 | 10 | |
事後總結,并提出過程改進計劃 | ||
合計 | 580 | 820 |
效能分析
- 疫情期間開學時間的延誤,導緻隻能在家通過網絡進行溝通,難以做到面對面交流,一些消息無法即使回複,溝通不順暢,效率有所降低。
- 在家溝通的主要方式是QQ聊天和騰訊會議螢幕共享,調試裝置解決網絡問題額外花費一定的時間。
- 預估和實際的差距主要在需求分析和界面原型設計上。第一次接觸原型設計,現學現用,在學習使用墨刀走了一點彎路(比如說不知道可以給控件單獨添加狀态,導緻一開始寫了大量重複的頁面)。
- 在完成過程中,細節的打磨最為耗時,卻也是有趣的過程,更好的感官體驗會對我們的原型更加分,是以這部分開始的預計時間與實際産生較大的誤差
原型位址
https://modao.cc/app/55bccbf1aad34c24ab9419c739d80a81a52adedf?simulator_type=device&sticky
原型介紹
設計風格
- 采用直覺、簡潔的設計風格,不添加多餘的修飾。
- 層次分明,易學易用。
首頁
- 主要由正中央的一條搜尋框,兩個按鈕組成。
- 支援一次輸入多個标題,其間以空格隔開。
- 點選搜尋,即進入“清單“頁面,其中會顯示搜尋結果,支援對清單進行增删改操作。
- 點選”熱詞“按鈕,即進入”熱詞“頁面,能夠看到最近最流行的關鍵詞和這些關鍵詞近幾年來的熱度走向。

清單
- 清單由篩選部分和滾動部分組成。
- 篩選部分支援輸入篩選條件,點選右邊的“篩選”按鈕,即可進行篩選操作,将符合篩選條件的項顯示在滾動視圖中。
- 滾動視圖即顯示論文爬取結果的區域,支援滾動顯示更多論文項。
- 論文項會顯示論文的标題、摘要、關鍵字等資訊。
- 點選論文項右下部分的“删除”按鈕,即可将詞項移除清單;點選“編輯”即可編輯爬取到的資訊。
- 論文項的标題、摘要、關鍵詞中若出現搜尋的關鍵詞,則該關鍵詞會進行高亮顯示。
- 關鍵詞篩選不會被分組,而是按照标題>關鍵詞>摘要的優先級,經排序後顯示在滾動視圖的清單中。
爬取結果清單樣例:
當未查詢到有關内容時,會顯示空清單:
當查詢出現異常時,會顯示異常界面:
熱詞
- 左半區顯示最火熱的top10論文關鍵詞,點選即可快速搜尋,直接進入以該詞作為為關鍵詞的爬取清單頁面。
- 右半區顯示兩幅統計圖。
- 點選“熱度占比”,顯示各大熱詞按百分比劃分的餅圖。
- 點選“增長趨勢”,顯示反映各大熱詞近幾年出現數量變化的折線圖。
困難解決
因為疫情期間,我們第一次結隊作業的交流問題是首要問題,互相之間發消息可能看到會在一段時間之後。雙方空閑時間的不對應,也導緻降低了不少效率,浪費了不少時間。最後,我們一有問題直接開啟騰訊會議進行交流溝通解決。在原型設計技術層面上,我們開始遇到了很多的小問題,關于界面細節上的不同意見,還有整體效果的滿意程度和理想模樣,這個問題隻能折中解決,互相之間交流意見,做出雙方都滿意的原型。
NABCD
- N(Needs,需求):
- 擷取待爬取論文清單及論文資訊爬取。
- 支援使用者輸入單個論文題目,也支援批量導入論文清單。
- 通過論文清單,爬取論文的摘要、關鍵詞、原文連結。
- 可對論文清單進行增删改操作。
- 可對論文清單進行查詢(輸入論文題目,也支援模糊查詢:輸入論文編号、關鍵詞等基本資訊),若在論文清單中不存在所要檢索的論文,則根據輸入的查詢語句到網站爬取并傳回論文的摘要、關鍵詞、原文連結。
- 分析已爬取到的論文資訊,提取top10個熱門領域或熱門研究方向。
- 形成如關鍵詞圖譜之類直覺的檢視方式,點選某個關鍵詞可展現相關的論文。
- 可對多年間、不同頂會的熱詞呈現熱度走勢對比,以動圖的形式呈現(這裡将範疇限定在計算機視覺的三大頂會CVPR、ICCV、ECCV内)。
-
B(Benefit,好處):
這解決了一篇一篇找使用者想要的論文的不友善,提高了查找論文的效率,為大量的使用者節省了時間成本,可以在查找結果中獲得自己想要的論文。
- C(Competitors,競争):
- 免費使用,無任何廣告,不收取任何費用。
- 界面整潔,沒有煩人的廣告和彈窗,可以讓使用者在幹淨的無打擾的頁面學習和閱讀論文。
- 功能強大,可以迅速查找到使用者需要的論文。
- D(Deliver,推廣):
- 可以在朋友圈,QQ空間等地方宣傳,做廣告。做微信公衆号宣傳,給老客戶留下好印象,使使用者口口相傳。
- 在學校中推廣,學生和學者是此軟體使用的主力軍。
- 成立網絡上的店鋪,解決有需求的在網上查詢的用呼。
原型工具的使用
使用墨刀作為原型設計的工具。墨刀是國産原型設計工具,上手容易,協作友善。雖然功能不及Axure等專業軟體強大,但墨刀無須安裝即可在網頁上進行設計工作,能夠節省大量時間,對于此次作業已經足夠。
結對過程
- 組隊較晚,錯過了大量時間。
- 兩人程式設計基礎薄弱,但都現學現用,盡己所能。
一些溝通過程的截圖:
隊友互評
- 張骁對王思皓:技術高超,為人謙虛,樂于助人,願意主動完成工作,遇到困難有方法有辦法,迎難而上,善于組織小團隊裡的分工合作和沖突問題。
- 王思皓對張骁:态度積極,謙虛好學,樂于助人,合作過程很愉快。