• Tidak ada hasil yang ditemukan

BAB IV PERANCANGAN SISTEM

N/A
N/A
Protected

Academic year: 2021

Membagikan "BAB IV PERANCANGAN SISTEM"

Copied!
64
0
0

Teks penuh

(1)

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)

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

(3)

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)

(4)

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)

(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

(6)

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

(7)

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

(8)

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

(9)

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

(10)

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

(11)

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

(12)

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)

(13)

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.

(14)

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

(15)

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.

(16)

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.

(17)

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.

(18)

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

(19)

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.

(20)

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.

(21)

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.

(22)

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.

(23)

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.

(24)

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.

(25)

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.

(26)

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.

(27)

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.

(28)

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

(29)

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.

(30)

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.

(31)

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.

(32)

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

(33)

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.

(34)

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.

(35)

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.

(36)

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.

(37)

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.

(38)

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.

(39)

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.

(40)

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.

(41)

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.

(42)

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.

(43)

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 .

(44)

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.

(45)

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

(46)

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.

(47)

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.

(48)

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.

(49)

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

(50)

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

(51)

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.

(52)

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.

(53)

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.

(54)

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.

(55)

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.

(56)

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.

(57)

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.

(58)

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.

(59)

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.

(60)

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.

(61)

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.

(62)

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.

(63)

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.

(64)

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.

Gambar

Tabel  ini  digunakan  untuk  menyimpan  data  cara  pemesanan.  Tabel  ini  terdiri  dari  no_cara_pemesanan, id_admin, isi_cara_pemesanan
Tabel 4.17  tabel kerjasama
Tabel 4.20  tabel pengiriman
Gambar 4.1  Struktur Navigasi Menu User
+7

Referensi

Dokumen terkait

(4) Inspektorat sebagaimana dimaksud pada ayat (1) mempunyai tugas membantu Bupati dalam membina dan mengawasi pelaksanaan urusan pemerintahan yang menjadi kewenangan

memiliki budaya sekolah yang bersih, bebas asap rokok, bebas kekerasan, narkotika, dan rindang mempunyai andil keberhasilan menanamkan QLODL nilai karakter bangsa pada

Jadual 38 Ujian Post Hoc HSD Tahap Kompetensi Pegawai Polis mengikut.. Kedudukan

Muhammad Sholeh dalam Pendidikan Agama Masyarakat Dalam kehidupan manusia, agama merupakan hal yang

diperlukan teknologi yang dapat menghadapi per- masalahan serius cekaman lingkungan seperti kadar garam tinggi. Hambatan pertumbuhan di lahan tersebut meningkat pada

Tabel tersebut menjelaskan bahwa cerita rakyat Timun Mas yang ada dalam iklan Marjan mengalami dekonstruksi cerita, khususnya pengembangan dari segi penokohan dan

Perbedaannya adalah instrumen baru akan dikembangkan berdasarkan standar kompetensi yang sesuai dengan pendidikan dokter spesialis kulit dan kelamin yang mengacu