{"id":20730,"date":"2026-06-18T06:05:35","date_gmt":"2026-06-17T22:05:35","guid":{"rendered":"https:\/\/icop-shop.com\/?p=20730"},"modified":"2026-06-18T06:05:35","modified_gmt":"2026-06-17T22:05:35","slug":"technical-tips-getting-started-with-86hmi-editor-and-ardublock-simple-hmi-light-control-example","status":"publish","type":"post","link":"https:\/\/icop-shop.com\/ja\/technical-tips\/technical-tips-getting-started-with-86hmi-editor-and-ardublock-simple-hmi-light-control-example\/","title":{"rendered":"[Technical Tips] Getting Started with 86HMI Editor and ArduBlock: Simple HMI Light Control Example"},"content":{"rendered":"
\n
\n

ICOP QEC EtherCAT Solutions<\/strong>\u00a0provides an integrated development environment that allows engineers to quickly build automation applications combining EtherCAT communication, HMI interaction, and control logic. In this example, we demonstrate a simple EtherCAT digital output control scenario using the\u00a0QEC-M-070T<\/a>\u00a0EtherCAT MDevice HMI controller together with the\u00a0QEC-R11D0FK-N<\/a>\u00a0I\/O module. When the user presses the control button on the HMI interface, the system sends a command through EtherCAT to the I\/O module to switch the digital output, allowing an external indicator light to turn ON or OFF.
\nThe development workflow combines several ICOP development tools. The EtherCAT network and devices are first scanned using\u00a086EVA<\/a>, the HMI interface is designed using\u00a086HMI Editor<\/a>, and the control logic is implemented using\u00a0ArduBlock<\/a>. By combining these tools, engineers can rapidly create a complete EtherCAT control application with minimal coding effort.<\/p>\n

\"86HMI<\/p>\n

\n

86Duino IDE<\/h3>\n

To compile and upload the control program to the QEC controller, the 86Duino IDE is required. The 86Duino IDE provides an Arduino-compatible development environment used to upload programs generated from ArduBlock or written using standard C\/C++.
\nReaders can download the latest version of the 86Duino IDE from the QEC website:\u00a086Duino\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0IDE<\/a>
\nFor users who are new to the platform, a step-by-step guide is also available to help you set up the development environment and get started with your first project:\u00a0Getting started with the 86Duino<\/a><\/p>\n

Hardware Setup<\/h3>\n

In this demonstration, the system is built using an EtherCAT HMI controller and the digital I\/O module. The HMI panel provides the user interface, while the digital I\/O module is responsible for handling the digital input and output signals.
\nThe following hardware components are used in this example:<\/p>\n