Gambar 4. 1. XAMPP Control panel
Website internet commerce ini di kembangkan dari 2 bagian,yaitu bagian
front-end yang berupa tampilan yang dapat di lihat oleh pengunjung website dan
bagian back-end yang di kelola oleh administrator. Website ini di jalankan oleh localhost.
4.1.1 Halaman Utama
Untuk dapat menjalankan website internet commerce bagian front-end, kita harus membuka website browser dan mengetikan alamat website pada location
bar ,alamatnya adalah
http:localhostTArumahsepatuberanda . Kemudian akan
tampil halam beranda front-end seperti pada halaman berikut ini.
Universitas Sumatera Utara
Halaman yang akan muncul pertama kali pada saat usermengakses website adalah halaman utama. Halaman utama ini terdiri dari menu beranda, menu produk,
menu keranjang belanja, daftar dan masuk.
Gambar 4.2. Halaman Utama Home Front-End
1. Menu Home: Berisikan tentang semua yang ada pada halaman utama website
internet commerce. 2.
Menu produk: Berisikan tentang produk yang tersedia pada website. 3.
Menu keranjang belanja:Berisikan tentang barang barang yang dibeli. 4.
Menu daftar : Berisikan form pendaftaran member baru. 5.
Menu masuk: Berisikan form masuk untuk member yang pernah melakukan transaksi..
Berikut tampilan dari website Rumah Sepatu Shop:
Universitas Sumatera Utara
Gambar 4.3. Katalog Produk
Universitas Sumatera Utara
Gambar 4.4. Keranjang Belanja
4.1.2 Halaman produk
Halaman produk digunakan pada saat customer akan melakukan pembelian pada website
Rumah sepatu shop .Selanjutnya jika customer mau melakukan order. Customer
bisa mengklik button beli maka produk yang di order akan masuk ke dalam keranjang belanja seperti gambar di bawah ini.
Universitas Sumatera Utara
Gambar 4.5. Contoh Produk dan Button Beli
Universitas Sumatera Utara
Gambar 4.6. Keranjang Belanja
Selanjutnya Setelah barang yang di order masuk kedalam keranjang belanja, apabila ingin melanjutkan belanja silahkan mengklik button lanjutkan belanja dan
apabila ingin mengupdate jumlah yang ingin di beli silahkan klik button update keranjang dan jika telah selesai klik button selesai belanja, proses selanjutnya masuk
ke konfirmasi data pengiriman,Maka akan tampil layar seperti berikut.
Universitas Sumatera Utara
Gambar 4.7. Konfirmasi Data Pengiriman
4.1.3 Halaman Admin
