Design of Web-Based Human Machine Interface

(HMI) for Electric Tube Furnace

Nurina Nugraheni1, Sumardi2, Enda Wista Sinuraya3
1Diponegoro University, Department of Electrical Engineer,
Jl. Prof. H. Sudarto, Semarang, Indonesia
nurinanugraheni30@gmail.com
2Diponegoro University, Department of Electrical Engineer,
Jl. Prof. H. Sudarto, Semarang, Indonesia
Sumardi_undip@gmail.com

3Diponegoro University, Department of Electrical Engineer,

Jl. Prof. H. Sudarto, Semarang, Indonesia
Sinuraya_enda@elektro.undip.ac.id

Abstract : Cremate process becomes one of the way to find out a level of substances that contained in a material. Determination of ash
content can be done directly by burning materials at high temperatures (500-600oC) for several hours (2-8 hours) in furnace. This makes
locally control system run less effectively. In this research, a Web-based monitoring system was developed for electric tube furnace.
Operator can do monitoring process through the Human Machine Interface HMI) from web pages which can be accessed flexibly in
anywhere. The system was built using STM32F103C8T6 microcontroller and ENC28J60 ethernet module. As a result, HMI can provide
information data plant condition in both graphical and numerical forms. The action of giving controller input from HMI can be done well
in every 9.2 second.
Keywords : HMI, Web, ENC28J69, Furnace

1. Introducing
converters accessible to users through a computer network
Cremate process becomes one of way to find out a level of
[5].
substances contained in a substrac. Determination of ash
This research will design a prototype of a Web-based
content can be done directly by burning the material at high
temperature monitoring system on an electric tube furnace.
temperature (500-600oC) for several hours (2-8 hours), then
Reading of data received from the cloud database and sending
weighing the remaining combustion left as ash [1][2].
the acquisition data to the cloud database will be carried out
Cremate process usually done by furnace.
by the microcontroller. Access communication with database
Most furnaces are equipped with a local monitoring system.
and HMI on the web server using an internet connection via an
This makes the monitoring process run less effectively for a Ethernet module interface that connected to the router
process that takes a long time. Monitoring process can be
carried out by Human Machine Interface (HMI) which is part 2. Hardware Design
of an interactive system (software or hardware) by providing Control and monitoring process of electric tube furnace
information and controls needed for the operator to operate performance can be done online, utilizing the web display so
the plant[3]. Monitoring process is needed to determine the it run more flexible because the HMI page can be accessed
condition of the plant temperature in real time. Temperature anywhere.
recording is also carried out to determine the temperature The data plant obtained by the STM32F103C8T6 is sent
overshoot which can affect the quality of the test material, so to a cloud database via internet connection that bridged by the
need an action to deactivate heating process immediatly for Ethernet module ENC28J60 that connected to the nearest
material quality protection. router using an RJ45 cable. This makes STM32F103C8T6
Several studies have been carried out on web-based HMI able to send and read data from a connected database. Data in
was made. The previous study was a SCADA system the cloud database is called using a PHP list to display on the
(Supervision of Data Supervision and Retrieval) for prototype HMI. Controlling plant from HMI is done by giving the
hot room internet-connected devices, using ATmega16 temperature and time setting point values, then that data
microcontroller and Wifi ESP8266 module as a data entering the database, then will be read by STM32F103C8T6.
communication module with the internet (Michael, 2017). The entire system designed is shown in Figure 1.
The results of the SCADA system experiment in temperature
control on the hot room prototype showed that monitoring,
controlling, and data on the prototype hot room was carried
out through a Human Machine Interface (HMI) wirelessly [4].
Other studies were also carried out using AT8535
microcontroller and W5100 ethernet module as data
communication modules with the internet (Nurahmadi, 2013).
As a result, a control and monitoring system that can be used
as an efficient system and the W5100 on the WIZ110SR
module can work well with serial data to packet data
 Table 2 : Pin Placement On ENC28J60
Ethernet
I/O Kind Pin
Modul Pin
Input to microcontroller MOSI Digital PA7
Output from
MISO Digital PA6
microcontroller
Output from
SCK/CLK Digital PA5
microcontroller
Output from
SS/CS Digital PA4
microcontroller

2.3 Software Design

Software design contain design for STM32F103C8T6,
design database, and design HMI.

2.3.1 Software design for microcontroller

Software design for STM32F103C8T6 microcontroller
includes construction of two-way communication process
(sending data to a cloud database and receiving data from a
Figure 1 : Design totally system cloud database).
a. Readings from database
2.1 Microcontroller Design Consists of two stages, first stage is reading PHP file,
In this research, microcontroller STM32F103C8T6 is used second stage is data parsing.
as the center of system control and support system • Read PHP files
performance properly. This microcontroller has a powerful Data reading begins by executing list of php request files
performance to carry out the process of controlling and data to a web server.
acquisition simultaneously. • Parsing data
The placement of IO pins on the microcontroller is shown After reading, then parsing to retrieve the needed data as
in Table 1. the system input.
Table 1: Pin Placement On Microcontroller b. Data transfer to database
Pin on Data transmission of temperature reading, alarm status
I/O Signal Kind
microcontroller and the value of Kp, Ki is transfered database using HTT
Modul POST via php. Data is sent using the POST method.
Output Analog PA4
ENC28J60
Output Buzzer Digital PB10 2.3.2 Database System Design
Database system is used as a bridge between the
2.2 ENC28J60 Design microcontroller and the HMI web display.
Figure 2 shows the ethernet module circuit with a built-in Database system designed with one database and five tables
RJ45 connector. in it. Two tables are used for data exchange and the other are
used for login system.

Figure 3 : Data Flow Context Diagram in Database

Figure 2 : Ethernet modules and circuits System

Sending and reading data from the cloud database is done
with Ethernet module help. Vcc pin is connected to the + 3.3V
source and the GND pin to ground. MISO, MOSI, CLK, and
CS pins are connected to a microcontroller that is useful for
SPI communication and shown in Table 2.
Based on Figure 3, designed database system consists of
HMI blocks, databases, and plant electric tube furnaces.
2.3.3 Design HMI System
Monitoring system through HMI based on web has
algorithms as follows:
1. Start
2. Receiving data plant in the database.
3. Display the login form on the electrictubefurnace.online
page
4. Enter your username and password.
 o If the username and password are incorrect: a password
or username appears incorrectly and returns to the login
page.
o If the username and password are correct: nitofication
appears as "user level" and enters the HMI page
according to the detected level.
5. Access the HMI Engineer level for the username and
password that matches the level engineer.
6. Operator level HMI access for correct username and
password operator level
7. Finish
Figure 6 : Failure to Connect with a Web Server
Start

Figure 6 shows failure to obtain an IP from the server, so it

Receiving data plant by Login form A Caution Username or
database (electrictubefurnace.online) Password Wrong cannot send and receive data to / from the database and cannot
be remote monitored by the system.
B
Right Wrong
Input Username and
Password
3.2 Communication System Test
Communication system test divided into 2 stages. The first
stage is testing data transmission and the second stage testing
As Operator
N
As Engineer
data reception.

Y Y 3.2.1 Testing of sending data to the database

Testing of data acceptance to the database is done by
Another Operator Y
still login
Another Engineer Y sending data from the plant in the form of temperature, Kp
still login
value, Ki value, and high_temp value. Delivery recap results
Caution Caution
N
Can t login because Can t login because are shown in Table 3.
another Operator is still N another Engineer is still
login login

Table 3 : Time interval for sending data to database

Information
Login Operator as user A
Information
Login Engineer as user
A No. Data Time Interval
1. 0 to 1 10 sec
B
B 2. 1 to 2 10 sec
HMI for Operator
HMI for Engineer 3. 2 to 3 10 sec
4. 3 to 4 10 sec
Finish
..... .... ....
Figure 4 : Flowchart HMI Full System 21. 20 to 21 10 sec
22. 21 to 22 10 sec
Based on the algorithm, there are two access modes of the 23. 22 to 23 10 sec
HMI page, Operator mode and Engineer mode . 24. 23 to 24 30 sec
Average 12.5 sec
3. Result and Analysis
3.1 ENC28J60 Ethernet Module Test The average time for sending data to the database inculding
Test is done by making a connection to a web server via reconnecting process is 12.5 seconds. Length of the
internet network. Internet networks are taken from laptop reconnecting process is also determined by the strength of the
ethernet ports using network and sharing facilities with internet network that is being used and the condition of the
laptops has been connecting to the internet. Figure 5 shows data traffic on the web server.
the response obtained when connecting to the web server to
get the IP address of the web server. 3.2.2 Testing of receiving data from database
Testing the receive data from the database is done by
sending 4 data from the database to be read by the
microcontroller and then used as a system input. Recap
revenue results are shown in Table 4.

Table 4 : Time interval for receiving data from database

No Data Time Receiving Data
1. 1 9.84 sec
2. 2 4.75 sec
3. 3 3.75 sec
Figure 5 : Successfully Connected to a Web Server ..... ..... .....
18. 18 10.60 sec
Response shown that getting DNS web server and IP is 19. 19 9.43 sec
successfully. Device can connect to web server. Failure to 20. 20 9.65 sec
get connection is shown on Figure 6.
Rata - rata 9.2 detik
 From Table 4 it can be seen that the microcontroller can
receive data from the web with an average of every 9.2
seconds. This process generates parsing data that is directly
used for the control process and the monitor-readable serial
value will change when data changes in the database.
3.3 HMI Test
3.3.1 Login System
Login system test is done by using two different usernames
and passwords from two different levels. Login form is shown
in Figure 7. The results of the login system test are shown in
Figure 8, Figure 9, and Figure 10.
Figure 7 : Login Form
(a)
(b)
Figure 8 : Successfully Login Respon (a) for Engineer (b)
for Operator
(a)
(b)
Figure 9 : Failed to Login Respon (a) for Engineer (b) for
Operator
Figure 10: Failed to Login Because Wrong Input Data
3.3.2 Operation in HMI
Test START, STOP, LOGOUT, Data Proses, and Grafik
buttons is done by clicking the button on the HMI display.
The actions that carried out of each button will be presented
in Table 5.
Table 5 : Time interval for receiving data from database
No Button Action
1. START HMI for Engineer : Input data from
HMI to database, input ‘ON’ status in
tabel, change furnace ilustration color
to light grey.
HMI for Operator : Input data from
HMI to database, input ‘ON’ status in
tabel, input kp,ki default value (kp =
26.8431, ki = 0.2687),change furnace
ilustration color to light grey.
2. STOP HMI for Engineer : update data kp and
ki in table become 0, update ‘DONE’
status in tabel, change furnace
ilustration color to dark grey.
HMI for Operator : update data kp and
ki in table become 0, update ‘DONE’
status in tabel, change furnace
ilustration color to dark grey.
3. LOGOUT HMI for Engineer : bring back to login
form.
HMI for Operator : bring back to login
form.
4. Data HMI for Engineer and Operator: show
Proses data acquisitionin table form.
5. Grafik HMI for Engineer and Operator: show
data acquisitionin table graphic.
Result from pushing the button can be shown in
Figure 11, 12, 13, 14 and 15.
Figure 11: Respon Pushing ‘START’ Button

Figure 12: Respon Pushing ‘STOP’ Button
Figure 13: Respon Pushing ‘LOGOUT’ Button
Figure 14: Data Acquisition in Table Form
Figure 15: Data Acquisition in Graphic Form
4. Conclusion
The entire system works well. All HMI facilities were
tested and the success rate of the trial was 100%. Send and
receive process runs smoothly. Timeliness of execution also
depends on state of the internet connection and connection
with the server. The average time of sending data to the
database with the reconnecting process that occurs is 12.5, the
average time to receive data from the database by the
microcontroller takes 9.2 seconds. In addition, the login
system works well, so that the protection of the control page
runs well. The database system that is created can run well.
Commands to access and manipulate data on the database by
the microcontroller or by the HMI run well. Data acquisition
by a database which can then be displayed in the form of
tables and graphs on the HMI page is running well and is in
accordance with the condition of the original plant.
Referense
[1] Legowo, A. M. dan Nurwantoro, "Diktat Kuliah
Program Studi Teknologi Hasil Ternak Fakultas
Peternakan Universitas Diponegoro: Analisis
Pangan," Semarang, 2004.
[2] J. D. Corbett, "Synthesis of Solid-State Materials" in
Solid State Chemistry: Techniques, A. K. Cheethan
and P. Day, Eds. Clarendon, Oxford, 1987.
[3] “Human Machine Interface (HMI).” © Ing.
Punzenberger COPA-DATA. Web. 15 Agustus. 2018.
<www.copadata.com/ko/hmi-scada-solutions/human-
machine-interface-hmi>
[4] A. P. L., Michael, “Perancangan Sistem Supervisory
Control and Data Acquisition (SCADA) dalam
Pengendalian Suhu pada Prototype Hot Room,”
Energy”, no. Oktober 2017.
[5] Nurahmadi, Fauzan, “Perancangan Sistem Kontrol dan
Monitoring Suhu Jarak Jauh Memanfaatkan Embeded
System Berbasis Mikroprosesor W5100 dan AT8535”,
Seminar Nasional Aplikasi Teknologi Informasi
(SNATI), no. Juni, 2013.