ESP8266 IOT DASHBOARD - STEP BY STEP TUTORIAL USING THINGSBOARD via LDR Circuit Example

let's not write up over the sensor again the reading will be high because it's dark then I will remove my hand again its 6:22 this video is about esp8266 and this LDR light sensor we will make a simple IOT dashboard using the IOT platform things board let's now connect our esp8266 to our computer once we connect our esp8266 board on the arduino we need to check if it is detected on the port I'm using Mac OS so what I will see is this kind of port if you're using Windows that should be calm calm and a number so I will select the node MCU it's already selected should be here there and then as well as the port now next is we open an example for the unlock input because the LDR has an analog voltage input analog then another in out serial now that we open this example we need to remove the analog out because we don't need that what we need to know is if we're actually getting the values coming from the LDR so all the related analog out will be removed so let's remove that let's put new line here let's introduce a longer delay and straight uploaded uploading okay little bit more now that it's done uploading let's see here on the serial monitor the output we need to select the baud rate right 9600 now as you see there's a value now on our sensor I will now try to cover the LDR and see what will be the changes on the reading now it's 950 if it's covered if I remove my hand it will become 600 again now we know that our elder is working it's now time to connect it to the platform that he will use for creating the - world the platform that will we will be using is called ticks board that IO this is a nice IOT platform and I encourage you to try it for you to start you to use it you need to go to demo the Tings board that IO when you reach this home page you need to create an account by clicking this button here create an account already have me account so it will just login when you login you will see these options here at the left and then some widgets here so now that you have the account ready let's now go back on our Arduino software we need to install the library for things board to do that we need to go to tools click manage libraries and here on the filter search you try to type things board then it should show you the library here there so we will install the latest version with this library installed on Arduino it will be easier for us to interface sensors to the pynx board I will tip that one after a few minutes depending your internet connection the pynx board will now be installed let's now check on the examples click file then go on examples let's check the Tings board below there you go two things board and then let's choose esp8266 send data okay once right now here on the example sketch there are a few things that you need first is the Wi-Fi access point where you will connect the esp8266 so my access point is circuit then the password is the selector and then the next one is to update this access token this access token will be accessed from the tanks board so you need to go to the device then we need to create new device so add new device let's name that LDR sensor device type will be default then let's add it now it's here under on the list of devices so we need to make this public so that we can show the data later on but there's not the important thing here we need to get the the credential so this is the access token that we need on our sketch we need to copy this so let's copy that let's go back here then just piss it there okay those are the two important steps above and now we can go here below and check our payload so here we have sent telemetry in and said send telemetry flow we will remove this because the data that you want to send is the LDR so temporarily we will send a dummy data so let's say this is a LDR data and then let's just say we'll be sending 50 let's now try if we can see that 50 on our dashboard let's upload it now it's still uploading let's wait and today it's done now it's done uploading let's now check our serial monitor okay as you see we were getting trash garbage data because our board rate is wrong the baud rate should be 1 1 5 200 so we need to change the baud rate let's change is 2 1 1 5 200 and now we see sending data so when we see the sending data I think it's now sending data to the things board because that's now already on the main loop here right now inside the main loop and then it keeps printing this and sending data because it's ready sending 50 let's now go on the tanks board so that's first then we go here and to see if the data is not on things board let's go on the latest element there you go you see the value is 50 and it's updating every second to validate that you can change the value here let's say you change that to 70 and when you upload it this value should be 70 now I will connect the LDR to our things board sketch so instead of sending a value that is constant 70 we will not get the value from the LDR and send it to the things board so let's do that we need to add the few things here the few lines of code here on our esp8266 and data's sketch so we need to copy paste this code here so that you will not type one by one that's quicker and I forget get put it there and then on the void look we can copy this yep let's copy that and paste that on our void loop okay it should be good place before sending data okay so the sensor value is out there assuming this that's fine just keep it there okay sensor value sending data and instead of giving here 70 putting your 70 we will now give the sensor value okay so I think we need oh we did not forget anything so we can upload this again but I want to increase the delay to around 2.5 seconds okay let's not try to upload this okay loading now it's done uploading let's see if getting the data okay it's now sending the data they'll be 2.5 seconds let's now go on the snow check on things board ok it's not updating 6 to 5 and now let's cover or LDR let's check if it will become 900 see it's 900 same here on the serial monitor now that we have we now have the data coming from the LDR let's now build our dashboard to build the dashboard we know to go here on dashboard let's click it and now you can see different demo dashboard here some are included here by default so we will add a new one so we create a new dashboard it's photo titled ndr sense or dashboard let's not I did in description okay so now we have the dashboard here you have to make this public as well so that we can make URL for that so this one is the one that you will access later just press ok now it's public let's now go here pop in dashboard no widgets is configured yet so we need to add widgets we can add widgets by clicking here on enter edit mode on the lower right then let's you can click this add new widget or this plus button here then create new widget so you can select so many widgets here you can also make your own but for now we will use the chart so that we can plot our data so let's choose this one time series flat and then when you got here you need to select the data that you want to show so we want to show the data coming from our LDR sensor so we will make India's or the sensor create a new one add er and then single entity device then we need to select our LDR sensor there ok now that we have the LDR sensor we should now see the LDR data that we created earlier we will add that and now you see that we actually have the graph of our dr so that's real time every 2.5 seconds so let's apply changes so it's already there we can change the name you can change the name we can change the colors of the ethanol and then if it's average or max but let's show let's see if it will work I will now try to cover the sensor see she'll go up there we go go up to 900 something and then I will remove it again and then it will go down again so let's let's move this put some more widgets here as I told you we can add widgets here by clicking the lower right edit mode button again so let's add more let's now go on instead of charts we will now try to use cards when the cards there are different widgets as well so we will use the latest value then we can click here same process we need to add but now we already have the alias for the LDR we just need to select that then LDR data then we need to add that so it's here below by default it has a unit for temperature but we can remove that so let's remove that let's remove that we can edit the widget go to the setting and then there you go special symbol you need to remove that then let's just apply changes then the changes so the LDR data is now here so if we try to again cover the sensor the data will go up as well as the graph ok will remove my hand again then let's add a last widget here below let's add a digital gauge probably ok a digital gauge so let's add something like something like this we add again the source of our data okay the gain should be now below okay you now see it here and actually the default range will be up to 100 only so we need to change that because roughly hitting a thousand value so edit mode again I need I will change this table now because some so that can have the actual label here so this is d dr vinkle graph okay now it's change and then we need to change the range of this digital gauge so we can go on the settings I think it's on advanced let's check out the maximum value let's put something like 1200 okay and then the settings we need to change here well that's fine just all your data is shown but I think I need to change the font size because it's a bit big I think should be here on advanced let's check it's actually here the font size is 36 let's make that around 24 maybe let's try now it's better there you go then let's apply changes now let's try to cover it again also 900 let's remove it 1024 we'll put the hand again if it's dark the value is actually higher and if it's if it detects light the value is lower as I told you we can share the dashboard by just copying the URL so it's already public so let's see how we can get that URL so we have to click here and the LDR sensor dashboard when I click that you can copy the public linked here so it's copy that publicly let's try to put that on our browser and then we open that we will now see only the dashboard that we have by using this URL so now the reading is 620 let's not write up over the sensor again the reading will be high because it's dark then I will remove my hand again it's 622 I hope you find this video useful don't forget to like and to subscribe one a channel where I'm uploading daily video so check out the next video in the next days thank you [Music]

Channel: Circuit Desolator

Views: 11,589

Keywords: esp8266, esp8266 tutorial, thingsboard, thingsboard tutorial, esp8266 dashboard, iot dashboard, esp8266 thingsboard, esp8266 iot dashboard, esp8622, esp8266 iot dashboard tutorial, esp8266 tutorial step by step, esp8266 iot dashboard tutorial step by step, esp8622 tutorial, esp8266 ldr, esp8266 light sensor, esp8266 thingsboard tutorial, esp8266 project, esp8266 circuit, esp8266 ldr circuit, esp8266 arduino, esp8266 thingsboard library, internet of things, IoT tutorial, iot

Id: Cs7gaqq-ezM

Length: 18min 9sec (1089 seconds)

Published: Wed Jun 03 2020

Reddit Comments

[u/howard_without_the_h]

Very nice I’m doing a similar project like this using the same board but with different sensors

[u/flingflonger]

Finally a nice tutorial without computer generated narration. A+