Assignment-11 - IOT LAB

ADVANCE INTERNET OF THINGS
ASSIGNMENT-11
G.Tejasrini
121910307043
4B7
AIM: Develop a website to control LED remotely using NodeMCU (as local host, and
server).
Requirements:
1. ESP8266.
2. LEDs.
3. Wires and Breadboard.
4. Arduino Board.
5. Resistors.
Circuit Diagram:
Schematic representation.
Steps:
1. Connect the ESP8266 module and to the arduino module.
2. Connect LEDs to the Arduino board.
3. Code accordingly to create the website with an embedded code.
Code:
#include <ESP8266WiFi.h> const char* ssid = "********"; // Enter SSID here const char*
password = "*******"; //Enter Password here
// Variable to store the HTTP request
String header;
String
LED1State =
"off"; const int
LED1 = D0;
WiFiServer server(80);
void setup() {
Serial.begin(11520
0);
pinMode(LED1,
OUTPUT);
digitalWrite(LED1
, LOW);
Serial.print("Connecting to ");
Serial.println(ssid);
WiFi.begin(ssid,
password); while
(WiFi.status() !=
WL_CONNECTED) {
delay(500);
Serial.print(".");
// Print local IP address and start web server
Serial.println("");
Serial.println("WiFi connected-->");
Serial.println("Copy this IP
address: ");
Serial.println(WiFi.localIP(
)); server.begin();
}
void loop()
{
WiFiClient client = server.available();
if (client) { // If a new client connects,
Serial.println("new client connected");
String currentLine = ""; // make a String to hold incoming data from
the client while (client.connected()) if (client.available()) { // if there's
bytes to read from the client, char c = client.read(); Serial.write(c);
header += c; if (c == '\n') { // if the
byte is a newline character
if (currentLine.length() == 0) {
client.println("HTTP/1.1 200
OK"); client.println("Content-
type:text/html");
client.println("Connection: close");
client.println();
if (header.indexOf("GET /LED1/on") >= 0) {
Serial.println("LED
1 on"); LED1State =
"on";
digitalWrite(LED1,
HIGH);
} else if (header.indexOf("GET /LED1/off") >= 0) {
Serial.println("LED1
off"); LED1State =
"off";
digitalWrite(LED1,
LOW);
// Display the HTML web page
client.println("<!DOCTYPE html><html>"); client.println("<head><meta
name=\"viewport\" content=\"width=device-width, initial-scale=1\">");
client.println("<link rel=\"icon\" href=\"data:,\">");
client.println("<style>html { font-family: Cairo; display: inline; margin: 0px auto;

text-align: center; b
ackground-color: #ccffb3;}");
client.println(".button { background-color: #006699; border: none; color: white;

padding: 16px 40px;
");
client.println("text-decoration: none; font-size: 35px; margin: 2px; cursor: pointer;}");
client.println(".button2 {background-color: #555555;}</style></head>");
client.println("<svg width=\"300\" height=\"80\"><text fill=\"#00bfbf\" font-

family=\"serif\" font-siz
e=\"24\" id=\"svg_1\" stroke=\"#000000\" text-anchor=\"middle\"
transform=\"matrix(1.35388 0 0 1.4230 8 -6.66283 -8.67308)\" x=\"86.5\"
xml:space=\"preserve\" y=\"41.5\">Circuit Digest</text></svg>");
// Web Page Heading client.println("<body><h1>Welcome to ESP12e Web
Server</h1>"); client.println("<p>LED1_State: " + LED1State + "</p>"); // If
the LED1State is off, it displays the ON button if (LED1State=="off") {
client.println("<p><a href=\"/LED1/on\"><button
class=\"button\">ON</button></a></p>");
client.println("<svg width=\"500\" height=\"300\"><ellipse cx=\"258.5\" cy=\"125.5\"

fill=\"#ffffff\"
rx=\"47\" ry=\"52\" stroke=\"#ffffaa\" stroke-width=\"5\"/><rect fill=\"#cccccc\"
height=\"40\" stroke=\"#
ffffaa\" stroke-width=\"5\" transform=\"rotate(-0.485546 261 187.5)\" width=\"39\"
x=\"241.5\" y=\"167. 5\"/></svg>");
} else {
client.println("<p><a href=\"/LED1/off\"><button class=\"button

button2\">OFF</button></a></ p>");
client.println("<svg width=\"500\" height=\"300\"><ellipse cx=\"258.5\" cy=\"125.5\"

fill=\"#ff7f00
\" rx=\"47\" ry=\"52\" stroke=\"#ffffaa\" stroke-width=\"5\"/><rect fill=\"#cccccc\"
height=\"40\" stroke=\
"#ffffaa\" stroke-width=\"5\" transform=\"rotate(-0.485546 261 187.5)\" width=\"39\"
x=\"241.5\" y=\"16 7.5\"/></svg>");
}
client.println("</body>ht
ml>");
client.println();
break;
header = "";
client.stop();
Serial.println("Client disconnected");
Serial.println("");
OUTPUT:
The LED can be controlled remotely using the website.

Assignment-11 - IOT LAB

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Assignment-11 - IOT LAB

Uploaded by

Copyright:

Available Formats

ADVANCE INTERNET OF THINGS

2. Connect LEDs to the Arduino board.

3. Code accordingly to create the website with an embedded code.

// Variable to store the HTTP request

"off"; const int

// Print local IP address and start web server

WiFiClient client = server.available();

if (client) { // If a new client connects,

Serial.println("new client connected");

String currentLine = ""; // make a String to hold incoming data from

the client while (client.connected()) if (client.available()) { // if there's

bytes to read from the client, char c = client.read(); Serial.write(c);

header += c; if (c == '\n') { // if the

byte is a newline character

if (header.indexOf("GET /LED1/on") >= 0) {

} else if (header.indexOf("GET /LED1/off") >= 0) {

// Display the HTML web page

client.println("<!DOCTYPE html><html>"); client.println("<head><meta

name=\"viewport\" content=\"width=device-width, initial-scale=1\">");

client.println("<link rel=\"icon\" href=\"data:,\">");

client.println("<style>html { font-family: Cairo; display: inline; margin: 0px auto;

client.println(".button { background-color: #006699; border: none; color: white;

client.println("text-decoration: none; font-size: 35px; margin: 2px; cursor: pointer;}");

client.println(".button2 {background-color: #555555;}</style></head>");

client.println("<svg width=\"300\" height=\"80\"><text fill=\"#00bfbf\" font-

// Web Page Heading client.println("<body><h1>Welcome to ESP12e Web

Server</h1>"); client.println("<p>LED1_State: " + LED1State + "</p>"); // If

the LED1State is off, it displays the ON button if (LED1State=="off") {

client.println("<svg width=\"500\" height=\"300\"><ellipse cx=\"258.5\" cy=\"125.5\"

client.println("<p><a href=\"/LED1/off\"><button class=\"button

client.println("<svg width=\"500\" height=\"300\"><ellipse cx=\"258.5\" cy=\"125.5\"

The LED can be controlled remotely using the website.

You might also like