Published September 19, 2016 © GPL3+

Home Automation Using IOT

Using Internet Of Things we can control our home appliances using Internet or through local area network (LAN).

IntermediateFull instructions provided4 hours2,101

Things used in this project

Hardware components

Espressif ESP8266 ESP-01

ftdi cp2102

We can use any other ftdi with 3.3v.

Linear Regulator with Adjustable Output

Resistor 330 ohm

Resistor 221 ohm

Resistor 100 ohm

Capacitor 100 µF

LED (generic)

Relay (generic)

9v Relay with output specification of 230v AC 7A.

General Purpose Transistor NPN

1N4007 – High Voltage, High Current Rated Diode

Male-Header 36 Position 1 Row- Long (0.1")

Female/Female Jumper Wires

As per required in the peoject.

Software apps and online services

Arduino IDE

Notepad++

For designing webpage.

Hand tools and fabrication machines

Soldering iron (generic)

Hand drill machine

Story

Overview

It has been about a year since we have been learning Arduino. Since we do much with Arduino IDE, we were looking for a project that we could try all kinds of stuff. I mean crazy stuff. A project to get dirty, fail, fail more, and learn from those failures.

It was January 2015 when we had started to to lean about Arduino and Arduino IDE. Since then we started making small projects using Arduino mega 2560 and the Arduino IDE. The flexibility that we got is that we were able to load the program in the memory of the controller using mobile phones (Android). After lot of searching we got an application the was made for mobile phones through which we were able to program our controllers (Arduino) and that application name is "Arduinodroid".

Till March of 2015 we were learning about Arduino and doing small projects using Arduino we heard about something IOT that is Internet Of Things. This concept of IOT made us amaze and we eagerly started studying and doing research on IOT. This curiousness brought us to do this amazing project "Home Automation using IOT".

STEP 1: Building PCB

Make the design of PCB as the image prescribed below and take a printout of it on the photo paper using Inkjet printer and paste in on the plain copper clad(PCB before the tracks made) using an iron. When you see the track masked over the clad put the clad into FeCl3 solution(PCB itching) for about 15 min.

After the PCB itching is completed we will see the tracks only of copper. Now drill the holes where ever it is required and the PCB is ready for the project.

Download the GERBER file available in the attachments and give it to the PCB itching vendor and the PCB it is ready for the project.

STEP 2: Placing components.

All the components described should be available to mount on the PCB. Place the components one by one on the PCB and solder the components neatly. After completion of mounting the components check the voltage supplied to the modules Vcc point or at the output of the LM315, it should not exceed 3.7V i.e. the max voltage the module can sustain. Now the dev board is ready to upload the code and to test it.

STEP 3: Adding ESP board to IDE.

Open the arduino IDE which should display the default screen of code with setup and loop function. Now to add the ESP board to the IDE click File->Preferences and we see a tab opened, find out the Additional boards manager urls. Paste this URL in that box http://arduino.esp8266.com/stable/package_esp8266com_index.json and close the the Preferences tab.

Now click Tools->Board->Board manager... after clicking, the board manager tab is opened and in the search box search for "ESP" and install the "esp8266 by ESP8266 Community".

Thats it, ESP board is added to the IDE.

STEP 4: Making the website.

To create a free website there are many vendor who offer we website hosting. For convenience we shall use the 000webhost.com which also give free web hosting. Open a new account by signing up or if you an account then login. After login choose a website name and open the file manager and goto "public_html" where our website's HTML code need to be placed.

Now download/copy both HTML and CSS file from the attachments and upload to it to the "public_html" folder in the file manager. Now try to open the website with the website name we choose, it should open the website and should display 2 Green button and 2 Red button.

That's how we built our website and is ready to use in the project.

STEP 5: Uploading the code.

The most important thing to upload the code to the module is the FTDI. Connect the FTDI to the computer and also install the required drivers respective to FTDI. Now to find the COM port of the FTDI go to the device manager of the computer and in the PORTS the COM port is available that is assigned to the the FTDI. If we get an exclamation(!) mark with the COM port name then update the drivers of FDTI.

Connection from FTDI to Dev board.

FTDI Dev board

3.3V ----> Vcc

GND ----> GND

Tx ----> Rx

Rx ----> Tx

Place the module in the female headers and make sure the the red led is blinking and also the blue led. Which indicate the connection of the board are correct and no error is present.

Download or Copy the arduino code which can be found in the attachments and paste it in the Arduino IDE. Do some editing in the code, change the WiFi SSID with your WiFi SSID and also password of it. Now change the Website URL in the code with your website address. Select the "Generic ESP8266 module" from Tools->Board->Board manager... for compilation and also select the FTDI's Com port from Tools->Board->Port. Do not change any other setting in the Tools drop down list.

Compile the code and upload to the module. If any error occurs then do comment in the comment box below.

Step 6: Testing.

Now connect the GPIO0 pin to first LED+ and it's LED- to GND and GPIO2 pin to second LED+ and it's LED- to GND. Press the reset button and check the Serial monitor in the computer for the messages sent by the module which displays the status of the communication of module with the website server.

Open the website and click any button and the result shall be seen on the LED status(ON or OFF).

If the LED blink as per the user input on the website then the project is successfully tested.

STEP 7: Implementation.

Connect the GPIO0 and GPIO2 pin to the Relay board which can drives the AC devices. So when we change the status on the website then our home appliance AC device's status is also changed.

Congratulations! You learned to control your home appliances over the Internet using a small device ESP8266.

Isn't it an amazing project using IOT? Cool right.

Thank for implementing the project and don't forget to like, comment and follow.

Schematics

Code

/*
 Home Automation using IOT

 This program controls the gpio pins of ESP8266-01 generic module 
 usint the commands from the internet webpage.

 The commands from the webpage databse is accessed using the 
 JavaScript Object Notation(JSON).

 Created 25 Nov. 2015
 Modified 8 Feb. 2016
 by Abhishek Falmari

 */
#include <ESP8266WiFi.h>
#include <ArduinoJson.h>

const char* ssid     = "Abhishek";  
const char* password = "abhishek2511";

const char* host     = "www.iotabhishekfalamri.netne.net"; // Your domain  
String path          = "/command.json";  
const int pin        = 2;
const int pin1        = 0;
void setup() {  
  pinMode(pin, OUTPUT); 
  pinMode(pin1, OUTPUT);
  pinMode(pin, HIGH);
  pinMode(pin1, HIGH);
  Serial.begin(115200);

  delay(10);
  Serial.print("Connecting to ");
  Serial.println(ssid);

  WiFi.begin(ssid, password);
  int wifi_ctr = 0;
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println("WiFi connected");  
  Serial.println("IP address: " + WiFi.localIP());
}

void loop() {  
  Serial.print("connecting to ");
  Serial.println(host);
  WiFiClient client;
  const int httpPort = 80;
  if (!client.connect(host, httpPort)) {
    Serial.println("connection failed");
    return;
  }

  client.print(String("GET ") + path + " HTTP/1.1\r\n" +
               "Host: " + host + "\r\n" + 
               "Connection: keep-alive\r\n\r\n");

  delay(500); // wait for server to respond

  // read response
  String section="header";
  while(client.available()){
    String line = client.readStringUntil('\r');
    . Serial.print(line);
    // we’ll parse the HTML body here
    if (section=="header") { // headers..
      Serial.print(".");
      if (line=="\n") { // skips the empty space at the beginning 
        section="json";
      }
    }
    else if (section=="json") {  // print the good stuff
      section="ignore";
      String result = line.substring(1);

      // Parse JSON
      int size = result.length() + 1;
      char json[size];
      result.toCharArray(json, size);
      StaticJsonBuffer<200> jsonBuffer;
      JsonObject& json_parsed = jsonBuffer.parseObject(json);
      if (!json_parsed.success())
      {
        Serial.println("parseObject() failed");
        return;
      }

      // Make the decision to turn off or on the LED
      if (strcmp(json_parsed["light"], "on1") == 0) {
        digitalWrite(pin1, HIGH); 
        Serial.println("LED ON");
      }
      else if(strcmp(json_parsed["light"], "off1") == 0){
        digitalWrite(pin1, LOW);
        Serial.println("led off");
      } else if(strcmp(json_parsed["light"], "on2") == 0){
        digitalWrite(pin, HIGH);
        Serial.println("led off");
      } else if(strcmp(json_parsed["light"], "off2") == 0){
        digitalWrite(pin, LOW);
        Serial.println("led off");
      }
    }
  }
  Serial.print("closing connection. ");
}

<?php  
$light = $_GET['light'];
if($light == "on1") {  
  $file = fopen("command.json", "w") or die("can't open file");
  fwrite($file, '{"light": "on1"}');
  fclose($file);
} 
else if ($light == "off1") {  
  $file = fopen("command.json", "w") or die("can't open file");
  fwrite($file, '{"light": "off1"}');
  fclose($file);
}
else if($light == "on2") {  
  $file = fopen("command.json", "w") or die("can't open file");
  fwrite($file, '{"light": "on2"}');
  fclose($file);
} 
else if ($light == "off2") {  
  $file = fopen("command.json", "w") or die("can't open file");
  fwrite($file, '{"light": "off2"}');
  fclose($file);
}
?>
 
<html>  
  <head>      
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="footer, address, phone, icons" />
 
 
    <title>LED for ESP8266</title>
 
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="footer.css">
 
  </head>
  <body>
    <div class="row" style="margin-top: 20px;">
      <div class="col-md-8 col-md-offset-2">
        <a href="?light=on1" class="btn btn-success btn-block btn-lg">ON the LED1</a>
        <br />
		<a href="?light=on2" class="btn btn-success btn-block btn-lg">ON the LED2</a>
        <br />
        <a href="?light=off1" class="led btn btn-danger btn-block btn-lg">OFF the LED1</a>
        <br />
		<a href="?light=off2" class="led btn btn-danger btn-block btn-lg">OFF the LED2</a>
        <br />
        <div class="light-status well" style="margin-top: 5px; text-align:center">
          <?php
            if($light=="on1") {
              echo("LED1 is turned on.");
            }
            else if ($light=="off1") {
              echo("LED1 is turned off.");
            }
			else if($light=="on2") {
              echo("LED2 is turned on.");
            }
            else if ($light=="off2") {
              echo("LED2 is turned off.");
            }
            else {
              echo ("Do something.");
            }
          ?>
        </div>
      </div>
    </div>
 
 
	<footer class="footer-distributed">
 
			<div class="footer-left">
 
				<h3>Abhishek<span>Falmari</span></h3>
 
				<p class="footer-links">
					<a href="/index.php">Home</a>
					.
					<a href="http://www.abhishekfalmari.blogspot.com" target="_blank">My Blog</a>
 
				</p>
 
				<p class="footer-company-name">Group16 &copy; 2016</p>
			</div>
 
			<div class="footer-center">
 
				<div>
					<i class="fa fa-map-marker"></i>
					<p><span>273 A Group</span> Vidi Gharkul, Solapur</p>
				</div>
 
				<div>
					<i class="fa fa-phone"></i>
					<p>+91 8087 878 519</p>
				</div>
 
				<div>
					<i class="fa fa-envelope"></i>
					<p><a href="mailto:support@company.com">abhishek.falmari@gmail.com</a></p>
				</div>
 
			</div>
 
			<div class="footer-right">
 
				<p class="footer-company-about">
					<span>About the Project</span>
					Internet of things is a growing network of everyday object-from industrial machine to consumer goods that can share information and complete tasks while you are busy with other activities.
				</p>
 
				<div class="footer-icons">
 
					<a href="https://www.facebook.com/sonu.falmari" target="_blank"><i class="fa fa-facebook"></i></a>
					<a href="https://www.twitter.com/abhishek.falmari" target="_blank"><i class="fa fa-twitter"></i></a>
					<a href="https://www.linkedin.com/profile/view?id=462644220" target="_blank"><i class="fa fa-linkedin"></i></a>
 
				</div>
 
			</div>
 
		</footer>
  </body>
</html>

.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
 
	padding: 55px 50px;
	margin-top: 80px;
}
 
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}
 
/* Footer left */
 
.footer-distributed .footer-left{
	width: 40%;
}
 
/* The company logo */
 
.footer-distributed h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0;
}
 
.footer-distributed h3 span{
	color:  #5383d3;
}
 
/* Footer links */
 
.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}
 
.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}
 
.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}
 
/* Footer Center */
 
.footer-distributed .footer-center{
	width: 35%;
}
 
.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}
 
.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}
 
.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}
 
.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}
 
.footer-distributed .footer-center p a{
	color:  #5383d3;
	text-decoration: none;;
}
 
 
/* Footer Right */
 
.footer-distributed .footer-right{
	width: 20%;
}
 
.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}
 
.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
 
.footer-distributed .footer-icons{
	margin-top: 25px;
}
 
.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;
 
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
 
	margin-right: 3px;
	margin-bottom: 5px;
}
 
/* If you don't want the footer to be responsive, remove these media queries */
 
@media (max-width: 880px) {
 
	.footer-distributed{
		font: bold 14px sans-serif;
	}
 
	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
 
	.footer-distributed .footer-center i{
		margin-left: 0;
	}
 
}

Credits

Abhishek Falmari

1 project • 6 followers

I'm an electronics and software geek, an extrovert, foodie, fitness conscious, and many more.

Santosh Damranchi

1 project • 2 followers

Thanks to Prof. Ravikant Khamitkar.

Home Automation Using IOT

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

Overview

STEP 1: Building PCB

STEP 2: Placing components.

STEP 3: Adding ESP board to IDE.

STEP 4: Making the website.

STEP 5: Uploading the code.

Step 6: Testing.

STEP 7: Implementation.

Custom parts and enclosures

Gerber file for the design of development board for ESP8266-01.

Schematics

Development board.

Code

Arduino Code for ESP8266-01

Index page design of the domain.

CSS design for the index page.

Credits

Abhishek Falmari

Santosh Damranchi

Comments

Embed the widget on your own site

Home Automation Using IOT

Home Automation Using IOT

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

Overview

STEP 1: Building PCB

STEP 2: Placing components.

STEP 3: Adding ESP board to IDE.

STEP 4: Making the website.

STEP 5: Uploading the code.

Step 6: Testing.

STEP 7: Implementation.

Custom parts and enclosures

Gerber file for the design of development board for ESP8266-01.

Schematics

Development board.

Code

Arduino Code for ESP8266-01

Index page design of the domain.

CSS design for the index page.

Credits

Abhishek Falmari

Santosh Damranchi

Comments

Related channels and tags