Input Data Melalui Form HTML

Assalamu’alaikum! Pada kesempatan kali ini, aku cukup senang dengan percobaannya karena tidak melibatkan pengambilan data melalui BME280. Ngomong-ngomong, sensorku itu masih saja tidak mau tersambung 😦

Topik kali ini adalah memasukkan data dari suatu formulir online ke ESP32 kita. Seperti biasa, aku mengacu kepada tautan berikut ini: https://randomnerdtutorials.com/esp32-esp8266-input-data-html-form/

Dibutuhkan beberapa library yang sudah aku unduh untuk topik-topik sebelumnya. Pertama, aku mengunnggah Arduino Sketch sesuai dengan kode yang diberikan pada tutorial ke ESP32. Aku membuka serial monitor dan terdapat IP address.

6

Ketika IP addres dibuka di browser, akan muncul tampilan formulir seperti di bawah ini.

7

Kita dapat mengisi formulir tersebut dan men-submitnya.

8

9

Kita dapat memeriksa serial monitor untuk tahu apabila tulisan yang kita submit benar-benar masuk ke dalam ESP kita.

10

Tidak hanya sampai di sini, sekarang kita akan mencoba menggunakan SPIFFIS (Serial Peripheral Interface Flash File System). Dengan SPIFFIS, tulisan kita masukkan akan disimpan dalam flash memory ESP32. Aku memasukkan kode yang tertera di tutorial. Setelah mengunggahnya, aku membuka serial monitor. Muncul IP address  yang bisa diakses dan menampilkan formulir baru pula. Bedanya dengan formulir sebelumnya, terdapat current value yang selalu diingat oleh ESP32.

11

Karena input sebelumnya adalah ‘ya’, maka current value masih bernilai ya.

12

Kemudian, dilakukan input ‘tidak’.

13

Maka current value akan berubah menjadi ‘tidak’. Demikian pula untuk input value bertipe integer maupun float. Tentu saja flash memory tidak dapat menyimpan dalam ukuran besar, tetapi akses terhadap memori ini cukup cepat.

Demikian percobaan untuk topik kali ini.

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s