[技術提示] 86HMI Editor 與 ArduBlock 入門指南：簡單的 HMI 燈光控制範例

ICOP QEC EtherCAT 解決方案 提供了一個整合式開發環境，讓工程師能夠快速建置結合 EtherCAT 通訊、HMI 互動及控制邏輯的自動化應用程式。在此範例中，我們將透過 QEC-M-070T EtherCAT MDevice HMI 控制器搭配 QEC-R11D0FK-N I/O 模組。當使用者按下 HMI 介面上的控制按鈕時，系統會透過 EtherCAT 向 I/O 模組發送指令，以切換數位輸出，從而使外部指示燈亮起或熄滅。
此開發工作流程整合了數種 ICOP 開發工具。首先使用 86EVA, HMI 介面是採用 86HMI 編輯器，而控制邏輯則是透過 ArduBlock。透過整合這些工具，工程師能夠以最少的編碼工作量，快速建立完整的 EtherCAT 控制應用程式。

86Duino IDE

要編譯並將控制程式上傳至 QEC 控制器，必須使用 86Duino IDE。86Duino IDE 提供了一個與 Arduino 相容的開發環境，可用於上傳由 ArduBlock 生成的程式，或使用標準 C/C++ 編寫的程式。
讀者可從 QEC 網站下載 86Duino IDE 的最新版本： 86Duino Coding IDE
對於初次使用本平台的用戶，我們也提供了一份逐步指南，協助您設定開發環境並開始進行第一個專案： 86Duino 入門指南

硬體設定

在此示範中，系統是透過 EtherCAT HMI 控制器與數位 I/O 模組所建構而成。HMI 面板提供使用者介面，而數位 I/O 模組則負責處理數位輸入與輸出訊號。
本範例中使用了以下硬體元件：

• QEC-M-070T – 用於介面設計與控制邏輯執行的 EtherCAT MDevice HMI 解決方案
• QEC-R11D0FK-N – EtherCAT 數位 I/O 模組，提供 16 通道數位輸出
• 24V 電源供應器
• 乙太網路線（用於 EtherCAT 通訊）

實施步驟

實施流程可分為三個主要步驟。首先，使用 EVA 掃描並設定 EtherCAT 裝置。接著，使用 86HMI Editor 設計 HMI 介面。最後，使用 ArduBlock 建立控制邏輯，以完成照明控制功能。

步驟 1 – 86EVA 配置工具

1. 設定要使用的開發板與埠
   
2. 點擊 86EVA 設定工具
   
3. 點擊以連線，並掃描該裝置
   
4. 掃描裝置的操作流程與結果
   
5. 設定 QEC-M-070T 和 QEC-R11D0FK-N 的參數
   
6. 完成設定後，請按一下「程式碼產生」
   
7. 掃描已完成
   

步驟 2 – 86HMI 編輯器使用者介面設計

1. 點擊 86HMI 編輯器工具
   
2. 選擇電路板
   
3. 編輯文字：標籤 > 文字
   
4. 新增控制按鈕：開關
   
5. 新增視覺化工具：LED（亮度可設定為 0）
   
6. 上傳以產生範例內容
   

步驟 3 – ArduBlock 程式設計

1. 點擊 ArduBlock 工具
   
2. ArduBlock 工作區
   
3. 新增 HMI 事件區塊：HMI.Visual > HMI 事件區段
   
4. 新增 HMI 控制區塊：若開關為開啟或關閉狀態
   
5. 新增數位輸出模組：EtherCAT.Pins > 設定數位輸出
   
6. 新增 HMI 視覺區塊：HMI.Visual > 設定 LED 亮度
   
7. 請將「區塊值」設定如下
   
8. 上傳以產生範例內容
   

示範結果

1. 將生成的配置範例內容上傳至 QEC-M-070T
   
2. 結果呈現