Vai al contenuto
Elausys

HyperVisu / Utilizzo dell'app

Grafica sulle viste

Inserisci una planimetria dinamica della casa, uno schema di riscaldamento o un flusso di energia su una vista e interagisci con i simboli.

elausys · 08 settembre 2026
In questa pagina

Un elemento grafico è un disegno dinamico preparato dall'installatore nel pannello di amministrazione (vedi "Grafica — Disegni dinamici per le viste"): una planimetria della casa con luci e tapparelle, uno schema di riscaldamento con pompe e temperature, un flusso energetico con fotovoltaico, batteria e auto, oppure un piano di sicurezza con ogni contatto porta. Su una vista si comporta come qualsiasi altra scheda, con due differenze: valori e colori seguono l'impianto in tempo reale e i simboli sono interattivi.

Posizionare un elemento grafico

  1. Apri l'editor della vista (vedi "Viste personalizzate") e tocca Aggiungi alla vista.
  2. Scegli Grafica e seleziona uno degli elementi grafici pubblicati dall'installatore. La scheda assume il nome della grafica; se l'installatore la rinomina, la scheda si aggiorna di conseguenza.
  3. Tocca la scheda per aprirne le opzioni:
OpzioneScelteEffetto
Titolotesto liberoSostituisce il nome della grafica sulla scheda
Larghezza riquadroSemplice, Doppia, Larghezza interaLa scheda mantiene le proporzioni del disegno: un riquadro più largo risulterà anche più alto
CorniceRiquadro con titolo, Solo graficaSolo grafica rimuove bordo e titolo, per un disegno a schermo intero nella vista

Infine, tocca Salva.

⚠️ Attenzione: un elemento grafico salvato su una vista costituisce un comando attivo. Chiunque apra la vista e abbia accesso ai dispositivi può azionarli direttamente dal disegno: toccare una lampada commuta la luce reale, senza alcuna conferma a meno che l'installatore non l'abbia richiesta. Valuta attentamente chi può accedere alla vista prima di inserirvi un elemento grafico.

💡 Suggerimento: la planimetria dell'abitazione rende al meglio a Larghezza intera con la cornice impostata su Solo grafica; un piccolo logo o un indicatore grafico si integrano perfettamente come riquadro Semplice accanto alle altre schede.

La vista "Piano terra": la grafica del piano terra a larghezza intera con cornice impostata su Solo grafica — Layout smartphone.
La vista "Piano terra": la grafica del piano terra a larghezza intera con cornice impostata su Solo grafica — Layout tablet.
La vista "Piano terra": la grafica del piano terra a larghezza intera con cornice impostata su Solo grafica — Layout pannello touch a parete.
Editor della vista con la scheda grafica selezionata: Titolo, Larghezza riquadro e Cornice — Layout smartphone.
Editor della vista con la scheda grafica selezionata: Titolo, Larghezza riquadro e Cornice — Layout tablet.
Editor della vista con la scheda grafica selezionata: Titolo, Larghezza riquadro e Cornice — Layout pannello touch a parete.

Lettura di un elemento grafico

Tutti gli elementi collegati dall'installatore si aggiornano autonomamente: una lampada si illumina all'accensione della luce, la tapparella segue la sua posizione reale, un indicatore mostra la lettura con la relativa unità di misura, una pompa gira quando è in funzione, la freccia di flusso accelera all'aumentare della potenza e si inverte al cambiare della direzione di flusso, un punto di stato diventa rosso all'apertura di una porta. Non è necessario alcun aggiornamento manuale.

In caso di perdita di comunicazione con il server, l'elemento grafico mostra lo stato Riconnessione… fino al ripristino del collegamento.

Interazione con la grafica

L'installatore definisce il comportamento di ciascun simbolo al tocco singolo, doppio tocco o pressione prolungata. Azioni tipiche: commutare una luce, aprire il locale o la pagina di dettaglio del dispositivo, eseguire uno scenario, spegnere tutte le luci di un ambiente, passare a un'altra vista, a un locale o a una categoria. Una planimetria può includere anche aree invisibili: toccando un ambiente sul disegno se ne apre la relativa pagina. Se l'installatore ha previsto una richiesta di conferma, compare prima una finestra di dialogo; tocca Conferma per procedere oppure Annulla per mantenere lo stato invariato.

La vista "Centrale pompe" subito dopo il tocco sulla pompa P1: finestra di dialogo di conferma sovrapposta al disegno — Layout smartphone.
La vista "Centrale pompe" subito dopo il tocco sulla pompa P1: finestra di dialogo di conferma sovrapposta al disegno — Layout tablet.
La vista "Centrale pompe" subito dopo il tocco sulla pompa P1: finestra di dialogo di conferma sovrapposta al disegno — Layout pannello touch a parete.

📘 Nota: la visualizzazione e il controllo sono limitati ai dispositivi accessibili dal proprio account. I simboli associati a dispositivi esterni ai propri locali o categorie restano elementi statici: non mostrano valori né rispondono al tocco.

La vista "Hub energia": la grafica Produzione solare con linee di flusso dinamiche e le schede sottostanti — Layout tablet.
La vista "Hub energia": la grafica Produzione solare con linee di flusso dinamiche e le schede sottostanti — Layout smartphone.
La vista "Hub energia": la grafica Produzione solare con linee di flusso dinamiche e le schede sottostanti — Layout pannello touch a parete.

Domande frequenti

Come si aggiunge un elemento grafico a una vista?

Apri l'editor della vista, seleziona Aggiungi alla vista → Grafica, scegli una grafica pubblicata e tocca Salva.

È possibile visualizzare una grafica senza bordo o titolo?

Sì. Imposta Cornice su Solo grafica. L'opzione Larghezza intera assegna più spazio al disegno preservandone le proporzioni.

I valori grafici richiedono un aggiornamento manuale?

No. Valori, colori e animazioni associati seguono lo stato dell'impianto in tempo reale.

Perché un simbolo non mostra valori o non risponde al tocco?

L'account potrebbe non disporre dei permessi per il locale o la categoria del dispositivo. I simboli soggetti a restrizione restano semplici elementi grafici statici.

Cosa significa Grafica non disponibile?

La grafica di riferimento non è più presente sul server. La dicitura Riconnessione… indica invece una momentanea perdita di comunicazione con il server.

Continua a esplorare

Trova le altre guide per questo prodotto nella documentazione.

Torna a Utilizzo dell'app