animasi edukasi mengenal tajwid & huruf …si.universitassuryadarma.ac.id/jurnal/jurnal vol 1 no...

26

ANIMASI EDUKASI MENGENAL TAJWID & HURUF HIJAIYAH UNTUK SISWAKELAS 4 SEKOLAH DASAR

Dian Gustina1, Sulistianto SW 2, Fajar Raditya3

1 Jurusan Sistem Informasi, Universitas Persada Indonesia,[email protected]

2 Jurusan Teknik Informatika, STMIK Nusa [email protected]

3 Jurusan Sistem Infomasi, STMIK Nusa [email protected]

ABSTACTComprehension in reading the Qur'an for Muslims in Indonesia is something that must becontrolled. This is reflected from the target as a child before the child is of school age, theparents are directly or indirectly teach things that should be done as part of the implementationin running his religious beliefs.In fact most of elementary school-age children are still many who do not understand in readingthe Qur'an recitation and readings mainly due to the lack of guidance hijaiyah both at homeand at school.In order to facilitate primary school age children in recognizing Tajweed & hijaiyah, especiallygrade 4 elementary school children designed the animation education and letters Hijaiyahfamiliar recitation by default by using Multimedia.With this educational animation creation is expected to be deepened again what tools areneeded in Model Learning Tajweed and Letters Hijaiyah, in addition to the existing teachingmethods for this.

Keywords: Animation Education, Learning Model, Multimedia, Tajweed and LettersHijaiyah.

I. PENDAHULUAN

Banyak metode pembelajaran dite-rapkan dalam Pendidikan Dasar diIndonesia, penerapan metode belajaryang baik dan tepat akan membawadampak yang signifikan bagi hasilbelajar itu sendiri.

Banyak alternatif media belajar,dimana media ini mendatangkan bebe-rapa keuntungan dalam prakteknyamisalnya tidak terikat waktu, kapan saja,di mana saja tanpa harus tergantungpada guru sebagai pen damping. Begitupula dengan pendidikan untuk anak-anak, yang tentunya sudah ter-sentuhdengan perkembangan tek-nologiinformasi.

Fenomena yang terjadi di Indonesia,banyak murid Sekolah Dasar yang bel-um memahami membaca Al Qur’andikarenakan waktu yang kurang cukupuntuk mengikuti pelajaran tajwid dan

mengenal huruf hijaiyah di Sekolah.Padahal di usia mereka yang masihanak-anak, sangat membutuhkan se-buah pembelajaran yang inovatif.

Diperlukan suatu metode pembelajaran yang menyenangkan namun da-pat di pahami dengan mudah. Dalam halini kita bisa menggunakan saranamultimedia interaktif. Dengan harapandapat mempermudah kegiatan dalamproses belajar di SD dan untuk me-ninggkatkan pemahamannya lebih ce-pat dibandingkan dengan hanyamembaca.

II. KAJIAN LITERATUR

1. AnimasiA.S, Ranang dkk (2010:9) Lazimnya

istilah animation diartikan ke dalamBahasa Indonesia menjadi animasi. Da-lam kamus Bahasa Indonesia (2002:53)“kata animasi diartikan sebagai berikut

27

acara televisi yang berbentuk rangkaianlukisan atau gambar yang digerakansecara mekanik elektronis sehimggatampak di layar menjadi gerak”.

Animasi merupakan sebuah prosesmerekam dan memainkan kembaliserangkaian gambar statis untukmendapatkan sebuah ilusi pergerakan.”Berdasarkan arti harfiah, Animasi adal-ah menghidupkan. Yaitu usaha untukmenggerakkan sesuatu yang tidak bisabergerak sendiri.

Secara garis besar, animasi com-puter dibagi menjadi dua kategori, yaitu:a. Computer Assisted Animation, ani-

masi pada kategori ini biasanyamenunjuk pada system animasi 2dimensi, yaitu mengkom puterisasiproses animasi tradisional yangmenggunakan gambaran tangan.Computer digunakan untuk pe-warnaan, penerapan virtual kameradan penataan data yang digunakandalam sebuah animasi.

b. Computer Generated Animation,pada kategori ini biasanya digu-nakan untuk animasi 3 dimensi de-ngan program 3D seperti 3D StudioMax, Maya, Autocad dan lainsebagainya.

2. EdukasiEdukasi adalah proses interaksi

peserta didik dengan pendidik dansumber belajar pada suatu lingkunganbelajar. Hakikatnya, edukasi/pembela-jaran merupakan suatu usaha sadarguru untuk membantu siswa atau anakdidiknya, agar mereka dapat belajarsesuai dengan kebutuhan dan minat-nya.

Menurut Sutjiono (2005:76) peruba-han global dalam perkembangan pe-ngetahuan dan teknologi, terutama yangberhubungan dengan sistem pen-didikan di sekolah menuntut adanyaperubahan sikap guru dalam melaksa-nakan pembelajaran di kelas.

Dengan kata lain Pembelajaran ada-lah usaha-usaha yang terencana dalammemanipulasi sumber-sumber belajar

agar terjadi proses belajar dalam dirisiswa. Penguasaan materi pada siswatidak dapat diharapkan terjadi dalamwaktu singkat. Siswa perlu melakukanpengulangan belajar, oleh karena ituguru harus melakukan sesuatu dalamproses pembelajaran sehingga mem-buat siswanya melakukan pengulanganbelajar.

Menurut Rahmayati (2010:6) “mediabelajar adalah segala sesuatu yang da-pat digunakan untuk menyalurkan pe-san atau isi pelajaran, merangsangpikiran, perasaan, perhatian dan ke-mampuan siswa, sehingga dapatmendorong proses belajar mengajar”.

Dalam hal ini, Mayer dan Morenodalam Saguni (2006:148) menge-mukakan pendapatnya bahwa multi-media memberikan kesempatan untukbelajar tidak hanya dari satu sumberbelajar seperti guru, tetapi memberikankesempatan kepada subjek mengem-bangkan kognitif dengan lebih baik,kreatif dan inovatif. Hal ini salah satu-nya karena informasi disajikan dalamdua atau lebih bentuk seperti dalambentuk gambar dan kata-kata.

Menurut Darmadi dalam Faizin(2009:38) menjelaskan bahwa “modelpembelajaran MMI adalah prosespembelajaran di mana penyampaianmateri, diskusi, dan kegiatan pem-belajaran lain dilakukan melalui mediakomputer”.

3. TajwidTajwid menurut bahasa (ethimologi)

memperindah sesuatu. Sedangkan me-nurut istilah ilmu tajwid adalah pe-ngatuhan tentang kaidah cara-caramembaca Al-Quran dengan sebaik-baiknya. Tujuan dari ilmu tajwid adalahmemelihara bacaan Al-Quran dari ke-salahan dan perubahaan serta meme-lihara lisan ( mulut ) dari kesalahanmembaca. Belajar ilmi tajwid hukumnyaFardu ‘Ain. Ilmu tajwid bertujuan untukmemberikan tuntunan bagaimana carapengucapan ayat yang tepat, sehinggalafal yang di keluarkan benar danmaknanya terpelihara. Pengetahuan

28

tentang Makhraj huruf memberikantuntunan bagaimana cara menge-luarkan mengeluarkan huruf dari mulutdengan benar.

Ilmu tajwid bertujuan untuk mem-berikan tuntunan bagaimana carapengucapan ayat yang tepat, sehinggalafal dan maknanya terpelihara. Seba-gian ulama ada yang berpendapat bah-wa pengucapan hadis-hadis RasulullahSAW pun harus dilakukan dengan atu-ran-aturan tajwid, karena merupakanpenjelasan dan sumber hukum keduasetelah Alquran. Masalah yang dicakupdalam ilmu tajwid adalah makharij al-huruf (tempat keluar masuk), ahkam al-huruf (hubungan antarhuruf), ahkam al-maddi wa al-qasr (masalah panjang danpendek ucapab), ahkam al-waqf wa al-ibtida (masalah memulai danmenghentikan bacaan), dan al-katt al-Utsmani (masalah bentuk tulisan mushafUsmani).

Mempelajari tajwid sebagai disiplinilmu merupakan fardu kifayah ataukewajiban kolektif. Namun, membacaAlquran dengan memaknai aturan-aturan tajwid merupakan fardu ain ataukewajiban individu.

Membaca Alquran termasuk ibadah,dan karenanya harus sesuai ketentuan.Ini sesuai dengan perintah Allah dalamAlquran, "...Bacalah Alquran itu dengantartil." (QS Al Muzzammil [73]: 4). Artitartil menurut ahli tafsir Ibnu Katsieradalah membaca dengan perlahan-lahan dan hari-hati karena hal itu akanmembantu pemahaman sertaperenungan terhadap Alquran.

4. Huruf HijaiyahTerdapat 28 huruf dasar (asas/asli)

didalam Al-Quran dan 2 huruf peng-ganti yang di kenal juga dengan huruf-huruf hijaan atau hijaiyah tiap-tiap hurufhijaiyah mempunyai tempat keluarnyamasing-masing dari bagian mulut ter-tentu tempat keluarnya huruf ini di-namakan Makhraj. Tiap-tiap hurufhijaiyah mempunyai tempat keluarnyamasing-masing dari bagian-bagian muluttertentu. Tempat keluar huruf ini

dinamakan Makhraj. Makhraj huruf inidapat dikelompokkan atas:a. Kelompok huruf-huruf Halqiah

(Tenggorokan),b. Kelompok huruf-huruf Laha-wiyah

(Tekak),c. Kelompok huruf-huruf Syajariah

(Tengah Lidah),d. Kelompok huruf-huruf Asaliyah

(Ujung Lidah),e. Kelompok huruf-huruf Dzala-qiyah

(Pinggir Lidah),f. Kelompok huruf-huruf Nith'iyah

(Langit-langit Mulut),g. Kelompok huruf-huruf Litsawiyah

(Gusi),h. Kelompok huruf-huruf Syafawiyah

(Bibir).Huruf-hurufnya adalah: hamzah, ha','ain, ha, ghain dan kha. Huruf hamzahdan ha’ makhrajnya di tenggorokanbagian dalam. Huruf ‘ain dan hamakhrajnya di tenggorokan bagiantengah. Huruf ghain dan kha makhrajnyadi tenggorokan bagian luar.

5. Macromedia Flash 8Island Script (2008:2) Flash adalah

software grafis animasi yang dapatmembuat objek grafis dan meng-animasikannya sehingga kita dapatlangsung membuat objek desain tanpaharus menggunakan software grafispendukung lainnya seperti Ilustrator danphotoshop.

Flash memiliki fasilitas animasi, yaitufasilitas dimana kita bisa membuatanimasi sederhana yang merupakananimasi teratur, atau juga bisa disebutanimasi yang pergerakannya telah kitatentukan dari semula. Berikut ini adalahjenis-jenis animasi yang ada pada flash :

a. Animasi Frame to FrameAnimasi ini adalah jenis animasiyang paling banyak memakankapasitas memory, karena itusebisa mungkin animasi jenis inidihindari.

b. Animasi Motion TweenAnimasi ini digunakan apabilakita ingin membuat gerakananimasi yang teratur. Motiontween hanya bisa dilakukan jika

29

objek merupakan suatu groupatau symbol.

c. Animasi Motion GuideAnimasi jenis ini adalah animasiyang mempunyai gerakan se-suai jalur yang kita buat.

d. Animasi MaskingAnimasi ini berbentuk sepertisinar yang menerangi kegela-pan atau seperti kilauan cahayayang menerangi kaca. Animasiini pada intinya menampilkanobjek yang semula kita sem-bunyikan.

e. Animasi Motion Tween RotateAnimasi ini adalah jenis animasiyang membuat animasi putaran,baik itu berputar di tempatmaupun berputar sambil ber-jalan.

f. Animasi Motion ShapeAnimasi ini adalah animasi yangberguna untuk membuat animasipembentuk atau animasipemecah. Jika kita inginmengubah bentuk animasi inimenjadi bentuk animasi yangberbeda dari sebelumnya, bisamenggunakan jenis animasi ini.Dalam membuat animasi motionshape, objek tidak bolehmerupakan suatu group atausymbol.

6. Model Pembelajaran MultimediaInteraktif (MMI)

Beberapa pakar MMI Muhammaddan Setiawan dalam Faizin (2009:38)mengemukakan bahwa model pem-belajaran MMI diartikan sebagai suatumodel pembelajaran yang dapat di-gunakan untuk menyalurkan pesan(message), merangsang pikiran, pera-saan, perhatian dan kemauan siswasehingga dapat mendorong prosesbelajar. Bentuk-bentuk media diguna-kan untuk meningkatkan pengalamanbelajar agar menjadi lebih konkret.Pengajaran menggunakan media tidakhanya sekedar menggunakan kata-kata(simbol verbal). Dengan demikian, dapat

kita harapkan hasil pengalaman belajarlebih berarti bagi siswa.

7. Pengujian White Box dan BlackBox

a. Pengujian White BoxPressman (2002:533): Pengujian

white-box yang kadang-kadang disebutpengujian glass-box, adalah metodedesain test case yang menggunakanstruktur control desain prosedural untukmemperoleh test case. Dengan meng-gunakan metode pengujian white-box,perekayasa sistem dapat melakukantest case yang:

1) memberikan jaminan bahwasemua jalur independen padasuatu modul yang digunakanpaling tidak satu kali;

2) menggunakan semua keputu-san logis pada sisi true dan false;

3) mengeksekusi semua loop padabatasan mereka dan batas ope-rasional mereka;

4) menggunakan struktur datainternal untuk menjamin validi-tasnya.

Keunggulan pengujian white box adalahmampu mendeteksi kesalahan logika,ketidak sesuaian asumsi, dan casesensitive. Sedangkan kelemahan daripengujian white box adalah melibatkansumber daya yang besar, sehinggaboros.

b. Pengujian Black BoxMenurut Pressman (2002:551):

Pengujian black-box berfokus padapersyaratan fungsional perangkat lu-nak. Dengan demikian, pengujian black-box memungkinkan perekayasaperangkat lunak mendapatkan serang-kaian kondisi input yang sepenuhnyamenggunakan semua persyaratanfungsional untuk suatu program. Peng-ujian black-box bukan merupakan alter-native dari teknik white-box, tetapi me-rupakan pendekatan komplementeryang kemungkinan besar mampumengungkap kelas kesalahan daripadawhite-box.

Keunggulan dari pengujian black boxadalah bisa memilih subset test secaraefektif dan efisien, dapat menemukan

30

cacat, memaksimalkan testing invest-men. Sedangkan kelemahan daripengujian black box adalah tester tidakpernah yakin apakah perangkat lunaktersebut benar–benar lolos uji.

8. Pengenalan StoryboardMenurut Binanto ( 2010:255):

Storyboard mempunyai peranan yangsangat penting dalam pengembanganmultimedia. Storyboard digunakan se-bagai alat bantu pada tahapan pe-rancangan multimedia. Storyboard me-rupakan pengorganisasian grafik,contohnya adalah sederetan ilustrasiatau gambar yang ditampilkan ber-urutan untuk keperluan visualisasi awaldari suatu file, animasi, atau urutanmedia interaktif, termasuk interaktivitasdi web. Storyboard biasanya digunakanuntuk kegiatan film, animasi, teater,photomatic, buku komik, bisnis danmedia interaktif.

9. Perancangan User InterfaceMenurut Pressman (2002:461):

Desain interface pemakai berkaitandengan studi terhadap manusia, jugaterhadap isu-isu teknologi. Siapakahpara pemakainya? Bagaimana pemakaimenginterpretasikan informasi yangdihasilkan oleh sistem? Apakah yangdiharapkan dari sistem tersebut? Ituhanya sebagaian kecil dari banyakpertanyaan yang harus diajukan dandijawab sebagai bagian dari desaininterface pemakai.

III. METODE PENELITIAN

1. Tinjauan InstitusiPenelitian ini di SD Islam PB

Soedirman yang berkenaan tentangaplikasi pembelajaran

2. Analisa KebutuhanDalam merancang multimedia inter-

aktif pengguna menganalisa kebutuhandalam pembuatan multimedia interaktifdiantaranya adalah :a. Wawancara

Dalam pembuatan program tersebutdi lakukan wawancara langsung dengansiswa/siswi di SD Islam PB Soedirmanmengenai program animasi yang telah di

buat.

Berikut ini adalah item-item kuesioner :

Tabel 1. Kuisioner Aplikasi Tajwid &Huruf Hijaiyah

Pertanyaan YA TIDAK

menurut pelajar Apakah Aplikasi Ini Sangat Mudah di gunakan

Apakah Aplikasi Ini sungguh membantu dalam belajar tajwid

Aplikasi ini membuat siswa/siswi lebih memahami Tajwid

Apakah aplikasi ini melatih kecerdasan otak anda

Aplikasi ini sesuai dengan kebutuhan dalam belajar tajwid

Menurut anda apakah aplikasi ini cocok untuk pelajar

apakah aplikasi ini membuat anda lebih giat belajar dalam mengenal tajwid

Aplikasi ini merangsang anda lebih kreatif dalam mengenal tajwid

menurut anda apakah aplikasi ini menarik untuk di pelajari

apakah aplikasi ini terlalu sulit untuk pelajar kelas 4 SD

Ket: beri tanda silang ( X ) padajawaban yang di pilih

Berikut ini adalah bagan dari KuisionerAplikasi Tajwid & Huruf Hijaiyah :

0

5

10

15

20

25

30

35

40

YA

TIDAK

YA 37 38 36 39 38 39 34 39 39 7

TIDAK 3 2 4 1 2 1 6 1 1 33

Soal 1 Soal 2 Soal 3Soal

4Soal 5 Soal 6 Soal 7 Soal 8 soal 9

soal

10

Gambar 1. Tampilan Grafik Kuisioner

b. Teknik Pengumpulkan DataMetode pengumpulan data dengan

membaca buku-buku atau literatur yangada hubungannya dengan permasa-lahan yang dijadikan objek penelitiandan melalui media internet (browsing).

3. Identifikasi Dan Analisa Kebutu-han PemakaiBerikut ini adalah spesifikasi mini-

mum bagi pengguna untuk menja-lankan aplikasi ini adalah sebagaiberikut :

31

a. HardwareHardware minimal yang digunakan

untuk bisa membuat aplikasi ini adalahPersonal Computer (PC) dengan spe-sifikasi sebagai berikut :

1) Intel Pentium IV 300 MHz2) memory 1 GB3) Harddisk 80 GB4) Keyboard, Mouse, Speaker.

b. SoftwareSoftware yang digunakan dalam pe-

nyusunan skripsii ini adalah sebagaiberikut :

1) Macromedia Flash Professional8

2) Microsoft visio 20073) Paint4) Free Audio Editor

4. Analisa Kebutuhan SistemDalam merancang sistem yang

dalam hal ini berupa multimedia inter-aktif, harus berpedoman pada karak-teristik dan unsur yang terdapat padamultimedia interaktif yaitu

a. FormatProgram telah di format exe se-

hingga pengguna tinggal mendouble kliksaja untuk lebih memudahkan usermenggunakan aplikasi ini.

b. RulesPada multimedia inteaktif ini terdapat

menu latihan soal dan hiburan puzzle.Peraturan dalam Latihan Soal yaitusebelum memulai user harus memilihsoal yang telah di sediakan oleh pro-grammer dan user harus menjawab soalsebanyak 10 pertanyaan me-ngenaitajwid dan huruf hijaiyah yang nanti adascore nilai diakhir pertanyaan,sedangkan untuk hiburan terdiri dari 2tingkatan, user harus mencocokanpotongan gambar selama 180 detik ditingkatan satu, bila selesai kurang dariwaktu yang ditentukan maka user bisalanjut ke tingkatan dua yang terdiri dari10 potongan dan waktu selama 240detik.

c. ScenarioScenario dalam aplikasi ini terdapat 8

menu diantaranya :

1) Huruf HijaiyahDi button ini user akan diperkenalkan dengan Huruf hijaiyah.

2) TajwidDi button ini user akan diperkenalkan dengan tajwid besertapenjelasannya beserta contoh –contoh tajwid.

3) Latihan SoalLatihan soal ini terdiri 3 button soaldi setiap button soal mempunyai 10soal dan user wajib memilih salah 1button dari ke 3 button tersebut.Soal tersebut berisi bahasanmengenai dari pengenalan tajwiddan huruf hijaiyah. Setelahmenjawab 10 pertanyaan makadiakhir akan muncul score nilaikeseluruhan untuk jawaban yangtelah dijawab dengan benar danmenginput nama user.

4) HiburanDalam menu Hiburan terdapatpermainan puzzle yang terdiri dari 2Tingkatan. Tingkatan pertamamencocokkan gambar dalam waktu180 detik dihitung mundur. Puzzletersebut terdiri dari 9 potongan yangtelah diacak. Tingkatan keduamencocokkan gambar dalam waktu240 detik dihitung mundur yangterdiri dari 10 potongan gambaryang telah diacak kemudian harusdicocokkan sesuai dengan gambaryang dimaksud. Jika user dapat me-nyelesaikan games dalam waktukurang dari waktu yang telah ditentukan, user bisa langsungmengklik tombol lanjut untukmengetahui score nilai

5) BiodataDalam menu ini berisi data diri yangberisi alamat email dan no telepon.

6) Terima kasihPada tampilan ini terdapat uca-panterima kasih.

7) Nilai TertinggiDi menu ini user dapat melhiat nilaiyang telah di dapat darimenyelesaikan latihan soal.

8) KeluarJika button keluar di klik makaprogram akan keluar dari program :

a) Events / ChallengeDalam menu Hiburan terdapat

32

permainan puzzle yang terdiridari 2 Tingkatan. Tingkatanpertama mencocokkan gambardalam waktu 120 detik dihitungmundur. Puzzle tersebut terdiridari 9 potongan yang telahdiacak. Tingkatan keduamencocokkan gambar dalamwaktu 240 detik dihitung munduryang terdiri dari 10 potongangambar yang telah diacakkemudian harus dicocokkansesuai dengan gambar yangdimaksud.

b) Score ModelDalam menu Latihan Soal ada10 soal pertanyaan yang setiapsoal bernilai score 10 jikadijawab dengan benar dan score0 bila jawaban salah. Nilai totalakan muncul diakhir dan sesuaidengan jawaban yang telah userjawab dengan benar.

c) IndicatorsIndikasi penentuan keberhasilanuser dalam menu Hiburanpuzzle adalah bisamenyelesaikan 9 potongangambar dalam waktu 180 detik ditingkatan pertama dan 10potongan gambar dalam waktu240 detik.

6. Perangkat Untuk Mendesain DanMembangun SistemSistem perangkat komputer yang

memadai baik hardware maupunsoftware yang diperlukan dalampembuatan multimedia interaktif iniadalah :

Kebutuhan KeteranganSistemOperasi

Windows 2000, XPatau sesudahnya

Processor Intel Pentium IV 300MHz atau selebihnya

Memori 512 MB(direkomendasikan 1GB)

Harddisk 80 GBSoftware Macromedia Flash

Professional 8, FreeAudio Editor

Tabel 2. Kebutuhan Hardware danSoftware

Sumber : Analisis Perancangan

Catatan : spesifikasi yang ditampilkan adalah spesifikasi minimalyang disarankan.

7. Perancangan DesignKonsep multimedia berupa aplikasi

multimedia interaktif berbentuk CDpembelajaran untuk materi tajwid danhuruf hijaiyah. Pesan atau informasiyang dihasilkan dari aplikasi multimediaadalah berupa pengertian-pengertiantajwid dan huruf-huruf hijaiyah, dimanauser dapat berinteraksi dengan latihansoal dan permainan puzzle.

8. Perancangan Story BoardPerancangan story board berisi

pembahasan mengenai alur cerita dariaplikasi yang akan disampaikan de-nganmenggunakan tulisan dan gam-bar.Berikut cerita alur aplikasi ini, pertamauser harus men-double-click pada icontajwid & huruf hijaiyah.Exe. Setelah ituakan muncul opening yang nantinyaakan masuk ke menu utama. Setelahitu, user bisa memilih salah satu layardari 8 tombol. Yang pertama ada “Hurufhijaiyah”, “Tajwid”, “Latihan soal”,“Hiburan”, “Biodata”, “Terimakasih”,”Nilai tertinggi”.”Keluar

Jika siswa memilih latihan soal userakan di suruh memilih salah satu dari ketiga soal tersebut di setiap soal terdiridari 10 soal pertanyaan dan di akhiridengan menginput nama. Bila siswamemilih Tajwid maka siswa akandihadapkan dengan macam tajwidbeserta contohnya atau huruf hijaiyah,maka siswa akan dihadapakan denganpengenalan huruf hijaiyah. Jika memilihHiburan maka siswa bisa memainkanpuzzle gambar yang telah disesuaikandengan waktu dan tombol biodata berisibiodata penulis. Jika siswa ingin meliatnilai tertinggi pada latihan soal danhiburan siswan dapat mengklik tombolnilai tertinggi.. Jika user memilih tombolKeluar maka animasi akan keluardengan sendirinya.

Berikut ini adalah gambaran daristoryboard opening seperti yangdijelaskan oleh tabel berikut ini.

33

Tabel 3. Rancangan StoryboardSumber : Analisis Perancangan

Story Board untuk aplikasi ini meliputi :a. Storyboard Openingb. Storyboard Judulc. Storyboard Menu Utamad. Storyboard Tajwid Tombol Huruf

hijaiyahe. Storyboard Tajwidf. Storyboard Tajwid Tombol Izh-haarg. Storyboard Tajwid Tombol Idgham

Bigunnahh. Storyboard Tajwid Tombol Idgham

Bilagunnahi. Storyboard Tajwid Tombol Iqlabj. Storyboard Tajwid Tombol Ikhfak. Storyboard Tajwid Tombol Qalqalahl. Storyboard Latihan Soalm. Storyboard Nilai Latihan Soaln. Storyboard Tombol Hiburan 1o. Storyboard Tombol Hiburan 2p. Storyboard Pesan Hiburan Menangq. Storyboard Pesan Hiburan Kalahr. Storyboard Biodatas. Storyboard Terima Kasiht. Storyboard Nilai Permainan

9. Perancangan User InterfacePembuatan aplikasi ini bersifat

informasi pengenalan, dibuat tidakterlalu berlebihan, sehingga mampumenyesuaikan dari fungsi aplikasimultimedia ini. Pada beberapahalamannya juga diberikan latar suara,sehingga mampu menambah efekmenarik dari aplikasi ini. Mudahdigunakan (user friendly), tombol(button) penghubung antar satu framedengan frame lainnya mudah diketahui,sehingga tidak mempersulit user untukmenggunakannya. Tampilan userinterface dari aplikasi ini antara lain :

a. Tampilan Loading AssalamualaikumPada Tampilan ini merupakan

tampilan loading assalamualaikum.

Gambar 3. Tampilan LoadingAssalamualaikum


b. Tampilan JudulPada Tampilan ini merupakan

tampilan judul.

Gambar 4. Tampilan JudulSumber : Analisis Perancangan

c. Tampilan Menu UtamaTampilan menu utama ini berisi 8

tombol menu diantaranya HurufHijaiyah, Tajwid, Latihan Soal, Hiburan,Biodata, Terima Kasih, Nilai Tertinggi,Tombol Keluar.

Gambar 5. Tampilan Menu UtamaSumber : Analisis Perancangan

d. Tampilan Huruf HijaiyahPada gambar 6 dan 7 terdapat

huruf-huruf hijaiyah dan di setiap tomboldi beri suara apabaila button tersebut diklik akan muncul suara.

VISUAL SKETSA AUDIODisini terjadi prosesloading sebelum kejudul aplikasidengan pesan :Assalamualaikum…

Music :-

34

Gambar 6. Tampilan Huruf Hijaiyah 1Sumber : Analisis Perancangan

Gambar7. Tampilan Huruf Hijaiyah 2Sumber : Analisis Perancangan

e. Tampilan TajwidPada tampilan ini terdapat 6 tombol

diantaranya izh-haar, idgham, iqlaab,ikhfaa,qalqalah dan menu utama . jika disetiap tombol tajwid di klik akan munculpenjelasan tajwid tersebut besertacontoh tajwid tersebut dan hurufnya.

Gambar 8. Tampilan TajwidSumber : Analisis Perancangan

f. Tampilan Izh-haar 1Pada tampilan ini terdapat 7 tombol

diantaranya 1 tombol penjelasan izh-haar, 2 tombol huruf hijaiyah, 2 tombolcontoh izh-haar, kembali danselanjutnya jika di setiap tombol di klikmaka akan muncul suara kecualitombol kembali dan selanjutnya.

Gambar 9. Tampilan Izh-haar 1Sumber : Analisis Perancangan

g. Tampilan Izh-haar 2Pada tampilan ini terdapat 11 tombol

diantaranya 1 tombol penjelasan izh-haar, 4 tombol huruf hijaiyah, 8 tombolcontoh izh-haar, kembali dan menutajwid jika di setiap tombol di klik makaakan muncul suara kecuali tombolkembali dan menu tajwid.

Gambar 10. Tampilan Izh-haar 2Sumber : Analisis Perancangan

8. Tampilan Idgham BigunnahPada tampilan ini terdapat 9 tombol

diantaranya 1 tombol penjelasan idghambigunnah, 4 tombol huruf hijaiyah,4tombol contoh idgham bigunnah,kembali dan selanjutnya. jika di setiaptombol di klik maka akan muncul suarakecuali tombol kembali dan selanjutnya.

Gambar 11. Tampilan IdghamBigunnah


35

h. Tampilan Idgham BilagunnahPada tampilan ini terdapat 7 tombol

diantaranya 1 tombol penjelasan idghambilagunnah, 2 tombol huruf hijaiyah, 2tombol contoh idgham blaigunnah,kembali dan menu tajwid. jika di setiaptombol di klik maka akan muncul suarakecuali tombol kembali dan Menu tajwid.

Gambar 12. Tampilan IdghamBilagunnah


i. Tampilan IqlaabPada tampilan ini terdapat 6 tombol

diantaranya 1 tombol penjelasan iqlaab,4 tombol contoh iqlaab, kembali. jika disetiap tombol di klik maka akan munculsuara kecuali tombol kembali.

Gambar 13. Tampilan IqlaabSumber : Analisis Perancangan

j. Tampilan Ikhfa 1Pada tampilan ini terdapat 7 tombol

diantaranya 1 tombol penjelasan ikhfa, 2tombol huruf hijaiyah, 2 tombol contohikhfa, kembali dan selanjutnya. jika disetiap tombol di klik maka akan munculsuara kecuali tombol kembali danselanjutnya.

Gambar 14. Tampilan Ikhfa 1Sumber : Analisis Perancangan

k. Tampilan Ikhfa 2Pada tampilan ini terdapat 14 tombol

diantaranya, 7 tombol huruf hijaiyah, 7tombol contoh ikhfa, kembali danselanjutnya. jika di setiap tombol di klikmaka akan muncul suara kecualitombol kembali dan selanjutnya.

Gambar 15 Tampilan Ikhfa 2Sumber : Analisis Perancangan

l. Tampilan Ikhfa 3Pada tampilan ini terdapat 14 tombol


Gambar 16. Tampilan Ikhfa 3Sumber : Analisis Perancangan

36

m. Tampilan Ikhfa 4Pada tampilan ini terdapat 4 tombol


Gambar III.17 Tampilan Ikhfa 4Sumber : Analisis Perancangan

n. Tampilan qalqalah shugraPada tampilan ini terdapat 9 tombol

diantaranya 1 tombol penjelasanqalqalah shugra, 3 tombol huruf hijaiyah,3 tombol contoh qalqalah shugra,kembali dan selanjutnya. jika di setiaptombol di klik maka akan muncul suarakecuali tombol kembali dan selanjutnya.

Gambar 18. Tampilan qalqalah shugraSumber : Analisis Perancangan

o. Tampilan qalqalah kubra 1Pada tampilan ini terdapat 7 tombol

diantaranya 1 tombol penjelasanqalqalah kubra, 2 tombol huruf hijaiyah,2 tombol contoh qalqalah kubra, kembalidan selanjutnya. jika di setiap tombol diklik maka akan muncul suara kecualitombol kembali dan selanjutnya.

Gambar 19. Tampilan qalqalah kubra 1


p. Tampilan qalqalah kubra 2Pada tampilan ini terdapat 12 tombol

diantaranya 5 tombol huruf hijaiyah, 5tombol contoh qalqalah kubra, kembalidan selanjutnya. jika di setiap tombol diklik maka akan muncul suara kecualitombol kembali dan selanjutnya.

Gambar 20. Tampilan qalqalah kubra 2


q. Tampilan Latihan SoalPada tampilan terdapat 3 pilihan

latihan soal yang soalnya berbeda-beda.

Gambar 21. Tampilan Pilih SoalSumber : Analisis Perancangan

r. Tampilan SoalPada tampilan terdapat 3 pilahn jika

jawaban benar maka user akanmendapatkan nilai 10 dan jika salah

37

user akan mendapatkan nilai 0. Nilaiakan di akumulasikan di akhir.

Gambar 22. Tampilan SoalSumber : Analisis Perancangan

s. Tampilan Nilai SoalPada tampilan ini adalah tampilan

nilai yang telah di dapat setelahmenjawab pertanyaan yang telah diberikan.

Gambar 23. Tampilan Nilai SoalSumber : Analisis Perancangan

t. Tampilan Hiburan 1Pada tampilan ini maka user harus

mencocokkan 9 potongan gambardalam waktu 120 detik Apabila waktutelah habis maka akan tampil pesankalah dan jika menang user dapatmelanjutkan ke tingkatan ke 3.

Gambar 24. Tampilan HiburanSumber : Analisis Perancangan

u. Tampilan Hiburan 2Pada tampilan ini maka user harus

mencocokkan 9 potongan gambar

dalam waktu 60 detik Apabila waktutelah habis tampil pesan kalah dan jikamenang user akan menginput nama diframe score.

Gambar 25. Tampilan Hiburan 2Sumber : Analisis Perancangan

v. Tampilan Pesan Hiburan MenangPada tampilan ini user dapat melihat

nilai yang di dapat dari permainanpuzzle

Gambar 26. Tampilan Nilai HiburanSumber : Analisis Perancangan

w. Tampilan Nilai HiburanPada tampilan ini user dapat melihat

nilai yang di dapat dari permainanpuzzle

Gambar 27. Tampilan KalahSumber : Analisis Perancangan

x. Tampilan BiodataPada tampilan ini user akan melihat

Biodata dari penulis.

38

Gambar 28. Tampilan BiodataSumber : Analisis Perancangan

y. Tampilan Terima KasihPada tampilan ini foto-foto dan

ucapan terima kasih.

Gambar 29. Tampilan Terima KasihSumber : Analisis Perancangan

z. Tampilan Nilai TertinggiPada tampilan ini maka user bisa

melihat kembali Hiburan yang tadidimainkan.

Gambar 30. Tampilan Nilai tertinggiSumber : Analisis Perancangan

10. Konstruksi Sistem ( coding )Berikut ini adalah konstruksi sistem

dari aplikasi Animasi Edukasi MengenalTajwid & Huruf Hijaiayah ini.a Menu Utama

1) Tombol Huruf hijaiyah2) Tombol Tajwid3) Tombol Latihan Soal4) Tombol Biodata5) Tombol Hiburan6) Terima Kasih7) Tombol Keluar8) Tombol Nilai Tertinggi.

Menu Huruf Hijaiyaha. Tombol Berikutnyab. Tombol Menu Utamac. Tombol Kembali

3. Menu Tajwida. Tombol Izh-haarb. Tombol Idgham.c. Tombol Iqlaabd. Tombol Ikhfae. Tombol Qalqallahf. Tombol Menu utama

4. Menu Latihan Soala. Listing Jawaban Benarb. Listing Jawaban Salahc. Listing Input Nama Dan KirimNilaid. Tombol Kirim

5. Menu Hiburana. Listing waktub. Listing Tombol Selesaic. Listing Tombol Berikutnyad. Listing Tombol Kembalie. Listing Waktu Tingkatan 2f. Listing Tombol Selesai

6. Menu Biodataa. Tombol Kembali

7. Menu Nilai Tertinggia. Tombol Kembali

10. Pengujian Sistem (Testing )Aplikasi multimedia interaktif yang

telah dibuat, selanjutnya diuji melaluiteknik pengujian perangkat lunak yangmeliputi pengujian White box dan blackbox.

a. Pengujian White BoxPengujian dilakukan berdasarkan

sampel pengujian terhadap latihan soaltertentu yang dijalankan. Sebagai con-toh, akan dibahas pengujian terhadap

39

soal 1, yang prinsip kerjanya sama de-ngan soal 2 sampai dengan soal 10pada aplikasi ini. Juga sampel pe-ngujian terhadap hiburan puzzle.

1) Pengujian White Box Latihan SoalSecara garis besar, algoritma darilatihan soal nomor 1 adalah sebagaiberikut :

a) pilih soalb) Tampilan soal 1 munculc) Pilih salah satu jawaban yang

dianggap benard) Jika user bisa menjawab

pertanyaan dengan benar, makauser akan mendapat score 10ditiap soalnya, namun jika salahakan mendapat nilai 0 tiapsoalnya. Score akandiakumulasikan di akhir latihansoal.

e) User akan Menginput nameuntuk di kirim ke database nilai.

f) Bagan alir dari latihan soal iniadalah sebagai berikut :

Gambar 31. Bagan Alir Latihan Soal

Gambar 32. Grafik Alir Latihan Soal

Kompleksitas Siklomatis (pengukurankuantitatif terhadap kompleksitas logissuatu program) dari grafik alir dapatdiperoleh dengan perhitungan :

Dimana :E = Jumah edge grfik alir yangditandakan dengan gambar panahN = Jumlah simpul grafik alir yangditandakan dengan gambar lingkaranSehingga kompleksitas siklomatisnyaV(G) = 13 – 12 + 2 = 3Basis set yang dihasilkan dari jalurindependent secara linier adalah jalursebagai berikut :1 – 2 – 3 – 4 – 5 –6 – 8 – 9 -101 – 2 – 3 – 4 – 5 – 7 – 8 – 9-101 – 2 – 3 – 4 – 5 – 6 – 8 – 9 – 1 – 2 – 3 –4 – 5 – 7 – 8 – 9- 10Ketika aplikasi dijalankan, maka terlihatbahwa salah satu basis set yang dihasilkan adalah 1 – 2 – 3 – 4 – 5 – 6 – 8 – 9 –1 – 2 – 3 – 4 – 5 – 7 – 8 – 9-10 danterlihat bahwa simpul telah dieksekusisatu kali.Berdasarkan ketentuan tersebut dari segi kelayakan software, sistem ini telahmemenuhi syarat.

40

Adapun untuk soal no 2 sampai 10,alur jalannya permainan sama dengansoal1.

Jadi dapat dikatakan bahwa hasil pengujian untuk soal no 2 juga telahmemenuhi syarat.

2) Pengujian White Box Hiburan PuzzleSecara garis besar, algoritma dariHiburan puzzle adalah sebagai berikut :

a) Tampilan hiburan puzzle munculb) Susun puzzle dengan batas

waktu yang telah ditentukanc) Apabila pemain dapat

menyelesaikan puzzle di levelpertama dalam waktu kurangdari 180 detik, pemain dapatlanjut ke level kedua, jika gagalmenyelesaikan dalam waktu 180detik pemain bias mencobanyalagi dari awal. Begitupun di levelkedua, jika pemain dapatmenyelsaikan dalam waktukurang dari 240 detik,pemaindinyatakan menang denganscore akumulatif dari levelpertama, tapi jika gagalmenyelsaikan dalam waktu 240detik, pemainn bias mengulangpermainan dari level pertamalagi.

Bagan alir dari latihan soal ini adalahsebagai berikut :

Gambar 33. Bagan Alir HiburanPuzzle

Gambar III.34 Grafik Hiburan Puzzle

41

Kompleksitas Siklomatis (pengukurankuantitatif terhadap kompleksitas logissuatu program) dari grafik alir dapatdiperoleh dengan perhitungan :

Dimana :E = Jumah edge grfik alir yangditandakan dengan gambar panahN = Jumlah simpul grafik alir yangditandakan dengan gambar lingkaranSehingga kompleksitas siklomatisnyaV(G) = 7 – 6 + 2 = 3Basis set yang dihasilkan dari jalurindependent secara linier adalah jalursebagai berikut :1 – 2 – 31 – 2 – 3 – 4 – 5- 6

1 – 2 – 3 – 4 –5 – 6 – 1Ketika aplikasi dijalankan, maka terlihatbahwa salah satu basisset yang dihasilkan adalah 1 – 2 – 3 – 4 –5 – 6 – 1 danterlihat bahwa simpul telah dieksekusisatu kali.Berdasarkan ketentuan tersebut dari segi kelayakan software, sistemini telah memenuhi syarat.

.b. Pengujian Black Box

Pengujian selanjutnya dilakukanuntuk memastikan bahwa suatu eventatau masukkan akan menjalankanproses yang tepat dan menghasilkanoutput sesuai dengan rancangan1) Pengujian Black Box LatihanSoal

Input / event Proses Output/nextstage

HasilPengujian

TombolLatihan Soal

on (release){stopAllSounds();_root.gotoAndStop(33);}

Latihan Soal Sesuai

Latihan soal 1 on (release){stopAllSounds();_root.gotoAndStop(11);}

Latihan Soal1 Sesuai





Jawabanbenar

on (press) {benar._visible = true;menang._visible = true;_root.b1.enabled = false;_root.c1.enabled = false;score1=10;_root.detik=4;}

Jawabanbenar

Sesuai

Jawaban salah on (press) {salah._visible = true;kalah._visible = true;_root.a1.enabled = false;_root.c1.enabled = false;score1=0;_root.detik=4;}

Jawaban salah Sesuai

42

2) Pengujian Black Box Hiburan Puzzle

Input /event

Proses Output/nextstage

HasilPengujian

TombolPermainan

on (release){stopAllSounds();_root.gotoAndStop(24);}

Games Sesuai

TombolSelesai

on (press) {if (_root.c1._droptarget=="/a12"

&& _root.c2._droptarget=="/a2" &&_root.c3._droptarget=="/a3"&&_root.c4._droptarget=="/a4" &&_root.c5._droptarget=="/a5" &&

_root.c6._droptarget=="/a6"&&_root.c7._droptarget=="/a7"&&_root.c8._droptarget=="/a8"&&_root.c9._droptarget=="/a9"){

_root.benar._visible=true;_root.next1._visible=true;

_root.xxx=0;if (_root.detik>=30) {

_root.score = 25;hasil_lvl1 = 25;

}else if (_root.detik<=20){

_root.score1 =20;

hasil_lvl1 = 20;}}

}

Selesai Sesuai

TombolKembali

on (release) {stopAllSounds();gotoAndStop(3);

}

Kembali Sesuai

TombolNilai

on(release){stopAllSounds();

gotoAndPlay(58);}

Nilai Sesuai

TombolCoba Lagi

on (release) {stopAllSounds();_root.gotoAndPlay(24);}

Coba Lagi Sesuai

TombolBerikutnya

on (release){stopAllSounds();_root.gotoAndStop(60);

}

Berikutnya Sesuai

V. PENUTUP

KesimpulanBerdasarkan pembahsan maka di

ambil kesimpulan :

1. Pembelajaran dengan sistem inter-aktif meningkatkan minat siswauntuk mempelajari tajwid dan hurufhijaiyah.

2. Model sistem interaktif menjadisuatu alternatif dalam menyam-

43

paikan melalui pembelajaran dianta-ra metode-metode lainnya.

3. Dalam merancang media interaktifmempunyai beberapa hal yang ha-rus diperhatikan:a. Menarik, sesuai tingkat sosial

dan umur calon penggunanya.b. Edukatif, semua yang ada di-

dalamnya bersifat pendidikandua arah yang disajikan dengansebuah kemenarikan tersendiri.

c. Tidak monoton. Artinya disini un-tuk membuat pengguna mera-saterus interes terhadap karya kitadiperlukan suatu yang dinamis.

d. Mempunyai tujuan yang jelas.Jadi setiap apa yang ditampilkanpada layar terdapat tanggungjawab didalamnya

e. Terstruktur, sebuah karya tidakakan menarik jika urutan yangterdapat didalamnya bertenta-ngan dengan penalaran umum.Seperti level, naik satu per satumenuju level tertinggi dengantingkat kesulitan yang semakintinggi.

SaranSebagai alternatif pemikiran dengan

harapan agar aspek ilmu pengetahuantidak bersifat monoton dan terpaku padadisiplin ilmu itu sendiri sebagai berikut :1. sebaiknya dalam kegiatan belajar

mengajar waktu belajar mengguna-kan sistem inter aktif diperpanjang.

2. Perbanyak model-model dalam pem-buatan sitem interaktif Dalam halpenyampaian ke siswa.

3. Untuk merancang media interaktifbeberapa hal yang harus diper-hatikan:a. Kenali dan pelajari terlebih da-

hulu karakteristik calon penggu-na, akan lebih baik jika dilakukandengan cara observasi atau wa-wancara terhadap calon penggu-na.

b. Hal yang harus diperhatikan ke-tika membuat suatu rancangananimasi edukasi adalah, apakahrancangan animasi ini mampumemberikan sebuah unsur edu-kasi. Jadi perlu diperhatikan apa,

bagaimana, untuk apa animasiini dibuat.

c. Pertama-tama yang perlu diper-hatikan, sebuah animasi inter-aktif adalah hal yang menarik.Semua kemenarikan yang terda-pat dalam sebuah rancangananimasi tidak lepas dari interfaceyang dinamis, unik dan men-ciptakan sebuah rasa penasaran.Jadi perlu sedikit memutar otakuntuk menciptakan hal tersebut.

d. Dalam perancangan animasi di-perlukan perencanaan yang ma-tang agar efisiensi dan efektifitasdapat tercapai.

e. Penalaran umum yang disam-paikan harus jelas, sehingga ti-dak menjadi tanda tanya ter-hadap pengguna dalam menja-lankan animasi edukasi ini.

DAFTAR PUSTAKA

A.S, Ranang, dkk. 2010:9. AnimasiKartun Dari Dialog SampaiDigital. Jakarta: PT. Index.

Binato, Iwan. 2010. Multimedia DigitalDasar Teori Dan Pengem-bangannya. Yogyakarta: AndiOffset

Faizin, Mohammad Noor. 2009:38.Penggunaan Model Pembela-jaran Multimedia Interaktif (MMI)Pada Konsep Listrik DinamisUntuk Meningkatkan Penguasa-an Konsep dan MemperbaikiSikap Belajar Siswa.http://file.upi.edu/Direktori/Fip DiAkses 1 Juli 2011

Herlambang, Ferry. 2007. MembuatEfek Khusus Dengan ActionScript 2.0. Surabaya : PT. ElexMedia Komputindo.

Pressman, Roger s. 2002. RekayasaPerangkat lunak PendekatanPraktisi. Yogyakarta: Andi Offset.

44

Rahmawati, Siti Syarifah. 2010:6.Pengaruh Penggunaan VCDGame Animasi CermatikaSebagai Media Yang Atraktif danInteraktif Terhadap PrestasiBelajar Matematika AnakTunagrahita Ringan Kelas D2SLB-C Setya Darma SurakartaTahun Ajaran 2009/2010.

Saguni, Fatimah. 2006:148. Prinsip-Prinsip Kognitif PembelajaranMultimedia: Peran Modality danContiguity TerhadapPeningkatan Hasil Belajar.INSAN Vol. 8 No. 3, Desember2006. http://journal.unair.ac.id. DiAkses 1 Juli 2011

Script, Island. 2008. Panduan MudahMembuat Animasi. Jakarta :Media Kita.

Stevano, Bayu. 2006. MenggambarObjek Dengan Flash 8.Yogyakarta : PT. Elex MediaKomputindo.

Sutjiono,Thomas Wibowo Agung. 2005,Pendayagunaan MediaPembelajan Diambil darihttp://www.bpkpenabur.com DiAkses 1 Juli 2011

Syarif, Arry Maulana. 2008. Tip dan TrikMembuat Fitur Game Flash.Jakarta : PT. Elex MediaKomputindo.

Wawan, Animasi Dan Multimedia. URL:

http://warungflash.com/belajarflash.pdf.Akses 1 Juli 2011.

animasi edukasi mengenal tajwid & huruf …si.universitassuryadarma.ac.id/jurnal/jurnal vol 1 no...

Documents