360
4.3.3.86
Halaman View Invoice
Berikut ini adalah rancangan untuk layar View Invoice:
Gambar 4.129 Halaman View Invoice
Halaman ini berfungsi untuk menampilkan Invoice yang ada pada PT. Bina karakter bangsa. Dalam halaman ini terdapat juga fasilitas adalah tombol “View Invoice” untuk menambahkan Invoice, tombol “detail” untuk menampilkan Invoice secara detail. Tombol “print” untuk mencetak Invoice dan bisa dicari berdasarkan nama customer.
361
4.3.3.87
Halaman Insert New Invoice
Berikut ini adalah rancangan untuk layar Insert New Invoice:
Gambar 4.130 Halaman Insert New Invoice
Halaman ini berguna untuk menambah Invoice. Dalam halaman ini terdapat field inputan seperti nama karyawan, Invoice for, faktur ID. Untuk menambah Invoice harus mengisi field-field yang disediakan lalu menekan tombol “submit” untuk menyimpan, dan tombol “reset” untuk menghapus inputan.
362
4.3.3.88
Halaman Detail Invoice
Berikut ini adalah rancangan untuk layar Detail Invoice:
Gambar 4.131 Halaman Detail Invoice
Halaman ini menampilkan Invoice secara detail dan tombol ”back” untuk mengembalikan ke halaman View Invoice.
363
4.3.3.89
Halaman View Retur Invoice
Berikut ini adalah rancangan untuk layar View Retur Invoice:
Gambar 4.132 Halaman View Retur Invoice
Halaman ini berfungsi untuk menampilkan Retur Invoice yang ada pada PT. Bina karakter bangsa. Dalam halaman ini terdapat juga fasilitas adalah tombol “add new Retur Invoice” untuk menambahkan Retur Invoice, tombol “detail” untuk menampilkan Retur Invoice secara detail. Tombol “print” untuk mencetak Retur Invoice dan bisa dicari berdasarkan kode invoice.
364
4.3.3.90
Halaman Insert New Retur Invoice
Berikut ini adalah rancangan untuk layar Insert New Retur Invoice:
Gambar 4.133 Halaman Insert New Retur Invoice
Halaman ini berguna untuk menambah Retur Invoice. Dalam halaman ini terdapat field inputan seperti nama karyawan, nama produk, unit sold, unit retur. Untuk menambah Retur Invoice harus mengisi fieldfield yang disediakan lalu menekan tombol “submit” untuk menyimpan, tombol “reset” untuk menghapus inputan, tombol “add” untuk menambah list barang, dan tombol “delete” untuk menghapus list barang.
365
4.3.3.91
Halaman Detail Retur Invoice
Berikut ini adalah rancangan untuk layar Detail Retur Invoice:
Gambar 4.134 Halaman Detail Retur Invoice
Halaman ini menampilkan Retur invoice secara detail dan tombol ”back” untuk mengembalikan ke halaman View Retur Invoice.
366
4.3.3.92
Halaman View Retur Consignment
Berikut
ini
adalah
rancangan
untuk
layar
View
Retur
Consignment:
Gambar 4.135 Halaman View Retur Consignment
Halaman ini berfungsi untuk menampilkan Retur Consignment yang ada pada PT. Bina karakter bangsa. Dalam halaman ini terdapat juga fasilitas
adalah
tombol
“add
new
Retur
Consignment”
untuk
menambahkan Retur Consignment, tombol “detail” untuk menampilkan Retur Consignment secara detail. Tombol “print” untuk mencetak Retur Consignment dan bisa dicari berdasarkan nama customer.
367
4.3.3.93
Halaman Insert New Retur Consignment
Berikut ini adalah rancangan untuk layar Insert New Retur Consignment:
Gambar 4.136 Halaman Insert New Retur Consignment
Halaman ini berguna untuk menambah Retur Consignment. Dalam halaman ini terdapat field inputan seperti nama karyawan, nama produk, Outstanding, unit retur, unit left. Untuk menambah Retur Consignment harus mengisi field-field yang disediakan lalu menekan tombol “submit” untuk menyimpan, tombol “reset” untuk menghapus inputan, tombol “add” untuk menambah list barang dan tombol “delete” untuk menghapus list barang.
368
4.3.3.94 Berikut
Halaman Detail Retur Consignment ini adalah rancangan untuk layar
Detail Retur
Consignment:
Gambar 4.137 Halaman Detail Retur Consignment
Halaman ini menampilkan Retur Consignment secara detail dan tombol ”back” untuk mengembalikan ke halaman View Retur Consignment.
369
4.3.3.95
Halaman View Purchase Payment
Berikut ini adalah rancangan untuk layar View Purchase Payment:
Gambar 4.138 Halaman View Purchase Payment
Halaman ini berfungsi untuk menampilkan Purchase Payment yang ada pada PT. Bina karakter bangsa. Dalam halaman ini terdapat juga fasilitas
adalah
tombol
“add
new
Purchase
Payment”
untuk
menambahkan Purchase Payment, tombol “detail” untuk menampilkan Purchase Payment secara detail, dan bisa dicari berdasarkan nama Kode PO.
370
4.3.3.96
Halaman Insert New Purchase Payment
Berikut ini adalah rancangan untuk layar Insert New Purchase Payment:
Gambar 4.139 Halaman Insert New Purchase Payment
Halaman ini berguna untuk menambah Purchase Payment. Dalam halaman ini terdapat field inputan seperti nama karyawan, for PO_ID, invoice no, invoice amount, cheque no, note, payment. Untuk menambah Purchase Payment harus mengisi field-field yang disediakan lalu menekan tombol “submit” untuk menyimpan, dan tombol “cancel” untuk membatalkan.
371
4.3.3.97
Halaman Detail Purchase Payment
Berikut ini adalah rancangan untuk layar Detail Purchase Payment:
Gambar 4.140 Halaman Detail Purchase Payment
Halaman ini menampilkan Purchase Payment secara detail dan tombol ”back” untuk mengembalikan ke halaman add new Purchase Payment.
372
4.3.3.98
Halaman View Retur Payment
Berikut ini adalah rancangan untuk layar View Retur Payment:
Gambar 4.141 Halaman View Retur Payment
Halaman ini berfungsi untuk menampilkan Retur Payment yang ada pada PT. Bina karakter bangsa. Dalam halaman ini terdapat juga fasilitas adalah tombol “view Retur Payment” untuk menambahkan Retur Payment, tombol “detail” untuk menampilkan Retur Payment secara detail, dan bisa dicari berdasarkan nama customer.
373
. 4.3.3.99
Halaman Insert New Retur Payment
Berikut ini adalah rancangan untuk layar Insert New Retur Payment:
Gambar 4.142 Halaman Insert New Retur Payment
Halaman ini berguna untuk menambah Retur Payment. Dalam halaman ini terdapat field inputan seperti nama karyawan, for retur_ID, cheque NO, Note, payment Amount. Untuk menambah Retur Payment harus mengisi field-field yang disediakan lalu menekan tombol “submit” untuk menyimpan, dan tombol “cancel” untuk membatalkan.
374
4.3.3.100
Halaman Detail Retur Payment
Berikut ini adalah rancangan untuk layar Detail Retur Payment:
Gambar 4.143 Halaman Detail Retur Payment
Halaman ini menampilkan Retur Payment secara detail dan tombol ”back” untuk mengembalikan ke halaman view Retur Payment.
375
4.3.3.101
Halaman View Shipper Payment
Berikut ini rancangan untuk layar View Shipper Payment:
Gambar 4.144 Halaman View Shipper Payment
Halaman ini berfungsi untuk menampilkan Shipper Payment yang ada pada PT. Bina karakter bangsa. Dalam halaman ini terdapat juga fasilitas adalah tombol “add new Shipper Payment” untuk menambahkan Shipper Payment, tombol “detail” untuk menampilkan Shipper Payment secara detail, dan bisa dicari berdasarkan nama shipper.
376
4.3.3.102
Halaman Insert New Shipper Payment
Berikut ini adalah rancangan untuk layar Insert New Shipper Payment:
Gambar 4.145 Halaman Insert New Shipper Payment
Halaman ini berguna untuk menambah Shipper Payment. Dalam halaman ini terdapat field inputan seperti nama karyawan, to Shipper, invoice no, inovice amount, cheque no, note, payment amount. Untuk menambah Shipper Payment harus mengisi field-field yang disediakan lalu menekan tombol “submit” untuk menyimpan, dan tombol “cancel” untuk membatalkan.
377
4.3.3.103
Halaman Detail Shipper Payment
Berikut ini adalah rancangan untuk layar Detail Shipper Payment:
Gambar 4.146 Halaman Detail Shipper Payment
Halaman ini menampilkan Shipper Payment secara detail dan tombol ”back” untuk mengembalikan ke halaman View Shipper Payment.
378
4.3.3.104
Halaman View Author Payment
Berikut ini adalah rancangan untuk layar View Author Payment:
Gambar 4.147 Halaman View Author Payment
Halaman ini berfungsi untuk menampilkan Author Payment yang ada pada PT. Bina karakter bangsa. Dalam halaman ini terdapat juga fasilitas adalah tombol “add new Author Payment” untuk menambahkan Author Payment, tombol “detail” untuk menampilkan Author Payment secara detail, dan bisa dicari berdasarkan nama author.
379
4.3.3.105
Halaman Insert New author Payment
Berikut ini rancangan untuk layar Insert New author Payment:
Gambar 4.148 Halaman Insert New Author Payment
Halaman ini berguna untuk menambah Author Payment. Dalam halaman ini terdapat field inputan seperti nama karyawan, paper receive id, cheque no, note, payment amount. Untuk menambah Author Payment harus mengisi field-field yang disediakan lalu menekan tombol “submit” untuk menyimpan, dan tombol “cancel” untuk membatalkan.
380
4.3.3.106
Halaman Detail author Payment
Berikut ini adalah rancangan untuk layar Detail author Payment:
Gambar 4.149 Halaman Detail Author Payment
Halaman ini menampilkan Author Payment secara detail dan tombol ”back” untuk mengembalikan ke halaman View Author Payment.
381
4.3.3.107
Halaman View Receipt
Berikut ini adalah rancangan untuk layar View Receipt:
Gambar 4.150 Halaman View Receipt
Halaman ini berfungsi untuk menampilkan Receipt yang ada pada PT. Bina karakter bangsa. Dalam halaman ini terdapat juga fasilitas adalah tombol “add new Receipt” untuk menambahkan Receipt, tombol “detail” untuk menampilkan Receipt secara detail, tombol “print” untuk mencetak Receipt dan bisa dicari berdasarkan nama customer.
382
4.3.3.108
Halaman Inset New Receipt
Berikut ini adalah rancangan untuk layar Insert New Receipt:
Gambar 4.151 Halaman Insert New Receipt
Halaman ini berguna untuk menambah Receipt. Dalam halaman ini terdapat field inputan seperti nama karyawan, for invoice no, cheque no, note, receipt amount. Untuk menambah Receipt harus mengisi fieldfield yang disediakan lalu menekan tombol “submit” untuk menyimpan, dan tombol “cancel” untuk membatalkan.
383
4.3.3.109
Halaman Detail Receipt
Berikut ini adalah rancangan untuk layar Detail Receipt:
Gambar 4.152 Halaman Detail Receipt
Halaman ini menampilkan Receipt secara detail dan tombol ”back” untuk mengembalikan ke halaman View Receipt.
384
4.3
Kebutuhan Hardware dan Software 4.4.1 Spesifikasi Hardware Perangkat keras yang dibutuhkan untuk menjalankan sistem Trading pada PT. Bina Karakter Bangsa, yaitu dengan menggunakan spesifikasi minimun ( baik untuk server maupun client ) sebagai berikut : •
Server
-
Processor
: Pentium 4 2,4 Ghz
-
Kapasitas harddisk
: 40 GB
-
Memory
: 2 GB RAM
-
Koneksi Internet
: Colocation di ISP
•
Client
-
Processor
: Pentium 4 2,4 Ghz
-
Kapasitas harddisk
: 20 GB
-
Memory
: 128 MB RAM
-
Koneksi Internet
: Modem internal / external 56.6 KBps atau lebih tinggi
385
4.4.2 Spesifikasi Software Selain piranti keras, juga diperlukan piranti lunaknya agar dapat menjalankan sistem Trading PT. Bina Karakter Bangsa. Spesifikasi software minimal yang dibutuhkan sebagai berikut : •
Server - XAMPP versi 1.4.0.0
•
Client - Compatible browser
: Internet Explorer versi 6.0 atau Netscape Communicator versi 4.5
386
4.4
Evaluasi 4.4.1
Evaluasi dari pengembang Sistem yang telah dibangun ini memiliki kelemahan karena ada fasilitas
pada sistem lama yang masih belum dilengkapi pada sistem baru; seperti pencatatan buku besar, kas, pembukuan, dan sebagainya dari sisi akuntansi. Menurut tanggapan dari pihak PT. Bina Karakter Bangsa, aplikasi Trading yang dibuat ini sudah cukup baik karena aplikasi berjalan sesuai dengan solusi yang dirancang. Komunikasi dengan pengguna melalui wawancara ikut mendukung aplikasi menjadi lebih baik dan tepat guna. Pengembang melakukan demo dan test yang dibantu oleh staff IT perusahaan dan tidak ditemukan adanya kesalahan yang serius. Namun aplikasi masih belum diimplementasikan pada PT. Bina Karakter Bangsa.
4.4.2
Evaluasi IMK Setelah aplikasi selesai dikembangkan, maka kami melakukan evaluasi 8
aturan emas untuk mengetahui apakah sistem yang telah dikembangkan memenuhi aturan tersebut. 1. Berusaha untuk konsisten. Tindakan untuk menjaga konsisten dilakukan dalam pembuatan menu, konsistensi dalam hal warna, tampilan, penggunaan huruf besar, jenis dan ukuran huruf.
387
Pada gambar yang dioval merupakan struktur menu setelah login yang penggunaan huruf dan letaknya sama.
Gambar 4.153 Konsisten
2. Memungkinkan frequent user menggunakan shortcut, karena dengan adanya shortcut dapat meningkatkan interaksi dengan user. Pada aplikasi ini kami sediakan link untuk pindah ke halaman yang diinginkan user secara langsung.
388
Gambar 4.154 Penggunaan Shortcut
3. Memberikan umpan balik yang informatif yang memberikan kejelasan dari setiap aksi yang dilakukan oleh user. Sistem memberikan umpan balik bagi semua tindakan pemakai. Respon harus sederhana bagi aksi yang kecil dan sering digunakan. Pada aplikasi ini, kami memberikan informasi tentang halaman yang sedang dibuka oleh user.
389
Gambar 4.155 Informatif
4. Merancang dialog yang memberikan penutupan (keadaan akhir). Setiap tindakan user akan memberikan inputan kepada sistem, maka sistem akan memberikan konfirmasi atau respon dari masukan user tersebut. Seperti pada pesan berhasil berikut :
390
Gambar 4.156 Keadaan akhir
5. Memberikan pencegahan kesalahan dan penanganan kesalahan yang sederhana. Untuk mencegah kesalahan maka sistem dibuat untuk memeriksa validitas data yang dimasukkan sebelum data tersebut disimpan dalam database sistem, jika data tersebut tidak valid maka sistem akan memberikan label error untuk memberitahu kesalahan yang ada. Dalam aplikasi ini, pencengahan kesalahan sederhana dibuat dalam bentuk , pilihan menu (combo box) agar user tidak memasukan manual nilai yang seharusnya ada.
391
Gambar 4.157 Pencegahan kesalahan
6. Memungkinkan pembalikan aksi yang sederhana (bersifat reversible). Pembalikan aksi dimungkinkan dengan adanya tombol back. Pada aplikasi ini tidak menyediakan pembalikan aksi yang sederhana, karena jika terjadi kesalah sistem akan menghapus otomatis pada form yang mengalami kesalahan. Pada sistem ini contohnya adalah adanya tombol “back” pada saat berada pada detail view dari setiap transaksi.
392
Gambar 4.158 Pembalikan aksi yang mudah
7. Mendukung pusat kendali internal Pengguna menginginkan bahwa mereka berhak pada sistem dan sistem merespon atas aksi yang telah dilakukannya. Halaman berikut tentang kapsitas bag yang sudah mencapai maksimal direspon dari sistem. Dalam sistem ini, user diperbolehkan untuk mengelola account-nya sendiri
393
Gambar 4.159 Pusat kendali internal
8. Mengurangi beban ingatan jangka pendek dimana user hendaknya mudah dalam menjelajahi situs dengan petunjuk-petunjuk yang sederhana dan mudah diingat.