대시보드 생성 및 활용

Owned by Andrew Kim
Last updated: Aug 23, 2022
4 min read

개요

이 메뉴에서는 장비의 센서 데이터를 사용자가 쉽게 볼 수 있도록 대시보드를 시각적으로 구성한다. 파이 차트, 막대 그래프, 라인그래프 등 다양한 그래픽 요소들을 이용하여 사용자가 원하는 형태로 화면을 구성함으로써 한눈에 필요한 정보를 파악할 수 있게 한다.

주 메뉴에서 버튼으로 대시보드 화면으로 이동할 수 있으며 대시보드의 기능은 크게 다음과 같다.

  1. 를 클릭하여 대시보드 메뉴로 이동한다.

  2. 현재까지 생성된 모든 대시 보드의 리스트를 볼 수 있는 기능이다. 여기에서 특정 대시보드를 선택하여 수정할 수 있다. 화면의 예는 Ulsan Board를 선택한 상태로, 대시보드의 현재 내용을 보여주고 있다.

  3. 는 해당 대시보드에 차트를 추가하는 기능이다. 필요한 종류의 차트를 다양하게 선택하고, 이를 조정할 수 있다.

  4. 는 새롭 게 대시보드를 생성하거나, 생성된 대시보드의 속성을 관리하는 기능을 제공한다.

새로운 대시보드의 생성

  1. 아래 그림처럼 우측 상단의 메뉴를 클릭하고, New board를 클릭하면, 새로운 대시보드를 생성할 수 있는 화면이 열린다.

     

  2. 새로운 대시보드를 생성하는 화면이다. New Chart Panel 을 클릭하면 차트를 추가하는 창이 열린다.

     

  3. 열린 차트 창에서 다음과 같이 a ~ f 순서로 하여 차트를 추가한다.

    1. 차트의 제목을 입력한다. 화면의 예에서는 “인디아 L1 평균온도”라고 입력하였다.

    2. 계층 구조 상에서 추가할 장비를 선택한다.
      이렇게 장비를 선택하면 “selected tags”라는 메뉴에 그 장비가 보유한 태그의 리스트가 모두 출력된다. 예로 India_L1_001을 선택하였다.

    3. 차트의 종류를 선택한다.
      차트에 마우스를 올리면 각 차트들에 대한 설명을 볼 수 있으며, 현재 CEMS에서는 20여 종의 다양한 차트를 제공하고 있고 더 추가될 예정이다. 예에서는 라인 차트를 선택하였다.

    4. Candidate Tags의 태그 리스트 중에서 차트를 그릴 태그를 선택한다.
      이 태그는 여러 개를 동시에 선택할 수 있으며 선택한 태크는 Selected Tags에 나타난다. Selected Tags의 태그를 클릭하면 태그의 선택이 해제된다.

    5. Selected Tags에서 선택된 태그에 대한 통계 타입을 설정한다.
      다음의 여섯가지 통계 타입 중 하나를 선택할 수 있다.

      1. Min : 통계값으로서 최소값

      2. Max : 통계값으로서 최대값

      3. Count: 통계값으로서 레코드 갯수

      4. Sum: 통계값으로서 총합

      5. Average: 통계값으로서 평균값

      6. Raw: 실제 데이터값

    6. 로 차트를 저장하여 새로운 대시보드에 차트를 추가한다.

      아래 그림과 같이 대시보드에 차트가 추가되는데 주의할 것은 대시보드에 차트가 추가되었으나 보드는 아직 생성되지 않았다는 점이다.

       

  4. 차트 생성 후에 상단의 버튼으로 저장하면 아래와 같이 새 대시보드의 이름을 설정하는 창이 뜬다. Board Title에 생성할 대시보드의 이름을 입력하고 버튼을 누르면 라인 차트로 구성된 새로운 대시보드가 생성된다.

     

  5. 대시보드 화면에서 다음과 같이 새로운 차트, 인디아 L1 대시보드가 생성되었음을 확인할 수 있다.

     

화면 구성

대시보드 안에 다수의 차트를 생성하고, 차트들을 드래그 앤 드랍으로 조정하여 사용자의 편의대로 대시보드 화면을 구성할 수 있다.

  1. Home Area
    설정하면 위 그림과 같이 붉은 바탕의 영역으로 홈 화면에서 출력되는 대시보드의 크기를 보여준다. 차트가 이 영역보다 크면 영역의 바깥 부분은 홈 화면에서 보이지 않게 된다.

  2. Grid Line
    그림과 같이 그리드를 표시한다.

  3. 이 부분은 해당 차트의 제목으로, 이 부분을 클릭하여 드래그 앤 드랍으로 해당 차트의 위치를 자유롭게 조정할 수 있다. 사용자는 이를 통해 각 차트의 위치를 변경하여 원하는 위치에 원하는 차트를 배열할 수 있다.

  4. 버튼으로 해당 차트를 전체 화면으로 전환한다.

  5. 차트의 옵션으로 그림과 같은 4가지 기능을 수행할 수 있다.

    1. Download chart data: 해당 차트의 데이터를 다운로드 받는다.

    2. Edit options: 차트를 편집한다. 차트를 미세하게 조정할 때 유용하다.

    3. Refresh chart: 차트를 새로 고쳐 보여준다.

    4. Delete chart: 차트를 삭제한다.

  6. 해당 차트의 오른쪽 아랫자락을 클릭하여 차트의 크기를 조정할 수 있다. 이를 통해 차트의 크기를 줄여 불필요한 노출을 없애거나 대시보드 전체의 배치를 정렬할 때 매우 유용하다.

대시보드의 관리

대시보드 관리창을 통해 생성된 대시보드들을 수정, 삭제 등 관리하는 기능이다.

위 그림에서 을 클릭하고 Manage Board 를 선택하면 다음과 같은 창이 열린다.

  • Home dashboard
    메인 화면인 메뉴에 나타낼 대시보드를 선택하는데, 선택된 대시보드가 로그인 시에 첫화면이 된다.

  • Query Timeout
    차트를 그리기 위하여 데이터를 읽어들이기 위한 대기 시간으로 단위는 밀리세컨드(millisecond, ms)이다. 15000ms 즉 15초가 기본값이며 데이터를 가져올 때 이 대기 시간보다 오래 걸릴 경우, 실패로 처리한다.

  • View in a New Window
    대시보드를 새창에서 열어볼 수 있다.

  • Edit Title
    대시보드의 제목을 수정한다.

  • Delete Dashboard
    대시보드를 삭제한다.