자습서: Azure IoT Central에서 대시보드 사용자 지정 및 디바이스 관리

이 자습서에서는 Azure IoT Central 매장 내 분석 애플리케이션에서 대시보드를 사용자 지정하는 방법을 알아봅니다. 애플리케이션 운영자는 사용자 지정된 대시보드를 사용하여 애플리케이션을 실행하고 연결된 디바이스를 관리할 수 있습니다.

이 자습서에서는 다음을 하는 방법을 알아볼 수 있습니다.

  • 대시보드의 이미지 타일 사용자 지정
  • 타일을 정렬하여 레이아웃 수정
  • 조건을 표시하는 원격 분석 타일 추가
  • 디바이스 세부 정보를 표시하는 속성 타일 추가
  • 명령을 실행하는 명령 타일 추가

필수 조건

시작하기 전에 다음 자습서를 완료합니다.

대시보드 이름 변경

조건 모니터링 애플리케이션을 만든 후 기본 대시보드를 편집할 수 있습니다. 추가 대시보드를 만들 수도 있습니다.

애플리케이션 대시보드를 사용자 지정하는 첫 번째 단계는 이름을 변경하는 것입니다.

  1. Azure IoT Central 내 앱 페이지로 이동합니다.

  2. 만든 조건 모니터링 애플리케이션을 엽니다.

  3. 대시보드 설정을 선택하고, 대시보드에 사용할 이름을 입력한 다음, 저장을 선택합니다.

Screenshot of the in-store analytics application dashboard.

대시보드의 이미지 타일 사용자 지정

Azure IoT Central 애플리케이션 대시보드는 하나 이상의 타일로 구성됩니다. 타일은 대시보드에 콘텐츠를 표시하는 사각형 컨테이너입니다. 다양한 형식의 콘텐츠를 타일과 연결하고, 타일을 끌어서 놓고, 크기를 조정하여 대시보드 레이아웃을 사용자 지정할 수 있습니다.

콘텐츠를 표시하는 여러 유형의 타일이 있습니다.

  • 이미지 타일에는 이미지가 포함되어 있으며, 사용자가 이미지를 클릭할 수 있도록 하는 URL을 추가할 수 있습니다.
  • 레이블 타일에는 일반 텍스트가 표시됩니다.
  • Markdown 타일에는 서식이 지정된 콘텐츠가 포함되어 있으며, HTML로 렌더링되는 이미지, URL, 제목 및 Markdown 코드를 설정할 수 있습니다.
  • 원격 분석, 속성 또는 명령 타일에는 디바이스 관련 데이터가 표시됩니다.

이 섹션에서는 대시보드에서 이미지 타일을 사용자 지정합니다.

대시보드에서 브랜드 이미지를 표시하는 이미지 타일을 사용자 지정하려면 다음을 수행합니다.

  1. 대시보드 도구 모음에서 편집을 선택합니다.

  2. Northwind Traders 브랜드 이미지를 표시하는 이미지 타일에서 편집을 선택합니다.

  3. 제목을 변경합니다. 사용자가 마우스로 이미지를 가리키면 제목이 표시됩니다.

  4. 이미지를 선택합니다. 사용자 지정 이미지를 업로드하거나 필요에 따라 이미지의 URL을 지정할 수 있는 창이 열립니다.

  5. 업데이트를 선택합니다.

    Screenshot that shows the in-store analytics application dashboard brand image tile.

  6. 필요에 따라 설명서 타일에서 구성을 선택한 다음, 지원 콘텐츠에 연결되는 URL을 지정합니다.

스토어의 센서 영역 맵을 표시하는 이미지 타일을 사용자 지정하려면 다음을 수행합니다.

  1. 기본 매장 영역 맵을 표시하는 이미지 타일에서 구성을 선택합니다.

  2. 이미지를 선택한 다음, 매장 영역 맵의 사용자 지정 이미지를 업로드합니다.

  3. 업데이트를 선택합니다.

Screenshot that shows the in-store analytics application dashboard store map tile.

Contoso 스토어 맵 예제에는 두 개의 체크 아웃 영역, 의류 및 개인 용품 영역, 식료품 및 가공 식품 영역의 네 가지 영역이 표시됩니다.

이 자습서에서는 센서를 이러한 영역에 연결하여 원격 분석을 제공합니다.

타일을 정렬하여 레이아웃 수정

대시보드를 사용자 지정하는 주요 단계는 타일을 다시 정렬하여 유용한 보기를 만드는 것입니다. 애플리케이션 운영자는 대시보드를 사용하여 디바이스 원격 분석을 시각화하고, 디바이스를 관리하고, 스토어의 조건을 모니터링합니다.

Azure IoT Central은 대시보드를 만드는 애플리케이션 빌더 작업을 간소화합니다. 대시보드 편집 모드를 사용하면 타일을 빠르게 추가, 이동, 크기 조정 및 삭제할 수 있습니다.

또한 스토어 내 분석 - 체크 아웃 애플리케이션 템플릿은 대시보드를 만드는 작업을 간소화합니다. 템플릿은 센서가 연결되어 작동하는 대시보드 레이아웃과 체크 아웃 라인 수 및 환경 조건을 표시하는 타일을 제공합니다.

이 섹션에서는 매장 내 분석 - 체크 아웃 애플리케이션 템플릿에서 대시보드 타일을 다시 정렬하여 사용자 지정 레이아웃을 만듭니다.

애플리케이션에서 사용하지 않을 타일을 제거하려면 다음을 수행합니다.

  1. 대시보드 도구 모음에서 편집을 선택합니다.

  2. Contoso 매장 대시보드는 사용하지 않는 다음 타일 각각에 대해 줄임표(...)를 선택한 다음, 삭제를 선택합니다.

    • 모든 영역으로 돌아가기
    • 매장 대시보드 방문
    • 체크 아웃 영역 준비
    • 체크 아웃 영역 쿨다운
    • 선점 센서 설정
    • 자동 온도 조절기 설정
    • 대기 시간
    • 환경 조건
    • 체크 아웃 3: 연결된 세 개의 타일 모두
  3. 저장을 선택합니다. 사용하지 않는 타일을 제거하면 편집 페이지의 공간이 확보되고 운영자를 위한 대시보드 보기가 간소화됩니다.

사용하지 않는 타일을 제거한 후 나머지 타일을 다시 정렬하여 정리된 레이아웃을 만듭니다. 새 레이아웃에는 나중에 추가할 타일의 공간이 포함됩니다.

나머지 타일을 다시 정렬하려면 다음을 수행합니다.

  1. 편집을 선택합니다.

  2. 선점 펌웨어 타일을 선점 배터리 타일의 오른쪽으로 끕니다.

  3. 자동 온도 조절기 펌웨어 타일을 자동 온도 조절기 배터리 타일의 오른쪽으로 끕니다.

  4. 저장을 선택합니다.

  5. 레이아웃 변경 내용을 확인합니다.

Screenshot that shows the in-store analytics application dashboard layout.

조건을 표시하는 원격 분석 타일 추가

대시보드 레이아웃을 사용자 지정했으면 원격 분석을 표시하는 타일을 추가할 준비가 된 것입니다. 원격 분석 타일을 만들려면 디바이스 템플릿과 디바이스 인스턴스를 선택한 다음, 타일에 표시할 디바이스 관련 원격 분석을 선택합니다. 매장 내 분석 - 체크 아웃 애플리케이션 템플릿에는 대시보드의 몇 가지 원격 분석 타일이 포함되어 있습니다. 두 체크 아웃 영역에 있는 네 개의 타일은 시뮬레이션된 선점 센서의 원격 분석을 표시합니다. 사람 트래픽 타일에는 두 체크 아웃 영역의 수가 표시됩니다.

이 섹션에서는 Azure IoT Central에서 매장 내 분석 애플리케이션 만들기 자습서에서 추가한 RuuviTag 센서의 환경 원격 분석을 표시하는 두 개의 원격 분석 타일을 추가합니다.

RuuviTag 센서의 환경 데이터를 표시하는 타일을 추가하려면 다음을 수행합니다.

  1. 편집을 선택합니다.

  2. 디바이스 템플릿 목록에서 RuuviTag를 선택합니다.

  3. 두 개의 RuuviTag 센서 중 하나에서 디바이스 인스턴스를 선택합니다. Contoso 매장 예제에서 영역 1 Ruuvi를 선택하여 영역 1에 대한 원격 분석 타일을 만듭니다.

  4. 원격 분석 목록에서 타일의 각 영역에 대해 표시되는 원격 분석 항목인 상대 습도온도를 선택합니다.

  5. 타일 추가를 선택합니다. 이 새 타일이 선택한 센서에 대해 결합된 습도 및 온도 원격 분석을 표시합니다.

  6. RuuviTag 센서에 대한 새 타일에서 구성을 선택합니다.

  7. 제목영역 1 환경으로 변경합니다.

  8. 업데이트를 선택합니다.

  9. 1단계부터 8단계를 반복하여 두 번째 센서 인스턴스에 대한 타일을 만듭니다. 제목의 경우 영역 2 환경을 입력한 다음, 구성 업데이트를 선택합니다.

  10. 영역 2 환경이라는 제목의 타일을 자동 온도 조절기 펌웨어 타일 아래로 끕니다.

  11. 영역 1 환경이라는 제목의 타일을 사람 트래픽 타일 아래로 끕니다.

  12. 저장을 선택합니다. 대시보드에서 두 개의 새 타일에 영역 원격 분석이 표시됩니다.

Screenshot that shows the in-store analytics application dashboard RuuviTag tiles.

두 개의 체크 아웃 영역에 대한 원격 분석만 표시하도록 사람 트래픽 타일을 편집하려면 다음을 수행합니다.

  1. 편집을 선택합니다.

  2. 사람 트래픽 타일에서 편집을 선택합니다.

  3. count3 원격 분석을 제거합니다.

  4. 업데이트를 선택합니다.

  5. 저장을 선택합니다. 업데이트된 대시보드에는 시뮬레이션된 선점 센서를 기반으로 하는 두 개의 체크 아웃 영역에 대한 수만 표시됩니다.

Screenshot that shows the in-store analytics application dashboard 'People traffic' tile.

명령을 실행하는 명령 타일 추가

또한 애플리케이션 운영자는 대시보드에서 명령을 실행하여 디바이스를 관리합니다. 디바이스에서 미리 정의된 명령을 실행하는 명령 타일을 대시보드에 추가할 수 있습니다. 이 섹션에서는 운영자가 Rigado 게이트웨이를 다시 부팅하도록 설정하는 명령 타일을 추가합니다.

게이트웨이를 다시 부팅하는 명령 타일을 추가하려면 다음을 추가합니다.

  1. 편집을 선택합니다.

  2. 디바이스 템플릿 목록에서 C500을 선택합니다. Rigado C500 게이트웨이에 대한 템플릿입니다.

  3. 디바이스 인스턴스에서 게이트웨이 인스턴스를 선택합니다.

  4. 다시 부팅 명령을 선택합니다.

  5. 타일 추가를 선택합니다.

  6. 저장을 선택합니다.

  7. 완료된 Contoso 대시보드를 확인합니다.

    Screenshot that shows the completed in-store analytics application dashboard.

  8. 필요에 따라 다시 부팅 타일을 선택하여 게이트웨이에서 다시 부팅 명령을 실행합니다.

리소스 정리

더 이상 IoT Central 빠른 시작 또는 자습서를 완료할 계획이 없는 경우 IoT Central 애플리케이션을 삭제할 수 있습니다.

  1. IoT Central 애플리케이션에서 애플리케이션 > 관리로 이동합니다.
  2. 삭제를 클릭한 다음, 작업을 확인합니다.

다음 단계

이 자습서에서는 다음 작업 방법을 알아보았습니다.

  • 대시보드 이름을 변경합니다.
  • 대시보드의 이미지 타일을 사용자 지정합니다.
  • 타일을 정렬하여 레이아웃을 수정합니다.
  • 조건을 표시하는 원격 분석 타일을 추가합니다.
  • 디바이스 세부 정보를 표시하는 속성 타일을 추가합니다.
  • 명령을 실행하는 명령 타일을 추가합니다.

이제 Azure IoT Central 매장 내 분석 애플리케이션에서 대시보드를 사용자 지정했으므로 제안되는 다음 단계는 다음과 같습니다.