Dashboard User Guide

제목 : Dashboard User Guide
작성자 : WhaTap Support
이메일 : support@whatap.io
날짜 : 2019-04-06
버전 : 1.0.0

설명 : 본 문서는 WhaTap Dashboard 에 대해 설명합니다.

1. 대시보드 생성

대시보드 생성 방법을 설명합니다.

1.1. 빈 대시보드 생성하기

Create Dashboard 버튼을 클릭합니다.
  1. 대시보드 생성을 위한 템플릿 선택 화면이 확장됩니다.

600
600
탬플릿 모양에 마우스를 올리면 해당 탬플릿의 요약 정보를 확인할 수 있습니다.
200
200
  1. 탬플릿 그리드 정보

  2. (마우스 호버 시) 프로젝트 정보

    • 제품 : 대시보드를 구성하는 제품 종류입니다.(APM, INFRA, DBX)

    • 템플릿 이름 : 대시보드를 구분하는 기본 이름입니다.

    • 프로젝트 수 : 대시보드를 구성하는 기본 프로젝트의 수입니다.

더하기 아이콘(+)을 선택합니다.
create 5
  1. 탬플릿 이름(필수 사항)과 내용(선택 사항)을 입력합니다.

  2. 확인 버튼 클릭 시 대시보드를 생성합니다.

취소, 또는 가위표시(x) 버튼 선택 시 설정 내용을 저장하지 않습니다.

1.2. 탬플릿을 이용하여 대시보드 생성하기

Create Dashboard 버튼을 클릭합니다.
  1. 대시보드 생성을 위한 템플릿 선택 화면이 확장됩니다.

사용할 대시보드 템플릿을 선택합니다. (그리드 모양의 패널)
create 4
탬플릿 모양에 마우스를 올리면 해당 탬플릿의 요약 정보를 확인할 수 있습니다.
  1. 탬플릿 그리드 정보

  2. (마우스 호버 시) 프로젝트 정보

    1) 제품 : 대시보드를 구성하는 제품 종류입니다.(APM, INFRA, DBX)
    2) 템플릿 이름 : 대시보드를 구분하는 이름입니다.
    3) 프로젝트 수 : 대시보드를 구성하는 프로젝트의 수입니다.
탬플릿을 편집합니다.
create 6
  1. 대시보드 이름(필수 사항) : 대시보드를 구분할 이름을 설정합니다.

  2. 대시보드 설명(선택 사항) : 대시보드의 내용을 입력합니다.

  3. 차트 스타일 : 해당 템플릿으로 생성하는 대시보드의 기본 화면 구성입니다.

    • 화면 그리드

    • 차트 유형

  4. 프로젝트 적용(필수 사항) : 대시보드를 구성할 프로젝트를 선택합니다.

    • 선택한 프로젝트 목록을 바탕으로 대시보드를 자동 생성합니다.

create 7
프로젝트명 또는 PCODE를 입력해 프로젝트를 조회할 수 있습니다.

2. 대시보드 화면

대시보드 화면을 설명합니다.

대시보드 화면 기능
  1. 대시보드 이동

  2. 편집 모드 전환

  3. 위젯 추가하기 / 대시보드 저장하기

  4. 테마 변경


기본 템플릿, 흰색 테마
600
대시보드 이동
대시보드 화면 좌측 상단 - 현재 대시보드 이름 클릭 - 대시보드 목록 드롭다운 - 이동할 대시보드 선택
600
편집 모드 전환
100
대시보드 화면 좌측 상단 - 'EDIT' 스위치 버튼 클릭
편집 화면

편집 모드에서 개별 위젯에 대한 상세 설정이 가능합니다.