BERBASIS MULTIMEDIA
Skripsi
Diajukan untuk Memenuhi Persyaratan Memperoleh
Gelar Sarjana Komputer (S.Kom)
Oleh :
Mustari
NIM: 104093003003
yang Maha Pengasih, Maha Penyayang, Maha Pengatur, akhir jerih payah dan
kesabaran bertemu dengan kepastian yang telah digariskan oleh Sang Penguasa
waktu, tanpa petunjuk, bimbingan dan kasih sayang-Nya, niscaya skripsi ini tak
untaian terima kasih dan penghargaan kepada semua pihak yang telah membantu
penulis menyelesaikan tugas akhir perkuliahan ini untuk memenuhi salah satu
syarat kelulusan strata satu (S1) Program Studi Sistem Informasi Fakultas Sains
Skripsi ini tidak akan terwujud tanpa peran dan bantuan dari berbagai
1. Bapak DR. Syopiansyah Jaya Putra, M.SIS., selaku Dekan Fakultas Sains dan
Sistem Informasi, dan Ibu Nur Aeni Hidayah, MMSI., selaku Sekretaris
v
2. Bapak DR. Eko Syamsuddin Hasrito, M.Sc. dan Ir. Adil Siregar selaku dosen
Sigit yang telah banyak membantu penulis di dalam menyelesaikan skripsi ini,
baik dari segi materil maupun moril, dan Bapak Ghozali Nurhasan yang telah
masukannya dalam skripsi ini. Tidak lupa pula kepada dosen yang telah
membimbing dan menorehkan tinta-tinta ilmunya yang tak akan lapuk oleh
waktu, dan para karyawan di Fakultas Sains dan Teknologi yang tidak kalah
3. Ibunda Mursinah dan Ayahanda Neman yang telah berkorban harta dan
vi
Karena keterbatasan ruang, penulis tidak mungkin mencantumkan ucapan
terima kasih kepada semua pihak yang telah membantu penulis, kepada mereka
yang tak tertera dalam pengantar ini, ucapan terima kasih dan syukur penulis tak
berkurang.
skripsi ini, segala masukkan dan kritikan terhadapnya sangat penulis rindukan dan
harapkan.
Mustari
vii
DAFTAR ISI
Abstrak i
Lembar Persetujuan ii
Kata Pengantar v
Daftar Tabel xi
BAB I PENDAHULUAN
1.6. Metodologi 7
2.2. Multimedia 29
viii
2.2.1. Elemen Multimedia 30
ix
3.2.4. Pembuatan Aplikasi (assembly) 75
BAB IV PENUTUP
LAMPIRAN 109
x
DAFTAR TABEL
Makharijul Huruf 49
xi
DAFTAR GAMBAR
PENDAHULUAN
saja yang paling akrab ditelinga kita pada saat menyebut multimedia adalah
dari dua kategori yaitu penglihatan (sight) dan penyuaraan (sound). Kategori
masalah.
1
Imam Heryanto dan Budi Raharjo, Pemograman Borland C++Builder (Bandung :
Informatika, 2006), h. 245.
2
Ariesto Hadi Sutopo, Multimedia Interaktif dengan Flash (Jakarta : Graha Ilmu, 2003),
h. 22.
Al-Qur’an adalah kitab suci umat Islam yang diturunkan oleh Allah
mengucapkan makhrajnya agar apa yang kita baca bukan hanya sekedar
bahasa Indonesia) satu persatu, karena dalam huruf latin tidak ada perbedaan
3
Sirajuddin, Ilmu Tajwid (Cara Membaca Al-Qur’an) (Jakarta : Ikhwan Jakarta, 1994),
h. 1.
2
berbentuk kalimat. Hal ini berbeda sekali di dalam huruf hijaiyah (huruf
yang satu dengan yang lainnya. Perbedaan ucapan inilah jika kita salah
Meskipun demikian, tool (alat bantu) yang sudah ada seperti Al-Qur’an
Tajwid dan Easy Arabic belum cukup untuk memberikan suatu pemahaman
kepada umat Islam untuk memahami pengucapan makhraj yang benar. Hal
1. Aplikasi yang sudah ada hanya berisikan teks statis dan suara saja.
3
makharijul huruf yang di dalamnya menjelaskan tentang tempat keluarnya
animasi mulut agar tidak terjadi salah pengucapan yang dapat mengubah
hijaiyah.
2. Aplikasi ini tidak membahas ilmu tajwid dan tata bahasa Arab yang ada
kaitan di dalamnya.
huruf hijaiyah.
4. Gambar dan animasi posisi mulut dan bibir yang dibuat untuk
huruf yang satu dengan yang lainnya diambil dari buku K.H. Ahmad
4
Rifa’i Yasin, Panduan Tajwid Praktis Untuk Anak-anak dan Pemula,
5
1.4. Tujuan Penelitian
dapat digunakan oleh umat Islam sebagai media pembelajaran dan informasi
huruf hijaiyah.
6
1.6. Metodologi
1. Metode Wawancara
diwawancarai (interview) 4.
2. Metode Observasi
3. Metode Kuisioner
4
Jogiyanto Hartono, Analisis dan Desain Sistem Informasi : pendekatan terstruktur teori
dan praktek aplikasi bisnis (Yogyakarta: Andi Yogyakarta, 1999), h. 617.
5
Ibid, h.623.
7
responden dalam arti laporan tentang pribadinya, atau hal-hal yang ia
ketahui. 6
4. Studi Pustaka
masalah ini.
6
Suharsimi Arikunto,Prosedur Penelitian Suatu Pendekatan Praktek(Jakarta:Rineka
Cipta,2002), h.128.
7
Ariesto Hadi Sutopo, Multimedia Interaktif Dengan Flash (Jakarta: Graha Ilmu, 2003),
h. 32.
8
Design
Concept Material
Collecting
Distribution
(Implementation)
Assembly
Testing
9
1. Konsep (Concept)8
aplikasi ini.
2. Perancangan (Design)9
(design) agar aplikasi yang dibuat sesuai dengan tujuan yang telah
8
Ariesto Hadi Sutopo, Multimedia Interaktif Dengan Flash (Jakarta: Graha Ilmu, 2003),
h. 32.
9
Ibid., h. 33.
10
melakukan spesifikasi secara rinci mengenai arsitektur aplikasi, gaya,
langkah berikut :
• Perancangan storyboard
10
Ibid., h. 46.
11
4. Pembuatan (Assembly)11
5. Tes (Testing)12
seluruh data telah dimasukkan. Tes aplikasi akan dilakukan dari segi
bapak DR. Eko Syamsudin Hasrito. M.Sc. dan bapak Ir. Adil Siregar,
11
Ibid., h. 46.
12
Ibid., h. 47.
12
Fungsi dari pengetesan ini adalah memastikan bahwa hasil
6. Distribusi (Implementation)13
13
Ibid., h. 48.
13
1.7. Sistematika Penulisan
Skripsi ini ditulis dengan lima bab. Setiap bab terdiri dari sub-sub bab
Bab I : Pendahuluan.
14
(concept), perancangan (design), pengumpulan bahan (material
(implementation).
Bab IV : Penutup.
datang.
15
BAB II
LANDASAN TEORI
Makharij ( ΝέΎΨϣ ) mempunyai akar kata dari kata kerja kharaja ( ΝήΧ )
yang berarti keluar. Asal kata tersebut selanjutnya dijadikan bentuk isim
dari makhraj1.
keluar huruf dari huruf pembaca. Semua huruf mempunyai tempat asal yang
pembaca sendiri dan yang mendengarkan, serta tidak dapat dibedakan antara
1
Abdul Mujib Ismail dan Maria Ulfah Nawawi, Pedoman Ilmu Tajwid (Surabaya : Karya
Abditama, 1995), h. 39.
2
Ibid., h.39.
2.1.1. Pengertian Huruf Hijaiyah
yang berarti bagian terkecil dari lafal yang tidak dapat membentuk
ΎΠϫ yang berarti ejaan. Maksud ejaan disini adalah ejaan Arab
sebagai bahasa asli Al-Qur’an. Oleh karena itu yang dimaksud huruf
Al-Qur’an3.
3
Abdul Mujib Ismail dan Maria Ulfah Nawawi, Pedoman Ilmu Tajwid (Surabaya : Karya
Abditama, 1995), h. 23.
4
Ibid., h. 24.
17
Adapun ke-29 huruf tersebut adalah sebagai berikut :
NO HURUF BUNYI
1 Alif
2 Ώ Ba’
3 Ε Ta’
4 Ι Tsa’
5 Ν Jim
6 Ρ Ha’
7 Υ Kha’
8 Ω Dal
9 Ϋ Dzal’
10 έ Ra’
11 ί Za’
12 α Sin
13 ε Syin
18
14 ι Shad
15 ν Dhad
16 ρ Tha’
17 υ Zha’
18 ω ‘Ain
19 ύ Ghain’
20 Fa’
ϑ
21 Qaf’
ϕ
22 ϙ Kaf’
23 ϝ Lam’
24 ϡ Mim’
25 ϥ Nun’
26 ϭ Wawu
27 ϫ Ha’
28 Hamza
29 Ya’
19
2.1.3. Sifat-sifat Huruf Hijaiyah
pada sesuatu yang lain, maksud sesuatu yang lain disini adalah huruf-
huruf Hijaiyah. Sedangkan menurut istilah, Sifat adalah cara baru bagi
keluar huruf ketika sampai pada tempat keluarnya, baik berupa Jahr,
sifat dan makharijul huruf saling berkait, makharijul huruf tidak akan
sifat huruf tidak akan tepat selama tidak mengenai tempat keluarnya.
bagian, yaitu 6 :
5
Abdul Mujib Ismail dan Maria Ulfah Nawawi, Pedoman Ilmu Tajwid(Surabaya:Karya
Abditama,1995), h. 51.
6
Ibid, h. 52.
20
a. Sifat-sifat yang Mempunyai Lawan
yaitu 7 :
Ώ ϝ ρΩ Ν ν ύ Ũ έ ϕ ϥ ίϭ ϡ υ ω
Ε ϙ α ιΥε ΙΡϑ
7
Ibid., h. 53.
8
Ibid., h. 54.
21
3. Syiddah ( ΓΪθϟ ) lawannya Rakhawah 9
8 macam, yaitu :
Ε ϙ Ώ ρ ϕ ΩΝ
α ί ι ϭ ε νϑ υ Ρ Ι ύ ŨΥ
Rakhawah 11
9
Ibid., h. 54.
10
Ibid., h. 55.
11
Ibid., h. 56.
22
tertentu dengan cara antara ditahan dan dilepas (tengah-
έϡω ϥϝ
dengan cara itu suara menjadi lebih tebal. Huruf yang bersifat
υϕρύνιΥ
ϙ ε ϝ α Ũ ϑ έ Ρ Ω ϭ Ν ϥ ϡ ί ω Ε Ώ Ι
12
Ibid., h. 56.
23
8. Ithbaq ( ϕΎΒσ ) lawannya Infitah13
υρνι
ύ Ώ έ ε ϝ ϕΡ ϙί ϑΕ ω α ΩΝ ϭ Ũ Υ ϥϡ
Ι
13
Ibid., h. 57.
14
Ibid., h. 57.
24
10. Idzlaq ( ϕŨ ) lawannya Ishmat15
macam, yaitu :
Ώ ϝ ϥϡ έ ϑ
Ρ υω ϭ Ũ Ε ϕ Ι Ω ι ρΥ α ε ύ ίΝ
ϙν
15
Ibid., h. 58.
25
b. Sifat-sifat yang Tidak Mempunyai Lawan
yaitu 16 :
1. Shafir ( ήϴϔµϟ )
αίι
2. Qolqolah ( ∆ϘϘϟ )
ΩΝΏρϕ
16
Ibid., h. 58.
26
3. Lien ( ϦϴϠϟ )17
ϭ
yaitu :
έϝ
17
Ibid., h. 59.
18
Ibid., h. 59.
19
Ibid., h. 59.
27
terdengar tergentas dan getarnya itu cukup dua getaran,
6. Tafasysyi (
θΘϟ )20
20
Ibid., h. 60.
21
Ibid., h. 60.
22
Ibid., h. 60.
28
mendengungkan suara yang keluar dari pangkal hidung.
2.2. Multimedia
Multimedia berasal dari kata multi yang berarti banyak dan media
atau lebih media, seperti teks, suara, gambar, video, dan animasi. Penggunaan
23
Ibid., h. 62.
24
Artikel diakses pada 31 Juni 2008 dari:
http:// www.usu.edu/sanderso/multinet/mutiady.html.
29
2.2.1. Elemen Multimedia
1. Teks
2. Grafik
3. Image
25
Ariesto Hadi Sutopo, Analisis dan Desain Berorientasi Objek (Jakarta : J&J Learning,
2002), h. 218.
30
fungsional yang lebih karena gambar mampu memberikan suatu
4. Animasi
Selain gambar diam, juga ada gambar bergerak yang lebih dikenal
tentu saja tampilan yang dibuat jauh lebih menarik dan interaktif,
31
terlalu banyak animasi yang tidak dibutuhkan akan mengganggu
5. Suara
dalam layar monitor, jika ruang layar monitor sudah tidak mampu
berupa media audio dapat didengarkan dari segala arah. Oleh sebab
32
6. Interactive Link
dapat menekan mouse atau objek pada screen seperti button atau
tertentu.
26
Artikel diakses pada 4 Maret 2009 dari :
http:// www.usu.edu/sanderso/multinet/mutiady.html.
33
3. Baik bagi para pemula pengguna komputer
monoton.
secara umum adalah suatu paket program yang sudah jadi dan dapat
sendiri kaitannya dengan aplikasi yang terdiri dari beberapa unit fungsional
27
Hartono ”Aplikasi kuntansi Perhitungan Pajak Tahunan Penghasilan Pasal 21 Pegawai
Tetap Pada Delta Computer Training Center Surakarta”, h. 17.
34
2.3.1. Macromedia Director MX 2004
• Score : Untuk mengatur urutan objek yang akan tampil agar sesuai
kita menentukan mana yang tampil terlebih dahulu dan mana yang
• Cast member : Untuk menampung objek apa saja yang siap dan
28
Hendi Hendratman,The Magic of Macromedia Director(Bandung:Informatika,2006),
h. 5.
35
Stage Cast Member
Panel Property
Inspector
Score
gerak sebuah objek dari tempat yang satu ke tempat yang lain,
36
Interface dalam Flash MX 2004 terbagi menjadi 4 bagian utama,
yaitu 29:
• Stage, adalah area kerja tempat kita membuat objek atau animasi.
melukis.
37
tidak ada objek dalam keyframe tersebut. Dan Layer merupakan
yang bertumpuk.
38
Stage Panel
Toolbox Timeline
berfungsi sebagai judul pada setiap menu dan sub menunya. Adobe
39
mendasar, area kerja program Adobe Photoshop CS2 memiliki
beberapa bagian, yaitu Menu Bar, Option Bar, Status Bar, Tool Box,
Palette, dan Active Image Area atau area gambar yang sedang aktif,
Status Bar
Palette
30
Ismadi,140 Efek dengan Adobe Photoshop CS(Yogyakarta:Andi, 2006), h. 3.
40
2.4. Perangkat Keras
huruf, angka, ataupun kode lain menjadi isyarat listrik yang dapat diproses
komputer.
• Mouse, merupakan peranti petunjuk yang pada saat ini telah banyak
disket.
31
Abdul Kadir dan Terra CH. Triwahyuni, Pengenalan Teknologi Informasi (Yogyakarta:
Andi, 2005), h. 306.
41
BAB III
berikut :
a. Kesalahan mengucapkan huruf hijaiyah yang
tempat, yaitu :
43
• ( ) : Ya’ mati yang sebelumnya berharokat
kasroh.
dommah.
Ρ ϫ ύωΥ
Gambar 3.0. Tempat Keluar Huruf Al-Halqu
44
3. Al-Lisan ( ϥΎδϟ ), yaitu tempat keluar bunyi huruf
10 tempat yaitu :
mulut.
45
• έ : Makhraj ini terletak antara ujung lidah
46
4. Asy-Syafatain ( ϦϴΘθϟ ), yaitu tempat keluar huruf dari
yang atas.
rapat.
rapat.
47
5. Al-Khoisyum ( ϡϮθϴΨϟ ) yaitu tempat keluar bunyi huruf
hijaiyah dengan baik dan benar, namun ada beberapa huruf saja
dengan huruf ha ( ϫ ).
yaitu :
48
Tabel 3.0. Kuisioner Kondisi Masyarakat Untuk Mengetahui
Nilai
No Pertanyaan Yang Diajukan Jumlah
3 2 1 0
1 Mementingkan bisa baca Al-Qur’an 15 20 10 5 50
terlebih dahulu kemudian tajwid
dan makhrajnya
2 Bisa baca Al-Qur’an dengan 20 15 8 7 50
memperhatikan tajwid dan
makhrajnya
3 Dapat membedakan pengucapan 30 10 5 5 50
makhraj antara huruf yang satu
dengan yang lainnya
4 Perlu media pembelajaran untuk 25 13 1 11 50
belajar makhraj
Keterangan Nilai :
0 : Tidak penting
1 : Kurang penting
2 : Penting
3 : Sangat penting
Dari data di atas, maka dapat ditentukan nilai rata-rata dari setiap
butir yaitu :
adalah 95 : 50 = 1,9.
49
Butir 2 : Dalam butir 2 ini menunjukkan kebalikan dari butir 1,
x 3) + (10 x 2) + (5 x 1) + (5 x 0) = 90 + 20 + 5 + 0 =
= 2,3.
50
Dari hasil analisis terhadap nilai keempat butir kuesioner
2000. Hasil dari studi pustaka ini adalah gambar dari bentuk lidah
51
digunakan untuk memperjelas animasi merupakan rekaman Bapak
(implementation).
berikut:
Berbasis Multimedia.
dan benar.
52
• Jenis Aplikasi : Media pembelajaran interaktif.
Photoshop CS2.
MX 2004.
53
• Interaktif : Menggunakan link berupa tombol yang
interface).
1
Ariesto Hadi Sutopo, Multimedia Interaktif Dengan Flash (Jakarta : Graha Ilmu, 2003), h. 36.
54
Storyboard
Judul Aplikasi
Modul :1
Halaman : Opening
55
Storyboard
Modul :2
gambar
Halaman : Menu Utama
Navigasi
56
Storyboard
Modul :3
gambar
Halaman : Makharijul Huruf
Animasi Mulut
Navigasi
57
3.2.2.2. Perancangan Arsitektur Navigasi
Opening
Menu Utama
Al-Jauf Belajar
Membaca
Al-Halqu
Pilihan Ganda
Al-Lisan
Asy-Syafatain
Al-Khoisyum
58
3.2.2.3. Perancangan Diagram Transisi (State Transition
Diagram)
Pengantar
Makharijul Huruf
59
Menu Utama
Makharijul Huruf
60
Menu Utama
Makharijul Huruf
Klik Pengantar
Klik Tentang Penulis
Tampilkan Pengantar
Tampilkan Tentang Penulis
61
Al-Jauf
Al-Halqu
Klik Al-Jauf
Tampilkan Al-Jauf Klik Al-Halqu
Tampilkan Al-Halqu
Klik
Klik Al-Khoisyum Menu Klik Makharijul Huruf
Tampilkan Al-Khoisyum Utama Tampilkan Makharijul Huruf
Tampilkan
Menu
Utama
62
Belajar Membaca Menu Pilihan Ganda
Evaluasi
Klik Belajar Membaca Klik Pilihan Ganda
Tampilkan Belajar Membaca Tampilkan Pilihan Ganda
Menu Utama
Menu Utama.
63
Judul Aplikasi
Pengantar.
Evaluasi.
64
• Tombol Tentang Penulis, untuk masuk ke
aplikasi.
65
Gambar 3.14. Rancangan Tampilan Menu Pengantar
Al-Jauf.
66
• Tombol Al-Halqu untuk masuk ke halaman
Al-Khoisyum.
Menu Utama.
Gambar
67
5. Rancangan Layar Evaluasi
teks.
Gambar
68
Judul Aplikasi Logo
UIN
Foto
Pembuat Identitas Pembuat Aplikasi dan
Aplikasi Software yang Digunakan
dalam Aplikasi
bahan-bahan tersebut.
69
koleksi pribadi dan kemudian dimodifikasi dengan
70
3.2.3.2. File Animasi
71
Gambar 3.21. Animasi Bibir
72
3.2.3.3. File Suara
73
Gambar 3.23. Program Pengelolah Suara
74
3.2.4. Pembuatan Aplikasi (assembly)
75
3.2.4.2. Spesifikasi Perangkat Lunak Pengembangan
Multimedia
di bawah ini.
Tombol Menu
76
• Width : 800 pixels
• Resolution : 72 pixels/inch
• Contents : White
77
50. Sedangkan untuk Style yang digunakan adalah Inner
Overlay.
78
3.2.4.4. Proses Pembuatan Animasi Huruf Hijaiyah, Animasi
79
menggunakan Oval Tool, kemudian dimodifikasi hingga
80
1. File Menu Utama
81
tombol menu keluar.gif dan tombol huruf hijaiyah.gif
member ke Score.
82
Gambar 3.26. Proses Drag dari Cast Member ke Score
83
untuk menuju ke halaman lain, untuk mencoba
yang lainnya.
84
cara memanggil file makharijul huruf tidak
yang dimaksud.
85
untuk merekam suara yang terdiri dari empat tahap,
86
ruang harddisk untuk satu menit data audio pada
87
kurang smooth dan memiliki efek anak tangga
bawah.
Gambar 1
Gambar 2
Keterangan :
Gambar 1 : sample rate rendah
Gambar 2 : sample rate tinggi
data analog.
88
Semakin tinggi berarti semakin besar: Penggunaan bit depth
dan sample rate yang tinggi akan membutuhkan kapasitas
penyimpanan yang semakin besar.
89
16 bit (65536 variasi): Dengan bit depth 16 bit, gradasi warna
90
Gambar dengan bit depth 8 cenderung memiliki gradasi
91
Gambar 3.28. Proses Merekam Suara
92
4. File Tentang Penulis
utama.
5. File Opening
Publish Setting.
93
menggunakan transisi DMXT Ripple Fade, halaman
94
aplikasi terbebas dari kesalahan script. Selain itu tes juga
pengucapannya.
95
3.2.6. Distribusi (implementation)
berikut:
96
• Tampilan Halaman Opening
97
• Tampilan Halaman Pengantar
98
• Tampilan Halaman Belajar Membaca
99
Gambar 3.29. Pengoperasian Program Aplikasi
A = Kategori anak.
keagamaan.
keagamaan.
background keagamaan.
100
Kuisioner ini digunakan untuk mengetahui apakah
Keterangan indikator :
hijaiyah.
101
kecocokan ini secara lengkap dapat dilihat
102
BAB IV
PENUTUP
Bab ini adalah bab penutup yang berisi kesimpulan dari penulisan skripsi
selanjutnya.
4.1. Kesimpulan
kesimpulan, yaitu :
pembaca (dalam hal ini Al-Qur’an) dapat terhindar dari kesalahan bacaan
dengan baik, namun ada beberapa huruf saja yang masih keliru dalam
mengucapkannya.
4.2. Saran
yang diberikan tidak hanya berbentuk satu dan dua huruf saja, tetapi
benar atau tidak bunyi huruf atau suara antara hasil rekaman
104
DAFTAR
PUSTAKA
Jakarta:Rineka Cipta,1997.
Bandung,2006.
Karya Abditama,1995.
Desertasi).Jakarta:CeQDA,2007.
Jakarta:Afwaaja Nizhom,2000.
2003.
www.usu.edu/sanderso/multinet/mutiady.html.
http://download.tabuleiro.com/packages/Audio/6/AudioXtra
www.ilma95.net/ilma95.htm
xiii