| 這個作業屬於哪個課程 | https://edu.cnblogs.com/campus/fzu/2020SpringW/ |
|---|---|
| 這個作業要求在哪里 | https://edu.cnblogs.com/campus/fzu/2020SpringW/homework/10400 |
| 結對學號 | 221701233、221701234 |
| 這個作業的目標 | 分析需求，設計疫情統計可視化項目原型 |
| 作業正文 | https://www.cnblogs.com/sillyby/p/12368158.html |
| 其他參考文獻 | 《構建之法（第三版）》 |
PSP
| PSP2.1 | Personal Software Process Stages | 預估耗時（分鍾） | 實際耗時（分鍾） |
|---|---|---|---|
| Planning | 計划 | 30 | 45 |
| Estimate | 估計這個任務需要多少時間 | 30 | 45 |
| Development | 開發 | 480 | 550 |
| Analysis | 需求分析 (包括學習新技術) | 120 | 100 |
| Design Spec | 生成設計文檔 | 100 | 90 |
| Design Review | 設計復審 | 60 | 40 |
| Coding Standard | 代碼規范 (為目前的開發制定合適的規范) | 0 | 0 |
| Design | 具體設計 | 200 | 320 |
| Coding | 具體編碼 | 0 | 0 |
| Code Review | 代碼復審 | 0 | 0 |
| Test | 測試（自我測試，修改代碼，提交修改） | 0 | 0 |
| Reporting | 報告 | 80 | 60 |
| Test Report | 測試報告 | 0 | |
| Size Measurement | 計算工作量 | 20 | 20 |
| Postmortem & Process Improvement Plan | 事后總結, 並提出過程改進計划 | 60 | 40 |
| 合計 | 590 | 655 |
項目需求分析
Need 需求
目前新型冠狀病毒肺炎疫情到了非常關鍵的時期，關系到全國上下每個人。公眾對疫情的走向十分關注，迫切需要一個能夠方便及時地獲取最新疫情動態的渠道；而對於領導者而言，信息透明是公眾的“定心丸”，需要一個好的方式將疫情信息透明化。
必要需求
用戶希望可以通過地圖的形式來直觀顯示疫情的大致分布情況，還可以查看具體省份的疫情統計情況。
- 在全國地圖上使用不同的顏色代表大概確診人數區間
- 顏色的深淺表示疫情的嚴重程度，可以直觀了解高危區域；
- 鼠標移到每個省份會高亮顯示；
- 點擊鼠標會顯示該省具體疫情情況
- 點擊某個省份顯示該省疫情的具體情況
- 顯示該省份對應的感染患者人數、疑似患者人數、治愈人數、死亡人數；
- 該省份到目前為止的新增確診趨勢、新增疑似趨勢、治愈趨勢和死亡趨勢
輔助需求
- 可以查看最新的疫情新聞，並可以方便地獲取新聞來源；
- 可以查詢用戶乘坐過的公共交通工具是否存在感染者，
Approach 做法
概述
搭建一個實時顯示疫情數據的web應用，基礎功能包括全國和具體省份的疫情概覽和數據可視化顯示，並提供“疫情新聞”，“同程查詢”、“謠言鑒別”等額外功能入口。
功能划分
| 基礎功能 | |
|---|---|
| 全國疫情數據可視化 | 1、直接用數字儀表顯示現有確診、累計確診、治愈、死亡等不同群體人數 2、全國地圖上使用不同的顏色划分省，並提供圖例，不同顏色代表不同的確診人數區間，直觀了解高危區域，用戶焦點位於某個省時該省會高亮顯示，單擊某省份可查看該省的詳細疫情。 3、提供現有確診、累計確診、治愈/死亡人數的趨勢圖，直觀反映疫情大致走向。 |
| 各省疫情數據可視化 | 1、數字儀表顯示現有確診、累計確診、治愈、死亡人數 2、提供現有確診、累計確診、治愈/死亡人數的趨勢圖 3、詳細列出該省所有城市的疫情數據，有序排列 |
| 外圍功能 | |
| 疫情新聞瀏覽 | 列出與疫情有關的最新新聞概覽，由近至遠按日期份塊，並提供新聞詳情鏈接 |
| 同程查詢 | 查看指定班次是否存在感染者，支持飛機、列車、公交、出租、輪渡等交通方式的查詢，可按照班次/車牌、目的地、時間過濾查詢 |
| 謠言鑒別 | 收集網絡流傳的謠言，並逐個給出鑒別結果 |
Benifit 好處
-
易於訪問。web應用的一大優點，用戶只需要有瀏覽器即可，不需要再安裝其他軟件。
-
數據直觀易懂。采用豐富的圖形圖表將抽象數據可視化，讓普通用戶也能容易理解數據並提取有用的信息。
-
實時更新。每次訪問，保證用戶得到的是最新的疫情數據，同時能夠及時獲取相關資訊，跟進疫情動態。
-
不僅僅是數據可視化。除了疫情數據可視化這一核心功能，還提供了和疫情有關的額外功能，能讓用戶能夠更加全面地了解疫情。
Competitors 競爭
優勢
- 友好的用戶交互界面，內容簡潔；
- 清晰的數據儀表板和良好的可視化效果，疫情信息直觀易懂；
- 集合多項功能，解決用戶多種需求；
- 利用web應用的易變性，可根據需求變化及時調整業務。比如至截稿，全國疫情已得到有效控制，而國際疫情則日漸嚴重，用戶可能將疫情關注的焦點轉移到國際范圍，這時就可能需要添加國際疫情動態的可視化功能；
劣勢
- 自疫情擴散以來，市面上類似的產品已經有很多，如百度、丁香醫生都推出了優秀的疫情動態數據可視化的網頁，功能也相當完善，廣為人知，若想與之同台競爭壓力很大；
- 我們屬於剛剛開始分析並准備開發該產品，無論是開發時在人員的技術水平和時間資源方面，還是在產品的交互流暢度和信息豐富度上與已知競品都會有較大差距；
- 從本班級范圍來說，其他同學的作品也算是我們的競爭對象，更高水平的結對編程小組能實現我們難以實現或者意想不到的，能讓用戶驚喜的功能。
Delivery 推廣
- 可通過校園平台和社交軟件進行推廣
項目原型概覽
使用的原型設計工具：墨刀
疫情地圖
疫情新聞
同程查詢
謠言鑒別
原型傳送門：https://free.modao.cc/app/60d312a367ee10f044e6fdfe526587e007c5ed44?simulator_type=device&sticky
遇到的問題和解決方案
技術問題
-
原型設計和實際開發的邊界
-
問題描述：在嘗試實現地圖高亮需求時，我們發現原型設計工具功能十分有限，想要在這一階段完全展現地圖高亮，我們首先提出了兩種方法：
1、分省拼接地圖，逐個導入設計原型並添加高亮事件；
2、運用echarts生成地圖，內聯到設計原型。
然而二者都較為繁瑣，似乎都不是最好的解決辦法，我們在思考過程中同時提出了一個本質問題——原型設計究竟應該做些什么？
-
解決方案：
經過討論和瀏覽了一些原型設計案例，我們得出一個初步結論：原型設計的目標是以較簡單靈活的方式快速驗證用戶需求和統一開發目標。假如采用上述任一方法，內聯到設計原型中，如果用戶在看完原型后提出了比較重大的需求變更，我們甚至需要去維護地圖的代碼或者重修大量的地圖碎片，失去了原型設計的靈活性。
最終我們采用的方法是：以一個省的高亮效果為需求示例向用戶展示，並說明在后續開發中該效果將運用到所有省。這樣一來，用戶也能理解我們的思路，變更原型的代價也大大減少。
-
協作問題
-
工作成果如何整合
幸運的是，墨刀提供了團隊合作的解決方案，我們可以同時在一個設計原型上進行設計，並實時反饋給對方。通過釘釘的視頻會議和共享桌面也能很好地解決遠程協作的問題。
結對過程
視頻討論
原稿設計（部分）
個人總結
第一次參與結對作業，這可以算是一種全新的編程體驗了，互相交流的過程中，我們規避了很多以往單人作業時會犯的低級錯誤，也能及時淘汰一些不好的idea，還能相互學習對方的優點，有效地推進工作。
但是在如何與同伴進行有效溝通方面我還是做的不夠，討論的時候雙方常常陷入尷尬的沉默中，有時候還會出現一個人口若懸河，另一個人一臉懵逼的情況，成為了結對作業的一大阻力。
同時，這次作業還讓我接觸到了原型設計，我才知道設計不僅僅只是在紙上寫寫畫畫，還能夠通過設計原型將idea更加生動地展現出來，原型設計不僅是一個設計工具，也是一個優秀的交流工具。