Langkah Awal IoT – Memprogram ESP8266 di Arduino

Tutorial kali ini akan membahas cara memulai memprogram ESP8266, (dan keluarganya; ESP-01, NodeMCU, Wemos D1 Mini)

Tujuan akhir dari percobaan ini adalah membuat WiFi Akses Point sekaligus Webserver yang bisa dibuka menggunakan web browser dari Handphone atau PC

Ini bisa jadi langkah awal untuk mempraktekkan IoT (Internet of Thing)

ESP8266

ESP8266 adalah sebuah microchip WiFi yang compatible dengan microcontroller

Jika kalian sudah mengenal Arduino, maka mudahnya adalah

Arduino + WiFi module dalam sebuah microchip

ESP8266

ESP8266 mempunyai pin GPIO yang bisa dihubungkan dengan sensor maupun actuator, sekaligus WiFi yang bisa terhubung ke Akses Point

Modul ini sangat populer untuk project IoT karena ukuranya yang kecil, bisa ditanamkan ke dalam fitting lampu, saklar, colokan listrik dan sebagainya

ESP8266 adalah microchipnya saja, buatan dari Espressif System. Ada banyak module-module yang dikembangkan berbasis chip ini.

Baca: https://en.wikipedia.org/wiki/ESP8266

Wemos Mini D1

Salah satu yang akan kita coba gunakan dalam percobaan kali ini adalah Wemos Mini D1, module ini sudah dilengkapi dengan regulator tegangan dan port micro usb, sehingga untuk memprogram dan menyalakannya cukup menggunakan kabel data seperti yang umum digunakan di handphone.

Tutorial ini tidak harus menggunakan Wemos Mini D1, bisa juga menggunakan module ESP8266 yang lain seperti ESP 01 atau NodeMCU

Step by Step

Sebelumnya yang dipersiapkan adalah:

  • PC atau Laptop, Windows/Mac/Linux
  • Wemos Mini D1
  • Kabel data micro USB

Step 1. Download dan Install Arduino IDE

Untuk yang sudah biasa dengan Android bisa skip bagian ini.

Bagi yang belum, langsung download Arduino IDE dari sini:

https://www.arduino.cc/en/main/software

Versi terakhir July 2020

Download versi terbaru sesuai dengan operating system yang digunakan, kemudian Install seperti biasa.

Step 2. Tambahkan Board ESP8266

Karena ESP adalah 3rd party dari Arduino, secara default board-board ESP tidak ada di instalasi awal Arduino IDE.

Maka perlu ditambahkan Board ESP8266 adagar dapat dikenali oleh Arduino IDE.

  • Buka Arduino, buka halaman Preferences
    Windows: Klik File > Preferences
  • Pada kolom “Additional Boards Manager URLs”, isi dengan:

https://arduino.esp8266.com/stable/package_esp8266com_index.json

  • Buka “Boards Manager” dari Tool > Boards, klik Boards Manager
  • Cari “ESP8266“, lalu klik Install

  • Jika Instalasi berhasil maka kita dapat menemukan pilihan boards ESP8266 yang tersedia

Step 3. Install CH340 USB Driver

Langkah selanjutnya adalah menginstall USB Driver agar Wemos Mini D1 dapat berkomunikasi dengan PC kita menggunakan USB Serial port.

USB Serial CH340 driver
https://docs.wemos.cc/en/latest/ch340_driver.html

Step 4. Upload Contoh Code Accesspoint + Web Server

Setelah environtment sudah siap, maka saatnya upload code ke Module ESP8266 nya.

Pertama kali kita coba saja contoh code yang sudah disediakan oleh ESP8266, yaitu code WiFi Accesspoint (sekaligus Webserver)

Namun sebelumnya pilih dulu board yang akan digunakan, agar contoh code bisa diakses.

Pilih Tools > Boards > LOLIN (WEMOS) D1 R1 Mini

Kemulian pilih Port yang sesuai

Tools > Ports > COM3 (misal, sesuaikan dengan konfigurasi pc)

Kemudian pilih File Contoh dari

File > Examples > ESP8266WiFi > WiFiAccessPoint

Arduino IDE sudah menyiapkan banyak contoh code yang bisa langsung dicoba, begitu juga dengan Board ESP8266. Silahkan dicoba dan dipelajari.

contoh code

Seperti yang tertulis pada komentar sourcecodenya

Membuat sebuah WiFi akses point dan web server di dalamnya.

Ok, mari kita coba baca sedikit source codenya.

Di bawah ini adalah SSID dan Password dari Akses point yang akan dibuat.

Lalu scroll lagi kebawah

Bagian ini adalah mengkonfigurasikan web server, buka port di port 80

192.168.4.1 adalah alamat IP akses point dan kita bisa membukanya dari web browser client dengan mengetikkan alamat IP tersebut.

Di atas adalah fungsi untuk menghandle rekuest dari client, server akan mereplay dengan kode html.

Coba kita tambahkan beberapa code html agar berbeda

Langsung kita coba saja, upload code ke Wemos Mini D1, klik tombol Upload

Atau pilih dari Sketch > Upload

Berhasil Upload, maka saatnya untuk dicoba

Step 5. Testing

Untuk melakukan testing bisa langsung dari PC, atau dengan handphone.

  1. Hubungkan ke WiFi Accespoint “ESPap” dan password “thereisnospoon“, sesuai dengan sourcecode
  2. Buka Web Browser, buka http:// 192.168.4.1

Berhasil!

Tampilan sesuai dengan HTML yang kita tulis di Code

CSS & Javascript

Tidak hanya HTML, tapi juga bisa ditambahkan CSS dan Javacript agar tampilan Web lebih cantik dan interaktif.

Berikut contoh web dengan css dan Javascript.

Vidio tutorial lengkapnya bisa ditonton di youtube channel Ndoware,

Jangan lupa subscribe ya gaess… :D

KESIMPULAN

  • Dengan chip sekecil ini, kita dapat membuat webserver yang terhubung lewat WiFi
  • Kita dapat memprogram chip ini sesuai keinginan kita dengan Arduino IDE

Ini baru langkah awal untuk memulai memprogram ESP8266, ada lebih banyak hal yang bisa dieksplore dengan chip ini

  • GPIO atau pin-pin Input Outputnya dapat dihubungkan ke sensor dan actuator
    • Sensor Suhu, Sensor Jarak, GPS, Sensor kelembapan tanah, dll
    • Relay, motor listrik, servo, selenoid valve, dll
  • Melalui WiFi dapat terhubung ke
    • Web Browser atau applikasi di handphone, pc, dll
    • Server, MQTT, API server, dll
    • device-device lain
  • Dengan kemampuan tersebut, dapat diaplikasikan misalnya:
    • Mengontrol saklar lampu,
    • Memonitor suhu ruangan,
    • Smart Gardening, menyiram tanaman,
    • semuanya secara online dengan Internet

Dan lain sebagainya..

Demikian semoga bermanfaat, semoga memberi inspirasi teman-teman untuk berkarya dengan teknologi.

Kita akan coba ekplorasi lagi kemampuan ESP8266 ini dengan project-project selanjutnya.

Sampai jumpa di artikel selanjutnya & selamat berkarya..

Terimakasih

Febrianto

Penulis Senior Ndoware.com yang lagi suka ngulik Arduino dan IoT. Hoby bermain game baik itu di komputer, gadget maupun di dunia nyata :)

1 Respon

  1. 12 Agustus 2020

    […] Untuk lebih jelasnya mengenai langkap-langkah instalasi ESP board di Arduino Studio, silahkan buka Langkah Awal IoT – Memprogram ESP8266 di Arduino […]

Tinggalkan Balasan

This site uses Akismet to reduce spam. Learn how your comment data is processed.