Desain User Interface Desain Sistem

dapat dilakukan adalah proses penambahan data, modifikasi dan penghapusan data yang disajikan.

3.2. Domain Sistem

Dalam pengembangan suatu sistem informasi diperlukan adanya batasan sistem atau domain sistem agar sistem menjadi lebih terarah dan sesuai dengan tujuan serta pengguna dapat lebih mudah dalam pemakaian. Batasan dalam sistem informasi budidaya tanaman dalam greenhouse ini mempertimbangkan kebutuhan pengguna, tujuan sistem dan alur sistem yang dikembangkan. Domain pada sistem informasi ini adalah menyajikan informasi tentang data-data budidaya tanaman beserta data lain yang mendukung dan data-data pengusaha, pakar, eksportir, importir dan pustaka. Sistem ini terdiri dari aplikasi utama program dan desain tampilan dan database untuk penyimpanan data dalam bentuk tabel. Sistem ini dikelola oleh administrator untuk perawatan sistem dan penambahan data atau update.

3.3. Desain Sistem

Setelah program yang akan dibuat dinilai layak untuk diaplikasikan, maka tahap selanjutnya adalah desain sistem. Tujuan utama dari desain sistem adalah untuk memberikan gambaran tentang model sistem baru yang akan diterapkan baik dari sisi input, proses maupun output sistem tersebut. Desain sistem informasi budidaya tanaman dalam greenhouse terdiri dari desain user interface, desain database dan desain proses.

3.3.1. Desain User Interface

Desain user interface dikembangkan untuk membuat tampilan sistem informasi menjadi lebih menarik dan mudah dalam pemakaian. Desain user interface sistem ini berorientasi pada kebutuhan calon pengguna dan kemudahan dalam pencarian informasi yang dibutuhkan. Halaman web pada sistem ini 30 dirancang menggunakan Macromedia ® Dreamweaver ® MX 2004 karena pada perangkat lunak ini telah disediakan fitur-fitur dalam pembuatan web desain. Untuk memodifikasi dan perbaikan script digunakan Notepad. Pada pembuatan halaman index, dirancang dalam bentuk frame yang terdiri dari frame atas, frame tengah dan frame bawah. Untuk lebih jelasnya frame halaman index dapat dilihat pada Gambar 3. Pada frame atas terdiri dari header dan menu atas, frame tengah terdiri dari menu samping dan bagian isi serta frame bawah yang merupakan footer. Selain menu samping, pada frame tengah bagian left terdapat form admin, gambar greenhouse, link ke situs-situs pertanian, dan form polling. Gambar 3. Frame tampilan halaman index. Bagian isi pada frame tengah terdapat script PHP yaitu ?php include incinclude.inc.php ? yang dapat memanggil setiap halaman yang berbeda, sehingga menyebabkan perubahan halaman. Halaman menu dan submenu ditampilkan pada frame tengah. Pada setiap halaman submenu tanaman dibuat link submenu yang akan menampilkan halaman submenu yang dipilih. Desain link submenu ini berada di bagian atas setiap 31 halaman submenu. Link submenu masing-masing tanaman meliputi submenu tanaman, submenu potensi, submenu jenis tanaman, submenu budidaya, submenu panen, submenu analisis, submenu hama dan penyakit, serta submenu informasi. Pada desain ini juga dilengkapi dengan gambar tanaman sehingga memperjelas submenu yang dipilih. a. Desain Tampilan Awal Desain tampilan halaman awal home pada sistem informasi ini dirancang dalam bentuk gambar dan keterangan objek yang disusun berurutan sehingga pengguna mengetahui menu tanaman yang ada dalam sistem. Halaman ini menyajikan informasi tentang jenis tanaman yang ada dalam sistem yaitu bunga anggrek, bunga krisan, tomat, paprika, sawi, selada serta greenhouse sebagai informasi tambahan. b. Desain Tampilan Menu dan Submenu Sistem informasi budidaya tanaman dalam greenhouse ini terdiri dari beberapa menu yaitu menu home, menu tentang situs, menu buku tamu, menu kuisioner, menu bunga anggrek, menu bunga krisan, menu tomat, menu paprika, menu sawi, menu selada, menu greenhouse, menu eksportir, menu importir, menu pengusaha benih, dan menu literatur. Submenu dalam sistem ini antara lain submenu tanaman, submenu potensi tanaman, submenu jenis tanaman, submenu budidaya, submenu panen dan pascapanen, submenu analisis, submenu hama dan penyakit, dan submenu informasi. Desain halaman menu dan submenu menggunakan fasilitas lay out dan tabel. Bentuk output tampilan pada sistem ini berupa keterangan-keterangan narrative dan tabel. Pada masing- masing halaman diberikan link untuk submenu, untuk lebih jelasnya dapat dilihat pada Gambar 4. 32 Gambar 4. Link submenu untuk tanaman tomat. Halaman submenu tanaman menampilkan deskripsi tentang tanaman yang dipilih meliputi sejarah tanaman, klasifikasi, kandungan gizi, syarat pertumbuhan, tata nama dan bagian tanaman untuk bunga anggrek. Desain dibuat berdasarkan data yang diperoleh sehingga pengguna dapat membedakan masing-masing data. Untuk data kandungan gizi tanaman dibuat dalam bentuk tabel. Halaman submenu potensi tanaman berisi data produksi, data ekspor dan data impor tanaman berdasarkan data statistik yang diperoleh selama beberapa tahun. Data-data tersebut dapat digunakan oleh pengguna informasi sebagai pertimbangan penentuan jenis tanaman dimana permintaan pasar tinggi sehingga memberikan keuntungan untuk usaha budidaya. Penyajian data dalam bentuk tabel sehingga pengguna dapat mengetahui rincian data dengan mudah. Desain tampilan pada halaman submenu jenis tanaman dibuat dalam bentuk tabel yang menyajikan data dalam tiga kolom yaitu nama, deskripsi dan gambar. Selain itu juga dilengkapi dengan scrolling auto. Halaman submenu budidaya tanaman menyajikan informasi mengenai teknik budidaya tanaman dalam greenhouse. Tampilan halaman ini disajikan dalam bentuk keterangan teknis budidaya dan dilengkapi dengan gambar. Halaman submenu panen tanaman menyajikan informasi mengenai penanganan panen dan pascapanen tanaman. Tampilan halaman ini disajikan dalam bentuk keterangan- keterangan dan dilengkapi dengan gambar. Halaman submenu analisis menyajikan informasi mengenai usaha budidaya tanaman. Informasi ini berguna untuk mengetahui besarnya biaya yang dibutuhkan untuk usaha budidaya dan keuntungan yang diperoleh. Tampilan 33 halaman ini disajikan dalam bentuk keterangan-keterangan dan tabel. Halaman submenu hama dan penyakit tanaman menyajikan informasi mengenai hama dan penyakit yang menyerang tanaman, penyebab dan gejalanya sehingga dapat dilakukan tindakan pencegahan. Tampilan halaman ini disajikan dalam bentuk keterangan-keterangan yang terpisah secara berurutan. Halaman submenu informasi menyajikan data alamat pengusaha dan pakar tanaman. Desain tampilan dibuat berurutan dari nama, alamat, telepon, faksimil, email, dan kontak personal.

3.3.2. Desain Database