Implementasi Antar Muka dan Penggunaan Program

1.3. Tampilan Form Registrasi Untuk melakukan transaksi, sebelumnya kita sudah terdaftar menjadi member. Form pendaftaran bisa dilihat pada gambar di bawah ini. Gambar 5.3 Menu Registrasi Member 1.4. Keranjang Belanja Member Pada tampilan utama member, konsumen dapat memilih produk yang ingin dipesan, apabila ada produk yang ingin dipesan, maka konsumen dapat menekan tombol “Order ” dan order member akan ditampilkan pada shopping card. Apabila ingin memilih produk lagi, maka terlebih dahulu menekan tombol “Update Keranjang”, kemudian menekan tombol “Lanjutkan Belanja”. Untuk menghapus produk yang telah dipesan menekan tombol yang berada di bawah tulisan “Hapus”. Apabila telah selesai, maka konsumen dapat menekan tombol “Selesai Belanja”. Gambar 5.4 Tampilan Keranjang Belanja Member 1.5. Member Area Menu ini merupakan halaman khusus user yang berisi mengenai data user. Di dalam menu ini, user dapat mengganti profil, history pemesanan, mengganti password, dan menu informasi pembayaran. Gambar 5.5 Tampilan Member Area 1.6. Menu Ketentuan Menu ini berisi mengenai tata cara melakukan transaksipemesanan pada Website Thai Boxing Bandung. Gambar 5.6 Tampilan Menu Ketentuan 1.7. Menu Galeri Menu ini berfungsi untuk para member yang ingin melihat foto-foto kegiatan latihan yang ada di Thai Boxing Bandung. Gambar 5.7 Tampilan Menu Galeri 1.8. Menu Hubungi Kami Menu ini berfungsi untuk memudahkan user dalam menyampaikan saran atau keluhan kepada Thai Boxing Bandung. Gambar 5.8 Tampilan Menu Hubungi Kami 1.9. Menu Pendaftaran Latihan Menu ini berfungsi untuk tempat bagi para member yang ingin menjadi member latihan beladiri di Thai Boxing Bandung. Gambar 5.9 Tampilan Menu Daftar Latihan 1.10. Menu informasi kelas latihan Menu ini berfungsi untuk tempat bagi para member yang ingin melihat informasi harga, trainer, dan jadwal latihan di Thai Boxing Bandung. Gambar 5.10 Tampilan Menu informasi kelas latihan 1.11. Menu Form Pendaftaran Latihan Untuk mengikuti latihan, sebelumnya kita sudah terdaftar menjadi member. Form pendaftaran bisa dilihat pada gambar di bawah ini. 2. Tampilan Admin Tampilan admin merupakan tampilan yang digunakan oleh admin untuk melakukan kontrol terhadap data-data yang akan ditampilkan pada Website Thai Boxing Bandung. Selain itu admin juga dapat melakukan kontrol terhadap data produk, data pemesanan, serta mencetak laporan stock barang Gambar 5.11 Tampilan Menu Form Daftar Latihan dan laporan penjualan. Berikut menu-menu yang terdapat di dalam tampilan admin. 2.1. Log in Administrator Untuk dapat masuk ke halaman utama administrator, terlebih dahulu harus melakukan proses login dengan memasukkan username dan password admin. 2.2. Tampilan Utama Administrator Pada halaman utama administrator ini terdapat sembilan menu, yaitu: Home, Member, Kategori, Produk, Order, Laporan, Kotak Saran, Konsultasi, dan Logout. 1. Tampilan Utama Pada halaman index ini terdapat beberapa fungsi yang dapat membantu admin untuk menjalankan program ini, diantaranya pada header terdapat link Home, Member, Data Pendaftaran, Barang, Pemesanan, Album, Saran,Laporan, Logout. Gambar 5.12 Log in Admin Gambar 5.13 Menu Utama Admin 2. Menu Data Member Menu ini berfungsi untuk menampilkan data para member. Di dalam menu ini admin melakukan pengecekan berapa banyak member yang telah login. Gambar 5.14 Menu Data Member 3. Menu Data Pendaftaran Menu ini berfungsi untuk menampilkan data para member yang mendaftar untuk ikut latihan beladiri di Thai Boxing Bandung. Gambar 5.15 Menu Data Pendaftaran Latihan 4. Menu Data Barang Menu ini berfungsi untuk menampilkan data barang. Di dalam menu ini terdapat beberapa fasilitas untuk tambah, hapus, dan edit produk. Gambar 5.16 Menu Data Barang 5. Menu Pemesanan Menu ini berfungsi untuk menampilkan detail Pemesanan member. Di dalam menu ini admin dapat melihat status order dan dapat melakukan perubahan terhadap status order. Gambar 5.17 Menu Data Pemesanan Barang 6. Menu barang masuk Menu ini berfungsi untuk menampilkan detail Pembelian barang baru , detail supplier, dan persediaan barang. Gambar 5.18 Menu Data Barang masuk 7. Menu Album Menu ini berfungsi untuk menampilkan album tentang kegiatan yang ada di Thai Boxing Bandung. Di dalam menu ini admin dapat melakukan hapus dan tambah album kegiatan Thai Boxing Bandung. Gambar 5.19 Menu Album yang terdapat pada admin 8. Menu Kotak Saran Menu ini berfungsi menampilkan saran-saran dari konsumen. Gambar 5.20 Menu Saran Dan Keluhan Member 9. Menu Laporan Menu ini berfungsi untuk melihat laporan barang dan laporan penjualan.

5.1.6. Implementasi Instalasi Program

Implementasi instalasi program merupakan aspek awal untuk menjelaskan bagaimana perancangan aplikasi Website E-Commerce dapat dijalankan secara utuh didalam sistem komputer. Berikut langkah-langkah yang dilakukan dalam melakukan proses instalasi program agar berjalan pada kondisi offline. Berikut merupakan langkah dalam instalasi program : Gambar 5.21 Menu Laporan 1. Pastikan sudah memiliki software Xampp untuk servernya. 2. Lakukan konfigurasi software Xampp xampp-control.exe, dengan mengaktifkan Apache dan MySQL. 3. Konfigurasi database yang ada pada PhpMyAdmin, dengan menuju link, http:localhostphpmyadmin. 4. Konfigurasi penyimpanan file data web Thai Boxing Bandung offline, dengan menyimpan file web Thai Boxing Bandung pada folder htdocs. 5. Konfigurasi Koneksi Database, pastikan file database yang ada pada folder Website Thai Boxing Bandung dengan nama data koneksinya adalah aksesdb.php, harus memiliki sintak database yang sama. 6. Setelah proses instalasi selesai semua maka untuk mengakses menu utama Website Thai Boxing Bandung menggunakan alamat : http:localhostproject_web dan untuk admin menggunakan alamat http:localhostproject_webadmin.

5.2. Pengujian Program

Pengujian program merupakan bagian yang penting dalam siklus pembangunan perangkat lunak. Pengujian dilakukan untuk menjamin kualitas dan untuk mengetahui kelemahan dari perangkat lunak. Tujuan dari pengujian ini adalah untuk menjamin bahwa perangkat lunak yang memiliki kualitas yang baik yaitu mampu untuk mempersentasikan kajian pokok dari spesifikasi, analisis, perancangan, dan pengkodean dari perangkat lunak itu sendiri.

5.2.1. Rencana Pengujian

Pengujian perangkat lunak ini menggunakan metode pengujian blackbox. Alasannya karena metode blackbox dapat mengetahui apakah program dapat berjalan dengan benar dan sesuai dengan yang diharapkan. Kelebihan metode blackbox ini adalah kita dapat melakukan pengujian program dengan kondisi nyata saat program berjalan, jadi kita dapat mengetahui langsung apakah program dapat berjalan dan menghasilkan output seperti yang diharapkan. Pengujian Sistem Informasi Penjualan ini menggunakan data uji berupa data masukan dari user dan admin pada program aplikasi yang telah dibuat. Tabel di bawah ini akan menjelaskan mengenai rencana pengujian Website E-Commerce Thai Boxing Bandung. Kasus Uji Butir Uji Jenis Pengujian Registrasi Member Melakukan Pengisian data pendaftaran user. Blackbox Login Member Melakukan proses login member. Blackbox Ganti password Melakukan ganti password member. Blackbox Pesanan barang Memasukkan pemesanan data barang ke keranjang belanja. Blackbox Tabel 5.1 Rencana Pengujian Untuk Tampilan User