# Starting my learning process!

**URL:** <https://discourse.nodered.org/t/starting-my-learning-process/64519>\
**Category:** General\
**Created:** [29 June 2022 21:04 UTC](https://discourse.nodered.org/t/starting-my-learning-process/64519 "2022-06-29T21:04:29Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![mmccabe](https://avatars.discourse-cdn.com/v4/letter/m/2bfe46/32.png) [@mmccabe](https://discourse.nodered.org/u/mmccabe)\
**Post date:** [29 June 2022 21:04 UTC](https://discourse.nodered.org/t/starting-my-learning-process/64519/1 "2022-06-29T21:04:30Z")

</div>

Building panels to demonstrate sensors communicating over Ethernet/IP. Would like to control and visualize the sensors using an HMI. Who can point in a direction to start running down?

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [29 June 2022 21:56 UTC](https://discourse.nodered.org/t/starting-my-learning-process/64519/2 "2022-06-29T21:56:07Z")

</div>

It will probably need you to use the `dashboard`.  
I'd suggest using the `node-red-dashboard` one.

Before you start the Ethernet/IP stuff, get the dashboard side working.  
Use either the `gauge` or `chart` to display the values (best guess)

Then make a simple bit of code to inject random/nominal values and make sure that works.

The other part is a bit tricky.

BTW: what is HMI?

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [29 June 2022 22:05 UTC](https://discourse.nodered.org/t/starting-my-learning-process/64519/3 "2022-06-29T22:05:16Z")

</div>

> [@Trying\_to\_learn](#):
>
> BTW: what is HMI?

[Human Machine Interface](https://en.wikipedia.org/wiki/User_interface) ?

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [29 June 2022 22:05 UTC](https://discourse.nodered.org/t/starting-my-learning-process/64519/4 "2022-06-29T22:05:56Z")

</div>

Ah... Yeah. To me they are MMI.... Man Machine Interface.

But... No problems.

---

<div class="post-metadata">

**Author:** ![craigcurtin](https://avatars.discourse-cdn.com/v4/letter/c/94ad74/32.png) [@craigcurtin](https://discourse.nodered.org/u/craigcurtin)\
**Post date:** [30 June 2022 00:21 UTC](https://discourse.nodered.org/t/starting-my-learning-process/64519/5 "2022-06-30T00:21:18Z")

</div>

Have a search on the forum - about a year ago people were asked to put up pictures of their dashboards - that should give you some good ideas.

Likewise if you want inspiration - head over to the home assistant forum - and look for the

> **[System Monitoring - How does your look?](https://community.home-assistant.io/t/system-monitoring-how-does-your-look/109713)**
>
> Hey Guys, I was wondering how you guys have created your card with the System Monitoring. I’ve been trying to put some stuff together, but I just don’t get satisfied with the look. So I was hoping, if you could share your Lovelace cards, to...

To get some inspiration - all of the incoming data in NR can be quite easily fed to HA if you wanted to go that way

Craig

---

<div class="post-metadata">

**Author:** ![Nodi.Rubrum](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nodi.rubrum/32/107482_2.png) [@Nodi.Rubrum](https://discourse.nodered.org/u/Nodi.Rubrum)\
**Post date:** [30 June 2022 04:43 UTC](https://discourse.nodered.org/t/starting-my-learning-process/64519/6 "2022-06-30T04:43:22Z")

</div>

I find that creating a basic interface just using the 'canned' dashboard UI nodes, gives me a feel for what I can live with and what I want to enhance or customize with a bit of CSS or HTML effort. Using the basic UI components also makes it a simple prototyping environment for any final UI.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [29 August 2022 04:43 UTC](https://discourse.nodered.org/t/starting-my-learning-process/64519/7 "2022-08-29T04:43:29Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.