BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN Analisis Sistem 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 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

2 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/ IBU DIAN MELATI II RT/RW 02/ IBU IIS MELATI III RT/RW 03/ IBU NANI MELATI IV RT/RW 01/ 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 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

3 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 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 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)

4 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 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 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 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.

5 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 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 USER Melihat Daftar Kebutuhan Vitamin Melihat Daftar Pemberian Vitamin Gambar 3.1. Use case digram aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android

6 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

7 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 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 Menampilkan Daftar Yang Ada Memilih Detail Menampilkan Detail Di Daftar Tersebut Gambar 3.2. Activity diagram aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android

8 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

9 Flow Chart Flowchart adalah gambaran dalam bentuk diagram alir dari algoritmaalgoritma 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 Ya Menampilkan Daftar Posyandu Detail Posyandu Ya Tidak Tidak Menampilkan Detail Posyandu Menu Vitamin Ya Menampilkan Daftar Vitamin Detail Vitamin Tidak Ya Tidak Menampilkan Detail Vitamin Menu Kebutuhan Vitamin Ya Menampilkan Daftar Kebutuhan Vitamin Detail Kebutuhan Vitamin Tidak Ya Menampilkan Detail Kebutuhan Vitamin Menu Pemberian Vitamin Ya Menampilkan Daftar Pemberian Vitamin Detail Pemberian Vitamin Tidak Tidak Keluar Ya End Ya Menampilkan Detail Vitamin Gambar 3.4 Flowchart aplikasi informasi posyandu di wilayah kecamatan cikupa berbasis android

10 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

11 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 : Menampilkan halaman Main Menu 2

12 50 Scene Name : Tampilan Informasi Pengembang Ket : Menampilkan halaman Informasi Pengembang 3. Scene Name : Daftar Posyandu Ket : Menampilkan daftar posyandu yang ada

13 Scene Name : Detail Posyandu Ket : Menampilkan detail posyandu Scene Name : Daftar Vitamin Ket : Menampilkan daftar vitamin yang ada

14 Scene Name : Detail Vitamin Ket : Menampilkan detail vitamin Scene Name : Daftar Vitamin Ket : Menampilkan daftar vitamin yang ada

15 Scene Name : Detail Vitamin Ket : Menampilkan detail vitamin Scene Name : Daftar Kebutuhan Vitamin Ket : Menampilkan daftar kebutuhan vitamin yang ada

16 Scene Name : Detail Kebutuhan Vitamin Ket : Menampilkan detail kebutuhan vitamin Scene Name : Daftar Pemberian Vitamin A Ket : Menampilkan daftar balita yang ada

17 Scene Name : Detail Pemberian Vitamin A Ket : Menampilkan detail vitamin A 3.8 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 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

18 56 detail dari posyandu dan vitamin tersebut. Dan tombol Kebutuhan Vitamin, digunakan untuk menampilkan kebutuhan vitamin balita perhari. Gambar 3.6 Tampilan Main Menu 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.

19 57 Gambar 3.7 Tampilan Daftar Posyandu 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.

20 58 Gambar 3.8 Tampilan Detail Posyandu 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

21 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 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.

22 60 Gambar 3.11 Tampilan Daftar Kebutuhan Vitamin 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

23 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 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.

24 62 Gambar 3.14 Tampilan Detail Pemberian Vitamin A 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