Step 1: What You Will Need
Step 2: The Circuit
Step 3: Start Visuino, and Select the Arduino UNO Board Type
Step 4: In Visuino Add Components
Step 5: In Visuino Set Components
Step 6: In Visuino Connect Components
Step 7: Generate, Compile, and Upload the Arduino Code
Step 8: Play

Published December 17, 2019 © LGPL

Simple DIY Weather Station With DHT11 and OLED Display

In this tutorial we will learn how to create a simple weather station using Arduino, DHT11 sensor, OLED Display and Visuino to Display the T

BeginnerProtip1 hour7,847

Simple DIY Weather Station With DHT11 and OLED Display

Things used in this project

Hardware components

Arduino UNO

DIYables OLED Display 128x64 0.96 inch, I2C Interface

DIYables DHT11 Temperature and Humidity Sensor

DIYables USB Cable 2.0 Type A/B for Arduino Uno

DIYables Jumper Wires

DIYables Breadboard

DIYables Prototype Expansion Board for Arduino Uno

Optional

DIYables Starter Kit

Optional

Software apps and online services

Arduino IDE

Visuino - Graphical Development Environment for Arduino

Story

In this tutorial we will learn how to create a simple weather station using Arduino, DHT11 sensor, OLED Display and Visuino to Display the Temperature and Humidity.

Watch a demonstration video.

Step 1: What You Will Need

1 / 4

Arduino UNO (or any other Arduino)
OLED Display
DHT11 temperature/humidity sensor
Jumper wires
Visuino program: Download Visuino

Step 2: The Circuit

Connect DHT11 sensor pin (VCC or +) to Arduino pin (5V)
Connect DHT11 sensor pin (GND or -) to Arduino pin (GND)
Connect DHT11 sensor pin (S) to Arduino digital pin (7)
Connect OLED Display pin (VCC) to Arduino pin (5V)
Connect OLED Display pin (GND) to Arduino pin (GND)
Connect OLED Display pin (SCL) to Arduino pin (SCL)
Connect OLED Display pin (SDA) to Arduino pin (SDA)

Step 3: Start Visuino, and Select the Arduino UNO Board Type

1 / 2

To start programming the Arduino, you will need to have the Arduino IDE installed from here: https://www.arduino.cc/.

Please be aware that there are some critical bugs in Arduino IDE 1.6.6. Make sure that you install 1.6.7 or higher, otherwise this tutorial will not work! If you have not done follow the steps in this tutorial to setup the Arduino IDE to program Arduino UNO! The Visuino: https://www.visuino.eu also needs to be installed. Start Visuino as shown in the first picture Click on the "Tools" button on the Arduino component (Picture 1) in Visuino When the dialog appears, select "Arduino UNO" as shown on Picture 2

Step 4: In Visuino Add Components

1 / 2

Add "SSD1306/SH1106 OLED Display (I2C)" component
Add 2X "Analog To Text" component
Add "Humidity and Thermometer DHT11/21/22/AM2301" component

Step 5: In Visuino Set Components

1 / 9

In the "Transparency Bitmap Editor" click on the button "Load" and Load the "Cloud" bitmap from the file.Note: the "Cloud" Bitmap is available here to download or you can browse for more here,

Select "AnalogToText1" component and in the properties window set "Precision" to 0 (Picture1)
Select "AnalogToText2" component and in the properties window set "Precision" to 0 (Picture1)
Select "DisplayOLED1" component and double click on it. (Picture2)
In the element window drag 2X "Draw Bitmap" to the left (Picture2)
In the element window drag 2X "Text Field" to the left (Picture2)
In the Elements window Select "Draw Bitmap1" on the left and in the properties window set "Y" to 30 and select "Bitmap" and click on the 3 dots.
Close the "Transparency Bitmap Editor"
In the Elements window Select "Draw Bitmap2" on the left and in the properties window set "X" to 75 and select "Bitmap" and click on the 3 dots.
In the "Transparency Bitmap Editor" click on the button "Load" and Load the "Drop" bitmap from the file.Note: the "Drop" Bitmap is available here to download or you can browse for more here,

Close the "Transparency Bitmap Editor"
In the Elements window select "TextField1" and in the properties window set "size" to 4, "X" to 5, "Y" to 5
In the Elements window select "TextField2" and in the properties window set "size" to 2, "X" to 105, "Y" to 5

Step 6: In Visuino Connect Components

1 / 2

Connect "DisplayOLED1" component pin [Out] to Arduino I2C pin [In]
Connect "HumidityThermometer1" component pin [Sensor] to Arduino digital pin [7]
Connect "HumidityThermometer1" component pin [Temperature] to AnalogToText1 pin [In]
Connect "HumidityThermometer1" component pin [Humidity] to AnalogToText2 pin [In]
Connect "AnalogToText1" pin [Out] to "DisplayOLED1" > TextField1 component pin [In]
Connect "AnalogToText2" pin [Out] to "DisplayOLED1" > TextField2 component pin [In]

Step 7: Generate, Compile, and Upload the Arduino Code

1 / 2

In Visuino, Press F9 or click on the button shown on Picture 1 to generate the Arduino code, and open the Arduino IDE

In the Arduino IDE, click on the Upload button, to compile and upload the code (Picture 2)

Step 8: Play

If you power the Arduino UNO module, the room temperature and humidity level should be displayed on the OLED display.

Congratulations! You have completed your project with Visuino. Also attached is the Visuino project, that I created for this tutorial, you can download it here and open it in Visuino: https://www.visuino.eu

Code

DHT11-OLED.visuino

{
  "Version": "2",
  "Product": "Visuino Pro - Visual Arduino Programming",
  "Units": [
    {
      "Name": "__OpenWireRootUnit__",
      "*": [
        {
          "X": 928,
          "Name": "Arduino",
          "Instance": {
            "Serial": {
              "*": [
                {
                  "+": "TArduinoHardwareSerial"
                }
              ]
            },
            "+": "TArduinoBoard",
            "AnalogInputReference": "Default",
            "Modules": {
              "*": [
                {
                  "+": "TArduinoEEPROMModule"
                },
                {
                  "+": "TArduinoProcessor328Module"
                },
                {
                  "+": "TArduinoWatchdogTimerModule"
                }
              ]
            },
            "I2CChannels": {
              "*": [
                {
                  "InputPin": {
                    "SourcePins": [
                      {
                        "ID": "__OpenWireRootUnit__.DisplayOLED1.OutputPin"
                      }
                    ]
                  },
                  "+": "TArduinoI2C"
                }
              ]
            },
            "Digital": {
              "*": [
                {
                  "+": "TArduinoAdditionalDigitalSerial0Channel"
                },
                {
                  "+": "TArduinoAdditionalDigitalSerial0Channel"
                },
                {
                  "+": "TArduinoAdditionalDigitalInterruptChannel"
                },
                {
                  "+": "TArduinoBasicDigitalPWMInterruptChannel"
                },
                {
                  "+": "TArduinoAdditionalDigitalChannel"
                },
                {
                  "+": "TArduinoBasicDigitalPWMChannel"
                },
                {
                  "+": "TArduinoBasicDigitalPWMChannel"
                },
                {
                  "DigitalInputPin": {
                    "SourcePin": {
                      "ID": "__OpenWireRootUnit__.HumidityThermometer1.SensorOutputPin"
                    }
                  },
                  "+": "TArduinoAdditionalDigitalChannel"
                },
                {
                  "+": "TArduinoAdditionalDigitalChannel"
                },
                {
                  "+": "TArduinoBasicDigitalPWMChannel"
                },
                {
                  "+": "TArduinoBasicDigitalPWMChannel"
                },
                {
                  "+": "TArduinoBasicDigitalPWMSPI0Channel"
                },
                {
                  "+": "TArduinoAdditionalDigitalSPI0Channel"
                },
                {
                  "+": "TArduinoAdditionalDigitalSPI0Channel"
                },
                {
                  "+": "TArduinoCombinedAnalogDigitalChannel"
                },
                {
                  "+": "TArduinoCombinedAnalogDigitalChannel"
                },
                {
                  "+": "TArduinoCombinedAnalogDigitalChannel"
                },
                {
                  "+": "TArduinoCombinedAnalogDigitalChannel"
                },
                {
                  "+": "TArduinoCombinedAnalogDigitalI2C0Channel"
                },
                {
                  "+": "TArduinoCombinedAnalogDigitalI2C0Channel"
                }
              ]
            },
            "SPIChannels": {
              "*": [
                {
                  "+": "TArduinoSPI"
                }
              ]
            },
            "BoardType": "Arduino Uno"
          },
          "Type": "Component",
          "Y": 368
        },
        {
          "X": 640,
          "Name": "DisplayOLED1",
          "Instance": {
            "Elements": {
              "*": [
                {
                  "Name": "Draw Bitmap1",
                  "+": "TArduinoMonochromeGraphicsElementDrawBitmap",
                  "Bitmap": {
                    "Data": "qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr\/\/\/\/qqqqqqqqqqqqqqqqqqqqqqqqqqr\/\/\/\/\/+qqqqqqqqqqqqqqqqqqqqqqqqq\/\/\/\/\/\/\/6qqqqqqqqqqqqqqqqqqqqqqqv\/\/\/\/\/\/\/\/qqqqqqqqqqqqqqqqqqqqqqq\/\/\/\/\/\/\/\/\/6qqqqqqqqqqqqqqqqqqqqqr\/\/\/\/\/\/\/\/\/\/qqqqqqqqqqqqqqqqqqqqqv\/\/\/\/\/\/\/\/\/\/6qqqqqqqqqqqqqqqv6qqq\/\/\/\/\/\/\/\/\/\/\/6qqqqqqqqqqqqqr\/\/\/+qr\/\/\/\/\/\/\/\/\/\/\/+qqqqqqqqqqqqq\/\/\/\/\/6v\/\/\/\/\/\/\/\/\/\/\/\/qqqqqqqqqqqqr\/\/\/\/\/+v\/\/\/\/\/\/\/\/\/\/\/\/6qqqqqqqqqqq\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6qqqqqqqqqqr\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/+qqqqqqqqqqr\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/+qqqqqqqqqqv\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/qqqqqqqqqq\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/qqqqqqqqqq\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/qqqqqqqqqr\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/qqqqqqqqqr\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6qqqqqqqqr\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6qqqqqqqqr\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6qqqqqqqqv\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6qqqqqqqqv\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6qqqqqqqqv\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6qqqqqqqq\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/qqqqqqqv\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/+qqqqqr\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6qqqqv\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/+qqqq\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/qqqr\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6qqv\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/+qq\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/qq\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/qr\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6r\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/6v\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/+v\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/+v\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/+v\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/+u667q666667rrrrrrrq666666666666+uqqqqqqqqqqqqqqqqqqqqqqqqqqqqqquuqqqqqqqqqqqqqqqqqqqqqqqqqqqqqquqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq",
                    "Width": 96,
                    "Height": 64
                  },
                  "Y": 30
                },
                {
                  "X": 5,
                  "Name": "Text Field1",
                  "InputPin": {
                    "SourcePin": {
                      "ID": "__OpenWireRootUnit__.AnalogToText1.OutputPin"
                    }
                  },
                  "+": "TArduinoMonochromeGraphicsElementTextFeld",
                  "Size": 4,
                  "Y": 5
                },
                {
                  "X": 75,
                  "Name": "Draw Bitmap2",
                  "+": "TArduinoMonochromeGraphicsElementDrawBitmap",
                  "Bitmap": {
                    "Data": "qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr6qqqqqqqqqvqqqqqqqqqq+qqqqqqqqqv+qqqqqqqqq\/6qqqqqqqqv\/6qqqqqqqq\/\/qqqqqqqqv\/\/qqqqqqqq\/\/+qqqqqqqv\/\/+qqqqqqq\/\/\/6qqqqqqr\/\/\/qqqqqqqv\/\/+qqqqqqq\/\/\/6qqqqqqr\/\/\/qqqqqqqr\/\/6qqqqqqqv\/\/qqqqqqqqv\/6qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqg==",
                    "Width": 32,
                    "Height": 32
                  }
                },
                {
                  "X": 105,
                  "Name": "Text Field2",
                  "InputPin": {
                    "SourcePin": {
                      "ID": "__OpenWireRootUnit__.AnalogToText2.OutputPin"
                    }
                  },
                  "+": "TArduinoMonochromeGraphicsElementTextFeld",
                  "Size": 2,
                  "Y": 5
                }
              ]
            },
            "OutputPin": {
              "SinkPins": [
                {
                  "Name": "__OpenWireRootUnit__.Arduino.I2CChannels.I2C.InputPin",
                  "ID": "__OpenWireRootUnit__.Arduino.I2CChannels._Item0.InputPin"
                }
              ]
            },
            "+": "TArduinoDisplaySSD1306I2C"
          },
          "Type": "Component",
          "Y": 256
        },
        {
          "X": 256,
          "Name": "HumidityThermometer1",
          "Instance": {
            "SensorOutputPin": {
              "SinkPins": [
                {
                  "Name": "__OpenWireRootUnit__.Arduino.Digital.Digital[ 7 ].DigitalInputPin",
                  "ID": "__OpenWireRootUnit__.Arduino.Digital._Item7.DigitalInputPin"
                }
              ]
            },
            "+": "TArduinoDHTSensor",
            "TemperatureOutputPin": {
              "SinkPins": [
                {
                  "ID": "__OpenWireRootUnit__.AnalogToText1.InputPin"
                }
              ]
            },
            "HumidityOutputPin": {
              "SinkPins": [
                {
                  "ID": "__OpenWireRootUnit__.AnalogToText2.InputPin"
                }
              ]
            }
          },
          "Type": "Component",
          "Y": 592
        },
        {
          "X": 400,
          "Name": "AnalogToText1",
          "Instance": {
            "OutputPin": {
              "SinkPins": [
                {
                  "Name": "__OpenWireRootUnit__.DisplayOLED1.Elements.Text Field1.InputPin",
                  "ID": "__OpenWireRootUnit__.DisplayOLED1.Elements._Item1.InputPin"
                }
              ]
            },
            "InputPin": {
              "SourcePin": {
                "ID": "__OpenWireRootUnit__.HumidityThermometer1.TemperatureOutputPin"
              }
            },
            "+": "TArduinoFloatToText",
            "Precision": 0
          },
          "Type": "Component",
          "Y": 336
        },
        {
          "X": 400,
          "Name": "AnalogToText2",
          "Instance": {
            "OutputPin": {
              "SinkPins": [
                {
                  "Name": "__OpenWireRootUnit__.DisplayOLED1.Elements.Text Field2.InputPin",
                  "ID": "__OpenWireRootUnit__.DisplayOLED1.Elements._Item3.InputPin"
                }
              ]
            },
            "InputPin": {
              "SourcePin": {
                "Name": "__OpenWireRootUnit__.HumidityThermometer1.Humidity(%)",
                "ID": "__OpenWireRootUnit__.HumidityThermometer1.HumidityOutputPin"
              }
            },
            "+": "TArduinoFloatToText",
            "Precision": 0
          },
          "Type": "Component",
          "Y": 416
        }
      ],
      "Type": "Diagram",
      "Selection": [
        "DisplayOLED1"
      ]
    }
  ],
  "Content": "OpenWire Diagram"
}

Credits

ronfrtek

302 projects • 75 followers

Arduino Fan!

Simple DIY Weather Station With DHT11 and OLED Display