Controlling multiple LED states using a push button

Have smart control with EzloPi!

Top Projects

LED ON/OFF

LED ON/OFF with Push Button

DHT22 Temperature-Humidity Sensor

AC Lamp setup with relay and momentary switch

Controlling multiple LED states using a push button

The EzloPi smart devices provide automation through simple, customizable use with our open-source EzloPi platform, making daily life easier and improving human-machine interactions.

Before moving into this example, it is very important to know about the device registration, provisioning and converting the ESP32 device into an EzloPi device along with knowledge of Web Flasher, MiOS Mobile Application for Android/iOS and the MiOS Web Application.

1. About this example

The project demonstrates interfacing two LEDs with the EzloPi device, where both LEDs are controlled using a single push button. The goal is to toggle the state of the LEDs, alternating between on and off state each time when the button is pressed. The project showcases how simple input devices, like a push button, can effectively manage multiple output components, demonstrating the versatility and ease of using the EzloPi platform for basic control tasks in various smart environment setups.

2. Project Demonstration Video

Welcome to the project demonstration video section. The following video showcases the key aspects of Controlling multiple LED states using a push button, providing a visual walkthrough of its implementation.

3. Circuit Diagram & Interface

The following components are required for interfacing with the EzloPi device:

ESP32 as an EzloPi smart device.
Push button.
Two LEDs.
Two 100 Ohm Resistors.

The wiring diagram of ESP32 30 pin is represented as follows:

The following connections are made in order to complete the circuit setup.

From ESP32 to Push Button:

ESP32	SPDT Swtich
GND	Terminal No. 1
D15	Terminal No. 2

From ESP32 to Two LEDs & Two Resistors:

ESP32	LED 1	Resistor 1
D4	Anode	-
GND	-	1st Terminal
-	Cathode	2nd Terminal

ESP32	LED 2	Resistor 2
D5	Anode	-
GND	-	1st Terminal
-	Cathode	2nd Terminal

4. Interfacing the Push button with LEDs using the EzloPi Web Flasher

1. Set up your device/hardware by visiting config.ezlopi.com

Now, click on the Connect Device button and a pop-up window will appear.

Now, select COM Port to which your ESP32 device is connected. In our case, the COM3 port is used.

Click Connect

If you are new to this and it's your first time configuring, select Create new Device ID. Enter Wifi SSID and Wifi Password.
In the Device Configuration, tab click on Digital Input.

A Digital Input window will open for inputting the following parameters:

Set a Device name of your choosing. In our case, we set it to the Push Button.
Set INPUT GPIO to 15.
Set Device Subtype to Switch / Button / Key.
Set Resistor to PULL DOWN.>
Set the Default Value to LOW.
Then Click Apply Button.

In the Device Configuration, tab click on Digital Output.

A Digital Output window will open for inputting the following parameters:

Set a Device name of your choosing. In our case, we set it to the LED 1.
Set OUT GPIO to 4.
Set Device Subtype to LED.
Set Resistor to PULL UP.
Set the Default Value to LOW.
Then Click Apply Button.
After clicking the apply button you can see a table of your setting in the device configuration tab.
Press the Flash Device button.

Again, In the Device Configuration, tab click on Digital Output.

A Digital Output window will open for inputting the following parameters:

Set a Device name of your choosing. In our case, we set it to the LED 2.
Set INPUT GPIO to 5.
Set Device Subtype to LED.
Set Resistor to PULL UP.
Set the Default Value to LOW.
Then Click Apply Button.
After clicking the apply button you can see a table of your setting in the device configuration tab.
Press the Flash Device button.

A window will appear on the bottom right side of the screen displaying “Please press BOOT button while flashing begins.”

Hold the BOOT button down until the next window appears on the bottom right side of the screen which says “Installation prepared. Please release the boot button now.”

Release the BOOT button from your ESP32 when this pop-up on the bottom right window appears.

After some time, a popup will appear saying Device Flashed Successfully! This means that your device has been set up successfully.

5. MiOS Web Dashboard

After configuring the controller with the EzloPi web flasher, head to ezlogic.mios.com

Use the same credential to log in that you used for configuring the controller with the web flasher.

On the MiOS web dashboard, you will see the tiles of your connected devices as shown labeled as Push Button and the two LEDs named LED 1 and LED 2. Currently, Push Button is not ON or triggered therefore Push Button and both the LEDs tiles show the “OFF” message.

MeshBots:

On the left side of the screen under Automation, click on MeshBots.
On meshbot screen, click on Create new MeshBot button present on the top right corner of the screen.
After clicking on Create new MeshBot, you will see this now under Automation MeshBot click on EzloPi.

On the next screen you will see that we can create a name of our choosing, in this case we write it as Test005.

In the trigger tab you can set the TRIGGER for your device and in the ACTION tab you can set the action to be performed based on the trigger which you have created.

Set these things in TRIGGER section:

Set Node Type to Device.
Set the Node to Push Button.
Set the Capability to Switch.
Set the value to True.

Set these values in the TRUE part of the ACTION section.

Set Node type to Device.
Set Controllable to LED 1.
Set Capability to switch.
Set value to true.

Set these values in the FALSE part of the ACTION section.

Set Node type to Device.
Set Controllable to LED 1.
Set Capability to switch.
Set value to false.

Set these values in the TRUE part of the ACTION section.

Set Node type to Device.
Set Controllable to LED 2.
Set Capability to switch.
Set value to true.

Set these values in the FALSE part of the ACTION section.

Set Node type to Device.
Set Controllable to LED 2.
Set Capability to switch.
Set value to false.
After clicking the apply button you can see a table of your setting in the Current configuration tab.

After clicking the save button you can see this screen on the top right corner of the screen.

Here you can see your saved MeshBot. Now click on Dashboard.

Now as seen above, it shows that when the Push Button is triggered ON, both LEDs get turned ON because of the rules we have set in the meshbot.

6. MiOS App

You can download the MIOS Android app from the Google Play Store and Apple App Store.

After downloading the app, proceed to install the application and open it.

Using the MIOS mobile application, create a new Ezlo Cloud account using the sign-up option. If you already have an account, you may proceed to log in.

After successfully logging in, you will be able to see the number of controllers connected such as a lamp, fan, or any other device in the MiOS app. Tap on any controller of your desired ID:

You will be able to see the status of your controller whether it is online or offline. Access the device dashboard, and tap the device. The following view of the dashboard will appear:

As seen above on the MiOS mobile dashboard, you will see the tiles of your connected devices as shown labeled as Push Button and the two LEDs named LED 1 and LED 2. Currently, Push Button is not ON or triggered therefore Push Button and both the LEDs tiles show the “OFF” message.