Creare Dashboard
Il Board Editor è uno strumento no-code per progettare dashboard che visualizzano i dati della tua app in tempo reale.
Aprire il Board Editor
- Apri la tua app nel cloud IDE.
- Fai clic sul pulsante Board nel menu laterale.
- Il Board Editor si apre mostrando il layout attuale della dashboard.
Aggiungere Widget
Fai clic su Add Widget per inserire un nuovo componente nella dashboard. Tipi di widget disponibili:
| Widget | Caso d’Uso |
|---|---|
| Line Chart | Andamenti time-series (temperatura nel tempo) |
| Bar Chart | Confronti categorici |
| Pie Chart | Distribuzione / proporzioni |
| Gauge | Valori singoli in tempo reale (velocità, pressione) |
| Value Display | Mostra un singolo numero o testo |
| Table | Dati tabulari con ordinamento/filtro |
| Map | Posizioni dei dispositivi con overlay dati |
| Embed | Contenuto web esterno o tunnel di accesso remoto al dispositivo |
Collegare i Dati
Ogni widget è collegato a una tabella e a una colonna del tuo data-template.yml:
- Seleziona il widget.
- Scegli la tabella di origine dati.
- Mappa le colonne agli assi o ai campi del widget.
- Imposta eventuali opzioni di filtro o aggregazione.
I dati si aggiornano in tempo reale — man mano che arrivano nuovi dati dai dispositivi, i widget si aggiornano automaticamente.
Layout
Drascina e ridimensiona i widget per organizzare la tua dashboard. La board supporta:
- Posizionamento basato su griglia
- Layout responsive che funziona su diverse dimensioni di schermo
- Più pagine / schede all’interno di una singola board
Il File board-template.yml
Il Board Editor genera un file board-template.yml nella tua directory .ironflock/. Questo file descrive il layout completo della board, la configurazione dei widget e le mappature dati.
Puoi anche modificare questo file manualmente se preferisci.
È perfettamente corretto per un’app raccogliere solo dati senza fornire una dashboard. Le app data logger comunemente permettono agli utenti di costruire le proprie dashboard dai dati raccolti. Le dashboard create dagli utenti possono anche combinare dati da più app.
Widget Embed
Il widget Embed è particolarmente potente — puoi incorporare direttamente nella board il tunnel di accesso remoto di un dispositivo. Questo crea un’esperienza fluida in cui gli utenti possono monitorare dati globali e interagire con i singoli dispositivi dalla stessa interfaccia.