<aside> <img src="/icons/checklist_gray.svg" alt="/icons/checklist_gray.svg" width="40px" /> This tutorial covers the basics of creating HMIs using HELIO:


What Type of HMI Are You Building?

We will create a user interface for a machine equipped with a fixed touch panel.

Our engineering team has some ideas, but we don't have a specific data model or the finished PLC code yet.

So our task is to create a prototype that can be easily connected to the PLC once it is in a testable state.

**We refer to this as the

»HMI-Driven Approach«.**

screenshot-2023-05-23.CleanShot.001347.png

Table of Contents

Step 1: Download and Start HELIO

Step 2: Create a New Project From the »Quickstart HMI« Template

Step 3: Create your first HMI Page using Placeholders

Step 4: Set up a Parameter Page

Step 5: Set up a Collection Page

Step 6: Previewing Your HMI


Step 7: Connecting to A PLC that Speaks OPC-UA