BAB IV. IMPLEMENTASI DAN ANALISA
4.6. Implementasi Sistem
4.6.1. Homepage
4.6.1.12. Shopping Cart
Berbelanja pada toko online pasti disediakan layaknya keranjang belanja sungguhan yang befungsi untuk menampung semua barang belanjaan para pengunjungnya. IstilahShoopping Cart
adalah jawaban atas perumpamaan diatas.
Gambar 4.31 : HalamanShopping CartCMSE-Commerce
Terdapat juga statusShooping Cart yang berada diwidget
kanan menampilkan total barang, produk dan rupiah yang ada dalam keranjang belanja.
4.6.1.13. Selesai Belanja
Halaman ini menampilkan proses selesai berbelanjaan. Pengguna diminta memilihGet Productdalam produk yang dipesan. Terdapat dua pilihan yaitu jasadeliveryatau ambil ke toko, sehingga
pengguna dapat lebih mudah menentukan pilihan. Apabila
dikehendaki mengirimkan produk dengan jasa delivery ke alamat lain pengguna juga dimudahkan dengan disediakan form alamat alternatif. Jasa delivery sesui kota yang telah ditentukan biaya ongkos kirim yang telah ditentukan oleh pengelola. Metode pembayaran tranferviabank dengan banyak pilihan nomor rekening yang dapat dipilih. Terdapat pula biaya tambahan bagi pengguna yang menginginkan proses pengiriman kilat dengan perhitungan durasi hari produk terkirim.
4.6.1.14. My Order
Halaman ini digunakan untuk menampilkan jumlah pesanan yang telah dilakukan oleh pengguna. Selain itu juga dapat berfungsi sebagai halaman konfirmasi dan kompain terhadap order
yang dilakukan.
4.6.1.15. WidgetKiri
Seperti dalam desain layout terdapat widget yang berfungsi sebagaitoolscepat untuk menuju ke halaman tertentu.
a. Login, Forgot Password & Signup
Sudah dijelaskan diatas form ini berfungsi sebagai login, forgot passworddansignup.
b. Kategori
Mengelompokan produk dannewskedalam sebuah katalog yang memisahkan atara satu dengan yang lainnya.
Gambar 4.36 :WidgetKategori CMSE-Commerce c. Tag
Menandai produk dannewsdalam sebuah penanda.
d. Produk Terbaru
Menampilkan daftar produk – produk terbaru.
Gambar 4.38 :WidgetProduk Terbaru CMSE-Commerce
e. Komentar Terbaru
Menampilkan daftar komentar – komentar terbaru.
4.6.1.16. WidgetKanan
Seperti dalam desain layout terdapat widget yang berfungsi sebagaitoolscepat untuk menuju ke halaman tertentu.
a. Join Us
Linklangganan RSS Feed, Facebook dan Twitter.
Gambar 4.40 :Widget Join UsCMSE-Commerce
b. Best Seller
Menampilkan produk yang terjual paling banyak (Best Seller).
Gambar 4.41 :Widget Best SellerCMSE-Commerce
c. Our Rating
Menampilkan totalratingterhadap semua produk.
d. Recommended Product
Menampilkan produk secararandom.
Gambar 4.43 :Widget Recommended Product CMSE-Commerce
e. Statistik
Menampilkan statistik toko dan pengunjungweb.
4.6.1.17. Bantuan / FAQ
Halaman ini berisi bantuan atau FAQ (Frequency Asked Question) serta syarat dan ketentuan yang dapat membantu pengunjung dalam melakuakan berbelanjaan di CMSE-Commerce.
Gambar 4.45 : Halaman Bantuan CMSE-Commerce
4.6.1.18. Kontak
Halaman ini berisi kontak dari pemilik toko.
4.6.2. HalamanMobile
CMS E-Commerce ini telah ditambahkan fitur mobilesite
yang dikhususkan untuk browser ponsel. Apabila merek ponsel termasuk dalam mobile detect ketika mengunjungi homepage maka akan secara otomatis dialihkan kealamatmobilesite.
4.6.3. Halaman Pengelola 4.6.3.1. HalamanLogin
Dalam halaman depan untuk melakukan login juga dapat dilakukan, akan tetapi di halaman pengelola juga terdapatlogin form.
Gambar 4.48 : HalamanLogin FormPengelola CMSE-Commerce
4.6.3.2. HamalanDashboard
Merupakan halaman awal dari halaman pengelola yang berisi menu cepat menuju ke halaman tertentu.
4.6.3.3. Menubar
Menubar adalah sebuah tombol yang berguna untuk berpindah tempat dari halaman satu ke yang lainnya. Terdapat perbedaan pada tampilanmenubarketia level pengelola yanglogin.
Gambar 4.50 : TampilanMenubarPengelola CMSE-Commerce
4.6.3.4. Status Pengelola
Menampilkan pengelola yang sedang login pada halaman pengelola.
Gambar 4.51 : Status Pengelola CMSE-Commerce
4.6.3.5. ManajemenPayment
Mengelola pembiayaan dalam transaksi seperti nama bank, nomor rekening, delivery dan shipping.
4.6.3.6. Daftar Bank
Mengelola daftar bank yang akan digunakan dalam setiap transaksi order.
Gambar 4.53 : Daftar Bank Pengelola CMSE-Commerce
4.6.3.7. Daftar Rekening
Mengelola daftar nomor rekening yang dipakai dalam transaksi order.
4.6.3.8. ManajemenDelivery
Mengelola daftar nama kota jasa pengiriman serta biaya ongkos kirimnya.
Gambar 4.55 : DaftarDeliveryPengelola CMSE-Commerce
4.6.3.9. ManajemenShipping
Mengelola daftar biaya durasi pengiriman order khusus yang menginginkan pengiriman kilat.
4.6.3.10. ManajementSettings
Pengaturan terhadap CMSE-Commerceyang hanya dapat diakses oleh pengelola yang berlevelSuperAdmin.
Gambar 4.57 : DaftarShippingPengelola CMSE-Commerce
4.6.3.11. General Settings
Digunakan untuk mengatur pengaturan umum CMS E- Commerce mulai dari nama toko, deskripsi toko, URL, Facebook, Twitter, dll.
4.6.3.12. Themes Settings
Digunakan untuk mengatur tampilan yakni logo dari toko dan posisiwidget.
Gambar 4.59 :Themes SettingsTampilan Pengelola CMSE-Commerce
4.6.3.13. Upload Settings
Digunakan untuk pengaturan upload dengan menentukan maksimal ukuran gambar serta dimensi gambar.
Gambar 4.61 :Upload SettingsPengelola CMSE-Commerce
4.6.3.14. Paging Settings
Digunakan untuk pengaturan semuapaging yang ada pada CMSE-Commerce.
4.6.3.15. Comment Settings
Digunakan sebagai fasilitas sensor terhadap semua komentar yang menggunakan kata – kata jelek dengan dirubahnya kata tersebut kedalam kata lain.
Gambar 4.63 :Comment SettingsPengelola CMSE-Commerce
4.6.3.16. Mobile Site
Digunakan sebagai pengaturan mobile detect yang dapat mendeteksi secara otomatis perangkat ponsel, sehingga dapat dialihkan secara langsung ke halaman mobile site para pengunjung yang menggunakan browser ponsel.
4.6.3.17. Bantuan
Mengelola halaman statis yang berisi tentang bantuan / FAQ.
Gambar 4.65 : Bantuan Pengelola CMSE-Commerce