BAB IV
PERANCANGAN SISTEM
4.1 Perancangan Basis Data
Tujuan dari perancangan database ini adalah untuk mengetahui serta untuk dapat memahami permasalahn dari rancangan yang akan diciptakan. dari hasil perancangan yang telah dilakukan, diharapakan dapat menjadi masukan untuk dilanjutkan ke tahap selanjutnya. Pada bagian ini akan dijelaskan secara rincian perancangan database.
Spesifikasi Basis Data
Berikut ini adalah struktur-struktur tabel yang digunakan dalam perancangan e-commerce seni dan kreatif ::
1. Tabel User
Tabel ini digunakan untuk menyimpan data user yang melakukan pemesanan. Table ini terdiri dari nama, username, password, alamat, dan email.
Nama table : tbl_user Primary Key : id_user
Tabel 4.1 Tabel user
Field Type Key
id_user Char (5) Primary key
nama Varchar (50) username Varchar (15) password Varchar (10) alamat Text email Varchar (50) hp_telp Varchar (13)
2. Tabel produk
Tabel ini digunakan untuk menyimpan data produk. Tabel ini terdiri dari kd_produk , kd_kategori, nama_kategori, nama_produk, keterangan, gambar, harga.
Nama table : tbl_produk Primary Key : kd_produk
Tabel 4.2 tabel produk
Field Type Key
kd_produk Char (5) Primary key
kd_kategori Char (5) Foreign key
jenis_kategori Varchar (20) jenis_produk Varchar (20) nama_produk Varchar (20) berat Decimal(5,2) lebar Varchar(10) tinggi Varchar(10) dilihat Int(5) deskripsi text stock Int(5) harga_produk Int(10) foto_produk Varchar(50)
aksi Enum(‘Disetujui’, ‘Setujui’) 3. Tabel kategori
Tabel ini digunakan untuk menyimpan data kategori. Tabel ini terdiri dari kd_kategori, nama_kategori..
Nama table : tbl_kategori Primary Key : kd_kategori
Tabel 4.3 tabel kategori
Field Type Key
kd_kategori Char (5) Primary key jenis_kategori Varchar (20)
4. Tabel keranjang belanja
Tabel ini digunakan untuk menyimpan data keranjang belanja. Tabel ini terdiri dari no_keranjang, id_user, kd_kategori, kd_produk, nama_kategori, nama_produk, harga_produk, jumlah_produk, total_harga, total_sub_harga, foto_produk.
Nama tabel : tbl_keranjang Primary Key : no_keranjang
Tabel 4.4 tabel keranjang belanja
Field Type Key
no_keranjang Char (5) Primary key id_user Char (5) Foreign key kd_kategori Char (5) Foreign key kd_produk Char (5) Foreign key jenis_kategori Varchar (20) nama_produk Varchar (20) harga_produk Int(10) jumlah_produk Int(5) total_harga Int(10) total_sub_harga Int(10) foto_produk Varchar(50)
5. Tabel admin
Tabel ini digunakan untuk menyimpan data admin. Tabel ini terdiri dari id_admin, nama, username, password..
Nama table : tbl_admin Primary Key : id_admin
Tabel 4.5 tabel admin
Field Type Key
id_admin Char (5) Primary key nama Varchar (50)
username Varchar (15) password Varchar (10)
6. Tabel pembelian
Tabel ini digunakan untuk menyimpan data pembelian. Tabel ini terdiri dari no_pembelian, no_keranjang, id_user, nama, alamat, pengiriman, harga_pengiriman, total_sub_harga, biaya_kirim, total_keseluruhan, metode_pembayaran.
Nama table : tbl_pembelian Primary Key : no_pembelian
Tabel 4.6 tabel pembelian
Field Type Key
no_pembelian Char(5) Primary key no_keranjang Char (5) Foreign key id_user Char (5) Foreign key
nama Varchar(50) (50)Varchar(50) alamat_tujuan Text jasa_pengiriman Varchar (10) harga_pengiriman Int(5) total_sub_harga Int(5)
biaya_kirim Int(5) total_keseluruhan Int(5) metode_pembayaran Varchar (10)
7. Tabel owner
Tabel ini digunakan untuk menyimpan data owner. Tabel ini terdiri dari id_owner, nama, username, password.
Nama tabel : tbl_owner Primary Key : id_owner
Tabel 4.7 tabel owner
Field Type Key
id_owner Char (5) Primary key nama Varchar (50)
username Varchar (15) password Varchar (10)
8. Tabel konfirmasi pembayaran
Tabel ini digunakan untuk menyimpan data konfirmasi pembayaran. Tabel ini terdiri dari no_konfirmasi, no_transaksi, tgl_pembayaran, total_keseluruhan, nama, metode_pembayaran, bank_tujuan, jml_pembayaran.
Nama tabel : tbl_konfirmasi Primary Key : no_konfirmasi
Tabel 4.8 tabel konfirmasi pembayaran
Field Type Key
no_konfirmasi Char (5) Primary key no_transaksi Char (5) Foreign key
tgl_pembayaran Date total_keseluruhan Int(5) nama Varchar (15) metode_pembayaran Varchar (10) bank_tujuan Varchar (15) jml_pembayaran Int(5)
9. Tabel Transaksi transfer
Tabel ini digunakan untuk menyimpan data transaki transfer. Tabel ini terdiri dari no_transaksi, no_pembelian, tgl_transaksi, tgl_hrs_transfer, total_keseluruhan.
Nama tabel : tbl_transaksi_transfer Primary Key : no_transaksi
Tabel 4.9 tabel transaksi transfer
Field Type Key
no_transaksi Char (5) Primary key no_pembelian Char(5) Foreign key
tgl_transaksi Date
tgl_hrs_transfer Date total_keseluruhan Int(5)
10.Tabel Berita
Tabel ini digunakan untuk menyimpan data berita. Tabel ini terdiri dari no_berita, id_admin, judul_berita, isi_berita, gambar_berita.
Nama tabel : tbl_berita Primary Key : no_berita
Tabel 4.10 tabel berita
Field Type Key
no_berita Char (5) Primary key
id_admin Char(5) Foreign key
judul_berita Varchar (50)
isi_berita text
gambar_berita Varchar (50)
11.Tabel Event
Tabel ini digunakan untuk menyimpan data event. Tabel ini terdiri dari no_event, id_admin, judul_event, isi_event, gambar_event.
Nama tabel : tbl_event Primary Key : no_event
Tabel 4.11 tabel event
Field Type Key
no_event Char (5) Primary key
id_admin Char(5) Foreign key
judul_event Varchar (50)
isi_event text
gambar_event Varchar (50)
12.Tabel Tutorial
Tabel ini digunakan untuk menyimpan data tutorial. Tabel ini terdiri dari no_tutorial, id_admin, judul_tutorial, isi_tutorial, gambar_tutorial.
Nama table : tbl_tutorial Primary Key : no_tutorial
Tabel 4.12 tabel tutorial
Field Type Key
no_tutorial Char (6) Primary key
id_admin Char(5) Foreign key
judul_tutorial Varchar (50)
isi_tutorial text
gambar_tutorial Varchar (50)
13.Tabel Profile Web
Tabel ini digunakan untuk menyimpan data profile web. Tabel ini terdiri dari no_profile_web, id_admin, isi_profile_web, gambar_profile_web.
Nama tabel : tbl_profile_web Primary Key : no_profile_web
Tabel 4.13 tabel profile web
Field Type Key
no_profile_web Char(6) Primary key
id_admin Char(5) Foreign key
isi_profile_web text gambar_profile_web Varchar (50)
14.Tabel Cara Pembayaran
Tabel ini digunakan untuk menyimpan data cara pembayaran. Tabel ini terdiri dari no_cara_pembayaran, id_admin, isi_cara_pembayaran.
Nama table : tbl_cara_pembayaran Primary Key : no_cara_pembayaran
Tabel 4.14 tabel cara pembayaran
Field Type Key
no_cara_pembayaran Char (6) Primary key
id_admin Char(5) Foreign key
isi_cara_pembayaran text
15.Tabel Cara Pemesanan
Tabel ini digunakan untuk menyimpan data cara pemesanan. Tabel ini terdiri dari no_cara_pemesanan, id_admin, isi_cara_pemesanan.
Nama table : tbl_cara_pemesanan Primary Key : no_cara_pemesanan
Tabel 4.15 tabel cara pemesanan
Field Type Key
no_cara_pemesanann Char(7) Primary key
id_admin Char(5) Foreign key
isi_cara_pemesanan text
16.Tabel Syarat Dan Ketentuan
Tabel ini digunakan untuk menyimpan data syarat dan ketentuan. Tabel ini terdiri dari no_syarat, id_admin, isi_syarat.
Nama table : tbl_syarat Primary Key : no_syarat
Tabel 4.16 tabel syarat dan ketentuan
Field Type Key
no_syarat Char(5) Primary key
id_admin Char (5) Foreign key
17.Tabel Kerjasama
Tabel ini digunakan untuk menyimpan data kerjasama. Tabel ini terdiri dari no_kerjasama, id_admin, isi_kerjasama.
Nama table : tbl_kerjasama Primary Key : no_kerjasama
Tabel 4.17 tabel kerjasama
Field Type Key
no_kerjasama Char(6) Primary key
id_admin Char(5) Foreign key
isi_kerjasama text
18.Tabel Kontak
Tabel ini digunakan untuk menyimpan data kontak. Tabel ini terdiri dari no_kontak, id_admin, isi_kontak.
Nama table : tbl_kontak Primary Key : no_kontak
Tabel 4.18 tabel kontak
Field Type Key
no_kontak Char (6) Primary key
id_admin Char (5) Foreign key
isi_kontak text
19.Tabel Dilihat
Tabel ini digunakan untuk menyimpan data dilihat. Tabel ini terdiri dari no_dilihat, id_user, jml_lihat.
Nama table : tbl_dilihat Primary Key : no_dilihat
Tabel 4.19 tabel dilihat
Field Type Key
no_dilihat Int (5) Primary key
id_user Char(5) Foreign key
jml_lihat Int(5)
20.Tabel Pengiriman
Tabel ini digunakan untuk menyimpan data pengiriman. Tabel ini terdiri dari no_pengirman, jasa_pengiriman, harga_pengiriman.
Nama table : tbl_pengiriman Primary Key : no_pengiriman
Tabel 4.20 tabel pengiriman
Field Type Key
no_pengiriman Char(6) Primary key jasa_pengiriman Varchar(15)
harga_pengiriman Int(5)
22.Tabel Penjualan
Tabel ini digunakan untuk menyimpan data penjualan. Tabel ini terdiri dari no_penjualan, no_pembelian, no_transaksi, id_user, nama, tgl_penjualan, status.
Nama table : tbl_penjualan Primary Key : no_penjualan
Tabel 4.21 tabel penjualan
Field Type Key
no_penjualan Char(6) Primary key no_pembelian Char(5) Foreign key
no_transaksi Char(5) Foreign key
id_user Char(5) Foreign key
nama Varchar(50)
tgl_penjualan Date
status Varchar(10)
23.Tabel Laporan
Tabel ini digunakan untuk menyimpan data laporan. Tabel ini terdiri dari no_laporan, no_transaksi, no_keranjang, no_pembelian, id_user, kd_produk, nama, tgl_transaksi, nama_produk, harga_produk, jumlah_produk, total_sub_harga, total_laporan.
Nama table : tbl_laporan Primary Key : no_laporan
Tabel 4.22 tabel laporan
Field Type Key
no_laporan Char(6) Primary Key no_transaksi Char(5) Foreign Key no_keranjang Char (5) Foreign Key no_pembelian Char (5) Foreign Key
id_user Char(5) Foreign Key
kd_produk Char(5) Foreign Key
nama Varchar(15) tgl_transaksi Date nama_produk Varchar(20) harga_produk Int(5) jumlah_produk Int(5) total_sub_harga Int(5) total_laporan Int(5)
4.2 Perancangan Struktur Navigasi Menu
Struktur navigasi menu dirancang sesuai dengan level pengguna sistem.Terdapat tiga pengguna rancangan ini yaitu user, admin dan owner.
4.2.1 Struktur Navigasi Menu User
Gambar 4.1 Struktur Navigasi Menu User
Setelah user melakukan login maka user akan diarahkan ke halaman utama setelah login yang bisa memilih menu upload produk, kelola produk jual, edit profile serta ubah password. Menu tersebut diberikan apabila user telah melakukan login, serta apabila ingin membeli produk maka pengunjung harus melakukan daftar terlebih dahulu agar pemesanan produk yang ingin dibeli bisa diproses.
4.2.2 Struktur Navigasi Menu Admin
Gambar 4.2 Struktur Navigasi Menu Admin
Setelah admin melakuka login mana admin akan diarahkan ke halaman utama admin, terdapat berbagai macam menu pengelolaan website yang berhubungan dengan pengelolaan dan pembaruan isi konten dan data kategori, produk, serta user.
4.2.3 Struktur Navigasi Menu Owner
Gambar 4.3 Struktur Navigasi Menu Owner
Setelah melakukan login, owner bisa memilih beberapa menu yaitu laporan dan ganti password serta melakukan
4.3 Perancangan Antar Muka
Pada bagian ini penulis akan menggambarkan rancangan antar muka dimana rancangan antar muka ini dibuat agar pengguna dapat dengan mudah mengerti cara memahami rancangan ini atau dengan kata lain rancangan antar muka ini dibuat friendly bagi pengguna.
- User
4.3.1 Desain Halaman Utama
Berikut adalah gambar tampilan awal antar muka dari aplikasi e-commerce benda seni & kreatif. Rancangan halaman awal antar muka halaman utama terdiri dari menu bar, keranjang belanja, daftar , login, cari produk, gambar produk, poster, cara pemesanan, berita, event, dan tutorial.
Gambar 4.4 Desain Halaman Utama
Halaman utama ini muncul apabila calon pengunjung membuka alamat url website
pada browser.
4.3.2 Desain Halaman Masuk/Login
Gambar 4.5 Desain Halaman Masuk/Login
Halaman Masuk/Login akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih pilihan masuk pada bagian atas halaman utama. Apabila sudah terdaftar sebagai user maka pengunjung bisa memasukan email serta password untuk masuk menjadi user.
4.3.3 Desain Halaman Daftar
Gambar 4.6 Desain Halaman Daftar
Halaman Daftar akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih pilihan daftar pada bagian atas halaman utama. Apabila ingin mendaftar sebagai user maka pengunjung wajib mengisi data pendaftaran akun baru setelah itu pengunjung baru bisa melakukan login.
4.3.4 Desain Halaman Cara Pemesanan
Gambar 4.7 Desain Halaman Cara Pemesanan
Halaman Cara Pemesanan akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu cara pemesanan pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi cara pemesanan pada webstie..
4.3.5 Desain Halaman Berita
Gambar 4.8 Desain Halaman Berita
Halaman Berita akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu berita pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi berita-berita benda seni dan kreatif pada webstie.
4.3.6 Desain Halaman Event
Gambar 4.9 Desain Halaman Event
Halaman Event akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu event pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi event-event benda seni dan kreatif pada webstie.
4.3.7 Desain Halaman Tutorial Kerajinan
Gambar 4.10 Desain Halaman Tutorial
Halaman Tutorial akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu tutorial pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi tutorial benda seni dan kreatif pada webstie.
4.3.8 Desain Halaman Kategori Buku
Gambar 4.11 Desain Halaman Kategori Buku
Halaman Kategori Buku akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu bukul pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi dan produk dari kategori buku serta mencari produk berdasarkan pencaharian harga.
4.3.9 Desain Halaman Kategori Hobi & Koleksi
Gambar 4.12 Desain Halaman Kategori Hobi & Koleksi
Halaman Hobi & Koleksi akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu hobi & koleksi pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi dan produk dari kategori hobi & koleksi serta mencari produk berdasarkan pencaharian harga.
4.3.10 Desain Halaman Inovasi
Gambar 4.13 Desain Halaman Kategori Inovasi
Halaman Inovasi akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu inovasi pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi dan produk dari kategori inovasi serta mencari produk berdasarkan pencaharian harga.
4.3.11 Desain Halaman Kategori Kerajinan
Gambar 4.14 Desain Halaman Kategori Kerajinan
Halaman Kerajinan akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu kerajinan pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi dan produk dari kategori kerajinan serta mencari produk berdasarkan pencaharian harga.
4.3.12 Desain Halaman Kategori Seni
Gambar 4.15 Desain Halaman Kategori Seni
Halaman Seni akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu seni pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi dan produk dari kategori seni serta mencari produk berdasarkan pencaharian harga.
4.3.12 Desain Halaman Kategori Vintage
Gambar 4.16 Desain Halaman Kategori Vintage
Halaman Vintage akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu vintage pada bagian menu bar halaman utama. Di halaman ini pengunjung bisa melihat informasi dan produk dari kategori vintage serta mencari produk berdasarkan pencaharian harga.
4.3.13 Desain Halaman Profile Kami
Gambar 4.17 Desain Halaman Profile Kami
Halaman Profile Kami akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih profile kami pada bagian bawah halaman utama. Di halaman ini pengunjung bisa melihat informasi profile website serta gambar logo website
4..3.14 Desain Halaman Kontak Kami
Gambar 4.18 Desain Halaman Kontak Kami
Halaman Kontak Kami akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih kontak kami pada bagian bawah halaman utama. Di halaman ini pengunjung bisa melihat informasi alamat serta nomor pos juga alamat lokasi serta peta map.
4.3.15 Desain Halaman Kerjasama Produk
Gambar 4.19 Desain Halaman Kerjasama Produk
Halaman Kerjasama Produk akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih kerjasama produk pada bagian bawah halaman utama. Di halaman ini pengunjung bisa melihat informasi email dan nomor whatsapp sebagai informasi apabila ingin menjalin kerjasama.
4..3.16 Desain Halaman Cara Pembayaran
Gambar 4.20 Desain Halaman Cara Pembayaran
Halaman Cara Pembayaran akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih cara pembayaran pada bagian bawah halaman utama. Di halaman ini pengunjung bisa melihat informasi tentang pembayaran melakukan transfer serta nomor rekening bank untuk melakukan pembayaran.
4.3.17 Desain Halaman Syarat dan Ketentuan
Gambar 4.21 Desain Halaman Syarat dan Ketentuan
Halaman Syarat dan Ketentuan akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih menu syarat dan ketenutan pada bagian bawah halaman utama. Di halaman ini pengunjung bisa melihat informasi tentang syarat dan ketentuan yang digunakan pada webstie..
4.3.18 Desain Halaman Lupa Password
Gambar 4.22 Desain Halaman Lupa Password
Halaman Lupa Password akan muncul apabila pengunjung telah membuka halaman utama website kemudian memilih pilihan lupa password pada bagian bawah halaman utama. Apabila user lupa password bisa memulihkan password-nya dengan memasukan email yang dimiliki dan nantinya akan dihubungi melalu email untuk lebih lanjutnya.
4.3.19 Desain Halaman Detail Produk
Gambar 4.23 Desain Halaman Detail Produk
Halaman Detail Produk akan muncul apabila pengunjung telah membuka halaman utama website kemudian mengklik produk pada kotak daftar produk halaman utama. Di halaman ini pengunjung bisa melihat informasi detail dari produk.
4.3.20 Desain Halaman Keranjang Belanja Detail
Gambar 4.24 Desain Halaman Keranjang Belanja Detail
Halaman Keranjang Belanja akan muncul apabila pengunjung telah membuka halaman utama website kemudian mengklik produk pada kotak daftar produk halaman utama. Setelah itu pengunjung bisa memilih untuk membeli produk dan akan tercatat pada keranjang belanjaan berdasarkan produk yang dibeli. Dihalaman ini pengunjung dapat melihat produk yang telah dibeli, harga produk, jumlah produk beli serta total harga dan total sub belanja.
4.3.21 Desain Halaman Isi Data Pembelian
Gambar 4.25 Desain Halaman Isi Data Pembelian
Halaman Isi Data Pembelian akan muncul apabila pengunjung telah melakukan login untuk melanjutkan proses pembelian. Disini user bisa menentukan alamat,jenis dan pengiriman.
4.3.22 Desain Halaman Pemberitahuan Pembayaran Via Transfer
Gambar 4.26 Desain Halaman Pemberitahuan Pembayaran Via Transfer
Halaman Pemberitahuan pembayaran akan muncul apabila pengunjung telah melakukan login untuk melanjutkan proses pembelian. Disini user mendapatkan pemberitahuan berapa jumlah yang harus dibayarankan, bank tujuan transfer, serta batas waktu untuk melakukan pembayaran transfer bank.
4.3.23 Desain Halaman Konfirmasi Pembayaran
Gambar 4.27 Desain Halaman Konfirmasi Pembayaran
Halaman Kofirmasi pembayaran akan muncul apabila user telah membuka halaman utama website kemudian memilih menu konfirmasi pada bagian bawah halaman utama. Disini user bisa melakukan konfirmasi pembayaran apabila telah melakukan pembayaran transfer pada bank yang dituju yang nantinya akan dilakukan proses pengiriman barang.
4.3.24 Desain Halaman Utama Setelah Login
Gambar 4.28 Desain Halaman Utama Setelah Login
Halaman Utama user akan muncul apabila pengunjung telah melakukan login, disini user bisa memilih menu upload produk, edit profile diri, ganti password, kelola produk jual, serta isi data pembelian apabila ingin melakukan pembelian.
4.3.25 Desain Halaman Profile Data Diri
Gambar 4.29 Desain Halaman Profile Data Diri
Halaman Profile Data Diri user akan muncul apabila user telah melakukan login, disini user bisa melihat data profile serta bisa melakukan proses edit data diri apabila ada data diri yang ingin diubah.
4.3.26 Desain Halaman Upload Produk / Jual Barang
Gambar 4.30 Desain Halaman Upload Barang / Jual Barang
Halaman Upload Produk user akan muncul apabila user telah melakukan login, disini user bisa melakukan upload produk yang ingin dijual dengan mengisi data produk di halaman form upload produk yang nantinya dilanjutkan dengan menekan tombol simpan.
4.3.27 Desain Halaman Edit Produk Jual
Gambar 4.31 Desain Halaman Edit Produk Jual
Halaman Edit Produk Jual user akan muncul apabila user telah melakukan login, disini user bisa melakukan edit produk yang ingin dijual dengan mengubah data produk di halaman form edit produk jual yang nantinya dilanjutkan dengan menekan tombol simpan.
4.3.28 Desain Halaman Kelola Produk Jual
Gambar 4.32 Desain Halaman Edit Produk Jual
Halaman Kelola Produk Jual user akan muncul apabila user telah melakukan login, disini user bisa melakukan pengelolaan produk yang ingin dijual dengan mengubah data produk dan menghapus produk jual yang telah di-upload di halaman kelola produk jual. Di halaman ini user bisa melihat produk apa saja yang telah di-upload .
4.3.29 Desain Halaman Ubah Password
Gambar 4.33 Desain Halaman Ubah Password
Halaman Ubah Password user akan muncul apabila user telah melakukan login, disini user bisa melakukan ubah password apabila user telah mengisi form ubah password dengan mengisi password lama dan password baru. Apabila data password benar maka user bisa melakukan ubah password dengan mengklik tombol ubah.
Admin
4.3.30 Desain Halaman Utama Admin
Gambar 4.34 Desain Halaman Utama Admin
Halaman Utama Admin akan muncul apabila admin telah melakukan login, disini admin bisa memilih menu pengelolaan isi konten website seperti kategori, produk, penjualan, pengiriman, berita, event, tutorial, cara pemesanan, cara pembayaran, syarat & ketentuan, kerjasama, komtak, profile web, laporan, ganti password, user, dan logout. Disini juga
4.3.31 Desain Halaman Kategori Produk
Gambar 4.35 Desain Halaman Kategori Produk
Halaman Kategori Produk akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap jenis kategori website seperti edit, hapus , dan tambah.
4.3.32 Desain Halaman Produk
Gambar 4.36 Desain Halaman Produk
Halaman Produk akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap produk yang telah di-upload seperti edit, hapus, tambah serta setujui produk sebagai validasi terhadap produk upload.
4.3.33 Desain Halaman Penjualan
Administrator
Penjualan
Login : hari, tgl/bln/thn | x:yy PM/AM
Copyright @2016 Seni-kreatif Team. Kategori Produk Produk Home Penjualan Pengiriman Berita Event Tutorial Cara Pemesanan Cara Pembayaran
Syarat & Ketentuan
Kerjasama Kontak Profile Web Laporn Ganti Password Logout
No Transaksi User Aksi
xxx ... Detail xxx ... Detail xxx ... Detail Tgl. Penjualan ... ... ... Status Baru Lunas Baru
Gambar 4.37 Desain Halaman Penjualan
Halaman Penjualan akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap penjualan produk yang telah di-upload dan telah dibeli, sampai user melakukan proses pembayaran transfer, admin akan mengubah status penjualan menjadi lunas dan akan mengirimkan barang ke alamat tujuan dari user tersebut.
4.3.34 Desain Halaman Pengiriman
Gambar 4.38 Desain Halaman Pengiriman
Halaman Pengiriman akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap nama jasa pengirim serta ongkos kirim yang ditetapkan dengan melakukan aksi seperti edit dan hapus..
4.3.35 Desain Halaman Berita
Gambar 4.39 Desain Halaman Berita
Halaman Berita akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap berita seperti tambah berita dengan mengklik tombol tambah berita, edit berita, hapus berita
4.3.36 Desain Halaman Event
Gambar 4.40 Desain Halaman Event
Halaman Event akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap event seperti tambah event dengan mengklik tombol tambah event, edit event, hapus event.
4.3.37 Desain Halaman Tutorial
Gambar 4.41 Desain Halaman Tutorial
Halaman Tutorial akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap tutorial seperti tambah tutorial dengan mengklik tombol tambah tutorial, edit tutorial, hapus tutorial.
4.3.38 Desain Halaman Cara Pemesanan
Gambar 4.42 Desain Halaman Cara Pemesanan
Halaman Cara Pemesanan akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap cara pemesanan seperti melakukan update terhadap text konten dengan mengklik tombol update apabila sudah selesai.
4.3.39 Halaman Cara Pembayaran
Gambar 4.43 Desain Halaman Cara Pembayaran
Halaman Cara Pembayaran akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap cara pembayaran seperti melakukan update terhadap text konten dengan mengklik tombol update apabila sudah selesai.
4.3.40 Desain Halaman Syarat & Ketentuan
Gambar 4.44 Desain Halaman Syarat & Ketentuan
Halaman Syarat & Ketentuan akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap syarat & ketentuan seperti melakukan update terhadap text konten dengan mengklik tombol update apabila sudah selesai.
4.3.41 Desain Halaman Kerjasama
Gambar 4.45 Desain Halaman Kerjasama
Halaman Kerjasama akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap kerjasama seperti melakukan update terhadap text konten dengan mengklik tombol update apabila sudah selesai.
4.3.42 Desain Halaman Kontak
Gambar 4.46 Desain Halaman Kontak
Halaman Kontak akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap kontak seperti melakukan update terhadap text konten dengan mengklik tombol update apabila sudah selesai.
4.3.43 Desain Halaman Profile Web
Gambar 4.47 Desain Halaman Profile Web
Halaman Profile Web akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap profile web seperti melakukan update terhadap text konten dengan mengklik tombol update apabila sudah selesai serta melakukan update terhadap gambar logo pada profile web dengan menekan tombol browse.
4.3.44 Desain Halaman Laporan
Gambar 4.48 Desain Halaman Laporan
Halaman Laporan akan muncul apabila admin telah melakukan login, disini admin bisa melakukan proses terhadap laporan dengan memilih tanggal, bulan, dan tahun yang ingin diinginkan kemudian admin bisa menekan tombol proses untuk melihat laporan tersebut. Jika admin hanya ingin melihat laporan hari ini, admin bisa menekan tombol laporan hari ini pada bagian atas.
4.3.45 Desain Halaman Ganti Password
Gambar 4.49 Desain Halaman Ganti Password
Halaman Ganti Password admin akan muncul apabila admin telah melakukan login, disini admin bisa melakukan ganti password apabila admin telah mengisi form ganti password dengan mengisi password lama dan password baru. Apabila data password benar maka admin bisa melakukan ganti password dengan mengklik tombol proses.
4.3.46 Desain Halaman Crud User
Gambar 4.50 Desain Halaman Crud User
Halaman User akan muncul apabila admin telah melakukan login, disini admin bisa melakukan pengelolaan terhadap user seperti melakukan edit user, hapus user, serta melakukan pengaktifan user atau melakukan blokir user.
Owner
4.3.47 Desain Halaman Utama Owner
Gambar 4.51 Desain Halaman Utama Owner
Halaman Utama Owner akan muncul apabila owner telah melakukan login, disini owner bisa memilih beberapa menu seperti laporan dan ganti password.
4.3.48 Desain Halaman Laporan Owner
Gambar 4.52 Desain Halaman Laporan Owner
Halaman Laporan akan muncul apabila owner telah melakukan login, disini owner bisa melakukan proses terhadap laporan dengan memilih bulan, dan tahun yang ingin diinginkan kemudian owner bisa menekan tombol proses untuk melihat laporan tersebut. Jika owner hanya ingin melihat laporan bulan ini, owner bisa langsung menekan tombol laporan bulan ini pada bagian atas.
4.3.49 Desain Halaman Ganti Password Owner
Gambar 4.53 Desain Halaman Ganti Password
Halaman Ganti Password owner akan muncul apabila owner telah melakukan login, disini owner bisa melakukan ganti password apabila owner telah mengisi form ganti password dengan mengisi password lama dan password baru. Apabila data password benar maka owner bisa melakukan ganti password dengan mengklik tombol proses.
