17 BAB III ANALISIS DAN PERANCANGAN III.1. Analisa Sistem yang sedang berjalan Sistem penyuluhan kesehatan anak tentang penyebab obesitas yang dilakukan di Posyandu lingkungan V Mabar belum menggunakan media teknologi dan masih bersifat manual. Adapun metode penyuluhan yang dilakukan petugas Posyandu adalah sebagai berikut : 1. Memberikan ceramah mengenai kesehatan anak tentang penyebab obesitas. 2. Melakukan diskusi dengan masyarakat khususnya para ibu mengenai topik penyuluhan. 3. Penyuluhan menggunakan media papan (billboard). Pada sistem penyuluhan kesehatan anak tentang penyebab obesitas di Posyandu terdapat beberapa masalah yang sering dijumpai seperti peserta sering merasa bosan atau mengantuk, kurang memperhatikan pembicara karena media yang digunakan tidak menarik perhatian, dan peserta kurang memahami isi topik yang disampaikan pembicara dalam penyuluhan. Setelah penulis menganalisa permasalahan dalam penyuluhan di Posyandu, dengan demikian penulis merancang animasi kesehatan anak tentang penyebab obesitas yang menggunakan media teknologi dilengkapi dengan efek suara dan gerak. Sehingga informasi yang disampaikan dapat lebih baik dan dimengerti oleh masyarakat. 17
18 III.2. Perancangan Sistem Diagram. Perancangan sistem ini menggunakan Use Case Diagram dan Activity III.2.1. Use Case Diagram Use case diagram merupakan pemodelan untuk menggambarkan kelakuan sistem yang akan dibuat dan menjelaskan secara sederhana fungsi sistem dari sudut pandang pemakai. Berikut ini adalah use case diagram yang dapat dilihat pada gambar III.1. Masuk aplikasi Panduan Aplikasi User Keluar Gambar III.1. Use Case Diagram Animasi Penyuluhan Kesehatan Anak Tentang Penyebab Obesitas III.2.2. Activity Diagram Berikut ini adalah activity diagram animasi penyuluhan kesehatan anak tentang penyebab obesitas :
19 Menu Utama Masuk Aplikasi Tampilan awal obesitas Tombol Berikutnya Penjelasan Obesitas Penyebab Obesitas Mengatasi Obesitas Tombol Sebelumnya Tidak Ya Keluar Gambar III.2. Activity Diagram Animasi Penyuluhan Kesehatan Anak
20 Perancangan activity diagram animasi penyuluhan kesehatan anak memiliki struktur sebagai berikut : a. User masuk dalam aplikasi dan berada pada menu utama. b. Ketika user masuk Aplikasi, user akan masuk dalam animasi c. Animasi dijalankan secara step by step dengan cara mengklik tombol berikutnya apabila ingin kembali user dapat mengklik tombol sebelumnya dan user mempunyai pilihan untuk keluar dari aplikasi. III.3. Perancangan 1. Storyboard Animasi Gambar dibawah ini adalah rancangan Storyboard animasi penyuluhan kesehatan anak tentang penyebab obesitas. Tampilan awal animasi adalah gambar seorang dokter Tampilan kedua dokter menjelaskan tentang obesitas yang terjadi pada anak
21 Tampilan anak yang terkena obesitas Menjelaskan lemak yang tertimbun didalam perut anak Menjelaskan pengukuran berat badan anak yang standar.
22 Menjelaskan salah satu penyebab terjadinya obesitas Menjelaskan cara mengatasi obesitas. Gambar III.3. Stroryboard Animasi Penyuluhan Kesehatan Tentang Obesitas 2. Rancangan Interface Menu Utama (Input) Gambar dibawah ini memperlihatkan aplikasi dengan tiga buah tombol yaitu Masuk Aplikasi yang digunakan untuk menjalankan animasi, Panduan Aplikasi berisikan panduan ataupun informasi mengenai animasi tersebut, Tombol keluar untuk keluar dari aplikasi animasi.
23 Masuk Aplikasi Panduan Aplikasi Keluar Aplikasi Gambar III.4. Rancangan Interface Menu Utama (Input) 3. Rancangan Interface Aplikasi Sedang Berjalan Gambar dibawah ini adalah interface aplikasi sedang berjalan O B E S I T A S INFORMASI Menu Sebelumnya Berikutnya Gambar III.5. Interface Aplikasi Sedang Berjalan
24 4. Rancangan Interface Output Dibawah ini adalah rancangan tampilan interface output. INFORMASI Menu Sebelumnya Berikutnya Gambar III.6. Rancangan Interface Output 5. Rancangan Interface Aplikasi Keluar. Gambar dibawah ini adalah rancagan Interface keluar Aplikasi Animasi penyuluhan kesehatan tentang obesitas. Keluar Aplikasi? Ya Tidak Gambar III.7. Rancangan Interface Aplikasi Keluar