Tampilan Halaman UtamaBeranda Tampilan Halaman Profil Tampilan Halaman Produk Tata Cara Pembelian Produk Tampilan Halaman Hubungi Kami Tampilan Halaman Admin Tampilan Halaman Tambah Produk Tampilan Halaman Order Masuk Tampilan Laporan Transaksi

4.4 Demonstrasi Program

Demonstrasi program akan menjelaskan secara visual bagaimana tampilan dari aplikasi web. Adapun tampilan website Toko Bless Com ini adalah sebagai berikut:

4.4.1 Tampilan Halaman UtamaBeranda

Tampilan beranda tampil sewaktu pertama kali dibuka website ini. Di dalam menu beranda terdapat catalog produk barang dari berbagai kategori dan memiliki link link untuk menuju ke halaman-halaman lainya. Tampilan berandadapat dilhat pada gambar 4.1 berikut ini. Gambar 4.1 Tampilan beranda Universitas Sumatera Utara

4.4.2 Tampilan Halaman Profil

Tampilan profil akan terbuka ketika menu profil di klik. Di dalam menu profil terdapat profil dari perusahaan. Tampilan profil dapat dilihat pada gambar 4.2. Gambar 4.2 Tampilan halaman profil

4.4.3 Tampilan Halaman Produk

Gambar 4.3 Tampilan produk Universitas Sumatera Utara

4.4.4 Tata Cara Pembelian Produk

Tampilan cara pembelian adalah tampilan dimana tata cara pembelian barang terdapat di dalam tampilan tersebut. Gambar 4.4 Tampilan cara pembelian

4.4.5 Tampilan Halaman Hubungi Kami

Gambar 4.5 Tampilan Hubungi kami Universitas Sumatera Utara 4.4.6 Tampilan Halaman Login Admin Tampilan admin ini berfungsi sebagai cara admin masuk ke halaman administrator dengan cara memasukan username dan password yang vailid dan benar. Gambar 4.6 Login admin

4.4.7 Tampilan Halaman Admin

Setelah admin memasukkan username dan password pada form login, admin langsung masuk di halaman administrator. Gambar 4.7 Halaman administrator Universitas Sumatera Utara

4.4.8 Tampilan Halaman Tambah Produk

Tampilan tambah produk adalah tampilan untuk menambah produk yang dilakukan oleh admin. Gambar 4.8 Tampilan Tambah Produk

4.4.9 Tampilan Halaman Order Masuk

Tampilan order masuk adalah tampilan dimana order dari konsumen masuk ke dalam order masuk. Gambar 4.9 Tampilan order masuk Universitas Sumatera Utara

4.4.10 Tampilan Laporan Transaksi

Tampilan laporan transaksi menunjukan tampilan seluruh transaksi setiap harinya, admin dapat melihat semua hasil transaksi tersebut. Gambar 4.10 Tampilan laporan transaksi Universitas Sumatera Utara BAB 5 PENUTUP

5.1 Kesimpulan