Published August 3, 2019

Relay Control Using Bolt Device

To control 3 LEDs connected to 8-channel relay using Bolt device and Bolt app (Arduino is used to power up the LEDs).

BeginnerProtip1 hour768

Things used in this project

Hardware components

Bolt IoT Bolt WiFi Module

ControlEverything.com 4-CHANNEL RELAY CONTROLLER FOR I2C

Solderless Breadboard Full Size

5 mm LED: Red

5 mm LED: Green

LED, Blue

Resistor 10k ohm

(based on the led's used if you are using N LED's than you will need N RESISTOR'S)

Jumper wires (generic)

Male/Female Jumper Wires

Software apps and online services

Bolt IoT Android App

Story

Basically concept is to demonstrate how to control relay using BOLT device and bolt app. This concept can be used to control household devices from anywhere or to control the remote devices.

Here I demonstrated to control 3 LEDs using 8 channel relay (i used only 3 channel of relay it is not necessary to to have 8 channel relay you can have even 1 channel relay depending on the number of devices you want to control)

and arduino is used to power up the LEDs. To control household devices it must be connected to relay instead of LEDs I used (Warning: be careful while connecting high voltage devices to the relay)

User Interface

Below is the snapshot of code to create above UI( Bootstrap 4 is used for UI)

UI code

Below is the Video demonstrating working.

working

Below are some of snapshots

1 / 3

Code to Control Relay

<!DOCTYPE html>
<html>
    <head>
        <title>Bolt IoT Platform</title>
        
        <!--Bolt command file -->
        <script type="text/javascript" src="https://cloud.boltiot.com/static/js/boltCommands.js"></script>
        
        <!-- Bootstrap 4 link -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
        
        <script>
        setKey('{{ApiKey}}','{{Name}}');
        </script>
    </head>
    <body>
        <center>
        <h1>RELAY CONTROL</h1>
        </center>
        <div class="row">
        <div class="col-sm-4"></div>
        <div class="col-sm-4">
            <center>
                <br />
            <h3>RELAY 1</h3>
            <button class="btn btn-primary btn-block" onclick="digitalWrite(1, 'HIGH');">OFF</button>
            <button class="btn btn-primary btn-block" onclick="digitalWrite(1, 'LOW');">ON</button>
            <br />
            <h3>RELAY 2</h3>
            <button class="btn btn-primary btn-block" onclick="digitalWrite(2, 'HIGH');">OFF</button>
            <button class="btn btn-primary btn-block" onclick="digitalWrite(2, 'LOW');">ON</button>
            <br />
            <h3>RELAY 3</h3>
            <button class="btn btn-primary btn-block" onclick="digitalWrite(3, 'HIGH');">OFF</button>
            <button class="btn btn-primary btn-block" onclick="digitalWrite(3, 'LOW');">ON</button>
            </center>
        </div>
        <div class="col-sm-4"></div>
        </div>
    </body>
</html>

Credits

ROHAN

1 project • 0 followers

Embed the widget on your own site

Relay Control Using Bolt Device

Relay Control Using Bolt Device

Things used in this project

Hardware components

Software apps and online services

Story

Code

Code to Control Relay

Credits

ROHAN

Comments

Related channels and tags