BAB IV
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Sistem
Tahap implementasi dan pengujian sistem, dilakukan setelah tahap analisis dan perancangan selesai dilakukan. Pada sub bab ini akan dijelaskan implementasi dari aplikasi sistem dengan menggunakan beberapa fungsi yang penulis buat terdiri dari lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut. Untuk Menjalankan program website Toko Palapa Sports Jl. Mampang Raya No. 36 B, Jakarta Selatan. Menggunakan PHP MySQL, maka diperlukan sebuah Web Server yang akan digunakan sebagai tempat penyimpanan program. Web Server yang akan digunakan berupa “Apache”, atau program Web Server lain yang mendukung program PHP minimal versi 4.0.5 dan MySQL minimal versi 3.23 sebagai database Server. Untuk memulai program, jalankan browser seperti “Internet Explorer”, Mozilla Firefox atau Nestcape. Ketikkan alamat “http:/nama-server/path-folder/”. Nama-server adalah nama Nama-server tempat program disimpan.
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
2. Setelah muncul tampilan, lalu pilih phpMyAdmin Database kemudian masukkan username dan password Anda.
3. Setelah masukkan username dan password, maka akan muncul tampilan seperti di bawah
Gambar 4.3 Tampilan PhpMyAdmin
4. Ketik nama database yang akan dibuat pada kolom yang dilingkari lalu klik create (ciptakan).
5. Setelah nama database dimasukkan ke dalam kolom create maka akan tampil gambar sebagai berikut.
Gambar 4.5 Tampilan Pembuatan Database
6. Ketik nama database yang akan dibuat dan masukkan jumlah field yang akan dibuat lalu klik go, maka akan tampil seperti gambar berikut.
7. Masukkan nama field yang akan dijadikan sebagai primary key atau foreign key untuk menghubungkan antar database yang dibuat lalu klik simpan untuk menyimpan nama field pada database, seperti gambar berikut ini.
Gambar 4.7 Tampilan Penulisan Nama Field pada database
8. Setelah penulisan nama field lalu akan tampil sebuah tabel seperti pada gambar berikut.
Gambar 4.9 Tampilan keseluruhan dari database Toko Palapa Sports
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 masing-masing-masing-masing 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 slide foto-foto tentang produk Palapa Sport Mampang, Jakarta Selatan dan terdapat beberapa informasi
Gambar 4.10 Tampilan Layar Halaman Menu Utama
2. Halaman Tentang Kami, informasi mengenai toko Palapa Sport Mampang Jakarta Selatan yang berisi profil atau sejarah berdirinya Toko Palapa Sport.
3. Halaman Cara Pembelian, informasi mengenai Cara Pembelian yang ada ditoko Palapa Sport Mampang Jakarta Selatan.
Gambar 4.12 Tampilan Layar Halaman Cara Pembelian
4. Halaman Daftar Member, Halaman yang harus diinput untuk pendaftaran calon member. Jika calon member memilih daftar maka data akan tersimpan dalam database
5. Halaman Hubungi Kami, Halaman untuk menyampaikan saran dan kritik member terhadap toko, Jika member memilih kirim maka data saran dan kritik akan tersimpan dalam database.
Gambar 4.14 Tampilan Halaman Layar Hubungi Kami
6. Halaman Shopping Chart, Tempat Penyimpanan Sementara Barang dan Total Bayar yang di Beli di Toko Palapa Sports.
7. 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.16 Tampilan Halaman Layar Login Member
8. Halaman Katalog Produk, informasi mengenai koleksi Produk yang ada di Toko Palapa Sports.
9. Halaman Invoice, informasi mengenai data pesanan dan total bayar yang harus dibayar member setelah bertransaksi.
Gambar 4.18 Tampilan Layar Halaman Invoice
10. Halaman Data Member dan Pesanan, Halaman yang berisikan tentang Data member dan Pesanan yang ada di Toko Palapa Sports.
11. Halaman Details Member, Halaman yang berisikan tentang data diri member yang sudah terdaftar yang ada di Toko Palapa Sports.
Gambar 4.20 Tampilan Layar Halaman Details Member
12. Halaman Details Pemesanan, informasi mengenai Details pemesanan member yang ada di Toko Palapa Sports.
13. Halaman Data Validasi Pembayaran, informasi mengenai Data Validasi Pembayaran member yang ada di Toko Palapa Sports.
Gambar 4.22 Tampilan Layar Halaman Data Validasi Pembayaran
14. Halaman Data Saran dan Kritik, informasi mengenai Saran dan Kritik member yang ada di Toko Palapa Sports.
15. Halaman Validasi Pembayaran , Halaman yang harus diinput oleh member setelah melakukan pembayaran melalui transfer.
Gambar 4.24 Tampilan Layar Halaman Validasi Pembayaran
16. Halaman Login Admin, Halaman yang hanya dapat di akses oleh admin
17. Halaman Tambah Data Produk, Halaman yang digunakan oleh admin untuk mengedit, menghapus, menambahkan data barang.
Gambar 4.26 Tampilan Layar Halaman Tambah Data Produk
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 :
a. Tipe Komputer : PC
b. Processor : Intel Pentium 4
c. Floppy disk drive : 1,44 MB
d. RAM : 512 MB e. Hardisk : 80 GB f. Monitor : SVGA 14’’ g. Mouse : Standar h. Keyboard : Standar 2. Perangkat Lunak : a. Microsoft Xp Professional b. Macromedia Dreamweaver 8 c. Appserv-win32-2.5.9 exe 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 tombol-tombol yang terdapat dalam antar muka aplikasi tersebut apakah sesuai dengan tahap perancangan.
Tabel 4.1 Tabel skenario pengujian Perancangan E-Commerce Menggunakan Php & MySQL Pada Toko. PalapaSport
No Menu yang di uji
Bagian dari Menu yang di uji Status Aplikasi Skenario Pengujian Hasil yang di harapkan 1. Halaman awal(Beranda)
Proses Link Halaman awal sudah terbuka
Klik link yang tersedia di halaman awal
Terhubung dengan halaman link yang di klik
2. Halaman tentang kami
Proses Link Halaman tentang kami sudah terbuka
Klik link yang tersedia di halaman tentang kami
Terhubung dengan halaman link yang di klik
3. Halaman Cara Pembelian
Proses Link Halaman cara pembelian sudah terbuka
Klik link yang tersedia di halaman cara pembelian
Terhubung dengan halaman link yang di klik
4. Halaman Daftar Member
Proses Link Halaman daftar member sudah terbuka Menampilkan form yang harus diinput oleh calon member Muncul Tampilan yang berisi form data Calon member, tombol berfungsi sebagaimana fungsi masing-masing 5. Halaman Katalog
Proses Link Halaman katalog sudah terbuka
Klik link yang tersedia di halaman katalog
Terhubung dengan halaman link yang di klik
6. Halaman Hubungi kami
Proses Link Halaman hubungi kami sudah terbuka
Klik link yang tersedia di halaman Hubungi kami
Terhubung dengan halaman link yang di klik
7. Halaman login member
Proses sub akses Halaman login member sudah terbuka Memasukkan username dan password Dapat melakukan transaksi, Terhubung dengan halaman yang di klik, Link berfungsi
8. Halaman login admin
Proses sub akses Halaman login admin sudah terbuka Memasukkan username dan password Akan connect ke halaman admin
9. Menu member Menampilkan data member Halaman data member sudah terbuka Lihat data Member Akan menampilkan data member yang sudah terdaftar dalam database 10. Halaman pemesanan barang Transaksi Pemesanan Halaman transaksi pemesanan barang sudah terbuka Proses transaksi pemesanan barang Akan connect ke halaman pemesanan dan member dapat melakukan transaksi pemesanan 11. Menu katalog produk Menampilkan Katalog produk Halaman Katolog produk sudah terbuka Menambahkan dan menghapus katolog produk Akan menampilkan katalog produk yang sudah terdaftar dalam database
Pembayaran form validasi pembayaran Validasi pembayaran sudah terbuka halaman validasi pembayaran menampilkan Validsi pembayaran yang sudah terdaftar dalam database 4.4.1 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 E-Commerce Menggunakan Php & MySQL Pada Toko. PalapaSport. Jl. Mampang Raya No.36 B Jakarta Selatan, yaitu menu link Beranda, Cara Pembelian, Hubungi Kami, menu Daftar Member, Login Siswa dan menu 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 diuji
Bagian yang diuji
Input Hasil yang
diharapkan
1. Halaman awal(Beranda)
Link Beranda
Klik link yang tersedia di halaman awal
Terhubung
dengan halaman link yang di klik
kami Tentang Kami tersedia di halaman tentang kami dengan halaman link yang di klik
3. Halaman Cara Pembelian
Link cara pembelian
Klik link yang tersedia di halaman cara pembelian
Terhubung
dengan halaman link yang di klik
4. Halaman Daftar Member
Link daftar member
Memasukkan identitas diri yang ada di form daftar member
Data diri member tersimpan dalam database
5. Halaman Katalog Link katalog Klik link yang tersedia di halaman katalog
Terhubung
dengan halaman link yang di klik
6. Halaman Hubungi kami
Kirim pesan dari user
Nama, email dan pesan Tersimpan data pesan ke dalam database serta tombol berfungsi 7. Halaman login member Login member Username dan Password Dapat melakukan transaksi, Terhubung dengan halaman
yang di klik, Link berfungsi 8. Halaman login admin Login Admin Username dan Password Akan connect ke halaman admin
9. Menu member Data Member Melihat dan menghapus data Member Menampilkan data Member yang sudah terdaftar dalam database 10. Halaman pemesanan barang Transaksi pemesanan Proses Transaksi pemesanan produk Connect ke halaman pemesanan dan member melakukan transaksi pemesanan 11. Menu katalog produk Data Katalog produk Memasukkan dan menghapus data Produk Menampilkan data Produk yang sudah terdaftar dalam database
12. Menu validasi Kirim bukti pembayaran
Nama,
No.Transaksi,
Tersimpan data validasi ke dalam
Pembayaran dari user No.Ref.Bank, Jumlah Transfer
database serta tombol berfungsi
4.4.2 Analisis Hasil Pengujian
Setelah dilakukan pengujian secara menyeluruh terhadap aplikasi Website E-commerce, hasil pengujian yang diperoleh dapat dianalisis sebagai berikut:
1. Pengujian halaman Beranda, Tentang Kami, Cara Pembelian, Daftar Member dan Katalog berjalan 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 klik daftar maka data akan tersimpan kedalam database.
3. Pengujian Halaman Hubungi Kami, pengujian dilakukan dengan menguji tombol send dan cancel, dengan cara user menginput nama, email dan saran kemudian memilih send 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 tombol-tombol yang ada pada halaman admin berfungsi dengan baik dan berjalan sesuai dengan apa yang diinginkan .
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/reza/”.
