SYSTEM / CASE STUDY ← BACK TO PROJECTS

SYSTEM・System Planning & Development

台北市政府|節能填報系統 |2022

針對既有節能填報系統進行整體優化與重新建置, 從系統規劃、UX/UI、RWD 到前後台系統開發, 整合用電、用油填報、資料查詢、統計報表、 儀表板、SSO、資料轉移及資安機制, 完成新平台建置與既有資料銜接。

System Planning System Optimization UX/UI Design RWD Front-end Back-end Database SSO Data Migration

專案完成後交付客戶自行維護。

台北市政府|節能填報系統

PROJECT OVERVIEW

從既有系統優化到重新建置,
建立完整的節能資料管理平台。

台北市政府節能填報系統為政府機關及學校使用的節能資料管理平台, 主要提供用電、用油資料填報,以及資料查詢、統計與報表等功能。

本案以既有系統優化為起點, 重新整理使用流程、資訊架構及介面, 並從 UX/UI 設計延伸至前後台系統開發, 建立新的節能資料管理平台。

系統整合用電與用油填報、資料查詢、 年度比較、統計報表、儀表板、 SSO 登入及管理後台等功能, 並完成既有資料移轉與新舊系統銜接。

系統完成建置並上線後交付客戶, 後續由客戶自行進行平台營運與管理。

PROJECT CHALLENGE

老舊系統重新建置,
如何兼顧資料、流程與系統整合?

原有系統使用多年,介面與操作方式較為老舊, 資訊分散於不同功能模組, 填報、查詢與管理流程需要重新整理。

節能資料同時涉及機關層級、電號、 用電與用油資料及大量歷史紀錄, 新系統需要重新建立資料與功能之間的關聯。

同時需整合市府 SSO、既有資料轉移、 RWD、網站無障礙及資通安全等需求, 在系統改版過程中完成完整的平台建置。

01 Legacy System

原有系統使用多年,介面與操作流程需要重新整理。

02 Complex Data

用電、用油、電號及歷史資料具有複雜的管理關聯。

03 User Experience

重新建立填報、查詢及管理等核心操作流程。

04 System Integration

整合 SSO、既有資料及不同系統服務。

05 Security & Accessibility

同時納入資安、無障礙及 RWD 等系統要求。

SYSTEM PLANNING & DEVELOPMENT

從使用流程重新規劃,
到前後台系統完整建置。

以既有系統資料與業務流程為基礎, 重新整理 UX/UI、功能架構與資料流程, 並完成前後台程式、資料庫、SSO、 資料轉移及資安與無障礙相關功能。

01

SYSTEM OPTIMIZATION

系統架構與流程優化

重新整理既有系統功能與使用流程, 將填報、查詢、異動、審核、 統計及報表流程重新組織。

02

UX/UI & RWD

介面與響應式設計

重新建立平台版型、資訊層級、 表單及資料介面, 並完成 RWD 響應式設計。

03

ENERGY DATA

用電與用油管理

分別建立用電與用油填報機制, 支援每月填報、歷史資料、 異動申請、查詢及統計。

04

BACK-END MANAGEMENT

管理後台

建立使用者、機關、電號、 電錶、基期年、公告、 資料匯入及申請審核等管理功能。

05

DATA & ANALYTICS

資料整合與統計

整合能源資料與歷史紀錄, 提供年度比較、分類統計、 稽催清單及各類報表。

06

DASHBOARD

能源數據儀表板

透過前十用電成長單位、 前十節電單位及機關與學校用電變化, 呈現能源使用資訊。

07

SSO & DATA MIGRATION

系統整合與資料移轉

串接市府公務人員 SSO, 並完成既有系統資料移轉至新平台, 建立新舊系統資料銜接。

08

SECURITY & ACCESSIBILITY

資安與無障礙

依中級資通安全及網站無障礙規範要求, 建立帳號、權限、稽核與安全控制, 並完成 RWD 與無障礙介面。

SYSTEM FEATURES

從填報、查詢到統計分析,
建立完整節能資料管理系統。

整合用電、用油、資料查詢、 統計報表、儀表板、管理後台、 SSO 與資料轉移等核心功能, 建立完整的節能資料管理流程。

SYSTEM COVERAGE

Electricity → Fuel → Dashboard → Data → Reporting → Management → SSO → Security

01
ELECTRICITY|用電填報

每月用電填報、歷史資料、異動申請、用電查詢、年度比較、EUI、樓地板面積及用電統計。

02
FUEL|用油填報

每月用油、雙燃料車用油、歷史資料、資料查詢、車輛基本資料及統計報表。

03
DASHBOARD|能源儀表板

呈現前十用電成長單位、前十節電單位及機關與學校用電增減等能源資訊。

04
DATA & REPORTING|查詢與報表

依機關、電號、年度、月份及分類進行資料查詢、年度比較、統計及報表輸出。

05
BACK-END|管理後台

使用者、機關、電號、電錶、基期年、公告、資料匯入及填報人員等管理功能。

06
REVIEW & NOTIFICATION|審核與通知

提供申請審核、Email 通知及每月填報稽催等管理功能。

07
SSO & DATA MIGRATION|系統整合

串接市府公務人員 SSO,並完成既有系統資料移轉至新平台。

08
SECURITY & ACCESSIBILITY|資安與無障礙

建立帳號、權限、稽核、操作軌跡及安全控制,並符合 RWD 與網站無障礙規範 2.0 A 等級要求。

PROJECT OUTCOME

從老舊系統改版到新平台建置,
完成節能資料管理系統升級。

重新建立節能填報系統的使用流程、 UI/UX、前後台功能與資料管理架構, 完成用電、用油、查詢、統計、 儀表板及管理後台等核心功能。 同時完成市府 SSO 串接、 既有資料移轉、RWD、無障礙及資安相關需求, 建立完整的新一代節能資料管理平台。 系統完成建置後交付客戶, 由客戶自行進行後續營運與管理。

01 / System Planning |重新規劃系統架構、功能與使用流程 02 / UX/UI Design |重新建立平台介面、資訊層級與操作流程 03 / RWD |完成響應式網頁介面與跨裝置使用設計 04 / Front-end |完成前端介面與互動功能開發 05 / Back-end |完成填報、查詢、審核及管理後台開發 06 / Database |建立節能資料及歷史資料管理機制 07 / SSO & Data Migration |完成市府 SSO 串接與既有資料移轉 08 / Security & Accessibility |納入資安、RWD 與網站無障礙要求
← BACK TO PROJECTS
PROJECT 15 / 15 SYSTEM CASE STUDY