Desain User Interface DESAIN SISTEM 1. Desain Data dan Pemeliharaannya

Manipulasi data merubah, menambah dan menghapus data yang dilakukan pada form dilakukan dengan memanfaatkan tombol-tombol yang terdapat pada form. Tombol A dig unakan untuk menambah data kemasan yang baru. Tombol B digunakan untuk melihat record pertama, record terakhir, record selanjutnya atau record sebelumnya. Tombol C digunakan untuk menghapus suatu record.

2. Desain User Interface

Sistem manajemen basis data ini menggunakan bahasa pemrograman Visual Basic 6.0 yang mempunyai tampilan menarik dan mudah berinteraksi dengan pengguna. Dalam sistem ini digunakan 16 form. Form-form tersebut adalah: 1. Form1 welcome.frm 9. Form9 Data_kemasan_buah.frm 2. Form2 menu_utama.frm 10. Form10 gambar_buah.frm 3. Form3 informasi.frm 11. Form11 sayur.frm 4. Form4 macam_komoditas.frm 12. Form12 cari_nama2.frm 5. Form5 buah.frm 13. Form13 cari_kemasan2.frm 6. Form6 cari_nama.frm 14. Form14 cari_tujuan_lokasi2.frm 7. Form7 cari_kemasan.frm 15. Form15 data_kemasan_sayur.frm 8. Form8 cari_tujuan_lokasi.frm 16. Form16 gambar_sayur.frm Form1 welcome.frm menampilkan halaman depan dari sistem manajemen basis data. Halaman ini mengantarkan pengguna untuk memulai penggunaan sistem dengan menekan tombol Masuk. Di halaman ini terdapat keterangan mahasiswi yang telah merancang basis data. Tampilan form1 dapat dilihat pada Gambar 15. Form2 menu_ utama.frm menampilkan halaman menu utama. Halaman ini terdiri dari 3 tombol yaitu tombol Penelusuran Basis Data Kemasan, tombol Se kilas Informasi Tentang Kemasan dan tombol Keluar. Tombol Sekilas Informasi Tentang Kemasan akan mengantarkan pengguna menuju form3 informasi.frm. Form ini berisi sekilas keterangan tentang masing-masing jenis kemasan yang beredar di pasar. Jika pengguna menekan tombol Penelusuran Basis Data Kemasan, maka mereka akan memasuki Form4 macam_komoditas.frm. Tombol Keluar akan mengembalikan pengguna kepada form1. Tampilan form2 dan form3 dapat dilihat pada Gambar 16 dan Gambar 17. Gambar 15. Tampilan form1 welcome.frm. Gambar 16. Tampilan form2 menu_utama.frm. Gambar 17. Tampilan form3 informasi.frm. Memasuki form4 macam_komoditas.frm, pengguna kembali diberikan 2 pilihan mengenai jenis komoditas apa yang akan dicari data kemasannya. Pilihan tersebut berupa 2 tombol yaitu tombol Buah-buahan dan tombol Sayuran. Jika tombol Buah-buahan ditekan, maka pengguna akan memasuki form5 buah.frm dan akan memasuki form11 sayur.frm apabila memilih tombol Sayuran. Tampilan form4 dapat dilihat pada Gambar 18. Form5 buah.frm adalah sebuah halaman penelusuran data kemasan khusus untuk komoditas buah-buahan. Form ini menyajikan 3 pilihan penelusuran yaitu berdasarkan nama komoditi, berdasarkan bahan kemasan atau berdasarkan tujua n lokasi. Jika pengguna menekan tombol Penelusuran Berdasarkan Nama Komoditi maka mereka akan memasuki form6 cari_nama.frm. Tombol Penelusuran Berdasarkan Bahan Kemasan mengantarkan pengguna menuju form7 cari_kemasan.frm dan tombol Penelusuran Berdasarkan Tujuan Lokasi akan mengantarkan mereka menuju form8 cari_tujuan_lokasi.frm. Tampilan form5 sampai form8 dapat dilihat pada Gambar 19 sampai 22. Gambar 18. Tampilan form4 macam_komoditas.frm. Gambar 19. Tampilan form5 buah.frm. Gambar 20. Tampilan form6 cari_nama.frm. Gambar 21. Tampilan form7 cari_kemasan.frm. Gambar 22. Tampilan form8 cari_tujuan_ lokasi.frm. Form11 sayur.frm juga merupakan halaman penelusuran data kemasan, tetapi khusus untuk komoditi sayuran. Seperti form5, form ini juga memberikan 3 pilihan jenis penelusuran kepada pengguna yaitu berdasarkan nama komoditi, berdasarkan bahan kemasan atau berdasarkan tujuan lokasi. Jika pengguna menekan tombol Penelusuran Berdasarkan Nama Komoditi maka mereka akan memasuki form12 cari_ nama2.frm. Tombol Penelusuran Berdasarkan Bahan Kemasan mengantarkan pengguna menuju form13 cari_kemasan2.frm dan tombol Penelusuran Berdasarkan Tujuan Lokasi akan mengantarkan mereka menuju form14 cari_tujuan_ lokasi2.frm. Tampilan form11, form12, form13 dan form14 hampir sama seperti tampilan form5 buah.frm, form6 cari_nama.frm, form7 cari_kemasan.frm dan form8 cari_tujuan_lokasi.frm. Perbedaannya terletak pada label yang bertuliskan buah-buahan menjadi bertuliskan sayuran. Untuk nama komoditi pada form12 cari_nama2 disesuaikan dengan jenis komoditasnya yaitu sayuran. Tampilan dari form-form tersebut dapat dilihat kembali pada Gambar 19 sampai 22. Form9 data_kemasan_buah.frm dan form15 data_kemasan_sayur.frm masing-masing merupakan halaman yang akan menampilkan data kemasan buah dan sayuran berdasarkan penelusuran pengguna. Tampilan form9 hampir sama dengan form15. perbedaannya adalah seluruh label yang bertuliskan buah-buahan diganti dengan sayuran. Detail gambar dari komoditi yang dipilih baik buah maupun sayuran akan ditampilkan masing-masing pada form10 gambar_buah.frm dan form16 gambar_sayur.frm. Tampilan form10 sama seperti form16. Tampilan dari form9 dan form10 masing-masing dapat dilihat pada Gambar 23 dan Gambar 24. Pada form9 data_kemasan_buah.frm dan form15 data_kemasan_sayur.frm terdapat label keterangan dari tipe kemasan, tipe flute dan kemasan pengisi. Label-label ini dapat mengantarkan pengguna kepada form3 informasi.frm apabila label-label ini ditekan. Jika label keterangan tipe kemasan ditekan maka form3 akan menampilkan keterangan mengenai tipe kemasan yang ada. Dari form3 pengguna hanya dapat kembali kepada form yang berisi data kemasan yaitu form9 atau form15 dengan menekan tombol Kembali ke data. Gambar 23. Tampilan form9 data_kemasan_buah.frm. Gambar 24. Tampilan form10 gambar_buah.frm.

3. Desain Proses