commit to user
Stok Int
3 Tgl_masuk
Date Harga
Int 12
Berat Int
5 Gambar
Varchar 50
3.3 Perancangan Antar Muka 3.3.1 Perancangan Halaman Website
Perancangan antarmuka website ditunjukkan pada Gambar 3.19
Gambar 3.19 Perancangan Antarmuka Website
commit to user
3.4 Analisa Kebutuhan
Analisa kebutuhan yang diperoleh penulis selama melakukan penelitian di lapangan serta berdasarkan data-data yang ada, maka kebutuhan aplikasi ini
meliputi :
3.4.1 Kebutuhan Perangkat Lunak
Software
Perangkat lunak yang dibutuhkan penulis selama melakukan pembangunan aplikasi adalah :
a. Sistem operasi
: Microsoft Windows XP b.
Web Server
: Apache c.
Database Manager
: PhpMyAdmin 3.3.9
3.4.2 Kebutuhan Perangkat Keras
Hardware
Perangkat keras yang dibutuhkan penulis selama melakukan pembangunan aplikasi adalah :
a. Processor Intel R Pentium III
b. CPU 3.2 GHz
c. RAM 512MB DDR2
d. Harddisk 40GB
e. Printer
commit to user
31
BAB IV IMPLEMENTASI DAN EVALUASI SISTEM
4.1 Implementasi Sistem
Sistem
shopping online
pada CV. Jaya Mulya Poultry Shop terdapat dua tingkatan user, yaitu user dan admin.
4.1.1 Tampilan Halaman Utama Web
Halaman utama
web
dibagi menjadi 4 bagian utama yaitu
header, content, sidebar
dan
footer
. Bagian header berisi judul aplikasi dan juga link menu yang terdapat di dalam
web
yaitu
home
,
products
,
about
,
faqs
,
contact
, dan
login
. Bagian
content
berisikan data-data dari fasilitas link yang diakses. Sedangkan untuk bagian
sidebar
juga merupakan bagian kecil dari
sub-link
yang terpadat pada header. Kemudian untuk bagian
footer
terdapat link yang dapat langsung merujuk kepada alamat halaman website dari berbagai
halaman utama web, partner bisnis, sponsor dari CV. Jaya Mulya itu sendiri ataupun menuju jejaring sosial. Tamplian utama website ditunjukkan pada
gambar 4.1.
commit to user
Gambar 4.1 Tampilan Halaman Utama Web
Berikut adalah implementasi dari dua tingkatan pengguna dengan masing-masing halaman dapat diakses secara langsung oleh masing-masing
pengguna.
4.2 Halaman User
Halaman ini merupakan halaman yang dapat diakses oleh user yang sudah melakukan proses registrasi.
commit to user
4.2.1 Halaman Utama
Customer
Halaman utama
customer
adalah halaman yang pertama kali muncul saat pembeli melakukan login untuk dapat mengakses
web
. Tampilan halaman utama
customer
ditunjukkan pada gambar 4.2.
Gambar 4.2 Tampilan Halaman Utama
Customer
4.2.2 Halaman Login
Website
ini dalam melakukan transaksi belanja haruslah user melakukan login terlebih dahulu. Pembeli yang belum mempunyai
account
untuk dapat mengakses
website
dapat melakukan pendaftaran pada link yang terdapat pada halaman login. Tampilan halaman
login
ditunjukkan pada gambar 4.3.
commit to user
Gambar 4.3 Tampilan Halaman Login
4.2.3 Halaman Register
Di dalam
website
ini juga menerapkan sistem
membership
untuk dapat mempermudah pelanggan dalam melakukan pemesanan produk. Sistem
tersebut mewajibkan
member
untuk mengisi semua data diri yang diperlukan dengan benar agar dapat memperlancar proses perbelanjaan yang ada.
Tampilan halaman
register
ditunjukkan pada gambar 4.4.
Gambar 4.4 Tampilan Halaman
Register
4.2.4 Halaman Menu
Di halaman menu ini berisikan daftar menu yang terdapat di dalam
website
. Di dalam menu ini juga tersedia pilihan produk dan juga submenu yang lain yang dapat digunakan oleh pembeli. Menu yang ada seperti
home
,
commit to user
products - pakan ternak, vaksin, vitamin, suplemen, hasil ternak, aksesoris
,
about
,
faqs
,
contact
, dan
login
. Halaman menu web ditunjukkan pada gambar 4.5.
Gambar 4.5 Tampilan Halaman
Menu
4.2.5 Halaman Produk
Halaman produk berisi tampilan gambar-gambar koleksi produk dari CV. Jaya Mulya Poultry Shop, serta terdapat link
add to cart
untuk melakukan proses pembelian dan juga link
detail
untuk melihat detail dari produk yang ada. Tampilan halaman produk dapat dilihat pada gambar 4.6.
commit to user
Gambar 4.6 Tampilan Halaman
Produk
4.2.6 Halaman Add Cart
Halaman ini berfungsi untuk menampilkan detail produk yang akan dibeli sebelum dimasukkan ke dalam keranjang belanja. Pada halaman ini
pembeli diminta untuk memasukkan jumlah barang yang akan dibeli. Setelah user melakukan submit barang tersebut akan dimasukkan ke dalam keranjang
belanja pembeli. Tampilan halaman
add to cart
dapat dilihat pada gambar 4.7.
Gambar 4.7 Tampilan Halaman
Add To Cart
commit to user
4.2.7 Halaman Shopping Cart
Halaman
shopping cart
ini berfungsi untuk menampilkan daftar produk yang sudah dibeli oleh user dalam sekali transaksi. Dalam halaman
shopping cart
ini terdapat beberapa link yaitu
edit cart
,
delete cart, lanjutkan belanja, dan selesai belanja.
Tampilan
shopping cart
dapat dilihat pada gambar 4.8.
Gambar 4.8 Tampilan Halaman
Shopping Cart
4.2.8 Halaman Edit Cart
Halaman
edit cart
ini berfungsi untuk mengedit jumlah barang yang sudah dimasukkan ke dalam keranjang belanja. Tampilan untuk
edit cart
dapat dilihat pada gambar 4.9.
Gambar 4.9 Tampilan Halaman
Edit Cart
commit to user
4.2.9 Halaman Selesai Order
Halaman
selesai order
ini merupakan proses akhir dari suatu transaksi. Halaman ini juga menampilkan id order, kode produk, nama
produk, jumlah produk, jumlah order, serta harga dari tiap produk. Pada halaman ini juga ditampilkan total bayar transaksi yang dilakukan sekaligus
dengan biaya ongkos kirim yang harus ditanggung oleh pembeli sesuai dengan alamat domisili pembeli. Halaman
selesai order
dapat dilihat pada gambar 4.10.
Gambar 4.10 Tampilan Halaman
Selesai Order
4.2.10 Halaman Konfirmasi Transfer Belanja
Halaman konfirmasi transfer belanja berfungsi untuk melakukan konfirmasi kepada admin, setelah user melakukan transfer pembayaran.
Tampilan halaman konfirmasi transfer belanja ditunjukkan pada gambar 4.11.
Gambar 4.11 Tampilan Halaman
Konfirmasi Transfer
commit to user
4.2.11 Halaman Edit Profile
Halaman ini berfungsi untuk melakukan edit data profil user. Tampilan halaman edit profil ditunjukkan pada gambar 4.12
.
Gambar 4.12 Tampilan Halaman Edit Profile
4.2.12 Halaman Ganti Password
Halaman ini berfungsi untuk melakukan mengganti password user. Tampilan halaman ganti password ditunjukkan pada gambar 4.13.
Gambar 4.13 Tampilan Halaman
Ganti Password
commit to user
4.2.13 Halaman About
Halaman about berisi tentang sedikit profile dari Jaya Mulya Shopping Online, meliputi company profile, cara kerja, dan slogan. Tampilan
halaman about ditunjukkan pada gambar 4.14.
Gambar 4.14 Tampilan Halaman
About
4.2.14 Halaman Cek Resi
Halaman cek resi digunakan untuk melakukan pengecekan terhadap resi pengiriman barang berdasarkan id_order_user. Tampilan halaman cek
resi ditunjukkan pada gambar 4.15.
Gambar 4.15 Tampilan Halaman
Cek Resi
commit to user
4.2.15 Halaman Contact
Halaman contact ini digunakan untuk mengirimkan pesan kepada pengelola website untuk sekedar memberikan saran dan kritik ataupun juga
complain
mengenai ketidakpuasan terhadap sistem yang ada. Tampilan halaman contact ditunjukkan pada gambar 4.16.
Gambar 4.16 Tampilan Halaman
Contact
4.2.16 Halaman FAQS
Halaman faqs ini digunakan untuk memberitahukan mengenai kebijakan dalam pengiriman barang dan juga mengenai sistem pembayaran.
Tampilan halaman faqs ditunjukkan pada gambar 4.17.
commit to user
Gambar 4.17 Tampilan Halaman
F aqs
4.3 Halaman Admin