BAB IV IMPLEMENTASI DAN PENGUJIAN. lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut.

Transkripsi

1 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 dan MySQL minimal versi 3.23 sebagai database Server. Untuk memulai program, jalankan browser seperti Internet Explorer, Mozilla Firefox atau Nestcape. Ketikkan alamat Namaserver adalah nama server tempat program disimpan. Dibawah ini adalah cara pembuatan database pada MySQL dengan menggunakan PHP, adapun langkah-langkahnya adalah sebagai berikut :

2 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. Gambar 4.2 Tampilan Masuk PhpMyAdmin

3 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). Gambar 4.4 Tampilan PhpMyAdmin yang akan dibuat

4 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. Gambar 4.6 Tampilan field pada database yang dibuat

5 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.8 Tampilan sebuah tabel pada database

6 9. Berikut ini adalah hasil dari keseluruhan Databse yang telah dibuat.

7 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 masingmasing pengguna, sedangkan tampilan menu untuk 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.

8 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. Gambar 4.11 Tampilan Layar Halaman Tentang Kami

9 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 Gambar 4.13 Tampilan Halaman Layar Daftar Member

10 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. Gambar 4.15 Tampilan Halaman Layar Shopping Chart

11 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. Gambar 4.17 Tampilan Layar Halaman Katalog Produk

12 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. Gambar 4.19 Tampilan Layar Halaman Data Member dan Pesanan

13 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. Gambar 4.21 Tampilan Layar Halaman Details Pemesanan

14 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. Gambar 4.23 Tampilan Layar Halaman Data Saran dan Kritik

15 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 Gambar 4.25 Tampilan Layar Halaman Login Admin

16 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 :

17 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.

18 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-win exe d. Adobe Photoshop CS 3

19 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 E-Commerce Menggunakan Php & MySQL Pada Toko. PalapaSport No Menu yang di Bagian dari Menu Status Skenario Hasil yang di uji yang di uji Aplikasi Pengujian harapkan 1. Halaman Proses Link Halaman awal Klik link yang Terhubung dengan awal(beranda) sudah terbuka tersedia di halaman link yang halaman awal di klik 2. Halaman Proses Link Halaman Klik link yang Terhubung dengan tentang kami tentang kami tersedia di halaman link yang sudah terbuka halaman di klik tentang kami 3. Halaman Cara Proses Link Halaman cara Klik link yang Terhubung dengan Pembelian pembelian tersedia di halaman link yang sudah terbuka halaman cara pembelian di klik

20 4. Halaman Proses Link Halaman Menampilkan Muncul Tampilan Daftar daftar form yang yang berisi form Member member harus diinput data Calon sudah terbuka oleh calon member, tombol member berfungsi sebagaimana fungsi masingmasing 5. Halaman Proses Link Halaman Klik link yang Terhubung dengan Katalog katalog sudah tersedia di halaman link yang terbuka halaman di klik katalog 6. Halaman Proses Link Halaman Klik link yang Terhubung dengan Hubungi kami hubungi kami tersedia di halaman link yang sudah terbuka halaman di klik Hubungi kami 7. Halaman Proses sub akses Halaman Memasukkan Dapat melakukan login member login member username dan transaksi, sudah terbuka password Terhubung dengan halaman yang di klik, Link berfungsi

21 8. Halaman Proses sub akses Halaman Memasukkan Akan connect ke login admin login admin username dan halaman admin sudah terbuka password 9. Menu member Menampilkan Halaman data Lihat data Akan data member member Member menampilkan data sudah terbuka member sudah yang terdaftar dalam database 10. Halaman Transaksi Halaman Proses Akan connect ke pemesanan Pemesanan transaksi transaksi halaman barang pemesanan pemesanan pemesanan dan barang sudah barang member dapat terbuka melakukan transaksi pemesanan 11. Menu katalog Menampilkan Halaman Menambahkan Akan produk Katalog produk Katolog dan menampilkan produk sudah menghapus katalog produk terbuka katolog yang sudah produk terdaftar dalam database 12. Menu validasi Menampilkan Halaman Melihat Akan

22 Pembayaran form validasi Validasi halaman menampilkan pembayaran pembayaran validasi Validsi sudah terbuka pembayaran pembayaran yang sudah terdaftar dalam database 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 Bagian yang Input Hasil yang diuji diuji diharapkan 1. Halaman Link Klik link yang Terhubung awal(beranda) Beranda tersedia di dengan halaman halaman awal link yang di klik 2. Halaman tentang Link Klik link yang Terhubung

23 kami Tentang tersedia di dengan halaman Kami halaman tentang link yang di klik kami 3. Halaman Cara Link cara Klik link yang Terhubung Pembelian pembelian tersedia di dengan halaman halaman pembelian cara link yang di klik 4. Halaman Daftar Link daftar Memasukkan Data diri member Member member identitas diri yang tersimpan dalam ada di form daftar database member 5. Halaman Katalog Link katalog Klik link yang Terhubung tersedia di dengan halaman halaman katalog link yang di klik 6. Halaman Hubungi Kirim pesan Nama, dan Tersimpan data kami dari user pesan pesan ke dalam database serta tombol berfungsi 7. Halaman login Login Username dan Dapat melakukan member member Password transaksi, Terhubung dengan halaman

24 yang di klik, Link berfungsi 8. Halaman login Login Username dan Akan connect ke admin Admin Password halaman admin 9. Menu member Data Melihat dan Menampilkan Member menghapus data data Member Member yang sudah terdaftar dalam database 10. Halaman Transaksi Proses Transaksi Connect ke pemesanan barang pemesanan pemesanan halaman produk pemesanan dan member melakukan transaksi pemesanan 11. Menu katalog Data Katalog Memasukkan dan Menampilkan produk produk menghapus data data Produk yang Produk sudah terdaftar dalam database 12. Menu validasi Kirim bukti Nama, Tersimpan data pembayaran No.Transaksi, validasi ke dalam

25 Pembayaran dari user No.Ref.Bank, database serta Jumlah Transfer tombol berfungsi 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, 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

26 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