Website e-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.4.1 Halaman Utama
Untuk dapat menjalankan website e-commerce kita harus membuka website browser dan pada bagian link ketikkan alamat website pada location bar,
alamatnya adalah http:localhostTugasAkhirhome
. Kemudian akan tampil halaman beranda seperti pada halaman berikut ini.
Halaman yang akan muncul pertama kali pada saat user mengakses website adalah halaman utama. Halaman utama ini terdiri dari home, profil, cara
pembelian, semua produk, keranjang belanja dan hubungi kami.
Universitas Sumatera Utara
Gambar 4.1 Halaman Utama Home
1. Menu Home: Berisikan tentang semua yang ada pada halaman utama website
e-commerce. 2.
Menu Profil: Berisikan tentang profil prusahaan yang dicantumkan pada website.
3. Menu Cara Pembelian: Berisikan tentang bagaimana cara melakukan
pembelian. 4.
Menu Semua Produk: Berisikan tentang semua produk yang ditawarkan website.
5. Menu Keranjang Belanja: Berisikan daftar belanjaan yang sudah kita
pilihbeli.
6.
Menu Hubungi kami: Berisikan form untuk memberikan kritik dan saran yang dapat membangun toko menjadi lebih baik.
Universitas Sumatera Utara
4.4.2 Tampilan Semua Produk
Gambar 4.2 Tampilan Semua Produk
Gambar 4.3 Tampilan Produk Selengkapnya Detail
Universitas Sumatera Utara
Apabila customer ingin melakukan order. Customer bisa mengklik button beli maka produk yang di order akan masuk ke dalam keranjang belanja secara
langsung.
4.4.3 Tampilan Keranjang Belanja
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.
Gambar 4.4 Tampilan Keranjang Belanja
Universitas Sumatera Utara
4.4.4 Tampilan Form Data Pembeli
Gambar 4.5 Tampilan Data Pembeli
4.4.5 Tampilan Data Pembeli dan Barang Belanja
