BAB II

MENGENAL FRONT DAN BACK OFFICE QUICK CART

2.1. Front Office

Front Office adalah tampilan luar halaman web Quick Cart. Pada halaman tersebut terdapat beberapa bagian, seperti yang ditunjukkan pada gambar 2.1, bagian – bagian tersebut diantaranya adalah :

1. Top menu first : adalah bagian yang berada di atas logo. Biasanya berisi keterangan basket / keranjang belanja.
2. Logo : adalah logo dari web Quick Cart. Nantinya kita bisa menggantinya sesuai dengan logo dari toko online kita sendiri.
3. Top menu second : berisi menu yang berada di bawah logo yang dapat kita rubah sesuai dengan kebutuhan dari toko online kita.
4. Search : merupakan fasilitas pencarian dari web Quick Cart.
5. Products : berisi kategori dari produk – produk yang nantinya akan kita jual atau pasarkan.
6. Produk : berisi produk – produk yang sudah di upload. Pada bagian ini terdapat deskripsi singkat dari tiap produk, harga dan tombol “Add to basket” yang merupakan tombol untuk memesan produk yang dipilih agar masuk ke keranjang belanja.

Gambar 2.1. Tampilan Front Office Quick Cart

2.2. Back Office

Back Office merupakan tampilan halaman administrasi web Quick Cart. Untuk dapat masuk ke halaman administrasi ini dengan cara mengetikkan “localhost/nama folder projek web e-commerce kita/admin.php” di bagian address pada web browser yang kita gunakan. Selanjutnya kita akan diperlihatkan halaman login seperti gambar 2 berikut ini :

Gambar 2.2. Halaman login

Secara default untuk bisa login, pada textbox Login dan Password isikan kata “admin”.

Pada halaman administrasi terdapat beberapa bagian, seperti yang ditunjukkan pada gambar 3 di bawah ini, bagian – bagian tersebut diantaranya adalah : 

gambar 2.3. Halaman administrasi awal (Dashboard)

1. Settings yang terdapat di pojok kanan atas (gambar 4),  berisi konfigurasi umum halaman web Quick Cart, semisal judul website, slogan, keyword dan lain – lain yang berkaitan dengan administrasi Quick Cart secara umum.

Gambar 2.4. Settings

1. Select Language yang berada di bawah Settings : merupakan menu pilihan bahasa yang bisa kita gunakan untuk web toko online kita.

1. Pages : berfungsi untuk pengaturan halama – halaman website toko online kita, seperti membuat halaman baru, tata letak, urutan dan status menu.

Gambar 2.5. Halaman Pages

1. Products : berfungsi untuk mengatur dan menambahkan produk yang akan kita jual atau pasarkan.

Gambar 2.6. Halaman Products

1. Orders : merupakan menu pengaturan pemesanan barang dari konsumen.

Gambar 7. Halaman Orders

1. Tools : berisi pengaturan bahasa yang bisa digunakan dalam website toko online kita.