6.3. Dashboard UI
데이터 허브의 계정으로 로그인하여 대시보드 서비스를 이용하실 수 있습니다.
대시보드 서비스는 아래 기능들을 제공합니다.
6.3.1. 대시보드
메인 로고를 클릭하여 대시보드 화면으로 이동할 수 있습니다.
대시보드는 위젯의 집합으로, 원하는 위젯을 추가하고 커스터마이징하여 대시보드를 구성할 수 있습니다.
6.3.1.1. 위젯 종류
대시보드에서 제공하는 위젯 종류(차트 유형)는 아래와 같습니다.
- Doughnut
- Bar
- Pie
- Line
- Text
- Boolean
6.3.1.2. 위젯 추가
- 대시보드 화면에서 위젯 추가 버튼을 클릭합니다.
- 위젯 설정 팝업에서 추가하고자 하는 차트 유형을 선택합니다.
선택한 차트 유형에 따른 필수 항목과 차트의 도식화를 위한 값을 입력하고 설정 정보를 저장합니다.
- 입력 정보
- 갱신주기(초): 비갱신(0)/갱신(ms)를 입력합니다. (예: 0은 갱신하지 않음, 10은 10초)
- 실시간 갱신: 실시간 갱신 여부(예/아니오)를 선택합니다.
- 입력 정보
저장된 위젯은 각 설정 정보에 따라 실시간 갱신/비갱신/주기적 갱신으로 대시보드 화면에 노출됩니다.
6.3.1.3. 위젯 수정 및 삭제
- 각 위젯의 우측 상단 회색 버튼을 더블클릭하여 위젯 설정 팝업을 활성화합니다.
- 설정정보를 수정하고 저장 버튼을 클릭하여 수정을 완료할 수 있으며, 삭제 버튼을 클릭하여 위젯을 삭제할 수 있습니다.
6.3.1.4. 위젯 레이아웃 저장
- 위젯의 우측 하단을 통해 위젯의 크기를 조정할 수 있으며, 우측 상단 드래그 앤 드롭으로 위젯 위치를 조정할 수 있습니다.
- 우측 레이아웃 저장 버튼을 클릭하여 변경된 레이아웃이 저장됩니다. 재로그인, 새로고침 시 저장된 레이아웃 및 설정정보에 따른 대시보드 화면이 노출됩니다.
6.3.2. 데이터 검색
데이터 검색 메뉴를 클릭하여 데이터 모델 검색 및 필터링을 할 수 있습니다.
6.3.2.1. 데이터 모델 검색
- 화면 상단에서 조회하고자 하는 데이터 모델을 선택합니다.
- 검색하고자 하는 키워드가 있는 경우 값을 입력하여 데이터를 검색할 수 있습니다.
- 상세 검색 조건 버튼을 클릭하여 선택한 데이터 모델에 따른 프로퍼티별 상세 검색 조건을 지정할 수 있습니다.
- 검색 버튼을 클릭하면 설정한 검색 조건에 따라 데이터를 검색합니다.
- 선택한 데이터 모델, 상세 검색 조건에 대한 Entity 별 최종 데이터가 리스트 형태로 조회됩니다.
6.3.2.2. 검색 조건 설정
데이터 검색 화면의 상세 검색 조건 버튼을 클릭하면 검색 조건 설정 팝업이 활성화됩니다.
💡 데이터 모델을 반드시 선택해야 검색 조건 설정 팝업을 활성화 할 수 있습니다.
- 이전 화면에서 선택한 데이터 모델이 상단에 표시됩니다.
- 좌측 화면에 데이터 모델의 프로퍼티 목록이 노출됩니다. 프로퍼티 별로 검색 조건을 설정할 수 있으며, 검색 조건이 설정된 프로퍼티는 체크 표시됩니다.
- 좌측에서 프로퍼티를 클릭하여 우측 프로퍼티 검색 조건 설정 화면을 활성화 할 수 있습니다.
- 선택한 프로퍼티의 ID가 자동 설정됩니다.
- 추가 버튼을 클릭하여 검색 조건을 추가할 수 있으며, 프로퍼티 타입에 따른 검색 값을 설정할 수 있습니다.
- 조건 저장 버튼을 클릭하여 프로퍼티 검색 조건을 저장할 수 있습니다.
- 전체 초기화 버튼을 클릭하여 전체 설정 값을 초기화 할 수 있습니다.
- 저장 버튼을 클릭하면 전체 설정 값을 저장되며 팝업창이 사라집니다.
6.3.2.3. Entity 상세/이력 조회
리스트에서 상세데이터를 조회하고자 하는 특정 row를 클릭하면 팝업 버튼이 활성화 됩니다.
Entity 상세 조회
상세 조회한 엔티티 최종 값에 대한 결과를 Model Attribute 상세 팝업 화면을 통해 Json 형태로 확인할 수 있습니다.
Entity 이력 조회
이력 조회한 엔티티 최종 값에 대한 결과를 이력 그리드에서 리스트 형태로 확인할 수 있습니다.
6.3.3. 지도 기반 검색(최종)
지도 기반 검색(최종) 메뉴를 클릭하여 실시간으로 최근 데이터를 지도를 통해 확인할 수 있습니다.
6.3.3.1. 지도 기반 검색
- 검색 데이터모델 추가 버튼을 클릭하여 데이터 모델을 선택하고, 검색 조건을 설정합니다.
- 추가한 데이터 모델 조건들은 좌측 상단에 라벨로 표시됩니다.
- 검색 버튼을 클릭하면 검색 조건으로 추가한 데이터 모델과 동일 색상으로 조회된 지도 기반 위치 데이터를 하단 화면에서 확인할 수 있습니다.
- 검색 결과에 따라 우측 그리드 형태로 엔티티ID 리스트가 표시됩니다.
- 우측 엔티티ID 그리드에서 선택한 엔티티의 위치가 지도 가운데 위치하여 표시됩니다.
6.3.3.2. 검색 조건 설정
검색 데이터모델 추가 버튼을 클릭하면 검색 조건 설정 팝업이 활성화됩니다.
화면 상단에서 조회하고자 하는 데이터 모델을 선택합니다. 검색하고자 하는 키워드가 있는 경우 체크 박스를 선택한 후 값을 입력합니다.
상세 검색 탭을 클릭하여 상단에서 선택한 데이터 모델의 프로퍼티 별 검색 옵션을 설정할 수 있습니다. 사용방법은 [6.3.2.2 검색 조건 설정]과 동일합니다.
또한, 지도 중앙 상단의 사각형 아이콘 클릭한 후 마우스 드래그하여 검색영역(붉은색 사각형) 지정할 수 있습니다.
이후 검색 버튼 클릭 시 전체 검색 조건으로 설정한 값에 해당하는 결과 값이 위치기반으로 지도에 표시됩니다.
6.3.3.3. 데이터유형 구분/속성 표현
검색 조건 설정 팝업의 노출 속성 탭에서 데이터 모델에 대한 노출 속성 설정 값을 선택한 후 저장합니다.
이후 검색 버튼 클릭 시 결과 값이 위치기반으로 지도에 표시되며, 데이터 모델 별로 설정된 노출 속성의 값이 핀포인트 상단에 표시됩니다.
6.3.3.4. 상세/이력 조회
상세 조회
핀포인트 클릭 시 해당 Model Attribute 상세 데이터가 팝업을 통해 Json 데이터 형태로 표현됩니다.
이력 조회
우측 그리드에서 조회하고자 하는 엔티티ID 클릭 후 이력 조회 버튼 클릭 시, 지도 기반 검색(최종) 페이지에서 선택한 데이터 모델과 엔티티ID 에 대한 이력 결과 값이 위치기반으로 지도에 표시됩니다.
6.3.4. 지도 기반 검색(이력)
지도 기반 검색(이력) 메뉴를 클릭하여 지도 상에서 누적 데이터 조회 결과를 확인할 수 있습니다.
- 화면 상단에서 조회하고자 하는 데이터 모델을 선택합니다.
- 검색하고자 하는 엔티티 ID를 선택합니다.
- 검색하고자 하는 키워드가 있는 경우 값을 입력하여 데이터를 검색할 수 있습니다.
- 상세 검색 조건 버튼을 클릭하여 선택한 데이터 모델에 따른 상세 검색 조건을 지정할 수 있습니다.
- 검색 버튼을 클릭하면 설정한 검색 조건에 맞는 이력 데이터가 위치 기반으로 지도에 표시되며, 이력 순서대로 화살표 아이콘이 이동하며 표시됩니다.
6.3.4.1. 검색 조건 설정
상세 검색 조건 버튼을 클릭하면 검색 조건 설정 팝업이 활성화됩니다.
💡 데이터 모델을 반드시 선택해야 검색 조건 팝업을 활성화 할 수 있습니다.
각 탭을 선택하여 아래 세가지 옵션에 대한 상세 설정을 진행할 수 있습니다.
전체 설정 값은 하단의 전체 초기화 버튼 클릭 시 초기화되고, 저장 버튼 클릭 시 저장됩니다.
상세 검색
선택한 데이터 모델의 프로퍼티 별 검색 옵션을 설정할 수 있습니다. 사용방법은 [4.3.2.2 검색 조건 설정]과 동일합니다.
노출 속성
선택한 데이터 모델에 대한 노출 속성 설정 값을 선택한 후 저장할 수 있으며, 설정된 노출 속성의 값이 핀포인트 상단에 표시됩니다. 사용방법은 [6.3.3.3 데이터유형 구분/속성 표현]과 동일합니다.
그래프 설정
선택한 데이터 모델에 대한 그래프 설정 값을 최대 2개 선택할 수 있습니다. 선택한 데이터 모델에 대해 그래프 설정 값으로 지정한 속성 값의 이력 데이터가 시계열 그래프 형태로 표현됩니다.
6.3.4.2. 상세 데이터 조회
지도상의 핀포인트 클릭 시 선택된 Model Attribute 상세 데이터가 팝업을 통해 Json 데이터 형태로 표현됩니다.
