AIOPs雲端智慧維運系統 - KYART光沅創意

AIOPs雲端智慧維運系統

本專案建置用於提供系統異常預測與檢測的資訊觀測服務,提供企業或組織的用戶檢測內部自有系統異常需求的解決方案,同時企業可以透過瀏覽器即時觀測自有系統的各種狀況,並透過後端的系統異常預測與檢測服務提早得知系統的異常狀況發生。

Task

系統異常預測與檢測的資訊觀測服務,SVG拓撲圖設計

  • Strategy

    異常預測與檢測、巨量資料介接與處理、動態圖表設計

  • Design

    UI/UX, Vue.js, RWD, Art Direction,拓撲圖, Message Queue,微服務

  • Client

    國立臺灣大學

Open Project
Challenge

資料驅動之異常偵測與預測,SVG拓撲圖設計

本專案建置用於提供系統異常預測與檢測的資訊觀測服務,提供企業或組織的用戶檢測內部自有系統異常需求的解決方案,同時企業可以透過瀏覽器即時觀測自有系統的各種狀況,並透過後端的系統異常預測與檢測服務提早得知系統的異常狀況發生。

KYART開發本案最大的挑戰就是需要創造易讀易操作、高速度顯示異常預測與檢測的資訊與圖表,我們設計系統異常觀測視覺化平台,以既有的資料異常偵測模組作為資料分析基礎,呈現企業或組織自有系統的異常偵測服務控制系統,並且各企業的系統偵測需以各種即時或非同步之視覺統計圖表介面即時呈現或查詢。

另外,我們亦須開發彈性的系統觀測視覺化介面,除了RWD可以顯示於各種終端連網裝置,亦提供企業或組織使用者,依據各自的系統狀況來使用不同的視覺化元件,提供設定動態的版面配置功能。其中編輯系統拓撲圖為最大的挑戰,我們採用SVG的圖像程式碼設計,SVG是可縮放向量圖形(Scalable Vector Graphics),它的檔案非常瘦小且縮放不模糊,在需要隨著裝置大小縮放的RWD響應式設計上,SVG拓撲圖編輯圖台是我們決定採用的設計技術方向。我們控制SVG的XML的格式,透過無數的座標與色彩資訊、直線、圓形,可以呈現出非常豐富的視覺色彩與動態效果,準確呈現資訊架構群各個Pod的分布與關聯,亦可傳遞本身燈號的動畫狀態,視覺化表現預測與檢測的系統資訊觀測。

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