結對第一次—原型設計

結對第一次—原型設計

原型開發工具

採用的原型開發工具是
Adobe XD CC , Adobe Photoshop CC 2019 , Adobe Lightroom Classic CC前端

NABCD需求分析

1. N(Need,需求)

幫助用戶瞭解頂會論文研究熱點後端

  • 用戶可給定論文列表
  • 經過論文列表,爬取論文的題目、摘要、關鍵詞、原文連接;
  • 可對論文列表進行增刪改操做(今年、近兩年、近三年);
  • 對爬取的信息進行結構化處理,分析top10個熱門領域或熱門研究方向;
  • 可對論文屬性(oral、spotlight、poster)進行篩選及分析;
  • 造成如關鍵詞圖譜之類直觀的查看方式;
  • 可進行論文檢索,當用戶輸入論文編號、題目、關鍵詞等基本信息,分析返回相關的paper、source code、homepage等信息;
  • 可對多年間、不一樣頂會的熱詞呈現熱度走勢對比(這裏將範疇限定在計算機視覺的三大頂會CVPR、ICCV、ECCV內)。
  • 可進行數據統計,例如每一個國家錄用文章的分析、每一個學校錄用文章的分析、哪一個學校哪方面的研究方向比較強等。

先使用MindMaster思惟導圖工具將用戶需求的關係轉化爲圖標,使之更加直觀,便於原型設計的討論
服務器

在通過討論以後咱們一致認爲系統應設計一個簡單的用戶系統便於用戶的使用以及對用戶管理
再使用StarUml工具依據思惟導圖以及討論結果製做出用況圖,明確相關功能職責
微信

2. A(Aprroach,方法)

通過討論後咱們任務設計一個網頁平臺來實現相關功能是一個較爲合理且貼近實際的選擇.理由以下:使用網頁做爲前端有着便於跨平臺的優勢,便於往後開發相應的移動端客戶端.此外網頁端的開發入門門檻不高,便於咱們新手在將來實現時減小工做量框架

平臺後端將自動爬取用戶指定論文列表中論文的論文的題目、摘要、關鍵詞、原文連接等內容。並對爬取數據進行統計分析,生成相關圖表及論文列表並顯示在網頁平臺上便於用戶隨時隨地添加,修改論文列表,查看爬取結果並對結果進行對時間,分類,會議等信息進行篩選,進一步幫助用戶瞭解相關信息。工具

3. B(Benifits,收益)

想必許多學生在寫論文方向都會有必定的困惑,而這個平臺能夠:佈局

  • 幫助大四學生在寫論文時快速瞭解現今熱門研究方向
  • 幫助高三畢業生,大三考研學生在選擇本科/碩士學習方向
  • 以題目、關鍵詞,分類等基本信息進行篩選以幫助用戶快速縮小相關領域論文範圍
  • 減小用戶在搜索論文,人工總結方向時花費的時間
  • 採用網頁做爲前端,便於用戶隨時隨地使用
  • 擁有用戶歷史記錄信息,用戶寫論文每每一段時間內須要對該領域相關知識進行反覆查詢,所以歷史記錄能夠幫助用戶節約重複添加論文列表的時間

4. C(Competition,競爭)

此平臺擁有如下優點post

    1. 頁面簡潔
    1. 操做簡單直觀
    1. 功能較爲完備
    1. 校內還未有成熟的,已被普遍使用的相關在線論文搜索平臺,所以目前競爭還不是很是激烈

但仍存在如下不足:學習

  • 1.統計視圖採用的圖表形式未採用實際數據輸入,可能存在結果不夠直觀的問題
  • 2.數據來源於互聯網,可能存在版權問題
  • 3.未考慮多用戶搜索相同內容或需求內容存在交叉時後臺程序的優化處理

5. D(Delivery,推廣)

首先能夠經過依靠老師向同窗推薦,同窗間口碑在校園中進行宣傳。等到技術成熟後可使用微博,微信公衆號等形式向大衆推廣開發工具

結對過程

看到這次做業後直接先在宿舍內找隊友,恰好以前有過合做,便繼續組隊

結對照片

模型展現

登陸、註冊界面:

用戶能夠在搜索框內填入論文連接或上傳本地論文與論文列表數據 ,點擊提交按鈕將數據提交到服務器交由後臺程序對相關數據進行爬取。

也能夠在首頁點擊右側延展按鈕,彈出登陸、註冊界面。登陸帳號的用戶能夠擁有搜索記錄與瀏覽記錄。未登陸用戶也依然可使用所提供的正常功能。

論文檢索,篩選:

用戶能夠在搜索框內填入論文連接,點擊搜索按鈕進行論文相關數據的爬取。
用戶能夠對不一樣的會議、不一樣的論文類型以及對論文發佈時間作出選擇,以此將搜索到的論文進行篩選,縮小查找範圍。

論文數據:

將爬取到的論文數據經過圖表形式展現出來,包括近期發表量、各個領域的佔比以及不一樣國家的論文數量。

PSP表格

PSP2.1 Personal Software Process Stages 預估耗時(分鐘) 實際耗時(分鐘)
Planning 計劃
- Estimate 估計這個任務須要多少時間
Development 開發
- Analysis 需求分析 (包括學習新技術) 180 210
- Design Spec 生成設計文檔 100 150
- Design Review 設計複審 60 40
- Coding Standard 代碼規範 (爲目前的開發制定合適的規範) 30 20
- Design 具體設計
- Coding 具體編碼
- Code Review 代碼複審
- Test 測試(自我測試,修改代碼,提交修改)
Reporting 報告
- Test Report 測試報告
- Size Measurement 計算工做量
- Postmortem & Process Improvement Plan 過後總結, 並提出過程改進計劃
合計 370 420

總結

在進行設計以前腦子裏空空的,沒有什麼設計思路,感受本身沒什麼設計相關的審美與能力,因而各類搜索網站都逛了一遍。發現別人設計的網站都有不少可取之處,設計的也很美觀,因而就借鑑各個網站的UI設計初步定下了咱們大體設計框架並按照我的審美以及喜愛對佈局進行細化並統一主題配色。又由於是初步接觸原型開發軟件,結對的兩我的都沒什麼經驗,只能先定下初步的原型,而後在後續的文檔編寫過程當中,咱們兩個討論後對一些設計的不理想、不夠人性化的地方進行刪改,並增長了背景圖片,進一步提高了UI設計的簡潔度以及美觀程度。經過此次的結對做業,不只學習到了原型設計方面的知識,同時對於互相協做有了相關經驗,獲益匪淺。

相關文章
相關標籤/搜索