BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 IMPLEMENTASI SISTEM Tahap implementasi adalah tahap dimana akan dijelaskan implementasi sistem dan kebutuhan sistem yang dibutuhkan untuk pengimplementasian dari program yang dibuat. Untuk menjalankan program secara offline dibutuhkan paket program server appserv atau server yang mendukung bahasa pemrograman php dan MYSQL sebagai databasenya dengan cara mengetikkan http://localhost/nama_folder. Dibawah ini adalah cara pembuatan database pada MySQL dengan menggunakan PHP, adapun langkah-langkahnya adalah sebagai berikut : 1. Aktifkan Appserv terlebih dahulu sampai tampil gambar seperti gambar berikut. Gambar 4.1 Tampilan Localhost Appserv 88
89 2. Setelah muncul tampilan, lalu pilih phpmyadmin Database kemudian masukkan username dan password Anda. Gambar 4.2 Tampilan Masuk PhpMyAdmin 3. Setelah masukkan username dan password, maka akan muncul tampilan seperti di bawah Gambar 4.3 Tampilan PhpMyAdmin
90 4. Ketik nama database yang akan dibuat pada kolom lalu create (ciptakan). Gambar 4.4 Tampilan PhpMyAdmin 5. Setelah nama database dimasukkan ke dalam kolom create maka akan tampil gambar sebagai berikut. Gambar 4.5 Tampilan Pembuatan Database
91 6. Ketik nama database yang akan dibuat dan masukkan jumlah field yang akan dibuat lalu go, maka akan tampil seperti gambar berikut. Gambar 4.6 Tampilan field pada database 7. Masukkan nama field yang akan dijadikan sebagai primary key atau foreign key untuk menghubungkan antar database yang dibuat lalu simpan untuk menyimpan nama field pada database, seperti gambar berikut ini. Gambar 4.7 Tampilan Penulisan Nama Field pada database
92 8. Setelah penulisan nama field lalu akan tampil sebuah tabel seperti pada gambar berikut. Gambar 4.8 Tampilan sebuah tabel pada database 9. Berikut ini adalah hasil dari keseluruhan Database CV Sepeda Roda Jaya. 1) Tabel admin Gambar 4.9 tabel admin
93 2) Tabel contac Gambar 4.10 tabel contac 3) Tabel Detail Forum Gambar 4.11 tabel detail forum
94 4) Tabel Forum Gambar 4.12 tabel forum 5) Tabel member Gambar 4.13 Tabel member
95 6) Tabel pemesanan 7) Tabel produk Gambar 4.14 tabel pemesanan Gambar 4.15 tabel produk
96 8) Tabel Temp 9) Tabel Validasi Gambar 4.16 tabel temp Gambar 4.17 tabel validasi
97 4.2 Tampilan antar muka Pada bagian ini akan digambarkan mengenai tampilan antar muka pada aplikasi website e-commerce ini, secara umum terdapat tiga bagian tampilan antar muka dalam aplikasi ini yaitu untuk pengunjung, member serta admin. Perbedaan menu yang tersedia pada setiap bagian disesuaikan dengan fungsi kegunaan masing-masing pengguna, sedangkan tampilan menu untuk masingmasing bagian akan berbeda antara yang satu dengan yang lainnya. Setiap member dan admin harus terlebih dahulu melakukan login untuk melanjutkan pada menu selanjutnya. 1. Halaman Utama (Home), Menampilkan informasi jenis sepeda spare part dan akasesoris. Gambar 4.18 tampilan home
98 2. Halaman Daftar Member, Halaman yang harus diinput untuk pendaftaran calon member. Jika calon member memilih daftar maka data akan tersimpan dalam database. Gambar 4.19 halaman daftar member 3. Halaman Sepeda,menampilkan jenis sepeda Gambar 4.20 halaman sepeda
99 4. Halaman spare part 5. Halaman aksesoris Gambar 4.21 halaman spare part Gambar 4.22 tampilan halaman aksesoris
100 6. Halaman Forum 7. halaman kontak kami Gambar 4.23 tampilan halaman forum Gambar 4.24 halaman kontak kami
101 8. Halaman cara pembayaran Gambar 4.25 halaman cara pembayaran 9. Halaman Login Member, Halaman yang dapat di akses oleh member yang sudah melakukan pendaftaran terlebih dahulu, Jika memilih submit maka member dapat melakukan transaksi pemesanan barang. Gambar 4.26 halaman layar login member
102 10. Halaman Shopping Chart, Tempat penyimpanan sementara barang dan total bayar yang di beli. Gambar 4.27 halaman shopping chart 11. Halaman Invoice, Informasi mengenai data pesanan dan total bayar yang harus dibayar member setelah bertransaksi. Gambar 4.28 halaman invoice
103 12. Halaman Details Member, Informasi mengenai Details member yang ada pada Roda jaya sepeda. Gambar 4.29 halaman Data member 13. Halaman Log in Admin Gambar 4.30 halaman Log in admin
104 14. Halaman Data validasi pembayaran 15. Data saran Gambar 4.31 halaman data validasi pembayaran Gambara 4.32 halaman Data saran
105 16. Halaman Tambah Data Produk, Halaman yang digunakan oleh admin untuk mengedit, menghapus, menambahkan data barang. Gambar 4.33 tambah produk 17. Data Validasi Gambar 4.34 Data Validasi
106 4.3 Metode Pengujian Metode ujicoba blackbox (ayuliana_st.staff.gunadarma.ac.id) memfokuskan pada keperluan fungsional dari software. Karna itu ujicoba blackbox memungkinkan pengembang software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fungsional suatu program. Ujicoba blackbox bukan merupakan alternatif dari ujicoba whitebox, tetapi merupakan pendekatan yang melengkapi untuk menemukan kesalahan lainnya, selain menggunakan metode whitebox. Ujicoba blackbox berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya : 1. Fungsi-fungsi yang salah atau hilang 2. Kesalahan interface 3. Kesalahan dalam struktur data atau akses database eksternal 4. Kesalahan performa 5. kesalahan inisialisasi dan terminasi Tidak seperti metode whitebox yang dilaksanakan diawal proses, ujicoba blackbox diaplikasikan dibeberapa tahapan berikutnya. Karena ujicoba blackbox dengan sengaja mengabaikan struktur kontrol, sehingga perhatiannya difokuskan pada informasi domain. Pengujian dengan menggunakan metode black box testing dilakukan dengan cara memberikan sejumlah masukkan (input) pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi web menghasilkan keluaran (output) yang diinginkan sesuai dengan fungsi dari program aplikasi web tersebut. Bila dari input yang diberikan proses menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program aplikasi yang penulis rancang berhasil tetapi bila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program aplikasi tersebut. 4.3.1 Lingkungan Pengujian Pembuatan aplikasi ini dibuat menggunakan komputer dengan spesifikasi sebagai berikut: 1. Perangkat Keras (Hardware) : a) Processor : Intel Pentium Dual Core
107 b) RAM : 512 MB c) Harddisk : 500 GB 2. Perangkat Lunak (Software) : a) Window 7 ultimate b) Adobe Dreamweaver CS 3 c) appserv-win32-2.5.9 d) Adobe Photoshop CS 3 4.4 Skenario Pengujian Skenario pengujian dilakukan untuk menentukan langkah-langkah dalam melakukan pengujian. Pengujian dilakukan dengan menjalankan aplikasi dari perancangan website. Setelah aplikasi dijalankan selanjutnya adalah menguji tomboltombol yang terdapat dalam antar muka aplikasi tersebut apakah sesuai dengan tahap perancangan. Tabel 4.1 Tabel skenario pengujian Perancangan Aplikasi Website Menggunakan Php dan MySQL Pada CV.Roda jaya sepeda No Menu yang di uji Bagian dari menu yang di uji Status aplikasi Skenario pengujian Hasil yang diharapkan 1. Halaman awal Proses link Halaman awal Klik link yang (Home) sudah terbuka tersedia di halaman awal 2. Halaman sepeda Proses link Halaman tentang kami sudah terbuka Klik link yang sudah tersedia di halaman tentang kami 3. Halaman spare part Proses link Halaman artikel sudah terbuka Klik link yang sudah tersedia di halaman artikel 4. Halaman aksesoris Proses link Halaman cara pesan sudah terbuka Klik link yang sudah tersedia di halaman cara pesan 5. Halaman Daftar Proses link Halaman daftar Menampilkan form
108 Member member yang harus di isi oleh calon member 6. Halaman forum Proses link Halaman Klik link yang hubungi kami tersedia di halaman sudah terbuka hubungi kami 7. Halaman Proses link Halaman Klik link yang Kontak kami katalog sudah tersedia di halaman terbuka katalog 8. Halaman cara Proses link Halaman Klik link yang pembayaran katalog sudah tersedia di halaman terbuka katalog 9. Halaman Login Proses sub akses Halaman Masukan username Member register dan password member sudah member terbuka 10. Halaman Login Proses sub akses Halaman login Masukan username Admin admin sudah dan password terbuka admin 11. Tambah data Menampilkan Halaman data Menambahkan dan produk (edit) data produk produk sudah terbuka menghapus katalog produk 12. Menu data Menampilkan Halaman data Melihat dan member Data member member sudah menghapus data terbuka member 13. Menu Validasi Menampilkan Halaman Melihat halaman pembayaran form validasi validasi validasi pembayaran pembayaran pembayaran sudah terbuka 14. Menu data Menampilkan Halaman data mencetak dan invoice data invoice invoice sudah menghapus data tampilan yang berisi form data calon halaman yang di, link berfungsi halaman admin Menampilkan katalog produk yang sudah terdaftar dalam database Menampilkan data member yang sudah terdaftar dalam database Menampilkan validasi pembayaran yang sudah di terdaftar dalam database Menampilkan data invoice yang sudah
109 terbuka invoice terdaftar didalam database. 4.5 Hasil Pengujian Dari hasil skenario pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian. Dari hasil skenario pengujian pada setiap pilihan yang ada pada pada perancangan aplikasi website menggunakan Php & MySQL Pada Cv.roda jaya sepeda, yaitu menu link Home, sepeda, Aksesoris, forum, kontak kami dan cara pembayaran, Dalam Admin maka diperoleh hasil pengujian tersebut sesuai dengan rumusan perancangan aplikasi program ini. Dan terangkum dalam table 4.2 hasil pengujian sebagai berikut : No. Antar muka yang di uji Bagian yang di uji Input 1. Halaman awal Link Home Klik link yang tersedia (Home) di halaman awal 2. Halaman sepeda Link tentang Klik link yang tersedia sepeda di halaman sepeda 3. Halaman Link sparepart Klik link yang tersedia sparepart di halaman sparepart 4. Halaman Link aksesoris Klik link yang tersedia aksesoris di halaman aksesoris 5. Halaman forum Link forum Klik link yang tersedia di halaman aksesoris 6. Halaman kontak Link kontak Klik link yang tersedia Kami Kami di halaman kontak kami,dan tardapat Hasil pengujian Tersimpan data kritik dan saran ke dalam database serta tombol
110 form saran, Nama, Email, Saran dan kritik 7. Halaman cara Link cara Klik link yang tersedia pembayaran pembayaran di halaman cara pembayaran 8. Halaman Login Login member Username dan Member password 9. Halaman Login Login admin Username dan Admin password 10. Menu Member Data member Melihat dan menghapus data member 11. Halaman tambah Tambah produk Menambah produk produk dan menghapus produk 12. Menu data Kirim bukti Nama, No.Transaksi, validasi pembayaran dari No.Ref bank, Jumlah pembayaran user transfer 13. Menu data Kirim bukti Nama, No.Transaksi, invoice pembayaran dari No.Ref bank, Jumlah user transfer berfungsi Dapat melakukan transaksi, Terhubung dengan halaman yang di, Link berfungsi halaman admin Menampilkan data member yang sudah terdaftar dalam database Menampilkan data produk yang sudah terdaftar dalam database Tersimpan data validasi ke dalam database serta tombol berfungsi Tersimpan data validasi ke dalam database serta tombol berfungsi 4.6 Analisis Hasil Pengujian Setelah dilakukan pengujian secara menyeluruh terhadap aplikasi website, Hasil pengujian yang diperoleh dapat dianalisis sebagai berikut :
111 1. Pengujian halaman Home, sepeda, spare part, aksesoris, forum, kontak Kami dan cara pembayaran, Sesuai skenario pengujian yang di lakukan, di halaman website tersebut semua link yang menghubungkan antara halaman yang satu dengan yang lain dapat terbuka. 2. Pengujian Halaman Daftar Member, Pengujian dilakukan dengan menguji tombol daftar, dengan cara calon member mengisi seluruh form yang tedapat pada menu daftar Member, setelah itu calon member daftar maka data akan tersimpan kedalam database. 3. Pengujian Halaman kontak Kami, pengujian dilakukan dengan menguji tombol kirim dan batal, dengan cara user menginput nama, email saran dan kritik kemudian memilih kirim maka data akan tersimpan dalam database dan hasilnya dapat langsung terlihat pada menu Hubungi Kami. 4. Pengujian Login admin dan Login Member. Login member hanya bisa dilakukan oleh member sedangkan login admin dilakukan oleh admin. Dan pengujian dapat dilakukan sesuai dengan yang diharapkan. 5. Pengujian Menu Halaman Admin, Pengujian yang dilakukan adalah dengan menguji tombol yang terhubung kedalam database, Pada pengujian ini administrator dapat mengubah data yang terdapat didalam website tersebut sesuai apa yang diharapkan pada hasil di skenario pengujian. Sesuai dengan hasil pengujian tomboltombol yang ada pada halaman admin berfungsi dengan baik dan berjalan sesuai dengan apa yang diinginkan administrator. Dari hasil pengujian yang dilakukan pada website tersebut dapat disimpulkan bahwa semua link dan tombol button pada program yang ada di halaman website tersebut dapat dijalankan. Dan untuk menjalankan program atau hasil website tersebut, maka jalankan browser seperti, Internet Explorer, Mozilla Firefox. Ketikkan alamat http:/localhost/sepeda/.