Realtime Monitoring of Arduino sensor reading offline on webpage || 2024

makers in this video we will monitor humidity temperature and light intensity of the environment graphically on web-based dashboard without the need of internet connection using only arduino uno hardware interfaced with ldr and dht-11 sensor on the software side we will use arduino ide to program our board and node red to make the website easily only by dragging and dropping nodes consider subscribing your support is appreciated [Music] now open cmd and type node red and press enter to run node red onto your local machine if you didn't install node-red software watch our previous tutorial which takes less than three minutes you can find the link to the video on the description box after running node-red navigate to localhost onto your browser [Music] before going further we have to install dashboard and serial node using the same procedure now copy the json file from the first part of the comment section and go to import and paste the json file to import it on to node-red software while importing press view node and check each and every box to import each and every nodes [Music] after that place the nodes to specific position and press deploy if you click on dashboard and the arrow on the right top corner you will see a dashboard similar to this you have made the node red configuration let's make the arduino code you can also find the arduino source code onto the top part of the comment section both node-red and arduino software have to use the same serial port to communicate with the arduino board [Music] but the two softwares cannot use the serial port simultaneously so first change the serial port of the node red serial in node or shut down the node red software and upload the arduino code onto the board before uploading the code dht11 is connected to digital pin 2 and ldr as connected to a0 as shown on the diagram after the upload is done the port is free to use so open node read and configure the serial port which we used to upload the arduino code onto serial in node the boo rate should also be similar with the boo rate mentioned on the arduino code after that press deploy and wait until the serial in node in my case com6 is connected if it didn't connect it is probably because you didn't configure the right port or you have open serial monitor onto your arduino ide now let's see each node one by one the json node will accept the sensor reading from arduino in json form whereas the serial import is used to transmit sensor reading to node-red serially we have also one main function to parse the json input from json node and three sub-functions to read the three different environmental variables separately [Music] we have also used three different widgets nodes from the dashboard to display the three sensor readings separately in graphical manner you can use your favorite or the appropriate dashboard widgets to display your sensor reading [Music] [Music] if you deploy and go to the node-red dashboard you will be able to see the sensor readings graphically as shown below you can increase and decrease the ldr reading by torching light onto the sensor and by covering the ldr sensor [Music] to change humidity and temperature you can breath onto the dht-11 sensor [Music] you can also customize the theme and layout based on your preference [Music] if you face any issue comment out it so we will be able to help you to solve it thank you for your time and do not forget to like subscribe and share you

Channel: Makers Group

Views: 10,122

Keywords: home automation, home assistant, node-red, node red dashboard, Arduino Dashboard, Arduino Website, Arduino Webpage, Sensor monitoring, IoT, home automation ideas, smart home automation, home automation system, serial communication, raspberry pi, raspberry pi serial port programming, node-red serial port programming, node-red serial port, raspberry pi node-red modbus rs485, pi 4, pi 4b, raspberry pi 4, raspberry pi 4b, serial, pi, iot, iiot, serial node, serial in node

Id: r-IZKOVt84w

Length: 5min 41sec (341 seconds)

Published: Fri Apr 29 2022