Patokan: D.I.Y SAKLAR TIMER ESP8266 SETTING TIMER MENGGUNAKAN HP ANDROID dilengkapi dengan skema dan sourcode

Cara Membuat Saklar Wireless, Wifi Switch ini dapat digunakan untuk menyalakan dan mematikan lampu lewat sinyal wifi lokal (tanpa koneksi internet, alias bebas quota). Dengan memanfaatkan kemampuan ESP8266 sebagai Wifi Station, kita dapat mengontrol lampu atau peralatan listrik lainnya lewat browser atau aplikasi handphone android.

Pertama kita buat rangkaian Switch Timer sesuai gambar dibawah ini..

Gambar skema rangkaian untuk saklar timer wifi ESP8266

Selanjutnya Kita program alat menggunakan Arduino IDE dibawah ini adalah skrip programnya

#include <SPI.h>
#include <WebOTA.h>
#include <FS.h>
#include <ArduinoJson.h>
#include <Wire.h>
#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
#include <RtcDS3231.h>
#include <PrayerTimes.h>
#include "WebPage.h"
RtcDS3231<TwoWire> Rtc(Wire);
double times[sizeof(TimeName) / sizeof(char*)];

int LED1 = 2; //GPIO13    D7
int LED2 = 12; // GPIO12    D6
int LED3 = 14; //GPIO14    D5

// Durasi waktu iqomah
struct Config {
  int LamKamr1jamon;
  int LamKamr1meniton;
  int LamKamr1detikon;
  int LamKamr1jamoff;
  int LamKamr1menitoff;
  int LamKamr1detikoff;
  int LamKamr2jamon;
  int LamKamr2meniton;
  int LamKamr2detikon;
  int LamKamr2jamoff;
  int LamKamr2menitoff;
  int LamKamr2detikoff;
  int LamKamr3jamon;
  int LamKamr3meniton;
  int LamKamr3detikon;
  int LamKamr3jamoff;
  int LamKamr3menitoff;
  int LamKamr3detikoff;
  int VLamKam1;
  int VLamKam2;
  int VLamKam3;
};

struct ConfigWifi {
  char wifissid[64];
  char wifipassword[64];
};
uint8_t pin_led = 2;
RtcDateTime now;
char weekDay[][7] = {"AHAD", "SENIN", "SELASA", "RABU", "KAMIS", "JUM'AT", "SABTU", "AHAD"}; // array hari, dihitung mulai dari senin, hari senin angka nya =0,
char monthYear[][10] = { "DESEMBER", "JANUARI", "FEBRUARI", "MARET", "APRIL", "MEI", "JUNI", "JULI", "AGUTUS", "SEPTEMBER", "OKTOBER", "NOVEMBER", "DESEMBER" };

struct TanggalDanWaktu
{
  uint8_t detik;
  uint8_t menit;
  uint8_t jam;
  uint8_t hari;
  uint8_t tanggal;
  uint8_t bulan;
  uint8_t tahun;
};
struct Tanggal
{
  uint8_t tanggal;
  uint8_t bulan;
  uint16_t tahun;
};

struct JamDanMenit
{
  uint8_t jam;
  uint8_t menit;
};

ESP8266WebServer server(80);
const char* password = "123456789";
const char* mySsid = "FATOKXX";
IPAddress local_ip(192, 168, 2, 5);
IPAddress gateway(192, 168, 2, 5);
IPAddress netmask(255, 255, 255, 0);

//const char *fileconfigdisp = "/configdisp.json";
//ConfigDisp configdisp;
const char *fileconfigjws = "/configjws.json";
Config config;
const char *fileconfigwifi = "/configwifi.json";
ConfigWifi configwifi;
//----------------------------------------------------------------------
// XML UNTUK JEMBATAN DATA MESIN DENGAN WEB
void buildXML() {
  RtcDateTime now = Rtc.GetDateTime();
  RtcTemperature temp = Rtc.GetTemperature();
  XML = "<?xml version='1.0'?>";
  XML += "<t>";
  XML += "<rWifissid>";
  XML += configwifi.wifissid;
  XML += "</rWifissid>";
  XML += "<rYear>";
  XML += now.Year();
  XML += "</rYear>";
  XML += "<rMonth>";
  XML += now.Month();
  XML += "</rMonth>";
  XML += "<rDay>";
  XML += now.Day();
  XML += "</rDay>";
  XML += "<rHour>";
  if (now.Hour() < 10) {
    XML += "0";
    XML += now.Hour();
  } else {
    XML += now.Hour();
  }
  XML += "</rHour>";
  XML += "<rMinute>";
  if (now.Minute() < 10) {
    XML += "0";
    XML += now.Minute();
  } else {
    XML += now.Minute();
  }
  XML += "</rMinute>";
  XML += "<rSecond>";
  if (now.Second() < 10) {
    XML += "0";
    XML += now.Second();
  } else {
    XML += now.Second();
  }
  XML += "</rSecond>";
  XML += "<rTemp>";
  XML += temp.AsFloatDegC();
  XML += "</rTemp>";
  XML += "<rVLamKam1>";
  XML += config.VLamKam1;
  XML += "</rVLamKam1>";
  
  ////////////////////////////////timer
  XML += "<rLamKamr1jamon>";
  XML += config.LamKamr1jamon;
  XML += "</rLamKamr1jamon>";
  XML += "<rLamKamr1meniton>";
  XML += config.LamKamr1meniton;
  XML += "</rLamKamr1meniton>";
  XML += "<rLamKamr1detikon>";
  XML += config.LamKamr1detikon;
  XML += "</rLamKamr1detikon>";
  XML += "<rLamKamr1jamoff>";
  XML += config.LamKamr1jamoff;
  XML += "</rLamKamr1jamoff>";
  XML += "<rLamKamr1menitoff>";
  XML += config.LamKamr1menitoff;
  XML += "</rLamKamr1menitoff>";
  XML += "<rLamKamr1detikoff>";
  XML += config.LamKamr1detikoff;
  XML += "</rLamKamr1detikoff>";
  /////////////////////////////////tim dua
  XML += "<rLamKamr2jamon>";
  XML += config.LamKamr2jamon;
  XML += "</rLamKamr2jamon>";
  XML += "<rLamKamr2meniton>";
  XML += config.LamKamr2meniton;
  XML += "</rLamKamr2meniton>";
  XML += "<rLamKamr2detikon>";
  XML += config.LamKamr2detikon;
  XML += "</rLamKamr2detikon>";
  XML += "<rLamKamr2jamoff>";
  XML += config.LamKamr2jamoff;
  XML += "</rLamKamr2jamoff>";
  XML += "<rLamKamr2menitoff>";
  XML += config.LamKamr2menitoff;
  XML += "</rLamKamr2menitoff>";
  XML += "<rLamKamr2detikoff>";
  XML += config.LamKamr2detikoff;
  XML += "</rLamKamr2detikoff>";
  //////////////////tim 3
  XML += "<rLamKamr3jamon>";
  XML += config.LamKamr3jamon;
  XML += "</rLamKamr3jamon>";
  XML += "<rLamKamr3meniton>";
  XML += config.LamKamr3meniton;
  XML += "</rLamKamr3meniton>";
  XML += "<rLamKamr3detikon>";
  XML += config.LamKamr3detikon;
  XML += "</rLamKamr3detikon>";
  XML += "<rLamKamr3jamoff>";
  XML += config.LamKamr3jamoff;
  XML += "</rLamKamr3jamoff>";

XML += "<rLamKamr3menitoff>";
  XML += config.LamKamr3menitoff;
  XML += "</rLamKamr3menitoff>";
  XML += "<rLamKamr3detikoff>";
  XML += config.LamKamr3detikoff;
  XML += "</rLamKamr3detikoff>";

/////////////////////////////////end timer

XML += "<rVLamKam2>";
  XML += config.VLamKam2;
  XML += "</rVLamKam2>";
  XML += "<rVLamKam3>";
  XML += config.VLamKam3;
  XML += "</rVLamKam3>";
  XML += "</t>";
}
void handleXML() {
  buildXML();
  server.send(200, "text/xml", XML);
}
void wifiConnect() {
  WiFi.softAPdisconnect(true);
  WiFi.disconnect();
  delay(1000);
  Serial.println("Wifi Sation Mode");
  WiFi.mode(WIFI_STA);
  WiFi.begin(configwifi.wifissid, configwifi.wifipassword);
  unsigned long startTime = millis();
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
    digitalWrite(pin_led, !digitalRead(pin_led));
    if (millis() - startTime > 3000) break;
  }
  if (WiFi.status() == WL_CONNECTED) {
    digitalWrite(pin_led, HIGH);
  } else {
    Serial.println("Wifi AP Mode");
    WiFi.mode(WIFI_AP);
    WiFi.softAPConfig(local_ip, gateway, netmask);
    WiFi.softAP(mySsid, password);
    digitalWrite(pin_led, LOW);
  }
  //Serial.println("");
  WiFi.printDiag(Serial);
  Serial.print("MAC: ");
  Serial.println(WiFi.macAddress());
}
void LoadDataAwal() {
  if (config.VLamKam1 == 1) {
    //  config.VLamKam1 = 0;
  }
  if (config.LamKamr1jamon == 0) {
    //  config.LamKamr1jamon = 0;
  }
  if (config.LamKamr1meniton == 0) {
    //  config.LamKamr1meniton = 0;
  }
  if (config.LamKamr1detikon == 0) {
    //  config.LamKamr1detikon = 0;
  }
  if (config.LamKamr1jamoff == 0) {
    //  config.LamKamr1jamoff = 0;
  }
  if (config.LamKamr1menitoff == 0) {
    //  config.LamKamr1menitoff = 0;
  }
  if (config.LamKamr1detikoff == 0) {
    //  config.LamKamr1detikoff = 0;
  }

if (config.LamKamr2jamon == 0) {
    //  config.LamKamr2jamon = 0;
  }
  if (config.LamKamr2meniton == 0) {
    //  config.LamKamr2meniton = 0;
  }
  if (config.LamKamr2detikon == 0) {
    //  config.LamKamr2detikon = 0;
  }
  
  if (config.LamKamr2jamoff == 0) {
    //  config.LamKamr2jamoff = 0;
  }
  if (config.LamKamr2menitoff == 0) {
    //  config.LamKamr2menitoff = 0;
  }
  if (config.LamKamr2detikoff == 0) {
    //  config.LamKamr2detikoff = 0;
  }
  
  if (config.LamKamr3jamon == 0) {
    //  config.LamKamr3jamon = 0;
  }
  if (config.LamKamr3meniton == 0) {
    //  config.LamKamr3meniton = 0;
  }
  if (config.LamKamr3detikon == 0) {
    //  config.LamKamr3detikon = 0;
  }
  if (config.LamKamr3jamoff == 0) {
    //  config.LamKamr3jamoff = 0;
  }
  if (config.LamKamr3menitoff == 0) {
    //  config.LamKamr3menitoff = 0;
  }
  if (config.LamKamr3detikoff == 0) {
    //  config.LamKamr3detikoff = 0;
  }

if (config.VLamKam2 == 0) {
    // config.VLamKam2 = 0;
  }
  if (config.VLamKam3 == 0) {
    // config.VLamKam3 = 0;
  }
  if (strlen(configwifi.wifissid) == 0) {
    strlcpy(configwifi.wifissid, "ESP8266", sizeof(configwifi.wifissid));
  }
  if (strlen(configwifi.wifipassword) == 0) {
    strlcpy(configwifi.wifipassword, "password", sizeof(configwifi.wifipassword));
  }
}

void setup() {
  RtcDateTime now = Rtc.GetDateTime();
  int tahun = now.Year();
  int bulan = now.Month();
  int tanggal = now.Day();
//  get_prayer_times(tahun, bulan, tanggal, config.latitude, config.longitude, config.zonawaktu, times);
  Serial.begin(9600);
  int rtn = I2C_ClearBus(); // clear the I2C bus first before calling Wire.begin()
  if (rtn != 0) {
    Serial.println(F("I2C bus error. Could not clear"));
    if (rtn == 1) {
      Serial.println(F("SCL clock line held low"));
    } else if (rtn == 2) {
      Serial.println(F("SCL clock line held low by slave clock stretch"));
    } else if (rtn == 3) {
      Serial.println(F("SDA data line held low"));
    }
  } else { // bus clear, re-enable Wire, now can start Wire Arduino master
    Wire.begin();
  }
  Rtc.Begin();
  if (!Rtc.GetIsRunning()) {
    Rtc.SetIsRunning(true);
  }
  Rtc.Enable32kHzPin(false);
  Rtc.SetSquareWavePin(DS3231SquareWavePin_ModeNone);
  Serial.println("Setup RTC selesai");
  pinMode(pin_led, OUTPUT);
  pinMode(LED1, OUTPUT);
  pinMode(LED2, OUTPUT);
  pinMode(LED3, OUTPUT);
  SPIFFS.begin();
  loadWifiConfig(fileconfigwifi, configwifi);
  loadJwsConfig(fileconfigjws, config);
  LoadDataAwal();
  WiFi.hostname("ESP8266");
  WiFi.begin(configwifi.wifissid, configwifi.wifipassword);
  wifiConnect();
  server.on("/", []() {
    server.send_P(200, "text/html", setwaktu);
    if (server.hasArg("date")) {
      uint16_t jam;
      uint8_t menit;
      uint8_t detik;
      String sd = server.arg("date");
      String lastSd;
      jam = ((sd[0] - '0') * 1000) + ((sd[1] - '0') * 100) + ((sd[2] - '0') * 10) + (sd[3] - '0');
      menit = ((sd[5] - '0') * 10) + (sd[6] - '0');
      detik = ((sd[8] - '0') * 10) + (sd[9] - '0');
      if (sd != lastSd) {
        RtcDateTime now = Rtc.GetDateTime();
        uint8_t hour = now.Hour();
        uint8_t minute = now.Minute();
        uint8_t second = now.Second();
        Rtc.SetDateTime(RtcDateTime(jam, menit, detik, hour, minute, second));
        lastSd = sd;
      }
      server.send ( 404 , "text", message );
    }
    if (server.hasArg("time")) {
      String st = server.arg("time");
      String lastSt;
      uint8_t jam = ((st[0] - '0') * 10) + (st[1] - '0');
      uint8_t menit = ((st[3] - '0') * 10) + (st[4] - '0');
      uint8_t detik = ((st[3] - '0') * 10) + (st[4] - '0');
      if (st != lastSt) {
        RtcDateTime now = Rtc.GetDateTime();
        uint16_t year = now.Year();
        uint8_t month = now.Month();
        uint8_t day = now.Day();
        Rtc.SetDateTime(RtcDateTime(year, month, day, jam, menit, 0));
        lastSt = st;
      }
      server.send ( 404 , "text", message );
    }
  });
  server.on("/toggle", toggleLED);
  server.on("/setjws", []() {
    server.send_P(200, "text/html", setjws);
  });
  
  server.on("/settingjws", HTTP_POST, handleSettingJwsUpdate);
  server.on ( "/xml", handleXML) ;
  server.begin();
  Serial.println("HTTP server started");
  delay(50);
}

void loadJwsConfig(const char *fileconfigjws, Config &config) {
  File configFileJws = SPIFFS.open(fileconfigjws, "r");
  if (!configFileJws) {
    Serial.println("Gagal membuka fileconfigjws untuk dibaca");
    return;
  }
  size_t size = configFileJws.size();
  std::unique_ptr<char[]> buf(new char[size]);
  configFileJws.readBytes(buf.get(), size);
  DynamicJsonDocument doc(1024);
  DeserializationError error = deserializeJson(doc, buf.get());
  if (error) {
    Serial.println("Gagal parse fileconfigjws");
    return;
  }
  config.VLamKam1 = doc["VLamKam1"];
  config.VLamKam2 = doc["VLamKam2"];
  config.VLamKam3 = doc["VLamKam3"];

config.LamKamr1jamon = doc["LamKamr1jamon"];
  config.LamKamr1meniton = doc["LamKamr1meniton"];
  config.LamKamr1detikon = doc["LamKamr1detikon"];  
  config.LamKamr1jamoff = doc["LamKamr1jamoff"];
  config.LamKamr1menitoff = doc["LamKamr1menitoff"];
  config.LamKamr1detikoff = doc["LamKamr1detikoff"];

config.LamKamr2jamon = doc["LamKamr2jamon"];
  config.LamKamr2meniton = doc["LamKamr2meniton"];
  config.LamKamr2detikon = doc["LamKamr2detikon"];
  config.LamKamr2jamoff = doc["LamKamr2jamoff"];
  config.LamKamr2menitoff = doc["LamKamr2menitoff"];
  config.LamKamr2detikoff = doc["LamKamr2detikoff"];

config.LamKamr3jamon = doc["LamKamr3jamon"];
  config.LamKamr3meniton = doc["LamKamr3meniton"];
  config.LamKamr3detikon = doc["LamKamr3detikon"];
  config.LamKamr3jamoff = doc["LamKamr3jamoff"];
  config.LamKamr3menitoff = doc["LamKamr3menitoff"];
  config.LamKamr3detikoff = doc["LamKamr3detikoff"];
  configFileJws.close();
}
void handleSettingJwsUpdate() {
  // timer0_detachInterrupt();
  String datajws = server.arg("plain");
  DynamicJsonDocument doc(1024);
  DeserializationError error = deserializeJson(doc, datajws);
  File configFileJws = SPIFFS.open(fileconfigjws, "w");
  if (!configFileJws) {
    Serial.println("Gagal membuka JWS configFile untuk ditulis");
    return;
  }
  serializeJson(doc, configFileJws);
  if (error) {
    Serial.print(F("deserializeJson() gagal kode sebagai berikut: "));
    Serial.println(error.c_str());
    return;
  } else {
    configFileJws.close();
    Serial.println("Berhasil mengubah configFileJws");
    server.send(200, "application/json", "{\"status\":\"ok\"}");
    loadJwsConfig(fileconfigjws, config);
  }
}
void loadWifiConfig(const char *fileconfigwifi, ConfigWifi &configwifi) {
  File configFileWifi = SPIFFS.open(fileconfigwifi, "r");
  if (!configFileWifi) {
    Serial.println("Gagal membuka fileconfigwifi untuk dibaca");
    return;
  }
  size_t size = configFileWifi.size();
  std::unique_ptr<char[]> buf(new char[size]);
  configFileWifi.readBytes(buf.get(), size);
  DynamicJsonDocument doc(1024);
  DeserializationError error = deserializeJson(doc, buf.get());
  if (error) {
    Serial.println("Gagal untuk parse config file");
    return;
  }
  strlcpy(configwifi.wifissid, doc["wifissid"] | "", sizeof(configwifi.wifissid));
  strlcpy(configwifi.wifipassword, doc["wifipassword"] | "123456789", sizeof(configwifi.wifipassword));
  configFileWifi.close();
}
void handleSettingWifiUpdate() {
  String data = server.arg("plain");
  DynamicJsonDocument doc(1024);
  DeserializationError error = deserializeJson(doc, data);
  File configFile = SPIFFS.open("/configwifi.json", "w");
  if (!configFile) {
    Serial.println("Error opening Wifi configFile for writing");
    return;
  }
  serializeJson(doc, configFile);
  if (error) {
    Serial.print(F("deserializeJson() gagal kode sebagai berikut: "));
    Serial.println(error.c_str());
    return;
  } else {
    configFile.close();
    Serial.println("Berhasil mengubah configFileWifi");
    server.send(200, "application/json", "{\"status\":\"ok\"}");
    loadWifiConfig(fileconfigwifi, configwifi);
  }
}

uint8_t tampilanutama;
int langkah = 1;
int berhenti = 0;
int statusku;
void loop() {
  RtcDateTime now = Rtc.GetDateTime();
  uint8_t hour = now.Hour();
  uint8_t minute = now.Minute();
  uint8_t second = now.Second();
  int VLamKam1;
  int VLamKam2;
  int VLamKam3;
  server.handleClient();
  // Other loop code here
  webota.handle();

////////////////timer ON
  if (config.LamKamr1jamon == now.Hour() && config.LamKamr1meniton == now.Minute() && config.LamKamr1detikon == now.Second()) {
    digitalWrite(LED1, HIGH);
    VLamKam1 = 1;
    config.VLamKam1 = 1;
  }

if (config.LamKamr1jamoff == now.Hour() && config.LamKamr1menitoff == now.Minute() && config.LamKamr1detikoff == now.Second()) {
    digitalWrite(LED1, LOW);
    VLamKam1 = 0;
    config.VLamKam1 = 0;

}  if (config.LamKamr2jamon == now.Hour() && config.LamKamr2meniton == now.Minute() && config.LamKamr2detikon == now.Second()) {
    digitalWrite(LED2, HIGH);
    VLamKam2 = 1;
    config.VLamKam2 = 1;

}
  if (config.LamKamr2jamoff == now.Hour() && config.LamKamr2menitoff == now.Minute() && config.LamKamr2detikoff == now.Second()) {
    digitalWrite(LED2, LOW);
    VLamKam2 = 0;
    config.VLamKam2 = 0;

}  if (config.LamKamr3jamon == now.Hour() && config.LamKamr3meniton == now.Minute() && config.LamKamr3detikon == now.Second()) {
    digitalWrite(LED3, HIGH);
    VLamKam3 = 1;
    config.VLamKam3 = 1;

}  if (config.LamKamr3jamoff == now.Hour() && config.LamKamr3menitoff == now.Minute() && config.LamKamr3detikoff == now.Second()) {
    digitalWrite(LED3, LOW);
    VLamKam3 = 0;
    config.VLamKam3 = 0;

////////////////////////////////

} if (config.VLamKam1 == 1) {
    digitalWrite(LED1, HIGH);
  }  if (config.VLamKam1 == 0) {
    digitalWrite(LED1, LOW);
  } if (config.VLamKam2 == 1) {
    digitalWrite(LED2, HIGH);
  }  if (config.VLamKam2 == 0) {
    digitalWrite(LED2, LOW);
  }
  if (config.VLamKam3 == 1) {
    digitalWrite(LED3, HIGH);
  }  if (config.VLamKam3 == 0) {
    digitalWrite(LED3, LOW);
  }
}
//----------------------------------------------------------------------
// TOGGLE LED INTERNAL UNTUK STATUS MODE WIFI
void toggleLED() {
  digitalWrite(pin_led, !digitalRead(pin_led));
  server.send_P(200, "text/html", setwaktu);
}

// I2C_ClearBus menghindari gagal baca RTC (nilai 00 atau 165)
int I2C_ClearBus() {
#if defined(TWCR) && defined(TWEN)
  TWCR &= ~(_BV(TWEN)); //Disable the Atmel 2-Wire interface so we can control the SDA and SCL pins directly
#endif
  pinMode(SDA, INPUT_PULLUP); // Make SDA (data) and SCL (clock) pins Inputs with pullup.
  pinMode(SCL, INPUT_PULLUP);
  delay(2500);  // Wait 2.5 secs. This is strictly only necessary on the first power
  // up of the DS3231 module to allow it to initialize properly,
  // but is also assists in reliable programming of FioV3 boards as it gives the
  // IDE a chance to start uploaded the program
  // before existing sketch confuses the IDE by sending Serial data.
  boolean SCL_LOW = (digitalRead(SCL) == LOW); // Check is SCL is Low.
  if (SCL_LOW) { //If it is held low Arduno cannot become the I2C master.
    return 1; //I2C bus error. Could not clear SCL clock line held low
  }
  boolean SDA_LOW = (digitalRead(SDA) == LOW);  // vi. Check SDA input.
  int clockCount = 20; // > 2x9 clock
  while (SDA_LOW && (clockCount > 0)) { //  vii. If SDA is Low,
    clockCount--;
    // Note: I2C bus is open collector so do NOT drive SCL or SDA high.
    pinMode(SCL, INPUT); // release SCL pullup so that when made output it will be LOW
    pinMode(SCL, OUTPUT); // then clock SCL Low
    delayMicroseconds(10); //  for >5uS
    pinMode(SCL, INPUT); // release SCL LOW
    pinMode(SCL, INPUT_PULLUP); // turn on pullup resistors again
    // do not force high as slave may be holding it low for clock stretching.
    delayMicroseconds(10); //  for >5uS
    // The >5uS is so that even the slowest I2C devices are handled.
    SCL_LOW = (digitalRead(SCL) == LOW); // Check if SCL is Low.
    int counter = 20;
    while (SCL_LOW && (counter > 0)) {  //  loop waiting for SCL to become High only wait 2sec.
      counter--;
      delay(100);
      SCL_LOW = (digitalRead(SCL) == LOW);
    }
    if (SCL_LOW) { // still low after 2 sec error
      return 2; // I2C bus error. Could not clear. SCL clock line held low by slave clock stretch for >2sec
    }
    SDA_LOW = (digitalRead(SDA) == LOW); //   and check SDA input again and loop
  }
  if (SDA_LOW) { // still low
    return 3; // I2C bus error. Could not clear. SDA data line held low
  }

// else pull SDA line low for Start or Repeated Start

pinMode(SDA, INPUT); // remove pullup.
  pinMode(SDA, OUTPUT);  // and then make it LOW i.e. send an I2C Start or Repeated start control.
  // When there is only one I2C master a Start or Repeat Start has the same function as a Stop and clears the bus.
  /// A Repeat Start is a Start occurring after a Start with no intervening Stop.
  delayMicroseconds(10); // wait >5uS
  pinMode(SDA, INPUT); // remove output low
  pinMode(SDA, INPUT_PULLUP); // and make SDA high i.e. send I2C STOP control.
  delayMicroseconds(10); // x. wait >5uS
  pinMode(SDA, INPUT); // and reset pins as tri-state inputs which is the default state on reset
  pinMode(SCL, INPUT);
  return 0; // all ok
}

Copy kan code di atas ke arduino anda lalu buat tab baru dengan nama WebPage.h lalu copy kode di bawah ini lalu paste di tab WabPage.h yang telah di copy dari kode di bawah ini

String message, XML;
const char setwaktu[] PROGMEM = R"=====(
<!DOCTYPE HTML>
<html>
<meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'>
<head>
<title>TIMER TERPROGRAM WIFI</title>
<style> .halaman { width: 98% ; margin:0 auto; } .header { height:23px; padding:10px;background-color:#122047; text-align: center; } .kiri { height:84px; padding:10px;text-align: center; color : #66BA46; background-color:#122047;float:left;width:150px; margin-top:1px; } .kanan { height:84px; padding:10px;background-color:#122047;float:right;width:150px; margin-top:1px; text-align: center;} .tengah { height:84px; padding:10px;background-color:#122047;margin:10px 180px 0 180px;  border-radius: 8px; text-align: center;} .footer { clear:both; height:50px;padding:10px; background-color:#122047; margin-top:10px;text-align: center; color:#53B3BB;} .info { background-color: #EB2D83; border-radius: 20px; padding-top: 40px; margin: 5px; text-align: center; font-size: 40px; color:#FFFFFF; width: 60% ; margin:0 auto;margin-top:10px;} input, textarea { max-width: 65% ; margin: 5px; padding: 20px; border-radius: 10px; color:#53B3BB;} .tombol {background-color: #EB2D83; margin: 20px; padding: 10px; border-radius: 4px; text-decoration: none; font-size: 30px;} button {max-width: 65% ; background-color: #34BB00; margin: 20px; padding: 10px; border-radius: 4px; text-decoration: none; font-size: 30px;}
a, input[type=submit],input[type=reset] { font-family: sans-serif;
    font-size: 15px;
    background: #22a4cf;
    color: white;
    border: white 3px solid;
    border-radius: 5px;
    padding: 12px 20px;
    margin-top: 10px;
};
a {text-decoration: none;
};
a:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover{
    opacity:0.9;
};
</style>
</head>
<body bgcolor="#0B173D">
<body onload='process()'>

<div class='header'><font color="yellow"><font size="+2" face="Arial, Helvetica, sans-serif">SETTING WAKTU</FONT></FONT></div>

<form> 
<div class='kiri'><font color="#66BA46"><font face="Arial, Helvetica, sans-serif">PILIH TANGGAL</FONT></FONT><br><input type='date' name='date' min=> </div>
<div class='kanan'><font color="#66BA46"><font face="Arial, Helvetica, sans-serif">PILIH JAM</FONT></FONT><br><input type='TIME' name='time'></div>
<div class='tengah'>==</div><font color="#66BA46"></div>
<center><input type='submit' value="SET JAM & TANGGAL"></center>
</form>

<h5><center><a class ='tombol' href="/setjws">SET TIMER</a></center></h5>

</body>
</html>
<script>

var xmlHttp=createXmlHttpObject();

function createXmlHttpObject(){
 if(window.XMLHttpRequest){
    xmlHttp=new XMLHttpRequest();
 }else{
    xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');// code for IE6, IE5
 }
 return xmlHttp;
}

function process(){
 if(xmlHttp.readyState==0 || xmlHttp.readyState==4){
   xmlHttp.open('PUT','xml',true);
   xmlHttp.onreadystatechange=handleServerResponse;
   xmlHttp.send(null);
 }
 setTimeout('process()',1000);
}

function handleServerResponse(){
 if(xmlHttp.readyState==4 && xmlHttp.status==200){
   xmlResponse=xmlHttp.responseXML;

xmldoc = xmlResponse.getElementsByTagName('rYear');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('year').innerHTML=message;

xmldoc = xmlResponse.getElementsByTagName('rMonth');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('month').innerHTML=message;

xmldoc = xmlResponse.getElementsByTagName('rDay');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('day').innerHTML=message;

xmldoc = xmlResponse.getElementsByTagName('rHour');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('hour').innerHTML=message;

xmldoc = xmlResponse.getElementsByTagName('rMinute');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('minute').innerHTML=message;

xmldoc = xmlResponse.getElementsByTagName('rSecond');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('second').innerHTML=message;

xmldoc = xmlResponse.getElementsByTagName('rTemp');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('temp').innerHTML=message;

}
}
</script>
</html>
)=====";

const char setjws[] PROGMEM = R"=====(
<html>
<meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'>
<head>
<title>TIMER TERPROGRAM WIFI</title>
<style> .halaman { width: 97% ; margin:0 auto; } .header { height:23px; padding:10px;background-color:#122047; text-align: center; } .kiri {padding:5px;text-align: center; color : #66BA46; background-color:#122047;float:left;width:181px; height:50px; margin-top:10px; border-radius: 8px; font-size: 10px; } .kanan { width:181px; height:50px; margin-top:10px; border-radius: 8px; float:right; padding:5px; color:#66BA46; background-color:#122047; text-align: center; font-size: 10px;} .tengah { width:130px; height:84px; margin:0 auto; padding:5px;background-color:#122047; border-radius: 15px; text-align: center;} .ngisor { width:97%; height:50px; margin-top:10px; border-radius: 8px; float:right; padding:5px;background-color:#122047; text-align: center; } .footer { clear:both; height:20px;padding:3px; background-color:#122047; margin-top:10px;text-align: center; color:#53B3BB;} .info { background-color: #EB2D83; border-radius: 73px; padding-top: 17px; margin: 5px;text-align: center;color:#FFFFFF; width: 60% ; margin:0 auto;margin-top:10px;} input, textarea { max-width: 17% ; margin: 2px; padding: 2px; border-radius: 5px; color:#66BA46; border-color:blue; text-align: center;} .tombol {background-color: #EB2D83; margin: 20px; padding: 10px; border-radius: 4px; text-decoration: none; font-size: 30px;}
a, button, input[type=submit],input[type=reset] { font-family: sans-serif;
    font-size: 10px;
    background: #22a4cf;
    color: white;
    border: white 3px solid;
    border-radius: 5px;
    padding: 10px 10px;
    margin-top: 10px;
};
a {text-decoration: none;
};
a:hover, button:hover{
    opacity:0.9;
};
</style>
</head>
<body bgcolor="#0B173D">
<body onload='process()'>

<div class='header'><font color="yellow"><font size="+2" face="Arial, Helvetica, sans-serif">SETTING TIMER</FONT></FONT></div>
<div class='header'><font color="white"><font size="1" face="Arial, Helvetica, sans-serif">ISI MENURUT WAKTU YANG DI INGINKAN</font></font></div>

<h5><center><button onClick="setJws()">SIMPAN TIMER</button></center></h5>

<div class='kiri'><font color="#66BA46"><font face="Arial, Helvetica, sans-serif">JAM : MENIT : DETIK ON 1</FONT></FONT><br>
    <input id="LamKamr1jamon" placeholder="HH" maxlength="2" size="1"/> : <input id="LamKamr1meniton" placeholder="MM" maxlength="2" size="1"/> : <input id="LamKamr1detikon" placeholder="SS" maxlength="2" size="1"/></div>
    
<div class='kanan'><font color="#66BA46"><font face="Arial, Helvetica, sans-serif">JAM : MENIT : DETIK OFF 1</FONT></FONT><br>
    <input id="LamKamr1jamoff" placeholder="HH" maxlength="2" size="1"/> : <input id="LamKamr1menitoff" placeholder="MM" maxlength="2" size="1"/> : <input id="LamKamr1detikoff" placeholder="SS" maxlength="2" size="1"/></div>

<div class='kiri'><font color="#66BA46"><font face="Arial, Helvetica, sans-serif">JAM : MENIT : DETIK ON 2</FONT></FONT><br>
    <input id="LamKamr2jamon" placeholder="HH" maxlength="2" size="1"/> : <input id="LamKamr2meniton" placeholder="MM" maxlength="2" size="1"/> : <input id="LamKamr2detikon" placeholder="SS" maxlength="2" size="1"/></div>
    
<div class='kanan'><font color="#66BA46"><font face="Arial, Helvetica, sans-serif">JAM : MENIT : DETIK OFF 2</FONT></FONT><br>
    <input id="LamKamr2jamoff" placeholder="HH" maxlength="2" size="1"/> : <input id="LamKamr2menitoff" placeholder="MM" maxlength="2" size="1"/> : <input id="LamKamr2detikoff" placeholder="SS" maxlength="2" size="1"/></div>

<div class='kiri'><font color="#66BA46"><font face="Arial, Helvetica, sans-serif">JAM : MENIT : DETIK ON 3</FONT></FONT><br>
    <input id="LamKamr3jamon" placeholder="HH" maxlength="2" size="1"/> : <input id="LamKamr3meniton" placeholder="MM" maxlength="2" size="1"/> : <input id="LamKamr3detikon" placeholder="SS" maxlength="2" size="1"/></div>
    
<div class='kanan'><font color="#66BA46"><font face="Arial, Helvetica, sans-serif">JAM : MENIT : DETIK OFF 3</FONT></FONT><br>
    <input id="LamKamr3jamoff" placeholder="HH" maxlength="2" size="1"/> : <input id="LamKamr3menitoff" placeholder="MM" maxlength="2" size="1"/> : <input id="LamKamr3detikoff" placeholder="SS" maxlength="2" size="1"/></div>

<div class='ngisor'><label for="VLamKam1", "VLamKam2", "VLamKam3"><font color="#0000FF"><strong><font color="#66BA46"><strong><font size="+1" face="Arial, Helvetica, sans-serif">SWITCH 1-2-3</font></strong></font> </strong></font> </label><br>
      <input id="VLamKam1" placeholder="0" maxlength="1" size="1"/>  <input id="VLamKam2" placeholder="0" maxlength="1" size="1"/>  <input id="VLamKam3" placeholder="0" maxlength="1" size="1"/><br>
      <font color="white"><font size="1" face="Arial, Helvetica, sans-serif">ISI ANGKA 1/0 UNTUK ON/OFF</font></font></div>      
</div>

var xmlHttp=createXmlHttpObject();

function createXmlHttpObject(){
 if(window.XMLHttpRequest){
    xmlHttp=new XMLHttpRequest();
 }else{
    xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');// code for IE6, IE5
 }
 return xmlHttp;
}

function handleServerResponse(){  
 if(xmlHttp.readyState==4 && xmlHttp.status==200){
   xmlResponse=xmlHttp.responseXML;

xmldoc = xmlResponse.getElementsByTagName('rHour');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('hour').innerHTML=message;

xmldoc = xmlResponse.getElementsByTagName('rMinute');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('minute').innerHTML=message;

xmldoc = xmlResponse.getElementsByTagName('rSecond');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('second').innerHTML=message;
   
   xmldoc = xmlResponse.getElementsByTagName('rVLamKam1');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('VLamKam1').value=message;
///////////////////////////////////////timere
 xmldoc = xmlResponse.getElementsByTagName('rLamKamr1jamon');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr1jamon').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr1meniton');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr1meniton').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr1detikon');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr1detikon').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr1jamoff');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr1jamoff').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr1menitoff');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr1menitoff').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr1detikoff');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr1detikoff').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr2jamon');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr2jamon').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr2meniton');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr2meniton').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr2detikon');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr2detikon').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr2jamoff');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr2jamoff').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr2menitoff');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr2menitoff').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr2detikoff');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr2detikoff').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr3jamon');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr3jamon').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr3meniton');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr3meniton').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr3detikon');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr3detikon').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr3jamoff');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr3jamoff').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr3menitoff');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr3menitoff').value=message;

xmldoc = xmlResponse.getElementsByTagName('rLamKamr3detikoff');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('LamKamr3detikoff').value=message;

///////////////////////////////////end

xmldoc = xmlResponse.getElementsByTagName('rVLamKam2');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('VLamKam2').value=message;

xmldoc = xmlResponse.getElementsByTagName('rVLamKam3');
   message = xmldoc[0].firstChild.nodeValue;
   document.getElementById('VLamKam3').value=message;   
 }
}

function setJws() {
  console.log("tombol telah ditekan!");

var VLamKam1 = document.getElementById("VLamKam1").value;
  
  var LamKamr1jamon = document.getElementById("LamKamr1jamon").value;
  var LamKamr1meniton = document.getElementById("LamKamr1meniton").value;
  var LamKamr1detikon = document.getElementById("LamKamr1detikon").value;
  var LamKamr1jamoff = document.getElementById("LamKamr1jamoff").value;
  var LamKamr1menitoff = document.getElementById("LamKamr1menitoff").value;
  var LamKamr1detikoff = document.getElementById("LamKamr1detikoff").value;

var LamKamr2jamon = document.getElementById("LamKamr2jamon").value;
  var LamKamr2meniton = document.getElementById("LamKamr2meniton").value;
  var LamKamr2detikon = document.getElementById("LamKamr2detikon").value;
  var LamKamr2jamoff = document.getElementById("LamKamr2jamoff").value;
  var LamKamr2menitoff = document.getElementById("LamKamr2menitoff").value;
  var LamKamr2detikoff = document.getElementById("LamKamr2detikoff").value;

var LamKamr3jamon = document.getElementById("LamKamr3jamon").value;
  var LamKamr3meniton = document.getElementById("LamKamr3meniton").value;
  var LamKamr3detikon = document.getElementById("LamKamr3detikon").value;
  var LamKamr3jamoff = document.getElementById("LamKamr3jamoff").value;
  var LamKamr3menitoff = document.getElementById("LamKamr3menitoff").value;
  var LamKamr3detikoff = document.getElementById("LamKamr3detikoff").value;

var VLamKam2 = document.getElementById("VLamKam2").value;
  var VLamKam3 = document.getElementById("VLamKam3").value;

var datajws = {VLamKam1:VLamKam1, LamKamr1jamon:LamKamr1jamon, LamKamr1meniton:LamKamr1meniton, LamKamr1detikon:LamKamr1detikon, LamKamr1jamoff:LamKamr1jamoff, LamKamr1menitoff:LamKamr1menitoff, LamKamr1detikoff:LamKamr1detikoff, LamKamr2jamon:LamKamr2jamon, LamKamr2meniton:LamKamr2meniton, LamKamr2detikon:LamKamr2detikon, LamKamr2jamoff:LamKamr2jamoff, LamKamr2menitoff:LamKamr2menitoff, LamKamr2detikoff:LamKamr2detikoff, LamKamr3jamon:LamKamr3jamon, LamKamr3meniton:LamKamr3meniton, LamKamr3detikon:LamKamr3detikon, LamKamr3jamoff:LamKamr3jamoff, LamKamr3menitoff:LamKamr3menitoff, LamKamr3detikoff:LamKamr3detikoff,VLamKam2:VLamKam2, VLamKam3:VLamKam3};

var xhr = new XMLHttpRequest();
  var url = "/settingjws";

xhr.onreadystatechange = function() {
    if(this.onreadyState == 4  && this.status == 200) {
      console.log(xhr.responseText);
    }
  };
  xhr.open("POST", url, true);
  xhr.send(JSON.stringify(datajws));
};
</script>
</html>
)=====";

OK selamat mencoba

dibawah ini adalah dokumentasi demo hasil alatnya

Laman

Selasa, 07 Februari 2023

D.I.Y SAKLAR TIMER ESP8266 SETTING TIMER MENGGUNAKAN HP ANDROID dilengkapi dengan skema dan sourcode

Tidak ada komentar:

Posting Komentar