天天看點

結隊作業一

結對作業一

這個作業屬于哪個課程
結對學号 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等專業軟體強大,但墨刀無須安裝即可在網頁上進行設計工作,能夠節省大量時間,對于此次作業已經足夠。

結對過程

  • 組隊較晚,錯過了大量時間。
  • 兩人程式設計基礎薄弱,但都現學現用,盡己所能。

一些溝通過程的截圖:

結隊作業一
結隊作業一

隊友互評

  • 張骁對王思皓:技術高超,為人謙虛,樂于助人,願意主動完成工作,遇到困難有方法有辦法,迎難而上,善于組織小團隊裡的分工合作和沖突問題。
  • 王思皓對張骁:态度積極,謙虛好學,樂于助人,合作過程很愉快。
上一篇: 結對作業一
下一篇: 結對作業二