PRTG 대시보드 컨텐츠 개선(6)-#기본 아이콘의 상태 배열

PRTG 대시보드 컨텐츠 - 기본 아이콘의 상태 정렬의 재배열

PRTG의 대시보드 탬플릿 구성의 그룹, 디바이스, 센서 단위의 기본 아이콘은 최초 PRTG 8 버전부터 변함이 없었습니다.

UI-UX 환경에 따라 디바이스 상태가 자동 반영이 되어, 사용자 모니터의 해상도에 따라 자동 적용됩니다.

 

많은 사용자들이 보다 비주얼하고 시각적인 아이콘의 형태, 때론 운영 장비의 실사 모양의 아이콘 배열을 요청하기도 하지만

Paessler AG는 대시보드를 위한 아이콘 영역은 그간 큰 변화가 없었습니다. 

 

이는 디자인의 저작권의 영향도 있기 때문일 수도 있으며, 사용자의 요구에 맞는 아이콘을 모두 수용할 수는 없는 이유이기도 할 것입니다.

 

아래 이미지는 대시보드 구성 시의 가장 활용도 높은 기본적인,

인포 그래픽 형태의 기본 아이콘A의 상태 변화 타입과 PRTG의 심볼이라 할 수 있는 PRTG 초기 버전부터 사용되는 아이콘의 상태 변화를 알려주는 아이콘 A타입 입니다.

 

#PRTG 대시보드 구성의 기본 아이콘 형태

 운영의 아쉬운 점은, 
- 그룹, 디바이스명 또는 센서의 명칭이 레이아웃에 따라 늘어지는 점. 
- 상태 변화에 따라 가로 배열로 이어지는 [아이콘][알람 카운트]가 이어져나가는 형태.
- HTML 소스 구조 또는 메모를 활용시의 기본 아이콘은 가로보기의 형태로 구조가 틀어지거나, 쳐지는 현상 발생
- 아이콘 크기의 조절에 따라 대시보드 배치의 아쉬운점이 있습니다.

#PRTG 아이콘의 HTML 구조 적용 모습

씨큐앤엠에서는 아이콘의 상태 배치를 새롭게 추가로 재편성하여, 보다 간결하고 틀어짐 없는 아이콘의 형태를 지원합니다.

#PRTG 대시보드 구성의 커스텀 아이콘 형태_기본 아이콘 A, 아이콘 A 타입

#PRTG 대시보드 구성의 커스텀 아이콘 형태_기본 아이콘 A, 아이콘 A 타입_ 개별 센서(미니그래프) 적용 시 모습

 

커스텀 아이콘의 형태는 두가지 형태로 적용되어 있습니다. 
※ 기본 아이콘 A타입
- 우측 알람 카운트 현황과 하단의 그룹/디바이스/센서 정렬
- 알람 현황은 아이콘의 백그라운드 적용

※ 아이콘 A 타입
- 우측 알람 카운트 현황과 하단의 그룹/디바이스/센서 정렬
- 알람 현황의 그룹/디바이스/센서 의 표기

※ note.
커스텀된 아이콘 셋트는 아이콘과 컨텐츠 영역의 Icon Set 9 / Icon Set 10의 그룹으로 추가되어 구성되어 있습니다.
- 아이콘의 권장 해상도는 최소 가로크기 130px | 세로크기 100px 입니다.
- 우측 아이콘의 상태 변화는 1열 : 정상 , 2열 : 다운 | 경고 , 3열 : 일시중지 | 비정상패턴 , 4열 : 비활성화 | 확인 알람 순입니다. 
- 센서 단위의 아이콘은 미니그래프 영역으로 인해 최소 가로크기 110px | 세로크기 160px 를 권장합니다.
- 기본 아이콘 및 커스텀 아이콘의 형태는 다운 상태 시에만 필드 영역(그룹/디바이스/센서명)의 색이 노출됩니다. 

 

[기본 아이콘 배열과 커스텀 아이콘 배열의 비교 현황]

#PRTG 아이콘-기본vs커스텀 비교(상단 기본 아이콘 배열과 하단의 커스텀 아이콘 배열)

#PRTG 아이콘의 HTML 구조 적용의 비교(상단 기본 아이콘 배열과 하단의 커스텀 아이콘 배열)

note. HTML 구조를 활용한다면 다양한 HTML 소스를 활용할 수 있지만,

기본적인 메모를 기입하거나 추가 메세지를 입력할 경우, 상태 아이콘의 쳐짐 없이 활용이 가능합니다.