1
AL-MA’TSURAT BERBASIS ANIMASI MENGGUNAKAN ADOBE FLASH PROFESIONAL CS3
TUGAS AKHIR
IHSANUL FAKHRIY YUSDARTONO 112406169
PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
Universitas Sumatera Utara
1
AL-MA’TSURAT BERBASIS ANIMASI MENGGUNAKAN ADOBE FLASH PROFESIONAL CS3
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya Komputer
IHSANUL FAKHRIY YUSDARTONO 112406169
PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
Universitas Sumatera Utara
ii PERSETUJUAN
Judul
: AL-MA’TSURAT Berbasis Animasi Menggunakan
Adobe Flash Profesional Cs3 Kategori
: TUGAS AKHIR
Nama
: IHSANUL FAKHRIY YUSDARTONO
Nomor Induk Mahasiswa
: 112406169
Program Studi
: DIPLOMA (D3) TEKNIK INFORMATIKA
Departemen
: MATEMATIKA
Fakultas
: MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Disetujui di Medan,
Juni 2014
Diketahui/Disetujui oleh Program Studi D3 Teknik Informatika FMIPA USU Ketua,
Pembimbing,
Dr. Elly Rosmaini, M.Si NIP: 196005201985032002
Dr. Suwarno Ariswoyo, M.Si NIP : 19502103 198003 1 001
Universitas Sumatera Utara
iii PERNYATAAN
AL-MA’TSURAT BERBASIS ANIMASI MENGGUNAKAN ADOBE FLASH PROFESIONAL CS3
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, September 2014
IHSANUL FAKHRIY YUSDARTONO 112406169
Universitas Sumatera Utara
iv PENGHARGAAN
Puji syukur penulis panjatkan kepada Allah SWT, atas limpahan rahmat dan hidayah-Nya sehingga kajian tugas akhir ini dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan.
Penyusunan tugas akhir ini masih banyak memiliki kekurangan karena keterbatasan kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk kemajuan tugas akhir ini.
Tugas Akhir merupakan salah satu syarat yang harus dilakukan setiap mahasiswa Ilmu Komputer untuk dapat menyelesaikan pendidikan di Program D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.
Medan,
Juli 2014
Penulis
Universitas Sumatera Utara
v ABSTRAK
Memperkenalkan Al-Ma’tsurat pada tingkat kanak-kanak, remaja serta orang tua sangatlah penting karena dengan mereka mengerti arti penting sebuah alma’tsurat, dalam sebelum melakukan sesuatu tersebut maka akan mendapatkan bekal ilmu untuk dimasa depan mereka karena mengingat banyaknya anak-anak yang mensepelekan hal tersebut. Aplikasi yang penulis buat adalah Al-Ma’tsurat Berbasis Animasi Menggunakan Adobe Flash Profesional CS3. Penulis tertarik membuat aplikasi ini karena akan dapat memfasilitasi tentang ilmu agama bagi umat islam sehingga anak-anak, remaja serta orang tua dapat lebih memahami pentingnya mengingat Allah dengan menggunakan suatu animasi. Perangkat lunak yang dibutuhkan untuk membuat animasi ini adalah Adobe Flash CS3. Sasaran aplikasi ini adalah anak-anak ataupun kalangan umum.
Universitas Sumatera Utara
vi DAFTAR ISI
Halaman
Persetujuan
ii
Pernyataan
iii
Penghargaan
iv
Abstrak
v
Daftar Isi
vi
Daftar Tabel
viii
Daftar Gambar
ix
Bab 1 Pendahuluan 1.1 Latar Belakang
1
1.2 Rumusan Masalah
3
1.3 Batasan Masalah
3
1.4 Tujuan Penelitian
4
1.5 Manfaat Penelitian
5
1.6 Metodelogi Penelitian
5
1.7 Sistematika Penulisan
7
Bab 2 Landasan Teori 2.1 Tentang Flash
9
2.2 Dasar-Dasar Penggunaan Adobe Flash CS3
12
2.2.1 User Interface Adobe Flash CS3
12
2.2.2 Fasilitas Pada Adobe Flash CS3
14
2.3 Al-Ma’tsurat
21
2.3.1 Pengertian Al-Ma’tsurat
21
2.3.2 Keutamaan dan Manfaat Membaca Al-Ma’tsurat
23
Universitas Sumatera Utara
vii 2.3.3 Hukum Membaca Al-Ma’tsurat
27
2.3.4 Siapakah Imam Hasan Al-Banna
31
Bab 3 Perancangan Sistem 3.1 Perancangan Sistem
37
3.2 Flowchart Aplikasi
39
3.3 Desain Layout Halaman Awal di Adobe Photoshop
42
3.3.1 Desain Layout Halaman Awal
42
3.3.2 Desain Tombol Klik Mulai
44
3.4 Desain Layout Halaman Awal di Adobe Flash CS3
46
3.5 Dasain Layout Menu di Adobe Flash Profesional CS3
48
3.5.1 Desain Layout Background Menu dan Daftar Al-Ma’tsurat 49 3.5.2 Desain Layout Dasar Halaman Al-Ma’sturat
52
3.5.3 Desain Tombol Back, Next, Terjemahan dan Home
54
Bab 4 Implementasi Sistem 4.1 Hasil
57
4.2 Menu Al-Ma’tsurat
58
4.3 Daftar Halaman Al-Ma’tsurat
59
Bab 5 Kesimpulan dan Saran 5.1 Kesimpulan
102
5.2 Saran
103
Daftar Pustaka
Lampiran
Universitas Sumatera Utara
viii DAFTAR TABEL
3.1 Simbol-Simbol Pada Flowchart
40
Universitas Sumatera Utara
ix DAFTAR GAMBAR
Halaman Gambar 2.1 Tampilan Adobe Flash CS3
12
Gambar 2.2 Halaman Awal Adobe Flash CS3 Profesional
14
Gambar 2.3 Halaman New Document Adobe Flash CS3
15
Gambar 2.4 Panel Action Script
19
Gambar 2.5 Library Panel
21
Gambar 3.1 Flowchart Sistem Aplikasi Al-Ma’tsurat
41
Gambar 3.2 Flowchart Perancangan Aplikasi Al-Ma’tsurat
41
Gambar 3.3 Desain Layout Halaman Awal AlMa’tsurat di Adobe Photoshop
44
Gambar 3.4 Desain Tombol Klik Mulai
45
Gambar 3.5 Desain Layout Halaman Awal
48
Gambar 3.6 Desain Layout Background Menu dan Daftar Al-Ma’tsurat
52
Gambar 3.7 Gambar Dasar Al-Ma’tsurat
53
Gambar 3.8 Desai Tombol Back, Next, Terjemahan dan Home
56
Gambar 4.1 Tampilan Halaman Awal
57
Gambar 4.2 Menu Al-Ma’tsurat
58
Gambar 4.3 Halaman 1 Al-Ma’tsurat
59
Gambar 4.4 Halaman 2 Al-Ma’tsurat
60
Gambar 4.5 Halaman 3 Al-Ma’tsurat
62
Gambar 4.6 Halaman 4 Al-Ma’tsurat
64
Gambar 4.7 Halaman 5 Al-Ma’tsurat
64
Gambar 4.8 Halaman 6 Al-Ma’tsurat
66
Gambar 4.9 Halaman 7 Al-Ma’tsurat
67
Gambar 4.10 Halaman 8 Al-Ma’tsurat
69
Gambar 4.11 Halaman 9 Al-Ma’tsurat
70
Gambar 4.12 Halaman 10 Al-Ma’tsurat
72
Gambar 4.13 Halaman 11 Al-Ma’tsurat
73
Gambar 4.14 Halaman 11 Al-Ma’tsurat
74
Universitas Sumatera Utara
x Gambar 4.15 Halaman 12 Al-Ma’tsurat
75
Gambar 4.16 Halaman 12 Al-Ma’tsurat
76
Gambar 4.17 Halaman 13 Al-Ma’tsurat
77
Gambar 4.18 Halaman 13 Al-Ma’tsurat
78
Gambar 4.19 Halaman 14 Al-Ma’tsurat
79
Gambar 4.20 Halaman 14 Al-Ma’tsurat
80
Gambar 4.21 Halaman 15 Al-Ma’tsurat
81
Gambar 4.22 Halaman 16 Al-Ma’tsurat
83
Gambar 4.23 Halaman 17 Al-Ma’tsurat
84
Gambar 4.24 Halaman 18 Al-Ma’tsurat
85
Gambar 4.25 Halaman 19 Al-Ma’tsurat
86
Gambar 4.26 Halaman 20 Al-Ma’tsurat
88
Gambar 4.27 Halaman 21 Al-Ma’tsurat
89
Gambar 4.28 Halaman 22 Al-Ma’tsurat
90
Gambar 4.29 Halaman 23 Al-Ma’tsurat
91
Gambar 4.30 Halaman 24 Al-Ma’tsurat
92
Gambar 4.31 Halaman 25 Al-Ma’tsurat
94
Gambar 4.32 Halaman 26 Al-Ma’tsurat
95
Gambar 4.33 Halaman 27 Al-Ma’tsurat
96
Gambar 4.34 Halaman 28 Al-Ma’tsurat
98
Gambar 4.35 Halaman 29 Al-Ma’tsurat
99
Gambar 4.36 Halaman 30 Al-Ma’tsurat
100
Universitas Sumatera Utara