BFA Banana Dryer HMI Design Tool
{{ user }} Logout | |
HMI LAYOUT EDIT MODE
MACHINE SIMULATION

Comments

How to Use This Tool

Switching Modes

Use the EDIT and PREVIEW buttons in the toolbar. In Edit mode you can rearrange and modify controls. In Preview mode the HMI works like the real device.

Rearranging Controls

In Edit mode, drag any card by its handle (top-left corner) to move it within a page or between pages (drag to the tab name).

Adding Controls

In Edit mode, use the + Temperature, + Motor, + Output, or + Burner buttons at the bottom to add a new control to the current page.

Renaming

In Edit mode, click on any card's name to edit it. Press Enter to confirm.

Deleting

In Edit mode, click the button on the top-right of a card to remove it.

Pages / Tabs

Click the + button after the last tab to add a new page. Right-click a tab name to rename or delete it.

Comments

Click the 💬 button on any card to open the comment panel. Type your comment and click Post. Everyone can see all comments.

Saving

Click Save to save the current layout to the server. Click Export JSON to download the layout file.

Machine Simulation

The right panel shows a schematic of the dryer. When you toggle controls in Preview mode, the equipment animations respond (fan spins, conveyor moves, burner glows, etc.).

Choosing Your Name

Use the dropdown in the toolbar to select your name. Click + Add Person if you're not in the list.