• Tidak ada hasil yang ditemukan

Gambar 4.18 Desain Halaman Kontak Kami

Dalam dokumen BAB IV PERANCANGAN SISTEM (Halaman 29-64)

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

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

Dalam dokumen BAB IV PERANCANGAN SISTEM (Halaman 29-64)

Dokumen terkait