防救災訊息服務平臺 - KYART光沅創意

防救災訊息服務平臺

提供全國各防救災機及公共業發布防救災訊息,提供民眾多元及時、完整及無所不在的服務

Task

提供全國各防救災機及公共業發布防救災訊息,提供民眾多元、及時、完整及無所不在的服務。

  • Strategy

    新系統設計、訊息接收與傳遞、系統效能優化

  • Design

    UI/UX Design, Vue.js, RWD, Art Direction,地理圖台,Leaflet, Message Queue,微服務

  • Client

    內政部消防署

Open Project
Challenge

國家級訊息發布平台、最多元媒體發佈管道、最多機關使用介接多種來源訊息,透過多元媒體發佈管道

當發生天然災害、遭遇劇烈天候、或需警示民眾的事件時,內政部消防署開發的「 訊息服務台 – MSP」系統,提供國家級整合式、多元媒體發布管道,供政府機關發布防救災訊息,發布必要訊息,讓民眾快速取得防救災訊息。

此平台為媒體管道最多、使用機關最多訊息發布平台。訊息服務台 ( MSP ),提供中央與地方機關、公共事業等393機構發布防救災相關訊息,平台持續就訊息發布的廣度,發布管道的多樣性、傳送訊息的及時性,持續擴充與效率提昇,以成為民眾生活訊息服務的重要資訊來源。

KYART參與系統UI/UX設計、重構舊有系統操控的不便與緩慢效能,提案起初,首要就是要以使用者中心設計原則,進行全面性的戰略設計。使用者中心設計是一種專注於使用者需求、感受和行為的設計方法,通過設計師對使用者的觀察、研究、分析和思考,從使用者的角度出發,開發出更簡單、更直觀、更易用的產品。我們必須擁有原有系統操作者的同理心,能夠理解和感受使用者的需求和情感,並將其反映在系統流程設計中。新版設計也將品牌形象融入系統設計中,通過配色、排版、字體、圖片等技巧,創造出一個良好的視覺效果,不僅提升系統與機關形象、亦能改善使用者體驗和網站效能。

系統開發全程採用Azure DevOps,應用自動化測試、敏捷開發、持續整合程式碼與持續部署、即時監控等協作開發,KYART前端技術採用Vue.js框架進行前端邏輯層開發,我們將系統頁面進行結構規劃、內容設計、互動設計、介面設計、資料欄位等流程工作,制作出各個單元資料流分析,將各功能間的流程和API資料關聯進行設計與反覆測試討論,後端團隊依此設計前端需要的API規格,前端同仁以Vue串接API開發整合,系統開發過程中,我們在Gitlab建置程式原始碼版本控管並且整合Fortify資訊安全掃描軟體應用程式,每次程式更版更新皆會進行安全性測試GibLab CI/CD流程掃描,幫助開發和安全團隊在軟體開發早期階段就能發現原始碼的安全性漏洞,確保符合安全並降低開發成本。最後上線前通過層層嚴格的資安檢查、壓力測試與弱點防護,完整的前後台分離開發模式,開發出高性能、高彈性維護的程式應用。

發布系統除了文字影音訊息發布外,最重要的是地理圖資GIS應用,訊息發布過程,需要框定區域,以便透過電信公司發布訊息或者區域媒體業者進行通知,因此需要設計地理圖資GIS應用系統的各種功能,包括地圖繪製、資料查詢、繪製空間分析、地圖編輯等。並根據使用者的需求,客製區域顯示重疊或排除,另外也串接政府公開資訊,收集不同地理圖資,如地址輸入定位、各地電線桿、各縣市路名、里程、行政區、地標、車站、捷運、機場等應用圖資,能幫助各地政府機關能快速定位搜尋與繪製框定訊息發布範圍,KYART從使用者操作角度設計,當進行不同資料的地圖繪製,皆會同步產生繪製的地框定地理位置結果預覽圖,隨見及所得的便利操作,轉換成直觀的資料可視化形式,更直覺更準確的進行訊息發布。

The team

Meet our
design team.

Project Management

— 郭光耀 Brad Kuo
專案總監

— Connie Lin
專案營運總監

Art Direction

— Zoe Wang
視覺藝術總監

Web Development

— Bomba Tsai
— Linda Lee

前端互動設計師

Vue Development

— Teen Yang
— Yuurin Lee

前端開發工程師

Let’s talk about your website design

Got a Project?
來聊聊吧!

我們珍惜認真看待每一次與客戶聯繫的機會,期待為不同客戶演譯夢想,
運用我們美感天賦與實戰經驗,為您服務設計。

Back