CONTROLLING

PROJECT WITH
MQTT
 DOWNLOAD THE APPS
1.
Download the apps

2.
Click this
 DOWNLOAD THE APPS
3.
Change the details for
the Connection 4.
“Connection name”
>> any name

“Client ID” >> your id

“Broker Web”
>> broker.emqx.io
 DOWNLOAD THE APPS

5.
Click the Add 6.
Dashboard Change the
button “Dashboard name”

Once done, click

7.
the Create button
Project 6: Buzzer + LED (MQTT)

ESP8266 Wire
GND Black
D5 Orange
D6 Blue
D7 Green
Project 6: Buzzer + LED (MQTT)
Project 6: Buzzer + LED (MQTT)
 Project 6: Buzzer + LED (MQTT)
1.
This will display
2.
the broker
connections Click “Add
you’ve created Panel”

This sign shows that the

broker has been connected
 4.
3. Change the
Choose the • Panel name
“Switch” panel • Topic
• Subscribe topic
This is the list of
• Payload on
the widget
• Payload on
available and can
be chosen based
on your projects
 Project 6: Buzzer + LED (MQTT)
5.
The Switch is
now ready and
can be use.

You can click on the “Add” button, to add

other functions or panel on your dashboard
 HARDWARE

Built-in pull-up resistor

DHT11
Sensor
GND (-) VCC (+)
DAT

CAUTION!
Single direction only
Project 7: DHT11 + LED (MQTT)

ESP8266 Wire
GND Black
3V3 Red
D5 Blue
D6 Green
Adding Libraries

Navigate: Sketch >>

Include Library >>ManageLibraries
Adding MQTT Libraries
Type lwmqtt

Install MQTT by
Joel Gaehwiller
Adding DHT Libraries
Type dht11

Install DHT library

by Adafruit
Project 7: DHT11 + LED (MQTT)
Project 7: DHT11 + LED (MQTT)
Project 7: DHT11 + LED (MQTT)
1.
Click the Triple
dot button

2.
Click on the
“Add a new
dashboard”
 Project 7: DHT11 + LED (MQTT)

3.
At the bottom
of the screen, 4.
you can see Click on the
the created “Add Panel”
dashboard.
Choose the
dashboard.
 Project 7: DHT11 + LED (MQTT)

5. 6.
Choose the Change the
“Text Log” • Panel name
• Topic
Create
 Project 7: DHT11 + LED (MQTT)
8.
7.
Change the
Add new widget. • Panel name
This time, • Topic
choose Gauge. • Payload min
• Payload max
Create
 Project 7: DHT11 + LED (MQTT)

9.
8.
Follow the Play around
previous step with the apps
and create “Led and design your
switch” widget. dashboard!
THANK YOU