LAPORAN PROJECT #9 "WEB SERVER PADA ESP32"

"LAPORAN PROJECT #9 SISTEM EMBEDDED II2260"

“WEB SERVER PADA ESP32”

Muhammad Ichsandro Daniswara Noor – 18219094

ABSTRAK

Web Server adalah perangkat lunak server, atau perangkat keras yang didedikasikan untuk menjalankan perangkat lunak ini, yang dapat memenuhi permintaan klien di World Wide Web. Percobaan kali ini adalah menggunakan wifi pada ESP32 untuk menginisiasi Web Server agar dapat menampilkan hasil pembacaan sensor bme-280 pada web server.

Kata kunci: ESP32, Arduino IDE, Web Server, BME-280.

I. PENDAHULUAN

Web Server

Web Server adalah perangkat lunak server, atau perangkat keras yang didedikasikan untuk menjalankan perangkat lunak ini, yang dapat memenuhi permintaan klien di World Wide Web. Server web dapat, secara umum, berisi satu atau lebih situs web. Server web memproses permintaan jaringan yang masuk melalui HTTP dan beberapa protokol terkait lainnya.

Fungsi utama server web adalah untuk menyimpan, memproses, dan mengirimkan halaman web ke klien. Komunikasi antara klien dan server berlangsung menggunakan Hypertext Transfer Protocol (HTTP). Halaman yang dikirimkan adalah dokumen HTML yang paling sering, yang mungkin termasuk gambar, style sheet dan skrip di samping konten teks.

II. METODOLOGI

Metodologi yang digunakan untuk penyelesaian tugas Project #9 diilustrasikan dalam diagram berikut:

Gambar 2.1 Diagram Metodologi

1. Menyiapkan Alat dan Bahan

Pada tahap ini dilakukan persiapan alat dan bahan yang dibutuhkan dalam bentuk software maupun hardware.

2. Perakitan Alat

Pada tahap ini dilakukan perakitan dari berbagai komponen yang telah disiapkan.

3. Membuat Program

Pada tahap ini dilakukan pemograman pada ESP32 yang telah disusun yang dilakukan menggunakan aplikasi Arduino IDE. Pemograman dilakukan agar ESP32 dapat menginisasi web server dan menampilkan pembacaan sensor bme-280 pada web server.

4. Uji Coba

Pada tahap ini dilakukan uji coba dengan mengirimkan program yang telah dibuat dan kemudian menjalankan perintah pada ESP32.

5. Evaluasi

Pada tahap ini dilakukan evaluasi dari awal hingga akhir uji coba apakah perintah berhasil dilakukan oleh ESP32 sesuai yang diinginkan.

III. HASIL DAN ANALISIS

3.1. Persiapan Alat dan Bahan

a. ESP32 Board DevKit V1 (30 pins)

b. BME-280

c. Resistor 330 ohm

d. Jumper Wires

e. Breadboard

3.2 Schematic Diagram

Berikut ini merupakan diagram schematic yang digunakan untuk perakitan alat dalam project kali ini yang didesain dengan fritzing:

3.3 Hasil Perakitan Alat

Berikut ini merupakan hasil perakitan alat sesuai diagram schematic yang telah dibuat:

3.4 Kode Program

3.5 Menjalankan Program

Berdasarkan kode program yang telah dibuat. Pada bagian setup dilakukan inisiasi komunikasi serial pada baud rate 115200 dan menginisiasi web server.  Pada bagian loop dilakukan pengiriman dan penerimaan data antar ESP32 dengan web server. ESP32 megirim pembacaan suhu, kelembaban, tekanan atmosfer dan ketinggian kemudian menampilkannya pada web server.

Setelah melakukan verifikasi dan mengupload program, ESP32 dapat menginisasi web server dan menampilkan pembacaan sensor bme-280 pada web server.

Berikut ini adalah video hasil uji coba:

3.6 Evaluasi

Setelah melakukan beberapa percobaan mulai dari perakitan hingga tahap uji coba, ada beberapa kendala yang dialami. Kendala pertama adalah sensor bme-280 tidak dapat terdeteksi oleh esp32. Hal ini terjadi dikarenakan kabel menancap pada GPIO yang salah. Solusinya adalah dengan membetulkan posisi kabel ke GPIO yang sesuai. 

IV. KESIMPULAN

Dari percobaan yang telah dilakukan ada beberapa hal yang dapat disimpulkan:

4.1 Alat dan Bahan yang digunakan dalam percobaan ini meliputi komponen hardware yaitu ESP32, Sensor BME-280, Breadboard, Jumper wires, microUSB, laptop/komputer, smartphone dan komponen software yaitu Arduino IDE dan Chrome sebagai web browser.

4.2 Proses perakitan alat disesuaikan dengan diagram schematic dan semua komponen dapat berfungsi dengan baik.

4.3 Proses verifikasi dan pengiriman kode program ke ESP32 berjalan dengan baik tanpa kendala.

4.4 Secara umum, ESP32 berhasil melakukan perintah dengan baik yang ditandai dengan ESP32 dapat menginisiasi web server dan menerima informasi suhu, ketinggian, kelembaban, dan tekanan atmosfer dari bme-280. Kemudian menampilkan seluruh pembacaan sensor pada web server.

V. DAFTAR PUSTAKA

Ed, Santos, S., Wawan, Santos, R., Ed, Wilson, A., . . . Og. (2020, July 30). ESP32 web server with BME280 – Advanced weather station. Retrieved April 04, 2021, from https://randomnerdtutorials.com/esp32-web-server-with-bme280-mini-weather-station/

Server web. (2020, October 07). Retrieved April 04, 2021, from https://id.wikipedia.org/wiki/Server_web

Software. (n.d.). Arduino. https://www.arduino.cc/en/software/