Pengiriman Data ke Web Melalui Ethernet Perancangan Tampilan Web

4.3 Hasil Perancangan dan Pembahasan Perangkat Lunak

4.3.1 Pengaturan IP Address pada Laptop Server

Sebelum dapat berkomunikasi dengan Arduino melalui Modul Ethernet Shield, IP address laptop server harus diatur terlebih dahulu. Laptop server menggunakan OS Windows 7, sehingga pengaturannya adalah sebagai berikut. 1. Klik icon pada Taskbar di kanan bawah. 2. Pilih “Open Network and Sharing Center”. 3. Pilih “Change Adapter Setting”. 4. Klik kanan “Local Area Connection” dan pilih “Properties”. 5. Klik pada “Internet Protocol Version 4 TCPIPv4” dan pilih “Properties”. 6. Pada window “Internet Protocol Version 4 TCPIPv4 Properties” yang muncul diatur seperti gambar berikut. Gambar 4.9. IP Address laptop server diatur seperti gambar

4.3.2 Pengaturan IP Address pada Modul Ethernet Shield

Pengaturan IP address pada Modul Ethernet Shield dilakukan langsung pada program Arduino. Pengaturannya adalah sebagai berikut. Gambar 4.10. Pengaturan IP Address beserta MAC Address untuk Modul Ethernet Shield Setelah server dan Modul Ethernet Shield diatur IP address-nya, maka selanjutnya dilakukan pengujian koneksi antar keduanya. Pengujian koneksi dilakukan dengan command prompt. Keberhasilan koneksi antar keduanya memberikan hasil seperti berikut pada command prompt. Gambar 4.11. Koneksi antara server dan Modul Ethernet Shield telah berhasil Berdasarkan gambar tersebut, koneksi antara server dan Modul Ethernet Shield dapat bekerja dengan baik sehingga proses komunikasi antar keduanya dapat dilakukan.

4.3.3 Hasil dan Pembahasan Perancangan Halaman Login

Untuk pengujian hasil perancangan setiap halaman web yang dibuat, digunakan bantuan browser Opera. Hasil perancangan halaman login dapat dilihat pada Gambar 4.2. Pengujian dilakukan dengan memasukkan username dan password yang sudah dibuat sebelumnya untuk admin, manager, dan resepsionis. Halaman yang ditampilkan setelah memasukkan username admin maupun manager adalah halaman perekaman data akses kamar hotel seperti Gambar 4.4. Jika username yang digunakan adalah resepsionis, maka akan ditampilkan halaman pendaftaran seperti Gambar 4.3. Namun, jika yang dimasukkan bukan ketiganya atau tidak adanya kesesuaian antara username dan password, maka akan ditampilkan pesan seperti berikut. Gambar 4.12. Pesan yang tertampil saat username atau password tidak benar Berdasarkan pengujian yang dilakukan, hasil perancangan halaman login ini telah sesuai dengan yang diharapkan.

4.3.4 Hasil dan Pembahasan Perancangan Halaman Pendaftaran

Penyewa Kamar Hotel Hasil perancangan halaman pendaftaran dapat dilihat pada Gambar 4.3. Pengujian dilakukan dengan mengambil username dan password yang sudah dimasukkan pada halaman login. Jika username dan password yang dimasukkan bukan resepsionis maka akan ditampilkan pesan seperti berikut. Gambar 4.13. Pesan yang tertampil saat username atau password bukan resepsionis Pada halaman pendaftaran, jika semua data seperti nama, kamar yang digunakan, waktu check in, dan waktu check out sudah terisi dengan benar, maka data kamar, waktu check in , dan waktu check out akan dikirim ke mikrokontroler melalui IP address Modul Ethernet Shield . Data yang dikirimkan memiliki tipe data string. Gambar 4.14 adalah program pada mikrokontroler untuk menerima data dari server.