Visningsbygger

Hvordan bruke visningsbyggeren
Skrevet av Aleksander Bless
Oppdatert 2 måneder siden

Med visningsbyggeren kan du skreddersy visninger etter dine ønsker og behov for visualisering.

Her kan du laste opp bakgrunnsbilder, legge til komponenter og kontainere som utgjør visningen.

Byggeren består av to deler: en meny og et rutenett som representerer visningen du bygger. 

Åpne visningsbyggeren

1. Gå til Konfigurasjon → Visninger

2. På ønsket visning, klikk på pekefingeren for å gå til visningsbyggeren.


Meny

Dra/zoom

Skifter modus om du skal klikke og flytte komponenter eller bruke zoom.

Tilbakestill posisjon

Tilbakestiller visningens ramme til startpunktet, som er midtstilt basert på skjermens størrelse.

Gå til visning

Gå direkte til visningsmodus. Bruk denne for å hoppe mellom byggeren og visningen når du bygger den.

Lukk

Lukker visningen og tar deg tilbake til menyoppsettet.

Snarveier

Hold inne «SHIFT» for å hoppe mellom peker og dra/zoom modus.

Hold inne «CTRL» etter en seleksjon for å velge flere komponenter/kontainere.

Etter du har selektert ett eller flere elementer, kan bruke piltastene «Venstre», «Opp», «Høyre», «Ned» for å flytte dem. Hvor mange steg elementene blir flyttet, avhenger av antall trinn for flytting av elementer.

Komponenter

Komponenter er samlebetegnelsen på ulike objekter som knyttes mot datapunkter for visualisering av verdier eller parametersettinger.

Diode viser fram verdien til et datapunkt som en boolsk variabel. Du kan velg farge på dioden når variabelen er sann eller usann. (1 eller 0)

Verdi viser fram verdien til et datapunkt. Du kan også velge et tilhørende ikon, samt overstyre benevnelsen til datapunktet (eks. "°C"). Under flere innstillinger kan du velge forskjellige farger på ikonet basert på grenseverdier.

Bryter endrer boolske datapunkter. Verdien endres mellom SANN (1) og USANN (0) når du klikker på bryteren.

Impulsknapp pulseres en endring til et boolsk datapunkt. Verdien blir satt til SANN(1) så lenge et museklikk holdes inne og returnerer til USANN(0) når du slipper.

Nummervalg brukes for å skrive brukerdefinerte verdier til et datapunkt, her kan du også sette ønsket minimum og maksimum verdi som er lov å skrive inn.

Statisk tekst brukes for å legge tekst til visningen. De er ikke knyttet mot noen datapunkt.

Nedtrekksmeny brukes for å endre mellom predefinerte verdier til et datapunkt. Istedenfor å vise frem verdien som sendes i bakgrunn, kan du definere teksten som skal vises i menyen.

Tekstliste viser fram en valgt tekst istedenfor datapunktets verdi.

Slider brukes for å endre verdi på et datapunkt. Dra-og-slipp slideren mellom en minimum og maksimum verdi som du kan velge selv.

Link lager linker til andre nettsteder. Navnet blir linken og url-adressen må fylles inn med http:// eller https://

Tidsstempel viser frem et tidsstempel(TIMESTAMP) som leses fra et datapunkt.

Linjeskift lager et linjeskift, oftest brukt i et panel og bokser for å skille på komponenter.

Kommentarfelt er et tekstfelt som brukere kan lagre kommentarer i. Kommentaren skrives ikke til et datapunkt men lagres i selve visningen. 

Måler viser frem en verdi fra et datapunkt med egendefinerte grenser og farger. For eksempel en måler for hastighet.

Graf legg til en graf direkte i visningen eller rom/boks med ønsket periode og størrelse. Du kan velge flere datapunkter samtidig og sette egendefinerte navn.

Kompenseringskurve 

Nivåmåler viser frem en verdi fra et datapunkt mellom en prosentvis minimum og maksimumsverdi

Kontainere

Kontainere fremstiller en samling av komponenter. 

Bilde

Last opp bilder til visningen, for eksempel en plantegning eller et prosessbilde. Deretter kan du legge rom eller komponenter over for å skape visningen din.  

Støttede filformater er JPEG, SVG, PNG, WEBP og BMP
Høyreklikk på bilde for å få opp endringsmenyen
Flytt bildet frem eller bak i visningen med Flytt fram eller Flytt bak. 
Dra og slipp i kantene for å endre størrelse.

Boks

En boks kan tilpasses med ønskede komponenter og faner som du selv ønsker. Når du legger til komponenter, velg ønsket boks i feltet "Legg til kontainer".

En boks med en diode for å vise status

Du kan ha dioder og verdi-komponenter i front, og andre interaktive komponenter i sidemenyen. 

I hver sidemeny kan du legge til ny faner, endre navnet eller slette fanen

Rom

Rom og boks er veldig like, forskjellen er at rom-formen har predefinerte komponenter du kan knytte til for raskere oppsett.

Når du oppretter et rom via menyen velger du datapunkt for de komponentene som utgjør rommet. De du hopper over, kommer ikke med. 

Rom i visningen for å vise frem verdier

Klikk på sidemeny-knappen for å åpne sidemenyen.

Rom med sidemeny

Fanen Romstyring viser de komponentene du valgte når rommet ble opprettet. 

Panel

Paneler vises nederst i visningen og kan brukes til å vise en gruppe komponenter, for eksempel et kontrollpanel.

For å legge til komponenter velger du det på samme måte som et rom i nedtrekksmenyen "Legg til i kontainer" når du legger til eller oppdaterer en komponent. 

Du kan endre navn, kopiere eller slette panelet med valgene nederst til høyre.

Kontrollpanel i visningen

Figurer

Figurer kan brukes som et tillegg i prosesstegninger og andre fremstillinger. Sirkel, firkant, trekant og linjer er noen eksempler.


HVAC-symboler

Det finnes flere symboler du kan bruke for å illustrere klimakontroll. 

Blant tilpasningsmulighetene er retning, størrelse og farger.

Indikasjon for drift

For å indikere at noe er i normal drift kan du legge til et datapunkt som aktiverer en grønn indikasjon på symbolet. 

Indikasjon for feil

For å indikere feil kan du legge til et datapunkt som aktiverer en rød indikasjon på symbolet. Indikasjonen er mest egnet til et spesifikt datapunkt for å indikere feil, f.eks FanFault for vifte.


Dynamisk SVG

Bruk dynamisk SVG for å endre farger eller animasjoner basert på et datapunkts verdi i en egendefinert SVG.

Du kan legge til flere datapunkter for å endre flere SVG-elementer.

Eksempel:

Elementet i denne SVG-en har en strek (stroke) med fargen #ADADAD, og vi ønsker å endre denne fargen til grønn når datapunktets verdi er lik 1.

Forklaring av felter:

  • Datapunkt: Velg ønsket datapunkt.
  • SVG element ID: Fyll inn elementets ID.
  • SVG attribute ID: Fyll inn elementets SVG-attributt du vil endre.
  • Verdi: Hvilken verdi fargen/strengen skal gjelde for. Kan være lik eller større enn en spesifisert verdi.
  • Farge/Streng: Velg en farge, eller klikk for å fylle inn en streng.

Eksempel SVG:

<g id="active" stroke="#ADADAD">
  <circle id="circle" stroke-linejoin="round" />
  <path stroke-linejoin="round" />
</g>

I dette eksempelet er SVG-elementets ID "active" og SVG-attributten "stroke".


HVAC-symboler

Det finnes flere symboler du kan bruke for å illustrere klimakontroll. 

Blant tilpasningsmulighetene er retning, størrelse og farger.

Indikasjon for drift

For å indikere at noe er i normal drift kan du legge til et datapunkt som aktiverer en grønn indikasjon på symbolet. 

Indikasjon for feil

For å indikere feil kan du legge til et datapunkt som aktiverer en rød indikasjon på symbolet. Indikasjonen er mest egnet til et spesifikt datapunkt for å indikere feil, f.eks FanFault for vifte.

Eksport

Eksporter elementer fra visningene med Excel.

  • I formen velger du hva som skal eksporteres og klikker "Eksporter" for å laste ned et excel-ark.
  • Elementene fylles i tre ark
    "Components" - Komponenter som ligger direkte i visningen.
    "Containers" - Kontainere som er en del av visningen. 
    "ContainerComponents" - Komponenter som er tilknyttet kontainere, f.eks. i bokser eller paneler.

Velg hva som skal eksporteres til Excel

Import

Importer elementer til visningen med Excel.

  • I formen klikker du "Last ned mal" og åpner excel-filen.
  • Excel-filen har tre ark
    "Components" - Fyll inn komponenter som skal ligge direkte i visningen.
    "Containers" - Fyll inn kontainere som skal være en del av visningen. 
    "ContainerComponents" - Fyll inn komponenter som skal være tilknyttet kontainere, f.eks. i bokser eller paneler.
  • Dokumentasjon for alle gyldige verdier i kolonnene finner du i boksen til høyre i arket. 
  • Når du er ferdig, last opp excel-filen i formen og velg hvilke ark importen skal ta med.

Velg hva som skal importeres fra Excel

Tips! Bruk eksisterende visninger ved å eksportere de først.
Vi har også flere forskjellige maler for ventilasjonsanlegg, varmeanlegg o.l. Ta kontakt så sender vi deg maler.

Alternativer

Under alternativer kan du gjøre tilpasninger til visningsbyggeren.

Trinn for flytting av elementer

Velg antall piksler et element skal flytte seg om gangen. Bruk denne for å plassere et element mer nøyaktig f.eks. når noe skal settes på linje.

Bredde

Bredden til visningen i piksler.

Høyde

Høyden til visningen i piksler.

Skjul paneler

Huk av for å skjule paneler i byggeren.

Tips! Når du er ferdig med å bygge visningen, tilpass bredden og høyden til å dekke innholdet, da blir skaleringen best på alle enheter.

Svarte dette på spørsmålet ditt?