軟件工程實踐2020_結對第一次 —— 某次疫情統計可視化（原型設計）

這個作業屬於哪個課程	<2020春W班 (福州大學)>
這個作業要求在哪里	<作業要求>
結對學號	<221701412、221701420>
這個作業的目標	<某次疫情統計可視化（原型設計）>
作業正文	<作業正文>
其他參考文獻	<Axure中文網教程、人人都是產品經理>

Part.00 疫情統計可視化原型

ps:第一次加載可能有點慢，直接內嵌了我發布的Axure的雲端的原型展示頁，原先是把這次原型導出的html部署在了自己的服務器上，但是沒有ssl的公鑰，之前申請的還未審核通過，無法通過https訪問，不然能快一點

• 或直接下載html文件原型html下載

• 或直接登錄Axure雲端登錄Axure雲端查看原型

Part.01 困難與解決

文字准確、樣式清晰、設計思路清晰、圖文並茂，並描述遇到的困難及解決方法（包括：困難描述、解決嘗試、是否解決、有何收獲），字數在1000字左右。

困難描述

• 1.使用什么原型開發工具

• 2.地圖相關的實現，高亮等的功能效果

• 3.原型需要的交互程度，具體得做到什么程度

• 4.如何在博客中合理的展示原型

解決嘗試

• 1.在最開始選用了墨刀作為本次的原型開發工具，但是墨刀隨然輕量，但是對於事件交互的設計並不是很友好，在覺得要對全部省份進行相應處理，以及做可以篩選深淺省份的功能后放棄使用墨刀，改用Axure，Axure在對交互以及中繼器等元件的使用方面，大大的提高了開發原型的效率。

• 2.找到了阿里雲的接口可以獲取全國各省份的svg，然后部署多個熱區成功實現了全國省份高亮顯示。

  • <地圖接口>
    

• 3.原型講究的是快速完成，以投入開發使用，能恰當的反應需求給開發人員進行開發即可，結果一上頭還是在地圖上做了很高的交互。

• 4.將原型通過內嵌的方式展示在博客中。

是否解決

• 1.解決✔

• 2.解決✔

• 3.解決✔

• 4.解決✔

有何收獲

在每次作業中都是學習新東西的一次經歷，差不多把墨刀和Axure兩種開發原型的工具學會了基本使用，自認為前者更適合輕量一點的快速開發，以后如果遇到較為復雜的項目我還是會毫不猶豫的選擇使用Axure，這次是自己第一次使用原型開發工具，雖然早就接觸到過原型設計（以前有一起寫實踐大作業的同學會原型設計，早在開工前就給我們分析了需求，確實開發起來輕松不少），看到軟工實踐的安排，知道可能下次得實現本次的原型，所以在設計的時候也有一起想着如何實現，阿里雲的地圖接口是個意外收獲，可以直接在開發中拿來使用。

Part.02 NABCD模型描述

NABCD模型使用的詳細說明

N：（Need，需求）

• 據調查顯示，民眾從1月20日起，對疫情的關注程度開始快速升溫，搜索指數大幅攀升。僅在1月21日-24日，通過百度搜索、瀏覽新型冠狀病毒肺炎相關信息日均就超過10億人次，這說明民眾主動獲取信息的意願十分強烈。一般民眾關心疫情的發展狀況，商家需要掌握疫情信息來調整行動的策略。
  以下為需求分析：

基本需求：

• 在全國地圖上使用不同的顏色代表大概確診人數區間

  • 不同的顏色代表大概確診人數區間
  • 鼠標移到某個省份會高亮顯示
  • 顏色的深淺表示疫情的嚴重程度，可以直觀了解高危區域
  • 點擊鼠標會顯示該省具體疫情情況

• 點擊某個省份顯示該省疫情的具體情況

  • 顯示該省份對應的感染患者人數、疑似患者人數、治愈人數、死亡人數
  • 該省份到目前為止的新增確診趨勢、新增疑似趨勢、治愈趨勢和死亡趨勢

• 1.基本疫情信息
  今日的全國的疫情，各省的情況，疑似感染者、感染者增長數量，累計的疫情統計，這些基本信息是用戶比較關注的，將這些信息通過圖表的形式，直接將各地的情況展示在地圖上，將變化趨勢通過統計圖的形式展示，通過這些比較直觀的展示，民眾可以清楚的了解到疫情。

• 2.辟謠欄目
  在現階段有許多關於疫情的謠言在網上肆虐，這些信息給用戶帶來許多的困擾，這些信息摻雜在真正有用的信息里，達到了擾亂視聽的效果，用戶可以在這里看到哪些是謠言，這樣做即達到辟謠的效果，也能吸引用戶。

• 3.防疫欄目
  針對現階段的情況，用戶肯定對於如何防止傳染很關心，所以針對這個需求，可以提供一個防疫小知識的欄目，每日進行的更新，保證信息的新鮮度，吸引用戶的日常訪問。

A：（Approach，做法）

關於疫情數據展示平台，其實各大IT公司已經為我們提供好了藍本。我們希望構建一個可以方便獲取數據的平台，可以直觀的反應本次疫情的變化趨勢，通過地圖的顏色深淺來反應全國各省的疫情嚴重程度，同時提供一些辟謠信息以及疫情相關知識為人門提供一個便捷的web端平台，共同做好疫情的抗擊工作。

在具體開發中使用前后端分離的開發模式，僅通過http接口使用get、post等請求進行交互。

B：（Benefit，好處）

• 1.輕量型的web app不用下載到用戶的手機或者電腦，只需要輸入網址，就可以進行訪問。

• 2.用戶可以在這個web app里面找到關於疫情所有的基本信息，歷史情況，每日的變化，而且通過地圖上的顏色就可以大概的了解到情況，不需要去看文字信息，這對於現在的用戶無疑是十分合適的。

• 3.通過防疫欄目，用戶每天都可以獲得一些防疫的方法。

• 4.辟謠欄目能夠讓用戶識破謠言，省去被謠言困擾。

C：（Competitors，競爭）

• 在這個時期，針對疫情情況的web app不在少數，但是我們設計的web app足夠直觀，通過顏色的深淺可以直接分辨出每個地區的嚴重程度，當用戶有興趣了解比較詳細的情況時，點擊地圖才會顯示詳細信息，用戶不用去篩選信息，先通過簡單的觀察再去選擇想要了解的詳細信息。而且我們整個web app只在一個頁面展示，用戶不用跳轉，在一個頁面就可以找到所需要的信息,對比其他的web app我們的改動，無疑增加了用戶的體驗舒適感。

D：（Delivery，推廣）

• 1.微信推廣，作為2014年最為火爆的社交平台，而且是在移動互聯網上面，所以更加方便推廣，實用效果會讓很多人肯定。

• 2.微博推廣，微博雖然已經有些過時了，但是龐大的粉絲群和轉發的能力還是不容小覷，特別是有忠實粉絲的微博那就更加明顯了。

• 3.QQ推廣，這個我們一開始上互聯網就開始接觸的社交平台，被大家欣然接受而且留戀的交友平台，我們可以在QQ上面按條件添加很多的潛在客戶，所以做這個推廣也是必不可少的。

• 4.利用百度搜索進行Web App推廣，現在百度把一些權重分給了手機網站和Web App，而Web App本身就是一個網站就是一個站點，所以可以進行搜索引擎優化推廣。

Part.03 原型模型設計工具

原型模型必須采用專用的原型模型設計工具實現：如Axure Rp、墨刀、Balsamiq Mockup、Prototype Composer、GUI Design Studio、Adobe設計組件等等。在博文中說明你所采用的原型開發工具

使用原型模型設計工具：Axure RP

Axure RP是一款專業的快速原型設計工具。Axure（發音：Ack-sure），代表美國Axure公司；RP則是Rapid Prototyping（快速原型）的縮寫。Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具，它能快速、高效的創建原型，同時支持多人協作設計和版本控制管理。

Part.04 結對的過程

描述結對的過程，提供兩人在討論、細化和使用專用原型模型工具時的非擺拍結對照片

• 分工計划，兩個人任務的側重點和大致時間安排

• 221701412主要負責進行原型設計

• 221701420主要負責進行需求分析攥寫博客

• 在兩人均完成后交換成果，進行討論一起修改博客和原型

• 老隊友了，一起寫過很多項目了，不需要太多交流，有默契

Part.05 PSP表格

提供此次結對作業的效能分析和PSP

• 效能分析

  程序的效能分析需等具體編碼完成后，才能提供。

• PSP表格

PSP2.1	Personal Software Process Stages	預估耗時（分鍾）	實際耗時（分鍾）
Planning	計划	30	40
Estimate	估計這個任務需要多少時間	30	40
Development	開發	700	930
Analysis	需求分析 (包括學習新技術)	60	80
Design Spec	生成設計文檔	30	40
Design Review	設計復審	40	50
Coding Standard	代碼規范 (為目前的開發制定合適的規范)	20	20
Design	具體設計	100	90
Coding	具體編碼	300	520
Code Review	代碼復審	60	60
Test	測試（自我測試，修改代碼，提交修改）	80	70
Reporting	報告	100	130
Test Report	測試報告	50	60
Size Measurement	計算工作量	30	40
Postmortem & Process Improvement Plan	事后總結, 並提出過程改進計划	20	30
合計		830	1100

part.06 pdf附件

將博客內容生成一份PDF作為隨筆的附件

• 博客PDF下載

part.07 有什么感悟

談談對於這次作業的感悟

在剛開始進行原型設計的時候，由於第一次接觸原型設計工具，用起來很蹩腳，在實現地圖交互時也吐槽了不少，確實量很大，30幾個省設置了上百個熱區響應交互，顏色深淺切換狀態，平均每個省有2個狀態，一度覺得有這時間做原型，我和隊友都可以直接上手初步實現了，當然這樣的想法是不對的-小的項目還好，以后遇到了大型項目如果就直接上手oop那只會一團糟，（以前有一起寫實踐大作業的同學會原型設計，早在開工前就給我們分析了需求，確實開發起來輕松不少），相信在這次原型的基礎上，下次作業我和隊友能把這次項目實現好！