災害告警細胞廣播訊息網站 - KYART光沅創意

災害告警細胞廣播訊息網站

災防告警細胞廣播服務(Cell Broadcast Service, CBS)為我國公眾告警系統(Public Warning System, PWS)中利用細胞廣播技術,在短時間內經由電信業者的行動寬頻系統,大量傳送防災警示訊息至告警範圍內民眾的手機。災害告警細胞廣播訊息網站即時呈現告警訊息之詳細資訊及其訊息傳遞效度。

Task

即時通知民眾疏散與掌握資訊,疏散避難及早準備安心未來

  • Strategy

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

  • Design

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

  • Client

    國家災害防救科技中心 cbs.tw

Open Project
Challenge

即時通知民眾疏散與掌握資訊,疏散避難及早準備安心未來

災防告警細胞廣播訊息服務是利用行動通信系統的細胞廣播服務技術(Cell Broadcast Service,CBS),經由電信業者行動寬頻系統,在短時間內以廣播方式傳送告警訊息到特定範圍內的大量手機,手機接收到訊息時會發出特殊聲響與震動,讓民眾能及早掌握災害資訊。

系統以獨立通道傳遞預警訊息,不受網路壅塞影響,短時間內傳送特定範圍大量手機、即時通知民眾疏散與掌握資訊、疏散避難及早準備安心未來。

因此我們需要負責整合發布資訊彙整系統資訊及示警裝置的回傳數據,第一時間必須於網站提供民眾查詢確認告警訊息,另外,系統也需要對於收發的告警訊息進行傳遞效度分析與追蹤,以調整系統效能,精進系統的資料吞吐處理能力。

傳遞的災防告警細胞廣播訊息種類有:

  1. 國家級警報:適用於大範圍、民眾可能立即受到危害的災害。
  2. 緊急警報:適用於民眾可能受到危害的災害。
  3. 警訊通知:適用於可較長時間準備且與民眾生活息息相關之警訊。
  4. 每月測試用訊息:細胞廣播系統測試訊息

現今台灣面臨許多極端氣候異常、地震、土石流、大雷雨、森林火災等頻繁的自然災害,因此,建立一個易用、即時更新且具備互動性的災害預防網站與系統平台,協助國家和民眾更好地預防和應對災害,是一項非常重要的任務。

為了實現這個目標,我們採用了最新的Vue3 TypeScript技術來開發前端,並與後端整合,以便能夠即時快速呈現資訊。我們的後端技術則使用了微服務框架,透過高可用訊息佇列(Message Queue),進行訊息同步、傳遞與發布,讓整體的服務運行可以順暢並且隨時可以水平延展提高服務存取效能與系統優化。

每個告警訊息有其地理區域範圍,告警訊息解析後,系統建立地理圖資圖層資料,即時運算並回傳與發布地理圖資KML,呈現Polygon、Circle、Geocode等區域範圍,後台亦可提供提供圖形介面,讓使者可以在地圖上繪製多邊形、矩形、折線、圓形和標記以進行發布區域的設定。圖台使用開放原始碼地圖控制項程式庫Leaflet (適用於 Web 的輕量型 2D 地圖控制項)建構函式顯示latitude、longitude座標,以及起始繪圖狀態,其中地圖服務並不會在每個新增至地圖的圖形上指定樣式資訊,而是會將樣式與資料分開。 資料會儲存在資料來源中,並連線到呈現圖層。 地圖程式碼會使用後端傳遞的告警資料來源來呈現地理圖資。 如此可提供增強的效能優勢。

此外,我們也將資料設計ATOM feed格式以及push訂閱機制,讓更多單位或民眾都可以透過訂閱功能,自動接收最新的告警相關訊息,即時掌握訊息正確性,提高應對災害的效率。

在災害預防網站與系統平台的開發中,我們不斷優化系統的運行,確保整體服務能夠快速響應,提供準確的訊息。我們也與相關機關合作,建立豐富的資料庫,讓系統能夠提供更多的參考資訊。無論是政府機關、企業還是個人,都可以透過災害預防網站與系統平台,即時獲取最新的災害資訊,提高預防和應對災害的能力,減少人員和財產損失。在未來,我們將繼續優化系統的功能和服務,讓災害預防網站與系統平台成為國家和民眾預防災害的重要工具。

國家災害防救科技中心災害告警細胞廣播訊息網

https://cbs.tw/

The team

Meet our
design team.

Project Management

— 郭光耀 Brad Kuo
專案總監

— Connie Lin
專案營運總監

Art Direction

— Zoe Wang
視覺藝術總監

Web Development

— Bomba Tsai
前端互動設計師

Vue Development

— Teen Yang
— Yuurin Lee

前端開發工程師

Let’s talk about your website design

Got a Project?
來聊聊吧!

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

Back