Register
Log in
Shopping cart (0)

You have no items in your shopping cart.

Personal menu

Filters

FIRST Components Academy | Winstar Smart Display GUI Builder: Design the UI without code

Thursday, January 19, 2023

Smart Display GUI Builder: Design the UI without writing a line of code by WINSTAR GUI Builder

The Constructor Winstar offers an out-of-the-box product portfolio “Smart Display Solution” into its product lines to meet customers' unique applications and requirements.

It will lower customer's development costs and speed and time-to-market expectations. The “Smart Display solution” comes with Winstar standard display modules and UI objects to get customers project off the ground quickly.

Its Display solution is featured with:

The user interfaces are well defined as objects.
Built in flash memory, store the font and Object Dictionary data.
Get started quickly, suitable for fast and easy integration of a HMI into any application.
Design the UI without writing a line of code.

Let's follow up on our last article at Knowledge Center (Link to 'SMART GUI BUILDER' INTRODUCTION & VIDEO) with these videos for a guided User Experience! 👇

VIDEO PLAY
1)How to get started: -choose -design -do/undo/delete -add page -change default value	2)How to do simulation without the module connected: -Winstar's GUI Builder allows user to simulate the behavior betwen software and module without hardware module in hand -Click Simulator with GUI after you complete your UI design You'll get into the simulation mode -By sliding the value bar, you may check how the widgets move on the display -You may also click the button on the display window as Winstar provides SmartDisplay with touch function -Select the page number in Page index -Data area shows how the host sending commands to the display
3)How to upload a GIF splash screen: -Click “Resource” page	4)How to upload your own widgets: -Click "Resource" page -Upload icons from your local PC -Drag the widget to working area Now you can check the result in simulation mode!
5)How to update a whole project: -First, connect hardware module with GUI builder -Click "Upload the project" -Wait a few minutes for uploading	6)How to change baud rate -Once you connect the hardware module to PC with USB to CAN dongle -Click "Connect to Device" for connection -Click "Device"/"Device Property" -Then you may select needed baud rate -Remember to restart and reconnect the device to update settings Afer restarting the device Now the baud rate is changed successfully!
7)How to check my GUI builder version	8)How to check my module's software version -When connect hardware module with GUI builder -You may check the module's software version from "Firmware upgrade" page
9)How to insert negative number or decimal? -Number widget only supports positive integer. -Please insert negative number or decimals in TEXT section to fulfill the need	10)Limitations about GUIbuilder: -Max. 10 page -Max 64 icons per page -size consistency -fixed size icons: splash screen

VIDEO PLAY

1)How to get started:
-choose
-design
-do/undo/delete
-add page
-change default value

2)How to do simulation without the module connected:

-Winstar's GUI Builder allows user to simulate the behavior betwen software and module without hardware module in hand
-Click Simulator with GUI after you complete your UI design You'll get into the simulation mode
-By sliding the value bar, you may check how the widgets move on the display
-You may also click the button on the display window as Winstar provides SmartDisplay with touch function
-Select the page number in Page index
-Data area shows how the host sending commands to the display

3)How to upload a GIF splash screen:

-Click “Resource” page

4)How to upload your own widgets:

-Click "Resource" page
-Upload icons from your local PC
-Drag the widget to working area

Now you can check the result in simulation mode!

5)How to update a whole project:

-First, connect hardware module with GUI builder
-Click "Upload the project"
-Wait a few minutes for uploading

6)How to change baud rate

-Once you connect the hardware module to PC with USB to CAN dongle
-Click "Connect to Device" for connection
-Click "Device"/"Device Property"
-Then you may select needed baud rate
-Remember to restart and reconnect the device to update settings
Afer restarting the device

Now the baud rate is changed successfully!

7)How to check my GUI builder version

8)How to check my module's software version

-When connect hardware module with GUI builder
-You may check the module's software version from "Firmware upgrade" page

9)How to insert negative number or decimal?

-Number widget only supports positive integer.
-Please insert negative number or decimals in TEXT section to fulfill the need

10)Limitations about GUIbuilder:
-Max. 10 page
-Max 64 icons per page
-size consistency
-fixed size icons: splash screen

View the complete list of videos at the following links:

Wistar website: https://www.winstar.com.tw/video/smartdisplay.html
Youtube: https://youtube.com/playlist?list=PLsNeVUP2onwDJ8fOvuYR1UojHsL13MBf0

If you have demand, please contact us

back to Knowledge Center item list

FIRST Components Academy | Winstar Smart Display GUI Builder: Design the UI without code

Log in or Register to proceed