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 로 접속하여 로그인을 클릭하면 다음과 같은 로그인 창이 나타납니다.

login

1.1. 비밀번호 찾기

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

login lostpassword

1.2. 신규 계정 생성하기

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

login join

1.3. 언어 변경하기

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

login lang

2. 프로젝트 리스트

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

Screenshot 2021 01 08 Cloud Monitoring7

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

Screenshot 2020 12 04 Cloud Monitoring

2.1. 상단바

Screenshot 2021 01 08 Cloud Monitoring1

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. 프로젝트 생성

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

Screenshot 2021 01 08 Cloud Monitoring2

2.1.8. 뷰 변경

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

Screenshot 2021 01 08 Cloud Monitoring6
카드뷰

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

Screenshot 2021 01 08 Cloud Monitoring3
축소 카드뷰

축소된 형태의 카드뷰로 더 많은 프로젝트를 볼 수 있습니다.

Screenshot 2021 01 08 Cloud Monitoring4
리스트뷰

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

Screenshot 2021 01 08 Cloud Monitoring5
[Deprecated] 그룹뷰

그룹에 속한 모든 프로젝트들의 모니터링 위젯을 표현합니다.

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

2.1.9. 즐겨찾기

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

favorite

2.1.10. 검색

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

search

2.1.11. 그룹 멤버

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

2.1.12. 프로젝트 수량

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

3. 프로젝트 그룹 가이드

3.1. 프로젝트

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

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

Screenshot 2021 01 08 Cloud Monitoring2
Figure 1. 프로젝트 생성

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

demo prj
Figure 2. Java Demo 프로젝트

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

Screenshot 2021 01 15 Cloud Monitoring
Figure 3. 하나의 프로젝트

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

dd
Figure 4. 프로젝트 설정
Screenshot 2021 01 15 W JAVA DEMO 5490   Application Monitoring
Figure 5. 프로젝트 관리

3.2. 프로젝트 그룹

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

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

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

3.2.1. 그룹 생성

그룹 생성을 하려면 좌측 상단의 + Group 버튼을 클릭합니다.

Screenshot 2021 01 15 Cloud Monitoring3
Figure 6. 그룹 생성

그룹 명과 설명을 입력하면 그룹이 생성 됩니다.

Screenshot 2021 01 15 Cloud Monitoring4
Figure 7. 그룹 생성

3.2.2. 그룹에 프로젝트 추가

프로젝트를 그룹에 추가하려면 프로젝트 카드뷰 에서 더보기 버튼을 클릭 합니다.

das
Figure 8. 프로젝트 더보기
그룹으로 이동

속한 그룹이 없다면 그룹을 선택 할 수 있습니다.

그룹 삭제

기존에 속한 그룹이 있다면 탈퇴합니다.

3.2.3. 그룹 선택해서 보기

좌측 그룹 네비게이션 메뉴를 통해 그룹 단위로 프로젝트를 볼 수 있습니다.

해당 그룹에 속한 프로젝트만 보기 위해서는 그룹 명 을, 전체 프로젝트를 보기 위해서는 전체 를, 그룹에 속하지 않은 프로젝트는 하단에 따로 표시됩니다.

Screenshot 2021 01 15 Cloud Monitoring2
Figure 9. 그룹 선택

3.2.4. 그룹 사용자 관리

사용자 관리는 그룹 단위로 하는 것이 편합니다.

그룹을 생성한 그룹 오너라면 우측 상단 그룹 사용자를 관리 할 수 있습니다.

Screenshot 2021 01 15 Cloud Monitoring7
Figure 10. 그룹 멤버 관리

3.3. 프로젝트 그룹 권한

각 사용자가 그룹에 속할때는 Owner / Admin / User 중 하나의 권한을 부여 받습니다.

3.3.1. 그룹 User 권한

  • 그룹에 소속된 프로젝트를 열람할 수 있습니다.

  • 그룹에 소속된 프로젝트에서 본인의 알림 수신 설정을 진행할 수 있습니다.

  • 그룹에서 나갈 수 있습니다.

3.3.2. 그룹 Admin 권한

  • 그룹 User 권한을 포함합니다.

  • 에이전트 설정

  • 그룹에 사용자를 추가 할 수 있습니다.

  • 그룹에 소속된 프로젝트의 User, Admin 권한을 가진 유저의 권한을 변경 및 추방할 수 있습니다. ( 자신 포함 )

  • 그룹에 소속된 User, Admin 권한을 가진 유저의 권한을 변경 및 추방할 수 있습니다.

3.3.3. 그룹 Owner 권한

  • 그룹 Admin 권한을 포함합니다.

  • 그룹에 프로젝트를 추가 할 수 있습니다.

  • 그룹에 소속된 다른 유저에게 그룹 Owner 권한을 이양할 수 있습니다.

  • 그룹에 소속된 프로젝트의 모든 빌링 청구가 해당 계정으로 통합됩니다.

  • 그룹에 소속된 모든 프로젝트의 유상 전환을 진행할 수 있습니다.

3.3.4. 그룹 Owner 권한 이양

그룹 Owner 권한은 그룹별로 1개의 계정에만 부여됩니다.
그룹을 생성한 사용자가 최초로 Owner 권한을 가지며, 다른 사용자에게 권한을 이양 할 수도 있습니다.

권한을 이양하는 절차는 다음과 같습니다.

  1. Owner 계정으로 로그인합니다.

  2. 프로젝트 리스트 페이지에서 그룹 Owner 권한을 변경할 그룹을 확인합니다.

  3. 우측 상단에 위치한 [ 그룹 멤버 ] 를 선택합니다.

Screenshot 2021 01 15 Cloud Monitoring7 Ay2Ue9Q
  1. 이양할 계정의 [ 계정 권한 ] 열을 클릭하신 뒤, [ Owner ] 를 선택합니다.

guy
  1. 기존 계정은 변경될 계정의 권한으로 변경되며, 이양받은 계정은 [ Owner ] 계정으로 변경됩니다.

group owner changed

3.3.5. 그룹 삭제

그룹의 Owner 계정으로 로그인 한 뒤, 그룹 삭제 버튼을 통하여 삭제합니다.

Screenshot 2021 01 15 Cloud Monitoring8