Nell'ambiente digitale frenetico di oggi, aggiornare manualmente i display digitali può essere sia noioso che soggetto a errori. Questa guida ti mostrerà come integrare dati in tempo reale nei tuoi schermi digitali, consentendo aggiornamenti automatici senza interruzioni su tutti i tuoi display.
In questo articolo:
- Cos'è OptiSync?
- Aggiungere la tua fonte dati
- Inserire la tua fonte dati in Designer
- Modificare e progettare il tuo Repeater in Designer
- Inviare agli schermi
| Nota: OptiSync è disponibile solo per i piani Pro Plus e superiori. |
Cos'è OptiSync?
OptiSync è una soluzione integrata progettata per connettersi senza problemi con varie fonti dati, inclusi fogli di calcolo, API e tabelle.
Caratteristiche principali:
- Configurazione facile: L'impostazione della tua fonte dati richiede poco codice o nessun codice, garantendo un processo rapido e semplice.
- Aggiornamenti automatici: Puoi collegare la tua fonte dati direttamente alla nostra app Designer, che aggiornerà automaticamente i tuoi contenuti.
- Dati in tempo reale: Questo garantisce che il tuo display digitale rifletta sempre i dati più recenti, eliminando la necessità di inserimento manuale, riducendo gli errori e risparmiando tempo.
Casi d'uso:
OptiSync è ideale per un'ampia gamma di casi d'uso, come:
- Visualizzare compleanni dei dipendenti
- Menu di ristoranti
- Anniversari di lavoro
- Cataloghi prodotti
- Presentazioni del team
- E molto altro!
Con OptiSync, i tuoi display digitali rimangono accurati e aggiornati, migliorando la comunicazione e il coinvolgimento in vari contesti.
Aggiungere la tua fonte dati
Puoi aggiungere la tua fonte dati tramite le Impostazioni account o tramite l'app Designer.
Impostazioni account
- Clicca sul nome del tuo account nell'angolo in alto a destra
- Seleziona Altro
- Seleziona Fonti dati
- Seleziona Aggiungi fonte dati
- Scegli la tua fonte dati dall'elenco delle opzioni e segui le istruzioni su come importarla
- Se apri completamente le impostazioni del tuo account, sarà sotto "Avanzate" nella colonna a sinistra
App Designer:
- Apri l'app Designer
- Seleziona Fonti dati dalla colonna a sinistra
- Seleziona Aggiungi fonte dati
- Scegli la tua fonte dati dall'elenco delle opzioni e segui le istruzioni su come importarla
Segui queste guide per caricare diversi tipi di fonti dati:
- Come aggiungere Google Sheets come fonte dati per OptiSync
- Come aggiungere un foglio di calcolo Microsoft 365 Excel come fonte dati per OptiSync
Inoltre, puoi integrare e testare le richieste API ed eseguire qualsiasi codifica pre o post-richiesta necessaria.
Una volta configurata la tua fonte dati, puoi vedere Dove utilizzata, Modificare la fonte dati e/o Duplicarla.
- Dove utilizzata: Questo mostrerà quali dei tuoi progetti utilizzano questa fonte dati. È utile per monitorare l'uso di questa fonte dati tra diversi asset.
- Modifica dati: Accedi alla tua fonte dati e apporta eventuali aggiornamenti/modifiche.
- Duplica: Questo creerà una copia della tua fonte dati.
Inserire la tua fonte dati in Designer
Una volta configurata la tua fonte dati, puoi collegarla all'app Designer.
Vai su Fonte dati sul lato sinistro del menu laterale.
Come menzionato in precedenza, puoi aggiungere la tua fonte dati qui. Oppure, se l'hai già creata nella sezione Fonte dati di Avanzate, allora dovrebbe apparire sotto Altre fonti dati.
Seleziona la tua fonte dati.
Trascina e rilascia gli elementi della fonte dati sul canvas di Designer.
- Puoi trascinare e rilasciare un'intera riga o i singoli aspetti all'interno delle righe.
Apparirà un messaggio pop-up che chiede "Desideri utilizzare questi dati in un Repeater o da soli?"
-
Usa da solo: Sarà un elemento autonomo e si aggiornerà automaticamente in base alla fonte dati.
-
Usa in un Repeater: Questo includerà l'elemento della fonte dati in un componente Repeater.
- Repeater è uno strumento che può essere utilizzato nell'applicazione Designer per visualizzare e ripetere dinamicamente un elenco di elementi.
| IMPORTANTE |
| OptiSync non supporta caratteri speciali (ad esempio, qualsiasi cosa al di fuori dell'ambito di una tastiera in lingua inglese). Questo farà sì che i dati del sistema vengano letti come vuoti e non verranno visualizzati. |
Modificare e progettare il tuo Repeater in Designer
Puoi modificare sia il template che il Repeater in Designer!
Il Repeater può essere trovato nel menu laterale dell'applicazione Designer.
All'interno della sezione Repeater, conterrà diversi "componenti Repeater" e "template Repeater" pronti all'uso.
| Qual è la differenza tra i due? |
|
Componente Repeater: progettato per gestire e visualizzare elementi ripetuti insieme ad alcuni elementi di design. Puoi incorporare questo componente Repeater in qualsiasi template di design di tua scelta: non deve necessariamente essere un template Repeater. Una volta aggiunto, colleghi semplicemente alla tua fonte dati. Pensalo come un widget che può essere facilmente implementato e personalizzato tra diversi design per visualizzare dinamicamente i dati. |
|
Template Repeater: specificamente progettato per visualizzare elementi ripetuti all'interno di un template o layout di design predefinito. Come altri template, sostituirà qualsiasi design esistente quando applicato. Puoi comunque apportare modifiche e cambiamenti come desiderato. Anche in questo caso, gli utenti dovranno solo scaricarlo e collegarlo alla fonte dati desiderata. |
Qualsiasi di questi elementi può avere una fonte dati mappata su di essi, quindi essere modificata allo stesso modo di qualsiasi altro componente Designer.
Per maggiori informazioni su questo, consulta le nostre guide:
Puoi anche regolare la formattazione di un Repeater selezionandolo, quindi selezionando Impostazioni.
Questo aprirà la sezione Mappatura dati per il Repeater nel menu laterale:
Quindi, verranno presentate queste opzioni:
- Sostituisci fonte dati: Cambia la tua fonte dati
- Gestisci: Apporta modifiche alle informazioni della tua fonte dati.
- Filtra: Applica filtri basati su condizioni alla fonte dati. Le condizioni di filtro possono essere applicate utilizzando un valore fisso o attributi del dispositivo.
- Disconnetti: Disconnetti la tua fonte dati dal Repeater
-
Gestione dati vuoti: Quando non c'è alcun elemento della fonte dati, il comportamento predefinito è utilizzare un valore vuoto. Puoi regolare questo con le seguenti opzioni:
- Salta: Saltalo o elimina elementi Repeater aggiuntivi se non ci sono dati sufficienti per raggiungere il numero impostato di "Elementi totali visualizzati per pagina".
- Usa valore predefinito: Mostra il contenuto predefinito, che è come appare il tuo elemento Repeater da solo.
- Usa vuoto: Il Repeater non mostrerà nulla.
- Spaziatura tra gli elementi: Aumenta o diminuisci lo spazio tra gli elementi del Repeater.
-
Direzione visualizzazione elementi: Cambia il posizionamento delle righe dalla tua fonte dati all'interno degli elementi del Repeater.
- Da sinistra a destra: Visualizzerà le righe andando da sinistra a destra.
- Dall'alto in basso: Visualizzerà le righe andando dall'alto in basso.
- Allineamento visualizzazione elementi: Cambia l'allineamento degli elementi rimanenti (meno degli elementi configurati) per essere allineati a sinistra/centro/destra o in alto/centro/in basso.
- Elementi totali visualizzati per pagina: Aumenta o diminuisci quanti elementi Repeater desideri che vengano mostrati.
- Elementi massimi in ogni riga/colonna: Aumenta o diminuisci quanti elementi Repeater desideri mostrare in ogni riga/colonna.
- Spaziatura aggiuntiva riga/colonna: Aumenta o diminuisci la spaziatura tra righe/colonne.
- Durata (secondi): Regola la durata del tempo per quanto a lungo viene mostrato ogni elemento del Repeater prima.
- Mescola: Mescola casualmente gli elementi nella tua fonte dati da visualizzare nel Repeater.
Se modifichi un Repeater, replicherà i tuoi aggiornamenti per ogni istanza di dati nel dataset.
- Questo consente un aspetto coerente tra elementi simili senza la necessità di progettare ciascuno individualmente.
Se vuoi utilizzare un template o componente Repeater specifico e desideri aggiornare la fonte dati di esempio con una delle tue fonti dati, segui i passaggi mostrati di seguito:
Come utilizzare la funzione di mappatura delle proprietà
Questa funzione avanzata ti consente di modificare l'aspetto di dati specifici nel tuo repeater in base alle condizioni impostate dall'utente. Queste condizioni, definite nella fonte dati, vengono mappate ai valori o elementi corrispondenti nel repeater, e viene quindi applicata la formattazione specificata.
- In Designer, fai doppio clic sul Repeater che desideri modificare. (Questo aprirà l'Editor del Repeater.)
- Seleziona l'elemento nel Repeater che desideri modificare, quindi clicca su Impostazioni in alto
- Clicca su Opzioni avanzate nel menu laterale
- Clicca su + Mappatura proprietà (Premerai questo per ogni nuova istanza di mappatura che desideri)
- Cliccando sul menu Proprietà, seleziona una delle opzioni dal menu a discesa mostrato sopra o digita manualmente una delle opzioni disponibili elencate di seguito.
- Cliccando sul menu Valore, seleziona il nome della colonna correlata (Queste informazioni vengono estratte dalla tua fonte dati).
- Ripeti questo per tutte le istanze che desideri per più elementi all'interno del tuo Repeater.
- Clicca su Aggiorna per assicurarti che queste informazioni siano salvate e applicate al tuo Repeater.
Ecco le opzioni di mappatura delle proprietà elencate nelle impostazioni avanzate:
| Proprietà | Cosa fa | Valore |
| Colore riempimento | Cambia il colore di una forma o testo selezionato nel tuo Repeater | Accetta un valore colore Hex valido o un nome colore (es. #CE657E o Red) |
| Dimensione carattere | Cambia la dimensione del carattere del testo e come appare sugli schermi | Accetta valore numerico (es. 20) |
| Famiglia carattere | Cambia il carattere di un testo selezionato, come Arial, Times New Roman o caratteri personalizzati. | Accetta valori stringa che rappresentano la famiglia di caratteri. (es. Times New Roman) |
| Colore sfondo | Cambia il colore di sfondo di una forma o testo selezionato nel tuo Repeater. | Accetta un valore colore Hex valido o un nome colore (es. #CE657E o Red) |
| Peso carattere | Cambia il peso o lo spessore del carattere del testo, rendendolo più chiaro o più grassetto. | Accetta valori specifici: normal, bold, lighter, bolder, unset, o 100, 200, 300, 400, 500, 600, 700, 800, 900 |
| Sottolineato | Specifica se desideri il testo sottolineato per enfasi. | Valore booleano; accetta true/false o 0/1 |
| Barrato | Specifica se desideri una linea che attraversa il testo. | Valore booleano; accetta true/false o 0/1 |
| Sopralineato | Specifica se il testo ha una linea sopra. | Valore booleano; accetta true/false o 0/1 |
| Allineamento testo | Cambia l'allineamento orizzontale del testo. | Accetta valori specifici: left, center, right, justify, justify-left, justify-center, justify-right |
| Colore tratto | Cambia il colore del tratto/contorno | Accetta un valore colore Hex valido o nome colore (es. #CE657E o Red) |
| Larghezza tratto | Specifica la larghezza del tratto, che determina quanto spesso o sottile è il contorno. | Accetta un valore numerico. |
| Direzione | Imposta la direzione del testo: da sinistra a destra o da destra a sinistra | Accetta valori specifici: ltr o rtl |
| Visibile | Determina se l'elemento è visibile o no. | Valore booleano; accetta true/false o 0/1 |
| Opacità | Cambia il livello di trasparenza di una forma, testo o foto selezionata nel tuo Repeater | Accetta un valore numerico da 0-1 (es. 0.2 è 20%) |
Ecco un esempio di una fonte dati campione configurata con Colore riempimento, Colore sfondo, Opacità, Peso carattere e Allineamento testo:
Come utilizzare le opzioni di formato di visualizzazione
Se desideri modificare la formattazione di determinati dati dalla tua fonte dati che appaiono sul tuo repeater, puoi farlo con l'opzione Formato visualizzazione disponibile nell'Editor del Repeater. Questo ti fa risparmiare tempo dall'editare la tua fonte dati originale e applicherà la formattazione a tutti gli elementi ripetuti nel Repeater.
Segui i passaggi nella sezione precedente riguardante la mappatura delle proprietà per accedere alle opzioni di formato di visualizzazione.
| Opzione formato visualizzazione | Cosa fa |
| Testo | Questo mostrerà il valore grezzo senza formattazione. |
| Data e ora | Puoi cambiare il fuso orario, il formato della data e il formato dell'ora con le opzioni disponibili. |
| Numero | Puoi formattare i numeri per visualizzarli come percentuali, decimali, valuta e altro. |
Inviare agli schermi
Una volta completato il tuo design, è pronto per essere inviato allo schermo.
(Ecco una guida se hai bisogno di ulteriore assistenza con questo.)
Il tuo schermo si aggiornerà automaticamente in base alla tua fonte dati collegata.
Non hai più bisogno di aggiornare manualmente i tuoi dati, che richiedono tempo e sono soggetti a errori.