BAB V
IMPLEMENTASI DAN PENGUJIAN
5.1 Implementasi
5.1.1 Gambaran Umum Pembangunan Sistem
Pada pembuatan sistem penjualan sepatu olahraga berbasis mobile ini dibangun dengan berbasis bahasa pemrograman PHP dan dikombinasikan dengan database MySQL. Pada jenis pemrograman PHP yang digunakan untuk aplikasi ini yaitu menggunakan pemrograman prosedural yakni tidak seperti halnya pemrograman berorientasi objek yang mengharuskan pembuatnya memecah – mecah script program menjadi class – class tertentu.
Pembuatan aplikasi sistem penjualan sepatu olahraga berbasis mobile ini dibangun dari mulai tahap analisis yakni dimana pada tahap ini kebutuhan fungsioanal sistem, aliran data. process specification, dan pemodelan data. Untuk tahapan selanjutnya adalah tahap perancangan yakni akan ditentukan rencana arsitektur jaringan, serta lingkungan pengembangan sistem.
Pada aplikasi penjualan bebrbasis mobile ini dibagi kedalam tiga bagian utama, yakni modul Antarmuka member, model Administrator, serta modul Database. Pada modul Antarmuka member berfungsi untuk mensimulasikan login member, menampilkan halaman WAP pada member, yang dirancang untuk pengguna mobile device. Modul Administrator berfungsi untuk mengatur server web, yang digunakan untuk menambah, mengedit, dan menghapus data –
data yang berada pada modul administrator. Sedangkan modul database berfungsi untuk menyimpan semua data informasi website.
Dalam pembagian halaman aplikasi sistem penjualan sepatu bebasis mobile ini terdiri dari beberapa bagian yakni, header, menu, konten, dan beberapa menu tambahan pendukung lainnya. Header berisikan gambar beberapa sepatu, menu berisikan beberapa pilihan modul dan fasilitas. Untuk menu dan fasilitas ini hanya ditampilkan kepada admin atau operator, sedangkan member mengakses tampilan aplikasi dari perangkat mobile. Konten berisikan data informasi dari menu yang telah dipilih.
5.1.2 Implementasi Hardware
Dalam membuat aplikasi sistem penjualan mobile ini hardware (perangkat keras) yang dignakan yaitu :
a. Intel Atom N550 kecepatan 1, 5 Ghz b. Harddisk 250 Gb
c. Ram 1 Gb DDR3
d. LED 1024 x 768 pixel, Mouse , Keyboard
5.1.3 Implementasi Software
Dalam membuat apliksai sistem penjualan mobile ini software (perangkat lunak) yang digunakan yaitu :
a. Editor : Notepad + +, Macromedia Dreamweaver 8 b. Xampp 1.6.6a : PHP
d. Openwave 7.0.107, Opera Mobile Emulator e. Google Chrome 9
f. Windows 7 Ultimate
5.1.4 Implementasi Database
Sebelumnya database telah dirancang, selanjutnya database di implementasikan kedalam database dengan menggunakan MySQL.
1. Implementasi Tabel Admin
Gambar 5.1 Tabel Admin 2. Implementasi Tabel Biaya
Gambar 5.2 Tabel Biaya 3. Implementasi Tabel Konfirmasi
4. Implementasi Tabel Kategori
Gambar 5.4 Tabel Kategori 5. Implementasi Tabel Member
Gambar 5.5 Tabel Member 6. Implementasi Tabel Order
7. Implementasi Tabel Sepatu
Gambar 5.7 Tabel Sepatu 8. Implementasi Tabel Pengiriman
Gambar 5.8 Tabel Pengiriman 5.1.5 Implementasi Halaman Administrator
1. Halaman Login
Halaman Login adalah halaman yang muncul pertama pada modul administrator, digunakan untuk memverifikasi id untuk mengakses halaman selanjutnya oleh admin, seperti yang terdapat pada gambar 5.9 .
2. Halaman Menun Utama
Halaman utama adalah halaman yang akan muncul ketika admin berhasil login, seperti yang terdapat pada gambar 5.9, pada halaman utama ini terdapat menu serta fasilitas – fasilitas yang dapat digunakan oleh admin untuk mengelola transaksi.
3. Halaman Menu Admin dan Member
Halaman menu admin dan member adalah halaman yang berfungsi untuk mengatur data admin dan member, diantaranya melakukan penambahan, perubahan, dan penghapusan data.
Pada halaman ini admin dapat melakukan penambahan, perubahan, dan penghapusan data, untuk merubah data admin dapat meng-klik edit sesuai data yang ingin dirubah. Untuk menambah data, admin dapat langsung mengisi username dan password lalu klik buat admin baru. Untuk kode program dapat dilihat pada lampiran A.1
Gambar 5.11 Halaman data admin
Pada menu data member berfungsi untuk menambah, merubah, dan menghapus data member, seperti yang terdapat pada gambar 5.10
Gambar 5.12 Halaman data member
4. Halaman Menu Setup Kategori
Halaman setup kategori adalah halaman yang berfungsi mengatur data kategori sepatu, sehingga sepatu yang ditampilkan akan dimuat sesuai dengan jenis kategorinya. Untuk kode program dapat dilihat pada lampiran A.1
5. Halaman Menu Setup Sepatu
Halaman setup sepatu adalah halaman yang berfungsi untuk mengatur data sepatu, diantaranya penambahan, perubahan, penghapusan data. Halaman sepatu ini menampilkan gambar sepatu dan terhubung dengan fungsi kategori, karena sepatu yang ditampilkan sesuai dengan kategorinya. Untuk kode program dapat dilihat pada lampiran A.1
Gamabar 5.15 Halaman Setup Sepatu
7. Halaman Menu Oerder Detail
Halaman Menu order detail dapat dilihat, apabila admin mengklik bukti konfirmasi yang terdapat pada menu konfirmasi pesanan, menu ini berisi detail data pesanan dan detail data member, sehingga memudahkan admin dalam mencari data pemesanan. Untuk kode program dapat dilihat pada lampiran A.1
Gamabar 5.16 Halaman Order Detail 8. Halaman Menu Setup Biaya
Halaman menu setup biaya adalah halaman yang berisi data biaya yang dilihat dari kota dan berat sepatu, data tersebut mengacu pada data titipan kilat Tiki JNE, sehingga pemesan tidak perlu menghitung ulang untuk membebankan biaya ongkos kirim. Untuk kode program dapat dilihat pada lampiran A.1
9. Halaman Menu Laporan
Halaman menu laporan adalah halaman yang memuat data laporan yang ditampilkan kepada asmin, terdiri dari laporan seluruh transaksi, laporan per kode barang, dan laporan per tangal. Untuk kode program dapat dilihat pada lampiran A.1
Gambar 5.18 Halaman menu laporan
5.1.6 Implementasi Halaman Member 1. Halaman Menu Utama
Halaman utama pada sisi member ini berbasis WAP, sehingga dapat di akses menggunakan perangkat mobile, pada menu utama member terdapat menu plihan yakni melakukan login untuk memesan dan melihat-lihat model sepatu bagi konsumenyang belum memiliki data member. Untuk kode program dapat dilihat pada lampiran A.1
2. Halaman Login
Halaman Login dipakai oleh konsumen yang telah terdaftar menjadi member yang memilki username dan password, jika berhasil login maka member bisa memesan sepatu, konfirmasi pesanan, dan melihat daftar model sepatu. Untuk kode program dapat dilihat pada lampiran A.1
Gambar 5.20 Halaman Login Member 3. Halaman View Kategori
Halaman view kategori adalah halaman yang berisi data dari kategori sepatu yang tersedia, halaman ini dapat diakses oleh konumen yang sudah maupun yang belum login. Untuk kode program dapat dilihat pada lampiran A.1
4. Halaman View Sepatu
Halaman view sepatu adalah halaman yang menampilkan daftar sepatu sesuai dengan kategori yang telah dipilih oleh konsumen. Untuk kode program dapat dilihat pada lampiran A.1
Gambar 5.22 Halaman view sepatu member 5. Halaman Order Sepatu
Halaman order sepatu adalah halaman yang menampilkan detail data sepatu yakni merk, ukuran tersedia, stok, keterangan, dan harga, konsumen menginputkan jumlah dan ukuran yang diinginkan, setelah itu klik order now. Untuk kode program dapat dilihat pada lampiran A.1
6. Halaman Konfirmasi Pesanan
Halaman ini adalah halaman yang menampikan bukti konfirmasi pemesanan serta jumlah biaya yang yang harus dibayar oleh konsumen. Untuk kode program dapat dilihat pada lampiran A.1
Gambar 5.24 Halaman Konfirmasi 5.2 Pengujian
Pada melakukan pengujian sistem, metode yang digunakan adalah metode black box testing.
5.2.1 Pengujian Black Box Administrator a. Uji Form Login
Tabel 5.1 Uji Form Login
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A01 Input Username dan
Password
Jika username dan password cocok, maka login sukses, jika tidak cocok akan tampil pesan gagal login
Tabel 5.1 Uji Form Login (lanjutan)
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A02 Klik tombol login Jika username dan
password tidak terisi dan terisi tapi tidak cocok maka login gagal, jika terisi dan cocok maka login berhasil
A03 Klik tombol reset Data inputan login akan
terhapus
b. Uji Form Admin
Tabel 5.2 Uji Form Admin
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A04 Menambah data
denga seluruh inputan terisi
Penambahan data berhasil dan data masuk kedalam
database
A05 Menambah data dengan seluruh atau sebagian inputan tidak terisi
Penambahan data gagal, data tidak tersimpan
kedalam database
A06 Merubah data dengan seluruh atau sebagian inputan diganti
Perubahan data berhasil dan data masuk kedalam
database
A07 Merubah data
dengan seluruh atau salah satu inputan dengan kondisi Null
Perubahan data gagal, data tidak tersimpan kedalam
database
A08 Menghapus data Data terhapus dari database
c. Uji Form Member
Tabel 5.3 Uji Form Member
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A09 Menambah data
denga seluruh inputan terisi
Penambahan data berhasil dan data masuk kedalam
database
A10 Menambah data dengan seluruh atau sebagian inputan tidak terisi
Penambahan data gagal, data tidak tersimpan
kedalam database
A11 Merubah data dengan seluruh atau sebagian inputan diganti
Perubahan data berhasil dan data masuk kedalam
database
A12 Merubah data
dengan seluruh atau salah satu inputan dengan kondisi Null
Perubahan data gagal, data tidak tersimpan kedalam
database
A13 Menghapus data Data terhapus dari database
d. Uji Form Kategori
Tabel 5.4 Uji Form Kategori
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A14 Menambah data
denga seluruh inputan terisi
Penambahan data berhasil dan data masuk kedalam
database
A15 Menambah data dengan seluruh atau sebagian inputan tidak terisi
Penambahan data gagal, data tidak tersimpan
kedalam database
A16 Merubah data dengan seluruh atau sebagian inputan diganti
Perubahan data berhasil dan data masuk kedalam
database
A17 Merubah data
dengan seluruh atau salah satu inputan dengan kondisi Null
Perubahan data gagal, data tidak tersimpan kedalam
Tabel 5.4 Uji Form Kategori (lanjutan)
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A18 Menghapus
data
Data terhapus dari database
A19 Merubah Align Align teks mengikuti rata align
(center, left, right)
A20 Merubah View Apabila view Yes, maka data kategori ditampilkan, sebaliknya jika view No, maka data tidak ditampilkan
e. Uji Form Sepatu
Tabel 5.5 Uji Form Sepatu
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A21 Menambah data
denga seluruh inputan terisi
Penambahan data berhasil dan data masuk kedalam
database
A22 Menambah data dengan seluruh atau sebagian inputan tidak terisi
Penambahan data gagal, data tidak tersimpan
kedalam database
A23 Merubah data dengan seluruh atau sebagian inputan diganti
Perubahan data berhasil dan data masuk kedalam
database
A24 Merubah data
dengan seluruh atau salah satu inputan dengan kondisi Null
Perubahan data gagal, data tidak tersimpan kedalam
database
A25 Menghapus data Data terhapus dari database A26 Merubah Align Align teks mengikuti rata
align (center, left, right) A27 Merubah View Apabila view Yes, maka
data kategori ditampilkan, sebaliknya jika view No, maka data tidak ditampilkan
A28 Memasukkan file
gambar
Gambar sesuai dengan
f. Uji Form Biaya
Tabel 5.6 Uji Form Biaya
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A29 Menambah data
denga seluruh inputan terisi
Penambahan data berhasil dan data masuk kedalam
database
A30 Menambah data dengan seluruh atau sebagian inputan tidak terisi
Penambahan data gagal, data tidak tersimpan
kedalam database
A31 Merubah data dengan seluruh atau sebagian inputan diganti
Perubahan data berhasil dan data masuk kedalam
database
A32 Merubah data
dengan seluruh atau salah satu inputan dengan kondisi Null
Perubahan data gagal, data tidak tersimpan kedalam
database
A33 Menghapus data Data terhapus dari database
g. Uji Form Konfirmasi
Tabel 5.7 Uji Form Konfirmasi
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A34 Merubah data
dengan konfirmasi
Perubahan data berhasil dan data masuk kedalam
database
A35 Klik bukti konfirmasi
Menampilkan data order sesuai dengan bukti
konfirmasi yang dipilih
A36 Menghapus data Data terhapus dari database h. Uji Form Laporan
Tabel 5.8 Uji Form Laporan
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A37 Klik Laporan
seluruh transaksi
Menampilkan laporan
Tabel 5.8 Uji Form Laporan (lanjutan)
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A38 Klik Laporan
Periode
Menampilkan laporan
periode
A39 Klik LAporan pertanggal
Menampilkan laporan
pertanggal
5.2.2 Pengujian Black Box Member a. Uji Form Login
Tabel 5.9 Uji Form Login
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A40 Input Username dan
Password
Jika username dan password cocok, maka login sukses, jika tidak cocok akan tampil pesan gagal login
A41 Klik tombol login Jika username dan password tidak terisi dan terisi tapi tidak cocok maka login gagal, jika terisi dan cocok maka login berhasil
b. Uji Form Konfirmasi Pesanan
Tabel 5.10 Uji Form Konfirmasi Pesanan
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A42 Memasukkan bukti
konfirmasi
Apabila bukti konfirmasi valid, maka status
konfirmasi berubah,jika gagal maka tidak berubah
c. Uji Form Buat Member
Tabel 5.11 Uji Form Buat Member
Kode Skenario Hasil yang diharapkan Hasil
Sukes Gagal A43 Menambah data
dengan seluruh data terisi
Penambahan data berhasil dan data masuk kedalam
database
A44 Menambah data dengan seluruh atau sebagian inputan tidak terisi
Jika username dan password tidak terisi dan terisi tapi tidak cocok maka login gagal, jika terisi dan cocok maka login berhasil
