BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Aplikasi Implementasi merupakan kelanjutan dari proses sebelumnya yakni proses perancangan ( design ). Pada tahapan implementasi terdapat dua cakupan yaitu spesifikasi kebutuhan sistem yang meliputi perangkat keras ( hardware ) dan perangkat lunak ( software ) dan implementasi sistem aplikasi pendukung yang meliputi proses pengkodingan dan penerapan dari proses desan dari antarmua ( userinterface ) sesuai dengan rancangan yang telah ada. Untuk mengimplementasikan program ini di lingkungan sebenarnya, sebelumnya buat program aplikasi ini menjadi installer agar dapat di-install di perangkat Android. Format file installer program pada Android adalah *.apk. Apk (Android Package) sebenarnya adalah variasi format JAR pada java yang digunakan khusus untuk sistem operasi Android. 4.1.1 Perangkat Keras Perangkat keras yang digunakan untuk mengimplementasikan aplikasi informasi posyandu di wilayah jakarta utara berbasis android adalah: Lenovo Series G480 (RAM 4GB, VGA 512MB) Smartphone Android Samsung Galaxy S4 Emulator Genymotion V.2.2 63
64 4.1.2 Perangkat Lunak Perangkat lunak yang digunakan untuk mengimplementasikan aplikasi informasi posyandu di wilayah jakarta utara berbasis android adalah: Windows 7 32 bit ADT Plugins V 22.2 Eclipse Android Developer Tools SDK Android Level 14 dan Level 19 JDK V 1.7 System image emulator android V 19 4.1.3 Implementasi Antarmuka Setelah melakukan analisis, sebuah sistem akan diimplementasikan ke dalam bentuk program menggunakan sebuah bahasa pemrograman. Berikut ini tampilan implementasi aplikasi sistem yang telah dibuat dan disertai dengan penjelasan fungsi pada setiap tampilan. 1. Layout Splash Screen Setelah menjalankan file Cari Posyandu.apk, akan muncul halaman splash screen yang merupakan tampilan utama aplikasi ketika pertama kali dijalankan. Akan muncul login bar sebagai penanda bahwa aplikasi sedang di jalankan dan aplikasi ini membutuh kan waktu untuk memulai. Dan di bagian atas aplikasi akan menampilkan informasi mengenai nama aplikasi.
Gambar 4.1 Tampilan halaman Splash Screen 65
66 2. Layout Main Menu Pada halaman / layout Main menu terdapat Tombol keluar yang digunakan untuk Keluar dari aplikasi, tombol Kebutuhan Balita untuk menampilkan halaman daftar informasi kebutuhan vitamin balita, tombol daftar posyandu untuk menampilkan data-data posyandu yang ada dan juga tombol daftar vitamin untuk menampilkan data vitamin yang ada. Gambar 4.2 Tampilan halaman Main Menu
67 3. Layout Daftar Posyandu Pada halaman / layout Daftar Posyandu ini akan menampilkan sejumlah daftar posyandu yang telah ada. Di halaman ini akan memberikan keterangan singkat posyandu berikut pula dengan gambar posyandu. Dan ada juga tombol Arrow untuk menampilkan halaman Detail Posyandu. Gambar 4.3 Tampilan halaman Daftar Posyandu
68 4. Layout Detail Posyandu Pada halaman / layout Detail Posyandu ini akan menampilkan gambar dari posyandu berserta dengan keterangan lengkap dari posyandu tersebut. Di halaman ini terdapat tombo Kembali untuk kembali ke Daftar Posyandu. Gambar 4.4 Tampilan halaman Detail Posyandu
69 5. Layout Daftar Pada halaman / layout Daftar ini akan menampilkan sejumlah daftar vitamin yang telah ada. Di halaman ini akan memberikan keterangan singkat vitamin berikut pula dengan gambar ilustrasi vitamin. Klik daftar vitamin untuk menampilkan halaman Detail. Gambar 4.5 Tampilan halaman Daftar
70 6. Layout Detail Pada halaman / layout Detail ini akan menampilkan gambar ilustrasi vitamin berserta dengan keterangan lengkap dari vitamin tersebut. Di halaman ini terdapat tombol Kembali untuk kembali ke Daftar. Gambar 4.6 Tampilan halaman Detail
71 7. Layout Daftar Pemberian A Pada halaman / layout Daftar Pemberian A ini akan menampilkan sejumlah daftar vitamin yang telah ada. Di halaman ini akan memberikan keterangan singkat mengenai balita baik yang sudah di berikan vitamin A maupun yang belum mendapatkan vitamin A. Klik daftar vitamin untuk menampilkan halaman Detail. Gambar 4.7 Tampilan halaman Daftar Pemberian A
72 8. Layout Detail Pemberian A Pada halaman / layout Detail Pemberian A ini akan menampilkan Keterangan Nama balita dan Jadwal Pemberian A yang sudah pernah dilakukan. Gambar 4.8 Tampilan halaman Detail Pemberian A
73 9. Layout Daftar Kebutuhan Pada halaman / layout Daftar Kebutuhan ini akan menampilkan sejumlah daftar vitamin yang telah ada. Di halaman ini akan memberikan nama vitamin. Dan ada juga input textboxt untuk filterisasi nama vitamin. Gambar 4.9 Tampilan halaman Daftar Kebutuhan
74 10. Layout Detail Kebutuhan Pada halaman / layout Detail Kebutuhan ini akan menampilkan dialog pop up nama dan keterangan lengkap dari vitamin tersebut. Di halaman ini terdapat tombol Close untuk menutup dialog pop up tersebut dan kembali menampilkan daftar kebutuhan vitamin. Gambar 4.10 Tampilan halaman Detail Kebutuhan
75 11. Layout Info Pengembang Pada halaman / layout Info Pengembang akan menampilkan keterangan dari pembuat aplikasi yang di gunakan untuk memberikan penjelasan mengenai aplikasi. Gambar 4.10 Tampilan halaman Info Pengembang
76 4.2 Pengujian Dalam perancangan sistem perlu dilakukan pengujian sistem sebagai verifikasi atas sistem yang telah dirancang. Verifikasi dilakukan untuk mengetahui kemungkinan terjadinya kesalahan dan untuk memastikan fungsi-fungsi yang terdapat dalam modul-modul sistem yang sedang berjalan. 4.2.1 Pengujian Kotak Hitam ( Black Box ) Pengujian yang akan digunakan untuk menguji sistem adalah metode pengujian black box. Pangujian black box berfokus pada persyaratan fungsional perangkat lunak. 4.2.2 Lingkungan Pengujian Berikut merupakan perangkat yang penulis gunakan dalam proses pembuatan program aplikasinya : Tabel 4. 1 Perangkat Keras dan Perangkat Lunak Yang Digunakan Perangkat Keras a. Lenovo Series G480 b. Smartphone Samsung Galaxy SIII c. Emulator Genymotion V.2.2 Perangkat Lunak a. Windows 7 32 bit b. ADT Plugins V 22.2 dan Eclipse c. SDK Android Level 14 dan Level 19 d. JDK V 1.7 dan emulator android V 19
77 4.2.3 Pengujian Tabel 4.2 Skenario Pengujian aplikasi No Nama Tampilan Bagian menu yang diuji Aksi Hasil yang akan dicapai 1. Main Menu Button Keluar Klik Menutup Aplikasi 2. Main Menu Button Kebutuhan Klik Menampilkan Halaman Daftar Kebutuhan 3. Main Menu Button Daftar Posyandu Klik Menampilkan Halaman Daftar Posyandu 4. Main Menu Button Daftar Klik Menampilkan Halaman Daftar 5. Info Pengembang Button Kembali Klik Menampilkan halaman Main Menu 6. Kebutuhan List Kebutuhan Klik Menampilkan halaman Detail Kebutuhan 7. Daftar Posyandu List Posyandu Klik Menampilkan halaman Detail Posyandu berdasarkan List Posyandu 8. Detail Posyandu Button Kembali Klik Kembali ke Daftar Posyandu 9. Daftar List Klik Menampilkan halaman Detail berdasarkan List Posyandu 10. Detail Button Kembali Klik Kembali ke halaman Daftar 11. Daftar Pemberian List Pemberian Klik Menampilkan halaman Detail Pemberian berdasarkan List Posyandu 12. Detail Pemberian Button Kembali Klik Kembali ke Daftar Pemberian 13. Kebutuhan EditText Search Klik Menfilterisasi nama-nama vitamin yang ada di list kebutuhan vitamin
78 4.2.4 Data Hasil Pengujian Berdasarkan analisa pengujian yang telah dibahas sebelumnya, maka akan didapatkan hasil pengujian. Apakah aplikasi sesuai dengan hasil yang ingin dicapai atau aplikasi masih memiliki error. 4.3.4 Data Hasil Pengujian Menu Toolbar Berikut ini merupakan data hasil pengujian pada aplikasi informasi posyandu di wilayah jakarta utara berbasis android. Tabel 4.3 Data Hasil Pengujian aplikasi No Nama Tampilan Bagian menu yang diuji Hasil yang akan dicapai Hasil Pengujian 1. Main Menu Button Keluar Menutup Aplikasi Sesuai Sesuai 2. Main Menu Button Kebutuhan 3. Main Menu Button Daftar Posyandu Menampilkan Halaman Daftar Kebutuhan Menampilkan Halaman Daftar Posyandu Sesuai 4. Main Menu Button Daftar Menampilkan Halaman Daftar Sesuai 5. Info Pengembang Button Kembali Menampilkan halaman Main Menu Sesuai 6. Kebutuhan List Kebutuhan Menampilkan halaman Detail Kebutuhan Sesuai 7. Daftar Posyandu List Posyandu Menampilkan halaman Detail Posyandu berdasarkan List Posyandu Sesuai Sesuai 8. Detail Posyandu Button Kembali Kembali ke halaman Daftar Posyandu Sesuai
79 9. Daftar List Menampilkan halaman Detail berdasarkan List Posyandu Sesuai 10. Detail Button Kembali Kembali ke halaman Daftar Sesuai 11. Daftar Pemberian 12. Detail Pemberian 13. Kebutuhan List Pemberian Menampilkan halaman Detail Pemberian Sesuai berdasarkan List Posyandu Button Kembali Kembali ke Daftar Pemberian Sesuai EditText Search Menfilterisasi nama-nama vitamin yang ada di list kebutuhan vitamin Sesuai 4.3.2 Analisis Hasil Pengujian Dari hasil pengujian dengan menggunakan metode black box didapatkan hasil bahwa proses pada tiap halaman dapat berjalan dengan baik, tombol-tombol pada setiap halaman dapat digunakan sesuai dengan fungsinya dan juga filterisasi nama - nama vitamin yang berada di daftar kebutuhan vitamin apat berjalan dengan baik. Tampilan halaman tersusun secara rapi dan tidak ada komponen / tombol yang saling tertiban dan juga duplikasi fungsi. Gambar dan Pop Up Dialog yang di gunakan sesuai dengan yang di harapkan.