Step 1: Components
Step 2: Connect the Humidity/Thermometer Sensor to Arduino
- Connect Ground(Black wire), Power(Red wire), and Data(Gray wire) to the DHT11 Module (Picture 1 shows 2 different types of DHT11 sensor modules. As you can see the pins may differ, so connect carefully!)
- Connect the other end of the Ground wire(Black wire) to Ground pin of the Arduino board(Picture 2)
- Connect the other end of the Power wire(Red wire) to the 5V power pin of the Arduino board(Picture 2)
- Connect the other end of the Data wire(Gray wire) to Digital pin 2 of the Arduino board(Picture 3, and 4)
- Picture 5 shows where are the Ground, 5V Power, and Digital 2 pins of the Arduino Nano
Step 3: Start Visuino, and Select the Arduino Board Type
To start programming the Arduino, you will need to have the Arduino IDE installed from here: http://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 Instructable will not work!
Step 4: In Visuino: Add and Connect DHT11, and Formatted Text Components
- Type "dht" in the Filter box of the Component Toolbox then select the "Humidity and Thermometer DHT11/21/22/AM2301" component (Picture 1), and drop it in the design area
- Connect the "Sensor" pin of the HumidityThermometer1 component to the "Digital" input pin of the "Digital[ 2 ]" channel of the Arduino component(Picture 2)
- Type "form" in the Filter box of the Component Toolbox then select the "Formatted Text" component (Picture 3), and drop it in the design area
- Connect the "Out" output pin of the FormattedText1 component to the "In" input pin of the Serial[ 0 ] channel of the Arduino component(Picture 4)
Step 5: In Visuino: Add and Connect Text Elements, and Specify Formatted Text
- Click on the "Tools" button of the FormattedText1 component (Picture 1)
- In the Elements editor, double click 2 times on the Analog Element to add 2 of them (Picture 2, and 3), then close the Elements editor
- Connect the "Temperature" output pin of the HumidityThermometer1 component to the "In" pin of the AnalogElement1 of the FormattedText1 component (Picture 4)
- Connect the "Humidity" output pin of the HumidityThermometer1 component to the "In" pin of the AnalogElement2 of the FormattedText1 component (Picture 5)
- Set the value of the Text property of the FormattedText1 component to "Temperature: %0 Humidity: %1" (Picture 6). The %0 will be replaced with the value from AnalogElement1, and %1 will be replaced with the value from AnalogElement2
Step 6: Generate, Compile, and Upload the Arduino Code
- 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 7: And Play...
You can see the connected and running Humidity and Temperature sensor on Picture 1.
If you open Serial Terminal in the Arduino IDE or Visuino, you will see the Temperature and Humidity measured by the sensor (Picture 2)
On Picture 3 you can see the complete Visuinodiagram.
Congratulations! You have created a temperature and humidity measuring Arduino project in Visuino.