User Interface Guide

제목 : UI Guide
작성자 : WhaTap Support
이메일 : support@whatap.io
날짜 : 2019-07-19
버전 : 1.0.1

설명 : 본 문서는 WhaTap 제품 UI 에 대해 설명합니다.

1. 로그인 화면

http://service.whatap.io 또는 http://www.whatap.io 로 접속하여 로그인을 클릭하면 다음과 같은 로그인 창이 나타납니다.

login

1.1. 비밀번호 찾기

비밀번호를 분실한 경우 비밀번호를 분실하셨습니까? 를 클릭해 등록된 이메일로 비밀번호를 재발급 받을 수 있습니다.

login lostpassword

1.2. 신규 계정 생성하기

계정이 없는 경우 계정 생성하기! 를 클릭해 신규 계정을 생성 할 수 있습니다.

login join

1.3. 언어 변경하기

하단 한국어 (기본값) 라디오버튼을 선택 하면 언어를 변경 할 수 있습니다. 현재 한국어, 영어, 일본어, 중국어가 지원됩니다.

login lang

2. 프로젝트 리스트

로그인하면 모니터링 권한이 있는 모든 프로젝트가 나타납니다.

project list

로그인한 계정으로 모니터링 권한이 있는 프로젝트가 없는 경우 화면 가운데 신규 프로젝트 생성 아이콘이 나타납니다.

project list none

2.1. 상단바

project list top

2.1.1. 로고

어느 화면에서나 상단 좌측 로고를 클릭하면 프로젝트 리스트 화면으로 이동하게 됩니다.

2.1.2. Integrations

Integrations 를 선택하면 사용자 정의 대시보드, 통합 토폴로지를 확인 할 수 있습니다.

Group

모니터링 프로젝트 그룹별로 프로젝트를 나타냅니다. 좌측 그룹명을 선택하여 전환 할 수 있습니다.

Dashboard

사용자정의 대시보드를 구성하거나 구성된 대시보드를 통해 모니터링 할 수 있습니다.

Dashboard V2

향상된 버전의 사용자정의 대시보드를 사용 할 수 있습니다. (권장)

Integrated_Topology

프로젝트간 관계를 토폴로지 맵으로 확인 할 수 있습니다.

2.1.3. Application / Server / Database / Container / URL

모니터링 프로젝트를 선택하는 메뉴 입니다.

Application

어플리케이션 모니터링 프로젝트를 선택하는 메뉴입니다. 각 언어별로 구분된 프로젝트를 선택 할 수 있습니다.

Server

서버 모니터링 프로젝를 선택하는 메뉴입니다. Projectlist 는 모니터링 권한이 있는 프로젝트 리스트를, Alert Status는 알람발행 이력을 나타냅니다.

Database

DB 모니터링 프로젝트를 선택하는 메뉴입니다. 각 DBMS별로 구분된 프로젝트를 선택 할 수 있습니다.

Container

Kubernetes 환경의 컨테이너와 컨테이너내 애플리케이션을 모니터링 합니다.

URL

URL 모니터링 프로젝트를 선택 할 수 있습니다.

2.1.4. 계정

계정을 선택하면 계정에 관한 정보와 가이드 문서를 확인 할 수 있습니다.

계정수정

사용자 계정정보를 수정할 수 있습니다.

FAQ

자주 문의하는 질문들을 확인 할 수 있습니다.

사용자 가이드

홈페이지에서 제공되는 가이드 문서로 이동합니다.

릴리즈 노트

제품 릴리즈 이력 문서로 이동합니다.

과금

결제 정보로 이동합니다. 청구 정보, 지불 현황등을 확인 할 수 있습니다.

로그아웃

사용자를 로그아웃 합니다.

2.1.5. 언어 선택

UI 언어를 선택하는 메뉴입니다. 한국어/영어/중국어/일본어를 지원합니다.

2.1.6. 실시간 문의

클릭하면 Live Chat 으로 이동합니다. 사용 문의 또는 기술지원을 요청 할 수 있습니다.

2.1.7. 그룹 추가

생성한 프로젝트를 그룹지어 관리 할 수 있습니다.

2.1.8. 프로젝트 생성

프로젝트 생성을 선택하면 모니터링 프로젝트를 생성하는 메뉴가 나타납니다.

project create

2.1.9. 뷰 변경

프로젝트 리스트의 뷰는 다음과 같이 변경 가능합니다.

project view
카드뷰

카드 형태의 뷰로 프로젝트를 표현 합니다.

project cardview
리스트뷰

리스트 형태의 뷰로 프로젝트를 표현 합니다.