Pertimbangan penggunaan desain yang telah dibangun tersebut adalah tidak adanya perbedaan data antara sistem informasi yang dibangun dengan
sistem manajemen basis data yang dibuat oleh Silvia 2006. Hal ini karena tidak semua daerah yang menjadi target pengguna dapat menggunakan
internet sehingga mereka hanya dapat menggunakan sistem yang masih berbasis PC.
Proses administrator sistem informasi berbasis web jika ingin mengupdate data terlebih dahulu mengupdate data yang terdapat dalam
sistem basis data yang berbasis PC, kemudian diupload melalui web hosting di
http:www.brinkster.com dengan menggunakan username beserta
password yang telah diberikan sewaktu mendaftarkan situs.
3. Desain User Interface
Sistem informasi kemasan transportasi komoditas hortikultura dibangun dengan menggunakan bahasa pemrograman ASP. ASP merupakan skrip yang
sifatnya server_side yang ditambahkan pada HTML untuk membuat web menjadi lebih menarik. Pengolahan data, pembuatan aplikasi tertentu dalam
sebuah web, dan membuat database dalam sebuah web lebih mudah dilakukan dengan menggunakan ASP.
Setiap halaman pada sistem informasi komoditas hortikultura ini terdiri dari 2 frame. Frame pertama bersifat statis dan frame ke dua bersifat dinamis
Gambar 7. Frame Atas statis
Frame Isi dinamis
Gambar 7. Layout halaman web a. Frame Atas
Frame atas berisikan nama dari situs, fasilitas pencarian data, menu utama, dan login. Pada frame atas, pengguna hanya dapat meminta server untuk
menampilkan halaman tertentu dan kemudian server mengirim informasi tersebut melalui browser.
Pada fasilitas pencarian data ditentukan 2 jenis kategori data yang dapat di tampilkan yaitu komoditas dan jenis kemasan Gambar 8. Kategori
komoditas akan menampilkan informasi tentang komoditas hortikultura tertentu dalam bentuk kemasan apapun sesuai input yang dimasukkan
pengguna. Sedangkan kategori jenis kemasan akan menampilkan informasi tentang komoditas yang dikemas dalam kemasan tertentu sesuai dengan input
yang dimasukkan pengguna. Menu utama pada frame atas fungsinya sama dengan menu utama yang
terdapat pada frame isi Gambar 8. Penempatan menu utama pada frame atas bertujuan untuk mempermudah pengguna menuju halaman lain jika halaman
yang sedang ditampilkan panjang sehingga menyebabkan menu utama pada frame isi tidak kelihatan.
Menu login berisi 2 input data yaitu nama dan password Gambar 8. Input nama digunakan untuk mendata nama dan jumlah pengunjung yang telah
mengunjungi situs ini. Input password digunakan untuk mengidentifikasi nama dan password yang sesuai dengan nama dan password administrator. Jika nama
dan password sesuai dengan nama dan password administrator maka tampilan pada frame isi akan berbeda dengan tampilan pengguna secara umum.
Tampilan frame isi untuk administrator digunakan untuk penambahan, pegeditan, dan pendeletan seluruh data yang terdapat dalam basis data. Fasilitas
ini belum tersedia dalam situs ini
Gambar 8. Tampilan frame atas
Pencarian data Menu utama
Login
b. Frame isi Frame isi merupakan halaman dinamis yang digunakan untuk
menampilkan menu utama, membership, situs terkait dan informasi Gambar 12. Informasi yang ditampilkan tergantung pilihan yang diberikan pengguna.
b.1. Menu utama Menu utama menyediakan 6 pilihan folder informasi yaitu folder
informasi home, peta situs, komoditas buah dan sayuran, jenis kemasan, produsen, kritik dan saran.
b.1.1. Folder informasi home Folder informasi home ini memuat informasi naratif secara umum tentang
pengemasan, fungsi dan tujuan pengemasan, syarat kemasan yang baik, hal-hal yang perlu diperhatikan dalam pengemasan, dan hal-hal yang perlu
diperhatikan dalam pengangkutan. Tampilan informasi dari folder home dapat dilihat pada Gambar 9.
Gambar 9. Tampilan awal situs b.1.2. Folder informasi peta situs
Folder informasi peta situs memuat informasi naratif tentang isi dari informasi yang terdapat dalam menu utama. Tampilan informasi dari folder
peta situs dapat dilihat pada Gambar 10.
Situs terkait Menu utama
membership Informasi
Gambar 10. Tampilan peta situs b.1.3. Folder informasi komoditas
Folder informasi komoditas terdiri dari 2 sub folder yaitu folder sayuran dan folder buah. Folder sayuranbuah berisi informasi tentang jenis-jenis
sayuranbuah yang telah dilakukan pengemasan dalam berbagai bentuk kemasan. Setiap informasi komoditas yang ditampilkan berupa link yang
menuju ke halaman penjelasan komoditas. Tampilan informasi baik buah maupun sayuran ditampilkan secara urut abjad untuk mempermudah pencarian
oleh pengguna. Dalam tampilan melalui menu utama ini komoditas yang ditampilkan adalah semua data yang ada pada basis data, jika pengguna ingin
menampilkan komoditas tertentu yang lebih spesifik maka pengguna dapat menggunakan fasilitas pencarian pada frame atas. Pada tampilan komoditas
terlihat ada satu jenis komoditas dengan tipe kemasan yang sama ditampilkan dua kali, hal ini dikarenakan adanya perbedaan asal dari komoditas tersebut.
Tampilan informasi dari subfolder komoditas dapat dilihat pada Gambar 11. Penjelasan komoditas berisi tentang nama komoditas, nama kemasan,
bahan kemasan, tipe kemasan, tipe flute, ukuran flute, dimensi, berat bersih, kemasan pengisi, asal, tujuan pengiriman, dan gambar komoditas. Tipe flute
dan ukuran flute hanya ditampilkan pada komoditas yang dikemas dari peti
karton. Tampilan informasi dari penjelasan tiap komoditas dapat dilihat pada Gambar 12.
Gambar 11. Tampilan data komoditas
Gambar 12. Tampilan penjelasan kemasan terkait dengan komoditas
Gambar 13. Tampilan gambar detail kemasan b.1.4. Folder informasi jenis kemasan
Folder informasi jenis jenis kemasan memuat informasi tentang bahan kemasan distribusitransportasi untuk komoditas buah-buahan dan sayuran
segar yang sering digunakan di Indonesia, yaitu: karung goni, keranjang bambu, peti kayu dan peti karton gelombang. Tampilan informasi dari jenis
kemasan dapat dilihat pada Gambar 14.
Gambar 14. Tampilan jenis kemasan
Setiap jenis kemasan yang ditampilkan berupa link yang menuju halaman penjelasan tentang jenis kemasan tersebut. Tampilan penjelasan kemasan dapat
dilihat pada Gambar 15.
Gambar 15. Tampilan penjelasan kemasan b.1.5. Folder informasi produsen
Folder informasi produsen memuat informasi tentang nama-nama perusahaan produsen kemasan, alamat perusahaan, fax, kontak person, dan no.
telepon. Tampilan informasi dari produsen dapat dilihat pada Gambar 16.
Gambar 16. Tampilan produsen
b.1.6. Folder informasi kritik dan saran Folder informasi kritik dan saran berfungsi sebagai evaluasi dari
pengguna terhadap sistem informasi ini. Dengan adanya halaman ini diharapkan situs ini dapat berkembang sesuai dengan apa yang diinginkan oleh
pengguna. Halaman ini juga menunjang proses implementasi sistem yang dilakukan secara online. Tampilan kritik dan saran dapat dilihat pada
Gambar 17.
Gambar 17. Tampilan kritik dan saran input
Gambar 18. Tampilan kritik dan saran hasil
b.2. Menu Membership Menu membership berisi informasi tentang jumlah pengunjung yang telah
mengunjungi situs ini dan nama pengunjung terbaru. b.3. Situs Terkait
Menu situs terkait berisi tentang informasi situs-situs yang dapat dijadikan referensi pengguna dalam mencari informasi tentang komoditas
hortikultura, jenis kemasan, dan informasi mengenai perusahaan yang bergerak dibidang pengemasan yang tidak terdapat dalam situs ini. Situs-situs terkait
yang disediakan adalah situs Institut Pertanian Bogor, situs Departemen Pertanian, situs Hijau, situs Pustaka Tani, dan situs Alibaba.
4. Desain Proses
