系統界面設計
主要操作步驟
1.可利用時間軸選定欲知的時間、雨量的計算時間範圍
2.主畫面:以縣市為單位,顯示各縣市超過淹水警戒門檻值之行政區(鄉鎮),為概略的區域淹水概況
3.次畫面:以行政區(鄉鎮)為單位,顯示20個模組對於該行政區(鄉鎮)的預測雨量以及投票行為
2.主畫面:以縣市為單位,顯示各縣市超過淹水警戒門檻值之行政區(鄉鎮),為概略的區域淹水概況
3.次畫面:以行政區(鄉鎮)為單位,顯示20個模組對於該行政區(鄉鎮)的預測雨量以及投票行為
主畫面
- 針對不同使用者,提供不同廣度的資料
- 分為縣市規模和鄉鎮規模
*右下方的box可以讓使用者選擇欲知時間,以及雨量計算方法的時間範圍
*此長條圖代表的是各個縣市中「淹水鄉鎮個數/總鄉鎮個數」的數值,於是所有縣市的總長度都正規化為同一長度
*淹水鄉鎮的定義為:20個預測模組中,有10組以上的預測值超過淹水門檻值
*當滑鼠移到某縣市的長條圖上方時,右上方的box會顯示出詳細資訊,包含淹水區域的數值,並列出淹水鄉鎮(行政區)的名字
*當滑鼠移到某縣市的長條圖上方時,除了右上方的資訊box,長條圖本身也會出現格線,將可能淹水的鄉鎮數與該縣市總鄉鎮數的關係,以更直觀的方法呈現
*當拉動時間軸時,可以看出長條圖變動行為,了解淹水範圍隨時間的變化
次畫面
*列是鄉鎮,欄位代表的是各個預測模組,共20欄,也因此可以看出各個模組的預測行為
*顏色代表與淹水警戒值的差距,是一種相對的概念,也因此規避了氣象法無法公佈預測雨量的限制
*當顏色是藍色,代表預測雨量高於警戒值,顏色越深代表與警戒值差距越大,顏色越深藍則淹水可能性越大;顏色是土黃色,代表預測雨量低於警戒值,同樣顏色越趨於深褐色,則代表雨量越低於淹水警戒值。
*當該鄉鎮(行政區)有10組以上的模組預測雨量高於警戒值,則第一欄的鄉鎮名即會反白呈現。
*欄位排序除了用模組為依據,也可以用顏色深淺做格子排序,如此一來票數的對比就會很明顯,考慮可以用按鈕讓使用者選擇排序方法
*顏色代表與淹水警戒值的差距,是一種相對的概念,也因此規避了氣象法無法公佈預測雨量的限制
*當顏色是藍色,代表預測雨量高於警戒值,顏色越深代表與警戒值差距越大,顏色越深藍則淹水可能性越大;顏色是土黃色,代表預測雨量低於警戒值,同樣顏色越趨於深褐色,則代表雨量越低於淹水警戒值。
*當該鄉鎮(行政區)有10組以上的模組預測雨量高於警戒值,則第一欄的鄉鎮名即會反白呈現。
*欄位排序除了用模組為依據,也可以用顏色深淺做格子排序,如此一來票數的對比就會很明顯,考慮可以用按鈕讓使用者選擇排序方法
後續規劃
*選定一標誌性的歷史颱風作為標的,暫不處理real-time資料更新的問題
*使用Processing或Tableau撰寫程式
*資料結構相對簡單且明確
*對於成果審慎但樂觀
*使用Processing或Tableau撰寫程式
*資料結構相對簡單且明確
*對於成果審慎但樂觀
課堂feedback
*主畫面時,各縣市的長條圖總長正規化,可能會錯誤引導,小的縣市會看似淹水區域很大但其實不然,因此可考慮用人口數...等資料作為長條圖總長依據,而不一定要正規化成等長
*次畫面時,就使用者的印象而言,顏色越深會有「越嚴重」的感覺,因此越低於煙水警戒時代表越安全,顏色就應該是越淺而不是越深
*次畫面時,就使用者的印象而言,顏色越深會有「越嚴重」的感覺,因此越低於煙水警戒時代表越安全,顏色就應該是越淺而不是越深