Animasi Pembelajaran Pengenalan Huruf Hijaiyah Beserta Tajwidnya Dengan Menggunakan Adobe Flash CS6
1
ANIMASI PEMBELAJARAN
PENGENALAN HURUF HIJAIYAH BESERTA TAJWIDNYA
DENGAN MENGGUNAKAN ADOBE FLASH CS6
TUGAS AKHIR
NURUL HUSNA
112406117
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2014
Universitas Sumatera Utara
2
ANIMASI PEMBELAJARAN
PENGENALAN HURUF HIJAIYAH BESERTA TAJWIDNYA
DENGAN MENGGUNAKAN ADOBE FLASH CS6
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
NURUL HUSNA
112406117
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2014
Universitas Sumatera Utara
i
PERSETUJUAN
Judul
: Animasi Pembelajaran Pengenalan Huruf Hijaiyah
Beserta Tajwidnya Dengan Menggunakan Adobe
Flash CS6
Kategori
: Tugas Akhir
Nama
: Nurul Husna
Program Studi
: D3 Teknik Informatika
Departemen
: Matematika
Fakultas
: Matematika
dan
Ilmu
Pengetahuan
Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juni 2014
Disetujui Oleh :
Program Studi D3 Teknik Informatika
FMIPA USU
Ketua,
Dr. Elly Rosmaini, M.Si
NIP. 196005201985032002
Pembimbing
Dra. Normalina Napitupulu, M.Sc
NIP. 196711101996021001
Universitas Sumatera Utara
ii
PERNYATAAN
ANIMASI PEMBELAJARAN
PENGENALAN HURUF HIJAIYAH BESERTA TAJWIDNYA
DENGAN MENGGUNAKAN ADOBE FLASH CS6
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Juni 2014
Nurul Husna
112406117
Universitas Sumatera Utara
iii
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan penyusunan
Tugas Akhir ini dengan judul Animasi Pembelajaran Pengenalan Huruf Hijaiyah
Beserta Tajwidnya Dengan Menggunakan Adobe Flash CS6.
Terimakasih
penulis
sampaikan
kepada
Bapak
Dra.
Normalina
Napitupulu, M.Sc selaku pembimbing yang telah meluangkan waktunya selama
penyusunan tugas akhir ini. Terimakasih kepada Ibu Dr. Elly Rosmaini, M.Si dan
bapak Drs. Syahriol Sitorus, M.Si selaku Ketua dan Sekretaris Program Studi D3
Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr.
Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA
USU Medan, Bapak Dr. Sutarman M.Sc selaku Dekan FMIPA USU Medan,
seluruh staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU,
pegawai FMIPA USU dan rekan – rekan kuliah. Akhirnya tidak terlupakan
kepada Bapak Surip HS, Ibu Sulastri dan keluarga yang selama ini memberikan
bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan
membalasnya.
Penulis,
Universitas Sumatera Utara
iv
ABSTRAK
Pendidikan merupakan sebuah proses interaksi antara peserta didik dengan
pendidik mengenali kondisi lingkungannya. Diharapkan, melalui proses belajarmengajar, peserta didik diberi ruang untuk mengekspresikan ilmu yang diperoleh
sesuai dengan potensi masing-masing. Dewasa ini bidang pendidikan secara
umum terpengaruh oleh adanya perkembangan dalam bidang teknologi. Pengaruh
perkembangan tersebut tampak jelas dalam upaya pembaharuan sistem pendidikan
dan pembelajaran. Salah satunya adalah media pembelajaran. Media pembelajaran
sebagai alat bantu mengajar yang turut mempengaruhi iklim, kondisi, dan
lingkungan belajar yang di tata dan diciptakan. Sehingga melalui media tersebut
seorang anak diharapkan dapat memahami materi-materi yang disampaikan.
Selain itu, melalui media ini diharapkan proses belajar mengajar dapat dilakukan
kapan saja dan di mana saja. Aplikasi yang penulis buat adalah pengenalan huruf
hijaiyah beserta tajwidnya. Penulis tertarik membuat aplikasi ini karena akan
memudahkan anak lebih mengerti dan cepat memahami karena dengan
menggunakan suatu animasi pada dunia belajarnya. Perangkat lunak yang
dibutuhkan untuk membuat animasi ini adalah Adobe Flash CS6.
Universitas Sumatera Utara
v
DAFTAR ISI
Halaman
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Tabel
Daftar Gambar
i
ii
iii
iv
v
vii
viii
Bab 1. Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Metode Penelitian
1.6 Sistematika Penulisan
1
3
4
4
5
6
Bab 2. Landasan Teori
2.1 Sekilas Tentang Flash
2.2 Dasar-Dasar Penggunanaan Adobe Flash Professional CS6
2.2.1 Halaman Awal
2.2.2 Jendela Utama
2.2.3 Toolbox
2.2.4 Action Script
2.2.4.1 Fungsi Action Script
2.2.4.2 Penggunaan Action Script
2.2.4.3 Struktur
2.2.4.4 Objek
2.2.4.5 Class dan Function
2.3 Sekilas Sejarah Huruf Hijaiyah
2.4 Sejarah Munculnya Tanda Huruf
2.5 Definisi Hijaiyah
2.6 Pertumbuhan dan Perkembangan Huruf Hijaiyah
2.7 Definisi Tajwid
2.7.1 Jenis-Jenis Hukum Tajwid
8
10
10
11
14
16
17
19
19
20
20
21
23
25
28
33
14
Bab 3. Perancangan Sistem
3.1 Desain Halaman Awal
3.2 Menu Pelajaran
3.2.1 Tombol Membaca dan Menulis
3.2.2 Tombol Bertajwid
3.2.3 Tombol Menu
36
39
39
41
42
Universitas Sumatera Utara
vi
3.2.4 Tombol Home
44
3.3 Layer
3.3.1 Huruf Hijaiyah
3.3.2 Tombol Menu
3.3.3 Tombol Next
3.3.4 Tombol Back
3.3.5 Judul Huruf Hijaiyah
3.3.6 Cara Penulisannya
3.3.7 Tombol Sound
3.3.8 Tombol Back
3.3.9 Tombol Menu
3.3.10 Belajar Tajwid
3.3.11 Isi Tajwid
3.3.12 Tombol Back
45
45
47
48
50
51
52
53
54
56
57
58
59
Bab 4. Implementasi Sistem
4.1 Hasil
4.1.1 Menu Membaca dan Menulis
4.1.2 Menu Bertajwid
61
62
64
Bab 5. Penutup
5.1 Kesimpulan
5.2 Saran
68
69
Daftar Pustaka
Lampiran
Universitas Sumatera Utara
vii
DAFTAR TABEL
Nomor
Tabel
2.1
2.2
Judul
Fasilitas Toolbox
Tabel Pengejaan Huruf Hijaiyah
Halaman
14
27
Universitas Sumatera Utara
viii
DAFTAR GAMBAR
Nomor
Gambar
2.1
2.2
2.3
3.1
3.2
3.3
3.4
3.5
3.6
3.7
3.8
3.9
3.10
3.11
3.12
3.13
3.14
3.15
3.16
3.17
3.18
3.19
3.20
3.21
3.22
3.23
3.24
3.25
3.26
3.27
3.28
3.29
3.30
3.31
3.32
4.1
4.2
4.3
4.4
4.5
Judul
Halaman
Tampilan Star Page Adobe Flash Professional CS6
Jendela Utama Adobe Flash Professional CS6
Panel Actions
Tampilan Gambar Tombol Membaca dan Menulis
Tombol Membaca dan Menulis
Script Membaca dan Menulis
Tampilan Gambar Tombol Bertajwid
Tombol Bertajwid
Script Tombol Bertajwid
Tombol Menu
Script ke Menu
Tombol Home
Script ke Home
Tampilan Susunan Huruf
Tampilan Huruf dengan Pengucapannya
Tombol Huruf
Tombol Kembali ke Halaman Menu
Tampilan Tombol Menu
Tombol Next
Script ke Halaman Selanjutnya
Tombol Back
Tampilan Script untuk Kembali ke Frame Sebelumnya
Tampilan Judul Huruf Hijaiyah dan Penulisannya
Tampilan Cara Penulisan
Cara Penulisan Huruf
Tombol Sound
Pemberian efek pada tombol sound
Tombol Back
Script Tombol Back
Tombol Menu
Script Pada Tombol Menu
Tampilan Menu Belajar Tajwid
Tampilan Isi Tajwid
Tombol Back
Script Pada Tombol Back
Tampilan Halaman Awal
Tampilan Halaman Menu
Halaman Huruf Hijaiyah Bagian I
Halaman Huruf Hijaiyah Bagian II
Tampilan Ketika Kursor Mengarah ke Huruf “”ا
11
12
17
39
40
40
41
41
42
43
43
44
45
46
46
46
47
48
49
49
50
51
51
52
53
54
54
55
56
56
57
58
58
59
60
61
62
62
63
63
Universitas Sumatera Utara
ix
4.6
4.7
4.8
4.9
4.10
4.11
4.12
4.13
4.14
4.15
4.16
Tampilan Cara Penulisannya
Tampilan Halaman Belajar Tajwid
Tampilan Isi Tajwid Idhzar
Tampilan Isi Tajwid Idghom Bagian I
Tampilan Isi Tajwid Idghom Bagian II
Tampilan Isi Tajwid Iqlab
Tampilan Isi Tajwid Ikhfaa‟
Tampilan Isi Tajwid Madd Bagian I
Tampilan Isi Tajwid Madd Bagian II
Tampilan Isi Tajwid Madd Bagian III
Tampilan Isi Tajwid Qolqolah
63
64
64
65
65
65
66
66
66
67
67
Universitas Sumatera Utara
ANIMASI PEMBELAJARAN
PENGENALAN HURUF HIJAIYAH BESERTA TAJWIDNYA
DENGAN MENGGUNAKAN ADOBE FLASH CS6
TUGAS AKHIR
NURUL HUSNA
112406117
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2014
Universitas Sumatera Utara
2
ANIMASI PEMBELAJARAN
PENGENALAN HURUF HIJAIYAH BESERTA TAJWIDNYA
DENGAN MENGGUNAKAN ADOBE FLASH CS6
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
NURUL HUSNA
112406117
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2014
Universitas Sumatera Utara
i
PERSETUJUAN
Judul
: Animasi Pembelajaran Pengenalan Huruf Hijaiyah
Beserta Tajwidnya Dengan Menggunakan Adobe
Flash CS6
Kategori
: Tugas Akhir
Nama
: Nurul Husna
Program Studi
: D3 Teknik Informatika
Departemen
: Matematika
Fakultas
: Matematika
dan
Ilmu
Pengetahuan
Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juni 2014
Disetujui Oleh :
Program Studi D3 Teknik Informatika
FMIPA USU
Ketua,
Dr. Elly Rosmaini, M.Si
NIP. 196005201985032002
Pembimbing
Dra. Normalina Napitupulu, M.Sc
NIP. 196711101996021001
Universitas Sumatera Utara
ii
PERNYATAAN
ANIMASI PEMBELAJARAN
PENGENALAN HURUF HIJAIYAH BESERTA TAJWIDNYA
DENGAN MENGGUNAKAN ADOBE FLASH CS6
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Juni 2014
Nurul Husna
112406117
Universitas Sumatera Utara
iii
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan penyusunan
Tugas Akhir ini dengan judul Animasi Pembelajaran Pengenalan Huruf Hijaiyah
Beserta Tajwidnya Dengan Menggunakan Adobe Flash CS6.
Terimakasih
penulis
sampaikan
kepada
Bapak
Dra.
Normalina
Napitupulu, M.Sc selaku pembimbing yang telah meluangkan waktunya selama
penyusunan tugas akhir ini. Terimakasih kepada Ibu Dr. Elly Rosmaini, M.Si dan
bapak Drs. Syahriol Sitorus, M.Si selaku Ketua dan Sekretaris Program Studi D3
Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr.
Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA
USU Medan, Bapak Dr. Sutarman M.Sc selaku Dekan FMIPA USU Medan,
seluruh staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU,
pegawai FMIPA USU dan rekan – rekan kuliah. Akhirnya tidak terlupakan
kepada Bapak Surip HS, Ibu Sulastri dan keluarga yang selama ini memberikan
bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan
membalasnya.
Penulis,
Universitas Sumatera Utara
iv
ABSTRAK
Pendidikan merupakan sebuah proses interaksi antara peserta didik dengan
pendidik mengenali kondisi lingkungannya. Diharapkan, melalui proses belajarmengajar, peserta didik diberi ruang untuk mengekspresikan ilmu yang diperoleh
sesuai dengan potensi masing-masing. Dewasa ini bidang pendidikan secara
umum terpengaruh oleh adanya perkembangan dalam bidang teknologi. Pengaruh
perkembangan tersebut tampak jelas dalam upaya pembaharuan sistem pendidikan
dan pembelajaran. Salah satunya adalah media pembelajaran. Media pembelajaran
sebagai alat bantu mengajar yang turut mempengaruhi iklim, kondisi, dan
lingkungan belajar yang di tata dan diciptakan. Sehingga melalui media tersebut
seorang anak diharapkan dapat memahami materi-materi yang disampaikan.
Selain itu, melalui media ini diharapkan proses belajar mengajar dapat dilakukan
kapan saja dan di mana saja. Aplikasi yang penulis buat adalah pengenalan huruf
hijaiyah beserta tajwidnya. Penulis tertarik membuat aplikasi ini karena akan
memudahkan anak lebih mengerti dan cepat memahami karena dengan
menggunakan suatu animasi pada dunia belajarnya. Perangkat lunak yang
dibutuhkan untuk membuat animasi ini adalah Adobe Flash CS6.
Universitas Sumatera Utara
v
DAFTAR ISI
Halaman
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Tabel
Daftar Gambar
i
ii
iii
iv
v
vii
viii
Bab 1. Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Metode Penelitian
1.6 Sistematika Penulisan
1
3
4
4
5
6
Bab 2. Landasan Teori
2.1 Sekilas Tentang Flash
2.2 Dasar-Dasar Penggunanaan Adobe Flash Professional CS6
2.2.1 Halaman Awal
2.2.2 Jendela Utama
2.2.3 Toolbox
2.2.4 Action Script
2.2.4.1 Fungsi Action Script
2.2.4.2 Penggunaan Action Script
2.2.4.3 Struktur
2.2.4.4 Objek
2.2.4.5 Class dan Function
2.3 Sekilas Sejarah Huruf Hijaiyah
2.4 Sejarah Munculnya Tanda Huruf
2.5 Definisi Hijaiyah
2.6 Pertumbuhan dan Perkembangan Huruf Hijaiyah
2.7 Definisi Tajwid
2.7.1 Jenis-Jenis Hukum Tajwid
8
10
10
11
14
16
17
19
19
20
20
21
23
25
28
33
14
Bab 3. Perancangan Sistem
3.1 Desain Halaman Awal
3.2 Menu Pelajaran
3.2.1 Tombol Membaca dan Menulis
3.2.2 Tombol Bertajwid
3.2.3 Tombol Menu
36
39
39
41
42
Universitas Sumatera Utara
vi
3.2.4 Tombol Home
44
3.3 Layer
3.3.1 Huruf Hijaiyah
3.3.2 Tombol Menu
3.3.3 Tombol Next
3.3.4 Tombol Back
3.3.5 Judul Huruf Hijaiyah
3.3.6 Cara Penulisannya
3.3.7 Tombol Sound
3.3.8 Tombol Back
3.3.9 Tombol Menu
3.3.10 Belajar Tajwid
3.3.11 Isi Tajwid
3.3.12 Tombol Back
45
45
47
48
50
51
52
53
54
56
57
58
59
Bab 4. Implementasi Sistem
4.1 Hasil
4.1.1 Menu Membaca dan Menulis
4.1.2 Menu Bertajwid
61
62
64
Bab 5. Penutup
5.1 Kesimpulan
5.2 Saran
68
69
Daftar Pustaka
Lampiran
Universitas Sumatera Utara
vii
DAFTAR TABEL
Nomor
Tabel
2.1
2.2
Judul
Fasilitas Toolbox
Tabel Pengejaan Huruf Hijaiyah
Halaman
14
27
Universitas Sumatera Utara
viii
DAFTAR GAMBAR
Nomor
Gambar
2.1
2.2
2.3
3.1
3.2
3.3
3.4
3.5
3.6
3.7
3.8
3.9
3.10
3.11
3.12
3.13
3.14
3.15
3.16
3.17
3.18
3.19
3.20
3.21
3.22
3.23
3.24
3.25
3.26
3.27
3.28
3.29
3.30
3.31
3.32
4.1
4.2
4.3
4.4
4.5
Judul
Halaman
Tampilan Star Page Adobe Flash Professional CS6
Jendela Utama Adobe Flash Professional CS6
Panel Actions
Tampilan Gambar Tombol Membaca dan Menulis
Tombol Membaca dan Menulis
Script Membaca dan Menulis
Tampilan Gambar Tombol Bertajwid
Tombol Bertajwid
Script Tombol Bertajwid
Tombol Menu
Script ke Menu
Tombol Home
Script ke Home
Tampilan Susunan Huruf
Tampilan Huruf dengan Pengucapannya
Tombol Huruf
Tombol Kembali ke Halaman Menu
Tampilan Tombol Menu
Tombol Next
Script ke Halaman Selanjutnya
Tombol Back
Tampilan Script untuk Kembali ke Frame Sebelumnya
Tampilan Judul Huruf Hijaiyah dan Penulisannya
Tampilan Cara Penulisan
Cara Penulisan Huruf
Tombol Sound
Pemberian efek pada tombol sound
Tombol Back
Script Tombol Back
Tombol Menu
Script Pada Tombol Menu
Tampilan Menu Belajar Tajwid
Tampilan Isi Tajwid
Tombol Back
Script Pada Tombol Back
Tampilan Halaman Awal
Tampilan Halaman Menu
Halaman Huruf Hijaiyah Bagian I
Halaman Huruf Hijaiyah Bagian II
Tampilan Ketika Kursor Mengarah ke Huruf “”ا
11
12
17
39
40
40
41
41
42
43
43
44
45
46
46
46
47
48
49
49
50
51
51
52
53
54
54
55
56
56
57
58
58
59
60
61
62
62
63
63
Universitas Sumatera Utara
ix
4.6
4.7
4.8
4.9
4.10
4.11
4.12
4.13
4.14
4.15
4.16
Tampilan Cara Penulisannya
Tampilan Halaman Belajar Tajwid
Tampilan Isi Tajwid Idhzar
Tampilan Isi Tajwid Idghom Bagian I
Tampilan Isi Tajwid Idghom Bagian II
Tampilan Isi Tajwid Iqlab
Tampilan Isi Tajwid Ikhfaa‟
Tampilan Isi Tajwid Madd Bagian I
Tampilan Isi Tajwid Madd Bagian II
Tampilan Isi Tajwid Madd Bagian III
Tampilan Isi Tajwid Qolqolah
63
64
64
65
65
65
66
66
66
67
67
Universitas Sumatera Utara