BAB IV. Implementasi dan Pengujian

Transkripsi

1 BAB IV Implementasi dan Pengujian 4.1. Implementasi Aplikasi Setelah sistem dianalisis dan didesain secara rinci, maka akan menuju tahap implementasi dan pengujian aplikasi. Pada tahap implementasi terdapat dua cakupan yaitu speksifikasi kebutuhan sistem yang meliputi perangkat keras (hardware), dan perangkat lunak (software), dan implementasi sistem aplikasi pendukung yang meliputi proses pengkodean (coding), dan desain antarmuka sehingga siap untuk dioperasikan. Implementasi bertujuan untuk mengkonfirmasi modul-modul perancangan, sehingga pengguna dapat memberi masukan kepada pengembangan sistem Perangkat keras (Hardware) dan Perangkat lunak (Software) yang digunakan dalam pembuatan aplikasi Berikut hardware dan software yang digunakan pada saat membuat aplikasi ini: A. Perangkat Keras (Hardware) 1. Laptop ASUS 2. Proccesor Intel Core i3-2310m 2.10GHz 2.1GHz 3. VGA Graphics Adapter 4. Memory 2 GB 5. Handphone Android B. Perangkat Lunak (Software) 1. Operating System Windows 7 Professional SP1 50

2 51 2. Eclipse IDE Luna 3. Android SDK 4. Microsoft Visio Xampp Notepad++ 7. Photoshop CS6 8. FileZila JQuery V Bootstrap V Pengumpulan Bahan Kitab riyadhus Shalihin sebagai sumber isi dari apikasi pencarian hadits. Pengumpulan bahan atau material berupa file-file teks, gambar dan tombol navigasi yang diperoleh dengan cara membuat sendiri dan mengambil dari sumber lain, seperti yang tertera pada table di bawah ini: Bahan Arti dalam aplikasi hadits Huruf arab aplikasi hadits Bootstrap Tabel 4.1 Info Sumber Sumber Kitab riyadhus shalihin jilid 1 Kitab Riyadhus Shalihin Bootstrap v3.2.0 ( JQuery JQuery v ( Gambar Hadits (.png) Membuat dengan adobe Photoshop cs6

3 52 SDK Eclipse luna Java SE java SE versi 1.7 ( Hosting Proses Pada bagian ini penulis menggunakan program eclipse luna dan dijalankan dengan android emulator sebagai acuan apakah aplikasi sudah berjalan dengan semestinya. Bila belum maka code akan kembali di perbaiki sehingga aplikasi berjalan dan berfungsi dengan baik. Aplikasi pencarian hadits Riyadhus Shalihin berjalan secara online karena menggunakan Database MySQL dan di hosting di Idwebhost.com. Alasan penulis untuk menggunakan database MySQL adalah untuk pengembangan aplikasi sehingga database di tambah dengan multimedia lainnya seperti suara atau video untuk penjelasan makna hadits Riyadhus shalihin. Pada Eclipse luna menggunakan teknik webview dan untuk membuat file (.apk). Sehingga fungsi eclipse hanya memanggil web yang sebelumnya telah di hosting pada idwebhost.com Proses pada Eclipse Luna Secara umum arsitektur user interface (UI) pada aplikasi android adalah user interface yang meliputi activity dan user interface yang terdiri dari komponen. Semua yang berhubungan user interface pada aplikasi android biasanya berada pada lokasi res/layout/main.xml serta coding java untuk pemanggilannya. File android manifest.xml diperlukan oleh setiap aplikasi android, file ini berada pada folder root aplikasi. File ini mendeskripsikan variabel

4 53 global dari paket aplikasi yang digunakan. Pada aplikasi ini menggunakan package com.rahman.aplikasihadits. Selanjutnya membuat AVD (Android Virtual Device) yang merupakan emulator untuk menjalankan program aplikasi android yang telah dibuat, AVD nantinya yang menjadi tempat tes dan menjalankan aplikasi, AVD berjalan di Virtual Machine. berikut adalah gambar file Android manifest pada gambar 4.1, file.java pada gambar 4.2 serta tampilan AVD (Android Virtual Device) pada gambar 4.3. Gambar 4.1 Tampilan Eclipse luna dan source code manifest Gambar 4.2 Tampilan source code pada activity.java

5 54 Gambar 4.3 Tampilan AVD (Android Virtual Device) Untuk meng-install aplikasi pada handphone android dengan cara mencopy file (.apk) ke dalam library handphone. Kemudian lakukan install dan aplikasi dapat digunakan, namun aplikasi dapat berjalan pada android versi 3.0 keatas Proses pada MySQL Pada bagian ini akan kita bahas beberapa aplikasi yang dapat dikategorikan sebagai aplikasi client server database, android sebagai client akan berhubungan dengan MySQL server melalui perantara php. Berikut adalah gambar konsep dasar aplikasi client server database, serta database yang digunakan pada aplikasi pencarian hadits. Gambar 4.4 Konsep dasar aplikasi client server database.

6 55 Gambar 4.5 Tampilan database hadits Proses pada Menu Utama Proses pada halaman home, yang berisi menu utama seperti yang tergambar pada gambar 4.1. Berikut adalah tampilan halaman awal aplikasi yang di ambil dari android emulator 4.0 Ice Cream Sandwich: Gambar 4.6 Menu Utama

7 Proses pada Halaman Submenu Hadits Pada bagian ini proses yang terjadi ketika menu Hadits di pilih, kemudian akan muncul tampilan Submenu Bab pada aplikasi. User dapat memilih salah satu bab untuk selanjutnya masuk pada halaman Submenu Hadits. Berikut adalah tampilan halaman dari Submenu Bab pada gambar 4.2 serta tampilan Submenu Hadits pada gambar 4.3. Gambar 4.7 Submenu Bab Gambar 4.8 Submenu Hadits

8 Proses Pada Halaman info Pada halaman Info aplikasi menjelaskan tentang cara penggunaan aplikasi serta keterangan fungsi tombol yang ada pada aplikasi. Berikut adalah tampilan halaman info pada Aplikasi Pencarian Hadits Riyadhus Shalihin. Gambar 4.9 Menu Info Aplikasi Proses Pada Halaman Menu Search Pada halaman ini user dapat mencari hadits dengan terlebih dahulu memasukkan kata yang diinginkan, kemudian menekan tombol search, maka beberapa hadits akan ditampilkan sesuai dengan kata yang dimasukkan. Dan tombol Sebelumnya untuk kembali ke menu utama. Seperti yang tergambar pada gambar 4.6.

9 58 Gambar 4.10 Halaman Awal Menu Search Gambar 4.11 Halaman Hasil Pencarian

10 59 Untuk melihat detil salah satu hadits maka user harus menekan kata selengkapnya yang ada pada setiap hadits yang ditampilkan. Di header juga terdapat tombol sebelumnya, untuk kembali ke halaman awal aplikasi. Berikut adalah gambar 4.7 halaman detil hadits. Gambar 4.12 Halaman Detil Hadits Proses Pada Halaman Tentang Kitab Pada halaman Tentang Kitab memberikan pengetahuan tentang kitab Riyadhus Shalihin secara singkat. Menjelaskan tentang sejarah serta isi kitab Riyadhus Shalihin. Berikut tampilan halaman Tentang Kitab pada gambar 4.8.

11 60 Gambar 4.13 Halaman Tentang Kitab 4.4 Pengujian Aplikasi Proses pengujian ini di lakukan dengan cara install aplikasi pada setiap device. Dalam hal ini saya akan menggunakan metode pengujian aplikasi blackbox untuk lebih memfokuskan fungsional dari aplikasi. Dengan metode ini, maka validitas fungsi aplikasi akan di uji, apakah menghasilkan keluaran (output) sesuai yang diharapkan atau tidak. Pengujian fungsional pada aplikasi ini dilakukan untuk mengetahui aplikasi berjalan dengan baik atau tidak, dan mengetahui di bagian mana saja terdapat kekurangan aplikasi ini untuk segera di perbaiki oleh penulis Lingkungan Pengujian Aplikasi Pencarian Hadits Riyadhus menggunakan Smartphone Android. Spesidikasi Android LG Optimus L3 E400 Display x 480 pixels, 3.2 inches

12 61 Memory Internal 1 GB RAM 384 MB CPU 1000 MHz ARM 11 Android OS 4.0 (Ice Cream Sandwich) Skenario Pengujian Pengujian aplikasi ini dilakukan pada tanggal 20 Januari 2014 menggunakan SmartPhone. Item yang diuji antara lain: Tabel 4.2 Skenario Pengujian No. Nama Cara Uji Coba Hasil yang Tombol/Menu diharapkan Aplikasi Hadits Menekan icon aplikasi Menampilkan halaman menu utama Menu Hadits Menekan menu Hadits Menampilkan Menu Bab Menu Bab Memilih salah satu Bab Menampilkan hadits yang ada pada bab yang dipilih. 4. Hadits Memilih salah satu hadits yang tersedia Menampilkan hadits detil 5. Sebelumnya Memilih tombol Sebelumnya Menampilkan halaman sebelumnya 6. Menu Search Memilih menu search Menampilkan halaman pencarian hadits 7. Tombol search Memassukan kata dan Memilih tombol search Menampilkan hadits sesuai kata yang di

13 62 masukkan 8. Tombol selengkapnya Memilih pada kata selengkapnya Menampilkan Hadits Detil 9 Menu info Memilih menu info Menampilkan halaman Aplikasi Info Menu Tentang Kitab Memilih menu Tentang Menampilkan 10. Kitab halaman Tentang Kitab 11. Tombol Back pada Handphone Menekan tombol Back pada handphone Menampilkan Dialog alert Yes/No 11. Tombol Yes Menekan tombol ya Menutup aplikasi 12. Tombol No Memilih tombol No Menampilkan tetap pada halaman menu utama Hasil Pengujian Tabel 4.3 Hasil Pengujian No. Nama Tes Hasil yang diharapkan Hasil Pengujian 1. Masuk menu utama Menampilkan halaman menu utama Sesuai 2. Memilih menu hadits Menampilkan dari menu bab Sesuai

14 63 3. Memilih menu bab Menampilkan hadits Sesuai 4. Memilih hadits Menampilkan detil hadits Sesuai 5. Menekan Sebelumnya tombol Menampilkan sebelumnya halaman Sesuai 6. Memilih menu search Menampilkan halaman pencarian hadits Sesuai 7. Menekan search tombol Menampilkan hadits sesuai kata yang dimasukan Sesuai 8. Menekan selengkapnya tombol Menampilkan detil hadits Sesuai 9 Memilih menu info Menampilkan halaman info Sesuai 10. Memilih menu Tentang Kitab Menampilkan halaman Tentang Kitab Sesuai 11. Menekan tombol Back pada hanphone Menampilkan Dialog alert Yes/No Sesuai 11. Menekan tombol Yes Menutup aplikasi Sesuai 12. Menekan tombol No Menampilkan halaman utama Sesuai 4.5 Analisis Hasil Pengujian Berikut ini adalah analisis dari aplikasi pencarian hadits berdasarkan Kitab Riyadhus shalihin yang sudah di jalankan pada Smartphone di atas. Pengujian yang di lakukan pada device android antara lain: 1. Aplikasi Pencarian Hadits berjalan dengan baik pada Android karena pada saat pembuatan penulis menggunakan handphone android untuk mengetahui error dan yang lainnya.

15 64 2. Aplikasi akan terlihat lambat pada Android yang memiliki ram kecil, karena aplikasi ini menggunakan memori sekitar 200Mb. 3. Pengetesan aplikasi pada device android dengan layar HVGA. 4. Tampilan berjalan dengan baik, bisa disesuaikan terhadap resolusi layar android. Karena sudah dicoba pada android tablet 5. Aplikasi dapat berjalan pada Android version Ice Cream Sandwih (4.0). Berikut adalah Hasil Test Pengujian Aplikasi Pada Smartfren Andromax U2.V1.00 Android Gambar 4.14 Tampilan Icon aplikasi pada Smartfren Andromax U2.V1.00 Android 4.1.2

16 65 Gambar 4.15 Tampilan Menu Utama pada Smartfren Andromax U2.V1.00 Android Gambar 4.16 Tampilan Submenu bab pada Smartfren Andromax U2.V1.00 Android 4.1.2

17 66 Gambar 4.17 Tampilan Submenu Hadits pada Smartfren Andromax U2.V1.00 Android Gambar 4.18 Tampilan Detil Hadits pada Smartfren Andromax U2.V1.00 Android 4.1.2

18 67 Gambar 4.19 Tampilan Menu Search pada Smartfren Andromax U2.V1.00 Android Gambar 4.20 Tampilan Hasil Search pada Smartfren Andromax U2.V1.00 Android 4.1.2

19 68 Gambar 4.21 Tampilan Menu Info pada Smartfren Andromax U2.V1.00 Android Gambar 4.22 Tampilan Menu Tentang kitab pada Smartfren Andromax U2.V1.00 Android 4.1.2