Program PHP untuk Kontrol Status LED

Pada bagian ini terdapat beberapa file yang akan dibuat, yaitu file index.php dan file led.json. Namun, sebelum membuat file tersebut buatlah terlebih dahulu folder untuk menyimpan file-file tersebut di htdocs. Pada contoh kasus ini folder penyimpanan diberi nama "tes".

Setelah selesai buka texteditor Notepad++ untuk membuat file index.php dan led.json. File index.php berfungsi sebagai antarmuka yang dapat digunakan oleh pengguna untuk menentukan kondisi LED. Berikut ini contoh program dengan nama file index.php.

Gambar 1.1 Halaman index.php

Penjelasan Program :

1. Di awal program ini terdapat script PHP. Program akan masuk ke pemilihan IF yang berada di baris 4 dan memeriksa apakah tombol Submit yang memiliki name="pilih" telah ditekan.

2. Jika tombol Submit tidak ditekan, maka program tidak akan melakukan apa-apa dan hanya menampilkan halaman index.php saja yang berupa form untuk penyalaan dan pemadaman LED. Gambar 1.2 di bawah ini menunjukkan tampilan program pada browser.

Gambar 1.2 Tampilan index.php pada browser

3. Jika tombol Submit ditekan, maka program akan mengeksekusi isi statement IF tersebut dengan detail sebagai berikut :

a. Pada baris 6, value yang dikirimkan dari form yang berisi "nyala" atau "padam" akan diambil dan disimpan ke dalam variabel led (value tersebut diambil dari selectbox yang memiliki nama "ledku").

b. Dari mulai baris 8 sampai dengan baris 17 adalah pemilihan untuk menyalakan atau memadamkan LED dengan cara membuka file led.son menggunakan mode w (mode untuk menulis ke file dan menimpanya jika sebelumnya file tersebut sudah ada isinya) kemudian menuliskan string {"led":"nyala"} atau {"led":"padam"} ke file dengan ekstensi json sesuai dengan value yang sudah disimpan di variabel led.

c. Jika option dari selectbox yang di submit adalah "NYALAKAN LED", maka value untuk variabel ledku adalah "nyala" sehingga pada program akan mengeksekusi statement percabangan yang berada dari baris 9 sampai dengan 11. Pada baris 9, program akan membuka file "led.json", kemudian pada baris selanjutnya, program akan menulis string {"led":"nyala"} ke file tersebut dan yang terakhir pada baris selanjutnya file tadi sudah dibuka akan ditutup kembali oleh program. Gambar 1.3 di bawah ini tampilan pada browser ketika option value NYALAKAN LED dipilih dan tombol Submit ditekan.

Gambar 1.3 Tampilan saat pilihan menyalakan LED ditekan

Gambar 1.4 di bawah ini menunjukkan isi dari file led.son yang berubah ketika tombol Submit dipilih.

Gambar 1.4 Isi file json saat kondisi menyala

d. Jika option dari selectbox yang di submit adalah "PADAMKAN LED", maka value untuk variabel ledku adalah "padam" sehingga pada program akan mengeksekusi statement percabangan yang berada dari baris 14 sampai dengan 16. Pada baris 14, program akan membuka file "led.son", kemudian pada baris selanjutnya program akan menulis string {"led":"padam"} ke file tersebut dan yang terakhir pada baris selanjutnya file yang tadi sudah dibuka akan ditutup kembali oleh program. Gambar 1.5 di bawah ini adalah tampilan pada browser ketika option value PADAMKAN LED dipilih dan tombol Submit ditekan.

Gambar 1.5 Tampilan saat pilihan padamkan LED ditekan

Gambar di bawah ini menunjukkan isi dari file led.son yang berubah ketika tombol Submit dipilih.

Gambar 1.6 Isi file json saat kondisi padam

e. Pada baris 19, kondisi LED saat itu akan dicetak pada layar browser.

Sekarang semua bagian baik dari segi hardware maupun software sudah selesai dibuat, maka langkah selanjutnya adalah menguji keseluruhan bagian tersebut. Berikut ini langkah untuk menguji keseluruhan bagian dari kasus ini :

1. Nyalakan router.

2. Nyalakan modul WiFi ESP8266-01

3. Bukalah web browser

4. Ketikkan IP address komputer yang berperan sebagai server di address bar yang disertai alamat file index.php.