BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi atau tahap penerapan ini adalah suatu bentuk kegiatan yang merupakan rangkaian lanjutan dari kegiatan perancangan perangkat lunak, implementasi ini dimaksudkan untuk mewujudkan hasil dari perancangan perangkat lunak. Hasil ini merupakan hasil dari kegiatan rangkaian implementasi perancangan perangkat lunak adalah proses aplikasi yang telah dibuat dan sudah dapat digunakan serta berfungsi dengan baik. Pada umumnya implementasi adalah proses penerapan rancangan program yang telah dibuat pada bab sebelumnya atau aplikasi dalam melaksanakan perancangan aplikasi pemrograman yang dibuat. 4.2 Implementas Perangkat Lunak dan Perangkat Keras Sarana yang dibutuhkan dalam pembuatan system ini adalah perangkat pendukung yang terdiri dari software (perangkat lunak) dan hardware (perangkat keras) antara lain sebagai berikut : 1. Perangkat Keras a. Proscessor : Intel Core i3-2330 M b. RAM : 2 GB c. Hardisk : 500 GB 2. Perangkat Lunak : a. System Operasi : Windows 8 b. Program : Andoid Studio, MySQL, XAMPP c. Browser : Internet Explorer, Mozila Firefox, Google Chrome 77
4.3 Hasil Implementasi Setelah sebelumnya penulis membahas analisa-analisa dan pembahasan pembahasan pada bab sebelumnya, penulis kemudian mengimplementasikan analisa serta pembahasan tersebut menjadi sebuah aplikasi berbasis android. Penjelasan hasil implementasi akan dibahas pada sub-sub bab ini. 4.3.1 Implementasi Basis Data 1. Tampilan Database Aplikasi Gambar 4.1 Database Aplikasi Ini adalah tampilan database aplikasi. Disini terdapat 4 tabel yang terdiri dari table bayar, rute, user, dan voucer. 78
2. Tampilan Tabel Bayar Gambar 4.2 Tabel Bayar Ini adalah tabel bayar. Di dalam tabel bayar ini terdapat beberapa field yaitu idbayar, iduser, nominal, rute, dan tanggal. 3. Tabel Rute Gambar 4.3 Tabel Rute Ini adalah tabel rute. Di dalam tabel rute ini terdapat beberapa field yaitu idrute, nama, dan harga. 79
4. Tampilan Tabel User Gambar 4.4 Tabel User Ini adalah table user. Di dalam tabel user ini terdapat beberapa field yaitu iduser, namauser, jk, alamat, email, phone, username, password, foto, pengguna, deskripsi, dan konfirmasi. 5. Tabel Voucer Gambar 4.5 Tabel Voucer Ini adalah table voucer. Di dalam tabel voucer ini terdapat beberapa field yaitu idvoucer, nominal, status, dan code. 80
4.3.2 Halaman Login Pada User Gambar 4.6 Tampilan Login User Halaman login merupakan tampilan awal setelah user membuka aplikasi. Pada halaman ini terdapat gambar logo, form login, tiga buah button. Dari tiga buat button trsebut terdapat button untuk masuk apabila user sudah mengisi form login dengan benar maka user akan masuk ke halaman menu, Namun apabila user lupa kata sandi maka user harus memilih button lupa kata sandi dan mengisi form lupa kata sandi, Apabila user belum pernah mendaftar maka user harus memilih button registrasi dan di haruskan mengisi form registrasi secara benar dan lengkap. 81
4.3.3 Halaman Registrasi Pada User Gambar 4.7 Halaman Registrasi Halaman registrasi merupakan tampilan apabila user belum mempunyai akun pada aplikasi ini dan user di haruskan melakukan registrasi. Pada halaman ini terdapat halaman registrasi,dimana user harus mengisi halaman tersebut dengan nama user, jenis kelamin, alamat, email, no telephone, username, password, dan konfirmasi password. Apabila user telah mengisi halaman registrasi dengan benar kemudian user memilih button registrasi. 82
4.3.4 Halaman Menu Pada User Gambar 4.8 Halaman Menu Halaman menu merupakan tampilan awal setelah user membuka aplikasi. Pada halaman ini terdapat gambar logo, enam buah button. Ketika salah satu button pada halaman menu aplikasi di tekan maka akan mengarahkan aplikasi ke halaman yang ditekan oleh user. 4.3.5 Halaman Profil Pada User Gambar 4.9 Halaman Profil 83
Halaman profil merupakan tampilan informasi user yang telah tersimpan pada saat registrasi. Pada halaman ini terdapat foto user, form profil, button ganti foto, button simpan, button kembali dan button ganti password. Pada halaman ini user dapat merubah atau memperbarui profil user dan mengganti atau memperbarui password user. 4.3.6 Halaman Transaksi saldo Pada User Gambar 4.10 Halaman Transaksi Saldo Halamam isi saldo merupakan tampilan informasi saldo yang tersisa pada aplikasi ini. Pada halaman ini juga terdapat button tambah saldo dan button kembali, Pada halaman ini user menambahkan saldo pada aplikasi ini dengan memasukan kode voucer yang telah di sediakan dan apabila kode voucer yang di masukan benar maka saldo yang terdapat pada aplikasi akan bertambah. 84
4.3.7 Halaman Peta busway Pada User Gambar 4.11 Halaman Peta Busway Halaman peta busway ini merupakan tampilan informasi rute busway yang terdapat pada website transjakarta. Pada halaman ini juaga terdapat peta per rute pada setiap halte busway. Pengecualian untuk halaman peta rute busway. Peta yang di dapat mengambil langsung dari website resmi transjakarta. 4.3.8 Halaman Qr Code Pada User Gambar 4.12 Halaman qr code 85
Halaman qr code ini merupakan tampilan qr code yang di miliki user. Pada halaman ini qr code berguna sebagai tiket masuk pada setiap halte busway. Nantinya pada saat masuk qr code tersebut akan di scan oleh petugas yang ada di halte busway, secara otomatis saldo yang ada pada aplikasi tersebut akan berkurang sesuai tarif harga busway yang sudah di tetapkan. Apabila saldo yang terdapat pada aplikasi tidak mencukupi maka qr code tidak akan terbaca dan akan muncul pemberitahuan bahwa saldo user tidak mencukui. Pengecualian untuk halaman qr code ini ialah mengunakan ZXing sebuah open-source, dan library Java yang dapat memproses berbagai format gambar barcode 1D/2D. 4.3.9 Halaman History Pada User Gambar 4.13 Halaman History Halaman history ini merupakan tampilan informasi history user pada saat pembeliat tiket busway. Pada halaman ini juga terdapat nama halte, waktu dan tanggal user pada saat qr code di scan sebagai tiket masuk halte busway. 86
4.3.10 Halaman Kelola User Pada Admin Gambar 4.14 Halaman Kelola User Halaman kelola user pada admin ini merupakan tampilan daftar user yang telah terdaftar dan di setujui oleh admin. Pada saat admin membuka menu kelola user admin dapat mengelila akun user seperti memperbarui data user, password user bahkan admin dapat menghapus data user jika di perlukan. 4.3.11 Halaman Kelola Voucher Pada Admin 87
Gambar 4.15 Halaman Kelola Voucher Halaman kelola voucher ini merupakan tampilan tambah voucher pada admin. Pada halaman ini admin dapat membuat kode voucher dan nominal voucher yang di inginkan. Ketika admin telah mengisi halaman tambah voucher kemudian admin memilih button simpan setelah tersimpan maka pada halaman kelola voucher akan terdapat daftar kode voucher dan nominal voucher. 4.3.12 Halaman Scan Qr Code Pada Admin Gambar 4.16 Halaman Scan qr code Halaman scan qr code pada admin ini merupakan tampilan scanner admin. Pada halaman ini terdapat button qr scanner berfungsi untuk membaca qr code user pada saat user akan masuk ke halte busway. Ketika qr code sudah terbaca maka admin akan memilih button simpan. Apabila data user valid maka saldo user akan berkurang dan data transaksi akan tersimpan pada history. Namun jika data user tidak valid akan muncul notifikasi user tidak terdaftar atau saldo tidak mencukupi. 88
Pengecualian untuk halaman scan qr code Pengecualian untuk halaman qr code ini ialah mengunakan ZXing sebuah open-source, dan library Java yang dapat memproses berbagai format gambar barcode 1D/2D. 4.3.13 Halaman Kelola Rute Pada Admin Gambar 4.17 Halaman Kelola Rute Halaman kelola rute pada admin ini merupakan tampilan tambah rute. Pada halaman ini terdapat kolom nama rute/halte dan harga pada setiap halte.button simpan berfungsi untuk menyimpan data rute dan harga yang di buat oleh admin. Setelah tersimpan data rute/halted an harga pada halaman kelola rute. 4.4 Pengujian Fungsionalitas Proses pengujian ini dilakukan dengan cara install aplikasi pada device. Dalam hal ini penulis akan menggunakan metode pengujian aplikasi black box. Untuk melihat apakah fungsi-fungsi pada aplikasi berjalan dengan baik atau tidak dan juga mengetahui dibagian mana saja terdapat kesalahan pada aplikasi ini untuk segera dapat diperbaiki oleh penulis. 89
4.4.1 Lingkungan Pengujian Aplikasi pencarian lokasi pencucian kendaraan ini diuji menggunakan Smartphone Android. Spesifikasi Android: ASUS Zenfone 5 Display 720 x 1280 pixels Memory Internal 16GB RAM 2GB CPU Quad_core 1.7GHz Chipset Snapdragon 616 OS Android Lollipop v5.1 4.4.2 Skenario Pengujian Pengujian aplikasi ini dilakukan menggunakan smartphone Asus zenfone 5. Item yang diuji antara lain : Tabel 4. 1 Skenario Pengujian Aplikasi No Nama Tes Sifat Kegiatan Hasil Yang diharapkan 1. Masuk halaman login Normal Menampilkan halaman login 2. Masuk halaman menu Normal Menampilkan halaman menu 3. Memilih halaman profil Normal Menampilkan halaman profil 4. Memilih halaman isi Normal Menampilkan halaman saldo isi saldo 5. Memilih halaman peta Normal Menampilkan halaman busway peta busway 6. Memilih halaman qr Normal Menampilkan code Halaman qr code 90
7. Memilih halaman history Normal Menampilkan halaman history 8. Memilih keluar Normal Menampilkan halaman login 9. Memilih halaman kelola Normal Menampilkan halaman user kelola user 10. Memilih halaman kelola Normal Menampilkan halaman voucher kelola voucher 11. Memilih halaman scan qr Normal Menampilkan halaman code scan qr code 12. Memilih halaman kelola Normal Menampilkan halaman rute kelola rute 4.4.3 Hasil Pengujian Tabel 4.2 Hasil Pengujian Aplikasi No Nama Tes Sifat Kegiatan 1. Masuk halaman Normal login 2. Masuk halaman Normal menu 3. Memilih halaman Normal profil 4. Memilih halaman Normal isi saldo 5. Memilih halaman Normal peta busway 6. Memilih halaman Normal QR Code Hasil Yang diharapkan Menampilkan halaman login Menampilkan halaman menu Menampilkan halaman profil Menampilkan halaman isi saldo Menampilkan halaman peta busway Menampilkan Halaman QR Code Hasil Pengujian 91
7. Memilih halaman Normal Menampilkan History halaman history 8. Memilih keluar Normal Menampilkan halaman login 9. Memilih halaman Normal Menampilkan kelola user halaman kelola user 10. Memilih halaman Normal Menampilkan kelola voucher halaman kelola voucher 11. Memilih halaman Normal Menampilkan scan qr code halaman scan qr code 12. Memilih halaman Normal Menampilkan kelola rute halaman kelola rute 4.5 Analisis Hasil Pengujian Setelah dilakukan pengujian secara menyeluruh. Maka dapat disimpulkan bahwa pengujian telah menunjukkan hasil keluaran (Output) dan proses yang sesuai dengan rancangan aplikasi program ini. Dan hasil dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan benar, karena telah dibuktikan dari hasil skenario pengujian. Hasil pengujian yang diperoleh dapat dianalisis sebagai berikut: 1. Pada saat pembuatan aplikasi penulis menggunakan smartphone android dan AVD Manager (Android Virtual Device) untuk mengetahui Error dan yang lainnya, sehingga aplikasi dapat berjalan dengan baik pada android. 2. Fungsi-fungsi pada aplikasi berjalan dengan baik seperti, login aplikasi, pembacaan qr code pada aplikasi, isi ulang saldo mengunakan kode voucer serta tampilan peta rute busway dan history scan pada aplikasi. 3. Aplikasi membutuhkan waktu untuk mengakses data karena membutuhkan koneksi internet. 92