Project screenshots - share yours

Very impressive! How did you accomplish the drag animation on the bar chart? here --> https://youtu.be/UkJ5_ysWG3w?t=419

2 Likes

Thank you.
The bar chart doesn’t have this feature so I create some rectangle and bind the height of them to tag
Then I simply get event.y of mouseDragged and scale it to height size of rectangle in real-time.
I put mouseDragged event on text component on top of the rectangle.

3 Likes

The map component you used, is that using the 3rd-party module from Kymera? I’m looking to do something similar for a customer.

Yes it’s from kymera. I’m using template data on it.

2 Likes

Good Day Nader,
Are you able to share how you get your windows to slide in when a button is pressed, for example when you press the button to display pump efficiency and also when you display the trends for the pump. This looks really nice.

1 Like

Sure, in button script I use system.gui.transform and put new x,y position for any component I like. I set duration to 700ms to look they move.

1 Like

Perspective Project WIP for Machine Shop

4 Likes

Iodine Production Plant with Vision:
I try to combine High Performance HMI with modern UI.
Still working on …

19 Likes

That’s amazing!!!

1 Like

Brilliant as always Nader. Again, you should definitely submit one of you projects for an ICC one year, if you haven’t already. Your work is top notch.

2 Likes

Nader, great work. I have to ask…How did you get the Parameter Settings popup to slide in/out when you click on any of the sparkline graphs?

Nevermind…I should have read all the comments. system.gui.transform.

Definitely something to try to achieve for my next project. Thanks Nader.

2 Likes

Hi
You just group all component and then try use system.gui.transfrom in propertychange of the group to see if sensor property change or not to move popup.
By the way it’s not popup it’s template. That’s the trick. Using template you can have control on coordinate in different resolution.
For perspective you could simply use css3 to do that for you.

Hi Nadir, it very clean awsome . i hope to share to create some tips in videos and share in linkedin .

1 Like

Like this idea, I am new, but Thought I would share a simple machine we are doing.

One of the many pop up’s

2 Likes

Great job!

2 Likes

My first try with Ignition Perspective module in Raspberry PI 3 B+ with only 1GB RAM.
Raspberry PI run RaspAP and acts as WiFi access point to read all sensors by MQTT sparkplug.
All sensors equip with ESP-8266 to handle MQTT and WiFi connection. Ignition acts as MQTT broker & client, Historian (PostgreSQL), HTML5 HMI server.
I use node red to get CPU, memory, … info of RPi and send those to Ignition via OPC UA.

Software packages:

  • Ignition Perspective + Tag historian
  • RaspAP
  • PostgreSQL
  • Node Red

Performance:

  • 25% Average CPU usage
  • 800 MB RAM usage

All I can say the perspective is amazing.

27 Likes

That is amazing, great work!

1 Like

WOW! Work of art!!

2 Likes

How did you make those spinning “buttons”?

Can you show me the screen shoot of these spinning button in my video? I don’t get what you mean.