NodeMCU, Cara Monitoring Data pada Android App Inventor

Semangat pagi kembali teman-teman, symask.blogspot.com juga masih semangat berbagi tutorial-tutorial mengenai mikrokontroler. Pada kesempatan ini, saya akan membahas tentang cara Monitoring data dari NodeMCU ke smartphone android. Data yang ditampilkan bisa data biasa maupun data yang diperoleh dari sensor yang sebenarnya sama saja dalam pengirimannya, dan tentunya menggunakan jaringan internet. Untuk dapat menampilkannya, saya menggunakan aplikasi yang sudah saya buat menggunakan MIT App Inventor. Sementara datanya didapat dari sensor suhu DHT11. Berikut adalah tampilan dari aplikasinya :

monitoring data android

Adapun yang diperlukan untuk membuat project ini antara lain :
Software :
  1. Arduino IDE
  2. Aplikasi android, silahkan download file .aia-nya.
Hardware :
  1. Board NodeMCU, saya menggunakan versi Lolin V.3
  2. Sensor suhu DHT11
  3. Kabel jumper.
Rangkaian :
- Hubungkan pin VCC ke 3.3v NodeMCU
- Hubungkan pin GND ke GND NodeMCU
- Hubungkan pin Data ke pin D1 NodeMCU

atau bisa lihat rangakainnya di sini.

Langkah-langkah :
  1. Persiapan Arduino IDE, masuk ke menu Tools > Board: NodeMCU 1.0(ESP-12E Module) dan pastikan Port terceklis, misalnya COM32.
  2. Upload sketch berikut ini
  3.  
    #include <ESP8266WiFi.h>
    #include "DHT.h"

    #define DHTPIN D1
    #define DHTTYPE DHT11
    DHT dht(DHTPIN, DHTTYPE);
    WiFiServer server(80);

    void setup() {
    Serial.begin(115200);
    WiFi.disconnect();
    delay(3000);
    WiFi.begin("Who????", "housing4567"); //ssid, password
    while ((!(WiFi.status() == WL_CONNECTED))){
    delay(300);
    }
    Serial.println("Konek ke IP : ");
    Serial.println((WiFi.localIP().toString()));
    server.begin();
    dht.begin();
    }

    void loop() {
    WiFiClient client = server.available();
    float t = dht.readTemperature();
    if (isnan(t)) {
    Serial.println("Sensor DHT tidak terbaca!");
    return;
    }
    Serial.println(t);
    delay(1000);

    if (!client) {
    return;
    }

    while(!client.available()){
    delay(1);
    }
    client.println("HTTP/1.1 200 OK");
    client.println("Content-Type: text/html");
    client.println("");
    client.println("<!DOCTYPE HTML>");
    client.println("<html>");
    client.println(t);
    client.println("</html>");
    client.stop();
    delay(1000);
    }
  4. Yang perlu diperhatikan adalah nama ssid/wifi dan password harus benar agar terhubung ke wifi.
  5. Buka Serial< IP : " dengan IP address contohnya 192.168.43.39, silahkan teman-teman lihat berapa IP-nya. Dan jika sensor suhu terbaca akan tampil data suhunya. 
  6. Import file .aia yang sudah didownload ke akun APP inventor teman-teman, silahkan masuk ke block dan ganti IP address sesuai dengan yang muncul pada Serial monitor pada langkah ke 4.
  7. Instal aplikasinya.
  8. Silahkan buka aplikasi android dan tekan tombol refresh.
  9. Data suhu akan tampil pada aplikasi. Selesai.
Bagaimana mudahkan?, silahkan kembangkan lagi aplikasi ini sesuai yang teman-teman inginkan. Jika terdapat kesulitan, jangan sungkan-sungkan bertanya dan berkomentar ya.
Baca juga : NodeMCU, Menampilkan Data dari Database MySql dengan PHP

Semoga project ini dapat bermanfaat. Selamat mencoba, dan terima kasih sudah berkunjung. Salam.

0 Response to "NodeMCU, Cara Monitoring Data pada Android App Inventor"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel

Iklan Bawah Artikel