Jika pengguna sudah mendapatkan nama dan password, maka dapat melakukan proses log in pada halaman awal. Jika pengguna
memasukan nama dan password kosong maka akan muncul peringatan seperti pada gambar 19 berikut.
Gambar 19. Peringatan pada Saat Log In. Jika pengguna dalam proses log in tersebut memasukan nama atau
password yang tidak sesuai maka akan muncul halaman seperti pada gambar 20 berikut.
Gambar 20. Tampilan Konfirmasi Log In. Jika proses log in berhasil maka akan muncul halaman utama website
ini.
b. Tampilan Halaman Utama
Halaman utama adalah halaman yang berisikan seluruh informasi yang ada dalam website ini. Dalam halaman ini, terdapat kelompok
menu-menu yang dapat dibagi menjadi dua bagian, yaitu: kelompok menu bagian utama dan kelompok menu bagian pendukung.
44
Menu-menu yang termasuk ke dalam kelompok menu bagian utama antara lain:
1. Parameter Lingkungan Kelompok menu ini terdiri dari menu-menu: Suhu, Kelembaban,
Radiasi, Curah Hujan, Kecepatan Angin, dan Arah Angin. 3. Kamera
Kelompok menu ini terdiri dari menu-menu: Kamera 1 dan Kamera 2.
4. Tampilan Kelompok menu ini terdiri dari menu-menu: Tabel dan Grafik.
5. Profil Kelompok menu ini terdiri dari menu Leuwikopo yang
merupakan profil dari greenhouse Leuwikopo. Menu-menu yang termasuk ke dalam kelompok menu bagian
pendukung antara lain: 1. Menu Tentang Kami
2. Menu Log Out Tampilan dari menu utama ini dapat dilihat pada gambar 21
berikut.
Gambar 21. Tampilan Menu Utama. Selain menampilkan menu-menu, halaman utama ini juga
menampilkan kondisi aktual greenhouse dalam bentuk gambar. Tampilan tersebut dapat dilihat pada gambar 22 berikut.
45
Gambar 22. Tampilan Kondisi Aktual Greenhouse pada Menu Utama.
c. Halaman Kelompok Menu
Halaman kelompok menu adalah halaman yang akan menampilkan jenis pilihan kelompok informasi yang akan dipilih oleh
pengguna. Kelompok menu bagian utama antara lain:
1. Parameter Lingkungan Kelompok menu parameter lingkungan merupakan halaman
yang digunakan untuk melakukan pengamatan atau monitoring pada masing-masing parameter lingkungan.
Sebagai contoh dapat dilihat pada gambar 23 berikut yang merupakan halaman monitoring parameter lingkungan mikro
greenhouse, yaitu parameter suhu.
46
Gambar 23. Tampilan Halaman Parameter Suhu. Pada halaman parameter suhu ini terdapat pilihan tampilan
apa yang diinginkan dari sebaran suhu tersebut, apakah tampilan tabel, grafik, ataukah tabel dan grafik. Selain itu juga ditampilkan
kondisi suhu pada greenhouse saat ini, suhu maksimum hari ini, suhu minimum hari ini, dan suhu rata-rata hari ini. Tampilan
kondisi suhu ada saat ini tersebut ada pada semua halaman parameter suhu, begitu pula untuk parameter yang lain.
Jika pengguna memilih salah satu diantara jenis tampilan, apakah tabel, grafik, atau tabel dan grafik maka akan muncul
halaman baru yang memberikan pilihan jenis waktu yang diinginkan, apakah waktu aktual ataupun waktu yang dipilih oleh
pengguna. Sebagai contoh dapat dilihat pada gambar 24 berikut pilihan waktu pada tampilan tabel.
47
Gambar 24. Tampilan Halaman Utama Tabel Suhu. Jika penguna memilih waktu aktual maka akan muncul
halaman seperti pada gambar 25 berikut.
Gambar 25. Tampilan Halaman Tabel Suhu Berdasarkan Waktu Aktual.
Jenis pilihan pada kondisi aktual ini ada tiga pilihan apakah hari ini, kemarin, ataupun kemarin lusa.
Jika penguna memilih waktu pilihan pengguna maka akan muncul halaman seperti pada gambar 26 berikut.
48
Gambar 26. Tampilan Halaman Tabel Suhu Berdasarkan Waktu Pilihan Pengguna.
Jika pada saat memasukan angka pengguna memasukan data yang bukan angka atau tidak sesuai dengan format tanggal, atau bulan,
atau tahun maka akan tampil peringatan seperti pada gambar 26 berikut.
Gambar 27. Tampilan Peringatan Salah dalam Pemasukan Tanggal.
Setelah selesai melakukan pemilihan terhadap jenis data apakah aktual atau pilihan pengguna maka akan muncul halaman
Tabel seperti pada gambar 28 berikut.
49
Gambar 28. Tampilan Tabel Suhu. Jika tanggal yang diinginkan oleh pengguna tidak ada dalam
database website ini maka akan muncul tampilan seperti pada gambar 29 berikut.
Gambar 29. Tampilan Tabel Suhu Tidak Dapat Ditampilkan.
Untuk tampilan grafik dan tampilan tabel dan grafik langkah- langkahnya sama halnya seperti pada tampilan tabel di atas.
Contoh tampilan akhir dari menu grafik kelembaban dapat dilihat seperti pada gambar 30 berikut.
50
Gambar 30. Tampilan Grafik Kelembaban. 2. Kamera
Menu kamera menampilkan keadaan aktual greenhouse melalui media video streaming dengan menggunakan webcam.
Pada website ini digunakan dua buah webcam. Tampilan kamera 1 dapat dilihat pada gambar 31 berikut.
Gambar 31. Tampilan Kamera 1.
51
Tampilan kamera 2 dapat dilihat pada gambar 32 berikut.
Gambar 32. Tampilan Kamera 2. Pada tampilan kamera ini menggunakan software Biromsoft
Webcam. Software ini menggunakan Applet Java untuk menampilkan gambarnya. Sehingga komputer pengguna harus
dilengkapi dengan plug-in java agar gambar yang diambil dari webcam dapat ditampilkan. Plug-in java dapat di-download di
http:www.sun.comgetjava. Oleh karena itu, jika pada tampilan kamera 1 maupun kamera 2 tidak muncul gambar disediakan link
untuk men-download plug-in java tersebut. 3. Tampilan
Kelompok menu tampilan merupakan kelompok menu yang dijadikan alternatif lain bagi pengguna untuk mendapatkan
informasi keadaan parameter lingkungan mikro dalam greenhouse langsung dari tampilan yang diinginkan. Kelompok menu tampilan
ini terdiri dari menu Tabel dan menu Grafik. Menu Tabel merupakan menu yang digunakan pengguna
untuk mendapatkan informasi parameter lingkungan mikro yang pengguna inginkan dalam bentuk tabel. Dalam halaman menu
Tabel ini pengguna diberikan pilihan parameter lingkungan apa yang ingin diamati dalam bentuk tabel. Tampilan menu Tabel
dapat dilihat pada gambar 33 berikut.
52
Gambar 33. Tampilan Menu Tabel. Menu Tabel merupakan menu yang digunakan pengguna
untuk mendapatkan informasi parameter lingkungan mikro yang pengguna inginkan dalam bentuk tabel. Dalam halaman menu
Tabel ini pengguna diberikan pilihan parameter lingkungan apa yang ingin diamati dalam bentuk tabel. Tampilan menu Tabel
dapat dilihat pada gambar 34 berikut.
Gambar 34. Tampilan Menu Grafik. 4. Profil
53
Kelompok menu Profil ini terdiri dari satu menu, yaitu menu Leuwikopo. Menu ini memberikan penjelasan mengenai letak,
ukuran, bentuk, dan informasi mengenai Greenhouse Leuwikopo. Hal ini dimaksudkan agar pengguna dapat mengetahui gambaran
dari keadaan greenhouse Leuwikopo. Tampilan menu leuwikopo dapat dilihat pada gambar 35
berikut.
Gambar 35. Tampilan Menu Leuwikopo. Selain menu bagian utama, terdapat juga kelompok menu
bagian pendukung. Kelompok menu bagian pendukung terdiri dari: 1. Menu Tentang Kami
Halaman tentang situs ini menampilkan informasi mengenai penjelasan secara umum tentang sistem
monitoring lingkungan mikro pada greenhouse. Fungsi dari halaman ini sebagai pemandu bagi pengguna sebelum
menelusuri informasi-informasi secara keseluruhan. Berikut ini tampilan dari halaman tentang situs pada Gambar 36.
54
Gambar 36. Tampilan Menu Tentang Kami. 2. Menu Log Out
Menu Log Out digunakan oleh pengguna apabila pengguna ingin keluar dari website ini. Jika pengguna telah
log out dari website ini dan ingin melihat kembali keadaan parameter lingkungan mikro greenhouse maka harus
melakukan proses log in kembali. Tampilan menu log out dapat dilihat pada gambar 37
berikut.
Gambar 37. Tampilan Menu Log Out.
2. Pengujian pada berbagai Browser Engine
55
Sistem Monitoring Parameter lingkungan Mikro Greenhouse yang telah dibangun kemudian simpan atau ditempatkan di local server dan
dijalankan dengan server. Server yang digunakan sebagai local server ialah Xammp server. Selanjutnya sistem diuji coba dengan menggunakan
beberapa browser engine, yaitu Internet Explorer 6.0, Mozilla Firefox 1.0.6, Opera 8.0, dan Netscape Browser 8.1.
Pemilihan dari beberapa browser engine diatas didasarkan atas penggunaan browser engine yang umum digunakan oleh pengguna.
Dengan melakukan pengujian ini kita dapat melihat kinerja sistem dapat berjalan dengan baik dan desain dari tampilan web sesuai dengan yang
rancangan yang dibuat. Pengujian ini dilakukan pada server local intranet. Hasil pengujian Sistem Monitoring Parameter lingkungan Mikro
Greenhouse yaitu :
a. Internet Explorer 6.0
Secara keseluruhan, kerja sistem ketika dijalankan pada browser Internet Explorer 6.0 berjalan dengan baik. Hasil terbaik diberikan
oleh browser engine ini tanpa menyebabkan perubahan tata letak dari layout dan margin teks pada semua halaman. Kecepatan akses dalam
membuka setiap halaman dengan menggunakan browser engine adalah 0.618 detik.
Pengujian juga dilakukan dengan resolusi layar yaitu 800 x 600 pixel dan 1024 x 768 pixel hasilnya desain tampilan dengan resolusi
800 x 600 pixel tidak dapat ditampilkan secara keseluruhan dan membutuhkan horizontal scroll untuk melihat tampilan secara
keseluruhan. Gambar dan animasi flash .swf dapat ditampilkan 100 dengan baik.
Penulis menyarankan pengguna menggunakan Internet Explorer 6.0 dengan resolusi layar 1024 x 768 pixel untuk tampilan terbaik.
56
Gambar 38. Tampilan Halaman Utama Dengan Menggunakan Browser Engine Internet Explorer 6.0.
b. Mozilla Firefox 1.0.6
