Realtime Monitoring of Arduino Inputs on a Webpage using Node RED
This video tutorial demonstrates how to use Node-RED to create a webpage which updates in realtime to show data sent from an Arduino over a USB serial cable. The data contains four values representing the state of four Reed switches, which is a commonly used method for an object-placement puzzle in an Escape Room.
The Arduino sends the four values as a comma-separated string (CSV). A Node-RED Serial In node receives this value, it is split using a Function node, and then passed to four Text nodes to display on a dashboard UI. I then add some Change nodes to format the output - changing the 0/1 values to words, and colouring them green/red. This webpage could be displayed on a monitor in a control room, where a gamesmaster is able to see in real-time the state of any puzzle, and provide appropriate guidance for players.
This video is part of a series of how to use Node-RED as Escape Room control software, and was made possible by the generous donations of my Patreon donors: www.patreon.com/playfultech
Timings
---
00:00-01:51 Introduction and Demonstration
01:52-09:06 Sending Serial data using Arduino
09:07-19:05 Receiving Serial data with Node-RED
Видео Realtime Monitoring of Arduino Inputs on a Webpage using Node RED канала Playful Technology
The Arduino sends the four values as a comma-separated string (CSV). A Node-RED Serial In node receives this value, it is split using a Function node, and then passed to four Text nodes to display on a dashboard UI. I then add some Change nodes to format the output - changing the 0/1 values to words, and colouring them green/red. This webpage could be displayed on a monitor in a control room, where a gamesmaster is able to see in real-time the state of any puzzle, and provide appropriate guidance for players.
This video is part of a series of how to use Node-RED as Escape Room control software, and was made possible by the generous donations of my Patreon donors: www.patreon.com/playfultech
Timings
---
00:00-01:51 Introduction and Demonstration
01:52-09:06 Sending Serial data using Arduino
09:07-19:05 Receiving Serial data with Node-RED
Видео Realtime Monitoring of Arduino Inputs on a Webpage using Node RED канала Playful Technology
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
MQTT Network ControllerCreate your own Escape Room control software using Node REDIntro to Node-RED: Part 1 FundamentalsProgrammable Wildlife / Security / Timelapse Camera Projects with an ESP-32 CAMHand Laser Maze DIY Escape Room Puzzle TutorialNode Red MQTT on the Raspberry PiBuild a full stack application with Node-REDArduino Capacitive Touch-Free Touch Sensor TutorialDMX Lighting Control with Arduino and Node-REDArduino Serial Events With Node RED [Control GPIO On Arduino without any library]#128 Node-Red Tricks for Home Automation (JS, Audio, SQlite, Alexa, Mosquitto MQTT etc.)05-65 (Node-RED project) Variables (Global, Flow, Node)How to Get Started with MQTTTop 5 Node-RED Core NodesAnalog Sensor Reading| Arduino|Node-Red| Serial Coomunication|Node_Red-UINode Red for Beginners - 2021 EditionSend And Receive SMS In Your Node RED Flows With Ring CentralControl GPIO Pins of Raspberry Pi4 using Node-RedTutorial_02: How to get data from Website Using Node-Red