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

• Adding new Elements and Pages
• Choosing different Page Types
• Previewing your HMI
• Connecting your HMI to a PLC that speaks OPC-UA

• Need a High Level Overview First? </aside>

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«.**

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