76 BAB IV IMPLEMENTASI DAN PENGUJIAN 1.1 IMPLEMENTASI SISTEM Tahap implementasi dan pengujian sistem dilakukan setelah tahap analisis dan perancangan selesai dilakukan. Pada bab ini akan dijelaskan implementasi dari aplikasi sistem dengan menggunakan beberapa fungsi yang penulis buat terdiri dari lingkungan implementasi, pengkodean, dan interface dari website tersebut. 1.1.1 Spesifikasi Kebutuhan Pengujian pada aplikasi ini meliputi perangkat keras dan perangkat lunak. Spesifikasi masing-masing adalah sebagai berikut : 1. Spesifikasi Perangkat Keras a. Komputer dengan prosesor Intel core i3-2330m CPU 2.20 GHz 64bit b. Memory RAM 2 GB c. Hardisk 500 GB d. VGA 1 GB e. Monitor f. Mouse dan Keyboard 2. Spesifikasi Perangkat Lunak a. Microsoft Windows 7, system operasi yang digunakan pada website ini b. Adobe Dreamweaver CS5 digunakan untuk membuat program dan tampilan website. c. MySQL server d. Internet Google Chrome sebagai browser internet
77 1.2 IMPLEMENTASI BASIS DATA Pada implementasi website ini menggunakan basis data. Terdapat 8 tabel yaitu :,, produk, kritik, orders, keranjang, order_detail, contact. Berikut adalah tampilan tabel-tabel basis data yang dibuat : 1. Tampilan aktif Xampp Control Panel Gambar 4.1 Tampilan Aktif Xampp Control Panel
78 2. Tampilan Localhost/Xampp. Berikut tampilan awal Xampp versi 1.6.4 menggunakan browser Google Chrome. Gambar 4.2 Tampilan Halaman Utama Localhost/xampp 3. Setelah tampilan diatas muncul, berikut tampilan tools Xampp yaitu localhost/phpmy pada browser. Gambar 4.3 Tampilan Halaman Utama Localhost/phpmy
79 4. Tampilan list tabel herbalife yang dibuat. Gambar 4.4 Tampilan Kolom Tabel Database Herbalife 5. Tampilan tabel Gambar 4.5 Tampilan Struktur Tabel Admin 6. Tampilan tabel Gambar 4.6 Tampilan Struktur Tabel Member
80 7. Tampilan tabel produk Gambar 4.7 Tampilan Struktur Tabel Produk 8. Tampilan tabel kritik Gambar 4.8 Tampilan Struktur Tabel Kritik 9. Tampilan tabel orders Gambar 4.9 Tampilan Struktur Tabel Orders
81 10. Tampilan tabel keranjang Gambar 4.10 Tampilan Struktur Tabel Keranjang 11. Tampilan tabel order_detail Gambar 4.11 Tampilan Struktur Tabel Order_detail 12. Tampilan tabel contact Gambar 4.12 Tampilan Struktur Tabel Contact
82 1.3 TAMPILAN ANTAR MUKA Setelah membuat struktur tampilan maka dalam pembahasan ini akan digambarkan mengenai tampilan antar muka pada aplikasi Perancangan E- Commerce Pada Rumah Hijau PAL PT. Prima Andriyani Lestari. 1. Tampilan Halaman Utama Gambar 4.13 Tampilan Halaman Utama 2. Tampilan Halaman Login Member Gambar 4.14 Tampilan Halaman Login Member
83 3. Tampilan Halaman Daftar Member Gambar 4.15 Tampilan Halaman Daftar Member 4. Tampilan Halaman Pesan Produk Gambar 4.16 Tampilan Halaman Pesan Produk
84 5. Tampilan Halaman Keranjang Belanja Gambar 4.17 Tampilan Halaman Keranjang Belanja 6. Tampilan Halaman Pembelian Gambar 4.18 Tampilan Halaman Pembelian
85 7. Tampilan Halaman Tentang Rumah Hijau PAL Gambar 4.19 Tampilan Halaman Tentang Rumah Hijau PAL 8. Tampilan Halaman Kritik dan Saran Gambar 4.20 Tampilan Halaman Kritik Dan Saran
86 9. Tampilan Halaman Data Pembelian Member Gambar 4.21 Tampilan Halaman Data Pembelian Member 10. Tampilan Halaman Login Admin Gambar 4.22 Tampilan Halaman Login Admin
87 11. Tampilan Halaman Utama Admin Gambar 4.23 Tampilan Halaman Utama Admin 12. Tampilan Halaman Produk Admin Gambar 4.24 Tampilan Halaman Produk Admin
88 13. Tampilan Halaman Tambah Produk Admin Gambar 4.25 Tampilan Halaman Tambah Produk Admin 14. Tampilan Halaman Order Admin Gambar 4.26 Tampilan Halaman Order Admin
89 15. Tampilan Halaman Data Pesanan Admin Gambar 4.27 Tampilan Halaman Data Pesanan Admin 16. Tampilan Halaman Cetak Laporan Konfirmasi Gambar 4.28 Tampilan Halaman Cetak Laporan Konfirmasi
90 17. Tampilan Halaman Laporan Admin Gambar 4.29 Tampilan Halaman Laporan Admin 18. Tampilan Halaman Member Admin Gambar 4.30 Tampilan Halaman Member Admin
91 19. Tampilan Halaman Kotak Kritik & Saran Gambar 4.31 Tampilan Halaman Kotak Kritik & Saran 20. Tampilan Halaman Tambah Admin Gambar 4.32 Tampilan Halaman Tambah Admin 1.4 METODE PENGUJIAN Metode Pengujian pada sistem ini menggunakan metode Black Box. Pengujian Black Box berfokus pada persyaratan fungsional perangkat lunak. Pengujian ini memungkinkan analis sistem memperoleh kumpulan kondisi input yang akan mengerjakan seluruh keperluan fungsional program.
92 Tujuan metode ini mencari kesalahan pada : Fungsi yang salah atau hilang Kesalahan pada interface Kesalahan pada struktur data atau akses database Kesalahan performansi Kesalahan inisialisasi dan tujuan akhir 1.5 SKENARIO PENGUJIAN Skenario Pengujian ini untuk mendeteksi kemungkinan masalah yang mungkin terjadi. Hal ini perlu untuk menjelaskan prosedur yang kompleks tapi di saat yang sama harus mudah untuk mengevaluasi. Tabel 4.1 Skenario Pengujian Black Box Testing Pada Aplikasi No Antar Muka 1. Tampilan utama 2. Tampilan pendaftaran 3. Tampilan utama Uji Coba form login pada utama daftar fasilitas pencarian Status Aplikasi Masuk utama registrasi sedang berjalan pencarian Skenario Pengujian Input username dan password Input data diri sesuai dengan informasi yang dibutuhkan Mengetikan kata kunci yang ingin di cari Hasil yang diharapkan Proses login berjalan dengan baik dan selanjutnya terbuka sesuai dengan hak akses Tersimpan ke database dan berfungsi seperti yang di harapkan Berhasil menampilkan informasi sesuai dengan kata kunci yang di masukan
93 4. Tampilan produk 5. Tampilan keranjang 6. Tampilan kritik dan saran 7. Tampilan konfirmasi 8. Tampilan produk 9. Tampilan order 10. Tampilan laporan 11. Tampilan 12. Tampilan kotak kritik & saran beli belanja lagi dan selesai belanja kirim dan batal kirim tambah produk, pilih file, input, reset edit, hapus, ubah cetak laporan hapus aksi dan hapus pesan produk keranjang belanja kotak kritik dan saran konfirmasi pembayaran daftar produk order penjualan laporan data penjualan data data kotak kritik dan saran Menambah produk yang dipesan ke dalam form keranjang belanja Input datadata sesuai dengan form Input datadata sesuai dengan form Input datadata sesuai dengan form Input datadata sesuai dengan form Input datadata sesuai dengan form Input datadata sesuai dengan form Hapus data-data yang diinginkan Hapus data-data yang diinginkan tersimpan ke dalam data base tersimpan ke dalam database tersimpan ke dalam database tersimpan ke dalam database tersimpan ke dalam database tersimpan ke dalam database tercetak dan tersimpan ke dalam database terhapus dari database terhapus dari database
94 13. Tampilan tambah 14. Tampilan konfirmasi tambah, simpan, reset, kembali dan hapus aksi dan hapus tambah details konfirmasi Input datadata sesuai dengan form Hapus data-data yang diinginkan tersimpan ke dalam database terhapus dari database 4.6 ANALISA HASIL PENGUJIAN Analisa hasil pengujian dari sistem ini menunjukkan bahwa hasil pencapaian aplikasi ini sesuai dengan rancangan aplikasi program ini. Terdapat 2 (dua) status login pada sistem ini yaitu : Member dan Admin. Dimana klasifikasi login ini berfungsi untuk membedakan hak akses antar kedua user. Admin dan memasukkan Username dan Password untuk dapat menjalankan sistem. Untuk login sebagai Admin dapat mengelola website ini seperti produk, order (pesanan), laporan,, kritik & saran, tambah, dan konfirmasi. Untuk login sebagai Member dapat mengakses website ini seperti cara pemesanan, produk, keranjang, tentang Rumah Hijau PAL, kritik dan saran, data, konfirmasi. Data Tambah Admin berisikan field username, password, nama. Setelah field di isikan, tekan simpan untuk menyimpan data, reset untuk mengkosongkan field dan kembali untuk keluar dari ini. Data Tambah Produk berisikan field upload gambar, nama produk, harga produk, keterangan produk. Setelah field di isikan, tekan input untuk menyimpan data, reset untuk mengkosongkan field. Data Laporan Penjualan berisikan field dari tanggal. Setelah field di isikan, pilih option baru, lunas atau terkirim, setelah memilih option, tekan cetak laporan untuk mencetak laporan. Data Daftar Member berisikan field username, password, e-mail, telp, jenis kelamin, tanggal lahir, alamat. Setelah field di isikan, tekan simpan untuk menyimpan data dan batal untuk mengosongkan field tersebut.
95 Data Kritik dan Saran berisikan field kritik dan saran. Setelah field di isikan, tekan kirim untuk menyimpan data dan batal untuk mengkosongkan field tersebut. Data Konfirmasi berisikan field bank tujuan, bank asal, nama pengirim, nomer rekening pengirim, tanggal transfer, nominal. Setelah field di isikan, tekan kirim untuk menyimpan data. Sistem ini telah dilakukan pengujian dan atau dapat dijalankan sesuai dengan rancangan yang telah dibangun. Hasil analisis terhadap aplikasi yang dibangun secara keseluruhan telah berfungsi dengan baik dan layak digunakan.