기업

GS네오텍

네이버 CDN 트래픽을 서비스별로 들여다보고 이상을 바로 잡아내도록 다시 만든 관제 화면입니다.

CLIENT: GS네오텍(주)
PERIOD: 2017.01. ~ 2017.03.
TYPE: 시스템 구축 (관리자, DB, 내부시스템)

GS네오텍(주) 화면

OVERVIEW

GS네오텍이 운영하는 CDN 관제 시스템 NEXSTAT의 화면을 다시 설계했습니다. 캐시·스트리밍·다운로드·라이브 등 서비스 종류가 많고 그 아래 도메인이 수십 개씩 달려 있어, 왼쪽에 서비스 트리를 두고 서비스명·서버명으로 검색과 정렬을 걸 수 있게 했습니다. 통계는 기간을 잡아 그래프를 확대해 보고 그 구간 그대로 로그분석을 요청하도록 이어 붙였고, 그래프 위에 마우스를 올리면 날짜·시간·용량이 바로 뜨게 했습니다.

CLIENT GS네오텍(주)
SERVICE 기획, 디자인, 퍼블리싱
TYPE 시스템 구축 (관리자, DB, 내부시스템)
INDUSTRY IT 인프라 (CDN · 트래픽 관제)
DEVICE PC 전용
SCALE main 1 page sub 48 page 자체제작 CMS

GOALS & SOLUTIONS

GOALS

많은 서비스·도메인을 빠르게 찾기
트래픽 추이를 기간별로 확인
이상 구간에서 바로 로그분석 요청
실시간 모니터링 화면 정리

SOLUTION

서비스 트리와 검색·정렬 기능 구성
기간 확대(Zoom) 가능한 통계 그래프
선택 구간 로그분석 요청 팝업 연결
전체 모니터링 화면 재설계

KEY INSIGHTS

관제는 숫자를 보는 일이 아니라 이상한 구간을 찾는 일이므로, 그래프에서 바로 로그분석으로 이어지도록 구성

KEY FEATURES

검색 기능
통계/방문자 분석
관리자 CMS
API/외부 시스템 연동
보안/SSL 적용

MAIN SCREENS

TECH STACK

#Front-end

HTML5
CSS3
JavaScript
jQuery

#Back-end

PHP

#Database

MySQL

#Server · Cloud · DevOps

Apache

#Design

Photoshop
Illustrator