User Interface Guide

제목 : UI Guide
작성자 : WhaTap Support
이메일 : support@whatap.io
날짜 : 2020-02-17
버전 : 1.0.2

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

1. 로그인 화면

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

1.1. 비밀번호 찾기

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

1.2. 신규 계정 생성하기

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

1.3. 언어 변경하기

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

2. 프로젝트 리스트

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

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

2.1. 상단바

2.1.1. 로고

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

2.1.2. Application / Server / Database / Container / URL

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

Application: 어플리케이션 모니터링 프로젝트를 선택하는 메뉴입니다. 각 언어별로 구분된 프로젝트를 선택 할 수 있습니다.
Server: 서버 모니터링 프로젝를 선택하는 메뉴입니다. Projectlist 는 모니터링 권한이 있는 프로젝트 리스트를, Alert Status는 알람발행 이력을 나타냅니다.
Database: DB 모니터링 프로젝트를 선택하는 메뉴입니다. 각 DBMS별로 구분된 프로젝트를 선택 할 수 있습니다.
Container: Kubernetes 환경의 컨테이너와 컨테이너내 애플리케이션을 모니터링 합니다.
URL: URL 모니터링 프로젝트를 선택 할 수 있습니다.

2.1.3. 계정

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

계정수정: 사용자 계정정보를 수정할 수 있습니다.
FAQ: 자주 문의하는 질문들을 확인 할 수 있습니다.
사용자 가이드: 홈페이지에서 제공되는 가이드 문서로 이동합니다.
릴리즈 노트: 제품 릴리즈 이력 문서로 이동합니다.
과금: 결제 정보로 이동합니다. 청구 정보, 지불 현황등을 확인 할 수 있습니다.
로그아웃: 사용자를 로그아웃 합니다.

2.1.4. 언어 선택

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

2.1.5. 실시간 문의

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

2.1.6. 그룹 추가

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

2.1.7. 프로젝트 생성

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

2.1.8. 뷰 변경

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

카드뷰: 카드 형태의 뷰로 프로젝트를 표현 합니다.
축소 카드뷰: 축소된 형태의 카드뷰로 더 많은 프로젝트를 볼 수 있습니다.
리스트뷰: 리스트 형태의 뷰로 프로젝트를 표현 합니다.
[Deprecated] 그룹뷰: 그룹에 속한 모든 프로젝트들의 모니터링 위젯을 표현합니다.

본 기능은 통합 대시보드 기능으로 대체 되었습니다.

2.1.9. 즐겨찾기

즐겨찾기에 추가한 프로젝트만을 보여 줍니다.

2.1.10. 검색

검색창을 통해 프로젝트명을 검색 할 수 있습니다.

2.1.11. 그룹 멤버

모니터링 그룹의 멤버를 관리 할 수 있습니다.

2.1.12. 프로젝트 수량

현재 화면에 나타나는 프로젝트의 수와 유형을 나타냅니다.

3. 프로젝트 그룹 가이드

3.1. 프로젝트

와탭의 모니터링 프로젝트는 모니터링 단위를 의미합니다. 프로젝트 단위로 모니터링 단위가 구분 되어지는것과 더불어 테넌트 권한도 관리 됩니다.

첫 번째, 프로젝트는 그림과 같이 모니터링 요소별로 구분됩니다. 서버, Java, Oracle 과 같이 모니터링 에이전트별 기준을 따릅니다.

Figure 1. 프로젝트 생성

두 번째, 프로젝트는 모니터링 단위에 따라 구분 됩니다. Java 애플리케이션에서도 Front, Gateway, API 와 같이 용도별로 프로젝트를 구분 지을 수 있습니다.

Figure 2. Java Demo 프로젝트

물론, 하나의 프로젝트 내에 용도 구분없이 애플리케이션을 등록 할 수도 있습니다.

Figure 3. 하나의 프로젝트

그리고 각 프로젝트별 카드뷰 에서 톱니바퀴 버튼을 클릭하면 프로젝트를 관리 할 수 있습니다.

Figure 4. 프로젝트 설정

Screenshot 2021 01 15 W JAVA DEMO 5490 Application Monitoring

Figure 5. 프로젝트 관리

3.2. 프로젝트 그룹

프로젝트는 그룹으로 관리 할 수 있습니다. 한 사용자는 여러개의 프로젝트를 소유할 수 있고 다수 프로젝트를 관리 할 때 편의를 위해 그룹 개념을 제공합니다.

프로젝트가 2개 이상만 되어도 각각의 프로젝트 마다 사용자를 추가 하거나 권한을 부여하는 일은 번거로워 집니다. 이 경우 두 프로젝트를 하나의 그룹으로 묶고 그룹으로 사용자를 관리 할 수 있습니다. 그룹은 배타적이므로 하나의 프로젝트는 두개 이상의 그룹에 속할 수 없습니다. 따라서 프로젝트는 그룹에 속하지 않거나 하나의 그룹에만 속할 수있습니다.

프로젝트 사용자는 그룹 사용자를 상속받으므로 그룹에 속한 사용자는 그룹내 모든 프로젝트를 모니터링 할 수 있습니다. 프로젝트에만 권한이 부여된 사용자라면 그룹 여부와 상관 없이 해당 프로젝트만 모니터링 할 수 있습니다.