APLIKASI MULTIMEDIA PEMBELAJARAN IQRO SEBAGAI SARANA MEMPELAJARI HURUF AL QUR AN. Oleh CHOLIS ZULIANA NIM. M

APLIKASI MULTIMEDIA PEMBELAJARAN IQRO’ SEBAGAI SARANA MEMPELAJARI HURUF AL QUR’AN

Oleh CHOLIS ZULIANA NIM. M3104012

TUGAS AKHIR ditulis dan diajukan untuk memenuhi sebagian persyaratan memperoleh gelar Ahli Madya Ilmu Komputer

PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2007

ABSTRAK CHOLIS ZULIANA, 2007, APLIKASI MULTIMEDIA PEMBELAJARAN IQRO’ SEBAGAI SARANA MEMPELAJARI HURUF AL QUR’AN. Teknik Informatika Diploma III Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Pendidikan agama merupakan salah satu ilmu pengetahuan yang penting bagi manusia. Salah satu pokok bahasan yang diajarkan adalah pemahaman tentang kitab suci. Al Qur’an merupakan kitab suci umat islam yang diturunkan dengan menggunakan bahasa arab. Sebagai orang Indonesia yang bahasa kesehariannya adalah bahasa Indonesia memerlukan proses belajar yang lebih untuk memahaminya. Tidak semua kalangan bisa dengan mudah mempelajari Al Qur’an. Bagi yang sejak dini sudah dikenalkan dengan huruf-huruf arab, maka tidak banyak kesulitan yang ditemui dalam memahaminya. Sedangkan bagi yang terlambat mempelajarinya, khususnya bagi para orang dewasa dan orang tua yang mempunyai banyak kesibukan akan terasa lebih sulit dalam memahaminya. Sebagai solusi atas permasalahan tersebut, dibuatlah Aplikasi Multimedia Pembelajaran Iqro’ Sebagai Sarana Mempelajari Huruf Al Qur’an. Dengan menggabungkan pendidikan, hiburan serta komputer sebagai alat peraga, maka dapat mempermudah pemahaman tentang materi yang disampaikan. Metode yang digunakan dalam pengembangan aplikasi dan penelitian ini adalah pencarian data yang berupa observasi dan kajian pustaka, penentuan konsep,

desain aplikasi, dan pembuatan aplikasi dengan menggunakan

Macromedia Flash.

iii

KATA PENGANTAR

Assalamu’alaikum Wr. Wb Alhamdulillahirobbil’alamin. Segala puji hanya milik Alloh SWT Robb semeta alam, atas segala limpahan nikmat karuniaNya sehingga laporan Tugas Akhir ini dapat diselesaikan. Sholawat dan salam semoga selalu tercurah limpahkan kepada beliau suri tauladan kita, Nabi Muhammad SAW, keluarga, sahabat serta orang-orang yang senantiasa istiqomah dijalanNya. Laporan ini tidak akan terselesaikan dengan baik tanpa dukungan dan bantuan dari berbagai pihak. Maka pada kesempatan ini penulis ingin menyampaikan terima kasih yang sebesar-besarnya kepada : 1. Bapak Irwan Susanto, DEA selaku Ketua Program D3 Ilmu Komputer FMIPA UNS. 2. Bapak Artono Dwijo S, M.Si dosen selaku pembimbing I. 3. Bapak Winarno, S.Si selaku dosen pembimbing II. 4. Bapak Bambang Harjito, M.App.Sc selaku dosen pembimbing akademik. 5. Bapak dan Ibu beserta kakak-kakakku dan adek tercinta atas do’a dan dukungan yang diberikan. 6. Teman-teman Teknik Informatika tercinta dan semua kakak tingkat yang telah membantu. 7.

Sahabat-sahabat dekatku, Mas Eko, De Magfi, Diandra atas dukungan dan do’anya. Akhir kata, semoga laporan Tugas Akhir ini bermanfaat bagi para

pembaca dan semua pihak.

Wassalamu’alaikum Wr. Wb Surakarta, Juni 2007 Penulis

iv

MOTTO

Keindahan pribadi bukan lantaran pakaian yang menghiasi, akan tetapi lantaran ilmu dan budi pekerti Seorang hamba akan tetap berada dalam kebaikan selama ia masih bisa menasihati dirinya sendiri...(Hasan Al Bashri) Celupkan tanganmu ke dalam lautan, air yang menempel dalam jarimu itulah dunia, dan akhirat adalah sisa air di lautan itu “Be the Best for all people around you”

v

HALAMAN PERSEMBAHAN

Karya ini dipersembahkan untuk : Ayah, Ibu, Kakak dan adekku tercinta, Keponakanku Salsabila yang kucinta

vi

DAFTAR ISI Hal Halaman Judul ..................................................................................................... i Halaman Pengesahan ........................................................................................... ii Abstrak ................................................................................................................ iii Kata pengantar ................................................................................................... iv Motto ................................................................................................................... v Halaman Persembahan ......................................................................................... vi Daftar Isi .............................................................................................................. vii Daftar Gambar ..................................................................................................... x BAB I

PENDAHULUAN ...............................................................................

1

1.1 Latar Belakang ..............................................................................

1

1.2 Rumusan Masalah .........................................................................

2

1.3 Tujuan ...........................................................................................

2

1.4 Manfaat .........................................................................................

2

BAB II LANDASAN TEORI ..........................................................................

3

2.1 Konsep Multimedia dalam Pendidikan .........................................

3

2.2 Multimedia ....................................................................................

3

2.2.1 Grafik ...................................................................................

4

2.2.2 Teks .....................................................................................

4

2.2.3 Animasi ...............................................................................

4

2.2.4 Suara ..................................................................................... 5 2.3 Bahasa Pemrograman .................................................................... 5 2.4 Perangkat Lunak pembuatan ........................................................

6

2.4.1 CorelDRAW ......................................................................... 6 2.4.2 Macromedia Flash ................................................................ 7 2.4.3 Sonic Foundry Sound Forge ................................................. 7 2.4.4 Smart Recorder ..................................................................... 8 BAB III METODE PENELITIAN ................................................................... 10 3.1 Metode Pengumpulan Data ........................................................... 10

vii

3.2 Alat Penelitian ............................................................................... 10 3.2.1 Perangkat Keras ................................................................... 10 3.2.2 Perangkat Lunak ................................................................... 10 3.3 Langkah Pengembangan Aplikasi ................................................. 10 BAB IV HASIL DAN PEMBAHASAN ........................................................... 14 4.1 Detail Aplikasi ............................................................................... 14 4.2 Analisa Kebutuhan ......................................................................... 14 4.2.1 Kebutuhan Pengguna ............................................................. 14 4.2.2 Kebutuhan Sistem ................................................................. 14 4.3 Pembuatan Aplikasi ....................................................................... 15 4.3.1 Persiapan Awal ..................................................................... 15 4.3.2 Pembuatan Obyek ................................................................. 15 4.3.3 Pembuatan Tombol Navigasi ................................................ 15 4.3.4 Pemrograman dengan Action Script ...................................... 16 4.3.5 Import File Suara ................................................................... 17 4.3.6 Test Movie dan Publikasi File ................................................18 4.4 Tampilan Aplikasi ......................................................................... 18 4.5 Kerja Aplikasi ................................................................................ 23 4.6 Evaluasi .......................................................................................... 23 4.6.1 Kelebihan Aplikasi ................................................................ 23 4.6.2 Kelemahan Aplikasi .............................................................. 24 BAB V PENUTUP .............................................................................................. 25 5.1 Kesimpulan .................................................................................... 25 5.2 Saran ............................................................................................... 25 DAFTAR PUSTAKA .......................................................................................... 26

viii

DAFTAR GAMBAR Hal 1. Tampilan CoreDRAW11 …………………………………………………

6

2. Tampilan Macromedia Flash MX…………………………………………

7

3. Tampilan Sonic Foundry Sound Forge …………………………………...

8

4. Tampilan Smart Recorder ………………………………………………...

9

5. Struktur Menu ……………………………………………………………. 12 6. Desain Template …………………………………………………………. 13 7. Proses Pembuatan Tombol ……………………………………………….

16

8. Proses Pemrograman dengan Actionscript ………………………………. 17 9. Halaman Muka …………………………………………………………… 18 10. Halaman Kata Pengantar …………………………………………………. 19 11. Halaman Menu (Daftar Isi) ………………………………………………. 19 12. Halaman Pengenalan Huruf Hijaiyah ……………………………………. 20 13. Halaman Mengenal Angka Arab ………………………………………… 20 14. Halaman Latihan Huruf ………………………………………………….. 21 15. Halaman Latihan Angka …………………………………………………. 21 16. Halaman Iqro’ 1 (awal) …………………………………………………… 22 17. Halaman Iqro’1 (isi) ……………………………………………………… 22 18. Halaman Iqro’ 4 (Isi) …………………………………………………….. 23

ix

BAB I PENDAHULUAN 1.1 Latar Belakang Era globalisasi memicu perkembangan disemua bidang, terutama pada bidang Teknologi Informasi. Perkembangan Teknologi Informasi dapat meningkatkan kinerja dan memungkinkan berbagai kegiatan dapat dilakukan dengan cepat, tepat dan akurat, sehingga akhirnya akan meningkatkan produktivitas.

Perkembangan

Teknologi

Informasi

memperlihatkan

bermunculannya berbagai jenis kegiatan yang berbasis pada teknologi ini, seperti e-commerce, e-education, e-medicine, e-government dan lain-lain. Perkembangan di bidang teknologi juga sangat berkaitan erat dengan dunia pendidikan, contohnya seperti penggunaan komputer dalam hal pendidikan. Pendidikan agama harus diterapkan sejak dini. Karena akan membuat hidup lebih terarah. Salah satu pokok bahasan mengenai pendidikan agama adalah pemahaman tentang pedoman hidup, yaitu kitab suci. Dalam Islam, yang menjadi pedoman hidup adalah Al Qur’an. Huruf yang digunakan dalam Al Qur’an adalah huruf Arab, sehingga sebagai orang Indonesia akan menemui kesulitan untuk mempelajarinya, kecuali apabila diajarkan sejak dini. Pada kenyataannya, masyarakat Indonesia yang mayoritas beragama Islam, banyak dari mereka yang buta Al Qur’an, tidak mengerti bagaimana membaca pedoman hidup mereka. Melihat permasalahan tersebut yang seiring dengan semakin meluasnya dunia teknologi informasi, maka diperlukan adanya suatu sistem pembelajaran yang efektif dengan media komputer. Dengan mencoba menawarkan suatu sistem pembelajaran yang berbasis multimedia sebagai interaksinya, diharapkan target pengguna dapat menikmati dalam proses pembelajaran huruf Al Qur’an. Teknologi multimedia adalah salah satu teknologi dalam bidang komputer yang memiliki kemampuan untuk menjadikan media pembelajaran lebih lengkap. Multimedia

merangkum

berbagai

media

dalam

satu

wadah,

sehingga

memudahkan penyampaian bahan pembelajaran dan pengguna dapat terlibat

1

2

dalam proses pembelajaran karena teknologi multimedia mempunyai kemampuan interaktivitas. 1.2 Rumusan Masalah Berdasarkan

latar

belakang

tersebut,

maka

permasalahan

dapat

dirumuskan sebagai berikut: 1. Bagaimana membuat perangkat lunak yang efektif sebagai sarana untuk mempelajari huruf Al Qur’an. 2. Bagaimana agar pengguna dapat menikmati perangkat lunak yang dibuat sebagai suatu media pembelajaran yang menarik, mudah digunakan serta dipahami. 1.3 Tujuan Tujuan dari penelitian ini adalah untuk membuat aplikasi pembelajaran yang mengajarkan masyarakat dalam mempelajari huruf Al Qur’an. 1.4 Manfaat Manfaat dari penelitian ini adalah: 1. Mendapatkan aplikasi/perangkat lunak untuk pendidikan yang bermanfaat dan menarik. 2. Membantu masyarakat dalam mempelajari huruf Al Qur’an. 3. Diharapkan dapat membantu para orang tua dalam mengajarkan anakanak mereka tentang mengenal huruf Al Qur’an.

BAB II LANDASAN TEORI 2.1 Konsep Multimedia dalam Pendidikan Teknologi multimedia adalah salah satu teknologi dalam bidang komputer yang memiliki kemampuan untuk menjadikan media pembelajaran lebih lengkap. Multimedia

merangkum

berbagai

media

dalam

satu

wadah,

sehingga

memudahkan penyampaian bahan pembelajaran dan pengguna dapat terlibat dalam proses pembelajaran karena teknologi multimedia mempunyai kemampuan interaktivitas. Multimedia dalam pendidikan adalah alat, kaedah dan pendekatan yang digunakan sebagai komunikasi di antara guru dengan pelajar selama proses pembelajaran. Pelajar yang terlibat dalam proses pembelajaran melalui paket multimedia boleh mempelajari ilmu yang ada di dalamnya sesuai dengan minat, kesukaan, keperluan, pengetahuan dan emosinya (www.ukm.my, 2007). 2.2 Multimedia Multimedia adalah penggunaan komputer untuk menyajikan dan menggabungkan teks, suara, gambar, animasi dan video dengan alat bantu (tool) dan koneksi (link) sehingga pengguna dapat bernavigasi, berinteraksi, berkarya dan berkomunikasi. Multimedia sering digunakan dalam dunia hiburan. Sesuai dengan penjelasan pada buku American Heritage Dictionary, sistem multimedia adalah sembarang sistem yang mendukung lebih dari satu jenis media. Menurut Furht (1996) dari Atlantic University, Florida mendefinisikan multimedia sebagai gabungan dari berbagai media teks, grafik, animasi, image, dan video. Sedangkan Haffos Feldman (1994), mendefinisikan multimedia sebagai suatu sistem komputer yang terdiri dari berbagai peralatan yang memberikan kemudahan untuk mengelola gambar, video, fotografi, grafik, dan animasi yang dipadukan dengan suara, teks, data yang dikendalikan dengan program komputer.

3

4

Menurut Thompson (1994) mendefinisikan multimedia sebagai suatu sistem yang menggabungkan teks, image, video, animasi, suara dan mempunyai kemampuan interaktivitas (www.ukm.my, 2007). Multimedia dapat dimanfaatkan dalam dunia pendidikan dan bisnis. Di dunia pendidikan, multimedia digunakan sebagai media pengajaran, baik dalam kelas maupun secara sendiri-sendiri. Di dunia bisnis, multimedia digunakan sebagai media profil perusahaan, profil produk, bahkan sebagai media pelatihan dalam sistem e-learning (id.wikipedia.org). 2.2.1. Grafik Grafik digunakan dalam presentasi atau publikasi multimedia karena lebih menarik perhatian dan dapat mengurangi kebosanan dibandingkan dengan teks. Grafik dapat meringkas dan menyajikan data kompleks dengan cara yang baru dan lebih berguna. 2.2.2

Teks Teks merupakan elemen yang penting dalam suatu program grafis karena

bisa digunakan untuk menerangkan sesuatu dalam bentuk tulisan seperti membuat judul, link teks, keterangan dalam suatu movie, email, dan lain-lain (Hakim, 2004). 2.2.3. Animasi Animasi adalah proses penciptaan efek gerak atau efek perubahan bentuk yang terjadi selama beberapa waktu. Animasi bisa berupa gerak sebuah objek dari tempat yang satu ke tempat yang lain, perubahaan warna, atau perubahan bentuk (yang dinamakan “morphing”). Flash mempunyai dua metode dalam membuat animasi, yaitu : 1. Metode Animasi Tween Tween berasal dari kata between in yang kalau diartikan ke dalam Bahasa Indonesia secara harfiah adalah di antara. Dalam Flash, tween digunakan untuk istilah animasi.

5

Metode animasi tween adalah metode yang paling sering digunakan dalam membuat animasi di Flash karena metode ini adalah metode paling mudah dan cepat dalam membuat animasi. Kita hanya perlu membuat atau menentukan objek di frame awal dan objek di frame akhir, kemudian secara otomatis Flash akan membuat frame di antara (between in/tween) frame awal dan frame akhir tersebut sehingga terciptalah gerakan atau animasi. 2. Metode Animasi Frame-by-Frame Metode animasi frame-by-frame merupakan metode pambuatan animasi dengan cara manual, yaitu kita diharuskan membuat setiap objek atau isi yang berbeda pada setiap frame untuk menghasilkan gerakan atau animasi. Meskipun animasi yang dihasilkan dengan metode ini terlihat lebih bagus dan halus daripada animasi yang dibuat dengan metode tween, metode ini jarang digunakan karena pembuatan animasi menggunakan metode ini memerlukan ketelitian dan memakan waktu yang lama serta ukuran file animasi pun lebih besar (Hakim, 2004). 2.2.4

Suara Suara merupakan unsur yang sangat penting dalam teknologi multimedia.

Dengan perkembangan multimedia yang pesat telah memungkinkan komputer merekam dan memutar kembali semua jenis suara yang dapat didengar oleh manusia. Beberapa format data suara yaitu .wav, . voc. , snd, .aud, .mp3, .midi. 2.3 Bahasa Pemrograman Bahasa pemrograman yang digunakan dalam pembuatan aplikasi ini adalah Actionscript. Actionscript merupakan bahasa pemrograman pada Flash yang berbasiskan ECMAScript. ActionScript pertama kali keluar pada Macromedia Flash 5, dan terus digunakan sampai sekarang. Dengan actionscript dapat dibuat movie yang interaktif sehingga user bisa berinteraksi dengan movie tersebut, seperti mengontrol navigasi, memasukkan informasi, menggerakkan objek dengan keyboard, mengubah bentuk mouse, membuat menu, games, kuis, dan lain-lain. Actionscript dibagi menjadi dua :

6

1. Action Frame Action frame adalah action yang diberikan pada frame. Frame yang berisi action ditandai dengan huruf a pada framenya. 2. Action Objek Action objek adalah action yang diberikan pada objek, baik berupa tombol maupun movie clip. 2.4 Perangkat Lunak Pembuatan 2.4.1 CorelDRAW CorelDRAW merupakan program untuk desain grafis yang sangat populer dan mudah untuk dioperasikan serta mempunyai fasilitas yang lengkap yang diciptakan oleh Corel Corporation Kanada. Dengan CorelDRAW bisa dibuat suatu karya grafis dengan kualitas tinggi dan profesional (Avellino, 2005).

Gambar 2.1 Tampilan CorelDRAW 11

7

2.4.2 Macromedia Flash Perangkat lunak yang digunakan dalam pembuatan aplikasi ini adalah Macromedia Flash. Flash merupakan program animasi profesional yang mudah digunakan dan sangat berdaya guna untuk membuat animasi, dari animasi sederhana sampai animasi kompleks, meliputi multimedia dan aplikasi web yang dinamis dan interaktif seperti e-commerce. Beberapa kemampuan Flash lainnya adalah membuat animasi logo, presentasi multimedia, game, kuis interaktif, simulasi/visualisasi, pengaturan navigasi halaman web, aplikasi web, dan sebagainya.

Gambar 2.2 Tampilan Macromedia Flash MX 2.4.3 Sonic Foundry Sound Forge Sound Forge adalah digital audio editor yang berisi seperangkat pemrosesan audio, tools, dan efek manipulasi audio. Untuk menciptakan, merekam dan mengedit file audio dapat diperoleh dari kombinasi antara Sound Forge dengan beberapa Windows-compatible sound card.

8

Gambar 2.3 Tampilan Sonic Foundry Sound Forge 6.0 2.4.4 Smart Recorder Smart Recorder adalah software untuk mengatur dan menampilkan rekaman dengan mudah. Smart Recorder dapat melakukan beberapa hal, antara lain : 1. Merekam analog LP/kaset ke dalam digital audio tracks dalam format WMA atau WAV. 2. Menjadwalkan rekaman untuk dimulai pada tanggal dan waktu tertentu. 3. Membagi rekaman yang panjang ke dalam bagian-bagian kecil secara otomatis dengan menggunakan silence detection technology. 4. Mengatur level rekaman optimum dengan mudah dengan fitur analisis automatic source level.

9

Gambar 2.4 Tampilan Smart Recorder

10

BAB III METODE PENELITIAN 3.1 Metode Pengumpulan Data Metode pengumpulan data yang digunakan pada penelitian ini adalah sebagai berikut : 1. Metode Observasi Metode ini digunakan untuk melakukan pengamatan dan pencatatan data-data serta berbagai hal yang akan dibutuhkan dalam penelitian. Penelitian yang dilakukan bersumber pada Buku Iqro’ karangan KH. As’ad Humam, Balai Litbang LPTQ Nasional Team Tadarus “AMM” Yogyakarta. 2. Kepustakaan Metode ini digunakan dalam proses pengumpulan data dan informasi dengan melakukan pengumpulan bahan-bahan teori yang diperlukan dari berbagai sumber wacana yang berkaitan dengan penelitian ini. 3.2 Alat Penelitian Alat yang digunakan untuk memperlancar proses penelitian meliputi : 3.2.1. Perangkat Keras Perangkat keras yang digunakan adalah komputer dengan spesifikasi sebagai berikut : Processor

: Intel Pentium III, 730 MHz.

Memory

: 128 MB.

Monitor 32-bit dan mampu resolusi sebesar 800 x 600. 3.2.2

Perangkat Lunak Perangkat lunak yang digunakan dalam membuat aplikasi ini adalah

Macromedia Flash MX.

11

3.3 Langkah Pengembangan Aplikasi Ada beberapa langkah dalam pengembangan aplikasi ini, langkah-langkah tersebut adalah sebagai berikut : 1. Penentuan konsep aplikasi Langkah ini digunakan untuk menentukan konsep yang akan diterapkan dalam pegembangan aplikasi. Konsep yang digunakan dalam aplikasi ini adalah pengenalan disertai beberapa latihan. 2. Penentuan grafik, suara dan musik pengiring Penentuan grafik, suara dan musik ini dilakukan untuk menentukan kebutuhan grafik, suara dan musik pengiring yang akan digunakan untuk aplikasi. Grafik yang dipakai dalam aplikasi ini berupa huruf arab. Pembuatan huruf arab dilakukan dengan software CorelDRAW yang selanjutnya diolah dengan Macromedia Flash. Pada masing-masing halaman dari aplikasi ini disajikan huruf-huruf arab mulai dari yang sederhana hingga yang kompleks. Penentuan suara disesuaikan dengan huruf arab yang bersangkutan. Proses perekaman suara menggunakan software Smart Recorder yang kemudian diedit dengan Sonic Foundry Sound Forge, demikian pula dengan musik pengiring. 3. Konsep pembuatan aplikasi Pembuatan aplikasi meliputi pembuatan objek grafik yang digunakan, desain interface dan pemrograman. Keseluruhan pembuatan aplikasi dilakukan dengan Macromedia Flash. Dalam aplikasi ini, konsep pembuatan desain antarmuka hampir sama pada setiap halaman untuk menimbulkan suasana yang konsisten. Yang membedakan antara halaman satu dengan yang lain yaitu isi dan segmen yang berlainan. 4. Struktur dan desain aplikasi Struktur aplikasi meliputi struktur menu yang disajikan dalam aplikasi. Sedangkan desain aplikasi meliputi isi dan segmen yang disajikan dalam aplikasi. Berikut ini adalah struktur menu yang akan diterapkan dalam aplikasi dan desain template aplikasi.

12

Menu Utama

Pengenalan Huruf Hijaiyah

Huruf Hijaiyah

Angka Arab IQRO’ 1 Latihan IQRO’ 2

IQRO’ 3

IQRO’ 4

IQRO’ 5

IQRO’ 6

Keluar Gambar 3.1 Struktur Menu

13

Menu

Area Belajar

Tombol Navigasi

Area Belajar

Tombol Navigasi

Gambar 3.2 Desain Template

BAB IV HASIL DAN PEMBAHASAN 4.1 Detail Aplikasi Aplikasi multimedia ini di desain untuk dapat digunakan oleh masyarakat mulai dari anak-anak, remaja hingga dewasa khususnya bagi yang belum bisa membaca huruf Al Qur’an. Untuk anak-anak, dalam pemakaiannya perlu ada bimbingan dan arahan dari orang tua. Aplikasi ini berisi tentang huruf-huruf Al Qur’an mulai dari huruf yang sederhana hingga huruf yang kompleks. Karena dalam Al Qur’an tidak hanya berisi huruf-huruf arab saja, maka di dalam aplikasi ini disisipkan pula pengenalan tentang angka-angka arab sehingga akan dapat membantu pengguna dalam mempelajari Al Qur’an secara keseluruhan. Pada bagian awal dari aplikasi ini disajikan tentang pengenalan huruf sekaligus angka arab beserta latihan-latihannya. Pada bagian selanjutnya pengguna akan diajak untuk mempelajari huruf arab lebih dalam lagi. 4.2 Analisa Kebutuhan 4.2.1 Kebutuhan Pengguna Aplikasi ini dibuat untuk diterapkan pada masyarakat mulai dari anakanak, remaja hingga dewasa khususnya bagi yang belum bisa membaca huruf Al Qur’an. Untuk anak-anak, dalam pemakaiannya perlu ada bimbingan dan arahan dari orang tua. 4.2.2 Kebutuhan Sistem Aplikasi yang dibuat di desain untuk dijalankan pada komputer berbasis windows dengan spesifikasi sebagai berikut: Sistem Operasi

: Windows 98 atau yang lebih baru.

Processor

: kelas Intel atau AMD dengan 900 MHz atau yang lebih tinggi.

Memory

: minimal 128 MB.

Hardisk

: memiliki ruang kosong 300 MB.

14

15

CD ROM

: 8 X atau lebih.

Monitor

: SVGA dengan resolusi minimal 640 x 480.

Perlengkapan

: speaker, keyboard, dan mouse. 4.3 Pembuatan Aplikasi

4.3.1 Persiapan Awal Sebelum pembuatan aplikasi ini, hal yang dilakukan adalah melakukan pendataan obyek yang akan digunakan dan menentukan musik pengiring. Selanjutnya mendesain dan membuat obyek yang telah ditentukan beserta interface kedalam komputer. 4.3.2 Pembuatan Obyek Obyek utama yang digunakan dalam aplikasi ini adalah huruf arab. Dalam Macromedia Flash telah tersedia tipe font arabic. Tetapi jika menggunakan Flash dalam pembuatannya, akan ditemui kesulitan karena tidak bisa dengan mudah menemukan huruf yang diinginkan. Oleh karena itu alternatif lain yang digunakan dalam pembuatan huruf-huruf Arab yaitu dengan menggunakan CorelDRAW. Macromedia Flash digunakan untuk membuat desain aplikasi. Tool yang telah tersedia dalam Flash dapat digunakan untuk pembuatannya, seperti fasilitas line tool, pencil tool, oval tool, rectangle tool. Pewarnaan obyek digunakan fasilitas brush tool dan paint tool. 4.3.3 Pembuatan Tombol Navigasi Tombol yang digunakan dalam aplikasi ini dibuat dengan menggunakan fasilitas pencil tool, line tool, oval tool dan text tool. Proses pewarnaan yang diterapkan pada tombol menggunakan color mixer. Warna solid

untuk

menghasilkan satu warna. Sedangkan untuk membuat tombol dengan warna mengkilat digunakan gradasi warna linier dan radial. Dalam aplikasi ini tombol yang dibuat ada dua jenis, yaitu berupa movie clip dan button. Tombol yang dibuat berupa movie clip untuk mempermudah dalam melakukan proses animasi.

16

Gambar 4.1 Proses Pembuatan Tombol 4.3.4 Pemrograman dengan Actionscript Pemrograman dengan actionscript dilakukan untuk menjalankan aksi pada frame, movie clip dan button dalam melakukan navigasi. Berikut ini contoh script pada salah satu tombol dalam aplikasi : on (rollOver) { _root.bt_next.gotoAndPlay(2); } on (rollOut) { _root.bt_next.gotoAndPlay(1); } on (release) { _root.gotoAndPlay('Nulis'); } Script yang digunakan untuk menyembunyikan movie clip ketika movie di load yaitu onClipEvent (load) { _visible=false; }

17

Script di atas digunakan dalam pembuatan halaman yang menampilkan message box ketika user berinteraksi dengan aplikasi yang berisi latihan. Selain pada button dan movie clip, actionscript juga terdapat pada frame. Contoh actionscript pada frame adalah sebagai berikut : 1. Stop(); untuk proses berhenti movie ketika movie berada di atas frame tertentu. 2. GotoAndPlay(); untuk memainkan movie ketika movie berada di atas frame tertentu. 3. fscommand("quit",true); untuk mengakhiri movie ketika movie berada di atas frame tertentu.

Gambar 4.2 Proses Pemrograman dengan Actionscript 4.3.5 Import File Suara Setelah semua desain aplikasi selesai dibuat, proses selanjutnya adalah import suara. Tidak semua file suara dapat di-import ke dalam Flash. File suara yang dapat di-import ke dalam Flash antara lain adalah file yang ber-extensi .wav dan .mp3.

18

4.3.6 Test Movie dan Publikasi File Sebelum melakukan publikasi file terlebih dahulu dilakukan test movie yang bertujuan untuk melakukan pengujian agar dapat mengetahui aplikasi dapat berjalan dengan baik atau tidak. Publikasi file dilakukan dengan tujuan untuk mendapatkan file dengan extensi .swf agar dapat berjalan pada Flash Player untuk obyek (movie obyek). Sedangkan untuk tampilan utama dipublikasikan dengan extensi .exe agar dapat berjalan di atas windows tanpa adanya instalasi Flash Player dalam komputer yang bersangkutan. 4.4 Tampilan Aplikasi 1. Halaman muka Halaman muka merupakan tampilan awal dari aplikasi yang akan dijalankan.

Gambar 4.3 Halaman Muka 2. Halaman kata pengantar Halaman ini berisi pengantar mengenai aplikasi yang dibuat.

19

Gambar 4.4 Halaman Menu (Daftar Isi) 3. Halaman menu (daftar isi) Halaman menu berisi tentang daftar isi dari aplikasi, dimulai dari pengenalan huruf sampai iqro’ 6.

Gambar 4.5 Halaman Menu (Daftar Isi)

20

4. Halaman pengenalan huruf hijaiyah Halaman ini berisi tentang pengenalan huruf-huruf hijaiyah mulai dari huruf hijaiyah awal (alif) hingga huruf hijaiyah terakhir (ya’).

Gambar 4.6 Halaman Pengenalan Huruf Hijaiyah 5. Halaman mengenal angka arab Pada halaman ini user diajak untuk mengenal angka-angka Arab.

Gambar 4.7 Halaman Mengenal Angka Arab

21

6. Halaman latihan huruf Pada halaman ini user diajak untuk berlatih mengingat kembali pengenalan huruf hijaiyah yang telah dipelajari sebelumnya.

Gambar 4.8 Halaman Latihan Huruf 7. Halaman latihan angka Pada halaman ini user diajak untuk berlatih mengingat kembali pengenalan angka arab yang telah dipelajari sebelumnya.

Gambar 4.9 Halaman Latihan Angka

22

8. Halaman iqro’ 1 (awal) Halaman ini berisi tampilan awal memasuki iqro’ 1.

Gambar 4.10 Halaman Iqro’ 1 (awal) 9. Halaman iqro’ 1 (isi) Halaman ini adalah isi dari iqro’ 1. Pada halaman ini disajikan langkahlangkah awal membaca huruf Al Qur’an.

Gambar 4.11 Halaman Iqro’ 1 (Isi)

23

10. Halaman iqro’ 4 (isi) Halaman ini merupakan isi dari iqro’ 4. User diajak untuk belajar membaca Al Qur’an lebih dalam lagi.

Gambar 4.12 Halaman Iqro’ 4 (Isi)

4.5 Kerja Aplikasi Aplikasi yang dibuat, dirancang untuk diterapkan pada masyarakat yang belum bisa membaca huruf Al Qur’an. Mulai dari anak-anak, remaja hingga dewasa. Aplikasi ini memiliki dua tahapan, yaitu tahap awal dan tahap akhir. Tahap awal berisi pengenalan dan latihan, sedangkan untuk tahap akhir berisi cara pembacaan dimulai dari iqro’ 1 sampai iqro’ 6. 4.6 Evaluasi 4.6.1 Kelebihan Aplikasi Kelebihan yang dimiliki oleh aplikasi ini terletak pada desain interface. Desain dalam aplikasi ini dibuat seperti buku, sehingga dapat mengobati kejemuan user yang biasanya disajikan aplikasi dengan tampilan standart.

24

4.6.2 Kelemahan Aplikasi Dalam aplikasi ini, tidak banyak variasi yang disajikan. Hampir pada keseluruhan halaman menampilkan sajian yang serupa, yaitu huruf berupa tombol disertai sound yang sesuai dengan huruf bersangkutan.

BAB V PENUTUP 5.1 Kesimpulan Kesimpulan dari penelitian ini adalah terbuatnya aplikasi Pembelajaran Iqro’

sebagai sarana bagi masyarakat dalam mempelajari Al Qur’an dengan

menggunakan software sebagai berikut : 1. CorelDRAW 11, untuk pembuatan huruf arab. 2. Smart Recorder, untuk proses perekaman suara. 3. Sonic Foundry Sound Forge 6.0, untuk proses editing suara. 4. Macromedia FlashMX, untuk pembuatan keseluruhan aplikasi. 5.2 Saran 1. Aplikasi dibuat dan didesain untuk diterapkan pada masyarakat yang belum bisa membaca huruf Al Qur’an mulai dari anak-anak, remaja hingga dewasa. Penggunaan untuk anak-anak diperlukan adanya bimbingan dari orang tua atau orang dewasa. 2. Untuk lebih mengetahui kemampuan pengguna dalam memahami materi, maka perlu dilengkapi dengan scoring/penilaian pada setiap latihan yang disajikan dalam aplikasi.

25

DAFTAR PUSTAKA Avellino, Andreas, 2005, Panduan Lengkap Ilustrasi Desain Grafis dengan CorelDRAW 12, Teknomedia, Yogyakarta. Jayan, 2006, Animasi Kartun Lucu dan Interaktif Flash, Maxikom, Palembang. Jhonsen, 2003, Membuat Berbagai Efek dengan FLASH MX, Elex Media Komputindo, Jakarta. Hakim, Lukmanul, 2004, Cara Ampuh Menguasai Macromedia Flash MX 2004, Elex Media Komputindo, Jakarta. No

Name,

Wikipedia

Indonesia,

Kategori

Multimedia,

http://id.wikipedia.org/wiki/Multimedia, 6 Juni 2007. No Name, Teknologi Dalam Pendidikan, http://www.ukm.my/ukmportal/kdp.htm, 6 Juni 2007. .

26

27

MANUAL PROGRAM Untuk lebih memudahkan pengguna dalam menggunakan aplikasi, berikut ini disajikan manual program / langkah-langkah pemakaian aplikasi : 1. Sajian Awal Pada sajian awal, pengguna akan diperlihatkan tampilan pertama dari aplikasi. Tampilan ini berisi judul aplikasi dan tombol untuk memasuki proses pembelajaran. Berikut detail gambar dari tampilan pertama. Tampilan Awal Aplikasi

Judul Aplikasi

Tombol untuk masuk proses pembelajaran

2. Sajian Proses Pembelajaran Sajian ini akan ditampilkan setelah dilakukan klik pada tombol “Mulai Belajar” pada sajian awal. Berikut ini detail gambar dari proses pembelajaran. 2.1

Tampilan Awal (cover) Tampilan ini merupakan tampilan awal dari proses pembelajaran, berupa cover buku. Terdapat beberapa tombol yang bisa digunakan pengguna untuk bernavigasi. Yaitu tombol “close” untuk menutup aplikasi,

28

tombol “buka” untuk membuka cover dan tombol “on off” untuk mengontrol musik pengiring. Berikut ini gambar detail tampilan awal. Tampilan awal proses pembelajaran

Tombol close aplikasi

Tombol buka

2.2

Tombol on off

Halaman Kata Pengantar Halaman ini berisi pengantar mengenai aplikasi yang dibuat.

Tampilan halaman kata pengantar setelah dilakukan klik pada tombol “Buka”


Tombol lanjut ke halaman berikutnya

Tombol kembali ke halaman sebelumnya

Tombol on off

29

2.3

Halaman Menu (Daftar Isi) Halaman menu berisi tentang daftar isi dari aplikasi. Dalam halaman ini, menu-menu yang disajikan berupa tombol. Untuk memilihnya, pengguna tinggal klik menu sesuai keinginan. Secara urut, menu-menu yang disajikan dimulai dari pengenalan huruf hijaiyah, iqro’ satu hingga iqro’ enam. Tampilan Halaman Menu Tombol Menu


Tombol on off



30

2.4

Halaman Pengenalan Huruf Hijaiyah Halaman ini berisi tentang pengenalan huruf-huruf hijaiyah mulai dari huruf hijaiyah awal (alif) hingga huruf hijaiyah terakhir (ya’). Hurufhuruf yang disajikan berupa tombol. Untuk mengetahui bagaimana cara membaca huruf hijaiyah yang dimaksud, pengguna tinggal klik huruf hijaiyah yang bersangkutan sehingga akan keluar suara sesuai huruf yang dimaksud. Berikut gambar detail dari halaman pengenalan huruf hijaiyah. Tampilan Halaman Pengenalan Huruf hijaiyah Tombol Menu


Tombol yang mengeluarkan suara sesuai huruf yang dimaksud jika dilakukan klik



31

2.5 Halaman Mengenal Angka Arab Halaman ini berisi tentang pengenalan angka arab. Angka yang disajikan berupa tombol. Untuk mengetahui angka berapa yang disajikan, maka pengguna tinggal klik angka yang diinginkan, maka akan keluar suara yang sesuai dengan angka yang dimaksud. Berikut detail gambar dari halaman mengenal angka arab. Tampilan Halaman Mengenal Angka Arab Tombol Menu


Tombol on off Tombol lanjut ke halaman berikutnya


32

2.6 Halaman Latihan (Huruf apa ini?) Halaman ini berisi latihan. Pengguna diajak berlatih mengingat kembali pelajaran sebelumnya yaitu mengenal huruf hijaiyah. Pada halaman ini disajikan huruf-huruf hijaiyah sebagai soal, dan huruf latin sebagai jawaban disebelah kanannya. Pengoperasian dari halaman ini adalah pengguna diminta menjawab soal-soal yang berupa huruf hijaiyah untuk ditunjukkan jawaban huruf latinnya yang berada disebelah kanan dari huruf hijaiyah, dengan melakukan klik pada jawaban yang sesuai Berikut ini detail gambar dari halaman Latihan (Huruf apa ini?). Tampilan Halaman Latihan (Huruf apa ini?) Tombol Menu



Tombol Menu

Message Box yang muncul jika salah memilih jawaban


Tombol Jawaban

Message box yang muncul jika jawaban benar


33

2.7 Halaman Latihan (Yang mana hurufnya?) Halaman ini hampir sama dengan halaman latihan (Huruf apa ini?), yaitu berisi latihan yang mengajak pengguna untuk mengingat kembali pelajaran sebelumnya yaitu mengenal huruf hijaiyah. Berkebalikan dengan latihan (Huruf apa ini?), pada latihan ini pengguna diminta menjawab soalsoal yang berupa huruf latin untuk ditunjukkan jawaban huruf hijaiyahnya yang berada disebelah bawah dari huruf latin, dengan melakukan klik pada jawaban yang sesuai Berikut ini detail gambar dari halaman Latihan (Yang mana hurufnya?). Tampilan Halalaman Latihan (Yang mana hurufnya?) Tombol Menu



Tombol jawaban

Message box yang muncul jika jawaban salah


34

2.8 Halaman Latihan (Angka berapa ini?) Halaman ini merupakan halaman latihan yang berisi soal-soal berupa angka arab, dan pengguna diminta untuk mengisikan jawaban pada kotak yang tersedia disebelah kiri dari soal. Jawaban yang diisikan dapat berupa angka ataupun huruf. Setelah pengguna mengisi jawaban, maka untuk mengetahui apakah jawaban yang ditulis benar atau salah dapat dicek dengan menekan tombol cek yang berada disebelah kiri dari kotak jawaban.. Berikut gambar detail dari halaman latihan (Angka berapa ini?). Tampilan Halaman Latihan (Angka berapa ini?) Tombol Menu

Tombol on off Tombol cek Tombol lanjut ke halaman berikutnya


Kotak jawaban


35

2.9 Halaman Berlatih Menulis Pada halaman ini disajikan cara menulis huruf-huruf hijaiyah. Untuk mengetahui bagaimana cara menulis huruf-huruf hijaiyah, pengguna tinggal klik pada huruf hijaiyah sesuai keinginan yang berada pada bagian bawah dari halaman sebelah kanan. Tampilan Halaman Berlatih Menulis Tombol Menu

Kotak cara penulisan


Tempat untuk menuliskan jawaban dari angkaangka yang berada di sebelah kanan



36

2.10 Halaman Cover Iqro’ 1 Halaman ini merupakan tampilan cover dari iqro’ 1 sebagai tanda bahwa pengguna telah memasuki iqro’ 1. Berikut gambar detail dari halaman cover iqro’ 1. Tampilan Halaman Cover Iqro’ 1 Tombol Menu


Area membaca, berupa tombol yang menimbulkan suara sesuai huruf Cover Iqro’ 1 yang dimaksud



37

2.10 Halaman Isi Iqro’ 1 Halaman ini merupakan isi dari iqro’ 1. Disajikan pelajaran yang sesuai dengan iqro’ 1. Huruf-huruf yang disajikan berupa tombol. Untuk mengetahui bagaimana cara membaca, pengguna tinggal klik pada huruf yang sesuai dengan keinginan, maka akan keluar suara sesuai huruf yang dimaksud. Berikut gambar detail dari halaman isi iqro’ 1. Tampilan Halaman Isi Iqro’ 1 Tombol Menu


Area belajar berupa tombol yang mengeluarkan suara sesuai huruf apabila dilakukan klik



38

2.11 Halaman Cover Iqro’ 2 Halaman ini merupakan tampilan cover dari iqro’ 2 sebagai tanda bahwa pengguna telah memasuki iqro’ 2. Berikut gambar detail dari halaman cover iqro’ 2. Taapilan Halaman Cover Iqro’ 2 Tombol Menu


Cover Iqro’ 2

Tombol on off



39

2.12 Halaman Isi Iqro’ 2 Halaman ini merupakan isi dari iqro’ 2. Disajikan pelajaran yang sesuai dengan iqro’ 2. Huruf-huruf yang disajikan berupa tombol. Untuk mengetahui bagaimana cara membaca, pengguna tinggal klik pada huruf yang sesuai dengan keinginan, maka akan keluar suara sesuai huruf yang dimaksud. Berikut gambar detail dari halaman isi iqro’2. Tampilan Halaman Isi Iqro’ 2 Tombol Menu


Tombol on off


Area belajar berupa tombol yang mengeluarkan suara sesuai huruf apabila dilakukan klik


40

Untuk halaman Iqro’ 3 hingga iqro’ 6 hampir sama dengan halaman iqro’ 1 dan iqro’ 2. 3. Sajian Akhir Setelah selesai mempelajari isi aplikasi pembelajaran, terdapat sajian akhir yang menyediakan pilihan untuk mengakhiri aplikasi atau ingin mengulang kembali. Tersedia dua buah tombol yaitu tombol Replay untuk mengulang aplikasi dan tombol close untuk mengakhiri aplikasi. Berikut tampilan sajian akhir dari aplikasi. Tampilan Akhir Aplikasi

Tombol Replay untuk mengulang

aplikasi

Tombol Close untuk mengakhiri

aplikasi

APLIKASI MULTIMEDIA PEMBELAJARAN IQRO SEBAGAI SARANA MEMPELAJARI HURUF AL QUR AN. Oleh CHOLIS ZULIANA NIM. M

Recommend Documents