Step 1: Taking Care of the Prerequisites
Step 2: Putting Together the Hardware
Step 3: Signing Up on Grandeur
Step 4: Create Project
Step 5: Register your device
Step 6: Add Device
Step 7: Registering a user
Step 8: Pair the account with the device
Step 9: Making a custom drag-and-drop app on Grandeur Canvas
Step 10: Run Code
Step 11: Results

Team Two-Do:

Linta Iqbal

•

Saad Ahmed Waqar

Published February 3, 2022 © MIT

Remote Temperature Monitoring

Measuring temperature and humidity of environment with dht11 sensor.

IntermediateFull instructions provided2 hours1,007

Things used in this project

Hardware components

Espressif Wemos D1 Mini

DHT11 Temperature & Humidity Sensor (3 pins)

Breadboard (generic)

Jumper wires (generic)

Female Header 8 Position 1 Row (0.1")

USB-A to Micro-USB Cable

Software apps and online services

Arduino IDE

Grandeur

Story

This is a fun little activity introducing you to the world of IOT. In this tutorial you'll be utilizing a DHT11 temperature and humidity sensor and connecting it to a WeMos D1 Mini which uses the ESP8266 WiFi chip, and displaying the data (output) on a custom Grandeur canvas.

Step 1: Taking Care of the Prerequisites

Download and install the following:

Download these libraries:

After setting up the Arduino IDE, under Files go to the Preferences tab :

Paste this link in Additional Boards Manager URLs.

Under Tools, go to the Board option and click on Boards Manager:

Wait for a few moments to let the Boards Manager download the new requirements, type in esp8266 and install the package.

Once the packages are installed, head back to Tools, go to the Board option and click on NodeMCU1.0(ESP-12E Module)

Now before you compile the code, the details of which are shared below, make sure you have the DHT11 library included. You'll have to add it manually. Under Sketch , go to include library and click on Add .zip library:

Add the path to the .zip folder:

Make sure that you have added this (Wifi.h as mentioned above) to the folder where you have saved your sketch.

You can now compile and upload the code successfully, but however you won't be able to connect to your Wi-Fi at the moment, you'll need to add the credentials of the Wi-Fi you want to connect it to and the token, device ID and API key for connection to Grandeur. This is discussed in Step 3, but let's not worry about it at the moment shall we ? let's get fiddly with our little hardware.

Step 2: Putting Together the Hardware

The DHT11 has 3 Pins : VCC, Data, and Ground, connect them as follows:

VCC Pin of DHT11 to 5V Pin of WeMos D1 Mini
Data Pin of DHT11 to D4 Pin of WeMos D1 Mini
GND Pin of DHT11 to GND Pin of WeMos D1 Mini

Wiring Diagram

Step 3: Signing Up on Grandeur

Head over to Grandeur and sign up.
Check out their Cheat Sheet for help in signing up, setting up drivers, sample codes and what not.

Step 4: Create Project

Click on the New Project button.

Fill in the name and description of the project and click Create Project button.

Voila ! your project is created.

Step 5: Register your device

Click on the Devices tab from the left menu.

To register your device (WeMos D1 Mini), you first need to register its data model. We want to display Temperature and Humidity over the internet, so we'll register the model as {"tem": 0, "hum":0}, 0 to initialize them.

To register a model, under the Models header, click the Add button.

Fill in the name and schema {"tem": 0, "hum":0} of the model.

And click the Add button. The model is added.

Step 6: Add Device

To add the device, under the Devices header, click the Add button.

Select the model that you created in the last step, give the device a product ID and click on Register.

After registering you will get an Access Token, make sure to copy it somewhere, for instance on a text file, as this will be used in our code.

Now copy the Device Token and keep it safe, you guessed it, it will be used in our code.

Your device is now registered. (One step closer to world domination eh ?)

Now, from the Settings tab on the Grandeur Dashboard, copy the API Key.

Your text file should look something like this.

Step 7: Registering a user

To control the device from Grandeur , you need a user account. Click on the Accounts tab from the left menu, and click on Add Account.

Enter details and click on Add.

Step 8: Pair the account with the device

An account can only see and control the devices paired with it. Go to the Devices tab and in the Actions column of the device you created previously, click on the Pair button.

Now click on the created user account in the emerged pop-up to pair your device with the user.

Device and user are now paired. (Now you have surpassed Elon Musk, you'll be getting a call from Tesla soon)

Here comes the best part, the icing on the cake , the cherry on top , the masala on fries, and it is :

Step 9: Making a custom drag-and-drop app on Grandeur Canvas.

Click on the Canvas tab from the left menu, and let's add display and graph widgets to check out how cool we are.

We'll repeat the same process for humidity.

Remember the schema {"tem": 0, "hum":0} ?

tem and hum are our variables that are connected to Grandeur, as these variables change their values locally on your device (with incoming data) they are updated on Grandeur simultaneously. How cool is that !

Step 10: Run Code

Upload the provided code in Arduino IDE.

Change the Wifi_SSID and WIFI_PASSPHRASE, put the name of the WiFi you want your device to be connected to in Wifi_SSID and put it's password in WIFI_PASSPHRASE accordingly.

For instance the name of my WiFi is : SAW.

The password is : hahahaha.

Use the API Key, Token and device ID that you copied in the precious steps. put them in place of apiKey, deviceID and token respectively.

NOTE: Make sure you enter these as a string, just replace ours with your own in the " " .

Then upload the code.

Step 11: Results

Code

Code

#include "recipes/WiFi.h"     // Include recipe file to connect to wifi
#include <Grandeur.h>
#include <dht11.h>    //adding dht11 lib
#define DHT11PIN D4
dht11 DHT11;

// Grandeur credentials.
const char* apiKey = "grandeurkyyfbofy146e0rxf9d6xbuei";  
const char* deviceID = "devicekyyfodey146n0rxf8m027aou";
const char* token = "eyJ0b2tlbiI6ImV5SmhiR2NpT2lKSVV6STFOaUlzSW5SNWNDSTZJa3BYVkNKOS5leUpwWkNJNkltUmxkbWxqWld0NWVXWnZaR2MxTVRRMmJ6QnllR1k0YnpWcllqZHNhU0lzSW5SNWNHVWlPaUprWlhacFkyVWlMQ0pwWVhRaU9qRTJORE16TnpZd05qSjkuUWQ2WTZwSU14LVhZYmNudGE0TEc3bDF1SHF3dEtVTW5aLU4yVVZ6VTdTSSJ9";

Grandeur::Project project;
Grandeur::Project::Device device;

void getHum (const char* code,int hum) {   // You can write any type int/double/bool/const char* in place of int and it'll cast humidity to that type.
  // This method prints "humidity" value after it is updated on Grandeur.
  Serial.print("Hum %: ");//Serial.print prints on serial monitor
  Serial.println (hum); 
}

void getTemp (const char* code,int temp) {   // You can write any type int/double/bool/const char* in place of int and it'll cast temperature to that type.
  // This method prints "temperature" value after it is updated on Grandeur.
  Serial.print("Temp (C): ");
  Serial.println (temp); 
}

void setup() {
    Serial.begin(9600); // Start serial on boot
    
   // connectWiFi(WIFI_SSID, WIFI_PASSPHRASE);                                                 
    connectWiFi("S A W", "hahahaha"); // And connect to WiFi with WIFI_SSID and WIFI_PASSPHRASE (Paste your own WiFi SSID and Password here)

     // Initializing.
    project = grandeur.init(apiKey, token);
    device = project.device(deviceID);
}

// Loop function repeats the code in it indefinitely.
void loop() {
    if (project.isConnected()) 
    {
  int readData = DHT11.read(DHT11PIN);   //read data from sensor 
  
  float t = DHT11.temperature ;           //stored value of temperature in variable "t
  device.data().set("tem",t,getTemp);       // This requests to set the "temperature" variable on every loop and calls getTemp() function when the
  // variable is actually updated on Grandeur.
  delay(1000);                            

  float h = DHT11.humidity ;            //stored value of humidity in variable "h"
  device.data().set("hum",h,getHum);      // This requests to set the "humidity" variable on every loop and calls getHum() function when the
  // variable is actually updated on Grandeur.
  delay(1000);

    }
      project.loop();                 // Synchronizing the ESP with the Cloud.
}

Credits

Linta Iqbal

1 project • 38 followers

Saad Ahmed Waqar

1 project • 12 followers

Remote Temperature Monitoring