63 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
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
2. Layout Main Menu
Pada halaman / layout Main menu terdapat Tombol keluar yang digunakan untuk Keluar dari aplikasi, tombol Kebutuhan Vitamin 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
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.
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.
5. Layout Daftar Vitamin
Pada halaman / layout Daftar Vitamin 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 Vitamin.
Gambar 4.5 Tampilan halaman Daftar Vitamin
6. Layout Detail Vitamin
Pada halaman / layout Detail Vitamin ini akan menampilkan gambar ilustrasi vitamin berserta dengan keterangan lengkap dari vitamin tersebut. Di halaman ini terdapat tombol Kembali untuk kembali ke Daftar Vitamin.
7. Layout Daftar Pemberian Vitamin A
Pada halaman / layout Daftar Pemberian Vitamin 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 Vitamin.
Gambar 4.7 Tampilan halaman Daftar Pemberian Vitamin A
8. Layout Detail Pemberian Vitamin A
Pada halaman / layout Detail Pemberian Vitamin A ini akan menampilkan Keterangan Nama balita dan Jadwal Pemberian Vitamin A yang sudah pernah dilakukan.
Gambar 4.8 Tampilan halaman Detail Pemberian Vitamin A
9. Layout Daftar Kebutuhan Vitamin
Pada halaman / layout Daftar Kebutuhan Vitamin 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 Vitamin
10. Layout Detail Kebutuhan Vitamin
Pada halaman / layout Detail Kebutuhan Vitamin 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 Vitamin
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
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
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 Vitamin
Klik Menampilkan Halaman Daftar Kebutuhan Vitamin
3. Main Menu Button Daftar Posyandu Klik Menampilkan Halaman Daftar Posyandu 4. Main Menu Button Daftar Vitamin Klik Menampilkan Halaman Daftar Vitamin 5. Info Pengembang Button Kembali Klik Menampilkan halaman Main Menu 6. Kebutuhan Vitamin List Kebutuhan Vitamin Klik Menampilkan halaman Detail Kebutuhan
Vitamin
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 Vitamin List Vitamin Klik Menampilkan halaman Detail Vitamin berdasarkan List Posyandu
10. Detail Vitamin Button Kembali Klik Kembali ke halaman Daftar Vitamin 11. Daftar Pemberian
Vitamin
List Pemberian Vitamin Klik Menampilkan halaman Detail Pemberian Vitamin berdasarkan List Posyandu 12. Detail Pemberian
Vitamin
Button Kembali Klik Kembali ke Daftar Pemberian Vitamin 13. Kebutuhan Vitamin EditText Search Klik Menfilterisasi nama-nama vitamin yang
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
2. Main Menu Button Kebutuhan Vitamin
Menampilkan Halaman Daftar Kebutuhan Vitamin
Sesuai
3. Main Menu Button Daftar Posyandu
Menampilkan Halaman Daftar Posyandu Sesuai
4. Main Menu Button Daftar Vitamin
Menampilkan Halaman Daftar Vitamin Sesuai
5. Info Pengembang Button Kembali Menampilkan halaman Main Menu Sesuai
6. Kebutuhan Vitamin
List Kebutuhan Vitamin
Menampilkan halaman Detail Kebutuhan Vitamin
Sesuai
7. Daftar Posyandu List Posyandu Menampilkan halaman Detail Posyandu berdasarkan List Posyandu Sesuai
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.
9. Daftar Vitamin List Vitamin Menampilkan halaman Detail Vitamin berdasarkan List Posyandu
Sesuai 10. Detail Vitamin Button Kembali Kembali ke halaman Daftar Vitamin Sesuai 11. Daftar Pemberian
Vitamin
List Pemberian Vitamin
Menampilkan halaman Detail Pemberian Vitamin berdasarkan List Posyandu
Sesuai 12. Detail Pemberian
Vitamin
Button Kembali Kembali ke Daftar Pemberian Vitamin Sesuai 13. Kebutuhan
Vitamin
EditText Search Menfilterisasi nama-nama vitamin yang ada di list kebutuhan vitamin
