Overview
Things
Story

Connection (STEP 1)
Web page (STEP 2)
Test The Working (STEP 3)

Published December 4, 2019

Control Panel for Headlight and Horn of Electronic Car

A simple project using Bolt module, basic components and HTML to create IOT platform for headlight and horn of electronic car.

BeginnerFull instructions provided2 hours675

Control Panel for Headlight and Horn of Electronic Car

Things used in this project

Hardware components

Bolt IoT Bolt WiFi Module

LED (generic)

Buzzer

Breadboard (generic)

Software apps and online services

Bolt IoT Bolt Cloud

Bolt IoT Android App

Story

This project will be using Bolt IOT module to control the lights and buzzer of an electronic car over the internet.

The electrical equivalent of the project can be used to control headlights and horn of a vehicle.

Connection (STEP 1):

LED Number 1

Positive Terminal - GPIO 1 Of Bolt Module Through 330 Ohm Resistor

Negative Terminal - Ground Of Bolt Module

Buzzer

Positive Terminal - GPIO 2 Of Bolt Module

Negative Terminal - Ground Of Bolt Module

LED Number 2

Positive Terminal - GPIO 3 Of Bolt Module Through 330 Ohm Resistor

Negative Terminal - Ground Of Bolt Module

Web page (STEP 2):

Go to configure product in Bolt Cloud and create the web page using the code mentioned below in HTML. (Select Output And GPIO during configuration)

Final output of the code

Test The Working (STEP 3):

After you have configured the product, click on view device in Bolt Cloud and check if it works.

Do check the video below:

Connection and working is shown

Code

HTML Code

<html>
    <head>
        <title>Bolt IoT Platform</title>
        <script type="text/javascript" src="https://cloud.boltiot.com/static/js/boltCommands.js"></script>
        <script>
        setKey('{{ApiKey}}','{{Name}}');
        </script>
    </head>
    <body bgcolor="black">
        <br>
        <center>
        <u><font color="white" face="Century Gothic" size="6">Vehicle Control Panel</font></u>
        <br>
        <br>
        <font color="white" face="Century Gothic" size="3">Left Headlight</font>
        <br>
        <button onclick="digitalWrite(1, 'HIGH');">ON</button>
        <button onclick="digitalWrite(1, 'LOW');">OFF</button>
        <br>
        <br>
        <font color="white" face="Century Gothic" size="3">Right Headlight</font>
        <br>
        <button onclick="digitalWrite(3, 'HIGH');">ON</button>
        <button onclick="digitalWrite(3, 'LOW');">OFF</button>
        <br>
        <br>
        <font color="white" face="Century Gothic" size="3">Horn Toggle</font>
        <br>
        <button onclick="digitalWrite(2, 'HIGH');">ON</button>
        <button onclick="digitalWrite(2, 'LOW');">OFF</button>
        </center>
    </body>
</html>

Control Panel for Headlight and Horn of Electronic Car