道路交通安全講習系統 - KYART光沅創意

道路交通安全講習系統

道路交通安全講習系統是交通部公路局的雲端道安講習平台。我們完成上課民眾端、講習單位端、監理單位端三端系統的前後台建置,並介接第三代公路監理資訊系統,從預約違規講習、申請扣點講習、QR-code 報到、課中簽到、繳費收據到銷案,一站完成;系統測試、資安與教育訓練同步到位,並由中華電信進行雲端部署與交付維運。

Task

為交通部公路局建置適合雲端操作的道路交通安全講習系統平台,串聯民眾、講習單位與監理單位三端,並介接第三代公路監理資訊系統

  • Strategy

    三端一平台、監理系統介接、預約與扣點講習、QR-code報到與課中簽到、雲端高可用架構與資安

  • Design

    System Planning, UI/UX Design, Vue 3, Java, Cloud Architecture

  • Client

    交通部公路局 slp.mvdis.gov.tw

Open Project

道路交通安全講習系統官方網站

https://slp.mvdis.gov.tw/user/

「您可於此平台查詢/預約道安講習課程,報名成功後,會產生 QR-code(可用於數位報到)」

過去,道路交通安全講習由公路局各區監理所自行開班,一般違規、酒駕、再犯等不同班別,上課時間與地點都有限。隨著道路交通管理處罰條例與道安講習相關辦法修正,講習得以委託民間單位辦理,並新增扣抵違規點數的講習,公路局需要一個能整合委外講習單位、監理所站與上課民眾的雲端平台,讓民眾有更多便民的上課時間可選,也讓行政量能真正提升。

這是一個橫跨民眾、講習單位與監理單位三方,還要與第三代公路監理資訊系統即時串接的大型政府系統。我們負責前後台的完整建置:從需求訪談、流程規劃、UI/UX 設計、前後端開發到系統測試、資安與教育訓練,並由中華電信進行雲端環境部署與交付維運,讓全國的道安講習,第一次有了一個共同的線上平台。

 

1、三端一平台:

系統分為上課民眾端、講習單位端與監理單位端。民眾線上預約、查詢與取消報名;講習單位建立班期、管理師資、掃碼報到、登錄繳費與銷案;監理單位審核講習單位、班期與講師資格,並管理帳號、角色權限與使用者軌跡。一般違規、未滿 18 歲無照、初次領照違規、酒駕、酒駕再犯、講習再犯等各類班別,都在同一個平台上開班、審核與上課。

2、介接第三代公路監理資訊系統:

平台與第三代公路監理資訊系統以 API 即時串接:民眾登入時查詢講習資格與講習單,扣點講習同步查詢交通違規點數,完課後再由講習單位或監理單位整批送出銷案。資料不必人工轉登,民眾上完課,違規案件就能銷案。

3、預約違規講習與申請扣點講習:

民眾可用身分證號、居留證號、講習單號或公司統編查詢;查詢結果以左右兩欄呈現,左邊是依期限排序的講習單,右邊是該單可報名的班別,報完一張自動切換下一張,優先單另以標籤區分。違規記點一年內達 6 點以上、未達 12 點者可申請扣點講習;各縣市講習班查詢不需登入,上課地點可直接開啟 Google 導航,報名成功即寄發簡訊與 Email 通知。

4、QR-code 報到、課中簽到與繳費收據:

報名成功後產生具時效的報到 QR-code,可列印或直接以手機出示,講習單位開啟掃描器即可完成報到;為照顧不同年齡的使用者,也保留以身分證現場掃碼報到以及持有講習單報到的方式。課中依課程長度安排簽到稽核,完課後講習單位登錄繳費並套印收據,民眾隨時可查詢銷案狀態,列印上課證明與繳費收據。

5、雲端高可用架構與資安:

前端以Vue 3 + TypeScript 開發單頁應用,後端採 Java 架構並容器化,前後端分離;資料庫為 MySQL 讀寫分離的高可用架構,並以 Git、Jenkins、Nomad 建立持續整合與自動部署,搭配 Prometheus、Grafana 監控。系統部署於雲端,正式環境並設異地備援;開發過程依安全系統發展生命週期執行弱點掃描、源碼檢測與滲透測試,網站並提供小、中、大三種字級切換。

一次講習,

是一次重新認識道路的機會;

把報名、報到到銷案都交給系統,

讓每一位駕駛,更安心地回到路上。

 

道路交通安全講習系統官方網站

https://slp.mvdis.gov.tw/user/

感謝 Connie / Zoe / Bomba / Linda / Yuurin / Teen / Luke,因為有你們,讓全國的道安講習有了同一條安全的線上道路。

The team

Meet our
design team.

Project Management

— 郭光耀 Brad Kuo
專案總監

— Connie Lin
專案營運總監

Art Direction

— Zoe Wang
視覺藝術總監

Creative Design

— Zoe Wang
— Linda Lee

視覺設計

Web Development

— Bomba Tsai
— Linda Lee

前端互動設計師

Vue Development

— Teen Yang
— Yuurin Lee

前端開發工程師

API Development

— Luke
後端技術整合工程師

Let’s talk about your website design

Got a Project?
來聊聊吧!

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

Back