BAB 3 PEMBAHASAN
3.4 Rancangan Database
3.5.1 Rancangan
Admin ( Username, Password, Nama, Email, Tlp)Admin ( Username, Password, Nama, Email, Tlp)
Produk (Id Produk, Id Kategori, Nama, Stok, Tgl Masuk, Tgl Keluar,Produk (Id Produk, Id Kategori, Nama, Stok, Tgl Masuk, Tgl Keluar, Harga)
Harga)
Mengorder ( Id Order, Status Order, Tgl order, Mengorder ( Id Order, Status Order, Tgl order, Id Kustomer)Id Kustomer)
3.5
3.5 Rancangan interfaceRancangan interface
Dalam perancangan interface terdapat bagian halaman yang dibutuhkan Dalam perancangan interface terdapat bagian halaman yang dibutuhkan website
website ini. Penulis ini. Penulis membagi dua membagi dua rancangan interface, yrancangan interface, yang pertama ang pertama untuk adminuntuk admin dan satu lagi untuk user.
dan satu lagi untuk user. 3.5.1
3.5.1 Rancangan Interface AdminRancangan Interface Admin 1.
1. Index, merupakan halaman awal pada admin. Halaman ini hanya berupaIndex, merupakan halaman awal pada admin. Halaman ini hanya berupa login untuk admin.
login untuk admin. 2.
2. Profil, berisikan identitas admin dimana terdapat data data yang diisi olehProfil, berisikan identitas admin dimana terdapat data data yang diisi oleh admin. Admin bisa menampilkan hasilnya dengan memilih update, apabila admin. Admin bisa menampilkan hasilnya dengan memilih update, apabila ingin dibatalkan, admin memilih batal.
ingin dibatalkan, admin memilih batal. 3.
3. Katagori Produk, halaman ini berisi barang-barang yang di jualKatagori Produk, halaman ini berisi barang-barang yang di jual berdasarkan
berdasarkan katagori katagori yang yang diinginkan. diinginkan. Admin Admin dapat dapat membuat membuat katagori katagori iniini dengan memilih add new, isi nama katagori yang diinginkan. Kemudian dengan memilih add new, isi nama katagori yang diinginkan. Kemudian pilih simpan. Pilih batal jika tidak jadi membuat katagori ters
pilih simpan. Pilih batal jika tidak jadi membuat katagori tersebut.ebut. 4.
4. Order, Order, halaman halaman berisikan status berisikan status order. Di order. Di mana di mana di dalamnya terdapatdalamnya terdapat status order baru, batal dan lunas. Status order baru dipakai ketika ada status order baru, batal dan lunas. Status order baru dipakai ketika ada seorang pembeli baru saja melakukan proses pengorderan barang. Apabila seorang pembeli baru saja melakukan proses pengorderan barang. Apabila proses order di batalkan, maka admin d
proses order di batalkan, maka admin dapat memilih status order batal. Jikaapat memilih status order batal. Jika pembeli
pembeli telah telah selesai selesai melakukan melakukan proses proses pembayaran pembayaran secara secara lunas, lunas, makamaka admin dapat mengubah status order menjadi lunas. Dengan status order admin dapat mengubah status order menjadi lunas. Dengan status order lunas ini, otomatis dapat mengurangi stock barang yang tercatat dalam lunas ini, otomatis dapat mengurangi stock barang yang tercatat dalam pilihan produk.
5.
5. Customer, Customer, halaman ini berisi halaman ini berisi identitas pembeli yang sudah teridentitas pembeli yang sudah terdaftar dalamdaftar dalam web ini.
web ini. 6.
6. Statistik, halaman ini berisi grafik presentase penjualan.Statistik, halaman ini berisi grafik presentase penjualan. 7.
7. Logout, halaman ini berfungsi untuk kembali ke halaman indexLogout, halaman ini berfungsi untuk kembali ke halaman index
Gambar 3.4 Halaman Index Admin Gambar 3.4 Halaman Index Admin
Username, merupakan field untuk memasukan nama username yangUsername, merupakan field untuk memasukan nama username yang digunakan admin
digunakan admin
Password, merupakan field untuk memasukan passwordPassword, merupakan field untuk memasukan password
Login, suatu button untuk mengeksekusi halaman login jika admin danLogin, suatu button untuk mengeksekusi halaman login jika admin dan password sudah diisi.
Gambar 3.5 Halaman Home Gambar 3.5 Halaman Home
Profil Toko, merupakan identitas tokoProfil Toko, merupakan identitas toko
Katagori Produk, halaman ini berisi katagoriKatagori Produk, halaman ini berisi katagori – – katagori produk yang di katagori produk yang di tawarkan. Pada katagori ini, admin membagi menjadi 4 katagori, yaitu tawarkan. Pada katagori ini, admin membagi menjadi 4 katagori, yaitu Promo bulan, barang di luar katalog, barang katalog, dan limited offer.
Promo bulan, barang di luar katalog, barang katalog, dan limited offer.
Produk, halaman ini berisi nama produk, harga, tanggal masuk, jumlahProduk, halaman ini berisi nama produk, harga, tanggal masuk, jumlah barang (stok)
barang (stok)
Tanggal
Tanggal – – Selamat datang administrator …Selamat datang administrator … Emai admin | Home |Logout
Emai admin | Home |Logout Main Menu
Main Menu Selamat Datang Administrator...Selamat Datang Administrator...
Hai
Hai Administrator, Administrator, selamat selamat datang datang di di halamanhalaman
Administrator .
Administrator .
Silahkan klik menu pilihan yang berada di sebelah kiri Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola content website.
untuk mengelola content website.
Login : tanggal | jam WIB Login : tanggal | jam WIB
Informasi!!!! Informasi!!!! No
No ID & Nama Produk ID & Nama Produk Stok Stok NotificationNotification
Secondary Menu Secondary Menu Secondary Menu Secondary Menu Profil Toko Profil Toko Katagori Produk Katagori Produk Produk Produk Order Order Cara Pembelian Cara Pembelian Customer Customer Statistik Statistik Header Header Manajemen modul Manajemen modul Manajemen user Manajemen user
Order, berisi status order yang terdiri dari status order baru, batal dan lunasOrder, berisi status order yang terdiri dari status order baru, batal dan lunas
Cara pembelian, berisi langkahCara pembelian, berisi langkah – – langkah yang di lakukan dalam proses langkah yang di lakukan dalam proses pembelian barang
pembelian barang
Customer, berisi identitas pembeli yang sudah terdaftar dalam webCustomer, berisi identitas pembeli yang sudah terdaftar dalam web
Statistik, berisi grafik presentase penjualan barangStatistik, berisi grafik presentase penjualan barang
Header, untuk menginput gambar untuk memperindah tampilan webHeader, untuk menginput gambar untuk memperindah tampilan web
Manajemen modul, berisi profil toko, katagori produk, produk, order, caraManajemen modul, berisi profil toko, katagori produk, produk, order, cara pembelian, customer, statistik, header, man
pembelian, customer, statistik, header, manajemen user, dimana hajemen user, dimana halaman inialaman ini di buat untuk membuat field baru atau mengedit field yang telah di buat di buat untuk membuat field baru atau mengedit field yang telah di buat
Manajemen user, berisi biodata userManajemen user, berisi biodata user
3.5.2
3.5.2 Rancangan Interface UserRancangan Interface User 1.
1. Index, merupakan halaman awalIndex, merupakan halaman awal 2.
2. Home, berfHome, berfungsi ungsi untuk kembali untuk kembali ke menu ke menu indexindex 3.
3. Katagory, berisi katagori yang di tawarkanKatagory, berisi katagori yang di tawarkan 4.
4. Profil, berisi tentang kontak adminProfil, berisi tentang kontak admin 5.
5. Cara pembelian, berisi langkahCara pembelian, berisi langkah – – langkah proses pembelian langkah proses pembelian 6.
6. Semua Produk, menampilkan gambar produk yang di jual dari semuaSemua Produk, menampilkan gambar produk yang di jual dari semua kategori
kategori 7.
7. Keranjang belanja, berisi jumlah pembelanjaan yang telah terjualKeranjang belanja, berisi jumlah pembelanjaan yang telah terjual 8.
8. Login, pilihan ini berfungsi untuk melakukan login. Dengan login terlebihLogin, pilihan ini berfungsi untuk melakukan login. Dengan login terlebih dahulu, pembeli dapat melakukan proses pemilihan barang. Pilih login di dahulu, pembeli dapat melakukan proses pemilihan barang. Pilih login di gunakan untuk pembeli yang sydah terdaftar dalam web ini
Gambar 3.6 Halaman Index User Gambar 3.6 Halaman Index User
Cari Produk Cari Produk
Tgl | Selamat Siang Pengunjung Tgl | Selamat Siang Pengunjung
Login : Login :
Home
Home Profil Profil Cara Cara Pembelian Pembelian Semua Semua Produk Produk Keranjang BelanjaKeranjang Belanja
Header Header
Anda sedang berada di: Anda sedang berada di:
Go Go SHOPING CART SHOPING CART … Item Produk … Item Produk Total : Rp Total : Rp Katagory Katagory Barang di luar Barang di luar catalogcatalog Barang catalog Barang catalog Limited offer Limited offer Promo bulanan Promo bulanan Rekening Bank Rekening Bank
Produk Best Seller Produk Best Seller
Gambar Gambar Tentang kami: Tentang kami: selanjutnya selanjutnya Statistik User Statistik User Pengunjung hari ini : Pengunjung hari ini : Total Pengunjung : Total Pengunjung : Hits hari ini : Hits hari ini : Total hits : Total hits : Pengunjung online : Pengunjung online : Kontak kami : Kontak kami : Email: Email: TLP : TLP : Gambar Gambar
Cari Produk, digunakan untuk mencari produk yang diinginkanCari Produk, digunakan untuk mencari produk yang diinginkan
Home, icon untuk kembali ke menu utamaHome, icon untuk kembali ke menu utama
Profil, berisi identitas tokoProfil, berisi identitas toko
Cara pembelian, berisi prosedur pembelianCara pembelian, berisi prosedur pembelian
Semua produk, berisi halaman yang menampilkan keseluruhan gambarSemua produk, berisi halaman yang menampilkan keseluruhan gambar produk
produk
Keranjang belanja, berisi rincian pembelanjaan yang telah terjadiKeranjang belanja, berisi rincian pembelanjaan yang telah terjadi
Header, berisikan gambar yang bergerakHeader, berisikan gambar yang bergerak
Anda sedang berada di, halaman yang menunjukkan user sedang berada diAnda sedang berada di, halaman yang menunjukkan user sedang berada di halaman apa
halaman apa
Login, digunakan untuk memasukkan username dan password untukLogin, digunakan untuk memasukkan username dan password untuk melakukan proses login. Login bisa di gunakan apabila pembeli telah melakukan proses login. Login bisa di gunakan apabila pembeli telah melakukan pendaftaran terlebih dahulu
melakukan pendaftaran terlebih dahulu
Go, tombol untuk masuk proses loginGo, tombol untuk masuk proses login
Shoping cart, berisi jumlah penjualan barang , halaman ini sama sepertiShoping cart, berisi jumlah penjualan barang , halaman ini sama seperti keranjang belanja
keranjang belanja
Kategori, berisi kategori barang yang di jualKategori, berisi kategori barang yang di jual
Rekening bank, berisi rekening pemilik webRekening bank, berisi rekening pemilik web
Produk best seller, menampilkan gambar produk Produk best seller, menampilkan gambar produk best sellerbest seller
Tentang kami,terdapat kata senjutnya yang berfungsi untuk menuju keTentang kami,terdapat kata senjutnya yang berfungsi untuk menuju ke halaman profil
halaman profil
Statistik user, berfungsi untuk melihat jumlah pengunjung webStatistik user, berfungsi untuk melihat jumlah pengunjung web
Kontak kami, berisi email dan no. tlp pemilik webKontak kami, berisi email dan no. tlp pemilik web
About, icon untuk melihat ke halaman profilAbout, icon untuk melihat ke halaman profil
3.5.3
3.5.3 Pembuatan DatabasePembuatan Database 1.
1. Pilih XAMPP lalu jalankan Apache dan MySQL.Pilih XAMPP lalu jalankan Apache dan MySQL.
Gambar 3.7 Tampilan Control Panel XAMPP Gambar 3.7 Tampilan Control Panel XAMPP
2.
2. Lalu Lalu masuk masuk kedalam kedalam PhpMyAdmin PhpMyAdmin dengan dengan cara cara mengetikanmengetikan http://localhost/phpmyadmin/
http://localhost/phpmyadmin/ pada Mozilla Firefox. pada Mozilla Firefox.
Gambar 3.7 Tampilan PhpMyAdmin Gambar 3.7 Tampilan PhpMyAdmin
3.
3. Lalu buat database dengan nama tuperware. Setelah sukses, masukan namaLalu buat database dengan nama tuperware. Setelah sukses, masukan nama table yang akan dibuat beserta jumlah fieldnya.
table yang akan dibuat beserta jumlah fieldnya.
Table Admin Jumlah Field 7Table Admin Jumlah Field 7
Gambar 3.8 Table Admins Gambar 3.8 Table Admins
Table Download Jumlah Field 5Table Download Jumlah Field 5
Gambar 3.9 Table Download Gambar 3.9 Table Download
Table header Jumlah Field 5Table header Jumlah Field 5
Gambar 3.10 Table Header Gambar 3.10 Table Header
Table kategori Jumlah Field 3Table kategori Jumlah Field 3
Gambar 3.11 Table Kategori Gambar 3.11 Table Kategori
Table Kustomer Jumlah Field 6Table Kustomer Jumlah Field 6
Gambar 3. 12 Table Kustomer Gambar 3. 12 Table Kustomer
Table Modul Jumlah Field 15Table Modul Jumlah Field 15
Gambar 3.13 Table Modul Gambar 3.13 Table Modul
Table Modul_bank Jumlah Field 5Table Modul_bank Jumlah Field 5
Gambar 3.14 Table Modul_bank Gambar 3.14 Table Modul_bank
Table Orders Jumlah Field 9Table Orders Jumlah Field 9
Gambar 3.15 Table Orders Gambar 3.15 Table Orders
Table Orders_detail Jumlah Field 3Table Orders_detail Jumlah Field 3
Gambar 3.16 Table Orders_detail Gambar 3.16 Table Orders_detail
Table Orders_temp Jumlah Field 8Table Orders_temp Jumlah Field 8
Gambar 3.17 Table Orders_temp Gambar 3.17 Table Orders_temp
Table Produk Jumlah Field 14
Gambar 3.18 Table Produk
Table Statistik Jumlah Field 4
BAB IV PENUTUP