BAB V IMPLEMENTASI DAN PENGUJIAN Gambaran Umum Pembangunan Sistem. aplikasi ini yaitu menggunakan pemrograman prosedural yakni tidak seperti

Transkripsi

1 64 BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Gambaran Umum Pembangunan Sistem Pada pembuatan sistem penjualan sepatu olahraga berbasis mobile ini dibangun dengan berbasis bahasa pemrograman PHP dan dikombinasikan dengan 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

2 65 data yang berada pada modul administrator. Sedangkan modul 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 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 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 c. MySQL a

3 66 d. Openwave , Opera Mobile Emulator e. Google Chrome 9 f. Windows 7 Ultimate Implementasi Database Sebelumnya telah dirancang, selanjutnya di implementasikan kedalam dengan menggunakan MySQL. 1. Implementasi Tabel Admin 2. Implementasi Tabel Biaya Gambar 5.1 Tabel Admin 3. Implementasi Tabel Konfirmasi Gambar 5.2 Tabel Biaya Gambar 5.3 Tabel Konfirmasi

4 67 4. Implementasi Tabel Kategori 5. Implementasi Tabel Member Gambar 5.4 Tabel Kategori 6. Implementasi Tabel Order Gambar 5.5 Tabel Member Gambar 5.6 Tabel Order

5 68 7. Implementasi Tabel Sepatu 8. Implementasi Tabel Pengiriman Gambar 5.7 Tabel Sepatu Gambar 5.8 Tabel Pengiriman 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. Gambar 5.9 Login Admin

6 69 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. Gambar 5.10 Halaman Menu Utama

7 70 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

8 71 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 Gambar 5.13 Halaman Setup Kategori Sepatu

9 72 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

10 73 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 Gambar 5.17 Halaman Setup Biaya

11 74 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 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 Gamabar 5.19 Halaman Menu Utama Member

12 75 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 Gambar 5.21 Halaman view kategori member

13 76 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 Gambar 5.23 Halaman order sepatu

14 77 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 Pengujian Gambar 5.24 Halaman Konfirmasi Pada melakukan pengujian sistem, metode yang digunakan adalah metode black box testing Pengujian Black Box Administrator a. Uji Form Login Tabel 5.1 Uji Form Login A01 Input Username dan Password Jika username dan password cocok, maka login sukses, jika tidak cocok akan tampil pesan gagal login

15 78 Tabel 5.1 Uji Form Login (lanjutan) 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 A04 A05 A06 A07 denga seluruh inputan terisi tidak terisi diganti salah satu inputan dengan kondisi Null Penambahan data berhasil dan data masuk kedalam Penambahan data gagal, data tidak tersimpan kedalam Perubahan data berhasil dan data masuk kedalam Perubahan data gagal, data tidak tersimpan kedalam A08 Menghapus data Data terhapus dari

16 79 c. Uji Form Member Tabel 5.3 Uji Form Member A09 A10 A11 A12 denga seluruh inputan terisi tidak terisi diganti salah satu inputan dengan kondisi Null Penambahan data berhasil dan data masuk kedalam Penambahan data gagal, data tidak tersimpan kedalam Perubahan data berhasil dan data masuk kedalam Perubahan data gagal, data tidak tersimpan kedalam A13 Menghapus data Data terhapus dari d. Uji Form Kategori Tabel 5.4 Uji Form Kategori A14 A15 A16 A17 denga seluruh inputan terisi tidak terisi diganti salah satu inputan dengan kondisi Null Penambahan data berhasil dan data masuk kedalam Penambahan data gagal, data tidak tersimpan kedalam Perubahan data berhasil dan data masuk kedalam Perubahan data gagal, data tidak tersimpan kedalam

17 80 Tabel 5.4 Uji Form Kategori (lanjutan) A18 Menghapus data Data terhapus dari 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 A21 A22 A23 A24 denga seluruh inputan terisi tidak terisi diganti salah satu inputan dengan kondisi Null Penambahan data berhasil dan data masuk kedalam Penambahan data gagal, data tidak tersimpan kedalam Perubahan data berhasil dan data masuk kedalam Perubahan data gagal, data tidak tersimpan kedalam A25 Menghapus data Data terhapus dari 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 sesuai dengan gambar inputan yang dimasukkan

18 81 f. Uji Form Biaya Tabel 5.6 Uji Form Biaya A29 A30 A31 A32 denga seluruh inputan terisi tidak terisi diganti salah satu inputan dengan kondisi Null Penambahan data berhasil dan data masuk kedalam Penambahan data gagal, data tidak tersimpan kedalam Perubahan data berhasil dan data masuk kedalam Perubahan data gagal, data tidak tersimpan kedalam A33 Menghapus data Data terhapus dari g. Uji Form Konfirmasi Tabel 5.7 Uji Form Konfirmasi A34 A35 dengan konfirmasi Klik bukti konfirmasi Perubahan data berhasil dan data masuk kedalam Menampilkan data order sesuai dengan bukti konfirmasi yang dipilih A36 Menghapus data Data terhapus dari h. Uji Form Laporan Tabel 5.8 Uji Form Laporan A37 Klik Laporan seluruh transaksi Menampilkan laporan seluruh transaksi

19 82 Tabel 5.8 Uji Form Laporan (lanjutan) A38 A39 Klik Laporan Periode Klik LAporan pertanggal Menampilkan laporan periode Menampilkan laporan pertanggal Pengujian Black Box Member a. Uji Form Login Tabel 5.9 Uji Form Login 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 A42 Memasukkan bukti konfirmasi Apabila bukti konfirmasi valid, maka status konfirmasi berubah,jika gagal maka tidak berubah

20 83 c. Uji Form Buat Member Tabel 5.11 Uji Form Buat Member A43 A44 dengan seluruh data terisi tidak terisi Penambahan data berhasil dan data masuk kedalam Jika username dan password tidak terisi dan terisi tapi tidak cocok maka login gagal, jika terisi dan cocok maka login berhasil