Teilen über


Tutorial: Anpassen des Dashboards und Verwalten von Geräten in Azure IoT Central

In diesem Tutorial erfahren Sie, wie Sie das Dashboard in Ihrer Azure IoT Central-Anwendung für die In-Store-Analyse anpassen können. Anwendungsbediener können das angepasste Dashboard verwenden, um die Anwendung auszuführen und die angeschlossenen Geräte zu verwalten.

In diesem Tutorial lernen Sie Folgendes:

  • Anpassen von Bildkacheln auf dem Dashboard
  • Anordnen von Kacheln zum Ändern des Layouts
  • Hinzufügen von Telemetriekacheln zum Anzeigen von Bedingungen
  • Hinzufügen von Eigenschaftenkacheln zum Anzeigen von Gerätedetails
  • Hinzufügen von Befehlskacheln zum Ausführen von Befehlen

Voraussetzungen

Schließen Sie vor dem Beginn das Tutorial Erstellen einer Anwendung für die In-Store-Analyse in Azure IoT Central an.

Ändern des Dashboardnamens

Nachdem Sie Ihre Anwendung für die Zustandsüberwachung erstellt haben, können Sie das Standarddashboard bearbeiten. Sie können auch weitere Dashboards erstellen.

Der erste Schritt beim Anpassen des Anwendungsdashboards besteht darin, den Namen zu ändern:

  1. Navigieren Sie zur Seite Azure IoT Central – Meine Apps.

  2. Öffnen Sie die von Ihnen erstellte Anwendung für die Zustandsüberwachung.

  3. Wählen Sie Dashboardeinstellungen aus, geben Sie einen Namen für Ihr Dashboard ein, und wählen Sie Speichern aus.

Screenshot des Dashboards für die In-Store-Analytics-Anwendung.

Anpassen von Bildkacheln auf dem Dashboard

Ein Azure IoT Central-Anwendungsdashboard besteht aus einer oder mehreren Kacheln. Eine Kachel ist ein rechteckiger Container zum Anzeigen von Inhalt auf einem Dashboard. Sie können verschiedene Arten von Inhalten mit Kacheln verknüpfen, und Sie können Kacheln ziehen, ablegen und ihre Größe ändern, um das Layout des Dashboards anzupassen.

Es gibt verschiedene Arten von Kacheln für die Anzeige von Inhalten:

  • Kacheln für Bilder enthalten Bilder, und Sie können eine URL hinzufügen, die es Ihnen ermöglicht, das Bild auszuwählen.
  • Kacheln für Bezeichnungen zeigen nur Text an.
  • Kacheln für Markdown enthalten formatierten Inhalt und ermöglichen es Ihnen, ein Bild, eine URL, einen Titel sowie Markdowncode festzulegen, der als HTML gerendert wird.
  • Kacheln für Telemetrie, Eigenschaften und Befehle zeigen gerätespezifische Daten an.

In diesem Abschnitt werden Sie Bildkacheln auf dem Dashboard anpassen.

Um die Bildkachel anzupassen, die ein Markenbild auf dem Dashboard anzeigt, gehen Sie folgendermaßen vor:

  1. Klicken Sie auf der Symbolleiste des Dashboards auf Bearbeiten.

  2. Wählen Sie auf der Bildkachel, auf der das Northwind Traders-Markenbild angezeigt wird, die Option Bearbeiten aus.

  3. Ändern Sie den Titel. Der Titel wird angezeigt, wenn Sie auf das Bild zeigen.

  4. Klicken Sie auf Bild. Es wird ein Fenster geöffnet, in dem Sie ein benutzerdefiniertes Bild hochladen oder optional eine URL für das Bild angeben können.

  5. Wählen Sie Aktualisieren aus.

    Screenshot zeigt die Dashboardkachel für das Markenbild der In-Store Analytics-Anwendung.

  6. Wählen Sie optional auf der Kachel Dokumentation die Option Konfigurieren aus, und geben Sie dann eine URL an, die mit Supportinhalten verknüpft ist.

So passen Sie die Bildkachel an, die einen Plan der Sensorzonen im Laden anzeigt:

  1. Wählen Sie auf der Bildkachel, auf welcher der standardmäßige Zonenplan des Ladens angezeigt wird, die Option Konfigurieren aus.

  2. Wählen Sie Bild aus, und laden Sie dann ein benutzerdefiniertes Bild eines Ladenzonenplans hoch.

  3. Wählen Sie Aktualisieren aus.

Screenshot zeigt die Dashboardkachel für den Ladenplan der In-Store Analytics-Anwendung.

Der Beispielplan für das Contoso-Ladengeschäft zeigt vier Zonen: zwei Kassenzonen, eine Zone für Waschmittel und Körperpflegeprodukte und eine Zone für Lebensmittel und Getränke.

In diesem Tutorial ordnen Sie diesen Zonen Sensoren zu, um Telemetriedaten bereitzustellen.

Anordnen von Kacheln zum Ändern des Layouts

Ein wichtiger Schritt beim Anpassen eines Dashboards besteht darin, die Kacheln so anzuordnen, dass sie eine nützliche Ansicht bieten. Anwendungsbediener verwenden das Dashboard, um Telemetriedaten zu Geräten zu visualisieren, Geräte zu verwalten und Bedingungen in einem Ladengeschäft zu überwachen.

Azure IoT Central erleichtert Anwendungserstellern die Arbeit beim Erstellen eines Dashboards. Mit dem Bearbeitungsmodus für Dashboards können Sie Kacheln schnell hinzufügen, verschieben, die Größe ändern und löschen.

Die Anwendungsvorlage In-store analytics - checkout vereinfacht die Erstellung eines Dashboards ebenfalls. Die Vorlage bietet ein funktionierendes Dashboardlayout mit verbundenen Sensoren und Kacheln, die Zähler für Warteschlangen an der Kasse sowie Umgebungsbedingungen anzeigen.

In diesem Abschnitt ordnen Sie die Dashboardkacheln in der Anwendungsvorlage In-Store Analytics – Check-Out neu an, um ein benutzerdefiniertes Layout zu erstellen.

So entfernen Sie Kacheln, die Sie in Ihrer Anwendung nicht verwenden möchten:

  1. Klicken Sie auf der Symbolleiste des Dashboards auf Bearbeiten.

  2. Wählen Sie für jede der folgenden Kacheln, die das Contoso-Ladendashboard nicht verwendet, die Auslassungspunkte (...) und dann Löschen aus:

    • Zurück zu allen Zonen
    • Ladendashboard besuchen
    • Check-Out-Zone zum Aufwärmen
    • Check-Out-Zone zum Abkühlen
    • Einstellungen für den Belegungssensor
    • Einstellungen für den Thermostat
    • Wartezeit
    • Umgebungsbedingungen
    • Check-Out 3: Alle drei Kacheln, die damit zugeordnet sind
  3. Wählen Sie Speichern aus. Das Entfernen nicht verwendeter Kacheln gibt Platz auf der Bearbeitungsseite frei und vereinfacht die Dashboardansicht für Operatoren.

Nachdem Sie die nicht verwendeten Kacheln entfernt haben, ordnen Sie die verbleibenden Kacheln neu an, um eine übersichtliches Layout zu erstellen. Das neue Layout enthält Platz für Kacheln, die Sie später hinzufügen.

So ordnen Sie die verbleibenden Kacheln neu an:

  1. Wählen Sie Bearbeiten aus.

  2. Ziehen Sie die Kachel Belegung-Firmware auf die rechte Seite der Akkukachel Belegung.

  3. Ziehen Sie die Kachel Thermostat-Firmware auf die rechte Seite der Akkukachel Thermostat.

  4. Wählen Sie Speichern aus.

  5. Sehen Sie sich die Layoutänderungen an.

Screenshot zeigt das Dashboardlayout für die In-Store Analytics-Anwendung.

Hinzufügen von Telemetriekacheln zum Anzeigen von Bedingungen

Nachdem Sie das Dashboardlayout angepasst haben, sind Sie bereit, Kacheln zur Anzeige von Telemetrie hinzufügen. Um eine Telemetriekachel zu erstellen, wählen Sie eine Gerätevorlage und eine Geräteinstanz aus, und wählen Sie dann die gerätespezifische Telemetrie aus, die auf der Kachel angezeigt werden soll. Die Anwendungsvorlage In-Store Analytics – Check-Out enthält verschiedene Telemetriekacheln auf dem Dashboard. Die vier Kacheln in den beiden Kassenzonen zeigen Telemetriedaten des simulierten Sensors für die Zonenauslastung an. Die Kachel People traffic zeigt Zähler in den beiden Kassenzonen an.

In diesem Abschnitt fügen Sie zwei weitere Telemetriekacheln hinzu, um Umgebungstelemetrie der RuuviTag-Sensoren anzuzeigen, die Sie im Tutorial Erstellen einer In-Store Analytics-Anwendung in Azure IoT Central hinzugefügt haben.

So fügen Sie Kacheln zum Anzeigen von Umgebungsdaten aus den RuuviTag-Sensoren hinzu:

  1. Wählen Sie Bearbeiten aus.

  2. Wählen Sie in der Liste Gerätevorlage die Option RuuviTag aus.

  3. Wählen Sie als Geräteinstanz einen der beiden RuuviTag-Sensoren aus. Klicken Sie im Beispiel für den Contoso-Laden auf Zone 1 Ruuvi, um eine Telemetriekachel für die Zone 1 zu erstellen.

  4. Wählen Sie in der Liste Telemetrie die Option Relative Luftfeuchtigkeit und Temperatur aus, die Telemetrieelemente, die für jede Zone auf der Kachel angezeigt werden.

  5. Wählen Sie Kachel hinzufügen aus. Diese neue Kachel zeigt die kombinierte Telemetriedaten für Luftfeuchtigkeit und Temperatur für den ausgewählten Sensor an.

  6. Wählen Sie auf der neuen Kachel für den RuuviTag-Sensor die Option Konfigurieren aus.

  7. Ändern Sie den Titel zu Umgebung Zone 1.

  8. Wählen Sie Aktualisieren aus.

  9. Wiederholen Sie die Schritte 1 bis 8, um eine Kachel für die zweite Sensorinstanz zu erstellen. Geben Sie für den Titel den Wert Zone 2-Umgebung ein, und wählen Sie dann Konfiguration aktualisieren aus.

  10. Ziehen Sie die Kachel mit dem Titel Zone 2-Umgebung unter die Kachel Thermostat-Firmware.

  11. Ziehen Sie die Kachel mit dem Titel Zone 1-Umgebung unter die Kachel Personenverkehr.

  12. Wählen Sie Speichern aus. Das Dashboard zeigt die Zonentelemetrie auf den beiden neuen Kacheln an.

Screenshot zeigt die RuuviTag-Dashboardkacheln für die In-Store Analytics-Anwendung.

So bearbeiten Sie die Kachel People traffic so, dass nur Telemetriedaten für zwei Kassenzonen angezeigt werden:

  1. Wählen Sie Bearbeiten aus.

  2. Wählen Sie auf der Kachel Personenverkehr die Option Bearbeiten aus.

  3. Entfernen Sie die count3-Telemetriedaten.

  4. Wählen Sie Aktualisieren aus.

  5. Wählen Sie Speichern aus. Das aktualisierte Dashboard zeigt nur für Ihre beiden Kassenzonen Zähler an, die auf dem simulierten Sensor für die Zonenauslastung basieren.

Screenshot zeigt Dashboardkachel „Personenverkehr“ für die In-Store Analytics-Anwendung.

Hinzufügen von Befehlskacheln zum Ausführen von Befehlen

Anwendungsbediener verwenden das Dashboard auch zum Verwalten von Geräten durch Ausführen von Befehlen. Sie können Befehlskacheln zum Dashboard hinzufügen, mit denen vordefinierte Befehle auf einem Gerät ausgeführt werden. In diesem Abschnitt fügen Sie eine Befehlskachel hinzu, um es Bedienern zu ermöglichen, das Rigado-Gateway neu zu starten.

So fügen Sie eine Befehlskachel für einen Neustart des Gateways hinzu:

  1. Wählen Sie Bearbeiten aus.

  2. Wählen Sie in der Liste Gerätevorlage die Option C500 aus. Dies ist die Vorlage für das Rigado C500-Gateway.

  3. Wählen Sie in Geräteinstanz die Gatewayinstanz aus.

  4. Wählen Sie den Befehl Neustart aus.

  5. Wählen Sie Kachel hinzufügen aus.

  6. Wählen Sie Speichern aus.

  7. Zeigen Sie Ihr vollständiges Contoso-Dashboard an.

    Screenshot zeigt das abgeschlossene Dashboard für die In-Store Analytics-Anwendung.

  8. Optional können Sie die Kachel Neustart auswählen, um den Neustartbefehl auf Ihrem Gateway auszuführen.

Bereinigen von Ressourcen

Falls Sie keine weiteren IoT Central-Schnellstarts oder -Tutorials absolvieren möchten, können Sie die IoT Central-Anwendung löschen:

  1. Navigieren Sie in Ihrer IoT Central-Anwendung zu Anwendung > Verwaltung.
  2. Wählen Sie Löschen aus, und bestätigen Sie anschließend Ihre Aktion.

Nächster Schritt