Il protocollo UART di SmartDisplay è un protocollo di comunicazione proprietario sviluppato da WINSTAR, progettato per consentire ai clienti di controllare facilmente i propri schermi HMI (Interfaccia Uomo-Macchina) attraverso l'interfaccia UART. Questo protocollo innovativo combina il GUI Builder intuitivo di Winstar, fornendo ai clienti uno strumento potente e user-friendly per personalizzare e costruire rapidamente widget che soddisfano le loro esigenze.

Attraverso il GUI Builder, i clienti possono progettare facilmente una varietà di oggetti HMI per l'interazione, che vanno da semplici pulsanti e testi a complessi manometri e tastiere, adattandosi a vari scenari applicativi. Questo non solo consente di risparmiare tempo e costi, ma rende anche la progettazione dell'interfaccia più flessibile e unica.

Utilizzando i comandi del protocollo UART personalizzato di WINSTAR, l'interazione e il controllo con Smart Display possono essere facilmente realizzati. Siamo impegnati a fornire la migliore esperienza possibile ai clienti e a migliorare continuamente il nostro GUI Builder per garantire che soddisfi le esigenze in evoluzione dei nostri clienti.

Che tu sia un designer professionista o un principiante, crediamo che il protocollo UART di SmartDisplay sia la scelta ideale per creare eccellenti interfacce HMI. Esploriamo insieme questa tecnologia innovativa e infondiamo più vitalità e ispirazione nei tuoi prodotti.

Istruzioni per la Configurazione del Progetto UART – Smart Display GUI Builder

Il SmartDisplay GUI Builder offre un'interfaccia intuitiva e user-friendly, che ti consente di creare facilmente i tuoi progetti HMI. Basta trascinare e rilasciare vari widget sulla pagina utilizzando il GUI Builder, e puoi visualizzarli e interagirvi senza sforzo sul tuo dispositivo SmartDisplay. Con un'operazione semplice e funzionalità flessibili, può soddisfare le tue varie esigenze, rendendo il tuo lavoro più efficiente.

Di seguito verrà introdotto come creare un progetto UART utilizzando il Smart Display GUI Builder e come controllare gli oggetti tramite UART.

■ Creare un progetto protocollo UART

Per creare un progetto UART, inserisci il nome del progetto, seleziona il tipo di dispositivo SmartDisplay e scegli il protocollo SmartDisplay (UART) sotto l'opzione del protocollo in base alle tue esigenze.

■ Aggiungere un widget Gauge e un widget Slider Orizzontale alla pagina principale

Dopo aver aggiunto un widget, ogni oggetto ha un ID univoco. Ogni oggetto ha anche le impostazioni di Page Index e Object ID. Conoscendo queste due impostazioni, il lato Host può controllare questo oggetto tramite comandi UART.

■ Simulare l'interazione tra UART e il widget

Clicca sull'icona "Simulator With GUI" per avviare il simulatore.

Dopo aver avviato il simulatore, puoi trascinare il cursore etichettato GAUGE_0 in fondo per simulare l'invio di dati dal Host a GAUGE_0. Osserva le modifiche nel Gauge del simulatore e visualizza il registro dei comandi UART nel Message Log a destra. Puoi anche interagire con lo Slider Orizzontale nel simulatore per simulare l'invio di dati dal lato Dispositivo.

■ Aggiornare le impostazioni del dispositivo SmartDisplay

Dopo aver verificato la funzionalità tramite il simulatore, se tutto funziona correttamente, puoi collegarti al dispositivo e caricare le impostazioni del progetto sul dispositivo Smart Display.

Aspetta il completamento del processo di upload e aggiornamento.

■ Verificare l'interazione tra il Dispositivo e il Widget

Dopo aver caricato il progetto sul dispositivo, puoi ulteriormente convalidare la funzionalità sul lato dispositivo Smart Display. Collega il dispositivo con il GUI Builder, clicca su "Test Device" e potrai quindi testare l'interazione tra l'Host e il Dispositivo.

■ Finestra di Test del Dispositivo

Attraverso questa interfaccia di test, puoi simulare la modifica del valore dell'oggetto da parte del lato Host. Trascina il cursore etichettato GAUGE_0 in fondo per simulare l'invio del valore dell'Object 0 da parte dell'Host. Osserva le modifiche nel Gauge sul dispositivo e puoi anche visualizzare le variazioni nei comandi di Invio e Risposta nel Message Log in basso. Inoltre, interagisci con lo Slider Orizzontale del Dispositivo per confermare il comando Evento inviato dal lato Dispositivo.

Attraverso la finestra di Test del Dispositivo descritta sopra, puoi simulare l'invio di comandi UART dall'Host per controllare lo SmartDisplay. Visualizza lo schermo dei risultati sullo SmartDisplay e conferma la ricezione delle informazioni sul comando Evento dal lato Host operando lo SmartDisplay tramite il Touch Panel.

SmartDisplay GUI Builder – Widget Personalizzati

Quando i widget predefiniti sullo SmartDisplay non soddisfano i requisiti di design, i clienti possono progettare da soli icone di widget personalizzati. Aggiornando le immagini corrispondenti, possono ottenere un'interfaccia widget personalizzata. Per pulsanti semplici o pulsanti di attivazione/disattivazione, cambiare le immagini On/Off può soddisfare le esigenze di personalizzazione. Tuttavia, per widget più complessi, oltre alla sostituzione delle immagini, potrebbero essere necessarie ulteriori impostazioni dei parametri per garantire che il widget venga visualizzato correttamente.

■ Spiegazione e Esempio del Gauge Personalizzato

Puoi ottenere un'interfaccia widget personalizzata modificando sequenzialmente le immagini e i parametri del Gauge.

■ Testo Multilingue

Il Widget di Testo SmartDisplay supporta Unicode, consentendo la visualizzazione di testo multilingue. I clienti possono seguire i passaggi sottostanti per impostare il testo multilingue desiderato per la visualizzazione.

1. Aggiungi Font Personalizzato, seleziona l'interfaccia desiderata e le dimensioni nell'ordine e scegli l'intervallo di testo Unicode da visualizzare (puoi consultare il sito web https://unicode-table.com/en/blocks/ per confermare l'intervallo Unicode del testo da visualizzare). Se l'intervallo di testo da visualizzare è troppo grande (come i caratteri cinesi), il che porta a uno spazio Flash insufficiente, puoi ridurre lo spazio Flash del font impostando solo i caratteri da includere nella sezione Caratteri Personalizzati.

2. Imposta il font per visualizzare il Widget di Testo: seleziona quali impostazioni del Widget di Testo modificare.

3. Aggiungi un Widget di Testo e verifica nel simulatore che la visualizzazione del testo sia corretta.

Introduzione ai Comandi CAN Personalizzati

Successivamente, spiegheremo il protocollo di comando utilizzato per UART. Attraverso queste istruzioni, il lato Host può facilmente controllare lo SmartDisplay, inclusi il cambio di pagina, la regolazione della luminosità dello sfondo o l'attivazione del buzzer.

Le seguenti sono le impostazioni UART predefinite:
Default baud rate: 115200 (può essere modificato tramite GUI Builder)
Parity Bit: None
Data Bit: 8
Stop Bit: 1

Il formato principale dei dati per UART è il seguente:

Header Byte(1 Byte)	Length(1 Byte)	Payload(N Byte)	CRC(2 Byte)
Command Header	Value: 4 + Payload length Payload max size: 250	Payload data max size: 250	Modbus CRC16 (Calculate Modbus CRC16 https://www.modbustools.com/modbus_crc16.html)

Il protocollo UART ha principalmente tre tipi di comandi: comando di invio, comando di risposta e comando evento, con i seguenti formati in ordine.

(1) Formato del comando di invio
Il comando di invio è utilizzato dal lato Host per inviare comandi al lato SmartDisplay.

Header Byte(1 Byte)	Length(1 Byte)	Payload(N byte)	CRC(2 Byte)
Start with 0x53 (S)	Value: 4 + Payload length Payload max size: 250	Command code: 1 byte Command parameter: 0 ~ N bytes	Modbus CRC16

(2) Formato del comando di risposta
Il comando di risposta è utilizzato dal lato SmartDisplay per rispondere al lato Host con i risultati del comando di invio.

Header Byte(1 Byte)	Length(1 Byte)	Payload(N byte)	CRC(2 Byte)
Start with 0x52 (R)	Value: 4 + Payload length Payload max size: 250	Command Code: 1 byte Error Code: 1 byte Response Data: 0 ~ N bytes	Modbus CRC16

(3) Comando evento
Quando il lato SmartDisplay ha bisogno di segnalare attivamente dei dati, utilizzerà questo comando, ad esempio, quando viene attivato un pulsante.

Header Byte(1 Byte)	Length(1 Byte)	Payload(N byte)	CRC(2 Byte)
Start with 0x45 (E)	Value: 4 + Payload length Payload max size: 250	Event Command Code: 1 byte Event Data: 0 ~ N bytes	Modbus CRC16

* Per dettagli sul codice del comando di invio e sul codice del comando evento, si prega di fare riferimento al documento della Guida dell'Utente SmartDisplay UART.

■ Spiegazione ed esempi del protocollo di comando di invio/riposta

Di seguito viene descritto in sequenza il formato dei dati e gli esempi per ciascun payload di comando.

● Set Object Value: 0x3

Send Command

Command Code	1 Byte	0x3
Parameter data	8 Byte	uint16 PageIndex; uint16 ObjectId; int32 value;

Response command

Command Code	1 Byte	0x3
Error Code	1 Byte	0: Success 1: Failed

Esempio: Set Object value

● Set Object Buffer Data: 0x5

Send Command

Command Code	1 Byte	0x5
Parameter data	N Byte	uint16 PageIndex; uint16 ObjectId; uint8 [] data (max 100 bytes) // Unicode String for Text // Clock setting for Digital Clock

Response command

Command Code	1 Byte	0x5
Error Code	1 Byte	0: Success 1: Failed

Esempio: Set Object Text: test

Esempio: Set Clock Widget date time: 2024/09/01 04:05:06

● Set Brightness: 0x6

Send Command

Command Code	1 Byte	0x6
Brightness	1 Byte	Brightness value

Response command

Command Code	1 Byte	0x6
Error Code	1 Byte	0: Success 1: Failed

Esempio: Set brightness to 90.

● Set Buzzer: 0x7

Send Command

Command Code	1 Byte	0x7
Cycle	1 Byte	Cycle value
High	1 Byte	High value (Unit: 10 ms)
Low	1 Byte	Low value (Unit: 10 ms)

Response command

Command Code	1 Byte	0x7
Error Code	1 Byte	0: Success 1: Failed

Esempio: Emitting buzzer: Cycle:1, High: 200 ms, Low: 0 ms

● Set Page Index: 0x8

Send Command

Command Code	1 Byte	0x8
Page Index	1 Byte	Page Index value

Response command

Command Code	1 Byte	0x8
Error Code	1 Byte	0: Success 1: Failed

Esempio: Switching Page Index to 1.
Per cambiare pagina, è necessario prima impostare lo stato del dispositivo su ConfigMode. Successivamente, inviare il comando di cambio pagina. Dopo aver completato il comando di cambio pagina, impostare la modalità dello stato del dispositivo su Display Mode per completare l'operazione di cambio pagina. La sequenza dei comandi correlati è la seguente:

● Set Device State: 0x20

Send Command

Command Code	1 Byte	0x20
Device State	1 Byte	0: ConfigMode 1: DisplayMode

 

Response command

Command Code	1 Byte	0x20
Error Code	1 Byte	0: Success 1: Failed

Esempio: Refer to the example of switching pages

■ Spiegazione ed esempi del protocollo di comando evento

● Page change event: 0x1

Event Command

Event Code	1 Byte	0x01
Parameter data	2 Byte	Uint16 PageIndex

Esempio: SmartDisplay switches to Page 1.

● Object Text change event: 0x2

Event Command

Event Code	1 Byte	0x02
Parameter data	N +2 Byte	Uint16 ObjectId N byte Unicode Text

 

Esempio: Keypad widget sends the text "1234"

● Object Value change event: 0x3

Event Command

Event Code	1 Byte	0x03
Parameter data	6 Byte	Uint16 ObjectId int32 value

Esempio: Object value change event.

I clienti possono progettare l'interfaccia utente trascinando e rilasciando i widget utilizzando il GUI Builder, ottenendo un effetto WYSIWYG (What You See Is What You Get), che rende la progettazione dell'interfaccia intuitiva ed efficiente. Inoltre, visualizzare i risultati del design attraverso il simulatore consente ai clienti di vedere immediatamente la presentazione dell'interfaccia utente, fornendo una comprensione anticipata dell'effetto finale, risparmiando tempo e fatica. Alla fine, grazie al protocollo UART personalizzato di Winstar, i clienti possono controllare facilmente il dispositivo. Questo processo di design end-to-end consente un'integrazione fluida di design e controllo per i clienti, migliorando la comodità operativa e l'accuratezza. L'applicazione del protocollo UART SmartDisplay offre maggiori possibilità operative e comodità ai clienti, ampliando il campo di sviluppo e applicazioni dei prodotti. Questa soluzione completa non solo migliora l'efficienza lavorativa dei clienti, ma aumenta anche la creatività e la competitività del prodotto. Sei entusiasta? Scarica rapidamente il SmartDisplay GUI Builder. Prima di acquistare Smart Display, puoi provare il simulatore per confermare se SmartDisplay soddisfa le tue esigenze! Contattaci