Академический Документы
Профессиональный Документы
Культура Документы
Foto Hardware
Program Arduino
lampu_tampil=lampu_baru
/60;}
// V_tampil=V_baru;
// I_tampil=I_baru;
// PIR_tampil=PIR_baru;
// PF_tampil=PF_baru;
//
Serial.println(daya_tampil);
V_baru=0;
I_baru=0;
PF_baru=0;
PIR_baru=0;
lampu_baru=0;}}}
unsigned long
Program NodeMCU previousMillis3 = 0;
float hasil_terima;
String unsigned long
data_lama,data_baru; currentMillis4;
String unsigned long
data_lama2,data_baru2; interval4=15000;
unsigned int datake = 0; unsigned long
String data1, data2, previousMillis4 = 0;
data3,data4,data5,data6;
String data11, data22, int value=1;
data33,data44,data55;
String
Irms,PIR,Vrms,PF,Daya,la #include
mpu; <ESP8266WiFi.h>
float
Hasil_PIR,Hasil_Irms,Hasi const char* ssid =
l_Vrms,Hasil_PF,Hasil_Da "Thoem_us";
ya,Hasil_lampu; const char* password =
unsigned long "88888888";
previousMillis = 0; String writeAPIKey =
String terima,terima2; "WD38811PP85WRV94";
char charIn; String apiKey =
int berhenti; "WD38811PP85WRV94";
unsigned long currentMillis String channelID =
; "149570";
unsigned long
interval=5000; const char* host = "smart-
lamp.pe.hu";
const char* server =
int terima_PIR; "api.thingspeak.com";
long currentMillis2 ; String lastCommand =
unsigned long "wew";
interval2=30000; int nilai1=1;
unsigned long int nilai2=0;
previousMillis2 = 0;
unsigned long
currentMillis3;
unsigned long
interval3=15000;
if(terima2.endsWith("Trans
////////////////////// fer-
/// update dari web/// Encoding:chunkedConnecti
////////////////////// on:closeX-Powered-
By:PHP/5.5.")){
terima2="";
void update_lampu_web(){
previousMillis =
//if (Client.available() > 0) currentMillis;
String url = }
"/lamp2.php?"; }
WiFiClient Client;
const int httpPort = 80;
if (!Client.connect(host,
httpPort)) { while(Client.available()>0
);
Serial.println("Connection
failed"); Serial.println(terima2);
return; hasil_terima=
} terima2.toInt();
Client.print(String("GET ")
+ url + "&headers=false"
+ " HTTP/1.1\r\n" + "Host: if(hasil_terima>3842000
" + host + "\r\n" + && berhenti==0){
"Connection:
close\r\n\r\n"); berhenti=1;
delay(30); }
if(hasil_terima>3842000 ){
datake = 0; Serial.println("PIR=" +
break; PIR + " | " + "Arus=" +
Irms + " | " + "Volt=" +
default: Vrms + " | " + "PF=" + PF
switch (datake) { + " | " + "daya=" + Daya +
case 1: " | "+ "lampu=" +lampu );
data1 += terima;
break; Hasil_lampu=(lampu.toFlo
at());
case 2:
Hasil_PIR=(PIR.toFloat());
data2 += terima;
break; Hasil_Irms=(Irms.toFloat()
);
case 3:
Hasil_Vrms=(Vrms.toFloat
data3 += terima; ());
break; Hasil_PF=(PF.toFloat());
case 4: Hasil_Daya=(Daya.toFloat(
data4 += terima; ));
break; Serial.flush() ;
case 5:
data5 += terima;
break;
case 6: }
data6 += terima;
break;
default:
// if nothing else void update_web(){
matches, do the default
// default is optional Serial.print("Connecting to
break; ");
} Serial.println(host);
break;
} // Use WiFiClient class to
create TCP connections
} WiFiClient Client;
const int httpPort = 80;
if (!Client.connect(host, // Read all the lines of the
httpPort)) { reply from server and print
them to Serial
Serial.println("Connection while(Client.available()){
failed"); String line =
return; Client.readStringUntil('\r');
} Serial.println(line);
<span
class="sr-only">Toggle
navigation</span>
Progam Web Interface
<span
<!DOCTYPE html> class="icon-bar"></span>
<html lang="en">
<head> <span
<title>Smart Lamp</title> class="icon-bar"></span>
<li <li><a
class="active"><a href="http://smart-
href="http://smart- lamp.pe.hu/monitor_daya4.
lamp.pe.hu/efisien.php">Ef php">Lampu 4</a></li>
ficiency<span class="sr-
only">(current)</span></a
></li> <li><a
href="http://smart-
<li lamp.pe.hu/monitor_daya5.
class="dropdown"> php">Lampu 5</a></li>
</li>
<ul
class="dropdown-menu" <li
role="menu"> class="dropdown">
<li><a
href="http://smart- <div class="container">
lamp.pe.hu/monitor_AT2.p
hp">Lampu 2</a></li> <img
style="position:absolute;
top:60px; left:500px;
<li><a width:380px"
href="http://smart- src="http://smart-
lamp.pe.hu/monitor_AT3.p lamp.pe.hu/gambar/slam_n
hp">Lampu 3</a></li> ew.png" />
<img
style="position:absolute;
<li><a top:300px; left:0px;
href="http://smart- width:380px"
lamp.pe.hu/monitor_AT4.p src="http://smart-
hp">Lampu 4</a></li> lamp.pe.hu/gambar/lamp
Control.png" />
<img
<li><a style="position:absolute;
href="http://smart- top:280px; left:800px;
lamp.pe.hu/monitor_AT5.p width:380px"
hp">Lampu 5</a></li> src="http://smart-
lamp.pe.hu/gambar/update
lamp control5.png" />
<li><a <img
href="http://smart- style="position:absolute;
lamp.pe.hu/monitor_AT6.p top:430px; left:10px;
hp">Lampu 6</a></li> width:100px"
src="http://smart-
lamp.pe.hu/gambar/lampu1
</ul> .png" />
<img
</li> style="position:absolute;
top:430px; left:200px;
</ul> width:100px"
src="http://smart-
lamp.pe.hu/gambar/lampu2
.png" /> <div id="lampu1"
<img style="position:absolute;
style="position:absolute; top:615px; left:1050px;
top:430px; left:400px; font-family: Helvetica
width:100px" light; font-size:
src="http://smart- 20px;"></div>
lamp.pe.hu/gambar/lampu3 <div id="lampu2"
.png" /> style="position:absolute;
<img top:645px; left:1050px;
style="position:absolute; font-family: Helvetica
top:730px; left:10px; light; font-size:
width:100px" 20px;"></div>
src="http://smart- <div id="lampu3"
lamp.pe.hu/gambar/lampu4 style="position:absolute;
.png" /> top:675px; left:1050px;
<img font-family: Helvetica
style="position:absolute; light; font-size:
top:730px; left:200px; 20px;"></div>
width:100px"
src="http://smart-
lamp.pe.hu/gambar/lampu5 <div id="turn_on1"
.png" /> style="position:absolute;
<img top:550px; left:875px;
style="position:absolute; font-family: Helvetica
top:730px; left:400px; light; font-size:
width:100px" 20px;"></div>
src="http://smart- <div id="turn_off1"
lamp.pe.hu/gambar/lampu6 style="position:absolute;
.png" /> top:550px; left:875px;
font-family: Helvetica
<div id="pir" light; font-size:
style="position:absolute; 20px;"></div>
top:1000px; left:1050px; <div id="turn_on2"
font-family: Helvetica style="position:absolute;
light; font-size: top:550px; left:875px;
20px;"></div> font-family: Helvetica
<div id="pira" light; font-size:
style="position:absolute; 20px;"></div>
top:1000px; left:1050px; <div id="turn_off2"
font-family: Helvetica style="position:absolute;
light; font-size: top:550px; left:875px;
20px;"></div> font-family: Helvetica
light; font-size: width:100px">Turn
20px;"></div> On</button>
<div id="turn_on3" <button
style="position:absolute; onclick="turn_off3()"
top:550px; left:875px; style="position:absolute;
font-family: Helvetica top:650px; left:400px;
light; font-size: width:100px">Turn
20px;"></div> Off</button>
<div id="turn_off3"
style="position:absolute;
top:550px; left:875px;
font-family: Helvetica
light; font-size:
20px;"></div> <img id="lamp1"
< src="http://smart-
lamp.pe.hu/gambar/lampu
%20hidup.png"
<button style="position:absolute;
onclick="turn_on1()" top:470px; left:10px;
style="position:absolute; width:100px" >
top:620px; left:10px; <img id="lamp2"
width:100px">Turn src="http://smart-
On</button> lamp.pe.hu/gambar/lampu
<button %20hidup.png"
onclick="turn_off1()" style="position:absolute;
style="position:absolute; top:470px; left:200px;
top:650px; left:10px; width:100px" >
width:100px">Turn <img id="lamp3"
Off</button> src="http://smart-
<button lamp.pe.hu/gambar/lampu
onclick="turn_on2()" %20hidup.png"
style="position:absolute; style="position:absolute;
top:620px; left:200px; top:470px; left:400px;
width:100px">Turn width:100px" >
On</button> <img id="lamp4"
<button src="http://smart-
onclick="turn_off2()" lamp.pe.hu/gambar/lampu
style="position:absolute; %20hidup.png"
top:650px; left:200px; style="position:absolute;
width:100px">Turn top:770px; left:10px;
Off</button> width:100px" >
<button <img id="lamp5"
onclick="turn_on3()" src="http://smart-
style="position:absolute; lamp.pe.hu/gambar/lampu
top:620px; left:400px; %20hidup.png"
style="position:absolute;
top:770px; left:200px; $("#turn_off2").l
width:100px" > oad("http://smart-
<img id="lamp6" lamp.pe.hu/update2.php?la
src="http://smart- mp=100");
lamp.pe.hu/gambar/lampu }
%20hidup.png"
style="position:absolute; function
top:770px; left:400px; turn_on3() {
width:100px" >
$("#turn_on3").lo
ad("http://smart-
lamp.pe.hu/update3.php?la
<script> mp=500");
function }
turn_on1() {
function
$("#turn_on1").lo turn_off3() {
ad("http://smart-
lamp.pe.hu/update.php?lam $("#turn_off3").l
p=500"); oad("http://smart-
} lamp.pe.hu/update3.php?la
mp=100");
function }
turn_off1() {
function
$("#turn_off1").l turn_on4() {
oad("http://smart-
lamp.pe.hu/update.php?lam $("#turn_on4").lo
p=100"); ad("http://smart-
} lamp.pe.hu/update4.php?la
mp=500");
function }
turn_on2() {
function
$("#turn_on2").lo turn_off4() {
ad("http://smart-
lamp.pe.hu/update2.php?la $("#turn_off4").l
mp=500"); oad("http://smart-
} lamp.pe.hu/update4.php?la
mp=100");
function }
turn_off2() {
$("#lampu1").loa
function d("http://smart-
turn_on5() { lamp.pe.hu/last_PIR.php")
$("#turn_on5").lo }, 3000);
ad("http://smart- });
lamp.pe.hu/update5.php?la
mp=500"); $(document).read
} y(function() {
function setInterval(functi
turn_off5() { on () {
$("#turn_off5").l
oad("http://smart- $("#lampu2").loa
lamp.pe.hu/update5.php?la d("http://smart-
mp=100"); lamp.pe.hu/last_PIR2.php"
} )
function }, 3000);
turn_on6() { });
$("#turn_on6").lo $(document).read
ad("http://smart- y(function() {
lamp.pe.hu/update6.php?la
mp=500"); setInterval(functi
} on () {
function
turn_off6() { $("#lampu3").loa
d("http://smart-
$("#turn_off6").l lamp.pe.hu/last_PIR3.php"
oad("http://smart- )
lamp.pe.hu/update6.php?la
mp=100"); }, 3000);
} });
$(document).read
$(document).read y(function() {
y(function() {
setInterval(functi
setInterval(functi on () {
on () {
$("#lampu4").loa
d("http://smart- $.get( "http://smart-
lamp.pe.hu/last_PIR4.php" lamp.pe.hu/lampu.php",
) function( lampu ) {
var lampu_tampil =
}, 3000); parseFloat(lampu);
}); if (lampu_tampil>300)
{
$(document).read
y(function() { document.getEle
mentById("lamp1").src =
setInterval(functi "http://smart-
on () { lamp.pe.hu/gambar/lampu
%20hidup.png";
}
$("#lampu5").loa else{
d("http://smart-
lamp.pe.hu/last_PIR5.php" document.getEle
) mentById("lamp1").src =
"http://smart-
}, 3000); lamp.pe.hu/gambar/lampu
}); %20mati.png";
}
$(document).read });
y(function() { }, 3000);
//
setInterval(functi setInterval(function () {
on () { $.get( "http://smart-
lamp.pe.hu/lampu2.php",
function( lampu2 ) {
$("#lampu6").loa var lampu_tampil2 =
d("http://smart- parseFloat(lampu2);
lamp.pe.hu/last_PIR6.php" if (lampu_tampil2>300)
) {
}, 3000); document.getEle
}); mentById("lamp2").src =
"http://smart-
lamp.pe.hu/gambar/lampu
%20hidup.png";
</script> }
else{
<script> document.getEle
setInterval(function () { mentById("lamp2").src =
"http://smart- "http://smart-
lamp.pe.hu/gambar/lampu lamp.pe.hu/gambar/lampu
%20mati.png"; %20hidup.png";
} }
}); else{
}, 3000);
document.getEle
setInterval(functi mentById("lamp4").src =
on () { "http://smart-
$.get( "http://smart- lamp.pe.hu/gambar/lampu
lamp.pe.hu/lampu3.php", %20mati.png";
function( lampu3 ) { }
var lampu_tampil3 = });
parseFloat(lampu3); }, 3000);
if (lampu_tampil3>300) //
{ setInterval(function () {
$.get( "http://smart-
document.getEle lamp.pe.hu/lampu5.php",
mentById("lamp3").src = function( lampu5 ) {
"http://smart- var lampu_tampil5 =
lamp.pe.hu/gambar/lampu parseFloat(lampu5);
%20hidup.png"; if (lampu_tampil5>300)
} {
else{
document.getEle
document.getEle mentById("lamp5").src =
mentById("lamp3").src = "http://smart-
"http://smart- lamp.pe.hu/gambar/lampu
lamp.pe.hu/gambar/lampu %20hidup.png";
%20mati.png"; }
} else{
});
}, 3000); document.getEle
mentById("lamp5").src =
setInterval(function () { "http://smart-
$.get( "http://smart- lamp.pe.hu/gambar/lampu
lamp.pe.hu/lampu4.php", %20mati.png";
function( lampu4 ) { }
var lampu_tampil4 = });
parseFloat(lampu4); }, 3000);
if (lampu_tampil4>300)
{ setInterval(functi
on () {
document.getEle
mentById("lamp4").src =
$.get( "http://smart-
lamp.pe.hu/lampu6.php",
function( lampu6 ) {
var lampu_tampil6 =
parseFloat(lampu6);
if (lampu_tampil6>300)
{
document.getEle
mentById("lamp6").src =
"http://smart-
lamp.pe.hu/gambar/lampu
%20hidup.png";
}
else{
document.getEle
mentById("lamp6").src =
"http://smart-
lamp.pe.hu/gambar/lampu
%20mati.png";
}
});
}, 3000);
</script>
</div>
</body>
</html>