prsriclinq #### #f,tflffi

$tF,€*ffie* YfiKffi*L*SI *&f* HtK&Y&$e

v{}e,lji?:ti E

$5 JU!{I 10I5, AIRIA HOTEL & I(IilFTREilCE MALA}Ifi JAY*A TIHUN

Seminar Teknologi dan Rekayasa (SENTRA) 2015ISBN: 978-979-796-238-6

I - 250 SENTRA

RANCANG BANGUN APLIKASI HURUF HIJAIYAH DANANGKA ARAB SEBAGAI MEDIA PEMBELAJARAN

INTERAKTIF MENGGUNAKAN ADOBE FLASH CS 5.5

Dina Agusten1, Wahyu Supriyatin2, Rofidah Sa’diyah3

1) Teknik Informatika, Fakultas Teknologi Industri, Universitas Gunadarma / Depok2),3) Sistem Informasi, Fakultas Ilmu Komputer & Teknologi Informasi, Universitas Gunadarma / Depok

Kontak Person:Jl Margonda Raya No. 100

Depok 16424Email : dina_agustin@staff.gunadarma.ac.id, ayu_ws@staff.gunadarma.ac.id, rofidahsadiyah@ymail.com

AbstrakMedia pembelajaran interaktif merupakan media pembelajaran yang efektif untuk anak-anak

usia sekolah. Media pembelajaran interaktif dapat membuat anak-anak tertarik untuk mengenal danmempelajari hal yang baru. Perkembangan teknologi membuat media pembelajaran yang semulabersifat monoton menjadi interaktif dengan berbagai efek multimedia yang diberikan. Panelitian inibertujuan untuk mengembangkan media pembelajaran interaktif tentang angka arab dan hurufhijaiyah dengan menggunakan aplikasi multimedia adobe flash CS 5.5 dan memberikan kontribusipada dunia pendidikan. Penelitian ini menggunakan metodologi pengembangan sistem informasiSDLC (System Development Life Cycle) yaitu model waterfall dengan tahapan perencanaan, analisis,desain, implementasi dan evaluasi. Hasil dari penelitian ini adalah aplikasi media pembelajaraninteraktif tentang angka arab dan huruf hijaiyah dengan melalui tahapan pengembangan sisteminformasi. Aplikasi media pembelajaran interaktif ini berhasil dibuat dan dijalankan pada beberapaperangkat.

Kata kunci: Adobe Flash, Angka Arab, Huruf Hijaiyah, Interaktif, Media Pembelajaran.

PendahuluanKemajuan teknologi yang terus berkembang membuat media pembelajaran menjadi ikut

berkembang. Perkembangan media pembelajaran yang semula bersifat konvensional atau monotondapat menjadi bersifat interaktif. “Media belajar yang baik memungkinkan pembelajar berinteraksisecara aktif dalam pembelajaran serta memungkinkan terjadinya interaksi antara pembelajar denganmedia”[11][15]. Dimana terdapat hubungan yang lebih interaktif lagi antara sumber dengan penerima.Perkembangan ilmu pengetahuan dan teknologi khususnya media pembelajaran semakin banyakdimanfaatkan untuk meningkatkan kemampuan peserta didik.

“Media adalah sebuah alat yang mempunyai fungsi menyampaikan pesan. Media pembelajaranadalah sebuah alat yang berfungsi untuk menyampaikan pesan pembelajaran”[10]. “Mediapembelajaran interaktif adalah sesuatu yang menyangkut software dan hardware yang dapatdigunakan sebagai perantara untuk menyampaikan isi materi ajar dari sumber belajar ke pembelajardengan metode pembelajaran yang dapat memberikan respon balik terhadap pengguna dari apa yangtelah diinputkan kepada media tersebut”[1].

Anak usia sekolah selain mengenal pendidikan yang diberikan di sekolah formal sepertipelajaran membaca, berhitung ataupun menulis juga perlu diberikan pendidikan agama untuk akhlakdan akidah siswa. Pendidikan agama dimulai dengan memberikan pengenalan tentang angka arab danhuruf hijaiyah sejak usia dini. Bentuk media pembelajaran yang kurang interaktif membuat materiyang diberikan menjadi membosankan. Oleh karena itu dibuat media pembelajaran interaktif yangdapat menjadi alternatif lain untuk para siswa mengenal angka arab dan huruf hijaiyah. Bentuk mediapembelajaran interaktif dalam paper ini selain mengenal tulisan angka arab dan huruf hijaiyah jugadiberikan video angka arab dan huruf hijaiyah agar memudahkan anak usia dini mengingatnya denganmelalui unsur multimedia seperti suara, warna, animasi dan gambar.

Tujuan dari penelitian ini adalah membuat aplikasi media pembelajaran interaktif tentang angkaarab dan huruf hijaiyah dengan menggunakan adobe flash CS 5.5 serta melakukan pengujian aplikasi

Seminar Teknologi dan Rekayasa (SENTRA) 2015ISBN: 978-979-796-238-6

SENTRA I - 251

media pembelajaran interaktif pada beberapa perangkat. Memberikan kontribusi kepada duniapendidikan terutama pendidikan agama.Metode Penelitian

“Multimedia diartikan sebagai kumpulan dari berbagai peralatan media berbeda yang digunakanuntuk presentasi. Setelah tahun 1980-an, multimedia didefinisikan sebagai penyampaian informasisecara interaktif dan terintegrasi yang mencakup teks, gambar, suara, video atau animasi. Multimediadapat digunakan untuk proses pembelajaran sehingga dapat merangsang pikiran, perasaan, perhatiandan minat siswa untuk mencapai tujuan belajar”[13].“Karakteristik multimedia pembelajaran adalah:

a. Memiliki lebih dari satu media yang konvergen, misalnya menggabungkan unsur audio danvisual.

b. Bersifat interaktif, dalam pengertian memiliki kemampuan untuk mengokomodasi responpengguna.

c. Bersifat mandiri, dalam pengertian memberi kemudahan dan kelengkapan isi sedemikian rupasehingga pengguna bisa menggunakan tanpa bimbingan orang lain”[12][18].“Pemberian stimulasi akan lebih efektif apabila memperhatikan kebutuhan - kebutuhan anak

sesuai dengan tahap-tahap perkembangannya. Stimulus yang sesuai untuk anak pada masaperkembangannya antara lain; stimulasi visual, stimulasi auditif dan stimulasi verbal berupa bahasa.Salah satu bentuk stimulasi yang bisa diberikan adalah stimulasi visual dengan menggunakanilustrasi/gambar sebagai media pembelajaran”[14][16].

Penelitian ini menggunakan metode langsung dan studi pustaka untuk memperoleh data - datayang dibutuhkan dalam pembuatan dan pengembangan aplikasi media pembelajaran interaktif tentangangka arab dan huruf hijaiyah. Metodologi pengembangan sistem informasi yang digunakan adalahSDLC (System Development Life Cycle) yaitu model waterfall.

“SDLC adalah langkah - langkah dalam pengembangan sistem informasi. SDLC menyediakanframework yang lengkap untuk aktivitas rekayasa bentuk dan pengembangan sistem infromasi yangformal”[8].

“Daur atau siklus hidup pengembangan sistem merupakan suatu bentuk yang digunakan untukmenggambarkan tahapan utama dan langkah - langkah di dalam tahapan tersebut dalam dalam prosespengembangannya. Tahapan utama siklus hidup pengembangan sistem dapat terdiri dari tahapanperencanaan sistem (systems planning), analisis sistem (systems analysis), desain sistem (systemsdesign), seleksi sistem (systems selection), implementasi sistem (systems implementation) danperawatan sistem (systems maintenance)”[5].

“Model waterfall adalah suatu proses pembuatan sistem informasi secara terstruktur danberurutan dimulai dari penentuan masalah, analisa kebutuhan, perancangan implementasi, integritas,uji coba sistem, penempatan dan pemeliharaan”[17]. Model waterfall seperti Gambar 1.

Gambar 1 Model Pengembangan Sistem Waterfall [17]

Penelitian lain yang berkaitan dengan tema dari penelitian ini antara lain penelitian tentanghuruf hijaiyah dan angka arab sudah dibuat oleh Cholis Zuliana tahun 2007 dengan judul “AplikasiMultimedia Pembelajaran Iqro’ sebagai Sarana Mempelajari Huruf Al Qur’an”. Penelitian inimembahas tentang penggabungan pendidikan, hiburan serta komputer sebagai alat peraga sehinggamempermudah pemahaman tentang materi yang ingin disampaikan. Metode yang digunakan dalampengembangan aplikasi ini adalah observasi langsung serta kajian pustaka dan konsep, disain sertapembuatan aplikasi dengan menggunakan Macromedia Flash[2].

Zakiyatunnisa Al Mubarokah (2014) dalam penelitian yang berjudul “Pembelajaran Membacadan Menulis Huruf Hijaiyyah Bersambung pada Anak Usia Late Childhood (Studi Kasus di KelasWustho TPA Al-Luqmaniyyah Umbulharjo Yogyakarta) membahas tentang untuk mengetahui faktor

Seminar Teknologi dan Rekayasa (SENTRA) 2015ISBN: 978-979-796-238-6

I - 252 SENTRA

pendukung serta faktor penghambat dalam pembelajaran bagi anak usia late childhood. Penelitiansebidang lainnya adalah “Aplikasi Makharijatul Huruf Hijaiyah Berbasis Multimedia” yang dibuatoleh Mustari tahun 2009 berisi tentang pengertian serta pembagian makharijul huruf dan sifat hurufhijaiyah dengan menggunakan mscromedia director MX 2004 dan flash MX 2004 dan dalampenelitian ini dapat dibedakan pengucapan huruf hijaiyah ketika membaca Alquran sehingga terhindardari kesalahan saat mengucapkan huruf hijaiyah yang dapat mengakibatkan perubahan makna[21].

Serta penelitian yang berjudul “Meningkatkan Kemampuan Membaca Al-Quran pada AnakUsia Dini melalui Penerapan Metode Iqro’ Plus Kartu Huruf di RA. Ummatan Wahidah Curup”(Desiana, 2013) berisi tentang bagaimana cara meningkatkan kemampuan membaca Alqur’an padaanak usia dini dan penelitian ini melakukan dengan menggunakan kartu huruf[3].Hasil Penelitian Dan Pembahasan

Tahapan proses pembuatan aplikasi yang dilakukan pada media pembelajaran interaktif denganmelalui tahapan siklus hidup sistem informasi, mulai dari perencanaan hingga implementasi atau ujicoba aplikasi. Dimana tahap awal melakukan pengumpulan data dan menganalisis. Hasilnya beberapaaplikasi yang sudah ada dikembangkan dengan mengabungkan sekaligus belajar huruf hijaiyah danpengenalan angka, adanya video membantu daya ingat para pengguna terutama anak-anak dengananimasi menarik dan lagu dan pengenalan kosakata.

Perancangan Aplikasi Media Pembelajaran dibuat dengan menggunakan UML (UnifedModelling Language) yaitu Use Case Diagram, Activity Diagram dan Sequence Diagram[9]. Gambar2 adalah perancangan aplikasi dengan menggunakan use case diagram. Use case diagrammenggambarkan fungsionalitas yang diharapkan dari sebuah sistem menurut sudut pandang penggunasistem. Dalam Aplikasi Media Pembelajaran interaktif interaksi yang terjadi antara aktor dengansistem dimana terdapat tiga buah use case yaitu use case untuk menampilkan menu angka arab, usecase untuk menampilkan huruf hijaiyah dan use case untuk keluar dari aplikasi.

Gambar 2 Use Case Diagram

Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang,bagaimana masing-masing alir berawal, decision yang mungkin terjadi dan bagaimana berakhirnya.Gambar 3 adalah activity diagram

Gambar 3 Activity DiagramSequence diagram digunakan untuk memodelkan pengiriman pesan (message) antar objects.

Selain itu sequence diagram dapat digunakan untuk menggambarkan scenario atau rangkaian langkah-langkah yang diartikan sebagai respons dari sebuah event untuk menghasilkan output tertentu.

Gambar 4 adalah sequence diagram Aplikasi Media Pembelajaran Interaktif dimana satu aktoryang terlibat berinteraksi dengan setiap kelas, scenario pertama aktor mengirim pesan ke activationobjek menu berupa request halaman utama() selanjutnya aktor menerima pesan balasan dari activation

Seminar Teknologi dan Rekayasa (SENTRA) 2015ISBN: 978-979-796-238-6

SENTRA I - 253

objek menu berupa menampilkan menu utama() : angka arab(), huruf hijaiyah(), keluar(). Ketikaaktor mengirim pesan pada masing-masing activation maka aktor akan menerima pesan balasan.

Gambar 4 Sequence DiagramTabel 1 merupakan tabel pengujian aplikasi media pembelajaran pada beberapa perangkat.

Dimana semua konten yang terdapat diaplikasi diuji coba dengan berhasil tanpa ada error kecuali padaperangkat tablet hanya berhasil jalan pada menu home.

Tabel 1 Tabel Pengujian Aplikasi

Perangkat Laptop Komputer SamsungGalaxy Tab 7.7 Advan s5d

Spesifikasi

Sony Corporation,Intel(R) Core(TM)i3 -3120M CPU @2.50GHz

MicrosoftWindows XPProfessional,Pentium(R)Dual-Core CPUE5200@ 2.50GHz

AndroidVersion 4.1.2

AndroidVersion 4.4.2

Konten

Home AngkaArab

x

Angka x HurufHijaiyah

x

Huruf x Kosa Kata x Video x Waktu x Sound x Exit x

Gambar 5 adalah tampilan home utama dalam Aplikasi Media Pembelajaran Interaktif. Dalamhome utama terdapat submenu Angka Arab dan Huruf Hijaiyah.

Gambar 5 Halaman Utama

Seminar Teknologi dan Rekayasa (SENTRA) 2015ISBN: 978-979-796-238-6

I - 254 SENTRA

Gambar 6, 7 dan 8 adalah tampilan masing-masing submenu pada Aplikasi Media PembelajaranInteraktif. Submenu masing-masing halaman berisi pengenalan tentang angka arab dalam bentuktulisan angka arab dan video angka arab serta pengenalan tentang huruf hijaiyah dalam bentuk tulisanhuruf hijaiyah, pencocokan huruf hujaiyah dan video huruf hijaiyah.

Aplikasi Media Pembelajaran Interaktif memudahkan anak-anak untuk mengingat angka arabdan huruf hijaiyah karena ada unsur multimedia yang diberikan berupa video yang memudahkan parasiswa untuk mengenal angka dan huruf, bahkan mengingatnya karena lebih interaktif.

Gambar 6 Halaman SubMenu Angka pada Angka Arab

Gambar 7 Halaman SubMenu Kosakata pada Huruf Hijaiyah

Gambar 8 Halaman SubMenu Video pada Huruf HijaiyahKesimpulan

Aplikasi media pembelajaran interaktif tentang angka arab dah huruf hijaiyah dilakukan denganmenggunakan tahapan pengembangan sistem mulai dari perencanaan sampai dilakukan uji cobaaplikasi pada beberapa perangkat. Aplikasi media pembelajaran interaktif berhasil dijalankan dan diuji coba pada beberapa perangkat kecuali tablet. Berdasarkan hasil uji coba, aplikasi ini berjalandengan baik dan siap untuk diimplementasikan kepada para siswa tingkat dasar agar memotivasi parasiswa dalam mempelajari angka dan huruf hijaiyah. Diharapkan tanpa kehadiran seorang guru parasiswa atau pengguna tidak ada kesulitan dalam mempelajari angka dan huruf hijaiyah terutama denganadanya video dalam aplikasi. Dunia pendidikan akan semakin maju dengan penggunaan teknologisebagai alat bantu pembelajaran. Pengembangan selanjutnya diharapkan dapat berjalan disemuaperangkat.

Referensi[1] Arrosyida, Annafi, Suprapto M.T., “Media Pembelajaran Interaktif Jaringan

Komputer Menggunakan Macromedia Flash 8 Di SMK Negeri 1 Saptosari”, Skripsi tidakditerbitkan, Yogyakarta:Universitas Negeri Yogyakarta, 2012. URL:http://eprints.uny.ac.id/id/eprint/7528, akses tanggal 06 Oktober 2014.

[2] Cholis Zuliana.” Aplikasi Multimedia Pembelajaran Iqro’Sebagai Sarana Mempelajari Huruf Al

Seminar Teknologi dan Rekayasa (SENTRA) 2015ISBN: 978-979-796-238-6

SENTRA I - 255

Qur’an”. Skrisi: Surakarta, Universitas Sebelas Maret. 2007. URL:http://eprints.uns.ac.id/3328/1/59101106200911561.pdf, akses Oktober 2014.

[3] Desiana. “Meningkatkan Kemampuan Membaca Al-Quran pada Anak Usia Dini melaluiPenerapan Metode Iqro’ Plus Kartu Huruf di RA. Ummatan Wahidah Curup”. Skripsi;Bengkulu.Universitas Bengkulu. 2013. URL: http://repository.unib.ac.id/5998/2/I,II,III,3-13-des.FI.pdf

[4] Diginnovac, Fanani Zainul A, Hardiyanti Diana, “Membuat Game Aritmatika Dengan Flash”,Jakarta, Elex Media Komputindo, 2009.

[5] Hartono, Jogiyanto, “ Analisis & Desain Sistem Informasi : Pendekatan Terstruktur Teori danPraktik Aplikasi Bisnis”, Yogyakarta, Penerbit Andi, 2005.

[6] Madcoms Madiun, “Mahir dalam 7 Hari Adobe Photoshop CS4”, Yogyakarta, Penerbit Andi,2009.

[7] Madcoms Madiun, “Adobe Flash Professional CS 5.5 untuk Pemula”, Yogyakarta, PenerbitAndi, 2012.

[8] Mulyani, Sri N.S., “Peranan Metode Pengembangan System Development Life Cycle (SDLC)Terhadap Kualitas Sistem Informasi”, Working Paper In Accounting and Finance, Bandung,Department of Accounting Padjadjaran University, 2009,URL:ppa.fe.unpad.ac.id/uploads/files/wp-acc27.pdf, akses tanggal 22 Oktober 2014.

[9] Munawar, “Pemodelan Visual dengan UML”, Yogyakarta, Penerbit Graha Ilmu, 2005.[10] Nandi, “Penggunaan Multimedia Interaktif Dalam Pembelajaran geografi Di Persekolahan”,

Jurnal “GEA” Jurusan Pendidikan Geografi, Vol. 6 No.1 April 2006.[11] Nisa’a, Henny Khirun., Nurhakiki, Rini., Madja, Mimiep S., “Prototype Media Pembelajaran

Matematika Berbasis Multimedia Interaktif Materi Pecahan Untuk Siswa Sd Kelas IV”, ArtikelMatematika, 2012.

[12] Rahayuningrum, Rosalia Hera., “Penggunaan Media Pembelajaran Multimedia InteraktifBerbantuan Komputer Untuk Meningkatkan Motivasi Belajar Dan Kemampuan PemecahanMasalah Matematika Siswa Kelas VIIF Di Smp Negeri 2 Imogiri Bantul”, LSM XIX, Lombadan Seminar Matematika, ISBN : 978-979-17763-3-2, 2011.

[13] Rizkiansyah, Irvan., “Pengembangan Aplikasi Pembelajaran Interaktif Teknik Bermain PianoBerbasis Multimediadi Lembaga Kursus Musik “Ethnictro” Yogyakarta”. Yogyakarta, 2013.URL:http://eprints.uny.ac.id/10031/1/JURNAL.pdf, akses tanggal 20 Oktober 2014.

[14] Saidah, Nur.,”Kajian Psikologis Terhadap Stimulasi Visual Dalam Pembelajaran Pai UntukAnak Usia Sekolah Dasar/MI”. URL: http://digilib.uin-suka.ac.id/8039/1/NUR , akses tanggal20 Oktober 2014.

[15] Santoso, Budi., “Pengembangan Sistem Cerdas sebagai Media Pembelajaran untuk MateriPenjumlahan Pecahan”, Skripsi tidak diterbitkan, Malang:Universitas Negeri Malang, 2008.

[16] Soetjiningsih dan IG.N. Gde Ranuh, “Tumbuh Kembang Anak”, (Jakarta: Penerbit BukuKedokteran EGC, 1995),p. 205-114.

[17] Solikhin, Robby Rachmatullah, Eko Riyanto, “Pengembangan Sistem Informasi RegistrasiSemina, Workshop dan Pelatihan Menggunakan Metode System Development Life CycleModel Waterfall (Studi Kasus STMIK HIMSYA Semarang)”, Vol 10, No 1, 2014, URL:http://ejournal.himsya.ac.id/index.php/HIMSYATECH/article/view/59, akses tanggal 22Oktober 2014.

[18] Sucipto, “Penulisan Naskah Pembelajaran Multimedia Interaktif Berbantuan Komputer(Multimedia)”, Makalah, Yogyakarta: Balai Teknologi Komunikasi Pendidikan (BTKP), 2010.

[19] Wahana Komputer, “Mudah Membuat Animasi dengan Adobe Flash Professional CS 5”,Yogyakarta, Penerbit Andi, 2011.

[20] Westriningsih,”Adobe Flash CS 6”, Semarang, Penerbit Andi, 2012.[21] Zakiyatunnisa Al Mubarokah. “Pembelajaran Membaca Dan Menulis Huruf Hijaiyyah

Bersambung Pada Anak Usia Late Childhood (Studi Kasus Di Kelas Wustho Tpa Al-Luqmaniyyah Umbulharjo Yogyakarta). Skripsi; Yogyakarta. Universitas Islam NegeriSunanKalijaga. URL: http://digilib.uin-suka.ac.id/11858/1/BAB I, IV, DAFTAR PUSTAKA.pdf,akses Oktober 2014.