Desain Eksternal DESAIN APLIKASI

44 If wS = 1 Then GoTo CounterSMSSuhu If SuhuSaatIniakhir SuhuMaxL Then ... BUS.SendSMSMessage NoHpSPD, Suhu di dlm greenhouse saat ini LEBIH dari batas maks; Suhu saat ini: SuhuSaatIniakhir oC; Suhu batas: SuhuMaxL oC; Jam : Jamakhir wS = 1 End If If SuhuSaatIniakhir SuhuMinL Then ... BUS.SendSMSMessage NoHpSPD, Suhu di dlm greenhouse saat ini LEBIH dari batas maks; Suhu saat ini: SuhuSaatIniakhir oC; Suhu batas: SuhuMinL oC; Jam : Jamakhir wS = 1 End If CounterSMSSuhu: If SuhuSaatIniakhir SuhuMaxL And SuhuSaatIniakhir SuhuMinL Then ... BUS.SendSMSMessage NoHpSPD, Suhu di dalam greenhouse saat ini sudah dalam keadaan optimal; Suhu saat ini: SuhuSaatIniakhir oC; Jam : Jamakhir wS = 0 End If

b. Desain Eksternal

Pada tahap desain eksternal dilakukan proses desain pada user interface program aplikasi SimGreen. Desain yang baik, sederhana, mudah dimengerti dan interaktif dapat mempermudah pengoperasian program oleh administrator sehingga dapat bekerja lebih efisien. 45 1 Desain Tampilan Pemasukan Batasan Kritis, Nomor HP SPD, dan Password SIM Gambar 20. Desain tampilan Input batasan. Pada desain ini ditampilkan input dari batasan kritis dari parameter lingkungan mikro, nomor telepon selular untuk Sistem Peringatan Dini dan password untuk Sistem Monitoring. 2 Desain Tampilan Pemasukan Nomor COM Gambar 21. Desain tampilan koneksi SimGreen. Tampilan pemasukan nomor COM seperti pada Gambar 21 didesain dengan menggunakan input box. Pengguna dapat memasukkan nomor port COM dimana telepon selular terhubung ke komputer sehingga telepon selular dan komputer dapat terkoneksi. 46 3 Desain Tampilan Program Utama Gambar 22. Desain tampilan utama aplikasi SimGreen. Gambar 22 menunjukkan tampilan program utama SimGreen. Dari gambar tersebut dapat dilihat bahwa terdapat enam bagian utama pada program yaitu menu program, data grid Sistem Monitoring, data grid Sistem Peringatan Dini, tanggal dan jam pengambilan data, tombol kontrol, dan grafik perkembangan parameter lingkungan. Menu program berfungsi untuk mengatur properti sistem dan melakukan navigasi program tambahan seperti Lihat Parameter Lingkungan, Cetak Laporan Bulanan, Info Data HP, Ganti Password, Tip of The Day, dan About SimGreen. Data grid berfungsi untuk menampilkan data incoming SMS yang tersimpan dalam database. Tanggal dan jam pengambilan data menunjukkan tanggal dan jam pengambilan data parameter lingkungan mikro di dalam rumah kaca yang didapat dari sensor. Tombol RUN SIMGREEN berfungsi untuk menjalankan program, tombol REFRESH SMS dan REFRESH GRAFIK berfungsi untuk 47 me-refresh data grid dan grafik, sedangkan tombol KELUAR berfungsi untuk keluar dari aplikasi. Grafik perkembangan parameter lingkungan penunjukan perkembangan dari masing- masing parameter lingkungan mikro yang diukur setiap beberapa periode waktu. 4 Desain Tampilan Info Data HP Gambar 23. Desain tampilan info data HP. Tampilan info data HP merupakan tampilan program yang menunjukkan informasi dan kondisi telepon selular yang terpenting dari info data telepon selular pada tampilan ini adalah signal level dan batere level sehingga pengguna aplikasi dapat mengetahui kondisi telepon selular jika sinyalnya lemah atau batere yang lemah. Pengguna dapat melakukan tindakan apabila hal seperti itu terjadi misalnya melakukan pengisian ulang daya batere recharging. 48 5 Desain Tampilan Keadaan Parameter Lingkungan Mikro Gambar 24. Desain tampilan info keadaan parameter lingkungan rumah kaca. Pada tampilan keadaan parameter lingkungan rumah kaca pada Gambar 24 dapat dilihat perkembangan parameter lingkungan mikro termasuk informasi keadaan minimum, maksimum, dan rataan dari masing-masing parameter lingkungan mikro. 6 Desain Tampilan About SimGreen Gambar 25. Desain tampilan about SimGreen. 49 About SimGreen didesain untuk memberitahukan pengguna tentang pembuat program dan deskripsi singkat program. 7 Desain Tampilan Cetak Laporan Bulanan Gambar 26. Desain tampilan cetak laporan bulanan. Tampilan cetak laporan bulanan berfungsi untuk input informasi untuk mencetak laporan SMS bulanan dari aplikasi SimGreen. 8 Desain Tampilan Ganti Password Sistem Gambar 27. Desain tampilan ganti password sistem. 50 Form Ganti Password Sistem ini berfungsi untuk mengganti password Sistem Monitoring. 9 Tampilan Help Program Gambar 28. Desain tampilan help program. Form Help Program SimGreen di desain untuk memberikan bantuan informasi pengoperasian program dan cara penggunaannya. Form ini di desain memberikan layanan secara singkat dan interaktif sehingga lebih mengena pada pengguna yang membutuhkan informasi secara cepat.

D. IMPLEMENTASI SISTEM