Bygg din första sida

Bygg en enkel SCADA-sida från grunden — placera en sensor, visa dess livetemperatur och titta på det, steg för steg.

ProjektDitt projektSidor

En sida förvandlar dina taggar till en bild som någon kan läsa med en blick. Den här guiden bygger en liten men realistisk sida från ingenting: en rumstemperaturpanel — en sensor med sin livetemperatur visad bredvid. När du väl gjort detta är resten av sidredigeraren mer av samma sak.

Vad vi bygger

En sida med två saker på: en sensorsymbol och, bredvid den, en textetikett som läser temperaturen live från en tagg. Vi bygger upp den på plats — allt du lägger till stannar på sidan — och tittar sedan på det färdiga resultatet.

1. Skapa sidan

I ett projekt, öppna Sidor och klicka på Ny för att skapa en sida. Ge den ett namn — Rumstemperatur — och den öppnas i redigeraren med en tom arbetsyta.

Sidredigeraren med en tom arbetsyta, verktygsfältet ovanför och egenskapspanelen till höger.
En ny sida öppnas i redigeraren: verktygsfält överst, arbetsyta i mitten, egenskaper till höger.

2. Placera sensorn

Från verktygsfältet, öppna Tillgångar och välj symbolen Sensor, dra sedan ut en ruta på arbetsytan för att placera den. Den stannar där du släpper den — det är symbolen som resten av panelen byggs kring. (Se Utrustningssymboler för hela biblioteket.)

En sensorsymbol placerad på arbetsytan.
Välj en symbol och dra sedan på arbetsytan för att placera den — den stannar kvar medan du bygger resten.

3. Lägg till temperaturen och anslut den

Nu avläsningen. Välj text-verktyget och rita en textruta bredvid sensorn — den här kommer att visa temperaturen.

Med texten markerad, öppna panelen Egenskaper till höger och hitta avsnittet Text. Bredvid värdet finns en liten -knapp — klicka på den för att binda värdet till en tagg i stället för att skriva fast text. I uttrycket, peka formatValue mot din temperaturtagg. Etiketten visar nu det taggen läser, formaterat med sin enhet.

Sensorn på arbetsytan med textetiketten markerad och dess värde bundet till en tagg via ett formatValue-uttryck.
Använd fx-knappen i Text-avsnittet för att binda etiketten till en tagg — här pekar formatValue mot Room/temperature.

4. Se det live

Växla till förhandsvisning (knappen , eller tryck på P) för att se sidan som en operatör gör. Etiketten visar nu rummets faktiska temperatur bredvid sensorn, som uppdateras allteftersom nya avläsningar kommer in.

Den färdiga sidan i visningsläge: sensorsymbolen med en live-avläsning på 72 °C bredvid.
Vid visning läser panelen live från taggen — sensorn och dess temperatur, tillsammans.

Spara sidan, så är den redo att öppnas av alla med åtkomst.

Vart du går härnäst

Du har gjort grundflödet — placera, binda, visa — och allt annat bygger på det: