RANCANG BANGUN APLIKASI HADITS ARBA IN AN-NAWAWIYAH BERBASIS MULTIMEDIA

dokumen-dokumen yang mirip
RANCANG BANGUN APLIKASI HADITS ARBA IN AN-NAWAWIYAH BERBASIS MULTIMEDIA

PERANCANGAN APLIKASI MEDIA PEMBELAJARAN PENDIDIKAN LINGKUNGAN HIDUP UNTUK SISWA KELAS VI SEKOLAH DASAR BERBASIS ANDROID

BAB I PENDAHULUAN. 1.1 Latar Belakang. Perkembangan teknologi komputer saat ini mendorong semua aktivitas

RANCANG BANGUN MEDIA PEMBELAJARAN INTERAKTIF AUTODESK 3DSTUDIO MAX MENGGUNAKAN METODOLOGI PENGEMBANGAN MULTIMEDIA VERSI LUTHER-SUTOPO

BAB 1 PENDAHULUAN. 1.1 Latar Belakang

BAB I PENDAHULUAN 1.1 LATAR BELAKANG

PENGEMBANGAN APLIKASI PENGENALAN KESENIAN DAERAH INDONESIA SEBAGAI MEDIA PEMBELAJARAN BERBASIS ANDROID

PENGEMBANGAN APLIKASI PENGENALAN DASAR BAHASA ISYARAT SEBAGAI MEDIA PEMBELAJARAN BERBASIS ANDROID

RANCANG BANGUN APLIKASI PENGENALAN DASAR BAHASA ARAB SEBAGAI MEDIA PEMBELAJARAN BERBASIS MULTIMEDIA

PERANCANGAN APLIKASI FIQIH NIKAH DAN TALAK MENURUT MAZHAB IMAM SYAFI I BERBASIS ANDROID

Rancang Bangun Aplikasi Ibadah Dzikir Dan Doa Harian Berbasis Android

Aplikasi Pembelajaran Panca Indra Pada Manusia Berbasis Android APLIKASI PEMBELAJARAN PANCA INDRA PADA MANUSIA BERBASIS ANDROID

BAB 1 PENDAHULUAN 1.1 Latar Belakang

BAB I PENDAHULUAN. 1.1 Latar Belakang Masalah

Metodologi Pengembangan Multimedia. Teori Multimedia

PERANCANGAN GAME BENAR ATAU SALAH SEBAGAI MEDIA PEMBELAJARAN KOMPUTER BERBASIS ANDROID (Studi Kasus : SMK Miftahul Huda Rawalo)

BAB I PENDAHULUAN. Berdasarkan uraian yang telah di sampaikan sebelumnya, maka masalah yang akan berusaha di jawab dalam tugas akhir ini adalah :

PENGEMBANGAN MEDIA PEMBELAJARAN INTERAKTIF (STUDI KASUS MATA PELAJARAN ILMU PENGETAHUAN SOSIAL) SEBAGAI PENDUKUNG PEMBELAJARAN DI SEKOLAH LUAR BIASA

1-1 BAB 1 PENDAHULUAN

BAB I PENDAHULUAN. 1.1 Latar Belakang Masalah

BAB 1 PENDAHULUAN 1-1

BAB 1 PENDAHULUAN. 1.1 Latar Belakang

BAB I PENDAHULUAN 1.1 Latar Belakang

BAB I PENDAHULUAN. 1.1 Latar belakang

PENGEMBANGAN APLIKASI NILAI-NILAI PENDIDIKAN KARAKTER DALAM KITAB AL-AKHLAQ LIL BANIN BERBASIS ANDROID

PENGEMBANGAN APLIKASI KOMIK HADITS BERBASIS MULTIMEDIA

Media Pembelajaran Teori Organisasi Umum Berbasis Multimedia (Studi Kasus STMIK Duta Bangsa Surakarta)

Mobile Learning Menulis Dikte Stenografi Untuk Kelas X Administrasi Perkantoran di SMK Swagaya 1 Purwokerto

BAB I PENDAHULUAN 1.1 LATAR BELAKANG

1. Bagaimana cara memvisualisasikan materi pada aplikasi pembelajaran procedure & function

BAB II LANDASAN TEORI

PENGEMBANGAN MEDIA PEMBELAJARAN MERAJUT TEKNIK KNITTING MENGGUNAKAN SISTEM MULTIMEDIA BERBASIS DESKTOP

BAB 1 PENDAHULUAN 1.1. Latar Belakang

BAB III ANALISA DAN PERANCANGAN

PERANCANGAN APLIKASI MEDIA PEMBELAJARAN FISIKA UNTUK SMP KELAS VII BERBASIS ANDROID

1.6 Sistematika Penulisan Dalam penulisan tugas akhir ini digunakan susunan bab sebagai berikut:

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB I PENDAHULUAN 1.1 Latar Belakang

BAB I PENDAHULUAN. 1.1 Latar Belakang

APLIKASI PUZZLE DENGAN BENTUK POTONGAN ACAK BERBASIS FLASH. Ragil Setyawan, Felix Andreas Sutanto, Jeffri Alfa Razaq. Abstrak

APLIKASI BERBASIS MULTIMEDIA UNTUK PENGENALAN SANDI HELEN KELLER

APLIKASI MULTIMEDIA PEMBELAJARAN RAMBU LALU LINTAS BERBASIS ANDROID

Rancang Bangun Game Pertempuran Lakon Wayang Sebagai Sarana Pengenalan Tokoh Pewayangan Indonesia

BAB I PENDAHULUAN. Biasanya tes ini memakan waktu sekitar tiga jam dan diselenggarakan dalam 3 bagian, yaitu bagian:

RANCANG BANGUN APLIKASI PENGOLAHAN SURAT PERNYATAAN MASIH MENGAJAR DI LEMBAGA PENDIDIKAN MA ARIF GARUT

Pengembangan Aplikasi Tata Cara Wudhu Dan Shalat Untuk Anak Menggunakan Sistem Multimedia

BAB I PENDAHULUAN. dini, anak-anak sudah diajarkan dasar-dasar cara belajar. Kegiatan belajar di PAUD

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB II TINJAUAN PUSTAKA. melaksanakan permintaan pengguna dengan tujuan tertentu. Sedangkan menurut

METODE PENGEMBANGAN PERANGKAT LUNAK BERBASIS MULTIMEDIA. Oleh: Eka Wahyu Hidayat 1

BAB I PENDAHULUAN 1.1 Latar Belakang

Game Edukatif Pengenalan Alat Transportasi untuk Anak

BAB I PENDAHULUAN. 1.1 Latar Belakang

BAB I PENDAHULUAN. majunya teknologi komputer. Teknologi multimedia merupakan salah satu contoh

BAB I PENDAHULUAN. 1.1 Latar Belakang

BAB III METODOLOGI PENELITIAN

BAB I PENDAHULUAN. 1.1 Latar Belakang

PENGEMBANGAN KARTU NAMA MULTIMEDIA

BAB III ANALISA DAN PERANCANGAN

BAB I PENDAHULUAN 1.1 Pendahuluan


BAB 1 PENDAHULUAN 1-1

APLIKASI MEDIA CERITA KISAH TELADAN NABI BERBASIS ANDROID. Gema Ade, Sri Setyaningsih, Irma Anggraeni.

BAB I PENDAHULUAN 1.1. Latar Belakang

RANCANG BANGUN MEDIA PENGENALAN SUSUNAN TATA SURYA. Oleh :

BAB I PENDAHULUAN. 1.1 Latar belakang

APLIKASI SIMULASI BERBASIS MULTIMEDIA UNTUK MEKANIKA FLUIDA PADA FISIKA

BAB I PENDAHULUAN 1.1 Latar Belakang struktur data FIFO

PENGEMBANGAN APLIKASI TATA CARA WUDHU DAN SHALAT UNTUK ANAK MENGGUNAKAN SISTEM MULTIMEDIA


BAB 1 PENDAHULUAN 1.1 Latar Belakang

BAB I PENDAHULUAN 1.1 LATAR BELAKANG

PENGEMBANGAN SISTEM MULTIMEDIA PEMBELAJARAN IQRO MENGGUNAKAN METODE LUTHER

MULTIMEDIA PEMBELAJARAN BAHASA INDONESIA UNTUK MAHASISWA BERBASIS ANIMASI

PENGEMBANGAN FITUR PROFIL DAN KOMENTAR UNTUK SISTEM INFORMASI FASILITAS SOSIAL KABUPATEN GARUT

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III ANALISA DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN

APLIKASI PEMBELAJARAN BAHASA ISYARAT BAGI PENYANDANG TUNA RUNGU BERBASIS ANDROID DENGAN METODE BISINDO

Pengembangan Aplikasi Komik Hadis Berbasis Android

APLIKASI PEMBELAJARAN VOLUME BANGUN RUANG GEOMETRI MATEMATIKA BERBASIS MULTIMEDIA 3 DIMENSI

Bab 3 METODE PENELITIAN

MEDIA PEMBELAJARAN KETRAMPILAN UKIR UNTUK KELAS VII PADA SMP N 3 WELAHAN BERBASIS MULTIMEDIA

BAB II LANDASAN TEORI

BAB 1 PENDAHULUAN. 1.1 Latar Belakang

PENGEMBANGAN PAPAN INFORMASI DIGITAL UNTUK MENYIARKAN ULANG INFORMASI YANG DITERBITKAN PADA SITUS WEBSITE

Bab 3. Metodologi Perancangan

Aplikasi Panduan Belajar Pengenalan Sistem Pencernaan Manusia menggunakan Objek 3D Berbasis Multimedia untuk Tahap SD

(Studi Kasus : SMA Muhammadiyah 8 )

PENGEMBANGAN APLIKASI TUNTUNAN SHALAT MALAM MENGGUNAKAN SISTEM MULTIMEDIA

BAB I PENDAHULUAN. 1.1 Latar Belakang

KATALOG RUMAH DAN RUKO SEBAGAI MEDIA PROMOSI INTERAKTIF PT MULTI DECORIMA UTAMA BERBASIS MULTIMEDIA

BAB I PENDAHULUAN. 1.1 Latar Belakang

BAB I PENDAHULUAN. seperti kita kenal ada Karawitan Jawa, Karawitan Sunda, dan Karawitan Bali serta

PENGEMBANGAN APLIKASI PENGENALAN FIQIH DARAH WANITA DENGAN MENGGUNAKAN SISTEM MULTIMEDIA

RANCANG BANGUN APLIKASI PENGOLAHAN SURAT IZIN PERCERAIAN BAGI PEGAWAI NEGERI PADA KEPOLISIAN NEGARA REPUBLIK INDONESIA DI POLRES GARUT

BAB I PENDAHULUAN. (bersuci) terlebih dahulu seperti berwudhu. Wudhu adalah sebuah syariat

PENDAHULUAN Latar Belakang Masalah Dalam kehidupan sehari-hari kita selalu menggunakan bahasa sebagai media untuk melakukan pecakapan kepada orang lai

SNIPTEK 2014 ISBN: ANIMASI INTERAKTIF SEBAGAI MEDIA PEMBELAJARAN YANG MENARIK

memilih apa yang akan dikerjakan selanjutnya, bertanya dan memberikan jawaban

Transkripsi:

RANCANG BANGUN APLIKASI HADITS ARBA IN AN-NAWAWIYAH BERBASIS MULTIMEDIA Savitri Banurani 1, Bunyamin 2 Jurnal Algoritma Sekolah Tinggi Teknologi Garut Jl. Mayor Syamsu No. 1 Jayaraga Garut 44151 Indonesia Email : jurnal@sttgarut.ac.id 1 1106108@sttgarut.ac.id 2 sukses651@gmail.com Abstrak Muhil Dhofir (2001:4) 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 (Iwan Binanto, 2010 : 259). 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. (Muhil Dhofir, 2001: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

ISSN : 2302-7339 Vol. 12 No. 1 2015 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 (Pressman, 2002: 10): 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 Muhil Dhofir (2001:4) 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. 2.3 Multimedia Menurut iwan binanto (2010 : 2 ) multimedia merupakan kombinasi teks, seni, suara, gambar, animasi, dan video yang disampaikan dengan komputer atau dimanipulasi secara digital dan dapat disampaikan dan dikontrol secara interaktif. 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/metodepengembangan-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. http://jurnal.sttgarut.ac.id 2

Jurnal Algoritma Sekolah Tinggi Teknologi Garut 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 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/metodepengembangan-multimedia/) Gambar 1 : Tahapan Pengembangan Multimedia 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, 3 2015 Jurnal STT-Garut All Right Reserved

ISSN : 2302-7339 Vol. 12 No. 1 2015 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 4.1.2 Bagan Alir Aplikasi Gambar 2 : Perancangan Data Awal STAR MENU UTAMA HADITS ARBA'IN AN-NAWAWIYAH ya Referensi kembali? tidak SELESAI About 4.1.3 Storyboard (scenario) 1. Storyboard Layar Menu Utama Gambar 3 : Struktur Navigasi Aplikasi 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 Home Referensi About Hadits Arba'in An- Nawariyah Background dan Animasi Gambar 4 : Storyboard Tampilan Menu Utama x 2. Storyboard Layar Referensi http://jurnal.sttgarut.ac.id 4

Jurnal Algoritma Sekolah Tinggi Teknologi Garut Modul : Layar Referensi Nama File : Referensi Frame : 2 Gambar : Background, Buku 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 Home Referensi About Terjemah Hadits Arba in An- Nawawiyah Pengarang : Imam An-Nawawi Penerjemah : Muhil Dofir x Gambar 5 : Storyboard Tampilan Referensi 3. Storyboard Layar About 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 Home Referensi About Aplikasi Hadits Arba in An-Nawawiyah Dibuat oleh : Savitri Banurani (1106108) SEKOLAH TINGGI TEKNOLOGI GARUT 2015 Gambar 6 : Storyboard Tampilan About x 4. Storyboard Layar Hadits Arba in An-Nawawiyah Modul : Layar About Nama File : About Frame : 2 Home Referensi About Gambar : Background2 Audio : - 1. Pahala Pekerjaan Ditentukan Niatnya Teks : Berlin Sans FB (36) 2. Pemahaman Iman, Islam dan Ihsan Animasi : - Navigasi 3. Rukun Islam dan Faktor Fundamental Lainnya Next : - 4. Tahapan Penciptaan Manusia dan Amalan Terakhirnya Utama Back : - Home : Kembali Ke Menu 5. Menolak Kemunkaran dan Bid ah 6. Halal dan Haram Referensi : Referensi Hadits... About : Penjelasan Judul Aplikasi 42. Luasnya ampunan Allah SWT Exit : Keluar dari aplikasi x Gambar 7 : Storyboard Tampilan Hadits Arba in An-Nawawiyah 4.3 Material Collecting 1. Data Gambar Input Proses Output Data Gambar Pengambilan Data Gambar File Gambar hasil edit File Gambar Mengedit gambar Gambar 8 : Diagram Proses Pembuatan Gambar Tabel 1 : Data Gambar No Nama Gambar Ukuran Dimensi Size Gambar 5 2015 Jurnal STT-Garut All Right Reserved

ISSN : 2302-7339 Vol. 12 No. 1 2015 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 Input Proses Output Data suara Merekam data suara File Suara hasil edit File Suara Mengedit Suara Gambar 9 : Diagram Proses Pembuatan File Suara Tabel 2 : Data Suara No Suara Type Pengisi Durasi Scene Suara 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 http://jurnal.sttgarut.ac.id 6

Jurnal Algoritma Sekolah Tinggi Teknologi Garut 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 Input Proses Output Data yang ada Pembuatan Animasi File Animasi hasil edit File Animasi Mengedit Animasi Gambar 10 : Diagram Proses Pembuatan File Animasi 4. Data Teks Input Proses Output Data teks Pengambilan data dan pengeditan teks File Teks hasil edit Gambar 11 : 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 7 2015 Jurnal STT-Garut All Right Reserved

ISSN : 2302-7339 Vol. 12 No. 1 2015 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 Start Data-data Pembuatan file gambar, teks, suara dan animasi Pengeditan file gambar, teks, suara dan animasi Aplikasi Hadits Arba'in An- Nawawiyah Evaluasi sesuai? tidak ya Aplikasi Hadits Arba'in An-Nawawiyah Gambar 12 : 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 proses pengeditan gambar : 1. Pengambilan file yang sudah ada dalam komputer 2. Buka tool adobe photochop untuk pengeditan gambar 3. Buka file yang akan diedit Gambar 13 : Tool Adobe Photoshop CS3 Gambar 14 : Buka File http://jurnal.sttgarut.ac.id 8

Jurnal Algoritma Sekolah Tinggi Teknologi Garut 4. Gambar yang dibuka 2. Proses Implementasi Animasi 1. Pengambilan file yang sudah dibuat Gambar 15 : File yang sudah dibuka Gambar 16 : Proses pengambilan gambar 2. Masukkan gambar kedalam tool macromedia flash dan kemudian melakukan proses pembuatan animasi. 3. Adapun proses pembuatan animasinya adalah sebagai berikut a. Buka Adobe Flash CS3 b. Pilih Flash File (ActionScript 2.0) Gambar 17 : Click icon Adobe Flash CS3 Gambar 18 : Pilih Flash File (ActionScript 2.0) 9 2015 Jurnal STT-Garut All Right Reserved

ISSN : 2302-7339 Vol. 12 No. 1 2015 c. Import file gambar yang akan dibuat animasi ke Library Gambar 19 : Proses Import file d. Tempatkan objek pada posisi awal untuk memulai proses pembuatan animasi Gambar 20 : Objek pada posis awal untuk memulai proses pembuatan animasi e. Insert keyframe baru pada layer yang sama Gambar 21 : Insert Keyframe f. Tambahkan layer baru untuk membuat animasi mata berkedip dan kemudian insert keyframe untuk memulai membuat animasi Gambar 22 : Insert Layer baru http://jurnal.sttgarut.ac.id 10

Jurnal Algoritma Sekolah Tinggi Teknologi Garut g. Percobaan menjalankan animasi Gambar 23 : Menjalankan Animasi 3. Proses Implementasi Suara Suara Adobe Audition 3.0 Sound Instrumen 4. Proses Implementasi Teks Gambar 24 : Proses pembuatan dan pengeditan suara Buku Terjemahan Hadits Arba'in An-Nawawiyah Microsoft Word 5. Proses Produksi Tahap Akhir Gambar 25 : Proses Pembuatan file teks untuk penjelasan Gambar Sumber lain dari media internet Animasi Suara Adobe Flash CS3 Aplikasi Hadits Arba'in An-Nawawiyah Teks Gambar 26 : Proses Produksi Tahap Akhir 6. Proses Berjalannya Aplikasi Gambar User Aplikasi Hadits Arba'in An-Nawawiyah Animasi Suara Gambar 27 : Proses Berjalannya Aplikasi 4.5 Testing 4.4.1 Pengujian Alpha Dibawah ini merupakan tahapan dari pengujian fungsional yang akan dilakukan, yaitu : Teks 11 2015 Jurnal STT-Garut All Right Reserved

ISSN : 2302-7339 Vol. 12 No. 1 2015 1. Rencana Pengujian Tabel 4 : Rencana Pengujian No Fitur Jenis Pengujian 1 Menu Utama Black Box 2 Hadits Arba in An-Nawawiyah Black Box 3 Referensi Black Box 4 About Black Box 2. Hasil Pengujian Tabel 5 : Pengujian Data Masukan Yang diharapkan Pengamatan Kesimpulan Tampil teks, Menampilkan menu Menu Utama gambar, suara dan Berhasil materi animasi Hadits Arba in Menampilkan 42 hadits Tampil teks, gambar, Berhasil An-Nawawiyah yang dibahas dan suara Menampilkan konten Tampil teks dan Referensi Berhasil About yang dibahas Menampilkan konten yang dibahas gambar Tampil teks dan gambar Berhasil Berikut ini adalah tampilan yang berhasil dari Aplikasi Hadits Arba in An-Nawawiyah. 1. Menu Utama Berikut ini adalah contoh hasil testing menu utama media pembelajaran Gambar 28 : Tampilan Menu Utama 2. Hasil Testing Hadits Arba in An-Nawawiyah Berikut ini adalah daftar isi dari menu Hadits Arba in An-Nawawiyah. Gambar 29 : Tampilan Menu Hadits Arba in An-Nawawiyah 1-30 http://jurnal.sttgarut.ac.id 12

Jurnal Algoritma Sekolah Tinggi Teknologi Garut Gambar 30 : Tampilan Menu Hadits Arba in An-Nawawiyah 31-42 3. Hasil Testing Menu Referensi Berikut ini adalah tampilan referensi. 4. Hasil Testing Menu About Berikut ini adalah tampilan about. Gambar 31 : Tampilan Menu Referensi Gambar 32 : Tampilan Menu About 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. 13 2015 Jurnal STT-Garut All Right Reserved

ISSN : 2302-7339 Vol. 12 No. 1 2015 3. Perangkat lunak (Software) pendukung yang digunakan yaitu Adobe Flash CS3, EdrawMax, Adobe Photoshop. DAFTAR PUSTAKA [1] An-Nawawi, Imam, Terjemah Hadits Arba in An-Nawawiyah, Al-I tishom Cahaya Umat, Jakarta, 2001. [2] Penelitian Sebelumnya, http://www.academia.edu/7903531/laporan TUGAS AKHIR APLIKASI HADIS ARBAIN AN-NAWAWI BERBASIS ANDROID SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER EL RAHMA YOGYAKARTA 2013 diakses pada tanggal 10 Mei 2015 [3] Metodelogi Pengembangan, http://iwanbinanto.com/2009/01/19/metode-pengembanganmultimedia/ diakses pada tanggal 10 Mei 2015 [4] Pressman, Roger S. Ph.D. Rekayasa Perangkat Lunak: Pendekatan Praktisi (Buku Satu). Andi, Yogyakarta, 2002. [5] Bin Ladjamudin, Al-Bahra, Manajemen Sistem Informasi, Gramedia Pustaka Utama, Jakarta, 2005. [6] Edraw Max, http://ad4msan.com/edraw-max-software-pembuat-diagram, diakses pada tanggal 01 Oktober 2014. [7] Simarmata, Janner, Basis Data, Andi Offset: Yogyakarta, 2006. [8] Sutopo, Ariesto Hadi, Multimedia Interaktif Dengan Flash, Graha Ilmu, Yogyakarta, 2003 http://jurnal.sttgarut.ac.id 14