BAB IV PERANCANGAN SISTEM

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 ecommerce 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 nama

Char (5) Varchar (50)

Primary key

username

Varchar (15)

password

Varchar (10)

alamat

Text

email

Varchar (50)

hp_telp

Varchar (13)

aksi

Enum(‘Aktifkan’, ‘Blokir’)

91 http://digilib.mercubuana.ac.id/

92

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

http://digilib.mercubuana.ac.id/

93

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,

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)


nama_produk,

94

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)

alamat_tujuan

(50)Varchar(50) Text

jasa_pengiriman

Varchar (10)

harga_pengiriman

Int(5)

total_sub_harga

Int(5)


95

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,

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


nama,

96

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


97

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


98

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


99

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

isi_syarat

text


100

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


101

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


102

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)


103

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.


104

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 logout.


105

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.


106

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.


107

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.


108

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..


109

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.


110

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.


111

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.


112

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.


113

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.


114

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.


115

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.


116

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.


117

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.


118

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


119

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.


120

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.


121

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.


122

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..


123

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.


124

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.


125

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.


126

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.


127

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.


128

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.


129

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.


130

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.


131

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.


132

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.


133

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 .


134

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.


135

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 admin dapat melihat waktu serta tanggal login.


136

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.


137

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.


138

4.3.33 Desain Halaman Penjualan

Administrator Home

Penjualan

Kategori Produk Produk Penjualan Pengiriman

No Transaksi

User

Tgl. Penjualan

Status

Aksi

xxx

...

...

Baru

Detail

xxx

...

...

Lunas

Detail

...

...

Baru

Detail

xxx

Berita Event Tutorial Cara Pemesanan Cara Pembayaran Syarat & Ketentuan Kerjasama

Kontak Profile Web Laporn Ganti Password Logout

Login : hari, tgl/bln/thn | x:yy PM/AM Copyright @2016 Seni-kreatif Team.

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.


139

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..


140

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


141

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.


142

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.


143

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.


144

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.


145

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.


146

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.


147

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.


148

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.


149

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.


150

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.


151

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.


152

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.


153

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.


154

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.


BAB IV PERANCANGAN SISTEM

Recommend Documents