Kurz: Přizpůsobení zobrazení Azure IoT Central – operátor (návrh nové uživatelské rozhraní)Tutorial: Customize the Azure IoT Central operator's view (New UI design)

Tento kurz vám jako tvůrci ukáže, jak přizpůsobit zobrazení vaší aplikace pro operátora.This tutorial shows you, as a builder, how to customize the operator's view of your application. Když měníte aplikaci jako tvůrce, můžete zobrazit náhled zobrazení operátor v aplikaci Microsoft Azure IoT Central.When you make a change to the application as a builder, you can preview the operator's view in the Microsoft Azure IoT Central application.

V tomto kurzu přizpůsobíte aplikaci tak, aby operátorovi zobrazovala relevantní informace o připojeném klimatizačním zařízení.In this tutorial, you customize the application to display relevant information about the connected air conditioner device to an operator. Vaše přizpůsobení umožní operátorovi spravovat klimatizační zařízení připojená k aplikaci.Your customizations enable the operator to manage the air conditioner devices connected to the application.

V tomto kurzu se naučíte:In this tutorial, you learn how to:

  • Konfigurace řídicího panelu zařízeníConfigure your device dashboard
  • Konfigurace rozložení nastavení zařízeníConfigure your device settings layout
  • Konfigurace rozložení vlastností zařízeníConfigure your device properties layout
  • Zobrazení náhledu zařízení jako operátorPreview the device as an operator
  • Konfigurovat výchozí řídicí panel aplikacíConfigure your default application dashboard
  • Ve verzi Preview. výchozí řídicí panel aplikací jako operátorPreview the default application dashboard as an operator

PožadavkyPrerequisites

Než začnete, měli byste dokončit dva předchozí kurzy:Before you begin, you should complete the two previous tutorials:

Konfigurace řídicího panelu zařízeníConfigure your device dashboard

Jako tvůrce můžete definovat, které informace se zobrazí na řídicím panelu zařízení.As a builder, you can define what information displays on a device dashboard. V definujte nový typ zařízení ve vaší aplikaci kurzu přidáte spojnicový graf a dalších informací připojené Vzduchovod řídicího panelu.In the Define a new device type in your application tutorial, you added a line-chart and other information to the Connected Air Conditioner dashboard.

  1. Chcete-li upravit připojené Vzduchovod šablona zařízení, zvolte šablon v levé navigační nabídce:To edit the Connected Air Conditioner device template, choose Device Templates on the left navigation menu:

    Stránka šablony zařízení

  2. Chcete-li přizpůsobit řídicí panel zařízení, vyberte připojené Vzduchovod (1.0.0) šablony zařízení, které jste vytvořili v definujte nový typ zařízení ve vaší aplikaci kurzu.To customize your device dashboard, select the Connected Air Conditioner (1.0.0) device template device you created in the Define a new device type in your application tutorial.

  3. Chcete-li upravit řídicí panel, vyberte řídicí panel kartu.To edit the dashboard, select the Dashboard tab.

  4. Pokud chcete na řídící panel přidat dlaždici Klíčový ukazatel výkonu, zvolte KPI (Klíčový ukazatel výkonu):To add a Key Performance Indicator (KPI) tile to the dashboard, choose KPI:

    Při definování klíčového ukazatele výkonu použijte informace v následující tabulce:To define the KPI, use the information in the following table:

    NastaveníSetting HodnotaValue
    NázevName Maximální teplotaMaximum temperature
    Časové rozmezíTime range Poslední 1 týdenPast 1 week
    Typ měřeníMeasurement Type Telemetrická dataTelemetry
    MěřeníMeasurement Teplotatemperature
    AgregaceAggregation MaximumMaximum
    ViditelnostVisibility PovolenoEnabled

    Přidání KPI

  5. Vyberte Uložit.Select Save. Teď na řídicím panelu vidíte dlaždici KPI:You can now see the KPI tile on the dashboard:

    Dlaždice KPI

  6. Pokud chcete přesunout dlaždici na řídicím panelu nebo změnit její velikost, přesuňte ukazatel myši na dlaždici.To move or resize a tile on the dashboard, move the mouse pointer over the tile. Můžete přetáhnout na dlaždici na nové umístění nebo změňte jeho velikost.You can drag the tile to a new location or resize it.

Konfigurace rozložení nastaveníConfigure your settings layout

Jako tvůrce můžete také nakonfigurovat zobrazení nastavení zařízení pro operátora.As a builder, you can also configure the operator's view of the device settings. Operátor používá ke konfiguraci zařízení na kartě Nastavení zařízení.An operator uses the device settings tab to configure a device. Například operátor používá na kartě nastavení nastavit cílové teploty pro připojené klimatizace.For example, an operator uses the settings tab to set the target temperature for the connected air conditioner.

  1. Chcete-li upravit nastavení rozložení pro vaše připojených klimatizace, zvolte nastavení kartu.To edit the settings layout for your connected air conditioner, choose the Settings tab.

  2. Dlaždice nastavení můžete přesunout a můžete také upravit jejich velikost:You can move and resize the settings tiles:

    Úprava rozložení nastavení

Konfigurace rozložení vlastnostíConfigure your properties layout

Kromě řídicího panelu a nastavení můžete zobrazení operátora nakonfigurovat také pro vlastnosti zařízení.In addition to the dashboard and settings, you can also configure the operator's view of the device properties. Operátor používá ke správě metadat zařízení na kartě Vlastnosti zařízení.An operator uses the device properties tab to manage device metadata. Například operátor používá na kartě Vlastnosti Zobrazit sériové číslo zařízení ani aktualizovat kontaktní údaje pro výrobce.For example, an operator uses the properties tab to view a device serial number or update contact details for the manufacturer.

  1. Chcete-li upravit vlastnosti rozložení pro vaše připojených klimatizace, zvolte vlastnosti kartu.To edit the properties layout for your connected air conditioner, choose the Properties tab.

  2. Pole vlastností můžete přesunout a můžete také upravit jejich velikost:You can move and resize the properties fields:

    Úprava rozložení vlastností

Zařízení ve verzi PreviewPreview the device

Můžete použít šablon stránky k přizpůsobení karty řídicí panel, nastavení a vlastnosti pro operátor.You use the Device Templates page to customize the dashboard, settings, and properties tabs for an operator. Můžete použít Device Explorer stránky zobrazení a použití šablony zařízení.You use the Device Explorer page to view and use the device template.

  1. Zobrazení a použití šablony vzduchovod připojené jako operátor, přejděte Device Explorer stránky a zvolte simulovaného zařízení tento IoT Central generován ze šablony:To view and use the connected air conditioner template as an operator, navigate to the Device Explorer page and choose the simulated device that IoT Central generated from your template:

    Zobrazit a používat šablonu zařízení

  2. Chcete-li aktualizovat umístění tohoto zařízení, zvolte vlastnosti a upravit její hodnotu v dlaždici umístění.To update the Location of this device, choose Properties and edit the value in the Location tile. Potom vyberte Uložit:Then select Save:

    Úprava nastavení vlastnosti

  3. Pokud chcete připojené klimatizaci odeslat nastavení, zvolte Settings (Nastavení),změňte hodnotu nastavení na dlaždici a potom zvolte Update (Aktualizovat):To send a setting to your connected air conditioner, choose Settings, change a setting value in a tile, and choose Update:

    Odesílání nastavení do zařízení

    Jakmile zařízení rozpozná změnu nastavení, nastavení se na dlaždici zobrazí jako synced (Synchronizováno).When the device acknowledges the new setting value, the setting shows as synced on the tile.

  4. Jako operátor můžete zobrazit řídicí panel zařízení tak, jak ho nakonfiguroval tvůrce:As an operator, you can view the device dashboard as configured by the builder:

    Zobrazení řídicího panelu zařízení pro operátora

Konfigurovat výchozí řídicí panelConfigure the default dashboard

Když tvůrce nebo operátor přihlásí k aplikaci Azure IoT Central, zobrazí se jim řídicí panel aplikací.When a builder or operator signs in to an Azure IoT Central application, they see the application dashboard. Jako tvůrce můžete nakonfigurovat obsah výchozí řídicí panel chcete zahrnout obsah nejvíce a vhodnost pro operátor.As a builder, you can configure the content of the default dashboard to include the most useful and relevant content for an operator.

Poznámka

Uživatelé mohou také vytvářet své vlastní osobní řídicí panely a zvolte jednu z nich jako výchozí.Users can also create their own personal dashboards and choose one as their default.

  1. Chcete-li přizpůsobit výchozí řídicí panel aplikace, přejděte na řídicí panel stránku a vybrat upravit v horní části stránky.To customize the default application dashboard, navigate to the Dashboard page and select Edit on the top right of the page. Knihovna objektů, které lze přidat na řídicí panel se zobrazí panel.A panel appears with a library of objects you can add to the dashboard.

    Stránka řídicího panelu

  2. Chcete-li přizpůsobit řídicí panel, přidejte dlaždice z knihovny.To customize the dashboard, add tiles from the Library. Zvolte Link (Odkaz) a přidejte podrobné informace o webu vaší organizace.Choose Link, and add details of your organization's web site. Potom zvolte Save (Uložit):Then choose Save:

    Přidat odkaz na řídicí panel

    Poznámka

    Můžete také přidat odkazy na stránky ve vaší aplikaci Azure IoT Central.You can also add links to pages within your Azure IoT Central application. Můžete třeba přidat odkaz na řídicí panel zařízení nebo na stránku nastavení.For example, you could add a link to a device dashboard or settings page.

  3. Volitelně můžete zvolit Image a nahrát obrázek se zobrazí na řídicím panelu.Optionally, choose Image and upload an image to display on your dashboard. Obrázek může mít adresu URL, na který můžete procházet, když ji vyberete:An image can have a URL to which you navigate when you select it:

    Přidání obrázku na řídicí panel

    Další informace najdete v tématu věnovaném postupu při přípravě a nahrávání obrázků do aplikace Azure IoT Central.To learn more, see How to prepare and upload images to your Azure IoT Central application.

Ve verzi Preview řídicí panelPreview the dashboard

Chcete-li zobrazit řídicí panel aplikací jako operátor náhled, vyberte provádí v horní části stránky.To preview the application dashboard as an operator, select Done on the top right of the page.

Přepnutí režimu návrhu

Můžete vybrat dlaždice odkazů a obrázků přejděte k adresám URL, které jste nastavili jako tvůrce.You can select the link and image tiles to navigate to the URLs you set as a builder.

Další postupNext steps

V tomto kurzu jste se naučili, jak přizpůsobit zobrazení aplikace pro operátora.In this tutorial, you learned how to customize the operator's view of the application.

  • Konfigurace řídicího panelu zařízeníConfigure your device dashboard
  • Konfigurace rozložení nastavení zařízeníConfigure your device settings layout
  • Konfigurace rozložení vlastností zařízeníConfigure your device properties layout
  • Zobrazení náhledu zařízení jako operátorPreview the device as an operator
  • Konfigurace výchozí domovské stránkyConfigure your default home page
  • Zobrazení náhledu výchozí domovské stránky jako operátorPreview the default home page as an operator

Teď když jste se naučili, jak přizpůsobit zobrazení aplikace pro operátora, můžete přejít k dalším navrhovaným krokům:Now that you have learned how to customize the operator's view of the application, the suggested next steps are: