RANCANG BANGUN APLIKASI MULTIMEDIA INTERAKTIF BERBASIS WEB UNTUK MENGETAHUI TUMBUH KEMBANG ANAK BERDASARKAN PENGELOLAAN POSYANDU

Priyanka Damayanti ( 09.18.085) Teknik Informatika – ITN Malang , inkaandalu@gmail.com Abstrak
Keberadaan informasi mengenai pertumbuhan dan faktor yang mempengaruhi pertumbuhan anak balita sangatlah kurang. Sehingga jadwal imunisasi serta pengukuran berat dan tinggi badan balita yang biasanya dilakukan dalam rentang waktu satu bulan sekali dengan cara datang langsung ke posyandu terdekat pun sering terlewat oleh para orang tua, dikarenakan sulitnya menyisihkan waktu untuk melakukan hal tersebut. Dengan kendala waktu yang tersebut melalui aplikasi berbasis web ini maka orang tua akan lebih mengetahui parameter pertumbuhan dan perkembangan anak – anak dan bisa di akses dimanapun Website ini menggunakan beberapa bahasa pemprogaman antara lain HTML , PHP dan Action Script 2.0 . Website ini dapat diakses pada browser yang telah di uji kelayakan dengan operating system apapun. Setelah dilakukan proses pengujian website kepada ibu muda yang berjumlah 10 orang dengan mengisi kuisioner dan berdasarkan pertanyaan-pertanyaan pokok yang telah diberikan maka dapat diambil suatu kesimpulan bahwa website ini sangat berguna untuk memantau tumbuh kembang anak serta pengenalan media belajar interaktif yang dianggap positif untuk anak – anak . Kata Kunci : Pertumbuhan , media interaktif , puskesmas , kesehatan , php , action script 2.0

1. Pendahuluan 1.1. Latar Belakang Tak dapat dipungkiri jika kemajuan teknologi masa kini berkembang sangat pesat. Hal ini dapat dibuktikan dengan banyaknya inovasi-inovasi yang telah dibuat di dunia ini. Dari hingga yang sederhana, hingga yang menghebohkan dunia. Kemajuan teknologi memang sangat penting untuk kehidupan manusia jaman sekarang. Karena teknologi adalah salah satu penunjang kemajuan manusia. Di banyak belahan masyarakat, teknologi telah membantu memperbaiki ekonomi, pangan, komputer, dan masih banyak lagi. Seiring dengan berkembangnya teknologi informasi menyebabkan semakin banyak orang mengerti akan pentingnya fungsi komputer dalam membantu pekerjaan mereka. Saat ini perkembangan komputer telah membawa perubahan besar dalam berbagai bidang diantaranya bidang Politik, Ilmu Pengetahuan, Ekonomi, Sosial, Budaya, dan Kesehatan. Perkembangan teknologi informasi, selain perkembangan aplikasi desktop pada komputer juga meliputi perkembangan aplikasi mobile. Seperti yang kita ketahui saat ini, kebutuhan manusia tidak pernah terbatas seperti kebutuhan komunikasi salah satunya. Sehingga, handphone yang kita kenal sebagai alat telpon (komunikasi) genggam semakin berkembang pesat dengan aplikasi-aplikasi 1

terbaru dan bermanfaat untuk kebutuhan manusia di saat ini. Aplikasi berbasis multimedia interaktif sangatlah banyak ragam serta manfaat luar biasa untuk kebutuhan manusia. Multimedia adalah media penyampaian dengan mengunakan banyak media seperti teks, gambar, animasi, video, suara . Interaktif adalah interaksi antara multimedia itu sendiri dengan pengguna (user). Jadi Multimedia Interaktif adalah media yang terdiri dari banyak komponen/media yang saling terintegrasi yang mampu untuk berinteraksi dengan penggunanya. Sebu ah multimedia interaktif juga bisa digunakan sebagai media penyampaian pertumbuhan anak. Pertumbuhan adalah bertambahnya ukuran dan jumlah sel serta jaringan interselular, sehingga bertambahnya ukuran fisik dan struktur tubuh sebagian atau keseluruhan, maka dapat diukur dengan satuan panjang dan berat. Anak yang sehat akan menunjukkan tumbuh kembang yang optimal. Pertumbuhan anak bisa dilihat dan diukur dari beberapa parameter pertumbuhan. Sekarang ini keberadaan informasi mengenai pertumbuhan dan faktor yang mempengaruhi pertumbuhan anak balita sangatlah kurang. Sehingga jadwal imunisasi serta pengukuran berat dan tinggi badan balita yang biasanya

dilakukan dalam rentang waktu satu bulan sekali dengan cara datang langsung ke posyandu terdekat pun sering terlewat oleh para orang tua, dikarenakan sulitnya menyisihkan waktu untuk melakukan hal tersebut. Dengan kendala waktu yang tersebut melalui aplikasi berbasis web ini maka orang tua akan lebih mengetahui parameter pertumbuhan dan perkembangan anak – anak dan bisa di akses dimanapun 1.2. Rumusan Masalah Adapun rumusan masalah yang akan dibahas adalah Bagaimana membantu orang tua memantau tumbuh kembang anak dan melatih pengembangan kognitif anak. 1.3. Tujuan Tujuan dari pembuatan aplikasi ini adalah untuk merancang dan membuat sebuah aplikasi berbasis web dan media pembelajaran interaktif menggunakan bahasa pemprogram PHP dan Action Script 2.0 dan membantu orang tua dalam memantau pertumbuhan anak serta memberikan media belajar interaktif bagi anak usia balita dan batita. 1.4. Batasan Masalah Batasan masalah pembahasan yang diambil agar sesuai dengan tujuan dan tidak terjadi penyimpangan maksud dan tujuan utama, maka ditentukan ruang lingkup pembahasan sebagai berikut: a) Aplikasi berisi penghitungan tumbuh kembang anak dan media pembelajaran interaktif melatih pengembangan kemampuan kognitif b) Menggunakan bahasa pemrograman Action script 2.0 dalam flash. c) Menggunakan bahasa pemprogaman PHP dalam aplikasi web d) Aplikasi web di gunakan oleh orang tua. e) Aplikasi multimedia interaktif digunakan oleh batita dan balita dengan di dampingi oleh orang tua. 2. Landasan Teori 2.1 Action Script Action Script adalah bahasa berorientasi objek awalnya dikembangkan oleh Macromedia Inc (sekarang dimiliki oleh Adobe Systems ). Ini adalah dialek ECMA Script (berarti itu adalah superset dari sintaks dan semantik bahasa lebih luas dikenal sebagai JavaScript ), dan digunakan terutama untuk pengembangan situs web dan perangkat lunak 2

menargetkan Adobe Flash Player platform, digunakan pada halaman Web di bentuk file tertanam SWF. Bahasa itu sendiri adalah open-source dalam spesifikasi yang ditawarkan secara gratis dan keduanya compiler open source (sebagai bagian dari Apache Flex ) dan open source mesin virtual ( Mozilla Tamarin ) yang tersedia. 2.2. Web Based Application Web Based Application adalah sebuah aplikasi yang dapat diakses melalui internet atau intranet, dan pada sekarang ini ternyata lebih banyak dan lebih luas dalam pemakaiannya. Banyak dari perusahaan-perusahaan berkembang yang menggunakan Web Based Application dalam merencanakan sumber daya mereka dan untuk mengelola perusahaan mereka. Web Based Application dapat digunakan untuk berbagai macam tujuan yang berbeda. Sebagai contoh, Web Based Application dapat digunakan untuk membuat invoice dan memberikan cara yang mudah dalam penyimpanan data di database. 2.3. Multimedia Multimedia berasal dari kata multi dan media. Multi dapat berartibanyak, sedangkan media dapat berarti sebagai tempat, sarana atau alat yang digunakan untuk menyimpan suatu informasi.Multimedia adalah pemanfaatan perangkat lunak pada komputer untuk membuat danmengkombinasikan teks, bunyi, video, gambar dananimasi dengan menggunakan beberapa link(penghubung) dan tool(alat) yangmemungkinkan bagi penggunadapat melakukan navigasi, interaksi,berkreasi danberkomunikasi.

Gambar 1. Komponen multimedia 2.4 PHP PHP sendiri sebenarnya merupakan singkatan dari “Hypertext Preprocessor”, yang

merupakan sebuah bahasa scripting tingkat tinggi yang dipasang pada dokumen HTML. Sebagian besar sintaks dalam PHP mirip dengan bahasa C, Java dan Perl, namun pada PHP ada beberapa fungsi yang lebih spesifik. Sedangkan tujuan utama dari penggunaan bahasa ini adalah untuk memungkinkan perancang web yang dinamis dan dapat bekerja secara otomatis. 2.5 HTML HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintahperintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). 3. PERANCANGAN DAN ANALISIS 3.1 Analisa Sistem Pada tahapan ini, diharuskan untuk menggambarkan desain yang akan dibuat secara detail. Hal-hal yang harus dilakukan adalah sebagai berikut : 1. Melakukan pemilihan model sebenarnya yang akan digunakan sebagai kunci solusi desain antar muka untuk aplikasi yang akan dibuat. 2. Mendefinisikan jenis informasi yang diperlukan untuk diintegrasikan ke dalam aplikasi. Terdapat beberapa informasi yang 3

dapat diintegrasikan ke dalam aplikasi yang meliputi teks, bunyi, video, gambar dan animasi. 3. Mengartikulasikan struktur navigasi pada aplikasi, agar navigasi terlihat jelas. 3.2 Representasi Pengetahuan Representasi pengetahuan ini digunakan untuk dasar penghitungan pertumbuhan anak. 1. Berat ideal anak usia 0-5 Tahun
BBI anak = 2n + 8 Dimana 2n adalah 2 kali usian dalam tahun dan bulan

2. Berat ideal anak usia 1 sampai 6 bulan
BBL (gr) + (usia x 500 gram )

3.

Berat ideal anak usia 7 sampai 12 bulan
BBL(gr) +(usia x 600 gram)

4. Tabel berat badan anak menurut tinggi badan

Halaman Utama Website Status Gizi

Berat Ideal

Pembelajaran Anak

Balita

Batita

Panduan Resep Menu Makanan Anak

Balita

Batita

Bantuan Gambar 2. Tabel berat ideal anak 3.3 Perancangan Perangkat Lunak Pada tahap pembuatan perangkat lunak akan dilakukan peracangan terlebih dahulu sebagai persiapan pembuatan. Berikut ini adalah tahapan dalam perancangan : 3.3.1 Sitemap Sitemap merupakan bagan diagram yang menunjukan tentang alur dari aplikasi yang dibuat. Berikut sitemap dari website. Lokasi Puskesmas Malang Info Tumbuh Kembang Anak Gambar 3. Sitemap website

4

biasanya dilakukan setelah perencanaaan sudah dianggap. Flowchart Untuk memperjelas alur dari sistem maka digambarkan dalam bentuk flowchart. Flowchart menjelaskan apa yang terjadi pada website. Flowchart website dapat dilihat dalam gambar 4 3.3.2 xzx

Gambar 5. Tahapan implementasi 4.1.1 Tampilan Halaman Index Halaman index adalah halaman utama dimana ini adalah halaman yang pertama kali dibuka ketika mengakses wesbite. Dalam halaman utama ini terdapat menu – menu utama untuk navigasi menuju halaman – halaman yang ada dalam website.

Gambar 6. Tampilan Index 4.1.2 Tampilan Halaman Menu Cek Status Gizi. Menu cek status gizi ini berguna untuk menghitung status gizi anak dengan isian yang dimasukan oleh user. Isian itu berupa nama anak , umur dan berat badan. Setelah memasukan isian tadi maka akan dihitung dan ditampilkan bagaimana status gizi anak tersebut.

Gambar 4.Flowrchart website 4. IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Impelentasi adalah suatu tindakan atau pelaksanaan dari sebuah rencana yang sudah disusun secara matang dan terperinci. Implementasi 5

Gambar 7. Tampilan halaman status gizi 4.1.3 Tampilan Halamnn Cek Berat Ideal Anak Gambar 9. Tampilan pembelajaran kognitif anak. 4.1.5 Tampilan Halaman Resep Menu resep berisikan resep masakan untuk anak – anak. Dibagi menjadi dua yaitu resep makanan untuk balita dan batita. Kandungan gizi dari makanan disertakan dalam artikel hingga bisa membantu orang tua dalam memberikan asupan gizi yang pas untuk anak – anak.

Menu cek berat idel ini berguna untuk menghitung berat ideal anak dengan field yang di isi oleh user. field itu berupa nama anak , tinggi badan dan berat badan. Setelah mengisi field,maka akan dihitung dan ditampilkan bagaimana berat ideal anak tersebut.

Gambar 8. Tampilan Berat Ideal Anak 4.1.4 Tampilan Halaman Menu Pembelajaran Anak Menu pembelajaran anak ini berisikan media belajar bagi anak – anak usia balita dan batita. Pelajaran yang diberikan adalah untuk melatih kemampuan kognitif anak seperti mengenal benda , mencocokan benda , membedakan besar dan kecil , mengurutkan benda , dll . Penggunaan media belajar ini wajib didampingi oleh orang tua sebagai pendamping dalam belajar. 6

Gambar 10. Tampilan halaman resep 4.1.6 Tampilan Halaman Info Tumbuh Kembang Anak Informasi tumbuh kembang anak dalam bentuk artikel terdapat pada halaman ini. Artikel seputar tumbuh kembang bisa digunakan oleh orang tua guna mengawasi tumbuh kembang anak. Cara penggunaan klik menu info tumbuh kembang anak pada menu bagian kiri dari halaman dimana anda berada sebelumnya. Ada 4 artikel yang tersedia. Klik tombol read

more untuk membaca artikel secara lengkap. Review artikel ditaruh pada halaman pembuka menu info tumbuh kembang anak.

4.2 Pengujian Pada tahap pengujian dilakukan terdapat beberapa browser. Dimana pengujian ini dilakuakan untuk mengetahui berfungsi tidaknya website ini. Tabel 1. Pengujian pada browser Brow ser Chro me √ √ Brow ser Mozil la √ √ Brow ser IE √ √ Brow ser Oper a √ √

Fungsi Halaman Index Halaman Cek Status Gizi Halaman Cek Berat Ideal Halaman Pembelaj aran Halaman Resep Halaman Bantuan Halaman Lokasi Puskesm as Halaman Info Tumbuh Kemban g Anak

Gambar 11. Tampilan halaman info tumbuh kembang anak 4.1.7 Tampilan Menu Lokasi Puskesmas Pada menu lokasi puskesmas ini akan menampilkan lokasi puskesmas di Kota Malang. Puskesmas yang di tampilkan adalah puskesmas utama dan puskesmas pembantu ( pustu ) . Lokasi Puskesmas di bagi perkecamatan agar lebih mudah dalam pencarianya.

√ √ √ √

√ √ √ √

√ √ √ √

√ √ √ √

4.3 Analisa Data Selain dari pengujian metode blackbox, penulis juga melakukan pengujian kuesioner terhadap 10 ibu muda ( berusia 23 tahun sampai 28 tahun ). Sebelum mengisi kuesioner terlebih dahulu melakukan pengujian aplikasi pada setiap orang. Tabel 4.2 merupakan hasil pengujian dengan hasil. Dari kuisioner yang berikan, nilai pada setiap pertanyaan dengan prosentase sebagai berikut. adalah untuk pertanyaan pertama, seberapa berguna konten dalam website ini ? , 20% menjawab sangat membantu dan 80% cukup membantu. Pertanyaan kedua, apakah 7

Gambar 12. Tampilan halaman lokasi puskesmas

membantu Anda dalam proses belajar anak ? menjawab sangat membantu 70% dan 20% cukup membantu, Pertanyaan ketiga, Seberapa mudah navigasi dari website ini ? menjawab sangat membantu 60% dan 40% cukup membantu, Pertanyaan ke-4, Seberapa menarik anak Anda dalam penggunaan aplikasi media belajar ? menjawab sangat membantu 60% dan 40% cukup membantu, Pertanyaan ke-5, Seberapa jelas konten dari website ini ? menjawab sangat membantu 80% dan 20% cukup membantu. Dari data yang diperoleh dapat disimpulkan bahwa 58% koresponden sangat terbantu oleh website ini dan 42 % koresponden cukup terbantu dengan adanya website ini. 5. KESIMPULAN DAN SARAN 5.1 Kesimpulan 1. Website ini sangat membantu orang tua dalam memantau pertumbuhan anak dengan persentase 58%. 2. Pencarian lokasi puskesmas lebih mudah dengan adanya peta lokasi puskesmas di Kota Malang. 3. Hasil kuesioner pada tiap pertanyaan adalah untuk pertanyaan pertama, seberapa berguna konten dalam website ini ? , 20% menjawab sangat membantu dan 80% cukup membantu. Pertanyaan kedua,apakah membantu Anda dalam proses belajar anak ? menjawab sangat membantu 70% dan 20% cukup membantu, Pertanyaan ketiga,Seberapa mudah navigasi dari website ini ?menjawab sangat membantu 60% dan 40% cukup membantu, Pertanyaan ke-4, Seberapa menarik anak Anda dalam penggunaan aplikasi media belajar ? menjawab sangat membantu 60% dan 40% cukup membantu, Pertanyaan ke-5, Seberapa jelas konten dari website ini ? menjawab sangat membantu 80% dan 20% cukup membantu. 4. Informasi nilai gizi pada makanan anak bisa dibantu dengan website ini. 5. Media belajar interaktif harus dibedakan dengan pembagian usia pengguna. 6. Penggunaan media belajar pada website ditujukan untuk anak – anak

dan wajib didampingi orang tua sebagai tutor. 5.2 Saran 1. Perlu ditambahnya pendaftaran anggota agar data hitungan dapat disimpan sebagai record perkembang anak. 2. Data lokasi puskesmas bisa dikembangkan dengan keterangan fasilitas kesehatan yang ada. 3. Kedepanya diharapkan desain dari website jauh lebih baik dengan penambahan warna yang atraktif. 4. Ditambahnya fasilitas upload menu resep agar mendapatkan menu resep yang bervariasi. Daftar Pustaka [1] Arief, Rudiyanto , 2012 , Pemrograman Web Dinamis Menggunakan PHP dan MySql, Yogyakarta : Andi [2] Sidik, Betha , 2012 , Pemprogaman Web Dengan PHP ( Edisi Revisi ) , Bandung : Informatika. [3]http://posyandu.org/posyandu/posyandubalita/data-perkembangan/146-tabel-beratbadan-menurut-tinggi-badan.html ( diakses tanggal 9 Juni 2013 ) [4]http://posyandu.org/posyandu/posyandubalita/data-perkembangan/147-rumusuntuk-menghitung-berat-badan-ideal.html (diakses tanggal 10 Juni 2013 ) [5] Fanani , Zainul dan Arry Maulana Syarif , 2010 , Membuat Mini Games Seru Dengan Flash, Yogyakarta : Andi. [6] Sunyoto , Andy , 2010 , Adobe Flash + XML = Rich Multimedia Application , Yogyakarta : Andi [7] Charner, Kathy . 2012 . Buku Pintar PAUD Belajar Angka , Jakarta : Esensi Erlangga Group [8] Kristanto,Andi. 2010 , Kupas Tuntas PHP & MySQL , Klaten : Cable Book

8

Sign up to vote on this title
UsefulNot useful