Gambar 3.61 Edit F ooter Testimonials

6) Konfigurasi Banner 

Tekan sub menu Banner  Manager  pada menu Design, kemudian akan tampil halaman seperti berikut.

Gambar 3.62 Tampilan

Banner 

Terlihat 3 main banner  yang aktif, tekan pada gambar seperti pensil. Maka akan keluar halaman seperti ini.

Gambar 3.63 Edit

Banner 

Isikan alamat dimana foto yang akan ditampilkan banner   disimpan. Setelah itu tekan save.

Lakukan langkah yang sama untuk banner  ke dua dan ke tiga.

7) Konfigurasi Detail  Toko

Pada bagian ini, Admin melakukan edit mengenai informasi toko.  berikut langkahnya.

Tekan pada menu system kemudian pilih sub menu  setting , kemudian  pilih  store details. Maka akan terlihat tampilan halaman seperti di  bawah ini.

Isikan seluruh data, kemudian tekan tombol save.

8) Konfigurasi Tampilan Website

Pada bagian ini Admin bertugas mengkonfigurasi terhadap tampilan website, diantaranya  store logo, email logo, dan icon. Berikut langkahnya.

Yang pertama adalah seperti tadi tekan menu  system, pilih  setting , kemudian pilih appereance. Akan terlihat halaman seperti di bawah ini.

Gambar 3.65 Tampilan

E dit I con

Tekan gambar ( + ) kemudian akan keluar halaman ini.

Tekan pada bagian yang telah diberi kotak kuning, lalu akan keluar kotak dialog  untuk memilih file gambar yang diinginkan.

Gambar 3.67 Pilih

File

Gambar untuk

I con

Pilih pada gambar yang diinginkan kemudian tekan open.

Gambar 3.68 Tampilan

File

yang Telah Diunggah

Setelah itu tekan pada tombol yang telah diberi kotak kuning pada pojok  bawah kanan.

Gambar 3.69 Tampilan

I con

yang Telah Dipilih

Untuk langkah email logo dan store logo lakukan langkah seperti di atas tersebut.

9) Konfigurasi Laporan

Dalam pembahasan ini, Admin melakukan pengecekan jumlah  penjualan pada periode waktu tertentu. Berikut langkahnya.

Tekan menu Reports. Kemudian pilih sub menu Sales lalu pilih Orders. Lalu isikan tanggal mulai kapan dan sampai kapan ingin menampilkan  jumlah penjualan yang telah terjadi. Kemudian tekan tombol Go.

Dan akan ditampilkan data penjualan yang telah terjadi sesuai  permintaan tanggalnya.

Gambar 3.70 Tampilan

Reports

3.3. Konfigurasi

Costumer 

Berikut adalah tampilan halaman awal House of PUMA.

Gambar 3.71 Tampilan Halamn Awal

1) Pendaftaran Konsumen

Gambar 3.72 Tampilan

Login/Register

Tekan pada tulisan yang telah diberi kotak kuning, kemudian akan tampil halaman seperti ini.

Gambar 3.73 Tampilan

 Account Login

Kemudian tekan pada bulatan yang telah diberi kotak kuning dan tekan continue. Kemudian diarahkan ke halaman berikut.

Gambar 3.74 Tampilan Pengisian Data Pribadi Konsumen

Isikan seluruh data pribadi konsumen, kemudian pada bagian paling  bawah terlihat diberikan pilihan untuk berlangganan atau tidak, jika iya  pilih bulatan Yes,  jika tidak pilih bulatan No. Kemudian pada bagian  bawahnya sebelah kiri, diperintahkan untuk menekan kotakan kecil

Gambar 3.75 Tampilan Pengisian Data Pribadi Konsumen telah Sukses

Kemudian konsumen harus menunggu konfirmasi dari pihak  House of  PUMA. Jika telah disetujui oleh Admin, maka konsumen melakukan

login dengan menekan tombol continue.

Gambar 3.76 Tampilan

Login

Konsumen Baru

Jika login  berhasil maka keluar nama konsumen pada bagian atas website.

Gambar 3.77 Tampilan

Login

Berhasil

2) Konsumen Melakukan Pemesanan

Dalam bagian ini akan dijelaskan langkah-langkah konsumen melakukan pemesanan produk, berikut langkah-langkahnya.

Konsumen memilih produk yang akan diinginkan, produk bisa dipilih  pada menu bagian header.

Gambar 3.78 Tampilan Pemilihan Produk

Setelah konsumen memilih produk yang diinginkan, maka akan keluar  berbagai macam produk pada kategori produk yang dipilih konsumen.

Gambar 3.79 Tampilan Produk yang Dipilih

Setelah produk yang dipilih tampil, kemudian tekan pada gambar  produk  , kemudian akan muncul tampilan seperti ini.

Gambar 3.80 Tampilan

Detail

Produk yang Dipilih

Di atas bisa dilihat tertera harga, jumlah yang ingin dibeli. Untuk membeli produk tersebut, tekan tombol  Add to Cart. Lalu akan dialihkan ke halaman seperti ini.

Gambar 3.81 Tampilan

Detail

Pesanan (1)

Pada gambar di atas tertera produk yang telah dipilih, detail pengiriman dan biaya kirim yang dibebankan kepada konsumen.

Gambar 3.82 Tampilan

Detail

Pesanan (2)

Tertera berapa jumlah yang harus dibayar oleh konsumen. Untuk melanjutkan pemilihan produk lagi, tekan Continue Shopping, maka akan dipindahkan ke halaman awal dimana kita bisa memilih produk kembali, namun jika ingin melanjutkan ke pembayaran tekan Checkout, kemudian akan ditampilkan halaman sebagai berikut :

Gambar 3.83 Tampilan Informasi Pembayaran (1)

Tertulis alamat dan jumlah yang harus dibayar oleh, pada halaman ini konsumen disarankan untuk meneliti ulang alamat yang akan dikirim  barang pesanan agar tidak terjadi salah kirim. Jika alamat yang

dimasukkan salah maka bisa tekan tombol Change Address. Jika alamat sudah benar, scroll ke bawah.

Gambar 3.84 Tampilan Informasi Pembayaran (2)

Pada tampilan halaman tersebut terdapat tiga macam metode  pembayaran yang dapat dipilih oleh konsumen, disini konsumen memilih metode Cash on Delivery, yaitu konsumen tidak melakukan transfer melalui mobile banking maupun atm.

Setelah itu pilih bulatan dibawah, yang menyatakan konsumen telah menyetujuinya dan tekan tombol continue.

Gambar 3.85 Tampilan Cek Ulang Pesanan

Pada halaman ini konsumen disarankan untuk mengecek ulang keseluruhan pesanan beserta informasi (alamat). Jika sudah benar tekan tombol Confirm Order. Setelah itu akan dialihkan ke halaman di bawah ini.

3) Cek Pesanan

Setelah itu konsumen melakukan cek berkala apakah barang sudah dilakukan pengiriman atau belum atau untuk mengetahui status terbaru  barang yang dipesan. Langkahnya sebagai berikut.

Arahkan cursor pada nama konsumen, kemudian akan keluar beberapa menu.

Gambar 3.87 Tampilan Menu Konsumen

Untuk mengecek status barang yang dipesan, konsumen menekan pada  pilihan sub menu Order History. Kemudian akan dialihkan ke halaman  berikut.