Up next in 10
Getting Started with STONE HMI Display
Nov 24, 2021
Purchase the Products shown in this video from::: https://store.stoneitech.com/ ________________________________________________________________________________ Stone official website :::: https://www.stoneitech.com/ Download the CH340 Drivers from :::: http://www.cesareriva.com/usb-to-serial-converter-hl-340-drivers/ ________________________________________________________________________________________________ ******* SUPPORT US BY DONATING****** https://paypal.me/controllertech *******Join the Membership******* https://www.youtube.com/channel/UCkdqtSMnhYuMsJkyHOxiPZQ/join Join the Discord Server https://discord.gg/D32JE5wKyD Join the Telegram Group https://t.me/controllerstechdiscuss Follow me on Instagram https://www.instagram.com/controllerstech/
View Video Transcript
0:01
[Music]
0:09
hello and welcome to controllers tech
0:13
this video will demonstrate how to get
0:15
started with the stone hmi displays
0:19
as some of you might have guessed it
0:21
this is a promotional video but if you
0:23
are planning to buy one of these you
0:25
should watch it
0:27
we will see how to download the required
0:29
software how to connect the display to
0:31
the computer and how to load the
0:33
application into the display
0:36
i will also try to give my honest
0:38
opinion about this
0:40
so let's start with the inbox materials
0:46
here we get a usb type a mail-to-mail
0:49
connector
0:51
this will be used for downloading the
0:53
code to the display
1:03
next we have is a u r 2 r s 2 32 p c b
1:07
and this will be used for sending the
1:09
uart commands to the display it will
1:12
also be used for supplying the power to
1:14
the display
1:16
the display can support a wide range of
1:18
voltages but 9 volts is recommended
1:22
we also have 2 cables for connecting the
1:24
pcb with our display
1:32
finally we have the display
1:39
its a 5 point 6 inches in size and it
1:42
looks very neat from the front
1:45
the back looks a bit more complicated to
1:47
understand
1:50
it have the r j 45 port 4 ethernet a usb
1:54
type a port for downloading the project
1:56
and for communicating with usb devices
2:00
we have the pins for the speaker output
2:03
and if you notice on this side there is
2:06
a slot for the wi-fi 2.
2:08
there is a battery holder for the rtc
2:12
basically its a complete package
2:14
considering the hardware
2:29
now for the connection we will connect
2:31
the cable to the pcb
2:34
as we will be using the dc adapter for
2:36
powering up this display make sure the
2:38
connection is set towards the port and
2:41
not the usb
2:43
this usb can be used to send the uart
2:46
commands to the display but we won't be
2:48
covering that part today and therefore i
2:50
am leaving the usb unconnected
3:04
connect the cable to the display and
3:06
make sure that the switch is set towards
3:08
the device mode
3:26
once we connect the adapter the display
3:29
will power on and this is how it looks
3:32
this is my old project running on it
3:34
which i was testing before making this
3:37
video
3:38
at the back of the display a blue light
3:40
will glow with full brightness
3:43
this here is the reset button
3:51
let's connect the display to the
3:53
computer
3:54
you see here it gets detected as a mass
3:57
storage device
3:59
but if you connect for the first time it
4:01
will show the driver error in the device
4:04
manager
4:05
so you need to download this
4:07
ch340 drivers
4:10
i will leave the link in the description
4:24
then click on the device which is
4:25
showing error click update driver browse
4:28
the computer for the driver
4:31
now locate the folder you just extracted
4:34
click next and the driver will install
4:38
if the mass storage isn't detected
4:41
restart the computer
4:43
also use the usb 2.0 port instead of usb
4:47
3.0
4:52
here you can see the device it's
4:55
145 megabytes
4:58
all right let's download the softwares
5:00
now
5:13
search for stone hmi
5:24
open the stoneitech.com
5:27
here you can read about their products
5:33
the products are sorted based on
5:35
application or size
5:40
we will go to the support download
5:46
this is the manual for the stone
5:48
designer
5:49
let's see the gui commands also
5:55
you can check the data sheet for your
5:57
device also
5:58
anyway we want to download the software
6:02
so go to the software
6:04
download the stone designer
6:06
you can find other software for some use
6:09
like the uart communication or the font
6:12
creator
6:13
after downloading the stone designer
6:16
install it and open it
6:32
here we have bunch of things that we can
6:34
use during the designing
6:36
let's create a new project
6:41
give some name to this project
6:48
choose the display size
6:50
and click create
6:58
i am going to add an image first
7:01
resize it to fit the display
7:04
the image start at x0 y0 and the width
7:07
will be 640 and the height will be 480.
7:18
i already have images available for this
7:20
size in the png format
7:23
we need to add those images in our
7:25
project
7:26
under the resource tab click on image
7:29
and then click add button
7:31
now those images
7:34
we can add fonts we can add video also
7:37
although i don't see any point of adding
7:39
video as there is no option for the
7:42
video element anyway we have the images
7:45
in our project so now we need to add
7:47
them to the display
7:51
so click on the image element you just
7:53
added
7:54
here in the image section you can select
7:57
the image
8:01
here we got ourselves a nice background
8:03
image
8:09
this is the home page and i want to add
8:12
another image to another page
8:15
so we will create another window
8:17
and then perform the same steps to add
8:20
another image here
8:30
now we have two pages with two
8:32
background images
8:35
so how do we go from one page to another
8:37
during the runtime
8:39
we need to create some action and for
8:42
that we will add buttons to these pages
8:46
you can modify the button properties
8:48
like the button mode the display text
8:51
the text size the background color etc
9:01
now we will set some action for this
9:03
button
9:06
this can be done using the function
9:07
parameter
9:09
i am setting it to open a window
9:12
and in the target name i am using window
9:15
1.
9:16
before uploading the code to the display
9:18
we will perform this check
9:21
there is an option here to debug the
9:23
code
9:24
this runs the simulation of the display
9:28
when i click the next the window has
9:30
changed
9:31
the button is working all right but we
9:34
need to add one more button to this
9:35
window so that we can go back to the
9:38
home page
9:42
we will perform exactly the same steps
9:45
to add another button to the second
9:47
window
9:51
and in the end the target will be the
9:54
home page
9:59
let's debug it once
10:13
all right everything is working pretty
10:15
good
10:16
now it's time to finally load this code
10:18
to the display
10:20
before that save the project
10:23
then click the compile button
10:25
it will compile the code and open the
10:28
project location
10:30
come back to the assets folder
10:32
copy the default folder into the device
10:41
you can overwrite everything
10:43
it takes a lot of time to copy
10:50
now let's move to the display
10:53
the code has been downloaded to the
10:55
display so now we have to do is press
10:58
the reset button
11:01
and the new gui will load
11:16
you can see this is working just as
11:18
expected
11:32
all right let's add one more window to
11:35
this
11:39
here i am putting the analog clock and
11:41
the digital clock
11:52
let's also add the slider
12:01
we need to add a button to go to the
12:03
third screen
12:15
the function will be that it will open
12:18
the third window
12:20
let's save the project
12:22
compile it and save to the device
12:36
reset the display
12:38
and the new code will be loaded
12:47
the clock is showing the wrong time
12:49
because i did not plug in the battery
12:51
yet
12:52
but the animation for the analog clock
12:54
looks ok
13:02
the slider does not seem smooth at all
13:09
maybe its the cover over the display
13:12
let me remove it
13:17
still the slider is not sliding
13:19
perfectly
13:21
you need to press really hard for the
13:22
slider to work
13:24
even while pressing the buttons i need
13:27
to press them hard as compared to other
13:29
displays i have used so far
13:31
anyway let's see the manuals they
13:34
provide for the reference
13:36
this is the stone designer reference
13:38
guide
13:40
it have the description of all the
13:41
elements and their functions in the
13:43
software
13:45
so you can refer this if you have hard
13:47
time understanding the functions
13:50
this is the command set instructions for
13:52
the uart
13:54
for example if you want to send the
13:56
command through the uart it have to be
13:58
in this format
14:02
they have provided the commands for
14:04
every element and it's nice
14:07
basically you can change values or read
14:10
them via uart using these commands
14:17
actually last time when i saw this dock
14:20
it didn't look this great but this seems
14:22
readable
14:36
there are some tutorials but they are
14:38
provided for the older software so you
14:41
can't use them with the stone designer i
14:44
guess they will update this section soon
14:54
here you can see the comparison between
14:56
the previous displays and the newer ones
15:05
on papers these displays looks
15:07
outstanding
15:09
but again the software is still
15:11
unpolished for the features
15:18
for example here it have the support to
15:21
play the video and audio files
15:24
but then how do you actually do it
15:27
there is no option in the designer to
15:29
implement it
15:31
the same goes for the ethernet
15:33
connectivity
15:34
i mean they don't have any proper
15:36
getting started guide where it explains
15:38
how to use the ethernet or wi-fi in our
15:41
projects
15:43
like i said the display looks promising
15:45
with great hardware with great features
15:48
but the software and the documentation
15:50
lacks the implementation of those
15:52
features once they do some work in the
15:55
software field i think these will be the
15:58
great displays
16:00
but you have better options available
16:02
till then
16:03
that's all for today
16:06
let me know what you guys think about
16:08
these displays as compared to the very
16:10
famous ones from nextion or the ones
16:13
provided by the s t on their development
16:15
boards
16:17
thank you for watching
16:19
have a nice day ahead