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

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

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

ps:第一次加載可能有點慢，直接內嵌了我發佈的Axure的雲端的原型展現頁，原先是把此次原型導出的html部署在了本身的服務器上，可是沒有ssl的公鑰，以前申請的還未審覈經過，沒法經過https訪問，否則能快一點

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

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

<iframe style="border:soild black 2px;width: 840px;height: 865px;" src="https://te8trh.axshare.com/"></iframe>

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那隻會一團糟，（之前有一塊兒寫實踐大做業的同窗會原型設計，早在開工前就給咱們分析了需求，確實開發起來輕鬆很多），相信在此次原型的基礎上，下次做業我和隊友能把此次項目實現好！