256
Gambar 4.35 Halaman Contact Us
Pada gambar 4.35 dapat dilihat menu Contact Us, dimana pelanggan dapat memberikan saran, kritik, ataupun komentar melalui menu Contact Us tersebut. Pada halaman ini juga disediakan informasi berupa alamat, nomor telepon, email, fax, dan messenger agar pelanggan dapat
257 menghubungi CV. M ustika Adi Wijaya. Khusus pada email dan messenger dapat langsung di klik jika ingin menghubungi perusahaan.
Gambar 4.36 Halaman Forum
Pelanggan dapat bergabung di forum CV. M ustika Adi Wijaya dan merupakan salah satu media komunikasi untuk perusahaan agar dapat berinteraksi
dengan
pelanggannya.
Untuk
kembali
ke
www.M ustikaAdiWijaya.com, pelanggan dapat mengklik logo perusahaan di bagian kiri atas.
258 4.6.2
Cara Pengoperasian Sistem Admin Sebelum dapat melakukan perubahan terhadap data-data yang ada di front-end, Admin harus login terlebih dahulu (Gambar 4.37). Hal ini dilakukan supaya tidak sembarang orang dapat mengakses data back-end perusahaan.
Gambar 4.37 Halaman Login Admin
259
Gambar 4.38 Halaman Home Admin
Tampilan Home untuk Admin adalah halaman Transactions, dirancang demikian karena Admin setiap hari akan mengecek transaksi yang masuk, sehingga akan mempermudah Admin jika halaman Home untuk Admin langsung link ke halaman Transactions.
260
Gambar 4.39 Halaman Customer untuk Admin
Gambar 4.39 menunjukkan halaman Customer. Admin dapat mengklik Add Customer untuk menampilkan form Add Customer. Untuk melihat detil pelanggan, Admin dapat mengklik pada username dari pelanggan. Jika Admin ingin mengedit data Customer tersebut Admin dapat mengklik Edit Customer Detail (Gambar 4.40). Jika ingin kembali ke halaman Customers, Admin dapat mengklik Back to Customers.
261
Gambar 4.40 Halaman Customer Detail
Gambar 4.41 Halaman Products untuk Admin
262 Pada gambar 4.41 Admin dapat melihat detil produk dengan mengklik kode produk dan dapat menambah porduk dengan mengklik Add Products.
Gambar 4.42 Halaman Pesan Konfirmasi Pembatalan Transactions untuk Admin
Pada gambar 4.42 di atas Admin dapat membatalkan transaksi yang sudah tidak valid, yang dapat disebabkan berbagai alasan, antara lain karena pelanggan tidak bisa dikonfirmasi, atau melewati 2 minggu setelah transaksi tidak ada pembayaran (untuk sistem pembayaran Transfer), dan lain sebagainya. Admin dapat membatalkan dengan mengklik Cancel. Jika ingin
263 kembali ke halaman Transactions, Admin dapat mengklik Back to Transactions.
Gambar 4.43 Halaman Pesan Konfirmasi Pembayaran Transactions untuk Admin
Admin dapat mengubah status transaksi menjadi Paid atau membuat pembayaran, jika pelanggan sudah mentransfer atau membayar pada saat pengiriman dengan memgklik Make Payment seperti pada gambar 4.43 di atas. Jika ingin kembali ke halaman Transactions, Admin dapat mengklik Back to Transactions.
264
Gambar 4.44 Halaman History Detail
Dengan mengklik pada kode invoice pada halaman History, maka akan tampil halaman History Detail (Gambar 4.44). Jika ingin kembali ke halaman History, Admin dapat mengklik Back to History.
265
Gambar 4.45 Halaman News untuk Admin
Gambar 4.46 Halaman Add News
266
Gambar 4.45 menunjukkan halaman News, Admin dapat menambah news dengan mengklik Add News, maka akan tampil halaman Add News (Gambar 4.46). Jika ingin kembali ke halaman News, Admin dapat mengklik Back to News.
Gambar 4.47 Halaman Admin News Detail
Gambar 4.47 menunjukkan halaman News Detail untuk Admin, dimana dapat ditampilkan dengan mengklik News Code pada halaman News (Gambar 4.45). Admin dapat mengedit news dengan mengklik Edit News Detail, lalu akan ditampilkan halaman Edit News (Gambar 4.48). Jika ingin kembali ke halaman News, Admin dapat mengklik Back to News.
267
Gambar 4.48 Halaman Edit News
Gambar 4.49 Halaman Contacts
268
Gambar 4.50 Halaman Contacts Detail
Gambar 4.49 menunjukkan halaman Contacts, dimana Admin dapat melihat semua kontak yang masuk ke perusahaan. Hal tersebut akan segera direspon ke pelanggan oleh Admin. Admin dapat menghapus Contacts dengan mengklik Contact Code, kemudian akan muncul halaman Contact Detail (Gambar 4.50), lalu Admin akan mengklik Delete Contact untuk menghapus kontak. Jika ingin kembali ke halaman Contacts, Admin dapat mengklik Back to Contacts.
269 4.7
Evaluasi Sistem 4.7.1
Evaluasi IMK Untuk mengetahui apakah sistem yang dibuat dapat mendukung sistem interaksi manusia dan komputer yang baik, maka diadakan evaluasi berdasarkan delapan aturan emas perancangan berdasarkan Schneiderman.
Berusaha keras untuk konsisten Artinya sebuah rancangan tampilan harus bersifat konsisten dalam situasi yang sama dan dari satu halaman ke halaman lainnya, seperti penggunaan istilah, warna, dan jenis huruf yang sama. Pada setiap halaman website CV. M ustika Adi Wijaya telah diseragamkan sehingga warna serta bentuk desain bar dari struktur menu utama sama di setiap halamannya. Begitu pula dengan penggunaan jenis font dan bentuk tombol pada setiap halaman sesuai dengan karakteristiknya. Rancangan layar ini sudah memenuhi aturan pertama ini, seperti pada gambar berikut.
270
Gambar 4.51 Tampilan Pembuktian Evaluasi Aturan Emas 1
Gambar 4.52 Tampilan Pembuktian Evaluasi Aturan Emas 1
