Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

...

화면설명

...

그리기

노드를 그리는 방법을 안내합니다.

  1. 감지된 호스트 목록 혹은 기본 목록에서 오른쪽의 캔버스에 드래그앤드롭합니다.

...

  1. Image Added
  2. 드래그앤드롭 후 노드가 캔버스에 정상적으로 그려지면 노드가 포커싱됩니다.

...

이동하기

  1. 이동하고자하는 노드 위에 마우스 커서를 올립니다.

...

  1. Image Added
  2. 대상 노드를 원하는 위치에 드래그앤드롭합니다.

...

  1. Image Added
  2. 대상 노드는 포커스 상태입니다.

...

  1. Image Added

연결선 그리기

연결선은 노드(혹은 그룹)간 최단거리를 자동 계산하여 그려집니다.

노드 연결선 그리기

  1. 대상 노드의 중앙에 마우스를 올리면 커서가 포인터으로 바뀝니다.

...

  1. Image Added

  2. 커서가 바뀐 상태에서 연결하고자 하는 노드에 드래그앤드롭 합니다.

...

  1. Image Added

...

  1. 정상 처리될 경우 연결선이 나타납니다.

...

  1. Image Added

그룹 연결선 그리기

...

  1. 그룹 제목 부분의 정중앙에 마우스를 올리면 커서가 포인터로 바뀝니다.

...

  1. Image Added
  2. 커서가 바뀐 상태에서 연결하고자 하는 노드에 드래그앤드롭합니다.

...

  1. Image Added
  2. 정상처리될 경우 연결선이 나타납니다.

...

연결선 이동하기

  1. 커서가 바뀌면 연결선을 이동할 수 있습니다.

...

  1. Image Added

  2. 원하는 위치에 연결선을 드래그앤드롭합니다.

...

  1. Image Added

  2. 드래그앤드롭 후 변형된 연결선 확인

...

  1. Image Added

연결선 변형하기

  1. 연결선에 있는 연결선 핸들러(초록색점) 위에 마우스를 올리면 커서가 바뀝니다.

...

  1. Image Added
  2. 원하는 위치에 연결선 핸들러를 드래그앤드롭합니다.

...

  1. Image Added
  2. 변형된 연결선을 확인할 수 있습니다.

...

그룹

연결선을 제외한 2개 이상 노드 혹은 그룹을 선택하여 하나의 그룹으로 만듭니다.

그룹 생성하기

  1. 대상 선택하기

...

  1. Image Added

  2. 기능바에서 그룹 버튼 클릭

...

  1. Image Added

  2. 그룹 생성후 그룹 확인

...

  1. Image Added

그룹 해제하기

  1. 그룹 해제할 그룹을 선택하여 기능바에서 그룹 해제 버튼을 클릭합니다.

...

  1. Image Added
  2. 그룹 해제 후 노드와 연결선 확인

...

오려내기(Cut)

대상을 캔버스에서 삭제하고 대상의 정보를 캔버스 내 클립보드에 저장합니다.

Note
  1. 연결선과 노드를 동시에 오려내기하더라도 붙여넣기시 연결선은 제외됩니다.

  2. 캔버스 내 클립보드는 컴퓨터의 클립보드와 다른 저장소입니다. 해당 페이지에서 이탈하면 캔버스의 클립보드도 비워지니 참고하여야합니다.

  1. 대상을 클릭하고 기능바에서 오려내기(Cut) 버튼을 클릭합니다.

...

  1. Image Added
  2. 오려내기한 대상은 캔버스에서 제거되고 캔버스 내 클립보드로 저장됩니다.

...

복사하기(Copy)

대상을 캔버스에서 유지시키고, 대상의 정보를 캔버스 내 클립보드에 저장합니다.

Note
  1. 연결선과 노드를 동시에 복사하더라도 붙여넣기시 연결선은 제외됩니다.

  2. 캔버스 내 클립보드는 컴퓨터의 클립보드와 다른 저장소입니다. 해당 페이지에서 이탈하면 캔버스의 클립보드도 비워지니 참고하여야합니다.

  1. 대상을 클릭하고 기능바에서 복사하기(Copy) 버튼을 클릭합니다. 대상은 클립보드에 복사되어 저장됩니다.

...

  1. Image Added

붙여넣기(Paste)

클립보드를 통한 붙여넣기

오려내기, 복사하기를 통해 클립보드에 저장중인 데이터를 캔버스에 그립니다.

...

대상을 드래그하여 복사&붙여넣기

대상을 CTRL을 누른 채 드래그앤드롭하면 복사&붙여넣기가 실행됩니다.

...

화면 확대(Zoom in)

네비게이터를 이용한 화면 확대

  1. 네비게이터의 파란색 영억의 점부분에 마우스를 올리면 커서가 크기조절로 바뀝니다.

  2. 이 상태에서 마우스를 드래그하여 파란색 영역을 축소합니다.

...

  1. Image Added
  2. 화면이 확대되고, 네비게이션의 파란색 영역은 다시 뷰포트의 넓이만큼 설정됩니다.

    Image Modified

툴바를 이용한 화면 확대

  1. 화면 확대(Zoom in)버튼을 클릭하면

...

  1. 일정 크기만큼 화면이 확대됩니다.

...

  1. Image Added

화면 축소(Zoom out)

네비게이터를 이용한 화면 축소

네이게이터의 파란 영역의 크기를 늘리면 뷰포트가 확장되어 캔버스를 넓게 볼 수 있습니다.

  1. 네비게이터의 파란색 영억의 점부분에 마우스를 올리면 커서가 크기조절로 바뀝니다.

  2. 이 상태에서 마우스를 드래그하여 파란색 영역을 확대합니다.

    Image Modified

  3. 화면이 축소되고, 네비게이션의 파란색 영역은 다시 뷰포트의 넓이만큼 설정됩니다.

    Image Modified

툴바를 이용한 화면 축소

  1. 화면 축소(Zoom out)버튼을 클릭하면 일정크기만큼 화면이 축소됩니다.

...

화면 맞춤(Fit screen)

모든 노드들을 한 화면에 볼 수 있습니다.

  1. 화면 맞춤(Fit) 버튼을 클릭하면 모든 노드를 한 화면에 볼 수 있습니다.

...

  1. Image Added

화면 이동

네비게이터를 이용한 화면 이동

...

마우스를 이용한 화면 이동(우클릭 드래그)

...

  • 메뉴바의 Import 버튼을 클릭하면 Import Topology 팝업이 실행됩니다.

    Image Added

...

  • Export 된 XML 파일을 Drag & Drop 합니다.

...

  • 아래와 같이 성공 메시지와 함께 Topology가 화면에 Import 된 것을 확인 할 수 있습니다.

...

  • Image Added

Topology 저장

Topology 맵을 수정하거나 Cell의 Properties 변경 사항을 로컬DB(ETCD)에 저장 할 수 있습니다.

Note

저장 기능은 해당 Organization의 EDITOR 권한 이상의 사용자만 사용할 수 있습니다.

...

Topology Temperature Preferences

Note

다음 기능은 해당 Organization의 EDITOR 권한 이상의 사용자만 사용할 수 있습니다.

...

.

...

  • 메뉴바의 Preferences 아이콘 버튼을 클릭하면 Temperature Preferences 팝업이 나타납니다.

...

  • 설정한 대상 및 기준 값으로 화면에 온도 상태가 표시됩니다.

...

  • 신호등 모양의 상태 표시 중 첫 번째가 서버의 온도 상태입니다.

...

  • MouseOver시 ToolTip으로 온도 값을 확인할 수 있습니다.

...

  • 설정한 설정 내용을 저장하려면 Topology의 Save 버튼을 클릭해야 합니다.

노드의 표시

(warning) Warning

감지된 호스트 목록에는 없지만, 캔버스에 감지된 호스트 목록으로부터 그려진 노드가 있을 경우 해당 노드에 (warning)이 표시됩니다.

...

이 단락에서는 감지된 호스트 목록으로부터 그려진 노드를 기준으로 합니다.

  1. 대상을 클릭하면 수정이 가능한 속성이 표시됩니다.

  2. Image Modified

    Link에 주소를 입력하면 해당 링크로 이동(새 창 열기)할 수 있는 아이콘이 나타납니다.

    Image Modified

IPMI(Intelligent Platform Management Interface)

...

Status
colourBlue
title참고
장비 모델이 따라 UI나 설정 방법이 달라질 수 있으니, 아래와 같이 설정을 찾아서 enable해야 합니다.

...

IPMI Properties 입력 항목

Name

Comment

USING MINION      

SaltStack REST API Target Minion

IPMI HOST

IPMI의 Host IP

IPMI USER

IPMI의 Username

IPMI PASS

IPMI의 Password

...


IPMI 상태에 따른 아이콘 (해당 아이콘은 IPMI HOST를 입력해야 화면에 나타납니다.)

Image Modified

입력한 IPMI 정보가 잘 못 되었거나 IPMI 정보를 모두 입력하지 않은 경우 해당 아이콘 색상으로 화면에 표시됩니다.

Image Modified

해당 서버가 off 상태일 경우 해당 아이콘이 화면에 표시됩니다.

Image Modified

해당 서버가 on 상태일 경우 해당 아이콘이 화면에 표시됩니다.

IPMI 정보 입력후 새로고침 버튼 클릭

IPMI Sensor Data 확인

...

  • IPMI 상태가 off 인 경우

...

Cell Status TRUE(From Agent / From IPMI / FALSE)

  • 선택한 Cell의 CPU, Memory, Disk 상태를 Properties의 name 기준으로 Cell 하단에 그림과 같이 표시해 줍니다.

...

  • Status가 TRUE인 경우

...

...

  • Status가 From Agent인 경우

...

Agent를 통해 수집한 데이터로 CPU, Memory, Disk 상태를 표시합니다.

  • Status가 From IPMI인 경우

...

Collector Server에서 수집한 IPMI 데이터로  CPU, Memory 상태를 표시합니다.

  • Status가 FALSE인 경우

...

...

CPU, Memory, Disk 상태를 표시하지 않습니다.

IPMI 데이터 활용 시각화 표현

  • 각 Server 노드의 Agent에서 수집한 데이터만 시각화하여 표현 했던 방식에서 추가로 CMP Collector Server에서 수집한 IPMI Data를 시각화하여 볼 수 있도록 기능 추가

...

Cell Icon 변경

선택한 Cell의 Properties의 Icon을 선택하여 Cell의 Icon 이미지를 변경할 수 있습니다.

  • Icon을 변경할 Cell을 선택하고 Properties의 Icon을 선택 변경합니다.

...

  • 아래와 같이 선택된 속성의 이미지로 Icon이 변경된 것을 확인 할 수 있습니다.

...