Cara Menjalankan Program a. Cara Kerja Sistem Implementasi sistem ini menampilkan tentang hasil-hasil program yang nantinya akan dipakai oleh admin dan Kasir dalam menjalankan programnya. b. Menjalankan Program Pada halaman utama ini berisikan form untuk login, agar dapat masuk ke form utama bagi Admin maupun bagi Kasir. Berikut tampilan halaman utama dan form login ditunjukkan pada Gambar 3.1: Gambar 3.1 Form Login Agar dapat menggunakan aplikasi tersebut, setiap pengguna harus melakukan login terlebih dahulu dengan mengisikan nama user dan password. 19
20 c. Halaman Admin Selanjutnya setelah login berhasil sebagai Admin maka akan muncul tampilan sebagai berikut : Gambar 3.2 Tampilan Halaman Admin Form administrator ini merupakan form yang berisi menu-menu yang akan dijalankan oleh Admin. Dengan form administrator dapat memanggil formform lain melalui menu yang terdapat diatas. 3.3.1 Menu Halaman Admin Terdapat beberapa menu pada halaman admin ini yaitu, menu Pemesanan, Pembayaran, Model, Barang, Edit Member, Edit Profil dan Laporan.
21 a. Form Tambah Barang Form tambah barang ini digunakan untuk memasukan data barang. Dimana semua data yang dimasukkan akan tersimpan ke tabel barang. Untuk kode barang tidak perlu diisikan, karena telah terisi secara otomatis(default), sedangkan untuk mengisi nama model kita tinggal memilih nama modelnya. Untuk pengisian data lainya hanya perlu mengisikan Nama Barang, Spesifikasi, Harga, Stok, Gambar dan Tanggal terisi secara otomatis. Berikut adalah tampilan form tambah barang ditunjukkan pada Gambar 3.3 : Gambar 3.3 Form Tambah Barang Jika data berhasil disimpan maka ditampilkan pesan ditunjukkan pada Gambar 3.4 : Gambar 3.4 Informasi Data Produk Telah Disimpan
22 b. Form edit Pembatalan Form ini digunakan untuk mengubah status pembatalan dalam melakukan pemesanan barang yang sudah melebihi jangka waktu tertentu. Dimana status data yang diubah akan tersimpan ke tabel pemesanan. Berikut adalah tampilan form edit Pembatalan ditunjukkan pada Gambar 3.5 : Gambar 3.5 Form edit Pembatalan Jika data berhasil diubah, maka ditampilkan pesan ditunjukkan pada Gambar 3.6 : Gambar 3.6 Informasi Ubah Status Pembatalan Telah Diubah c. Form Edit Status Pembayaran Form ini digunakan untuk mengisi data no resi sebagai bukti pengiriman barang untuk pembeli dengan disertai konfirmasi pembayaran lunas. Dimana semua data yang dimasukkan akan tersimpan ke tabel
23 pembayaran. Untuk no bayar, kode pesan, dan total bayar tidak perlu diisikan, karena telah terisi secara otomatis(default), sedangkan untuk tanggal dan no resi di isi secara manual. Berikut adalah tampilan form tambah barang ditunjukkan pada Gambar 3.7 : Gambar 3.7 Form Edit Status Pembayaran d. Form Tambah Model Barang Form tambah model ini digunakan untuk memasukan data model barang. Dimana semua data yang dimasukkan akan tersimpan ke tabel barang. Untuk kode model tidak perlu diisikan, karena telah terisi secara otomatis(default), sedangkan nama model kita isi secara manual. Berikut adalah tampilan form tambah model ditunjukkan pada Gambar 3.8 : Gambar 3.8 Form Tambah Model Barang
24 Jika data berhasil disimpan maka ditampilkan pesan ditunjukkan pada Gambar 3.9 : Gambar 3.9 Informasi Data Model Barang Telah Disimpan e. Form Edit Profil Form ini digunakan untuk mengubah profil admin. Dimana semua data yang ditampilkan dari tabel admin yang sebelumnya diisikan. Untuk id tidak perlu diisikan, karena telah terisi secara otomatis. Berikut adalah tampilan form edit profil ditunjukkan pada Gambar 3.10 : Gambar 3.10 Form Edit Profil Jika data berhasil diubah, maka ditampilkan pesan ditunjukkan pada Gambar 3.11 :
25 Gambar 3.11 Informasi Edit Profil Telah Diubah Halaman Pembeli Pada halaman pembeli menampilkan informasi tentang Toko Appian, cara belanja dan produk yang akan dijual. Berikut adalah tampilan halaman pembeli ditunjukkan pada Gambar 3.12 : Gambar 3.12 Halaman Pembeli
26 a. Menu Halaman Pembeli Terdapat beberapa menu pada halaman pembeli ini yaitu, menu profil, Kontak Kami, Cara belanja, Kereta Keranjang, Model Barang, Daftar, form login dan form pencarian. a. Form Daftar Pembeli Form daftar pembeli ini digunakan untuk melakukan pendaftaran pembeli agar dapat membeli barang. Berikut tampilan form daftar pembeli pada gambar 3.13 : Gambar 3.13 Form Daftar Pembeli b. Form Login Form login ini digunakan untuk melakukan login masuk pembeli. Berikut tampilan form login pembeli pada gambar 3.14 :
27 Gambar 3.14 Form Login Jika login berhasil maka akan ditampilkan pesan bahwa Anda berhasil login seperti pada gambar 3.15 : Gambar 3.15 Informasi berhasil login 3.5 Halaman Pembeli Setelah Login Halaman pembeli setelah login sama seperti halaman pembeli tetapi halaman ini khusus untuk pembeli yang sudah mendaftar dan melakukan login. Sehingga pembeli dapat melakukan pemesanan produk. Berikut adalah tampilan halaman pembeli setelah login ditunjukkan pada Gambar 3.16 : Gambar 3.16 Halaman Pelanggan Setelah Logi
28 Menu Halaman Pembeli Setelah Login Terdapat beberapa menu pada halaman pelanggan setelah login ini yaitu, menu profil, Kontak Kami, Cara belanja, Model Barang, Kereta Keranjang, Profil Pembeli, Logout dan form pencarian. a. Menu Model Produk Menu produk ini digunakan untuk menampilkan beberapa model produk. Berikut tampilan menu produk pada gambar 3.17 : Gambar 3.17 Tampilan Menu Model Barang Bila Gambar diklik akan tampil gambar menjadi besar. Berikut tampilan gambar barang pada gambar 3.18 : Gambar 3.18 Tampilan Gambar Produk
29 b. Form Input Jumlah Pemesanan Form input jumlah pesanan digunakan untuk memasukkan jumlah pesanan barang yang akan dibeli. Berikut tampilan form input jumlah pesanan pada gambar 3.19 : Gambar 3.19 Form Input Jumlah Pesanan c. Menu Kereta Keranjang Menu Kereta Keranjang ini digunakan untuk menampilkan barang yang telah dipesan. Berikut tampilan menu kereta keranjang pada gambar 3.20 : Gambar 3.20 Tampilan Menu Kereta Keranjang
30 Bila diklik tombol tambah maka akan kembali ke produk yang akan dipesan dan bila diklik tombol Pesan maka akan tampil rician barang yang dibeli. Berikut tampilan rincian barang yang dibeli pada gambar 3.21 : Gambar 3.21 Tampilan Rincian Barang yang Dibeli Setelahnya maka akan tampil nota pemesanan barang yang akan dibeli dan bila diklik tombol Konfirmasi maka akan melakukan konfirmasi pemesanan barang yang akan dibeli. Berikut ini tampilan konfirmasi pada gambar 3.22 : Gambar 3.22 Tampilan Konfirmasi
31 d. Menu Profil Pembeli Menu profil pembeli ini digunakan untuk menampilkan data pembeli dan bila menginginkan perubahan data pembeli maka tinggal mengubahnya. Berikut tampilan menu profil pembeli pada gambar 3.23 Gambar 3.23 Tampilan Menu Profil Pembeli