BERBASIS MULTIMEDIA
Bunyamin1, Savitri Banurani 2 Jurnal Algoritma
Sekolah Tinggi Teknologi Garut
Jl. Mayor Syamsu No. 1 Jayaraga Garut 44151 Indonesia Email : [email protected]
Abstrak – Muhil Dhofir dalam Terjemah Hadits Arba’in An-Nawawiyah menjelaskan bahwa kitab ini adalah kumpulan dari 42 hadits yang memfokuskan pada hadits-hadits yang berkenaan dengan masalah ushuluddin (aqidah dan masalah yang prinsip dalam agama), yang dikarang oleh Imam An- Nawawi dan sebagian besar di ambil dari shahih Bukhari dan Muslim. Solusi yang diharapkan mampu mengatasi permasalahan tersebut yaitu dengan menerapkan sebuah aplikasi multimedia interaktif. Adapun metode yang digunakan dalam penelitian tugas akhir Metode Pengembangan Multimedia versi Luther Sutopo untuk pengembangan aplikasi perangkat lunak [1]. Aplikasi Hadits Arba’in An-Nawawiyah yang dirancang ini di harapkan dapat meningkatkan perhatian dan mempermudah pemahaman masyarakat dalam mempelajarinya.
Kata Kunci – Aplikasi, Hadits Arba’in An-Nawawiyah, Analisis dan Desain, Pengembangan Multimedia versi Luther Sutopo.
I. PENDAHULUAN
Buku Terjemah Hadits Arba’in An-Nawawiyah yang ditulis oleh Imam An-Nawawi dan penerjemahnya Muhil Dhofir, Lc bersandarkan pada sebuah hadits yang bersumber dari sahabat Ali bin Abi Thalib, Abdullah bin Mas’ud, Mu’adz bin Jabal, Abu Hurairah dan Abu Sa’id Al-Khudriy ra., bahwa Rasulullah SAW telah bersabda, “Barangsiapa dari umatku hafal empat puluh hadits tentang agamanya, maka pada hari Kiamat nanti ia akan dibangkitkan dalam kelompok para fuqaha dan para ulama.” Dalam riwayat lain disebutkan, “Ia akan dibangkitkan sebagai seorang faqih yang alim.” Dan dalam riwayat Abu Darda’, “Dan pada hari Kiamat nanti aku akan menjadi pembela dan saksi untuknya.” Dan dalam riwayat ibnu Mas’ud, “Dikatakan kepadanya, “Masuklah dari pintu surga mana saja yang kamu kehendaki.” Dan dalam riwayat Ibnu Umar, “Ia tercatat dalam golongan para ulama dan dikumpulkan dalam golongan syuhada” [2]
Masih banyak orang islam yang tidak mengetahui Hadits Arba’in An-Nawawiyah, yang mana isinya sangat penting bagi kehidupan beriman manusia, di dalamnya berisi jawaban atas pertanyaan – pertanyaan kita dalam kehidupan beragama dan mempunyai faedah yang sangat besar bagi orang-orang yang bisa menghafal hadits-hadits Rasulullah SAW, seperti yang telah dijelaskan di atas.
Dari latar belakang tersebut, maka perlu adanya media pembelajaran baru untuk membantu memahami ajaran agama islam dan ajaran yang terkandung didalamnya, salah satunya adalah tentang Hadits Arba’in An-Nawawiyah. Media pembelajaran yang dipilih penulis adalah dalam hal ibadah yang membahas tentang Hadits Arba’in An-Nawawiyah yakni dengan maksud agar mudah dibaca , dihafal dan di amalkan. Media pembelajaran ini berbasis Multimedia.
Penulis memilih media multimedia karena pembelajaran berbantuan komputer (Computer Based Learning). Multimedia interaktif merupakan contoh dari Computer Based Learning yang penggunaannya semakin banyak dalam bidang pembelajaran. Dengan menggunakan multimedia interaktif diharapkan pengguna dapat menyerap informasi dengan cepat dan efisien. Multimedia
interaktif dilengkapi dengan alat pengontrol yang dapat dioperasikan oleh pengguna, sehingga pengguna dapat memilih apa yang dikehendaki untuk proses selanjutnya. Dengan berkembangnya teknologi multimedia, unsur-unsur video, bunyi, teks dan grafik dapat dikemas menjadi satu melalui aplikasi multimedia interaktif sehingga proses belajar akan terasa lebih menarik dan lebih mudah untuk dicerna.
Berdasarkan hal tersebut diatas, maka penulis mengambil judul “RANCANG BANGUN APLIKASI HADITS ARBA’IN AN-NAWAWIYAH BERBASIS MULTIMEDIA”.
II. LANDASAN TEORI
2.1 Perangkat Lunak
Adapun beberapa definisi dari perangkat lunak, yaitu sebagai berikut [3]:
1. Perintah (program komputer) yang bila dieksekusi memberikan fungsi dan unjuk kerja seperti yang diinginkan.
2. Struktur data yang memungkinkan program memanipulasi informasi secara proporsional, dan 3. Dokumen yang menggambarkan operasi dan kegunaan program.
2.2 Hadits Arba’in An-Nawawiyah
Terjemah Hadits Arba’in An-Nawawiyah menjelaskan bahwa kitab ini adalah kumpulan dari 42 hadits yang memfokuskan pada hadits-hadits yang berkenaan dengan masalah ushuluddin (aqidah dan masalah yang prinsip dalam agama), yang dikarang oleh Imam An-Nawawi dan sebagian besar di ambil dari shahih Bukhari dan Muslim [2].
2.3 Multimedia
Menurut iwan binantomultimedia merupakan kombinasi teks, seni, suara, gambar, animasi, dan video yang disampaikan dengan komputer atau dimanipulasi secara digital dan dapat disampaikan dan dikontrol secara interaktif [1].
2.3 Metodelogi Pengembangan Perangkat Lunak
Menurut Sutopo (2003), yang berpendapat bahwa metodologi Pengembangan multimedia terdiri dari 6 tahapan, yaitu concept, design, material collecting, assembly, testing dan distribution seperti gambar di bawah ini: (http://iwanbinanto.com/2009/01/19/metode- pengembangan-multimedia/)
1. Concept - Tahap concept (konsep) adalah tahap untuk menentukan tujuan dan siapa pengguna program (identifikasi audience). Selain itu menentukan macam aplikasi (presentasi, interaktif, dll) dan tujuan aplikasi (hiburan, pelatihan, pembelajaran, dll).
2. Design - Design (perancangan) adalah tahap membuat spesifikasi mengenai arsitektur program, gaya, tampilan dan kebutuhan material/bahan untuk program.
3. Material Collecting - Material Collecting adalah tahap dimana pengumpulan bahan yang sesuai dengan kebutuhan dilakukan. Tahap ini dapat dikerjakan paralel dengan tahap assembly. Pada beberap kasus, tahap Material Collecting dan tahap Assembly akan dikerjakan secara linear tidak paralel.
4. Assembly - Tahap assembly (pembuatan) adalah tahap dimana semua objek atau bahan multimedia dibuat. Pembuatan aplikasi didasarkan pada tahap design.
5. Testing - Dilakukan setelah selesai tahap pembuatan (assembly) dengan menjalankan aplikasi/program dan dilihat apakah ada kesalahan atau tidak. Tahap ini disebut juga sebagai tahap pengujian alpha (alpha test) dimana pengujian dilakukan oleh pembuat atau lingkungan pembuatnya sendiri.
6. Distribution - Tahapan dimana aplikasi disimpan dalam suatu media penyimpanan. Pada tahap ini jika media penyimpanan tidak cukup untuk menampung aplikasinya, maka dilakukan kompresi terhadap aplikasi tersebut.
2.4 Adobe Flash CS3
Adobe Flash adalah program untuk membuat animasi dan aplikasi web profesional. Bukan hanya itu, Adobe Flash juga banyak digunakan untuk membuat game, animasi kartun, dan aplikasi multimedia interaktif seperti demo produk dan tutorial interaktif.
III. KERANGKA KERJA KONSEPTUAL
3.1 Metode Pengumpulan Data
Untuk menunjang dalam melakukan penelitian, maka dilakukan beberapa teknik pengumpulan data, yaitu sebagai berikut:
1. Teknik Wawancara 2. Studi Dokumentasi 3. Observasi
4. Studi Kepustakaan
3.2 Metode Pengembangan Sistem
Metodologi Pengembangan multimedia terdiri dari 6 tahapan, yaitu concept, design, material collecting, assembly, testing dan distribution seperti gambar di bawah ini [4]:
Gambar 1 : Tahapan Pengembangan Multimedia [1]
IV. HASIL DAN PEMBAHASAN
4.1 Concept
4.1.1 Tujuan Pembuatan Aplikasi
Materi – materi yang dibahas ini disesuaikan dengan Buku Terjemah Hadits Arba’in An- Nawawiyah karangan Imam An-Nawawi dan diterjemahkan oeleh Muhil Dofir, kemudian tujuan dibuatkannya aplikasi multimedia ini agar menarik minat dalam mempelajari hadits-hadits ini.
4.1.2 Identifikasi Pengguna
Berdasarkan uraian dari tujuan pembuatan aplikasi ini, maka pengguna dapat diidentifikasikan sebagai penerima informasi yang diberikan oleh software aplikasi ini, sehingga aplikasi harus mampu memberikan informasi yang didapat dan diterima oleh semua kalangan sebagai pengguna.
4.1.3 Bentuk Aplikasi
Adapun aplikasi yang akan dirancang yaitu berupa aplikasi Multimedia yang dapat menggabungkan komponen-komponen teks, gambar, suara dan animasi, yang mana aplikasi ini berisi materi-materi Hadits Arba’in An-Nawawiyah. Isi materi ini disesuaikan dengan buku Terjemah Hadits Arba’in An-Nawawiyah yang dikarang oleh Imam An-Nawawi dan diterjemahkan oleh Muhil Dofir, dimana materi-materi yang ditampilkan menggunakan komponen-komponen multimedia sehingga dapat memberikan informasi yang diinginkan oleh pengguna.
4.1.4 Spesifikasi Umum Aplikasi
Aplikasi yang dirancang menggunakan Adobe Flash CS3 yang terdiri dari beberapa menu, yang memvisualisasi materi Hadits Arba’in An-Nawawiyah. Adapun target yang ingin dicapai dalam pembuatan media pembelajaran ini adalah sebagai berikut :
1. Sistem pembelajaran lebih inovatif dan interaktif
2. Mampu menggabungkan antara teks, gambar, audio, dan animasi dalam satu kesatuan yang saling mendukung sehingga tercapai tujuan pembelajaran
3. Mampu mengoptimalkan penggunaan komputer atau laptop untuk kepentingan yang lebih positif.
4.2 Design
4.1.1 Perancangan Data Awal
Gambar 2 : Perancangan Data Awal 4.1.2 Bagan Alir Aplikasi
Gambar 3 : Struktur Navigasi Aplikasi 4.1.3 Storyboard (scenario)
1. Storyboard Layar Menu Utama
Gambar 4 : Storyboard Tampilan Menu Utama
STAR MENU UTAMA
HADITS ARBA'IN AN-NAWAWIYAH
kembali ? tidak SELESAI ya
Referensi
About
Modul : Layar Menu Utama Nama File : Menu Utama
Frame : 1
Gambar : Manusia, Mesjid Audio : Pembacaan Judul Teks : Berlin Sans FB (36) Animasi : Anak Berbicara Navigasi
Next : -
Back : -
Home : Kembali Ke Menu Utama
Referensi : Referensi Hadits About : Penjelasan Judul
Aplikasi Hadits Ar'bain : Kumpulan Hadits An-Nawawiyah
Exit : Keluar dari aplikasi
x Home Referensi About
Hadits Arba'in An- Nawariyah
Background dan Animasi
2. Storyboard Layar Hadits Arba’in An-Nawawiyah
Gambar 5 : Storyboard Tampilan Hadits Arba’in An-Nawawiyah 4.3 Material Collecting
1. Data Gambar
Gambar 6 : Diagram Proses Pembuatan Gambar Tabel 1 : Data Gambar
No Nama Gambar Ukuran Dimensi Size Gambar 1. mesjid.jpg 800 x 600 pixels 299 kb
2. manusia.jpg 800 x 600 pixels 72 kb 3. background.jpg 800 x 600 pixels 69 kb 4. buku.jpg 800 x 600 pixels 75 kb 5. background2.jpg 800 x 600 pixels 69 kb 6. Background3.jpg 800 x 600 pixels 88 kb
2. Data Suara
Gambar 7 : Diagram Proses Pembuatan File Suara
Modul : Layar About Nama File : About
Frame : 2
Gambar : Background2
Audio : -
Teks : Berlin Sans FB (36)
Animasi : -
Navigasi
Next : -
Back : -
Home : Kembali Ke Menu Utama Referensi : Referensi Hadits About : Penjelasan Judul
Aplikasi Exit : Keluar dari aplikasi
x Home Referensi About
1. Pahala Pekerjaan Ditentukan Niatnya 2. Pemahaman Iman, Islam dan Ihsan 3. Rukun Islam dan Faktor Fundamental Lainnya 4. Tahapan Penciptaan Manusia dan Amalan Terakhirnya 5. Menolak Kemunkaran dan Bid’ah
6. Halal dan Haram . . . 42. Luasnya ampunan Allah SWT
Data Gambar Pengambilan
Data Gambar
File Gambar hasil edit
File Gambar Mengedit
gambar
Input Proses Output
Data suara Merekam data suara
File Suara hasil edit
File Suara Mengedit Suara
Input Proses Output
Tabel 2 : Data Suara No Suara Type
Suara Durasi Scene Pengisi
Suara 1 Opening Mp3 0 : 12 detik Tampilan Awal Savitri 2 Hadits_01 Mp3 1 : 19 detik Hadits ke 1 Muhil Dofir 3 Hadits_02 Mp3 2 : 43 detik Hadits ke 2 Muhil Dofir 4 Hadits_03 Mp3 0 : 45 detik Hadits ke 3 Muhil Dofir 5 Hadits_04 Mp3 1 : 24 detik Hadits ke 4 Muhil Dofir 6 Hadits_05 Mp3 0 : 39 detik Hadits ke 5 Muhil Dofir 7 Hadits_06 Mp3 1 : 15 detik Hadits ke 6 Muhil Dofir 8 Hadits_07 Mp3 0 : 37 detik Hadits ke 7 Muhil Dofir 9 Hadits_08 Mp3 0 : 47 detik Hadits ke 8 Muhil Dofir 10 Hadits_09 Mp3 0 : 40 detik Hadits ke 9 Muhil Dofir 11 Hadits_10 Mp3 1 : 14 detik Hadits ke 10 Muhil Dofir 12 Hadits_11 Mp3 0 : 40 detik Hadits ke 11 Muhil Dofir 13 Hadits_12 Mp3 0 : 30 detik Hadits ke 12 Muhil Dofir 14 Hadits_13 Mp3 0 : 32 detik Hadits ke 13 Muhil Dofir 15 Hadits_14 Mp3 0 : 45 detik Hadits ke 14 Muhil Dofir 16 Hadits_15 Mp3 0 : 40 detik Hadits ke 15 Muhil Dofir 17 Hadits_16 Mp3 0 : 29 detik Hadits ke 16 Muhil Dofir 18 Hadits_17 Mp3 0 : 40 detik Hadits ke 17 Muhil Dofir 19 Hadits_18 Mp3 0 : 43 detik Hadits ke 18 Muhil Dofir 20 Hadits_19 Mp3 1 : 20 detik Hadits ke 19 Muhil Dofir 21 Hadits_20 Mp3 0 : 32 detik Hadits ke 20 Muhil Dofir 22 Hadits_21 Mp3 0 : 39 detik Hadits ke 21 Muhil Dofir 23 Hadits_22 Mp3 0 : 52 detik Hadits ke 22 Muhil Dofir 24 Hadits_23 Mp3 0 : 56 detik Hadits ke 23 Muhil Dofir 25 Hadits_24 Mp3 2 : 38 detik Hadits ke 24 Muhil Dofir 26 Hadits_25 Mp3 1 : 27 detik Hadits ke 25 Muhil Dofir 27 Hadits_26 Mp3 0 : 52 detik Hadits ke 26 Muhil Dofir 28 Hadits_27 Mp3 1 : 08 detik Hadits ke 27 Muhil Dofir 29 Hadits_28 Mp3 1 : 10 detik Hadits ke 28 Muhil Dofir 30 Hadits_29 Mp3 2 : 07 detik Hadits ke 29 Muhil Dofir 31 Hadits_30 Mp3 0 : 45 detik Hadits ke 30 Muhil Dofir 32 Hadits_31 Mp3 0 : 46 detik Hadits ke 31 Muhil Dofir 33 Hadits_32 Mp3 0 : 42 detik Hadits ke 32 Muhil Dofir 34 Hadits_33 Mp3 0 : 42 detik Hadits ke 33 Muhil Dofir 35 Hadits_34 Mp3 0 : 36 detik Hadits ke 34 Muhil Dofir 36 Hadits_35 Mp3 1 : 00 detik Hadits ke 35 Muhil Dofir 37 Hadits_36 Mp3 1 : 23 detik Hadits ke 36 Muhil Dofir 38 Hadits_37 Mp3 1 : 08 detik Hadits ke 37 Muhil Dofir 39 Hadits_38 Mp3 1 : 03 detik Hadits ke 38 Muhil Dofir 40 Hadits_39 Mp3 0 : 35 detik Hadits ke 39 Muhil Dofir 41 Hadits_40 Mp3 0 : 49 detik Hadits ke 40 Muhil Dofir
42 Hadits_41 Mp3 0 : 33 detik Hadits ke 41 Muhil Dofir 43 Hadits_42 Mp3 1 : 00 detik Hadits ke 42 Muhil Dofir 3. Data Animasi
Gambar 8 : Diagram Proses Pembuatan File Animasi 4. Data Teks
Gambar 9 : Diagram Proses Pembuatan File Teks Tabel 3 : Format Teks
No Nama Teks Ukuran Scene
1. Berlin Sans FB 36 Tampilan Awal
2. Times New Roman 12 Hadits - Hadits 4.4 Assembly
4.4.1 Implementasi Aplikasi Hadits Arba’in An-Nawawiyah Berbasis Multimedia
Tahap Implementasi meliputi pembuatan data awal (berupa file gambar, suara dan animasi) dan produksi tahap akhir sesuai dengan hasil kegiatan perancangan sistem yang telah dilakukan sebelumnya, setelah pembuatan data awal dan produksi tahap akhir selesai dilakukan, maka diteruskan pada tahap evaluasi, apakah hasil implementasi tadi telah sesuai dengan kebutuhan pengguna dan jika ternyata hasilnya belum sempurna maka terus dilakukan perbaikan-perbaikan sampai akhirnya hasil perancangan aplikasi ini layak untuk dipakai.
4.4.2 Langkah Implementasi
Data yang ada Pembuatan
Animasi
File Animasi hasil edit
File Animasi Mengedit
Animasi
Input Proses Output
Data teks Pengambilan data dan pengeditan teks
File Teks hasil edit
Input Proses Output
Gambar 10 : Langkah Implementasi
4.4.3 Proses Implementasi untuk Aplikasi Hadits Arba’in An-Nawawiyah 1. Proses Implementasi Gambar
Untuk file gambar dihasilkan dari internet dan diolah dengan menggunakan adobe photoshop dan diexport menjadi file image.jpg, file image.jpg ini diimport kedalam Adobe Flash CS3.
Berikut ini hasil akhir komponen gambar hasil pengolahan:
Gambar 11 : File yang sudah dibuka
Data-data
Pembuatan file gambar, teks, suara dan animasi
Pengeditan file gambar, teks, suara dan animasi
Aplikasi Hadits Arba'in An- Nawawiyah
Evaluasi
tidak sesuai ?
Aplikasi Hadits Arba'in An-Nawawiyah
ya Start
2. Proses Implementasi Animasi 1. Pengambilan file yang sudah dibuat
Gambar 12 : Proses pengambilan gambar
2. Masukkan gambar kedalam tool macromedia flash dan kemudian melakukan proses pembuatan animasi.
a. Tempatkan objek pada posisi awal untuk memulai proses pembuatan animasi
Gambar 13 : Objek pada posis awal untuk memulai proses pembuatan animasi b. Insert keyframe baru pada layer yang sama
Gambar 14 : Insert Keyframe
c. Tambahkan layer baru untuk membuat animasi mata berkedip dan kemudian insert keyframe untuk memulai membuat animasi
Gambar 15: Insert Layer baru
3. Proses Implementasi Suara
Gambar 16 : Proses pembuatan dan pengeditan suara 4. Proses Implementasi Teks
Gambar 17 : Proses Pembuatan file teks untuk penjelasan 5. Proses Produksi Tahap Akhir
Gambar 18 : Proses Produksi Tahap Akhir 6. Proses Berjalannya Aplikasi
Gambar 19 : Proses Berjalannya Aplikasi 4.5 Testing
4.4.1 Pengujian Alpha
Dibawah ini merupakan tahapan dari pengujian fungsional yang dilakukan dengan BlackBox Testing
Tabel 4 : Pengujian
Data Masukan Yang diharapkan Pengamatan Kesimpulan Menu Utama Menampilkan menu
materi
Tampil teks, gambar, suara dan animasi
Berhasil Hadits Arba’in
An-Nawawiyah
Menampilkan 42 hadits yang dibahas
Tampil teks, gambar,
dan suara Berhasil
Referensi Menampilkan konten yang dibahas
Tampil teks dan
gambar Berhasil
Suara Adobe Audition
3.0 Sound Instrumen
Buku Terjemahan Hadits Arba'in An-Nawawiyah
Sumber lain dari media internet
Microsoft Word
Gambar
Adobe Flash CS3
Teks Suara Animasi
Aplikasi Hadits Arba'in An-Nawawiyah
Gambar
Aplikasi Hadits Arba'in An-Nawawiyah
Teks Suara Animasi User
About Menampilkan konten yang dibahas
Tampil teks dan
gambar Berhasil
Berikut ini adalah tampilan yang berhasil dari Aplikasi Hadits Arba’in An-Nawawiyah.
Gambar 20 : Tampilan Menu Utama
V. KESIMPULAN
Berdasarkan kajian, tinjauan teori yang dimiliki, serta dari hasil analisis dan perancangan terhadap Hadits Arba’in An-Nawawiyah, kesimpulan yang dapat diambil yaitu :
1. Dengan menggunakan multimedia interaktif pengguna dapat menyerap informasi dengan cepat dan efisien.
2. Aplikasi Hadits Arba’in An-nawawiyah yang dihasilkan yaitu dengan tampilan animasi gerak di tampilan awal dan suara disetiap bacaan al-qur’an dan hadist.
3. Perangkat lunak (Software) pendukung yang digunakan yaitu Adobe Flash CS3, EdrawMax, Adobe Photoshop.
DAFTAR PUSTAKA
[1] I. Binato, Multimedia Digital Dasar Teori Pengembangannya, Yogyakarta: Andi, 2010.
[2] An-Nawawi, Terjemah Hadits Arba’in An-Nawawiyah, Jakarta: Al-I’tishom Cahaya Umat, 2001.
[3] R. S. Pressman, Rekayasa Perangkat Lunak: Pendekatan Praktisi (Buku Satu), Yogyakarta:
Andi, 2002.
[4] A. H. Sutopo, Multimedia Interaktif Dengan Flash, Yogyakarta: Graha Ilmu, 2003.
