Gambar 4.35 Halaman Contact Us

Ukuran: px

Mulai penontonan dengan halaman:

Download "Gambar 4.35 Halaman Contact Us"

Surya Tan
6 tahun lalu
Tontonan:

1 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, , fax, dan messenger agar pelanggan dapat

2 257 menghubungi CV. Mustika Adi Wijaya. Khusus pada dan messenger dapat langsung di klik jika ingin menghubungi perusahaan. Gambar 4.36 Halaman Forum Pelanggan dapat bergabung di forum CV. Mustika Adi Wijaya dan merupakan salah satu media komunikasi untuk perusahaan agar dapat berinteraksi dengan pelanggannya. Untuk kembali ke pelanggan dapat mengklik logo perusahaan di bagian kiri atas.

3 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

4 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.

5 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.

6 261 Gambar 4.40 Halaman Customer Detail Gambar 4.41 Halaman Products untuk Admin

7 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

8 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.

9 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.

10 265 Gambar 4.45 Halaman News untuk Admin Gambar 4.46 Halaman Add News

11 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.

12 267 Gambar 4.48 Halaman Edit News Gambar 4.49 Halaman Contacts

13 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.

14 Evaluasi Sistem 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. Mustika 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.

15 270 Gambar 4.51 Tampilan Pembuktian Evaluasi Aturan Emas 1 Gambar 4.52 Tampilan Pembuktian Evaluasi Aturan Emas 1

dokumen-dokumen yang mirip

Halaman ini pada umumnya tidak berbeda dengan halaman Home sebelum. Login. Yang membedakan pada halaman ini yaitu pada bagian center ditampilkan

219 Halaman ini pada umumnya tidak berbeda dengan halaman Home sebelum Login. Yang membedakan pada halaman ini yaitu pada bagian center ditampilkan beberapa istilah-istilah yang berhubungan dengan produk