commit to user
25. Mobile Site 26. Manajemen Laporan
Pihak pengelola dapat mencetak laporan atas penjualan toko mereka. Terdapat dua jenis laporan yaitu laporan total yang mencetak semua
transaksi lengkap dengan kalkulasi delivery dan shipping, kemudian laporan jenis kedua yaitu laoran penjulan produk yang hanya
menampilkan biaya penjualan produk tanpa biaya lainnya 27. Pencetakan PDF Report
28. Manajemen Payment Pihak pengelola dapat menyimpan data – data pembayaran meliputi
daftar bank, daftar rekening, ongkos kirim delivery dan durasi shipping. 29. Manajemen Pengguna
30. Manajemen Settings Pihak pengelola dapat melakukan pengaturan atas toko online meliputi
nama toko, deskripsi, facebok, twitter, upload, pagging, comment, logo toko, widget dan mobilesite.
31. Statistik Menampilkan statistik terhadap item – item
yang terdapat di toko tersebut.
32. Kontak Kami 33. Bantuan
4.3. Hak Akses CMS E-Commerce
Pengelolaan hak akses terbagi atas lima aktor yang ikut serta dalam sistem CMS E-Commerce ini, yaitu PengunjungVisitor, User, Staff, Admin
dan SuperAdmin. Daftar hak akses terhadap kelima aktor terdiri atas :
commit to user
Tabel 4.1 Daftar Hak Akses CMS E-Commerce
No Akses
Visitor User
Staff Admin
Super Admin
1 Melihat Produk
9 9
9 9
9
2 Melihat News
9 9
9 9
9
3 Melihat Kategori
9 9
9 9
9
4 Melihat Tag
9 9
9 9
9
5 Mengirim Komentar
9 9
9 9
9
6 Melakuakan Rating
9 9
9 9
9
7 Login
9 9
9 9
8 Signup
9 9
9 9
9
9 Recovery Pasword
9 9
9 9
10 Pencarian AllinOne
9 9
9 9
9
11 Shopping Cart
9 9
9 9
12 My-Order
9 9
9 9
13 Message
9 9
9 9
14 Konfirmasi Komplain
9 9
9 9
15 Edit Profil
9 9
9 9
16 Manajemen Kategori
9 9
9
17 Manajemen Tag
9 9
9
18 Manajemen News
9 9
9
19 Manajemen Produk
9 9
9
20 Manajemen Konfirmasi
Komplain
9 9
9
21 Manajamen Komentar
9 9
9
22 Manajamen Order
9 9
9
23 Manajemen Laporan
9 9
24 Manajemen User
9 9
9
25 Manajemen Staff
9 9
26 Manajemen Admin
9 9
27 Manajemen SuperAdmin
9
28 Manajemen Payment
9 9
29 Manajemen AboutUs
9 9
30 Manajemen Settings
9
commit to user
48
4.4. Site Map
Site Map adalah p eta situs yang menjelaskan struktur dari menu yang ada dalam sistem. Site Map CMS E-Commerce dapat d igambarkan seb agai
berikut :
Gambar 4.3 : Site Map Halaman Depan CMS E-Commerce
Gambar 4.4 : Site Map Halaman PengelolaCMS E-Co mmerce
SYSTEM CMS E- COMMERCE
Home Login Page
Shopping Cart Profile
Message My-Order
Produk News
Bantuan FAQ
Kontak Pencarian
SYSTEM CMS E-COMMERCE Home
Navigasi Dashboard
News Produk
Kategori Tag
Komentar CC
Order Laporan
User Payment
Bank Rekening
Delivery Shipping
Settings General
Themes Upload
Paging Comment
Mobile AboutUs
Bantuan Suarat
Ketentuan Kotak Kami
Statistik
commit to user
49
4.5. Desain Tampilan 4.5.1.
Layout Halaman Depan
Gambar 4.5 : Layout Halaman Depan CMS E-Commerce
4.5.2. Layout Halaman Mobile
Gambar 4.6 : Layout Halaman Mobile CMS E-Commerce
PAGE H E A D E R
FOOTER PAGE
H E A D E R
FOOTER WIDGET
LEFT WIDGET
RIGHT CONTENT
MENU
CONTENT MENU
commit to user
4.5.3. Layout Halaman Pengelola
Gambar 4.7 : Layout Halaman PengelolaCMS E-Commerce
PAGE H E A D E R
PROFILE
FOOTER NAVIGASI
CONTENT MENU
commit to user
4.6. Implementasi Sistem 4.6.1. Homepage
4.6.1.1. Halaman Home
Halaman depan Home CMS E-Commerce sebagai antarmuka paling awal yang menampilkan cuplikan What’s New
produk terbaru, news terbaru, komentar terbaru, dll terhadap semua konten – konten yang terdapat didalamnya.
Gambar 4.8 : Halaman Depan CMS E-Commerce
commit to user
4.6.1.2. Halaman Lihat Produk
Pada halaman lihat produk ditampilkan daftar semua produk – produk yang terdapat dalam CMS E-Commerce. Dilengkapi
dengan daftar kategori, tag, tanggal masuk, stok, review, komentar, harga dan tentunya foto produk yang dapat dizoom dengan sekali
click.
Gambar 4.9 : Halaman Lihat Produk CMS E-Commerce
commit to user
4.6.1.3. Halaman Detail Produk
Pada detail produk menampilkan spesifikasi produk yang dipilih dengan menyebutkan nama produk, kategori, deskripsi,
tanggal masuk, stok, rating, terjual, berat, komentar, produk terkatit serta fasilitas berbagi link ke situs jejaring sosial seperti Facebook,
Twitter, dll.
Gambar 4.10 : Halaman Detail Produk CMS E-Commerce
commit to user
4.6.1.4. Halaman Lihat News
Selain menampilkan produk – produk CMS E-Commerce ini juga dapat menampilkan News yang berguna sebagai sarana
informasi layaknya sebuah blog, sehingga dapat meningkatkan interaksi dari pihak pemilik toko dengan para pengunjung web.
Gambar 4.11 : Halaman Lihat News CMS E-Commerce
commit to user
4.6.1.5. Halaman Detail News
Setiap news dapat dilihat detainya dan akan ditampilkan keseluruhan isi dari news tersebut, kategori news, tanggal posting,
pengguna yang memposting, tag serta dibawahnya terdapat form komentar, news terkait dan berbagi link ke jejaring sosial.
Gambar 4.12 : Halaman Detail News CMS E-Commerce
commit to user
4.6.1.6. Menubar
Menubar adalah sebuah tombol yang berguna untuk berpindah tempat dari halaman satu ke yang lainnya. Terdapat
perbedaan pada tampilan menubar ketia belum login dan sudah login yaitu ditambahkannya menu Shooping Cart pada user yang sudah
login.
Gambar 4.13 : Menubar Sebelum Login CMS E-Commerce
Gambar 4.14 : Menubar Sesudah Login CMS E-Commerce
4.6.1.7. Tampilan Form Pencarian AllinOne
Salah satu fitur unggulan dalam CMS E-Commerce ini adalah terdapatnya form pencarian yang sangat dinamis dan cepat.
Pengunjung dimudahkan dalam pencarian produk, news, pengguna dengan tampilan AutoComplete. Dimana setiap kali pengunjung
menginputkan karakter maka secara otomatis akan muncul drop down yang berisi hasil carian yang terkait dengan dilengkapi
gambar, sehingga pengunung tidak perlu melakukan sibmit berkali – kali demi melakukan pencarian yang diinginkan.
Gambar 4.15 : Pencarian AllinOne CMS E-Commerce
commit to user
Gambar 4.16 : Hasil Pencarian AllinOne CMS E-Commerce
commit to user
4.6.1.8. Login, Forgot Password dan Signup Form
Konsep yang dibuat dalam CMS E-Commerce ini adalah hanya member yang dapat melakukan perbelanjaan disini, jadi jika
pengunjung ingin berbelanja di CMS tersebut maka harus menjadi member dengan melakuakan pendaftaran Signup. Bagi pengunjung
yang sudah menjadi member maka dapat login akun mereka pada Login Form. Pada suatu saat pengunjung lupa akan password
mereka, pengunjung dapat melakukan Recovery Password di bagian Forgot Password Form Lupa Password.
Gambar 4.17 : Tampilan Form Login CMS E-Commerce Dalam Login, Forgot Password dan Signup Form terdapat
algoritma proses yang sangat rumit dan berperan penting dalam kinerja CMS E-Commerce itu sendiri. Berikut rincian penjelasan
algoritma tersebut :
a. Algoritma Login
