Aplikasi Kumpulan Doa Islami

1. HALAMAN START Layer Home

on (release) {

loadMovieNum("menu 1.swf", 0); }

2. HALAMAN MENU PERTAMA

Layer Menu Berikutnya on (release) {

loadMovieNum("menu 2", 0); }

3. HALAMAN MENU KEDUA Layer Menu Berikutnya on (release) {

loadMovieNum("menu 3.swf", 0); }

Layer Menu Sebelumnya on (release) {

loadMovieNum("menu 1.swf", 0); }

4. HALAMAN MENU KETIGA Layer Menu Berikutnya on (release) {

loadMovieNum("menu 4.swf", 0); }

Layer Menu Sebelumnya on (release) {

loadMovieNum("menu 2.swf", 0); }

5. HALAMAN MENU KEEMPAT

Layer Menu Berikutnya on (release) {

loadMovieNum("menu 5.swf", 0); }

Layer Menu Sebelumnya on (release) {

loadMovieNum("menu 3.swf", 0); }

6. HALAMAN MENU KELIMA

Layer Menu Sebelumnya on (release) {

loadMovieNum("menu 4.swf", 0); }

on (release) {

loadMovieNum("doa.swf", 0); }

Layer Menu Pertama on (release) {

loadMovieNum("menu 1.swf", 0); }

DAFTAR PUSTAKA

Sudirman. 2008. Animasi Iklan Flash Untuk Orang Awam. Jakarta: PT Maxikom.

Arry Maulana Syarif. 2006.Cara Mudah Belajar Adobe Flash CS3.Jakarta: PT Elex Media Komputindo.

Tata Danamihardja.2006.Kumpulan Doa Sehari-hari.Jakarta: PT E-Book Indonesia.

Panduan Tatacara Penulisan Tugas Akhir.2005.Dokumen Nomor: Akad/05/2005.Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Wikipedia.2013. Islam.[http://id.wikipedia.org/wiki/Islam] Diakses tanggal 10 April, 2013.

Wikipedia.2013. Doa. [http://id.wikipedia.org/wiki/Islam] Diakses tanggal 10 April,2013.

PERANCANGAN SISTEM

Untuk mulai merancang suatu animasi ini maka harus jalankan software atau aplikasi Adobe Flash CS3 lalu kemudian pilih new flash document, lalu akan muncul lembar kerja dari Adobe Flash CS3.

3.1. Desain Cover Halaman Awal

Dalam bagian ini terdapat 5 buah layer seperti layer background, sound pengantar, judul , sound dan tombol mulai. Berikut tahapannya:

Gambar 3.1. Tampilan Proses Pembuatan Halaman awal

a. Beri judul Doa.fla pada halaman baru tersebut. Buat 5 layer secara berturut yaitu layer background, sound pengantar, judul 1, sound tombol dan tombol

27

mulai. Disini penulis membuat ukuran file sebesar 700 x 500 pixel dengan layer putih.

b. Untuk background penulis, mengambil suatu wallpaper yang sudah tersedia dengan cara klik file>import>import to stage dan pilih wallpaper yang telah tersedia. Setelah gambar masuk ke library, pilih gambar tersebut dan tarik gambar tersebut sampai ke layer background maka otomatis akan muncul di latar belakang. Atur ukuran gambar sesuai dengan ukuran stage hingga menutupi background. Tekan Ctrl + Alt 9 dan Ctrl + Alt 7 untuk mengatur posisi gambar tepat berada pada stage baik secara vertical,horizontal maupun center.

.

c. Untuk layer sound pengantar, penulis mengambil suatu file sound berupa format .wav yang sudah penulis rekam dan diedit sebelumnya dengan cara klik file>import>import to library dan pilih sound yang telah tersedia. Setelah sound masuk ke library, pada menu properties pilih sound yang diinginkan maka otomatis akan muncul suara pengantar untuk judul.

d. Pada layer judul, tuliskan teks dengan judul “Assalamualaikum Selamat Datang di Aplikasi Kumpulan Doa Islami” dengan menggunakan text tool, lau bentuk sesuai pola tulisan yang diinginkan,sehingga tampilan tulisan terlihat lebih menarik kemudian klik kanan pada frame 1 dan frame 60 kemudian pilih insert key frame dan pilih motion tween di antara frame 1 dengan frame 60.

f. Untuk layer sound tombol, penulis mengambil suatu file sound berupa format .wav yang sudah telah tersedia kemudian di convert menggunakan software editor suara,setelah selesai,simpan file suara yang telah di convert tadi dengan cara klik file>export>export to computer, setelah selesai disimpan, import file tersebut ke dalam lembar kerja flash dengan cara klik file>import>import to library dan pilih sound yang telah tersedia. Setelah sound masuk ke library, pada menu properties pilih sound yang diinginkan maka otomatis akan muncul suara untuk backsound.

g. Untuk tombol mulai, buatlah sebuah tombol dengan mengunakan teks lalu sisipkan sebuah teks “Klik disini untuk mulai” kemudian beri efek garis bawah,lalu ubah kedua objek tersebut menjadi tombol dengan mengklik kanan pada kedua objek lalu pilih convert to symbol lalu pilih button, kemudian koneksikan dengan action script agar bisa lanjut ke halaman berikutnya dengan cara pilih windows > actions atau langsung shortcut dengan cara tekan F9 dikeyboard dan ketikkan script:

on (release) {

loadMovieNum("menu 1.swf", 0); }

Disini penulis membuat nama file berikutnya adalah “menu 1.swf” dan perintah diatas memiliki arti jika ditekan maka akan menuju kehalaman menu pertama.

29

3.2. Menu Pertama

Pada bagian ini terdapat 6 buah tombol pilihan doa yaitu:

1. Doa sebelum makan 2. Doa sesudah makan 3. Doa masuk wc 4. Doa keluar wc 5. Doa sebelum tidur 6. Doa bangun tidur

Sisipkan sebuah gambar background dilembar kerja seperti berikut:

Gambar 3.2. Tampilan Proses Pembuatan Menu Pertama

Kemudian sisipkan text didalam gambar tersebut dan tuliskan doa yang ingin dibuat, lalu masukkan tombol sesuai dengan text yang telah dibuat dengan cara

klik kanan lalu pilih convert to symbol lalu pilih button, kemudian klik 2 kali sehingga muncul tampilan berikut:

Gambar 3.3. Tampilan Proses Pengaturan Tombol Menu Pertama

Pada bagian Over pilih insert key frame kemudian buat efek zoom pada setiap tombol dimana ketika mouse diarahkan ke tombol maka akan muncul efeknnya kemudian pilih insert key frame pada Down lalu sisipkan lagu pada library dimana jika tombol ditekan maka akan muncul suara secara otomatis. Di setiap tombol doa,telah dikoneksikan ke halaman doa masing-masing sesuai yang dipilih.

Kemudian koneksikan teks yang telah berhasil dibuat button tadi dengan action script agar bisa lanjut ke halaman berikutnya dan ketikkan script.

on (release) {

loadMovieNum("menu 2.swf", 0);

}

Selain tombol pilihan doa,didalam menu 1 juga terdapat beberapa tombol navigasi tambahan, yaitu tombol kembali ke awal “doa.swf” , tombol kembali ke menu utama “menu 1.swf” dan tombol kehalaman berikutnya “menu 2.swf”.

31

3.3. Menu Kedua

Pada bagian ini terdapat 6 buah pilihan doa yaitu:

1. Doa menaiki kendaraan 2. Doa memohon kesembuhan 3. Doa menjenguk orang sakit 4. Doa orang yang tertimpa musibah 5. Doa penerang hati

6. Doa ketika depresi

Sisipkan sebuah gambar background dilembar kerja seperti berikut:

Gambar 3.4. Tampilan Proses Pembuatan Menu Kedua

Kemudian sisipkan text didalam gambar tersebut dan tuliskan doa yang ingin dibuat lalu masukkan tombol sesuai dengan text yang telah dibuat dengan cara

klik kanan lalu pilih convert to symbol lalu pilih button, kemudian klik 2 kali sehingga muncul tampilan berikut:

Gambar 3.5. Tampilan Proses Pengaturan Tombol Menu Kedua

Pada bagian Over pilih insert key frame kemudian buat efek zoom pada setiap tombol dimana ketika mouse diarahkan ke tombol maka akan muncul efeknnya kemudian pilih insert key frame pada Down lalu sisipkan lagu pada library dimana jika tombol ditekan maka akan muncul suara secara otomatis. Di setiap tombol doa,telah dikoneksikan ke halaman doa masing-masing sesuai yang dipilih.

Kemudian koneksikan teks yang telah berhasil dibuat button tadi dengan action script agar bisa lanjut ke halaman berikutnya dan ketikkan script.

on (release) {

loadMovieNum("menu 3.swf", 0);

}

Selain tombol pilihan doa,didalam menu 2 juga terdapat beberapa tombol navigasi tambahan yaitu tombol kembali ke awal “doa.swf” , tombol kembali ke menu “menu 1.swf” dan tombol kehalaman sebelumnya “menu 1.swf” dan tombol kehalaman berikutnya “menu 2.swf”.

33

3.4. Menu Ketiga

Pada bagian ini terdapat 6 buah pilihan doa yaitu:

1. Doa ketika bercermin 2. Doa ketika bersin 3. Doa masuk rumah 4. Doa keluar rumah 5. Doa memakai pakaian 6. Doa membuka pakaian

Sisipkan sebuah gambar background dilembar kerja seperti berikut:

Gambar 3.6. Tampilan Proses Pembuatan Menu Ketiga

Kemudian sisipkan text didalam gambar tersebut dan tuliskan doa yang ingin dibuat lalu masukkan tombol sesuai dengan text yang telah dibuat dengan cara

klik kanan lalu pilih convert to symbol lalu pilih button, kemudian klik 2 kali sehingga muncul tampilan berikut:

Gambar 3.7. Tampilan Proses Pengaturan Tombol Menu Ketiga

Pada bagian Over pilih insert key frame kemudian buat efek zoom pada setiap tombol dimana ketika mouse diarahkan ke tombol maka akan muncul efeknnya kemudian pilih insert key frame pada Down lalu sisipkan lagu pada library dimana jika tombol ditekan maka akan muncul suara secara otomatis.

Kemudian koneksikan teks yang telah berhasil dibuat button tadi dengan action script agar bisa lanjut ke halaman berikutnya dan ketikkan script.

on (release) {

loadMovieNum("menu 4.swf", 0);

}

Selain tombol pilihan doa,didalam menu 3 juga terdapat beberapa tombol navigasi tambahan yaitu tombol kembali ke awal “doa.swf” , tombol kembali ke menu “menu 1.swf” dan tombol kehalaman sebelumnya “menu 2.swf” dan tombol kehalaman berikutnya “menu 3.swf”.

35

3.5. Menu Keempat

Pada bagian ini terdapat 6 buah pilihan doa yaitu:

1. Doa mohon kebaikan dunia akhirat 2. Doa mengusir syaitan

3. Doa sebelum wudhu 4. Doa setelah wudhu 5. Doa masuk mesjid 6. Doa keluar mesjid

Sisipkan sebuah gambar background dilembar kerja seperti berikut:

Gambar 3.8. Tampilan Proses Pembuatan Menu Keempat

Kemudian sisipkan text didalam gambar tersebut dan tuliskan doa yang ingin dibuat lalu masukkan tombol sesuai dengan text yang telah dibuat dengan cara

klik kanan lalu pilih convert to symbol lalu pilih button, kemudian klik 2 kali sehingga muncul tampilan berikut:

Gambar 3.9. Tampilan Proses Pengaturan Tombol Menu Keempat

Pada bagian Over pilih insert key frame kemudian buat efek zoom pada setiap tombol dimana ketika mouse diarahkan ke tombol maka akan muncul efeknnya kemudian pilih insert key frame pada Down lalu sisipkan lagu pada library dimana jika tombol ditekan maka akan muncul suara secara otomatis.

Kemudian koneksikan teks yang telah berhasil dibuat button tadi dengan action script agar bisa lanjut ke halaman berikutnya dan ketikkan script.

on (release) {

loadMovieNum("menu 5.swf", 0);

}

Selain tombol pilihan doa,didalam menu 4 juga terdapat beberapa tombol navigasi tambahan yaitu tombol kembali ke awal “doa.swf” , tombol kembali ke menu “menu 1.swf” dan tombol kehalaman sebelumnya “menu 3.swf” dan tombol kehalaman berikutnya “menu 5.swf”.

37

3.6. Menu Kelima

Pada bagian ini terdapat 6 buah pilihan doa yaitu:

1. Doa ketika menziarahi kubur 2. Doa agar terhindar perbuatan syirik 3. Doa apabila turun hujan

4. Doa ketika ada petir

5. Doa apabila ada angin ribut 6. Doa ketika hujan reda

Sisipkan sebuah gambar background dilembar kerja seperti berikut:

Gambar 3.10. Tampilan Proses Pembuatan Menu Kelima

Kemudian sisipkan text didalam gambar tersebut dan tuliskan doa yang ingin dibuat lalu masukkan tombol sesuai dengan text yang telah dibuat dengan cara

klik kanan lalu pilih convert to symbol lalu pilih button, kemudian klik 2 kali sehingga muncul tampilan berikut:

Gambar 3.11. Tampilan Proses Pengaturan Tombol Kelima

Pada bagian Over pilih insert key frame kemudian buat efek zoom pada setiap tombol dimana ketika mouse diarahkan ke tombol maka akan muncul efeknnya kemudian pilih insert key frame pada Down lalu sisipkan lagu pada library dimana jika tombol ditekan maka akan muncul suara secara otomatis.

Kemudian koneksikan teks yang telah berhasil dibuat button tadi dengan action script agar bisa lanjut ke halaman menu awal dan ketikkan script.

on (release) {

loadMovieNum("menu 1.swf", 0);

}

Selain tombol pilihan doa,didalam menu 5 juga terdapat beberapa tombol navigasi tambahan yaitu tombol kembali ke awal “doa.swf” , tombol kembali ke menu “menu 1.swf” dan tombol kehalaman sebelumnya “menu 4.swf”.

39

3.7. Menu Doa

Pada bagian ini penulis membuat halaman setiap doa,berdasarkan menu yang telah di buat sebelumnya. Berikut salah satu contoh doa dan tahapan pembuatannya:

Gambar 3.12. Tampilan Proses Pembuatan Halaman Doa

a. Beri judul Doa yang diinginkan pada halaman baru tersebut. Buat 2 layer secara berturut yaitu layer background, dan tombol. Disini penulis membuat ukuran file sebesar 700 x 500 pixel dengan layer putih.

b. Untuk background penulis, mengambil suatu wallpaper yang sudah tersedia dengan cara klik file>import>import to stage dan pilih wallpaper yang telah tersedia. Setelah gambar masuk ke library, pilih gambar tersebut dan tarik gambar tersebut sampai ke layer background maka otomatis akan muncul di latar belakang. Atur ukuran gambar sesuai dengan ukuran stage hingga menutupi background. Tekan Ctrl + Alt 9 dan Ctrl + Alt 7 untuk mengatur posisi gambar tepat berada pada stage baik secara vertical,horizontal maupun center.

c. Untuk layer sound pengantar penulis mengambil suatu file sound berupa format .wav yang sudah penulis rekam sebelumnya dengan cara klik file>import>import to library dan pilih sound yang telah tersedia. Setelah sound masuk ke library, pada menu properties pilih sound yang diinginkan maka otomatis akan muncul suara pengantar untuk judul.

d. Untuk tombol mulai, buatlah sebuah tombol menggunakan gambar yang telah di import ke file library lalu ubah kedua objek tersebut menjadi tombol dengan mengklik kanan pada kedua objek lalu pilih convert to symbol lalu pilih button, kemudian koneksikan dengan action script.

BAB 4

IMPLEMENTASI SISTEM

4.1. Hasil

Ketika pertama kali dibuka, aplikasi ini akan menampilkan halaman intro. Pada intro terdapat tombol klik di sini untuk mulai, jika user mengklik tombol tersebut maka user akan masuk ke daftar menu pembelajaran doa.

Gambar 4.1. Tampilan halaman awal

Pada menu ini juga terdapat suara latar dari aplikasi,dan juga animasi huruf yang bergerak, mengikuti pola yang ingin dibuat sebelumnya.

4.2. Menu Pertama

Pada halaman ini terdapat tombol enam buah doa yang sudah terhubung ke setiap halaman doa tersebut, yaitu doa sebelum makan, doa sesudah makan, doa masuk kamar mandi, doa keluar kamar mandi, doa sebelum tidur, dan doa bangun tidur. Selain enam tombol tersebut,pada halaman menu terdapat juga beberapa tombol tambahan seperti tombol kembali halaman utama aplikasi, tombol ke halaman menu pertama,dan tombol ke halaman berikutnya.

Gambar 4.2. Halaman Menu Pertama 4.2.1. Daftar Doa Pada Menu Pertama

Pada halaman doa ini terdapat 6 buah tombol doa,dan merupakan halaman isi dari doa yang telah dibuat berdarkan pada menu Pertama. Di setiap halaman doa terdapat empat buah tombol bantuan yaitu, tombol bantuan suara doa, yang berfungsi membantu pengguna dalam melafalkan doa, tombol ke halaman menu pertama, tombol ke halaman sebelumnya dan tombol kehalaman berikutnya.

43

1. Doa sebelum makan

Gambar 4.3. Doa Sebelum Makan 2. Doa sesudah makan

Gambar 4.4. Doa Sesudah Makan

3. Doa masuk kamar mandi

4. Doa keluar kamar mandi

Gambar 4.6. Doa Keluar Kamar Mandi

5. Doa sebelum tidur

Gambar 4.7. Doa Sebelum Tidur

6. Doa ketika bangun tidur

45

4.3. Menu Kedua

Pada halaman ini terdapat tombol enam buah yaitu doa menaiki kendaraan, doa memohon kesembuhan, doa menjenguk orang sakit, doa orang yang tertimpa musibah, doa penerang hati, doa ketika depresi. Sama seperti halaman pertama,pada Halaman Kedua ini terdapat terdapat juga beberapa tombol tambahan seperti tombol kembali halaman utama aplikasi, tombol ke halaman menu pertama,tombol ke halaman sebelumnya dan tombol ke halaman berikutnya.

Gambar 4.9. Halaman Menu Kedua 4.3.1. Daftar Doa Pada Menu Kedua

Pada halaman doa ini terdapat 6 buah tombol doa,dan merupakan halaman isi dari doa yang telah dibuat berdarkan pada menu Pertama. Di setiap halaman doa terdapat empat buah tombol bantuan yaitu, tombol bantuan suara doa, yang berfungsi membantu pengguna dalam melafalkan doa, tombol ke halaman menu pertama, tombol ke halaman sebelumnya dan tombol kehalaman berikutnya.

1. Doa menaiki kendaraan

Gambar 4.10. Doa Menaiki Kendaraan

2. Doa memohon kesembuhan

Gambar 4.11. Doa Memohon Kesembuhan

3. Doa menjenguk orang sakit

47

4. Doa orang yang tertimpa musibah

Gambar 4.13. Doa Orang Yang Tertimpa Musibah

5. Doa penerang hati

Gambar 4.14. Doa Penerang Hati

6. Doa ketika depresi

4.4. Menu Ketiga

Pada halaman ini terdapat tombol enam buah doa yang sudah terhubung ke setiap halaman doa tersebut. Sama seperti halaman sebelumnya, pada Halaman Kedua ini terdapat 6 buah doa sehari-hari yaitu, doa ketika bercermin, doa ketika bersin, doa masuk rumah, doa keluar rumah, doa memakai pakaian, doa membuka pakaian.

Gambar 4.16. Halaman Menu Ketiga 4.4.1. Daftar Doa Pada Menu Ketiga

Pada halaman doa ini terdapat 6 buah tombol doa,dan merupakan halaman isi dari doa yang telah dibuat berdarkan pada menu Pertama. Di setiap halaman doa terdapat empat buah tombol bantuan yaitu, tombol bantuan suara doa, yang berfungsi membantu pengguna dalam melafalkan doa, tombol ke halaman menu pertama, tombol ke halaman sebelumnya dan tombol kehalaman berikutnya.

49

1. Doa ketika bercermin

Gambar 4.17. Doa Ketika Bercermin

2. Doa ketika bersin

Gambar 4.18. Doa Ketika Bersin

3. Doa masuk rumah

4. Doa keluar rumah

Gambar 4.20. Doa Keluar Rumah 5. Doa memakai pakaian

Gambar 4.21. Doa Memakai Pakaian

6. Doa membuka pakaian

51

4.5. Menu Keempat

Pada halaman ini terdapat tombol enam buah doa yang sudah terhubung ke setiap halaman doa tersebut. Sama seperti halaman sebelumnya, pada Halaman Keempat ini terdapat 6 buah doa sehari-hari, yaitu doa mohon kebaikan dunia akhirat, doa mengusir syaitan, doa sebelum wudhu, doa setelah wudhu, doa masuk mesjid, doa keluar mesjid.

Gambar 4.23. Halaman Menu Keempat 4.5.1. Daftar Doa Pada Menu Keempat

Pada halaman doa ini terdapat 6 buah tombol doa,dan merupakan halaman isi dari doa yang telah dibuat berdarkan pada menu Pertama. Di setiap halaman doa terdapat empat buah tombol bantuan yaitu, tombol bantuan suara doa, yang berfungsi membantu pengguna dalam melafalkan doa, tombol ke halaman menu pertama, tombol ke halaman sebelumnya dan tombol kehalaman berikutnya.

1. Doa mohon kebaikan dunia dan akhirat

Gambar 4.24. Doa Mohon Kebaikan Dunia Dan Akhirat

2. Doa mengusir syaitan

Gambar 4.25. Doa Mengusir Syaitan

3. Doa sebelum wudhu

53

4. Doa setelah wudhu

Gambar 4.27. Doa Setelah Wudhu 5. Doa masuk mesjid

Gambar 4.28. Doa Masuk Mesjid

6. Doa keluar mesjid

4.6. Menu Kelima

Pada halaman ini terdapat tombol enam buah doa yang sudah terhubung ke setiap halaman doa tersebut. Sama seperti halaman sebelumnya,pada Halaman Kelima ini terdapat 6 buah doa sehari-hari yaitu, doa ketika menziarahi kubur, doa agar terhindar perbuatan syirik, doa apabila turun hujan, doa ketika ada petir, doa apabila ada angin ribut, doa ketika hujan reda.

Gambar 4.30. Halaman Menu Kelima

4.6.1. Daftar Doa Pada Menu Kelima

Pada halaman doa ini terdpat 6 buah tombol doa,dan merupakan halaman isi dari doa yang telah dibuat berdarkan pada menu Pertama. Di setiap halaman doa terdapat empat buah tombol bantuan yaitu, tombol bantuan suara doa, yang berfungsi membantu pengguna dalam melafalkan doa, tombol ke halaman menu pertama, tombol ke halaman sebelumnya dan tombol kehalaman berikutnya.

55

1. Doa ketika menziarahi kubur

Gambar 4.31. Doa Ketika Menziarahi Kubur 2. Doa agar terhindar perbuatan syirik

Gambar 4.32. Doa Agar Terhindar Perbuatan Syirik

3. Doa apabila turun hujan

4. Doa ketika ada petir

Gambar 4.34. Doa Ketika Ada Petir

5. Doa apabila ada angin ribut

Gambar 4.35. Doa Apabila Ada Angin Ribut

6. Doa ketika hujan reda

BAB 5

PENUTUP

5.1. Kesimpulan

Dari hasil pengamatan penulis maka dapat disimpulkan bahwa:

1. Dengan aplikasi ini para pengguna dapat mempelajari doa sehari-hari islami dengan mudah dan praktis, karena tidak menggunakan buku sebagai model pembelajaran.

2. Aplikasi yang dibuat menarik, karena aplikasi ini dilengkapi dengan gambar, penuh warna, suara sehingga para pengguna khususnya anak-anak akan lebih tertarik dan tidak jenuh.

3. Aplikasi ini tidak hanya dijalankan dengan flash player namun juga dapat dijalankan dengan menggunakan browser dengan menyimpannya kedalam bentuk HTML, sehingga user yang tidak memiliki flash player pada komputernya tetap dapat menggunakan aplikasi ini

5.2. Saran

Saran yang dapat penulis berikan berhubungan dengan aplikasi yang di buat ini adalah:

1. Dalam pembuatan animasi sebaiknya di lengkapi dengan video dan dapat juga digunakan gabungan dengan aplikasi pembuatan animasi lain yang dapat membuat objek 3 dimensi agar animasi menjadi lebih menarik.

2. Beberapa Doa dan gambar masih belum lengkap, maka penulis harus melengkapinya.

3. Dalam aplikasi ini penulis belum mencantumkan quis yang berhubungan dengan materi aplikasi ini. Bagi yang ingin mengembangkan, diharapkan untuk dapat melengkapinya.

BAB 2

LANDASAN TEORI

2.1. Sekilas Tentang Flash

Flash adalah adalah salah satu software yang merupakan produk unggulan pembuat animasi gambar vektor yang sangat diminati saat ini. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension *.swf dan dapat diputar di penjelajah web yang telah dipasangi Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript.

Flash lahir dari kepala seseorang bernama Jonathan Gay. Jon yang geek gemar menulis game dan membuat animasi di komputer. Ia menciptakan game Mac Airborne! tahun 1985, ketika ia masih duduk dibangku sekolah.

Tahun 1993 ia mendirikan FutureWave Software dengan produk pertama SmartSketch. Inilah cikal bakal Macromedia Flash. Tahun 1995 SmartSketch berganti nama menjadi CelAnimator. Menjelang akhir 1995, FutureWave sempat mengalami masalah finansial dan mencari pembeli. Tiga calon yang ketika itu didekatinya adalah John Warnock dari Apple, lalu juga Adobe dan Fractal Designs.

Juli 1996 CelAnimator berubah nama kembali menjadi FutureSplash Animator. Produk ini menimbulkan minat di kalangan industri. Tak kurang dari Microsoft yang menggunakan dan amat menyukainya. Disney juga sama. Ketika itu MSN ingin dibuat mengikuti model televisi, dan animasi-animasi full screen dibuat dengan FutureSplash

Desember 1996, Macromedia yang sedang membujuk Disney agar memakai Shockwaveplugin browser untuk produk animatornya bernama Director—mendekati Jon. Akhirnya terjadilah deal dan FutureSplash Animator berubah nama menjadi Flash 1.0.

Ada desas-desus bahwa jika Macromedia membeli FutureWave, maka Microsoft akan mencaplok Macromedia. Ternyata dugaan tersebut tidak benar, karena Microsoft kemudian mengubah haluan dan menjadikan MSN lebih berbasis teks ketimbang televisi.

Selanjutnya Flash 2 dirilis pertengahan 1997 dan mendapatkan pujian di mana-mana. Flash 3 dan Generator menyusul April 1998. Karena tekanan Adobe yang mempromosikan format SVG— Macromedia mengumumkan membuka format file *.swf bagi public.

Flash 4 dan 5 menyusul 1999 dan Juli 2000. Sementara itu semakin banyak software lain yang mendukung memainkan dan menghasilkan .swf, antara lain QuickTime dan CorelDRAW. Versi 5 menambahkan integrasi dengan XML,

10

Generator, dan ActionScript. Penetrasi browser terus meningkat hingga kini mencapai 96%. Player Flash telah tersedia untuk berbagai platform: Windows, Mac, Unix, BeOS, hingga OS/2 dan PocketPC.Jonathan Gay kini bekerja sebagai developer untuk Macromedia.

Adobe Flash yang dahulu bernama Macromedia Flash dikarenakan Macromedia yang merupakan produsen pembuat flash profesional kini telah merjer dengan adobe corp, perubahan terjadi pada macromedia flash series 9 menjadi Adobe Flah CS3 pada April 16, 2007, merupakan tools yang dikembangkan untuk membuat berbagai aplikasi berbasis internet.

Pada awalnya, Flash yang dilengkapi bahasa pemrograman ActionScript digunakan oleh developer web untuk mendesain web menjadi lebih interaktif dengan berbagai macam animasi. Namun, kemudian Flash banyak digunakan untuk membuat aplikasi multimedia interaktif. Seperti iklan banner, intro film, CD interactive, hingga pembuatan dan animasi. Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama FutureSplash.

Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi Adobe Flash.

2.2. Dasar-Dasar Penggunaan Adobe Flash Cs 3

2.2.1. User Interface Adobe Flash Cs 3

Menu Bar Title Bar Timeline Panel

Tool Box Properties Panel Stage Library Panel

Gambar 2.1. Tampilan Adobe Flash CS 3

1. Title Bar

Merupakan nama file atau judul program yang sedang aktif atau sedang digunakan.

12

2. Menu Bar

Berisi perintah-perintah operasi yang ada di Adobe Flash CS3 yang berada di bawah title bar

3. Timeline Panel

Panel yang digunakan untuk pengaturan layer, timing, objek, pengaturan panjang atau lamanya durasi movie yang dibuat.

4. Properties Panel

Panel yang menampilkan informasi-informasi yang berkaitan dengan objek yang sedang aktif, seperti gambar, teks, stage, dan lain-lain.

5. Stage

Halaman kerja yang digunakan untuk menempatkan berbagai macam objek Flash yang akan ditampilkan.

6. Tool Box

Kumpulan tool atau peralatan yang mempunyai fungsi-fungsi tersendiri untuk berbagai keperluan seperti desain, editing, dan pengaturan gambar atau objek.

7. Library Panel

Panel yang menyimpan objek-objek seperti movieclip, graphic, button, sound, video, dan lain-lain yang digunakan dalam pembuatan aplikasi.

2.2.2. Fasilitas pada Adobe Flash CS3

1. Halaman New document

Ketika pertama kali membuka Adobe Flash CS3, maka akan muncul start page seperti berikut :

14

2. Tool Box

Fasilitas Tool Box seperti telah dijelaskan sekilas di awal adalah sekumpulan tool atau alat yang mempunyai fungsi-fungsi tersendiri untuk keperluan desain.

Berikut penjelasan setiap tool yang ada di Tool Box.

a. Arrow Tool (V)

Sering disebut Selective Tool berfungsi untuk memilih atau menyeleksi suatu objek.

b. Subselection Tool (A)

Subselection Tool berfungsi menyeleksi bagian objek lebih detail dari pada Selection Tool

.

c. Free Transform Tool (Q)

Free Transform Tool berfungsi untuk mentransformasikan objek yang terseleksi

.

d. Gradien Transformasi Tool (F)

Gradien Transform Tool berfungsi untuk mentransformasikan warna dari fill objek yang terseleksi.

e. Lasso Tool (L)

Lasso Tool berfungsi untuk melakukan seleksi dengan menggambar sebuah garis seleksi.

f. Pen Tool (P)

Pen Tool berfungsi untuk menggambar garis dengan bantuan titik-titik bantu seperti dalam pembuatan garis, kurva atau gambar.

g. Text Tool (T)

Text Tool berfungsi untuk membuat objek teks.

h. Line Tool (N)

Line Tool berfungsi untuk membuat garis.

i. Regtangle Tool (R)

Regtangel Tool berfungsi untuk menggambar bentuk persegi panjang atau bujur sangkar.

j. Oval Tool (O)

16

k. Poly Star Tool

Poly Star Tool berfungsi untuk menggambar bentuk dengan jumlah segi yang diinginkan.

l. Pencil Tool (Y)

Pencil Tool berfungsi untuk menggambar garis.

m. Brush Tool (B)

Brush Tool berfungsi untuk menggambar bentuk garis dan bentuk bebas.

n. Ink Bottle (S)

Ink Bottle berfungsi untuk mengubah warna garis, lebar garis, dan style garis atau garis luar sebuah bentuk.

o. Paint Bucket Tool (K)

Paint Bucket Tool berfungsi untuk mengisi area-area kosong atau digunakan untuk mengubah warna area sebuah objek yang telah diwarnai.

p. Eraser Tool (E)

Eraser Tool berfungsi untuk menghapus objek.

q. Hand Tool (H)

Hand Tool berfungsi untuk untuk menggeser tampilan stage tanpa mengubah pembesaran.

r. Zoom Tool (M, Z)

Zoom Tool berfungsi untuk memperbesar atau memperkecil tampilan pada stage.

s. Stroke Color

Stroke Color berfungsi untuk memilih atau member warna pada suatu garis.

t. Fill Color

Fill Color berfungsi untuk memilih atau member warna pada suatu objek.

u. Black and White

18

v. Swap Color

Swap Color berfungsi untuk menukar warna fill dan stroke atau sebaliknya dari suatu objek atau gambar.

w. No Color

No Color berfungsi untuk menghilangkan warna fill atau stroke suatu objek.

2.3 Sejarah Islam

Dalam Menurut etimology, Islam berasal dari kata salima yang artinya selamat. Kemudian dari kata tersebut dibentuk menjadi kata aslama yang artinya menyelamatkan. Berarti juga tunduk, patuh, dan taat. Kata aslama itulah menjadi kata Islam yang mengandung semua arti yang terkandung dalam kata dasarnya.

Oleh sebab itu orang yang melakukan aslama atau masuk Islam dinamakan muslim. berarti orang itu telah menyatakan diri untuk taat, menyerahkan diri dan patuh kepada Allah SWT. Islam menurut terminology adalah tunduk dan patuh untuk melaksanakan segala sesuatu yang dibawa oleh nabi Muhammad SAW yang diketahui dan terkenal bahwasanya itu merupakan syari'at Islam. Islam dapat disimpulkan kesejahteraan dan kebahagiaan hidup dan kehidupan manusia, baik di dunia maupun akhirat.

2.4Pengertian Do’a

Doa adalah permohonan kepada Allah yang disertai kerendahan hati untuk mendapatkan suatu kebaikan dan kemaslahatan yang berada di sisi-Nya. Sedangkan sikap khusyu’ dan tadharru’ dalam menghadapkan diri kepada-Nya merupakan hakikat pernyataan seorang hamba yang sedang mengharapkan tercapainya sesuatu yang dimohonkan. Itulah pengertian doa secara syar’i yang sebenanya.

Doa dalam pengertian pendekatan diri kepada Allah dengan sepenuh hati, banyak juga dijelaskan dalam ayat-ayat Al-Qur’an. Bahkan Al-Qur’an banyak menyebutkan pula bahwa tadharu’ yaitu berdoa dengan sepenuh hati hanya akan muncul bila di sertai keikhlasan. Hal tesebut merupakan kebiasaan yang dilakukan oleh orang-orang shalih. Dengan tadharu’ dapat menambah kemantapan jiwa, sehingga doa kepada Allah akan senantiasa dipanjatkan, baik dalam keadaan senang maupun dalam keadaan susah, dalam penderitaan maupun dalam kebahagiaan, dalam kesulitan maupun dalam kelapangan. Dalam Al-Qur’an Allah telah menegaskan : “Dan bersabarlah kamu bersama-sama dengan orang-orang yang menyeru Tuhannya di pagi dan senja hari dengan mengharapkan keridhaan-Nya, dan janganlah kedua matamu berpaling dari mereka karena mengharapkan perhiasan kehidupan dunia, dan janganlah kamu mengikuti orang yang hatinya telah Kami lalaikan dari mengingati Kami serta menuruti hawa nafsunya dan adalah keadaannya itu melewati batas.” (QS. Al-Kahfi : 28).

Al-Qur’an juga memberikan penjelasan bahwa orang-orang yang taat melakukan ibadah senantiasa mengadakan pendekatan kepada Allah dengan

20

memanjatkan doa yang disertai keikhlasan hati yang mendalam. Sebuah doa akan cepat dikabulkan apabila disertai keikhlasan hati dan berulangkali dipanjatkan. Hal ini banyak ditegaskan dalam ayat Al-Qur’an, diantaranya : “Berdoalah kepada Tuhanmu dengan berendah diri dan suara yang lembut. Sesungguhnya Allah tidak menyukai orang-orang yang melampaui batas. Dan janganlah kamu membuat kerusakan di muka bumi sesudah Allah memperbaikinya, dan berdoalah kepada-Nya dengan rasa takut akan tidak diterima dan penuh harapan untuk dikabulkan. Sesungguhnya rahmat Allah sangat dekat kepada orang-orang yang berbuat baik.” (QS. Al-Ar’af : 55-56).

Pengertian doa bagian dari ibadah adalah bahwa kedudukan doa dalam ibadah ibarat mustaka dari sebuah bangunan mesjid. Doa adalah tiang penyangga, komponen penguat serta syiar dalam sebuah peribadatan. Dikatakan demikian karena doa adalah bentuk pengagungan terhadap Allah dengan disertai keikhlasan hati serta permohonan pertolongan yang disertai kejernihan nurani agar selamat dari segala musibah serta meraih keselamatan abadi.

2.5Fungsi doa dalam kehidupan sehari-hari

Walaupun secara kualitas doa disejajarkan dengan setengah ibadah wajib, tapi dari segi substansinya doa merupakan inti dari setiap ibadah yang kita lakukan kepada sang pencipta. Shalat yang kita lakukan terdiridari kumpulan doa, mulai dari awal takbir sampai salam, begitupun ibadah yang lain. Makanya tak salah kalau Rasullulah mengatakan bahwa doa adalah ruhnya ibadah. Tanpa doa ibadah tidak akan punya arti apa-apa.

Secara mendasar doa merupakan penghancuran nilai-nilai egoisme kemanusiaan yang selalu identik dengan kesombongan, keangkuhan dan merasa bahwa setiap keberhasilan adalah jerih payah sendiri tanpa menganggab adanya campur tangan Allah SWT sebagai Zat Pengatur. Keberhasilan selalu diidentikkan dengan kecerdasan kognitif semata, kesuksesan selalu dipahami sebagai jerih payah sendiri, disinilah celah tipuan setan untuk menggiring kita menjadi manusia yang mengingkari nilai ketuhanan. Dengan berdoa manusia diajarkan tentang satu hal, bahwa sebagi makhluk Allah kita memiliki sangat banyak kekurangan dan kelemahan, tanpa bantuan sang Khalik kita tidak akan bias memahami setiap kejadian di muka bumi ini. Manusia hanya sebutir kerikil di tengah samudera laupatan pasir, betapa kecil dan sangant dhaif. Maka tak salah jika Allah memberikan cap sombong kepada manusia ketika dia tidak berdoa sedikitpun sehabis melaksanakn shalat dan dalam kegiatan sehari-hari.

Kemudian, doa sangat berpengaruh terhadap sikap mental manusia yang merupakan unsur penting dalam meraih kebrhasilan. Seseorang yang bermental pantang menyerah tentulah dalamsetiap usaha akan selau berusaha keras. Ketika menghadapi setiap rintangan, dia hanya akan menganggabnya sebagai cobaan kecil dan merupakan anak tangga untuk meraih keberhasilan. Sebaliknya seseorang yang bermental korup sudah tentu setiap detik yang terlintas dalam pikirannya bagaimana hari ini mendapatkan uang yang banyak dan metode apalagi yang harus diterapkan. Ini merupakansikap pengecut, yaitu takut miskin dan sekaligus musyrik karena tidak percaya rezeki dari sang pencipta. Dalam sebuah riwayat diceritakan, ketika sahabat datang menemui Rasulullah dan berkata: “ Ya Rasulullah saya terbelit

22

hutang, tolonglah saya”, tak lama berselang sahabat lain juga dating dan mengadukan hal yang sama: “Ya Nabiyullah, saya tidak punya uang”.

Selanjutnya kepada yang kedua Rasulullah memberikan sebuah kampak dan memerintahkan sahabat tersebut pergi mencari kayu bakar untuk dijual di pasar, sedangkan kepada sahabat yang pertama Rasulullah tidak memberi apa-apa kecuali hanya mengajarkansebuah doa untuk diamalkan: “Ya Allah aku berlindung dari perasaan gundah gulana, lilitan hutang, dan intimidasi orang-orang kuat”. Dari penggalan hadist di atas mkengandung suatu pelajaran yang sangat dalam, bahwa ketika sahabat mengadukankondisinya yang paillit dan dililit hutang serta kesulitan untuk memenuhi kehidupan sehari-hari, secara gambling bias kita pahami pada intinya mereka berharap Rasulullah memberikan uang sesuai dengan kemampuan Beliau. Tapi diluar dugaan, Rasulullah tidakmemberikan uang, tapi hanya memberikan sebuah kapak dan sebuah doa.

Tentu saja bukan berarti Rasulullah tidak mau memberi uang, tapi Nabi ingin mendidik sahabat Beliau dengan memberikan pelajaran. Pertama, perilaku minta-minta adalah sifat yang dibenci Allah, karena merupakan perendahan harga diri di depan manusia, menghilangkan rasa malu, dan yang terpenting pasti kan membelenggu diri untuk kebiasaan buruk dan monoton, yaitu akan menjadi orang yang tidak mau berusaha. Seandainya Rasulullah waktu itu memberikan uangn, bukan tidak mungkin sahabat tersebut akan dating lagi ketika kembali kehabisan uang.

Kedua, Rasulullah ingin mendidik mental para sahabat Beliau dan kita umatnya agar jangan bermental rendah diri dan tidak selalu bergantung kepada orang lain walaupun itu saudara sendiri . ketika mental sudah terbiasa mengandalkan hutang, berarti kita sudah membelengu otak dan pikiran untuk tidak mau berusaha mendapatkan uang dengancara lain. Di akhir riwayat, kedua sahabat tersebut mendatangi Rasulullah kembali dan mengatakan bahwa mereka tidak punya hutang lagi dan sudah bisa memenuhi kebutuhanhidup sehari-hari. Hal ini menbuktikan bahwa doa dapat memberikan motivasi diri untuk melepaskan diri dari belenggu hutang yang merupakan sumber gundah gulana.

Kian hari banyak sekali godaan yang menghadang kita untuk mendekatkan diri kepada Allah SWT. Segala bentuk kesenangan duniawi seakan menjerat kita untuk menjauh dari yang maha memberi kesenangan. (Tata Danamihardja.2006)

2.6 Flowchart Aplikasi

Flowchart atau diagram alir adalah sekumpulan simbol-simbol atau bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Flowchart merupakan cara penyajian dari suatu algoritma. Tahap selanjutnya adalah tahap pembuatan flowchart atau aliran informasi dari aplikasi tersebut. Flowchart atau diagram alir adalah gambaran yang menampilkan struktur, urutan kegiatan dari suatu program dari awal sampai akhir dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman aplikasi tersebut. Berikut adalah tabel yang menjelaskan arti dari lambang-lambang

24

atau simbol-simbol yang digunakan oleh penulis dalam pembuatan flowchart program :

No. Simbol Keterangan

1

Terminator yaitu menyatakan start dan stop suatu program

2

Preparation atau persiapan yaitu pemberian harga awal dan deklarasi variabel dan lain-lain.

3

Input/output yaitu proses pemasukan atau pengeluaran data

4 Process yaitu proses pengolahan data

5

Decision yaitu proses pengambilan keputusan untuk memilih satu diantara dua alternatif

6

Predefined process yaitu kumpulan langkah-langkah seperti Subrutine atau module

7 Silinder yaitu penyimpanan data

8 Arrow yaitu penunjuk arah aliran program

9

On Page Reference simbol penghubung digunakan untuk menunjukkan sambungan dari bagan alir yang terputus dihalaman yang masih sama

10

Document, menyatakan simbol untuk data yang berbentuk kertas maupun untuk informasi

Tabel 2.3 Simbol-Simbol Pada Flowchart

Gambar 2.4 Flowchart Aplikasi Doa Islami Keluar

Home.fla

Menu

Menu 1 Menu 2 Menu 3 Menu 4 Menu 5

Doa 1

Doa 2

Doa 13 Doa 7

Doa 8 Doa 14

Doa 19 Doa 25

Doa 20 Doa 26

Doa 27

Doa 3 _{Doa 9} Doa 15 Doa 21

Doa 4 Doa 10 Doa 16 Doa 22 Doa 28

Doa 5 Doa 11 Doa 17 Doa 23 Doa 29

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Sudah tidak bisa disangkal lagi perkembangan teknologi saat ini semakin pesat, terutama teknologi komputer yang semakin hari semakin canggih. Padahal sebelumnya komputer hanya digunakan sebagai alat penghitung dan pengolahkata, tapi sekarang zaman sudah berubah di setiap aktifitas apapun computer selalu menjadi alat bantu manusia untuk melakukan aktifitasnya. Terlebih lagi sekarang teknologi komputer sudah merambah dalam berbagai aktifitas. Penyampaian informasi sudah dilakukan dengan berbagai macam cara, baik dalam bentuk visual maupun audio visual, salah satunya yaitu dengan penyampaian informasi multimedia. Pada awalnya multimedia hanya mencakup media yang menjadi konsumsi indra penglihatan (gambar diam, teks, gambar gerak video, dan gambar gerak rekaan/animasi), dan konsumsi indra pendengaran (suara).

Multimedia adalah penggunaan computer untuk menyajikan dan menggabungkan teks, suara, gambar, animasi dan video dengan alat bantu dan koneksi sehingga pengguna dapat berinteraksi,berkarya dan berkomunikasi. Multimedia sering digunakan dalam dunia hiburan.Selain dari dunia hiburan, Multimedia dimanfaatkan juga dalam dunia pendidikan.Di dunia pendidikan, multimedia digunakan sebagai media pengajaran, baik dalam kelas maupun secara sendiri – sendiri.

Doa merupakan bagian yang tidak pernah ketinggalan saat para Muslim beraktifitas dimana pun dan kapan pun. Dengan perkembangan teknologi yang semakin pesat, tidak menutup kemungkinan akan lahir suatu aplikasi yang menampung doa islami dalam satu wadah. Mengingat kesibukan aktifitas sehari-hari para Muslim yang memungkinkan bahwa tidak adanya waktu luang untuk mempelajari doa-doa sehari-hari islami bagi yang belum mengetahui maka dibutuhkan suatu aplikasi doa islami yang dapat digunakan dimana pun dan kapan pun.

Pengenalan do’a sehari-hari lebih baik dipelajari sejak dini, karena anak-anak masih dalam tahap pengembangan diri. Saat ini anak-anak lebih tertarik bermain dengan komputer dibandingkan dengan belajar membaca buku. Pembelajaran melalui media interaktif adalah salah satu cara pembelajaran yang efektif dilakukan saat ini.

Melihat hal diatas, penulis mencari solusi dengan membuat Kumpulan Do’a Sehari-hari. Walaupun aplikasi yang serupa sudah banyak dibuat, tetapi tampilan dari aplikasi yang ada cenderung monoton karena tidak adanya animasi-animasi yang membuat anak-anak bosan untuk melihat isi aplikasi tersebut. Penulis tentunya sangat berupaya menyajikan dan membuat aplikasi terbaik,sehingga dapat menjadi daya tarik tersendiri dalam penyuguhan informasi pada aplikasi.

Tapi kini ada salah satu solusinya agar menambah daya tarik para murid agar lebih mudah memahami materi tersebut. Dengan media komputer menggunakan animas - animasi pada pembelajaran akan membuat daya tarik para murid murid untuk bisa memahami materi tersebut. Dengan cara seperti ini dipastikan akan memudahkan para pengajar terutama para pengajar pemula. Salah satu software untuk membuat

3

aplikasi tersebut adalah Adobe Flash CS3. Dalam tugas akhir ini penulis membuat aplikasi pembelajaran mengenai pengenalan doa sehari-hari. Aplikasi ini menunjukkan bahwa apa saja dalam setiap melakukan sesuatu hendaknya berdoa terlebih dahulu memohon restu dari Allah SWT.

1.2 Rumusan Masalah

Adapun rumusan masalah sebagai berikut:

1. Metode pengenlan doa berbasis animasi masih jarang digunakan pada masa Kanak kanak .

2. Terbatasnya minat sebagian pengajar untuk menyampaikan dengan metode seperti ini.

3. Terdapat kasus-kasus dimana para pengajar enggan menggunakannya dikarenakan kurangnya fasilitas seperti komputer.

1.3 Tujuan Penelitian

Adapun tujuan penelitian yang dilakukan adalah:

1. Untuk memudahkan anak-anak melafal serta memahami arti penting sebuah doa dan maknanya.

2. Untuk memudahkan orangtua untuk menyampaikan dan mengenalkan doa yang kepada anak-anaknya

3. Untuk menghilangkan kejenuhan anak-anak dalam proses belajar mengenali,dan melafali sebuah doa.

1.4 Batasan Masalah

Agar pembahasan tidak menyimpang dari tujuan, maka perlu dibuat suatu batasan masalah sebagai berikut:

1.4.1 Pembuatan animasi ini menggunakan Adobe Flash CS 3, dimana tampilan animasi hanya menggunakan bentuk 2 dimensi yang dianimasikan dengan perhitungan waktu dan program.

1.4.2 Script yang digunakan untuk program animasi ini adalah action script 2.0 yang sudah tersedia dalam software.

1.4.3 Materi yang disampaikan pada animasi ini hanya diterapkan pada anak-anak.

1.5 Kontribusi Penelitian

Penelitian dilaksanakan untuk mengetahui dan memahami permasalahan yang terjadi dalam proses belajar pengenalan doa. Dalam hal ini, masalah yang terjadi adalah tentang sulitnya para murid memahami pelajaran dari pengajarnya dan mencari jalan keluar atau solusi untuk menyelesaikan masalah tersebut.

5

Oleh karena itu, dengan menggunakan Program Aplikasi ini, diharapkan dapat membantu para orang tua untuk memudahkan dalam proses belajar, sehingga dapat mudah dimengerti oleh anak-anak.

1.6 Kajian Pustaka

Dalam metode ini, pengumpulan data dilakukan dengan cara mempelajari buku-buku yang mendukung, termasuk di dalamnya literatur tentang penulisan dan mengenai hal-hal yang mendukung pembuatan program aplikasi. Juga mempelajari dari sumber data yang lain seperti dari internet dan CD reverensi program.

1.7 Metodologi Penelitian

1. Metode Pengumpulan data

Studi pustaka yaitu dengan mempelajari buku-buku yang mendukung. Juga mempelajari dari internet.

2. Membuat Aplikasi

a. Tahap Analisis Sistem adalah sebuah tahap pengidentifikasian sebuah masalah secara jelas dan kemudian menentukan cara pemecahannya. b. Desain yaitu membuat tampilan program semenarik mungkin. c. Coding yaitu membuat kode terhadap program.

d. Debugging yaitu tahap pencarian kesalahan dalam program. e. Compiling yaitu membuat program menjadi executable.

3. Uji Aplikasi

Pengujian aplikasi yang telah dibuat apakah sesuai dengan yang telah direncanakan dan mencari kesalahan aplikasi untuk diperbaiki.

4. Perbaikan

Memperbaiki kesalahan atau kelemahan yang ditemukan dan memperbaiki untuk memaksimalkan aplikasi

5. Membuat laporan Tugas Akhir

Membuat laporan tugas akhir sebagai laporan ke jurusan.

1.8 Sistematika Penulisan

Sistematika penulisan Tugas Akhir ini dibagi menjadi lima bab yaitu sebagai berikut:

BAB 1 Pendahuluan

Bab ini berisi latar belakang, rumusan masalah, tujuan

penelitian, batasan masalah, kontribusi penelitian, kajian pustaka, metodologi penelitian, sistematika penulisan.

7

BAB 2 Landasan Teori

Bab ini mengungkapkan tentang konsep dasar dan teori-teori yang mendukung pembahasan untuk tema penulisan ini yang didapat dari beberapa literature.

BAB 3 Perancangan Sistem

Bab ini membahas tentang perancangan Aplikasi Pembelajaran dalam Bahasa Inggris dan gambaran umum rancangannya.

BAB 4 Implementasi Sistem

Bab ini membahas analisa hasil dan pembahasan Aplikasi Pembelajaran dalam Bahasa Inggris yang dirancang, pembuatan program yang diajukan, tampilan dari program dan pengujian aplikasi.

BAB 5 Penutup

Bab ini berisi kesimpulan dari bab-bab yang ada, sehingga dari kesimpulan ini penulis mencoba memberi saran yang berguna untuk melengkapi dan menyempurnakan pengembangan aplikasi ini untuk kedepannya

Memperkenalkan Doa Islami pada tingkat kanak-kanak sangatlah penting karena dengan mereka mengerti arti penting sebuah doa,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 aplikasi kumpulan doa islami. Penulis tertarik membuat aplikasi ini karena akan memudahkan siswa lebih mengerti dan cepat memahami karena dengan menggunakan suatu animasi pada dunia belajarnya. Perangkat lunak yang dibutuhkan untuk membuat animasi ini adalah Adobe Flash CS3. Sasaran aplikasi ini adalah anak-anak ataupun kalangan umum.

APLIKASI KUMPULAN DOA ISLAMI

TUGAS AKHIR

RIDHO ADLI

102406021

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

APLIKASI KUMPULAN DOA ISLAMI

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya Komputer

RIDHO ADLI 102406021

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2013

ii PERSETUJUAN

Judul : APLIKASI KUMPULAN DOA ISLAMI

Kategori : TUGAS AKHIR

Nama : RIDHO ADLI

Nomor Induk Mahasiswa : 102406021

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Juni 2013

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing,

Prof. Dr. Tulus, M.Si Drs.Sawaluddin, M.IT NIP. 19620901 198803 1 002 NIP. 195912311998021001

APLIKASI KUMPULAN DOA ISLAMI TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.

Medan, Juni 2013

RIDHO ADLI 102406021

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 Universitas Sumatera Utara.

Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih kepada: 1. Bapak Drs. Sawaluddin, M.IT, selaku Pembimbing saya yang ikut serta

membantu, membimbing dan mengarahkan penulis dalam penyelesaian laporan ini.

2. Bapak Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Prof. Dr. Tulus, M.Si, Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Syahriol Sitorus, S.Si., M.IT. , selaku Ketua Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

5. Seluruh dosen pengajar Program D3 Teknik Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

6. Terkhusus penulis ucapkan terima kasih kepada kedua orang tua penulis, ”Suarno M.Yunus dan Nurlia” serta seluruh keluarga penulis yang telah banyak memberi doa dan dukungan serta kasih sayang yang berlimpah untuk penulis.

7. Buat teman-teman seperjuangan mahasiswa D3 Teknik Informatika, khususnya Muhammad Risky, Sappe Herianto Manullang, Faza Qinthara, Yazid Yafiezham, Meabeng Tampubolon, , Nurdin siregar, Mardiansyah alrisan, serta teman-teman yang lainnya yang tidak dapat saya tuliskan

menyelesaikan Tugas Akhir ini.

Penulis juga tidak lupa mengucapkan banyak terima kasih kepada semua pihak yang telah banyak membantu penulis dalam menyelesaikan Tugas Akhir ini yang tidak dapat disebutkan satu persatu.

Penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna, baik dalam penulisan maupun dalam tata bahasanya. Oleh karena itu, penulis mengharapkan kritik dan saran yang membangun agar kedepannya penulis dapat lebih baik lagi dalam menyusun sebuah karya tulis.

Semoga tulisan ini bermanfaat bagi pembaca pada umumnya dan penulis khususnya, serta dapat memotivasi kita untuk meningkatkan ilmu pengetahuan sebagai bekal di masa yang akan datang.

Medan, Juni 2013

vi ABSTRAK

Memperkenalkan Doa Islami pada tingkat kanak-kanak sangatlah penting karena dengan mereka mengerti arti penting sebuah doa,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 aplikasi kumpulan doa islami. Penulis tertarik membuat aplikasi ini karena akan memudahkan siswa lebih mengerti dan cepat memahami karena dengan menggunakan suatu animasi pada dunia belajarnya. Perangkat lunak yang dibutuhkan untuk membuat animasi ini adalah Adobe Flash CS3. Sasaran aplikasi ini adalah anak-anak ataupun kalangan umum.

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Gambar ix

Daftar Tabel xi

BAB 1 Pendahuluan

1.1. Latar Belakang 1

1.2. Rumusan Masalah 3

1.3. Tujuan Penelitian 3

1.4. Batasan Masalah 4

1.5. Kontibusi Penelitian 4

1.6. Kajian Pustaka 5

1.7. Metodologi Penelitian 5

1.8. Sistematis Penulisan 6

BAB 2 Landasan Teori

2.1. Sekilas Tentang Flash 8

2.2. Dasar-Dasar Penggunaan Adobe Flash Cs 3 11 2.2.1. User Interface Adobe Flash Cs 3 11 2.2.2. Fasilitas pada Adobe Flash 13

2.3. Sejarah Islam 18

2.4. Pengertian Doa 19

2.5. Fungsi Doa Dalam Kehidupan Sehari-hari 20

2.6 Flowchart Aplikasi 23

BAB 3 Perancangan Sistem

3.1. Desain Cover Halaman Awal 26

3.2. Menu Pertama 29

3.3. Menu Kedua 31

3.4 Menu Ketiga 33

3.5 Menu Keempat 35

3.6 Menu Kelima 37

3.7 Menu Doa 39

BAB 4 Implementasi Sistem

4.1 Hasil 41

4.2 Menu Pertama 42

viii

4.3 Menu Kedua 45

4.3.1 Daftar Doa Pada Menu Kedua 45

4.4 Menu Ketiga 48

4.3.1 Daftar Doa Pada Menu Ketiga 48

4.5 Menu Keempat 51

4.3.1 Daftar Doa Pada Menu Keempat 51

4.6 Menu Kelima 54

4.3.1 Daftar Doa Pada Menu Kelima 54

BAB 5 Penutup

5.1. Kesimpulan 57

5.2. Saran 58

Daftar Pustaka 59

HALAMAN

Gambar 2.1. Tampilan Adobe flash CS 3 11

Gambar 2.2. Halaman New document Adobe Flash CS3 13

Gambar 2.3. Simbol-Simbol Pada Flowchart 24

Gambar 2.4. Flowchart Aplikasi Doa Islami 25

Gambar 3.1. Tampilan Proses Pembuatan Halaman Awal 26 Gambar 3.2. Tampilan Proses Pembuatan Menu Pertama 29 Gambar 3.3. Tampilan Proses Pengaturan Tombol Menu Pertama 30 Gambar 3.4. Tampilan Proses Pembuatan Menu Kedua 31 Gambar 3.5. Tampilan Proses Pengaturan Tombol Menu Kedua 32 Gambar 3.6. Tampilan Proses Pembuatan Menu Ketiga 33 Gambar 3.7. Tampilan Proses Pengaturan Tombol Menu Ketiga 34 Gambar 3.8. Tampilan Proses Pembuatan Menu Keempat 35 Gambar 3.9. Tampilan Proses Pengaturan Tombol Menu Keempat 36 Gambar 3.10. Tampilan Proses Pembuatan Menu Kelima 37 Gambar 3.11. Tampilan Proses Pengaturan Tombol Menu Kelima 38 Gambar 3.12. Tampilan Proses Pembuatan Halaman Doa 39

Gambar 4.1 Tampilan Halaman Awal 41

Gambar 4.2 Halaman Menu Pertama 42

Gambar 4.3 Doa Sebelum Makan 43

Gambar 4.4 Doa Sesudah Makan 43

Gambar 4.5 Doa Masuk Kamar Mandi 43

Gambar 4.6 Doa Keluar Kamar Mandi 44

Gambar 4.7 Doa Sebelum Tidur 44

Gambar 4.8 Doa Ketika Bangun Tidur 44

Gambar 4.9 Halaman Menu Kedua 45

Gambar 4.10 Doa Menaiki Kendaraan 46

Gambar 4.11 Doa Memohon Kesembuhan 46

Gambar 4.12 Doa Menjenguk Orang Sakit 46

Gambar 4.13 Doa Orang Yang Tertimpa Musibah 47

Gambar 4.14 Doa Penerang Hati 47

Gambar 4.15 Doa Ketika Depresi 47

Gambar 4.16 Halaman Menu Ketiga 48

Gambar 4.17 Doa Ketika Bercermin 49

Gambar 4.18 Doa Ketika Bersin 49

Gambar 4.19 Doa Masuk Rumah 49

Gambar 4.20 Doa Keluar Rumah 50

x

Gambar 4.22 Doa Membuka Pakaian 50

Gambar 4.23 Halaman Menu Keempat 51

Gambar 4.24 Doa Mohon Kebaikan Dunia Dan Akhirat 52

Gambar 4.25 Doa Mengusir Syaitan 52

Gambar 4.26 Doa Sebelum Wudhu 52

Gambar 4.27 Doa Setelah Wudhu 53

Gambar 4.28 Doa Masuk Mesjid 53

Gambar 4.29 Doa Keluar Mesjid 53

Gambar 4.30 Halaman Menu Kelima 54

Gambar 4.31 Doa Ketika Menziarahi Kubur 55

Gambar 4.32 Doa Agar Terhindar Perbuatan Syirik 55

Gambar 4.33 Doa apabila Turun Hujan 55

Gambar 4.34 Doa Ketika Ada Petir 56

Gambar 4.35 Doa Apabila Ada Angin Ribut 56

HALAMAN

vi

ABSTRAK

Memperkenalkan Doa Islami pada tingkat kanak-kanak sangatlah penting karena dengan mereka mengerti arti penting sebuah doa,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 aplikasi kumpulan doa islami. Penulis tertarik membuat aplikasi ini karena akan memudahkan siswa lebih mengerti dan cepat memahami karena dengan menggunakan suatu animasi pada dunia belajarnya. Perangkat lunak yang dibutuhkan untuk membuat animasi ini adalah Adobe Flash CS3. Sasaran aplikasi ini adalah anak-anak ataupun kalangan umum.

DAFTAR ISI

HALAMAN

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Gambar ix

Daftar Tabel xi

BAB 1 Pendahuluan

1.1. Latar Belakang 1

1.2. Rumusan Masalah 3

1.3. Tujuan Penelitian 3

1.4. Batasan Masalah 4

1.5. Kontibusi Penelitian 4

1.6. Kajian Pustaka 5

1.7. Metodologi Penelitian 5

1.8. Sistematis Penulisan 6

BAB 2 Landasan Teori

2.1. Sekilas Tentang Flash 8

2.2. Dasar-Dasar Penggunaan Adobe Flash Cs 3 11 2.2.1. User Interface Adobe Flash Cs 3 11 2.2.2. Fasilitas pada Adobe Flash 13

2.3. Sejarah Islam 18

2.4. Pengertian Doa 19

2.5. Fungsi Doa Dalam Kehidupan Sehari-hari 20

2.6 Flowchart Aplikasi 23

BAB 3 Perancangan Sistem

3.1. Desain Cover Halaman Awal 26

3.2. Menu Pertama 29

3.3. Menu Kedua 31

3.4 Menu Ketiga 33

3.5 Menu Keempat 35

3.6 Menu Kelima 37

3.7 Menu Doa 39

BAB 4 Implementasi Sistem

4.1 Hasil 41

4.2 Menu Pertama 42

viii

4.3 Menu Kedua 45

4.3.1 Daftar Doa Pada Menu Kedua 45

4.4 Menu Ketiga 48

4.3.1 Daftar Doa Pada Menu Ketiga 48

4.5 Menu Keempat 51

4.3.1 Daftar Doa Pada Menu Keempat 51

4.6 Menu Kelima 54

4.3.1 Daftar Doa Pada Menu Kelima 54

BAB 5 Penutup

5.1. Kesimpulan 57

5.2. Saran 58

Daftar Pustaka 59

ix

DAFTAR GAMBAR

HALAMAN

Gambar 2.1. Tampilan Adobe flash CS 3 11

Gambar 2.2. Halaman New document Adobe Flash CS3 13

Gambar 2.3. Simbol-Simbol Pada Flowchart 24

Gambar 2.4. Flowchart Aplikasi Doa Islami 25

Gambar 3.1. Tampilan Proses Pembuatan Halaman Awal 26 Gambar 3.2. Tampilan Proses Pembuatan Menu Pertama 29 Gambar 3.3. Tampilan Proses Pengaturan Tombol Menu Pertama 30 Gambar 3.4. Tampilan Proses Pembuatan Menu Kedua 31 Gambar 3.5. Tampilan Proses Pengaturan Tombol Menu Kedua 32 Gambar 3.6. Tampilan Proses Pembuatan Menu Ketiga 33 Gambar 3.7. Tampilan Proses Pengaturan Tombol Menu Ketiga 34 Gambar 3.8. Tampilan Proses Pembuatan Menu Keempat 35 Gambar 3.9. Tampilan Proses Pengaturan Tombol Menu Keempat 36 Gambar 3.10. Tampilan Proses Pembuatan Menu Kelima 37 Gambar 3.11. Tampilan Proses Pengaturan Tombol Menu Kelima 38 Gambar 3.12. Tampilan Proses Pembuatan Halaman Doa 39

Gambar 4.1 Tampilan Halaman Awal 41

Gambar 4.2 Halaman Menu Pertama 42

Gambar 4.3 Doa Sebelum Makan 43

Gambar 4.4 Doa Sesudah Makan 43

Gambar 4.5 Doa Masuk Kamar Mandi 43

Gambar 4.6 Doa Keluar Kamar Mandi 44

Gambar 4.7 Doa Sebelum Tidur 44

Gambar 4.8 Doa Ketika Bangun Tidur 44

Gambar 4.9 Halaman Menu Kedua 45

Gambar 4.10 Doa Menaiki Kendaraan 46

Gambar 4.11 Doa Memohon Kesembuhan 46

Gambar 4.12 Doa Menjenguk Orang Sakit 46

Gambar 4.13 Doa Orang Yang Tertimpa Musibah 47

Gambar 4.14 Doa Penerang Hati 47

Gambar 4.15 Doa Ketika Depresi 47

Gambar 4.16 Halaman Menu Ketiga 48

Gambar 4.17 Doa Ketika Bercermin 49

Gambar 4.18 Doa Ketika Bersin 49

Gambar 4.19 Doa Masuk Rumah 49

Gambar 4.20 Doa Keluar Rumah 50

x

Gambar 4.22 Doa Membuka Pakaian 50

Gambar 4.23 Halaman Menu Keempat 51

Gambar 4.24 Doa Mohon Kebaikan Dunia Dan Akhirat 52

Gambar 4.25 Doa Mengusir Syaitan 52

Gambar 4.26 Doa Sebelum Wudhu 52

Gambar 4.27 Doa Setelah Wudhu 53

Gambar 4.28 Doa Masuk Mesjid 53

Gambar 4.29 Doa Keluar Mesjid 53

Gambar 4.30 Halaman Menu Kelima 54

Gambar 4.31 Doa Ketika Menziarahi Kubur 55

Gambar 4.32 Doa Agar Terhindar Perbuatan Syirik 55

Gambar 4.33 Doa apabila Turun Hujan 55

Gambar 4.34 Doa Ketika Ada Petir 56

Gambar 4.35 Doa Apabila Ada Angin Ribut 56

xi

DAFTAR TABEL

HALAMAN