BAB III ANALISA DAN PERANCANGAN
3.1.1
Analisis Sistem
3.1.1
Analisa Perancangan Sistem Aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android
merupakan aplikasi yang digunakan untuk menampilkan daftar data-data posyandu yang berada di wilayah kecamatan cikupa dan di sertai dengan data jenis-jenis dan manfaat vitamin. Analisa prancangan system merupakan tahapan awal dalam membuat perangkat lunak yang bersifat sementara tentang hal-hal yang dibutuhkan dan yang akan dikerjakan sehingga dapat mengagambarkan sistem aplikasi yang dibuat. Dalam tahap ini penulis menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap data-data yang merepresentasikan masalah, sehingga dapat diketahui spesifikasi kebutuhan sistem yang akan dibangun. Aplikasi tersebut akan menampilakan daftar posyandu yang ada di wilayah jakarata utara dan dapat pula dilanjutkan dengan keterangan dari posyandu tersebut. Di aplikasi ini akan menampilkan daftar jenisjenis dan manfaat dari vitamin dan kemudian akan di lanjutkan dengan penjelasan dari vitamin tersebut.
3.1.2
Pengumpulan Data Tahap pengumpulan data merupakan tahap awal, Bahan yang digunakan
semua data yang berkaitan dengan informasi letak titik-titik posyandu yang telah di tentukan sebelumnya yang diambil melalui proses interview dan dengan cara mendatangi langsung lokasi posyandu tersebut. Untuk data jenis-jenis dan manfaat serta kegunaan vitamin menggunakan referensi yang di dapat dari internet, buku perpustakaan dan juga artikel-artikel yang berhubungan dengan kesehatan serta juga menanyakan langsung kepada kader posyandu yang sedang maupun tidak bertugas.
39
40
Berikut adalah nama-nama posyandu yang di gunakan pada aplikasi : 3.1 Tabel Data-data posyandu NO
Nama Ketua
Nama Posyandu
Alamat
Jumlah Balita
1.
IBU MASRIPEH
MELATI I
RT/RW 04/02
44
2.
IBU DIAN
MELATI II
RT/RW 02/03
68
3.
IBU IIS
MELATI III
RT/RW 03/01
89
4.
IBU NANI
MELATI IV
RT/RW 01/04
67
5.
IBU WIWIT
MELATI V
RT/RW 15/02
65
Berikut adalah nama-nama vitamin yang di gunakan pada aplikasi : Vitamin A atau Retinol Vitamin B1 atau Thiamin Vitamin B2 atau Riboflavin Vitamin B3 (Niasin) Vitamin B5 (asam pantotenat) Vitamin B6 (pridoksin) Vitamin B7 (Biotin) Vitamin B9 (Asam Folat) Vitamin B12 (kobalamin) Vitamin C atau Asam Askorbat Vitamin D atau Kalsiferol Vitamin E atau TokoferolVitamin K atau Koagulasi .3.1.3 Tempat penelitian Tempat penelitian dibatasi hanya pada kawasan di Kecamatan Cikupa, pemilihan letak titik-titik yang dipilih serta pembatasan jumlah posyandu dan keterangan mengenai posyandu dan juga jenis-jenis dan manfaat vitamin yang
41
dicantumkan di dalam laporan penulisan tugas akhir ini berdasarkan pertimbangan keterbatasan waktu dalam penelitian.
3.2
Analisis Kebutuhan Sistem Analisis kebutuhan merupakan salah satu tahap rekayasa perangkat lunak
yang berusaha menjebatani gap yang terdapat diantara alokasi perangkat lunak tingkat sistem dengan perancangannya, dengan analisis suatu sistem diharapkan dapat diuraikan secara utuh menjadi komponen-komponen dasar dengan tujuan identifikasi, mengevaluasi permasalahan dan kebutuhan yang diharapkan.
3.2.1
Analisis Kebutuhan Fungsional Aplkasi informasi posyandu di wilayah kecamatan cikupa berbasis android ini
dibuat memiliki kemampuan sebagai berikut : 1. Menampilkan dafar posyandu yang berada di wilayah kecamatan cikupa berserta dengan keterangan singkat dari posyandu tersebut 2. Menampilkan dafar vitamin berserta dengan keterangan singkat dari posyandu tersebut 3. Menampilkan informasi mengenai vitamin sesuai dengan usia balita 4. Menampilkan keterangan singkat dari pembuat aplikasi
3.2.2
Kebutuhan Perangkat Keras Peralatan yang akan digunakan dalam menyelesaikan aplikasi informasi
posyandu di wilayah kecamatan cikupa berbasis android terdiri dari : 1. Satu unit Komputer dengan spesifikasi Processor Intel Dual Core 3.2 GHZ, RAM 4 GB, Harddisk 500 GB, Monitor 17 inci, Mouse dan Keyboard 2. Smartphone Android Samsung Galaxy S4 dengan spesifikasi Quad-core 1.9 GHz Krait 300, 4G Network, Android OS, v4.2.2 (Jelly Bean)
42
3.2.3
Kebutuhan Perangkat Lunak
Komponen perangkat lunak (software) Microsoft Windows 7 Ultimate Edition, Sebagai system operasi IDE Eclipse untuk mengembangkan perangkat lunak dan dapat dijalankan di semua platform (platform-independent) dalam hal ini untuk kerluan dalam membangun aplikasi berbasis Android dan ADT Plugin digunakan untuk memudahkan pengembangan aplikasi Android menggunakan Eclipse JDK dikarenakan menggunakan bahasa pemprograman java maka harus memiliki JDK. JDK yang di gunakan adalah versi 1.7 SDK Android, Digunakan sebagai tools dasar untuk mengembangkan aplikasi Android API Level 14 dan API Level 19 dan juga Google Api Level 19
3.3
Metodologi Pengembangan Sistem Metologi yang digunakan dalam pengembang system adalah dengan
pengembangan multimedia yang di populerkan oleh Sutopo-Luther. Metode pengembangan multimedia ini dilakukan melalui 6 tahapan, banyak metodologi lain yang dapat di gunakan, tetapi penulis merasa kurang tepat untuk diterapkan pada pengembangan perangkat lunak berbasis Multimedia.
3.3.1
Tahapan Rekayasa Sistem Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan pengguna
pada tingkatan system dengan menentukan konsep system beserta antarmuka yang menghubungkannya dengan lingkungan sekitar hasilnya berupa spesifikasi sistem.
3.3.2 Analisis Sistem Tujuan tahap analisa adalah memahami sistem, memahami pemasalahan secara lebih mendalam dan menyeluruh (komperehensif), mendefinisikan kebutuhan sistem, serta melihat kekurangan yang terdeteksi pada saat problem definition dan memberikan solusi global secara konseptual.
43
3.3.3
Tahap Analisis Pada tahap ini di lakukan identifikasi masalah–masalah, kebutuhan sistem,
memecahkan masalah kemudian menemukan usulan-usulan rekomendasi kebutuhan sistem yang perlu dikembangkan.
3.4 Perancangan Dalam tahap ini akan dijelaskan secara rinci mengenai rancangan dari aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis androidyang meliputi pemodelan use case diagram, sequence diagram dan activity diagram.
3.4.1 Pemodelan Diagram Use Case Pada aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android ini, dapat diidentifikasikan bahwa actor utama nya adalah user (pengguna). Dari identifikasi actor tersebut, maka akan didapatkan satu diagram use case dan beberapa skenario yang memperlihatkan interaksi-interaksi use case dengan aktor. Use case diagram aplikasi ini dapat dilihat pada gambar dibawah ini.
Melihat Daftar Posyandu
Melihat Daftar Vitamin
Melihat Daftar Kebutuhan Vitamin USER
Melihat Daftar Pemberian Vitamin
Gambar 3.1. Use case digram aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android
44
Berikut adalah deskripsi Use case : Tabel 3.2. Use Case Menjalankan aplikasi informasi posyandu di wilayah kecamatan cikupa android Aktor
User
Deskripsi
1. Menjalankan aplikasi Cari Posyandu
Skenario
1. User mengklik icon Cari Posyandu pada smartphone Android 2. Sistem menampilkan halaman Main menu 3. User mengklik tombol Tampil Daftar Posyandu 4. Sistem menampilkan halaman berupa list posyandu yang ada beserta keterangan singkat posyandu tersebut 5. User memilih salah satu dari daftar yang ada 6. Sistem menampilkan detail dari posyandu tersebut 7. User mengklik tombol kembali 8. Sistem menampilkan halaman Main menu 9. User mengklik tombol Tampil Daftar Vitamin 10. Sistem menampilkan halaman berupa list posyandu yang ada beserta keterangan singkat posyandu tersebut 11. User memilih salah satu dari daftar yang ada 12. Sistem menampilkan detail dari vitamin tersebut 13. User mengklik tombol kembali 14. Sistem menampilkan halaman Main menu 15. User mengklik tombol Tampil Informasi Kebutuhan Vitamin 16. Sistem menampilkan halaman berupa list nama vitamin 17. User memilih salah satu dari daftar yang ada 18. Sistem menampilkan detail dari vitamin tersebut 19. User mengklik tombol kembali 20. Sistem menampilkan halaman Main menu
45
21. User mengklik tombol Tampil Pemberian Vitamin A 22. Sistem menampilkan halaman berupa list nama balita 23. User memilih salah satu dari daftar yang ada 24. Sistem menampilkan detail dari balita tersebut 25. User mengklik tombol keluar 26. Sistem akan keluar dari aplikasi
3.4.2 Pemodelan Activity Diagram Apabila pengguna ( user ) mengklik salah satu dari daftar yang ada, maka aplikasi akan menampilkan detail dari menu tersebut. Didalam detail terdapat tombol kembali yang di gunakan untuk kembali ke main menu dan tombol keluar untuk keluar dari aplikasi. USER
SISTEM
Menjalankan Aplikasi
Menampilakan Main Menu
Posyandu Vitamin Kebutuhan Vitamin Pemberian Vitamin A
Memilih Menu
Memilih Detail
Menampilkan Daftar Yang Ada
Menampilkan Detail Di Daftar Tersebut
Gambar 3.2. Activity diagram aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android
46
3.4.3
Pemodelan Sequence Diagram Sequence diagram digunakan untuk mengambarkan perilaku pada sebuah
skenario. Diagram ini menunjukan sejumlah contoh objek dan message (pesan) yang diletakan diantara obyek-obyek ini di dalam use case. Sequence diagram menggambarkan interaksi antar objek di dalam dan disekitar sistem (termasuk pengguna, display, dan sebagainya) berupa pesan yang digambarkan terhadap waktu. Main Menu
Daftar Menu
Detail Menu
USER
Menjalankan Aplikasi
Tampilkan Main Menu
Memilih Menu Yang Ada
Menampilkan Daftar Dari Menu Yang Dipilih
Mengklik Detail Dari Menu Tersebut
Menampilkan Keterangan Lengkap Dari Menu Yang Dipilih
Gambar 3.3. Sequence diagram aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android
47
3.3.4
Flow Chart Flowchart adalah gambaran dalam bentuk diagram alir dari algoritma-
algoritma dalam suatu program, yang menyatakan arah alur program tersebut agar lebih mudah dalam mengimplementasikan di dalam bahasa pemprograman. Berikut adalah contoh flowchart yang digunakan pada aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android.
Start
Menampilkan Main Menu
Pilin Menu
Menu Posyandu
Detail Posyandu
Menampilkan Daftar Posyandu
Tidak
Ya Ya Tidak
Menampilkan Detail Posyandu
Menu Vitamin
Menampilkan Daftar Vitamin
Detail Vitamin
Tidak
Ya Ya Tidak
Menu Kebutuhan Vitamin
Menampilkan Detail Vitamin
Ya
Detail Kebutuhan Vitamin
Menampilkan Daftar Kebutuhan Vitamin
Tidak
Ya Menampilkan Detail Kebutuhan Vitamin Menu Pemberian Vitamin
Tidak
Ya
Detail Pemberian Vitamin
Menampilkan Daftar Pemberian Vitamin
Ya
Keluar Ya
Tidak
Menampilkan Detail Vitamin
End
Gambar 3.4 Flowchart aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android
48
3.6
Perancangan Peta Navigasi Sama dengan hal nya flowchart kegunaan peta navigasi ini untuk
memudahkan merancang aplikasi yang akan dibuat dalam menentukan proses jalannya aplikasi dan juga sebagai checkpoint aplikasi yang di buat apakah pembuatan aplikasi sudah sesuai dengan tujuan awal. Main Menu
Menu Posyandu
Menu Vitamin
Menu Kebutuhan Vitamin
Menu Pemberian Vitamin
Daftar Posyandu
Daftar Vitamin
Nama Vitamin
Nama Balita
Detail Posyandu
Detail Vitamin
Detail Kebutuhan Vitamin
Detail Pemberian Vitamin
Gambar 3.5 Peta Navigasi aplikasi informasi posyandu di wilayah jakarta utara berbasis android
3.7
Perancangan Storyboard Storyboard merupakan deskripsi masing-masing tampilan suatu kejadian dari
movie yang akan dimainkan. Di dalam storybard akan mencantumkan semua objek atau elemen multimedia berikut juga setiap komponen-komponen yang nantinya akan di gunakan di dalam aplikasi yang bertujuan agar aplikasi yang akan dibuat agar tidak
49
terjadi kesalahan manusia / human error dan tidak ada duplikasi dari tiap–tiap objek atau komponen–komponen yang akan digunakan. NamaScene
Visual
1.
Scene Name : Main Menu Ket
2
: Menampilkan halaman Main Menu
50
Scene Name : Tampilan Informasi Pengembang Ket
: Menampilkan halaman Informasi Pengembang
3.
Scene Name : Daftar Posyandu Ket
: Menampilkan daftar posyandu yang ada
51
4.
Scene Name : Detail Posyandu Ket
: Menampilkan detail posyandu
5.
Scene Name : Daftar Vitamin Ket
: Menampilkan daftar vitamin yang ada
52
6.
Scene Name : Detail Vitamin Ket
: Menampilkan detail vitamin
5.
Scene Name : Daftar Vitamin Ket
: Menampilkan daftar vitamin yang ada
53
6.
Scene Name : Detail Vitamin Ket
: Menampilkan detail vitamin
7.
Scene Name : Daftar Kebutuhan Vitamin Ket
: Menampilkan daftar kebutuhan vitamin yang ada
54
8.
Scene Name : Detail Kebutuhan Vitamin Ket
: Menampilkan detail kebutuhan vitamin
9.
Scene Name : Daftar Pemberian Vitamin A Ket
: Menampilkan daftar balita yang ada
55
10.
Scene Name : Detail Pemberian Vitamin A Ket 3.8
: Menampilkan detail vitamin A
Perancangan Antarmuka Pada tahap ini penulis akan membuat desain antarmuka dari aplikasi yang
akan dibuat dan akan menunjukan letak komponen untuk menjalankan aplikasi. Hal ini di maksudkan agar pada tahap mengerjakan / pembuatan aplikasi tidak terlalu menyimpang atau melebar dari arah pembahasan dan tidak akan ada tombol atau komponen–komponen pada apliasi ini yang akan berfungsi sama atau terjadi duplikasi.
3.8.1 Rancangan Tampilan Main menu Halaman Main Menu adalah tampilan awal setelah halaman splash screen muncul yang kemudian akan di gantikan dengan halaman main menu. Di halaman ini pengguna ( user ) dapat langsung keluar dari aplikasi. Tombol daftar posyandu digunakan untuk melihat daftar posyandu yang ada dan juga daftar vitamin yang di gunakan untuk melihat daftar vitamin. Yang nantinya akan dilanjutkan dengan
56
detail dari posyandu dan vitamin tersebut. Dan tombol Kebutuhan Vitamin, digunakan untuk menampilkan kebutuhan vitamin balita perhari.
Gambar 3.6 Tampilan Main Menu 3.8.2
RancanganTampilan Daftar Posyandu Di halaman ini akan menampilkan semua daftar posyandu yang telah ada.
Gambar dan keterangan yang di gunakan di ambil langsung dari posyandu yang terkait. Baik gambar dan juga keterangan mengenai posyandu tersebut bersifat statik. Digunakan List View dan juga List Adapter untuk menampilkan layout yang seperti ini pada bahasa pemprograman android.
57
Gambar 3.7 Tampilan Daftar Posyandu
3.8.3
RancanganTampilan Detail Posyandu Di halaman ini akan menampilkan semua keterangan dari posyandu yang
telah di klik, baik gambar, keterangan nama, alamat dan nama ketua kader posyandu. Keterangan dari vitamin tersebut di dapat dari id listview yang dipilih. Keterangan dari posyandu tersebut bersifat statik jadi tidak dapat berubah-ubah dan apabila diadakan penambahan ataupun pengurangan posyandu.
58
Gambar 3.8 Tampilan Detail Posyandu
3.8.4
RancanganTampilan Daftar Vitamin Di halaman ini akan menampilkan semua daftar vitamin yang telah ada.
Gambar dan keterangan yang di gunakan di ambil dari artikel kesehatan yang ada di internet dan buku-buku perpustakaan. Baik gambar dan juga keterangan mengenai vitamin tersebut bersifat statik.
Gambar 3.9 Tampilan Daftar Vitamin
59
3.8.5
RancanganTampilan Detail Vitamin Di halaman ini akan menampilkan semua keterangan dari posyandu yang
telah di klik, baik gambar, keterangan vitamin. Keterangan dari vitamin tersebut di dapat dari id listview yang dipilih.
Gambar 3.10 Tampilan Detail Vitamin
3.8.6
RancanganTampilan Daftar Kebutuhan Vitamin Di halaman ini akan menampilkan semua daftar kebutuhan vitamin yang
telah ada. nama dan keterangan (fungsi, kebutuhan dan sumber) vitamin yang di gunakan di ambil dari artikel kesehatan yang ada di internet dan buku-buku perpustakaan. Dihalaman ini halaman akan berbeda dengan halaman yang menampilkan data dengan cara listview. Karena pada halaman ini akan di gunakan sebuah edittext yang digunakan sebagai penyaring / filter nama-nama vitamin yang digunakan. Dan untuk menampilkan keterangan dari kebutuhan vitamin tersebut akan di gunakan sebuah dialog. Untuk keluar dari dialog tersebut, cukup dengan mengklik tombol close yang berada di posisi bawah dialog tersebut.
60
Gambar 3.11 Tampilan Daftar Kebutuhan Vitamin
3.8.7
RancanganTampilan Detail Kebutuhan Vitamin Di halaman ini akan menampilkan sebuah dialog yang berisi mengenai
keterangan dari vitamin yang telah di pilih sebelumnya.
Gambar 3.12 Tampilan Detail Kebutuhan Vitamin
61
3.8.8
RancanganTampilan Daftar Pemberian Vitamin A Di halaman ini akan menampilkan semua daftar balita yang telah ada. Data
balita tersebut berdasarkan data posyandu yang ada dan data-data yang di tampilkan pada daftar ini pemberian vitamin a ini bersifat statik.
Gambar 3.13 Tampilan Daftar Pemberian Vitamin A
3.8.9
RancanganTampilan Detail Pemberian Vitamin A Di halaman ini akan menampilkan semua keterangan dari balita yang telah
di klik, baik nama posyandu, nama ibu dan keterangan jadwal pemberian vitamin A yang sudah pernah dilakukan. Keterangan dari vitamin tersebut di dapat dari id listview yang dipilih.
62
Gambar 3.14 Tampilan Detail Pemberian Vitamin A
3.8.10 RancanganTampilan Informasi Pengembang Di halaman ini akan menampilkan keterangan dari pembuat aplikasi yang di gunakan untuk memberikan penjelasan mengenai aplikasi.
Gambar 3.15 Tampilan Info Pengembang
