화면 구성 및 공통 기능

ADM이 제공하는 사용자 인터페이스 구성과 공통 기능에 대해서 설명한다.

1. 전체 화면 구성

ADM은 크게 세 개의 영역으로 구분 된다. 상단 영역, 사이드바 메뉴 영역, 메인 영역으로 나뉘며 각각의 특징은 다음과 같다.

1.1. 상단 영역

ADM 상단 영역에는 배너, 리소스 추가 아이콘, 역할 선택 콤보, 로그인 사용자에 대한 정보 그리고 로그아웃 버튼이 위치한다.

ADM 배너: BXCloud Platform ADM(Application Delivery & Management) 배너를 표시한다.
리소스 추가 아이콘: 관리자 권한의 역할을 가진 사용자로 로그인할 경우 활성화 되며, 쿠버네티스 리소스 YAML을 입력하여 즉시 배포할 수 있다.
역할 선택 버튼: 사용자에게 할당된 역할 리스트가 콤보박스로 표시된다. 역할별 사이드바 메뉴를 다르게 설정할 수 있다.
로그인 사용자 정보: 로그인한 사용자에 대한 정보가 출력된다. 사용자의 비밀번호와 알림 설정을 변경할 수 있다.
알림 정보: 알림 아이콘을 클릭하면 시스템에서 발생한 알림 정보를 확인할 수 있다.
로그아웃: 로그아웃 아이콘을 클릭하면 ADM에서 로그아웃된다.

1.2. 사이드바 메뉴 영역

최상단에는 Workspace를 변경할 수 있는 탭이 있다. 그 아래에서 부터, 선택된 역할에서 사용할 수 있는 메뉴가 표시된다. 메뉴의 끝에 ( 008 )아이콘이 있을 경우, 하위 메뉴가 있는 상위 메뉴다. 클릭 시 하위 메뉴가 표시된다. 해당 아이콘이 없는 메뉴는 단일 메뉴이다. 클릭 시 바로 관련 화면이 표시된다.

1.3. 메인 영역

메인 영역은 크게 그리드 타입, 카드 타입, 요약 정보 타입으로 구분된다.

그리드 타입
카드 타입
요약 정보 타입

2. 주요 공통 기능

ADM 제공하는 특징적인 UX 기능에 관해서 설명한다.

2.1. 사이드바 메뉴 접기

해상도가 낮은 모니터를 사용하는 경우 메인 영역의 공간이 부족하여 스크롤 바가 나타나거나 레이블이 겹쳐 보일 수 있다. ADM에서는 사이드바 메뉴를 접을 수 있어 메인 영역의 공간 활용도를 높일 수 있다.

2.1.1. 사용 방법

사이드바 좌측 하단의 ( 013 ) 아이콘을 클릭한다. ( 013 ) 아이콘을 클릭하면 토글 형태로 접히거나 펼쳐진다.

2.1.2. 사이드바 적용/미적용 예시

014 015

2.2. 네임스페이스/프로젝트 필터링

ADM이 관리하는 쿠버네티스 리소스 혹은 애플리케이션은 네임스페이스 또는 프로젝트로 필터링할 수 있다.

2.2.1. 사용 방법

메인 영역의 좌측 상단에 있는 콤보박스를 클릭하여 네임스페이스 또는 프로젝트를 선택한다.

2.2.2. 네임스페이스/프로젝트 필터링 예시

네임스페이스는 쿠버네티스 리소스 중 하나인 Namespace를 의미한다.
프로젝트는 ADM에서 애플리케이션 관리를 위해 쿠버네티스의 네임스페이스를 확장한 개념이다.

쿠버네티스 리소스 중, 네임스페이스를 가지지 않는 리소스들(노드, 이벤트 등등..)은 메인 영역 좌측 상단의 네임스페이스 콤보박스가 없다.

2.3. 멀티 클러스터 운영

ADM은 쿠버네티스 멀티 클러스터를 지원한다. 따라서 클러스터 선택 콤보를 통해서 특정 클러스터를 선택할 수 있다.

2.3.1. 사용 방법

그리드 좌측 상단에 ClusterID 콤보박스를 클릭하여 클러스터를 선택한다. ClusterID 콤보 박스 우측의 검색 기능을 사용하여 이름, 레이블, 네임스페이스 등의 조건으로 리소스를 필터링할 수 있다. Create 버튼을 클릭할 경우, 현재 모니터링 중인 리소스의 템플릿 스크립트 팝업이 보여지며, 이를 수정하여 리소스를 생성한다.

2.3.2. 클러스터 선택 예시

클러스터를 변경하는 경우, 우측 하단에 클러스터 변경 알림이 표시된다.

2.4. 자동 새로고침

쿠버네티스 리소스, 온라인 애플리케이션 등과 같이 실시간으로 정보가 갱신되어야 하는 메뉴에는 자동 새로고침 기능을 제공한다.

2.4.1. 사용 방법

메인 영역 우측 상단의 020 아이콘의 콤보 박스를 클릭해서 시간을 선택하면 자동 새로고침 기능이 동작한다. 또한, 취소를 원하면 콤보 박스의 값을 [반복 없음]으로 선택하면 기능을 중단할 수 있다. 콤보박스 우측의 021 아이콘을 클릭하면 수동으로 새로고침을 할 수 있다.

2.4.2. 자동 새로고침 설정

022

2.4.3. 자동 새로고침 설정해제

023