AL-MA TSURAT BERBASIS ANIMASI MENGGUNAKAN ADOBE FLASH PROFESIONAL CS3 TUGAS AKHIR IHSANUL FAKHRIY YUSDARTONO

Transkripsi

1 1 AL-MA TSURAT BERBASIS ANIMASI MENGGUNAKAN ADOBE FLASH PROFESIONAL CS3 TUGAS AKHIR IHSANUL FAKHRIY YUSDARTONO PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014

2 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 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014

3 ii PERSETUJUAN Judul : Kategori Nama : TUGAS AKHIR Nomor Induk Mahasiswa : Program Studi Departemen Fakultas AL-MA TSURAT Berbasis Animasi Menggunakan Adobe Flash Profesional Cs3 : IHSANUL FAKHRIY YUSDARTONO : DIPLOMA (D3) TEKNIK INFORMATIKA : MATEMATIKA : 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 Dr. Suwarno Ariswoyo, M.Si NIP: NIP :

4 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

5 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 D- 3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di. Medan, Juli 2014 Penulis

6 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.

7 vi DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii iv v vi viii ix Bab 1 Pendahuluan 1.1 Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metodelogi Penelitian Sistematika Penulisan 7 Bab 2 Landasan Teori 2.1 Tentang Flash Dasar-Dasar Penggunaan Adobe Flash CS User Interface Adobe Flash CS Fasilitas Pada Adobe Flash CS Al-Ma tsurat Pengertian Al-Ma tsurat Keutamaan dan Manfaat Membaca Al-Ma tsurat 23

8 vii Hukum Membaca Al-Ma tsurat Siapakah Imam Hasan Al-Banna 31 Bab 3 Perancangan Sistem 3.1 Perancangan Sistem Flowchart Aplikasi Desain Layout Halaman Awal di Adobe Photoshop Desain Layout Halaman Awal Desain Tombol Klik Mulai Desain Layout Halaman Awal di Adobe Flash CS Dasain Layout Menu di Adobe Flash Profesional CS Desain Layout Background Menu dan Daftar Al-Ma tsurat Desain Layout Dasar Halaman Al-Ma sturat Desain Tombol Back, Next, Terjemahan dan Home 54 Bab 4 Implementasi Sistem 4.1 Hasil Menu Al-Ma tsurat Daftar Halaman Al-Ma tsurat 59 Bab 5 Kesimpulan dan Saran 5.1 Kesimpulan Saran 103 Daftar Pustaka Lampiran

9 viii DAFTAR TABEL 3.1 Simbol-Simbol Pada Flowchart 40

10 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

11 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