HMI Application example

[kvlada]

One project I did some time ago. I hope it might prove as an inspiration as to how to make nice looking UniLogic HMI screens in the spirit of boring gray ISA101, without having to use the internal image library.

In the first picture there's the "main screen", or a Level 3 screen if we follow ISA101. Only alteration from the standard is that running elements are green, not white. Main screen background is done in Inkscape, while elements are List-of-Pictures with hand-drawn bitmaps in various colors. Oh wait, gradient fills? What is this, 1994? Well, gotta pay homage to your ancestors I guess.

Bottom of the screen is reserved for alarms banner. UniLogic's alarm banner isn't the happiest solution; I'd rather like to have a small table like they do it in big budget SCADA readouts, but eh, what can you do? Maybe I'll live to see the day when Unitronics has its own PC-based visualization. Like, an emulated UniStream OS running on a Windows PC, rendering full-HD screens. Would be great!

It's super nice that you can use transparency in image elements. You can really do some neat stuff with that!

In the second picture we have a list of finished product batches, displayed as Data Table element. We can scroll through the list, select an entry, and view details on the right.

Last screen is recipe selection and editing screen. There's a Data Tables element on the left used to pick a recipe, and then it's edited on the right side. We can pick ingredients and their amounts. It's not the nicest screen out there, but gets the job done.

[LadderTrainee]

Hi, can u attach this project to us?

[kvlada]

On 11/25/2024 at 5:00 PM, LadderTrainee said:

Hi, can u attach this project to us?

Sorry, it's proprietary.

I'm not that rich to afford making free and open-source things.

[Rivka]

It's already very nice of you to have taken of your time to upload pictures for ideas and inspiration. Thanks!