社區災害資訊管理地圖

一種地理資訊系統（Rutger, 1990）。本系統為架構於網路上的一種地理資 訊系統，並且透過一定的機制免費開放給民眾使用，並透過地圖與視覺化的 效果，使民眾不需經過複雜的訓練或學習過程，即可使用。

本研究所使用之系統開發工具包含：Google Map API、ASP.Net 及 AJAX；

透過這三種工具，以實現WEB 2.0 之應用理念。

Google Map API，這是由 Google 免費提供的網路地圖開發工具，在台灣地 區有提供全台灣的電子地圖以及衛星影像，部分地區為高解析度的航空照片 影像。可使用的地理資訊系統功能除了基本的顯示地圖、放大縮小外，還有

地址定位、距離計算等等，使用者還可以自行增加資料，並可加入照片與說 明文字。他可以顯示的資料包含有點、線、面的資料，還有立體的建物資料。

ASP.Net，這是由微軟公司所提出的一種網路程式開發的一種架構，並提供 免費的開發工具來開發相關應用程式，它提供了各種元件供使用者快速開發 互動式程式，其所需要的程式碼非常的少，可讓開發者專注於設計系統與使 用者之間的互動關係，不需花費太多時間於程式碼的學習與撰寫上。

AJAX，是 Asynchronous JavaScript And XML 的簡寫，它的裡面非常類似 Dynamic HTML，主要的目的在於提高網頁的互動、速度，以及可用性。這 樣的技術被應用於 Google 的網頁之後，如 Gmail、Google Maps、和 Google Suggest 等，才被重視。AJAX 是由許多現有的技術所組成，它的組成技術 有：

（一）XHTML（或者 HTML）加上 CSS 來作為資料的呈現。

（二）利用 DOM 以及 Javascript 來進行存取資料（大多為 XML）的處理。

（三）利用 XMLHttpRequest 物件與遠端的 web server 進行非同步的資料 交換。

本系統應用AJAX 技術提高與使用者之間的互動以及網頁的處理速度。

三、系統架構與功能

本系統主要採取開放式的架構，架設成本低廉，僅需準備網頁伺服器主機與 資料庫，其他地理資訊系統與網頁開發工具皆使用網路上可取得之免費工 具。

使用者登入本系統之後，本系統會依據使用者所發出的指令向資料庫取得相 關資料，再向Google Map 取得圖資資料展示於網頁上，見下圖。

圖一三 系統架構圖

本系統主要功能有：

1. 帳號申請，需填寫個人資料與社區資料。

2. 登入，檢查號密碼給予適當使用權限。

3. 地圖展示，可顯示社區內各災害相關資料。

4. 新增資料，可新增社區內各災害相關資料。

5. 編輯資料，可編輯社區內各災害相關資料。

以下針對資料展示、新增、與編輯作說明。

此外，系統設計三種圖示來代表每一個點資料的狀況，並引入專案管理的概 念，未來計畫與社區災害管理資訊系統作連結，將每一種災害類型視為一個 專案，將其處理程序列入記錄，並尋求出標準處理程序。本系統中的藍色哭 臉圖示表示該位置為剛由民眾發現的新問題，目前尚未有人通報且沒有任何 的處置。橘色微笑圖示表示該位置的問題已經有人通報，且已經列入處理程 序，正在尋求解決辦法中。黃色笑臉圖示表示該位置的問題以獲得良好的處 理。每一個位置的資料，除了利用這三種圖示表示其狀態之外，點選該圖示 並可顯示相關圖片以及文字說明內容。

（一）資料展示

當使用者登入之後，可在主畫面左側顯示登入者之名稱與所屬社區，同時自 動將地圖移至該社區，並顯示該社區所有災害點位資訊，包含了藍色哭臉、

橘色微笑與黃色笑臉，點選圖示並可顯示相關圖片以及文字說明內容。右側 其他社區的下拉選單，可以切換不同的社區，並顯示該社區所有已處理完善 之災害點位資訊，僅包含黃色笑臉的圖示資料，點選圖示可顯示相關圖片以 及處理過程的文字說明內容。上方中間的按鈕則作為新增資料與編輯資料的 功能切換。地圖的右側上方可以切換電子地圖、衛星影像以及衛星地圖三種 顯示方式，左側控制項則為放大縮小的控制項，利用滑鼠拖拉地圖可以移動 地圖。

圖一四 本系統資料展示主畫面

（二）新增資料

進入本功能後，使用者可以針對該所屬社區新增相關災害的資料，左側的地 圖以及藍色哭臉圖示，供使用者定出位置用，使用者可在地圖上直接拖拉藍 色哭臉圖示至問題發生的所在位置上。地圖下方會自動顯示該位置的詳細座 標。右側則提供給使用者新增該位置相關資訊使用，上方地圖名稱為系統自 動帶入該使用者所屬之社區名稱，地點名稱則供使用者填入更詳細的該地點 名稱或位置描述，遭遇問題關鍵字提供使用者利用下拉式選單的項目，選擇 該位置適合的災害類別關鍵字，下方的地點描述供使用者增加該地點的詳細 說明文字，亦可將問題處理過程在此說明，本系統亦提供相片與檔案上傳功 能，使用者可將相關相片與檔案上傳至本系統，讓該地點各種相關資訊與處 理情形能詳實記錄下來。

圖一五 新增資料畫面

（三）編輯資料

此功能是提供給各社區管理者使用，管理者在本功能中可以看到該社區所有 災害位置的資訊，當某個點位位置的處理情況有進度，或是狀況有所改變 時，可以透過本功能進行編修，並可以更改所顯示的圖示。

圖一六 編輯資料畫面 第四節 社區災害管理資訊系統

為將社區防救災處理發揮實際效用，並提供可能發生問題的地區進行防救災

處理之管理建議，透過與DMS（Disaster Management Server）災害管理伺服 器結合，將社區災害標示為哭臉地區，連結至DMS 內單一專案（已先行開 設），即可透過建立災害管理SOP 之方式，將防救災處理的 SOP 公佈於網 路上，讓所有社區民眾可以隨時了解SOP 處理方式，即可大大提高防救災 處理決策支援之效用。

現將DMS（Disaster Management Server）災害管理伺服器之系統建置緣由、

技術說明、系統特點與各項功能概述於後。

壹、系統簡介

DMS（Disaster Management Server）災害管理伺服器，是將災害管理的觀念，

以資訊系SOP 管理角度，落實建置一個便於使用的平台，提供災時任務分

一、個人化電子業務手冊 (SOP)的形式記錄於系統中，藉由 SOP，執行人員可以按部就班的方式，完 成救災整備的工作。

貳、使用技術說明

DMS（Disaster Management Server）災害管理伺服器在建置初期，考量網路 環境後，選擇使用JAVA 之 JSP 進行程式開發，大致原因概述於後。

ASP 則是微軟所開發出來的新一代伺服端網頁語言，全名為『Active Server Pages』，動態伺服器網頁，簡易使用的優點吸引了不少網站建構技術人員 採用，然而功能上過於陽春，只能使用簡單的內建物件，儘管結合了COM 技術得以延伸其功能及架構，然而程式設計的複雜度亦因此而增加，同時再 效能上亦無法令人有滿意的表現。

ASP .NET 是微軟整合了.NET 平台而發展出來的伺服端網頁語言，使用.NET 提供的類別庫與物件導向理論建構伺服端的動態網頁，不僅功能強大，緊密

件上傳下載、防災相關資訊看板功能等。

圖一八 系統首頁 一、系統特點

1. 樹狀結構方式分層

2. 可隨時觀看專案執行狀況 3. 可指派個人任務

4. 主管監看所有部屬的任務執行狀況 5. 任務提醒功能

6. 防災看板

二、系統架構功能說明 (一) 最新消息

1. 顯示該成員（目前登入系統之使用者）之任務狀態 2. 可直接查詢該任務項目

3. 顯示系統公告

圖一九 系統登入後首頁（工具列、防災看板、任務提醒）

(二) 組織管理

1. 建立部門組織與職務組織之關連性

2. 以樹狀結構來呈現部門組織與職務組織之架構 3. 新增、修改、刪除部門組織

4. 新增、修改、刪除各部門組織下之職務

圖二〇 組織管理-首頁

圖二一 組織管理-點選單位後呈現該單位下的職務 (三) 業務管理

1. 建立業務與標準作業程序(SOP)的關係 2. 以樹狀結構來呈現業務與 SOP 之架構

圖二二 業務管理之樹狀結構 3. SOP 步驟

(1) 指派任務執行人員 (2) 任務說明與步驟

(3) 資源與成本 (4) 相關連的任務 (5) 決策資訊 (6) 啟動任務

4. 新增、修改、刪除業務 5. 編輯各業務下之 SOP

圖二三 業務管理-新增 SOP 之各項步驟

(四) 專案管理

1. 建立專案與任務的關係

2. 條列出該專案下任務之執行狀況 3. 查詢該任務之執行步驟情形

圖二四 專案管理 (五) 文件管理

1. 建立目錄與文件之關連性 2. 以樹狀結構來呈現

3. 新增、修改、刪除目錄

4. 新增、修改、刪除各目錄下之文件

圖二五 文件管理（目錄與文件關聯）

(六) 系統管理

控管該系統之使用者及維護防災看板之資訊。

1. 防災看板編輯

(1) 控管是否公開防災看板資訊內容

(2) 在展示燈號上按滑鼠左鍵切換（藍燈-顯示、紅燈-關閉）

圖二六 系統管理-防災看板 2. 用戶管理（系統使用者維護管理）

(1) 新增系統使用者 (2) 修改系統使用者 (3) 刪除系統使用者

圖二七 系統管理-用戶管理

及增加道路面積之建設方式，填土及混凝土結構物，此部分容易造成破壞及 填土坍陷。

3. 社區簡史

於民國57 年，建築師修澤蘭打造了『花園新城』的理想國，是全台第一個 山坡地開發案，歷經絢爛歸於平淡，繼而破落的過程。民國93 年 1 月成立 的『蘭溪人文自然發展協會』，將以來以文化重新凝聚社區感情，大家努力 的要把這座舊城，注入以藝術與生態為內涵的新生命。

(三) 自然環境與交通概況 1. 地形

花園新城位於台北盆地之東南邊緣，介於山麓丘陵地和台北盆地交接地帶，

地勢起伏大，無明顯之山嶺線，區內海拔最高為279.8 公尺，最低為 117.7

地勢起伏大，無明顯之山嶺線，區內海拔最高為279.8 公尺，最低為 117.7