commit to user
63
BAB IV IMPLEMENTASI DAN EVALUASI SISTEM
4.1 Implementasi Sistem
Aplikasi ini merupakan aplikasi web yang dijalankan pada
mobile browser
sehingga berbasis
client-server
. Pada aplikasi ini terdapat tiga halaman, yaitu halaman UserCustomer, halaman Admin dan halaman
Manajer.
4.1.1 Halaman Utama
Halaman utama adalah halaman yang dapat diakses oleh user tanpa harus
login
terlebih dahulu. Di
mobile
tampilan yang baik adalah yang minimalis dan cepat di-
loa d
. Oleh karena itu, menu yang ada hanya yang penting dengan navigator yang mudah dijangkau. Berikut tampilan
halaman depan :
Gambar 4.1. Tampilan Halaman Utama
commit to user
64
4.1.2 Halaman Produk per Kategori
Pada halaman ini menampilkan daftar produk per kategori yang dipilih dari halaman Utama. Informasi produk yang ditampilkan hanya
nama produk, harga produk dan input-an untuk dimasukkan ke keranjangtroli.
Gambar 4.2. Tampilan Halaman Produk per Kategori
4.1.3 Halaman TroliKeranjangCart
Halaman yang berisi informasi pada trolikeranjang yang dipilih dari menu keranjang di atas. Tombol Update untuk memperbarui jumlah item
dalam keranjang. Tombol Lanjut untuk mengarah ke halaman Check Out.
Gambar 4.3. Halaman TroliKeranjangCart
commit to user
65
4.1.4 Halaman Checkout
Pada halaman Checkout, terdapat pengecekan
session
, apakah user sudah login atau belum. Jika belum diarahkan ke halaman login, Jika sudah
ditampilkan halaman Checkout. Berisi mengenai informasi pesanan dan informasi alamat pengiriman yang nantinya memilih kurir pengiriman
sehingga diketahui total pembayaran.
Gambar 4.4 Halaman Login
Gambar 4.5 Halaman Checkout setelah login Script untuk halaman Checkout Gambar 4.4 dan 4.5
- Pada Controller
ka talog :
public function order {
login=this-session-userdatalog_in; data[id_member]=login[id] ;
Mengecek apakah user telah login. Jika sudah menampilkan daftar pesanan dan alamat. Jika belum, diarahkan ke halaman login.
commit to user
66
if login { redirect mobileuserlogin, refresh;
} else { this-data-alamat = this-member-get_alamatdata[id_member];
data = this-member-get_alamatdata[id_member]; this-data-kurir=this-order_m-get_ship;
this-data-content=mobileorder;
this-load-viewmobileuser_view,this-data; } }
- Pada Model
Member
dan
order_m
Mengambil data alamat member yang login dari database
function get_alamatid_member {
this-db-fromalamat; this-db-joinkota,kota.id_kota=alamat.kota;
this-db-joinprovinsi,provinsi.id_provinsi=alamat.provinsi; this-db-whereid_member,id_member;
query=this-db-get-result; ifquery return query;
else return false; }
Mengambil data kurir dari database
function get_ship {
query=this-db-getkurir; return query-result;
}
4.1.5 Halaman Setelah Checkout
Kategori