Jurnal Manajemen Informatika dan Teknik Komputer

Volume 2, Nomor 2, Oktober 2017

PERANCANGAN MEDIA INTERAKTIF KUMPULAN DOA UNTUK

ANAK USIA DINI BERBASIS MULTIMEDIA

Fauriatun Helmiah1, Cici Hardianti2

1,2
Manajemen Informatika, AMIK Royal Kisaran
Jl. Imam Bonjol No. 179 Kisaran, Telp : 0623-42366
fahel_mi2@yahoo.com

Abstrak
Penelitian ini mengenai cara mudah dalam menghafalkan doa sehari-hari dengan media pembelajaran berbasis
multimedia. Tujuan utama dari perancangan media pembelajaran ini adalah untuk membuat inovasi baru dalam
proses belajar mengajar di sekolah khususnya di RA Manbaul Hidayah Bunut Barat agar lebih menarik minat
belajar, efektif serta memaksimalkan waktu belajar para siswa/i untuk lebih cepat memahami materi
pembelajaran yang diberikan guru.

Kata Kunci : Media Interaktif, Pengenalan Doa , Multimedia.

1. PENDAHULUAN Minimnya penggunaan media pembelajaran di

Perkembangan media komputer saat ini
berkembang begitu pesat. Hampir semua aspek
kehidupan manusia tidak lepas dari komputer.
Dalam pendidikan penggunaan media komputer
terutama multimedia mulai dikembangkan karena
penggunaan media pembelajaran berbasis
multimedia dapat meningkatkan minat belajar pada
anak didik. Seorang guru dalam menerapkan media
pembelajaran, hendaknya dapat menggunakan
media dan metode yang menarik efektif dan
interaktif. Media pembelajaran sangat membantu
keefektifan proses pembelajaran dan proses
penyampaian pesan pembelajaran. Oleh karena itu,
perlu suatu media pembelajaran yang menarik bagi
siswa, salah satunya media pembelajaran
multimedia yang memiliki beberapa unsur seperti
teks, audio, video dan gambar, sehingga lebih
menarik perhatian siswa dan siswa merasa senang
dalam belajar dibandingkan dengan cara yang
masih konvensional.
Dalam lingkup pendidikan setiap tenaga
pendidik saat ini dituntut dapat memanfaatkan
teknologi komputer untuk menyampaikan materi
ajarnya, salah satunya kepada anak didik yaitu
media pembelajaran. Pembahasan pendidikan yang
ingin disampaikan dalam perangkat ini berfokus
pada siswa/i Raudhatul Athfal (RA). Dari hasil
pengamatan penulis, kendala yang sering terjadi di
RA (Raudatul Athfal) Manbaul Hidayah di Bunut
Barat adalah siswa terkadang bosan dengan sarana
yang sudah disediakan. Hal ini terjadi karena media
yang diberikan tidak bervariasi sehingga anak
kurang begitu tertarik untuk belajar. Kemudian
dalam menyampaikan pembelajaran pendidikan
agama Islam terutama pada materi doa sehari-hari
masih menggunakan cara pengajaran konvensional,
yakni seorang guru menerangkan secara lisan untuk
teorinya sedangkan untuk praktiknya guru
membaca dan siswa menirukan bacaan dari guru
tersebut.
sekolah tersebut pada waktu proses pembelajaran,
mendorong penulis untuk melakukan penelitian
mengenai pemanfaatan media pembelajaran dengan
menggunakan software Adobe Flash Professional
CS6 untuk meningkatkan aktivitas dan pemahaman
siswa. Dengan pemanfaatan media pembelajaran
yang disediakan diharapkan dapat mempermudah
sistem pembelajaran dan memberikan solusi
metode pembelajaran yang lebih efektif serta proses
pembelajaran yang lebih menyenangkan, sehingga
dapat menarik minat belajar siswa. Pembelajaran
dengan memanfaatkan multimedia ini tidak berarti
menggantikan model belajar konvensional di dalam
kelas, akan tetapi memperkuat model belajar
tersebut melalui pengembangan teknologi
pendidikan dengan menyediakan alat bantu yang
dapat menambah kualitas belajar, sehingga mampu
menghadapi perkembangan globalisasi.
Permasalahan
Berdasarkan uraian latar belakang di atas,
maka permasalahan yang dihadapi dapat
dirumuskan sebagai berikut:
1. Bagaimana merancang dan membangun
aplikasi media interaktif kumpulan doa
untuk anak usia dini berbasis multimedia?
2. Bagaimana menggunakan Adobe Flash
Professional CS6 dalam membangun
aplikasi media interaktif kumpulan doa
untuk anak usia dini berbasis multimedia?
Tujuan Penelitian
Berdasarkan dari permasalahan di atas, adapun
tujuan dari penulis tugas akhir ini adalah sebagai
berikut:
1. Untuk merancang dan membangun
aplikasi media interaktif kumpulan doa
untuk anak usia dini berbasis multimedia;
2. Untuk mengetahui cara menggunakan
Adobe Flash Professional CS6 dalam
membangun aplikasi media interaktif

112
 Fauriatun Helmiah, dkk., Perancangan Media Interaktif Kumpulan Doa
kumpulan doa untuk anak usia dini
berbasis multimedia.
2. Tinjauan Kepustakaan
2.1 Pengertian Perancangan
Menurut kamus besar bahasa Indonesia dalam
Amin (Amin, 2006:5) merancang (merencanakan)
berarti mengatur segala sesuatu (sebelum bertindak,
mengerjakan, melakukan sesuatu). Menurut
(Jogiyanto, 1990:20) perancangan adalah
penggambaran, perencanaan, dan pembuatan sketsa
pengaturan atas beberapa elemen yang terpisah
kedalam suatu kesatuan yang utuh dan berfungsi.
2.1 Pengertian Media
Kata media berasal dari bahasa latin medius yang
secara harfiah berarti tengah, perantara, atau
pengantar. Dalam bahasa arab, media adalah
perantara atau pengantar pesan dari pengirim
kepada penerima pesan. Secara lebih khusus,
pengertian media dalam proses belajar mengajar
adalah alat alat grafis, photografis atau elektronis
untuk menangkap, memproses, dan menyusun
kembali informasi visual atau verbal.
Media adalah segala sesuatu yang dapat
dipergunakan untuk menyalurkan pesan dan dapat
merangsang pikiran, dapat membangkitkan
semangat, perhatian, dan kemauan siswa sehingga
dapat mendorong terjadinya proses pembelajaran
pada diri siswa (Angkowo & Kosasih, 2007:11).
2.2 Interaktif
Pengertian interaktif terkait dengan
komunikasi dua arah atau lebih dari komponen
komponen komunikasi yaitu hubungan antara
manusia (sebagai user/pengguna) dan komputer
(software/aplikasi/produk dalam format file
tertentu, dikemas dalam bentuk CD). Dengan
demikian produk/CD/aplikasi yang diharapkan
memiliki hubungan dua arah atau timbal balik
antara software atau aplikasi dengan usernya.
Interaktifitas dalam multimedia diberikan batasan
sebagai berikut:
1. Pengguna (user) dilibatkan untuk berinteraksi
dengan program aplikasi;
2. Aplikasi informasi interaktif bertujuan agar
pengguna bisa mendapatkan hanya informasi
yang diinginkan saja tanpa harus melahap
semuanya. (Dwi Maryani, 2014:19)
2.3 Pengertian Doa
Menurut Zakiyah Darajat yang dikutip oleh
Dadang Ahmad fajar doa merupakan suatu
dorongan moral yang mampu melakukan kinerja
terhadap segala sesuatu yang berada diluar
jangkauan teknologi. Doa merupakan suatu bentuk
penyadaran tingkat tinggi guna mencapai
kesuksesan ruhani seseorang. Di kalangan awam,
Untuk Anak Usia Dini Berbasis Multimedia
doa muncul ketika mereka berada dalam keadaan
cemas akan menuju sebuah keadaan fana
(kehancuran). Dalam hal ini, doa merupakan wujud
penyadaran atas diri yang tidak mempunyai daya
upaya dalam diri ini, selanjutnya akan terpancar
keyakinan bahwa Yang Maha Esa dan Maha Benar
itu pasti ada.
2.4 Definisi Multimedia
Menurut Suheri (2006:29) Multimedia dapat
diartikan sebagai penggunaan beberapa media yang
berbeda untuk menggabungkan dan menyampaikan
informasi dalam bentuk text, audio, grafis, animasi,
dan video. (Suparni, 2016:58).
Azhar (2011: 170) mengemukakan meskipun
definisi multimedia masih belum jelas, secara
sederhana diartikan sebagai lebih dari satu media.
Multimedia bisa berupa kombinasi antara teks,
grafik, animasi, suara dan gambar. Namun pada
bagian ini perpaduan dan kombinasi dua atau lebih
jenis media ditekankan kepada kendali komputer
sebagai penggerak keseluruhan gabungan media
ini. Dengan demikian arti multimedia yang
umumnya dikenal dewasa ini adalah berbagai
macam kombinasi grafik, teks, suara, video, dan
animasi. Penggabungan ini merupakan suatu
kesatuan yang secara bersama-sama menampilkan
informasi, pesan atau isi pelajaran.
3. HASIL DAN PEMBAHASAN
3.1 Desain Aplikasi
3.1.1 Memproduksi Aplikasi
Dalam Memproduksi aplikasi ini dibagi menjadi
dua proses, yaitu proses pengumpulan bahan materi
dan proses editing dengan menggunakan Adobe
Photoshop.
Masukan Proses Hasil Akhir
(Input) Editing (Output)
Gambar 3.1 Proses Produksi Editing
1. Pengumpulan Data
Data yang dimaksud adalah gambar-gambar dari
background media pembelajaran doa serta
adanya perekaman suara yang diperlukan dalam
pembuatan aplikasi ini.
2. Proses Editing
Di dalam proses pembuatan aplikasi ini, editing
yang dilakukan tidak hanya memerlukan satu
perangkat lunak, tetapi juga diperlukan perangkat
lunak lain. Proses pembuatan/editing aplikasi tersebut
seperti gambar berikut:
Adobe Adobe Flash
Photoshope Pofessional CS6
CS6
Gambar 3.2 Proses Editing
113
 Fauriatun Helmiah, dkk., Perancangan Media Interaktif Kumpulan Doa
3.1.2 Pengeditan Media Pembelajaran dengan
Adobe Photoshop CS6
a. Pengeditan Background
Dalam pengeditan background ini, saya
menggunakan gambar materi yang telah
dikumpulkan untuk dibuat menjadi lebih menarik
dengan menambahkan warna, tulisan, suara,
animasi karakter dan menghapus bagian-bagian
yang tidak diperlukan. Berikut adalah proses
pengeditan background menggunakan Adobe
Photoshop CS6.
Gambar 4.1 Edit Background
b. Pembuatan Karakter
Dalam proses pembuatan karakter ini, saya hanya
perlu memotong gambar yang tadinya terdiri dari
dua karakter dalam satu file, menjadi dua bagian
yang terpisah dan menyimpannya kedalam file baru
dengan ekstensi .PNG
Gambar 4.2 Edit Karakter
3.1.3 Pengeditan Media Pembelajaran dengan
Adobe Flash CS6
Adobe Flash CS6 digunakan untuk menyusun
semua materi yang telah disiapkan sebelumnya
menjadi file multimedia flash. Pembuatan media
Untuk Anak Usia Dini Berbasis Multimedia
pembelajaran ini memerlukan satu file utama yaitu
apliksidoa.swf yang bertindak sebagai aplikasi
utama yang menghubungkanya ke beberapa file
yang berekstensi .swf lainnya, antara lain:
menu1.swf yang digunakan sebagai menu utama
untuk mengakses beberapa pilihan menu lainnya.
Berikut proses pembuatan menu1.swf:
1. Membuat file baru dari menu File New,
kemudian pilih Flash File (ActionScript
2.0).
2. Membuat proses menu 1 dapat diawali dengan
membuat sebuah layer pada lembar kerja
Adobe Flash pada frame 1, kemudian
dilanjutkan dengan membuat kreasi animasi
seperti yang terlihat pada gambar.
Gambar 4.3 Menu Aplikasi Doa
3. Merancang background dengan cara memilih
menu file import - import to library dan
pilih beberapa gambar yang sudah disiapkan
untuk dijadikan background pada media
pembelajaran interaktif ini. Kemudian
masukkan gambar dari library ke dalam
timeline lembar kerja dengan cara men-drag
gambar tersebut. Kemudian ubah beberapa
tombol yang akan dijadikan navigasi ke menu
utama atau menu1.swf dengan cara klik
kanan pada gambar yang ingin diubah
kemudian pilih convert to symbol lalu ubah
type simbol menjadi button kemudian klik
ok. Setelah berhasil kemudian klik button
yang sudah jadi lalu pilih menu Action lalu
isi script pada button tersebut untuk menuju ke
menu utama (menu2.swf).
4. Menu utama adalah sebagai tempat pilihan
menu materi yang ada pada aplikasi media
pembelajaran interaktif ini. Merancang
menu1.swf sama halnya dengan merancang
background menu selanjutnya, dengan cara
memilih menu file-import- to library dan
membuat bebrapa button untuk keperluan
navigasi.
114
 Fauriatun Helmiah, dkk., Perancangan Media Interaktif Kumpulan Doa
Gambar 4.4 Menu Utama
5. Membuat layout materi, layout materi ini
berisikan materi pemebelajaran kumpulan doa.
Pembuatan layout materi doa yaitu dengan cara
memilih menu file import import to
library pilih gambar sebagai latar belakang
menu dan buat beberapa button untuk
keperluan navigasi materi.
Gambar 4.5 Tampilan Layout Materi
6. Untuk membuat bagian materi yang berisi
suara, terlebih dahulu buat sebuah layer dan
kemudian membuat background beserta
gambar animasi, setelah itu membuat sebuah
button yang berfungsi untuk mengatur suara
yang akan dimainkan hidup (on) dan mati (off).
Import suara yang akan dimasukkan kedalam
library dengan cara memilih menu file
import import to library lalu pilih file suara
tersebut dari library ke dalam button.
Untuk Anak Usia Dini Berbasis Multimedia
Gambar 4.6 Import Audio
5.7 Uji Coba Program
Dalam melakukan pengemplementasian media
interaktif berbasis multimedia Flash ini, maka perlu
dilakukan uji oba kembali apakahnsetiap bagian-
bagian atau komponen-komponen program tersebut
dapat berjalan dengan baik sesuai dengan yang di
rancang atau tidak.
Berikut ini adalah tampilan disaat kita
menjalankan aplikasi media interaktif berbasis
multimedia tersebut:
1. Halaman Intro dan Menu Start
Gambar 5.1 Halaman Intro dan Menu Start
Tampilan form intro merupakan form
pembuka (awal) materi dari perangkat lunak,
form ini terdapat button Tutup untuk
menutup aplikasi dan button Buka untuk
membuka ke form selanjutnya.
115
 Fauriatun Helmiah, dkk., Perancangan Media Interaktif Kumpulan Doa
Untuk Anak Usia Dini Berbasis Multimedia

2. Halaman Menu Utama 4. Isi Doa

Gambar 5.2 Halaman Menu Utama

3. Menu Belajar

Gambar 5.4 Halaman Isi Doa

Form tampilan isi doa merupakan isi dari

materi. Di form ini tedapat tombol home, play, stop,
next dan exit. Jadi jika tombol play di klik, maka
akan ada suara bacaan doa beserta artinya. Jika
tombol stop di klik maka suara bacaan doa tersebut
akan berhenti, begitu juga dengan tombol next dan
exit yang akan mengatur untuk melanjutkan ke
menu doa selanjutnya atau ke menu doa
sebelumnya.

Gambar 5.3 Halaman Menu Belajar
Kesimpulan
Dari hasil penelitian dan perancangan media
pembelajaran interaktif kumpulan doa anak
sederhana berbasis multimedia menggunakan
program Adobe Flash Professional CS6 dan Adobe
photoshop CS6 maka penulis dapat mengambil
kesimpulan sebagai berikut:
1. Dengan dibuatnya aplikasi media pembelajaran
ini akan memberi kemudahan bagi peneliti
yang lain, sebagai salah satu alternatif mudah
dalam membuat suatu penelitian;
2. Dengan dibuatnya aplikasi media pembelajaran
ini diharapkan akan memberikan kemudahan
bagi pihak Sekolah RA Manbaul Hidayah
Bunut Barat sebagai alternatif baru dalam
menyajikan sebuah pembelajaran yang
membantu proses belajar mengajar khusunya
dalam materi hafalan berdoa;
3. Dengan menggunakan media pembelajaran ini
diharapkan dapat membantu siswa/i agar bisa
belajar lebih baik dan efektif dan dapat dengan
mudah memahami materi yang diberi.

SARAN
Adapun saran yang diberikan berkaitan dengan
penelitian ini yaitu:
1. Sebaiknya aplikasi media pemebelajaran doa
berbasis multimedia yang dirancang oleh
penulis, dapat diiplementasikan pada Sekolah
RA Manbaul Hidayah Bunut Barat;

116
 Fauriatun Helmiah, dkk., Perancangan Media Interaktif Kumpulan Doa
2. Ketika aplikasi media pembelajaran berbasis
multimedia menggunakan flash ini sudah
diimplementasikan, maka dapat dikembangkan
ketahap yang lebih baik lagi, dari sini nantinya
dapat dikeluarkan versi berikutnya atau versi
yang lain yang lebih baik lagi;
3. Untuk pengembangan selanjutnya agar aplikasi
media interaktif kumpulan doa berbasis
multimedia dengan menggunakan Adobe Flash
Professional CS6 ini agar dibuat lebih menarik
lagi, dengan menambah animasi yang lebih
baik lagi.
DAFTAR PUSTAKA
Sumber Informasi/Pustaka dari Internet:
Dwi Aris Setyawan. 2007. Aplikasi Multimedia
Pembelajaran Bahasa Inggris Bagi Anak-
Anak: Universitas Sebelas Maret Surakarta.
https://eprints.uns.ac.id/4196/1/5968120620
0908131.pdf
Dwi Gusfarenie MPd. 2012. Penggunaan
Multimedia Dalam Usaha Untuk
Meningkatkan Kualitas Pembelajaran.
http://download.portalgaruda.org/article.php
?article=252691&val=6813&title=Pengguna
an%20Multimedia%20Dalam%20Usaha%2
0Untuk%20Meningkatkan%20Kualitas%20
Pembelajaran
Dony Novaliendry. September 2013. Aplikasi
Game Geografi Berbasis Multimedia
Interaktif: Jurnal Teknologi Informasi &
Pendidikan.
http://jurnal-tip.net/jurnal-resource/file/10-
Vol6No2Sep2013-
Dony%20Novaliendry.pdf
Dwi Maryani. 2014. Pembuatan Media
Pembelajaran Interaktif Bangun Ruang
Matematika: Universitas Surakarta.
http://ijns.org/journal/index.php/speed/articl
e/download/1301/1289
Fajar Hermono, Fitro Nur Hakim. 2012.
Perancangan Media Pembelajaran Berbasis
Multimedia: STMIK ProVisi Semarang.
http://ijns.org/journal/index.php/speed/articl
e/download/1162/1150
Ida Rosmaidah, Henny Destiana. Februari 2017.
Perancangan Animasi Interaktif Belajar
Mengenal Huruf Hijaiyah Pada TKQ Al-
Khoiriyah: Jurnal Teknik Komputer Amik
BSI.
http://ejournal.bsi.ac.id/ejurnal/index.php/jtk
/article/download/1350/1098
Joni Purwono, Sri Yutmini, Sri Anitah. April 2014.
Penggunaan Media Audio-Visual Pada
Mata Pelajaran Ilmu Pengetahuan Alam Di
Sekolah Menengah Pertama Negeri 1
Pacitan: Jurnal Teknologi Pendidikan Dan
Pembelajaran, UNS.
Untuk Anak Usia Dini Berbasis Multimedia
http://www.jurnal.fkip.uns.ac.id/index.php/t
p/article/viewFile/3659/2560
Meriyati. Agustus 2016. Membangun Karakter
Anak Sejak Usia Dini: Fakultas Tarbiyah
IAIN Raden Intan Lampung.
http://e-
journal.iainjambi.ac.id/index.php/ann
isa/article/download/856/777
Nyarno. Maret 2013. Media Pembelajaran
Interaktif Perangkat Keras Jaringan Dan
Akses Internet: Seminar Riset Unggulan
Nasional Informatika dan Komputer FTI
UNS.
https://ijns.org/journal/index.php/seruni/artic
le/view/589/579
Sukinah. Meningkatkan Aktivitas Dan Hasil
Belajar Siswa Kelas VIII-D Smp Negeri 33
Surabaya Dalam Pelajaran Matematika
Melalui Media Berbantuan Komputer: E-
Jurnal Dinas Pendidikan Kota Surabaya.
https://dispendik.surabaya.go.id/surabayabel
ajar/jurnal/199/3.10.pdf
Suparni. 2016. Metode Pembelajaran Membaca
Doa Berbasis Multimedia Untuk Anak Usia
Dini. IJSE Indonesian Journal on Software
Engineering.
http://ejournal.bsi.ac.id/ejurnal/index.php/ijs
e/article/download/668/559
Yusnia Alfi Syahrin, Kodrat Iman Satoto,
Kurniawan Teguh Martono. Januari 2015.
Perancangan Dan Pengembangan
Permainan Super Sigi Menggunakan
Stencyl Sebagai Media Pengenalan
Manyikat Gigi: Fakultas Teknik Universitas
Diponegoro.
http://jtsiskom.undip.ac.id/index.php/jtsiskom/articl
e/download/11976/11630
117