PENGEMBANGAN MEDIA PEMBELAJARAN INTERAKTIF ASMAUL HUSNA BERBASIS ADOBE FLASH PROFESIONAL CS5 DI KELAS X SMA NEGERI 1 CAWAS KLATEN SKRIPSI Diajukan untuk memenuhi salah satu syarat guna untuk memperoleh gelar Sarjana Pendidikan (S. Pd) Strata Satu pada Fakultas Agama Islam (FAI) Program Studi Pendidikan Agama Islam (PAI) Universitas Muhammadiyah Yogyakarta Oleh : Muh Ali Nugroho NPM: 20120720102 FAKULTAS AGAMA ISLAM PRODI PENDIDIKAN AGAMA ISLAM UNIVERSITAS MUHAMMADIYAH YOGYAKARTA 2016 i
PERNYATAAN Yang bertanda tangan di bawah ini : Nama Mahasiswa : Muh Ali Nugroho NPM : 20120720102 Program Studi : Pendidikan Agama Islam (Tarbiyah) Dengan ini saya menyatakan bahwa skripsi ini merupakan karya saya sendiri dan belum pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang sepengatuan saya dalam skripsi ini tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali secara tertulis diacu dalam naskah inidan disebutkan dalam daftar pustaka. Yogyakarta, 13 Desember 2016 Yang membuat pernyataan, Muh Ali Nugroho NPM. 20120720102 ii
MOTTO Artinya: Kamu sekalian (umat Muhammad) adalah sebaik-baik umat yang dilahirkan untuk kepentingan manusia, kamu menyuruh melakukan kebaikan dan melarang berbuat kejahatan dan beriman kepada Allah. (Q.S. Ali- Imran/ 3: 110) iii
PERSEMBAHAN Skripsi ini saya persembahkan kepada kedua orang tua saya ibu Sumarmi dan bapak Anwari, Almamater saya dan teman-teman saya Fakultas Agama Islam angkatan 2012. iv
DAFTAR ISI JUDUL... i PERSETUJUAN... ii PENGESAHAN... iii PERNYATAAN... iv NOTA DINAS... v MOTTO... vi PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI... x DAFTAR TABEL... xiii DAFTAR GAMBAR... xiv ABSTRAK... xiv BAB I. PENDAHULUAN... 1 A. Latar Belakang Masalah... 1 B. Rumusan Masalah... 6 C. Tujuan Penelitian... 7 D. Manfaat Penelitian... 7 E. Spesifikasi Produk yang Dikembangkan... 8 F. Asumsi dan Batasan Pengembangan... 8 G. Sistematika Pembahasan... 9 BAB II. TINJAUAN DAN KERANGKA TEORI... 9 A. Tinjauan Pustaka... 10 B. Landasan Teori... 16 v
1. Media Pembelajaran Interaktif... 16 2. Pendidikan Agama Islam... 21 3. Adobe Flash Professional CS5... 23 4. Asmaul Husna... 26 BAB III. METODE PENELITIAN... 30 A. Jenis Penelitian... 30 B. Pendekatan Penelitian... 32 C. Lokasi dan Subjek Penelitian... 33 D. Teknik Pengumpulan Data... 33 E. Teknik Analisis Data... 42 BAB IV. HASIL PENELITIAN DAN PEMBAHASAN... 45 A. Gambaran Umum Lokasi Penelitian... 45 1. Letak Geografis... 45 2. Sejarah Berdirinya SMA Negeri 1 Cawas Klaten... 45 3. Guru dan karyawan SMA Negeri 1 Cawas Klaten... 47 4. Siswa SMA Negeri 1 Cawas Klaten... 51 5. Visi, Misi dan Tujuan SMA Negeri 1 Cawas Klaten... 53 6. Mata Pelajaran di SMA Negeri 1 Cawas Klaten... 56 B. Pembahasan Hasil Penelitian... 58 1. Diskripsi Data Penelitian... 58 2. Diskripsi Subjek Penelitian... 59 3. Deskripsi Pelaksanaan Penelitian... 59 C. Hasil dan Pembahasan... 60 1. Pra Penelitian... 60 2. Mengumpulkan Informasi... 60 vi
3. Desain Awal Produk... 61 4. Desain Tampilan Produk... 63 5. Pembuatan Produk... 70 6. Uji Coba Produk... 80 7. Validasi Produk... 81 8. Revisi Produk... 82 9. Uji Kelayakan Produk... 85 10. Pembuatan Produk Masal... 86 BAB V. PENUTUP... 88 A. Kesimpulan... 88 B. Saran... 89 DAFTAR PUSTAKA... 92 LAMPIRAN... 94 vii
DAFTAR TABEL Tabel 3.1 Kisi- kisi instrumen uji kelayakan media pembelajaran... 38 Tabel 3.2 Kisi- kisi instrumen uji kelayakan materi... 39 Tabel 3.3 Kisi- kisi instrumen uji kelayakan peer review... 40 Tabel 3.4 Kisi- kisi instrumen uji kelayakan untuk siswa dan guru... 41 Tabel 3.5 Aturan Pemberian Skala... 43 Tabel 3.6 Skala Kesesuaian Produk... 44 Tabel 4.1 Daftar Guru Dan Karyawan Sma Negeri 1 Cawas Klaten... 47 Tabel 4.2 Data Peserta Didik SMA Negeri 1 Cawas Klaten Tahun Pelajaran 2016/2017... 51 Tabel 4.3 Mata Pelajaran Kelompok MIPA... 56 Tabel 4.4 Mata Pelajaran Kelompok IPS... 57 Tabel 4.5 Hasil validasi ahli media, ahli materi, dan peer review... 81 Tabel 4.6 Hasil Perhitungan Kelayakan Media Pembelajaran Interaktif... 86 viii
DAFTAR GAMBAR Gambar 4.1 Peresmian SMA Negeri 1 Cawas Klaten... 46 Gambar 4.2 Diagram alur program media pembelajaran interaktif... 62 Gambar 4.3 Desain tampilan login... 63 Gambar 4.4 Desain tampilan jika tidak mengisi kolom login... 64 Gambar 4.5 Desain tampilan jika sudah mengisi kolom login... 64 Gambar 4.6 Desain tampilan pendahuluan... 65 Gambar 4.7 Desain tampilan cover pertama... 65 Gambar 4.8 Desain tampilan cover kedua... 66 Gambar 4.9 Desain tampilan petunjuk penggunaan... 66 Gambar 4.10 Desain tampilan kompetensi... 67 Gambar 4.11 Desain tampilan materi... 67 Gambar 4.12 Desain tampilan sub materi... 68 Gambar 4.13 Desain tampilan sub materi asmaul husna... 68 Gambar 4.14 Desain tampilan tugas... 69 Gambar 4.15 Desain tampilan profil... 69 Gambar 4.16 Desain tampilan peringatan keluar... 70 Gambar 4.17 Tampilan login... 71 Gambar 4.18 Tampilan jika tidak mengisi kolom dengan lengkap... 71 Gambar 4.19 Tampilan jika sudah mengisi kolom dengan lengkap... 72 Gambar 4.20 Tampilan pendahuluan... 72 Gambar 4.21 Tampilan cover pertama... 73 Gambar 4.22 Tampilan cover kedua... 74 Gambar 4.23 Tampilan petunjuk penggunaan... 74 ix
Gambar 4.24 Tampilan kompetensi... 75 Gambar 4.25 Tampilan materi... 75 Gambar 4.26 Tampilan sub materi asmaul husna... 76 Gambar 4.27 Tampilan sub materi bagian dalil... 76 Gambar 4.28 Tampilan tugas... 77 Gambar 4.29 Tampilan petunjuk pengerjakan soal pilihan ganda... 77 Gambar 4.30 Tampilan soal pilihan ganda... 78 Gambar 4.31 Tampilan skor yang diperoleh... 78 Gambar 4.32 Tampilan soal essay... 79 Gambar 4.33 Tampilan profil... 79 Gambar 4.34 Tampilan kotak dialog keluar... 80 Gambar 4.35 Diagram alur dan tahap- tahap penelitian dan pengembangan... 85 Gambar 4.36 Cover CD Media Pembelajaran Interaktif.... 87 x