BAB 3 PERANCANGAN SISTEM 3.1 Perancangan Sistem - AL-MA’TSURAT Berbasis Animasi Menggunakan Adobe Flash Profesional CS3

(1)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Membuat suatu aplikasi memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Rancangan sistem secara umum dilakukan dengan maksud untuk memberikan gambaran umum tentang sistem yang baru atau system yang akan diusulkan. Rancangan ini mengidentifikasikan komponen-komponen sistem informasi yang akan dirancang secara terinci. Adapun rancangan sistem ini adalah sebagai berikut :

1. Rancangan Sistem yang Akan Dibangun (Use Case Diagram)

Use Case adalah deskripsi sistem dikondisi sebenarnya dilihat dari

(2)

2. Rancangan Alur Kerja (Activity Diagram)

Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi dan bagaimana mereka berakhir. Activity diagram juga menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.

3. Rancangan Objek (Class Diagram)

Class diagram menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi). Class Diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain.

4. Rancangan Integrasi Antar Objek (Sequence Diagram)

Pembuatan Sequence Diagram akan dikelompokkan berdasarkan pelaku yang berinteraksi dengan aplikasi Computer. Dari Sequence Diagram ini alur serta method-method apa saja yang digunakan akan kelihatan, sehingga mempermudah programing agar lebih terarah.

5. Rancangan Tampilan (Interface)

(3)

program. Hasil pemanggilan ini akan di olah menjadi sebuah file keluaran (output) yang akan di tampilkan dalam bentuk gambar, teks dan suara.

3.2 Flowchart Aplikasi

(4)

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 alternative

6

Predefined process yaitu kumpulan langkah-langkah seperti Subrutine atau module

7 Silinder yaitu penyimpanan data

8 Arrow yaitu penunjuk arah aliran program

9

(5)

Gambar 3.1 Flowchart Sistem Aplikasi Al-Ma’tsurat.

Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur actionscript, terutama link untuk navigasi penjelajahan ke seluruh halaman aplikasi Al-Ma’tsurat. Secara sederhana flowchart keseluruhan dalam membangun aplikasi ini dapat dilihat pada gambar di bawah ini:

(6)

3.3 Desain Layout Halaman Awal di Adobe Photoshop

Salah satu faktor agar suatu aplikasi diminati para user/pengunjung adalah desain layer aplikasi yang bagus. Desain layer aplikasi dibentuk oleh gambar-gambar dan teks-teks yang menarik. Adapun langkah-langkah umum yang penulis lakukan dalam mendesain layer adalah sebagai berikut:

3.3.1 Desain Layout Halaman Awal

Adapun hal-hal yang harus di persiapakan dalam permbuatan desain tampilan layout Halaman Awal Al-Ma’tsurat adalah :

1. Membuat dokumen baru dengan ukuran panjang 264 px dan lebar 300 px dengan resolution 68 pixel/inchi. Kemudian membuat gambar sebagai background dengan gambar yang tersedia.

2. Menginsert file gambar dengan proses klik file->klik open->klik file gambar yang sesuai keinginan penulis atau dengan tombol shortkey (ctrl+O)maka file gambar tersebut akan secara otomatis masuk ke control panel layer photoshop.

(7)

4. Kemudian penulis atur size file gambar tersebut sesuai keinginan penulis untuk mengedit ukuran file gambar tersebut penulis tekan shortkey (ctrl+T)

5. Untuk memperindah desain tampilan layout tersubut, penulis menggunakan effect yang terdapat di control panel layer dengan cara klik add a layer style->klik stroke->pilih color yang ingin digunakan dan atur sizenya.

6. Setelah semua desain selesai sesuai keinginan penulis, maka penulis save desain layout tampilan halaman awal dengan format “halaw.PNG”

(8)

Gambar 3.3 Desain Layout Halaman Awal Al-Ma’sturat di Adobe Photoshop

3.3.2 Desain Tombol Klik Mulai

Adapun hal-hal yang harus di persiapakan dalam permbuatan desain tombol klik mulai pada aplikasi Al-Ma’tsurat adalah :

(9)

2. Kemudian file gambar yang terdapat di setingan layer penulis dari ke lembar kerja dengan cara tekan shortkey cursor menjadi move tool/ctrl+V.

3. Membuat simbol Mulai/Play dengan proses pada layer klik kanan, pilih menu duplicate layer untuk mengcopy layer, agar background layer bisa dihilangkan, setelah itu penulis klik kiri pada menu Navigator dan pilih menu Magic Wand Tool (W) pada menu edit Photoshop. Setelah itu maka background simbol Mulai/Play akan hilang.

4. penulis save gambar tersebut dengan cara tekan tombol shortkey (ctrl+S) atau klik file->pilih save dengan format Simbol mulai.PNG

(10)

3.4 Desain Layout Halaman Awal di Adobe Flash CS3

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. Dalam bagian ini terdapat 1 buah layer seperti layer background, sound pengantar, judul , sound dan tombol mulai.

Berikut tahapannya:

Adapun hal-hal yang harus di persiapakan dalam permbuatan desain tombol back dan next pada aplikasi Al-Ma’tsurat adalah :

1. Membuat dokumen baru dengan tipe “Flash File (ActionScript 2.0) klik Ok. Kemudian penulis edit ukuranya menjadi panjangnya 264 px dan lebarnya 600 px atau dengan tombol shortkey (ctrl+N).

(11)

3. Untuk gambar kiri kanan samping gambar papan tulis, penulis mengambil suatu gambar laki-laki dan perempuan islami yang sudah tersedia dengan cara klik file>import>import to stage dan pilih gambar 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. Setelah itu atur posisi gambar dengan mengklik free transform tool pada tool box kemudian klik kanan pada gambar yang ingin di pindahkan dan geser gambar dengan menggunakan tombol arah pada keyboard sesuai tempat yang diinginkan.

4. Setelah selesai, penulis memasukkan tulisan pada background sesuai yang penulis inginkan.

5. Setelah selesai klik masukan actionscriptnya pada botton Klik Mulai agar tombol tersebut diklik dapan link ke menu yang penulis inginkan. Contoh dengan format actionscript :

on (release) {

gotoAndPlay("Scene 2", 1); }

(12)

Gambar 3.5 Desain Layout Halaman Awal.

3.5 Desain Layout Menu di Adobe Flash Profesional CS3

(13)

3.5.1 Desain Layout Background Menu dan Daftar Al-Ma’tsurat.

Adapun hal-hal yang harus di persiapakan dalam permbuatan desain tampilan layout Menu Al-Ma’tsurat adalah :

1. Membuat Scene baru dengan ukuran panjang 400 px dan lebar 550 px dengan resolution 98 pixel/inchi atau dengan tombol shortkey (ctrl+N). Kemudian membuat gambar sebagai background dengan gambar yang tersedia.

2. Menginsert file gambar untuk background, penulis menggunakan gambar pemandangan sebagai background dengan proses klik file->klik open->klik file gambar yang sesuai keinginan penulis atau dengan tombol shortkey (ctrl+O) maka file gambar tersebut akan secara otomatis masuk ke control panel layer flash dengan ukuran layer panjang 400 px dan lebar 550 px

(14)

4. Menginsert file gambar untuk tambahan background, penulis menggunakan gambar cartoon Islami sebagai background halaman daftar menu Al-Ma’tsurat dengan proses klik file->klik open->klik file gambar yang sesuai keinginan penulis atau dengan tombol shortkey (ctrl+O) maka file gambar tersebut akan secara otomatis masuk ke control panel layer flash.

(15)

7. Setelah selesai klik masukkan actionscriptnya pada botton dzikir dan doa pagi agar tombol tersebut diklik akan ke link menu yang penulis inginkan. Contoh dengan format actionscript :

on (release) {

gotoAndPlay("Scene 3", 1); }

8. Untuk tombol dzikir dan doa sore klik masukkan actionscriptnya pada botton dzikir dan doa pagi agar tombol tersebut diklik akan ke link menu yang penulis inginkan. Contoh dengan format actionscript :

on (release) {

gotoAndPlay("Scene 4", 1);

(16)

Gambar 3.6 Desain Layout Background Menu dan Daftar Al-Ma’tsurat

3.5.2 Desain Layout Dasar Halaman Al-Ma’tsurat

Adapun hal-hal yang harus di persiapakan dalam permbuatan desain layout dasar Al-Ma’tsurat pada aplikasi Al-Ma’tsurat adalah :

1. Membuat scene baru dengan ukuran panjang 550 px dan lebar 400 px dengan resolution 98 pixel/inchi. Kemudian membuat gambar sebagai background dengan gambar yang tersedia.

(17)

(ctrl+O) maka file gambar tersebut akan secara otomatis masuk ke control panel layer flash dengan ukuran layer panjang 550 px dan lebar 400 px.

3. Menginsert file gambar al-ma’tsurat dari ayat 1 hingga ayat 30 dengan proses klik file->klik open->klik file gambar yang sesuai keinginan penulis atau dengan tombol shortkey (ctrl+O) maka file gambar tersebut akan secara otomatis masuk ke control panel layer flash.

4. Kemudian save dengan format ”Frame 1”.

(18)

3.5.3 Desain Tombol Back, Next, terjemahan dan Home

Adapun hal-hal yang harus di persiapakan dalam permbuatan desain tombol back dan next pada aplikasi Al-ma’tsurat adalah :

1. Membuat dokumen baru yaitu ukuran panjang 36.12 cm dan lebar 27.09 cm dengan resolution 28.346 pixel/cm atau dengan tombol shortkey (ctrl+N).

2. Menginsert file next untuk simbol, penulis menggunakan gambar arah panah kekanan sebagai symbol next Al-Ma’tsurat dengan proses klik file->klik open-file->klik file gambar yang sesuai keinginan penulis atau dengan tombol shortkey (ctrl+O) maka file gambar tersebut akan secara otomatis masuk ke control panel layer flash.

3. Membuat simbol shape back dengan proses penulis copy kan gambar next dengan cara klik kanan pada gambar, maka akan muncul menu, pilih menu Duplicate symbol setelah itu klik gambar next yang telah penulis copy kemudian penulis putar sebesar 90 derajat buat di halaman kerja dengan cara penulis klik dan tahan gambar next kemudian diputar kebelakang hingga araha panah pada gambar next berbalik mengarah kebelakang. Kemudian klik kanan pada gambar, setelah itu pilih menu convert to symbol maka gambar next dan back telah menjadi simbol sebagai tombol

(19)

4. Untuk tombol next, klik masukkan actionscriptnya pada botton dzikir dan doa pagi agar tombol tersebut diklik akan ke link menu yang penulis inginkan. Contoh dengan format actionscript :

on (release) {

nextFrame(); }

5. Untuk tombol back, klik masukkan actionscriptnya pada botton dzikir dan doa pagi agar tombol tersebut diklik akan ke link menu yang penulis inginkan. Contoh dengan format actionscript :

on (release) {

prevFrame(); }

6. Untuk gambar home, caranya sama seperti simbol next. Dengan cara mengambil gambar di menu library dan penulis drug gambar sampai ke layer setelah itu, penulis atur posisi sesuai penulis inginkan. kemudian klik kanan pada gambar, setelah itu pilih menu convert to symbol maka gambar home telah menjadi simbol sebagai tombol.

7. Membuat simbol terjemahan, dengan cara pilih menu teks untuk membuat tulisan “terjemahan” kemudian klik kanan pada tulisannya. Setelah itu

(20)

8. Untuk tombol back, klik masukkan actionscriptnya pada botton dzikir dan doa pagi agar tombol tersebut diklik akan ke link menu yang penulis inginkan. Contoh dengan format actionscript :

on (release){

gotoAndStop(31); }

(21)

BAB 4

IMPLEMENTASI SISTEM

4.1. Hasil

Ketika pertama kali dibuka, aplikasi ini akan menampilkan halaman intro. Pada intro terdapat tombol klik mulai, jika user mengklik tombol tersebut maka user akan masuk ke menu daftar al-ma’tsurat.

(22)

4.2. Menu Al-Ma’tsurat

Pada menu al-ma’tsurat pertama ini terdapat pilihan menu, yang berfungsi membantu pengguna dalam memilih dzikir dan doa, tombol ke halaman

al-ma’tsurat. Terdapat juga tombol exit agar memudahkan pengguna untuk keluar dari aplikasi.

(23)

4.3. Daftar Halaman Al-Ma’tsurat.

Pada halaman Al-ma’tsurat pertama ini terdapat tombol terjemahan, yang berfungsi membantu pengguna dalam mengetahui makna yang terkandung dari ayat, tombol ke halaman menu pertama, tombol ke halaman sebelumnya dan tombol kehalaman berikutnya.

Menurut penulis setiap Al-ma’tsurat memeiliki kandungan ayat yang mana bisa kita pelajari dalam kehidupan kita sehari-hari. Maka dari itu mari kita pahami dari kandungan isi Al-Ma’tsurat

1. Halaman 1 Al-Ma’tsurat.

(24)

Penjelasan Keterangan Kandungan Halaman 1 Al-Ma’tsurat. :

a. Halaman ini memiliki makna “Aku berlindung kepada Allah Yang Maha Mendengar lagi Maha Mengetahui dari syaithan yang terkutuk.”

b. Landasan amal halaman 1 ini, yaitu: “Apabila kamu membaca Al -quran, hendaklah kamu meminta perlindungan kepada Allah dari syetan yang terkutuk” (QS. 16.98). Diriwayatkan oleh Ibnu AsSunni

dari Annas r.a. dari Nabi Saw, beliau bersabda: “Barangsiapa

mengucapkan di pagi hari “A’udzubillahis sami’il ‘alim…”, dia akan

dilindungi dari godaan syetan sampai sore”.

(25)

a. Halaman ini memiliki makna “(1)Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang. (2) Segala puji bagi A llah,

Tuhan semesta alam, (3) Maha Pemurah lagi Maha Penyayang, (4) Yang menguasai hari pembalasan. (5) Hanya kepada Engkaulah kami menyembah dan hanya kepada Engkaulah kami mohon pertolongan

(6) Tunjukilah kami jalan yang lurus, (7) (yaitu) jalan orang-orang yang telah Engkau anugerahkan nikmat kepada mereka, bukan (jalan)

mereka yang dimurkai (Yahudi) dan bukan (pula jalan) mereka yang sesat (Nasrani). (Al-Fatihah:1-7)”

b. Landasan amal halaman 1 ini, yaitu : Dari Ubay bin Ka’ab r.a., sesungguhnya Rasulullah Saw bersabda: “Demi Dzat yang jiwaku berada digenggaman-Nya; tidak diturunkan satu surat di Taurat, di Injil, di Zabur, maupun di Al-Quran yang menandingi surat ini (Al-fatihah). Ia adalah tujuah ayat yang berulang dan Al-quran yang

(26)

Gambar 4.5. Halaman 3 Al-Ma’tsurat.

a. Halaman ini memiliki makna “Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang. (1)Alif Laam Miim.(2) Kitab

(Al Qur’ an) ini tidak ada keraguan padanya; petunjuk bagi mereka

yang bertaqwa,(3) (yaitu) mereka yang beriman kepada yang gaib,

yang mendirikan shalat dan menafkahkan sebahagian rezki yang Kami anugerahkan kepada mereka,(4) dan mereka yang beriman

kepada Kitab (Al Qur’an) yang telah diturunkan kepadamu dan

(27)

mendapat petunjuk dari Tuhan mereka, dan merekalah orang-orang

yang beruntung. (Al-Baqarah: 1-5)”

b. Landasan amal halaman ini, yaitu : Diriwayatkan oleh Ad Darimi, dan Baihaqi dalam Syu’ab, dari Ibnu Mas’ud r.a., beliau berkata :

“Barangsiapa membaca sepuluh ayat dari surat Al-Baqarah di awal

siang, maka syutan tidak akan mendekatinya hingga sore, dan apabila ia baca ketika sore maka dia tidak didekati syetan hingga pagi; dan

dia tidak akan melihat sesuatu yang tidak menyenangkannya pada

keluarga maupun hartanya”.

Diriwayatkan dari Thabrani dalam Ak Kabir begitu juga Hakim dan dia dishahikan, dari Ibnu Mas’ud r.a., sesungguhnya Nabi Saw

bersabda : “Barangsiapa membaca sepuluh ayat; empat ayat di awal Al-Baqarah, ayat Kursi dan dua ayat setelahnya; dan penghujung surat Al-Baqarah; maka syetan tidak akan masuk rumah tersebut

(28)

4. Halaman 4 dan 5 Al-Ma’tsurat.

Gambar 4.6. Halaman 4 Al-Ma’tsurat.

(29)

Penjelasan Keterangan Kandungan Halaman 4 dan 5 Al-Ma’tsurat : yang sesat. Karena itu barang siapa yang ingkar kepada Thaghut dan

beriman kepada Allah, maka sesungguhnya ia telah berpegang kepada buhul tali yang amat kuat yang tidak akan putus. Dan Allah Maha Mendengar lagi Maha Mengetahui. Allah Pelindung

orang-orang yang beriman; Dia mengeluarkan mereka dari kegelapan (kekafiran) kepada cahaya (iman). Dan orang-orang yang kafir,

pelindung-pelindungnya ialah syaithan, yang mengeluarkan mereka dari cahaya kepada kegelapan (kekafiran). Mereka itu adalah

(30)

b. Landasan amal halaman ini, yaitu : Diriwayatkan dari Thabrani dalam Ak Kabir begitu juga Hakim dan dia dishahikan, dari Ibnu Mas’ud r.a., sesungguhnya Nabi Saw bersabda : “Barangsiapa membaca sepuluh ayat; empat ayat di awal Al-Baqarah, ayat Kursi dan dua ayat setelahnya; dan penghujung surat Al-Baqarah; maka syetan tidak

akan masuk rumah tersebut hingga subuh.”Agama Islam adalah

agama yang sempurna tidak ada kurangnya.

5. Halaman 6 dan 7 Al-Ma’tsurat.

(31)

Penjelasan Keterangan Kandungan Halaman 6 dan 7 Al-Ma’tsurat :

a. Halaman ini memiliki makna ”Kepunyaan Allah-lah segala apa yang ada di langit dan apa yang ada di bumi. Dan jika kamu melahirkan apa yang ada di dalam hatimu atau kamu menyembunyikannya,

niscaya Allah akan membuat perhitungan dengan kamu tentang perbuatanmu itu. Maka Allah mengampuni siapa yang

dikehendaki-Nya dan menyiksa siapa yang dikehendaki-dikehendaki-Nya; dan Allah Maha Kuasa atas segala sesuatu. Rasul telah beriman kepada Al Qur’an yang diturunkan kepadanya da ri Tuhannya, demikian pula

orang-orang yang beriman. Semuanya beriman kepada Allah, malaikat-malaikat-Nya, kitab-kitab-Nya dan rasul-rasul-Nya. (Mereka

mengatakan): “Kami tidak membeda-bedakan antara seseoran g pun

(dengan yang lain) dari rasul rasul-Nya”, dan mereka mengatakan:

(32)

Tuhan kami dan kepada Engkaulah tempat kembali”. Allah tidak

membebani seseorang melainkan sesuai dengan kesanggupannya. Ia mendapat pahala (dari kebajikan) yang diusahakannya dan ia

mendapat siksa (dari kejahatan) yang dikerjakannya. (Mereka

berdo`a): “Ya Tuhan kami, ja nganlah Engkau hukum kami jika kami

lupa atau kami tersalah. Ya Tuhan kami, janganlah Engkau bebankan

kepada kami beban yang berat sebagaimana Engkau bebankan kepada orang-orang yang sebelum kami. Ya Tuhan kami, janganlah Engkau

pikulkan kepada kami apa yang ta k sanggup kami memikulnya. Beri maaflah kami; ampunilah kami; dan rahmatilah kami. Engkaulah

Penolong kami, maka tolonglah kami terhadap kaum yang kafir”. (Al

-Baqarah: 284-286)

b. Landasan amal halaman ini, yaitu : Diriwayatkan dari Thabrani dalam Ak Kabir begitu juga Hakim dan dia dishahikan, dari Ibnu Mas’ud r.a.,

sesungguhnya Nabi Saw bersabda : “Barangsiapa membaca sepuluh ayat; empat ayat di awal Al-Baqarah, ayat Kursi dan dua ayat setelahnya; dan penghujung surat Al-Baqarah; maka syetan tidak

(33)

Gambar 4.10. Halaman 8 Al-Ma’tsurat

Penjelasan Keterangan Kandungan Halaman 8 Al-Ma’tsurat :

a. Halaman ini memiliki makna “Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang. (1)Katakanlah: “Dia-lah Allah, Yang Maha Esa, (2)Allah adalah Tuhan yang bergantung kepada-Nya segala sesuatu. (3)Dia tiada beranak dan tiada pula

diperanakkan, (4)dan tidak ada seorang pun yang setara dengan

Dia”. (Al-Ikhlas : 1-4).

b. Landasan amal halaman ini, yaitu : Dari Abdullah bin Khubaib r.a. berkata: “Kami keluar di malam yang hujan dan sangat gelap mencari

Rasulullah agar sholat bersama kami. Akhirnya kami menemui beliau. Beliau berkata : “Ucapkanlah!” Aku tidak mengatakan apa-apa .

(34)

mengucapkanj apa-apa. Kemudian beliau mengatakan:

“Ucapkanlah!” Akhirnya akupun bertanya: “Ya Rasulullah! Apa

yang harus aku ucapkan?” Beliau bersabda: “Ucapkanlah Qul

Huwallah dan mu’awwidzatain (Qul A’udzu birobbil Falaq dan Qul

A’udzu birobbinnaas) ketika kamu berada di waktu sore dan pagi

sebanyak tiga kali; insyaa Allah tiga surat itu mencukupi segala

sesuatu buatmu”(HR. Abu Dawud, Tirmidzi dan Nasa’i)

7. Halaman 9 Al-Ma’tsurat

(35)

a. Halaman ini memiliki makna “Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang. (1)Katakanlah: “Aku berlindung kepa da Tuhan Yang Menguasai subuh, (2) dari kejahatan makhluk-Nya, (3)dan dari kejahatan malam apabila telah gelap gulita,(4) dan dari kejahatan wanita-wanita tukang sihir yang

menghembus pada buhul-buhul, (5)dan dari kejahatan orang yang dengki apabila ia dengki” ( Al-Falaq : 1-5).

b. Landasan amal halaman ini, yaitu : Dari Abdullah bin Khubaib r.a. berkata : “Kami keluar di malam yang hujan dan sangat gelap mencari

Rasulullah agar sholat bersama kami. Akhirnya kami menemui beliau. Beliau berkata : “Ucapkanlah!” Aku tidak mengatakan apa-apa .

Kemudian beliau mengatakan : “Ucapkanlah!” Akupun tidak

yang harus aku ucapkan?” Beliau bersabda: “Ucapkanlah Qul

A’udzu birobbinnaas) ketika kamu berada di waktu sore dan pagi

sebanyak tiga kali; insyaa Allah tiga surat itu mencukupi segala

(36)

8. Halaman 10 Al-Ma’tsurat

a. Halaman ini memiliki makna “Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang. (1)Katakanlah: “Aku berlindung ke pada Tuhan (yang memelihara dan menguasai) manusia. (2)Raja manusia. (3)Sembahan manusia. (4) dari kejahatan

(bisikan) syaithan yang bi asa bersembunyi,(5 )yang membisikkan (kejahatan) ke dalam dada manusia. (6)dari (golongan) jin dan manusia.”(An-Nas 1-6).

b. Landasan amal halaman ini, yaitu : Dari Abdullah bin Khubaib r.a. berkata : “Kami keluar di malam yang hujan dan sangat gelap mencari

(37)

Kemudian beliau mengatakan : “Ucapkanlah!” Akupun tidak

yang harus aku ucapkan?” Beliau bersabda: “Ucapkanlah Qul

A’udzu birobbinnaas) ketika kamu berada di waktu sore dan pagi

sebanyak tiga kali; insyaa Allah tiga surat itu mencukupi segala sesuatu buatmu”(HR. Abu Dawud, Tirmidzi dan Nasa’i)

9. Halaman 11 Al-Ma’tsurat Dzikir dan doa pagi

(38)

Dzikir dan doa sore

Gambar 4.14. Halaman 11 Dzikir dan Doa Sore Al-Ma’tsurat

a. Halaman ini memiliki makna “Kami berpagi hari dan berpagi hari pula kerajaan milik Allah, Segala puji bagi Allah, tiada sekutu bagi-Nya, tiada Tuhan melainkan Dia dan kepada-Nya tempat kembali”

b. Halaman ini memiliki makna “Kami bersore hari dan bersore hari pula kerajaan milik Allah, Segala puji bagi Allah, tiada sekutu bagi-Nya, tiada Tuhan melainkan Dia dan kepada-Nya tempat kembali”

c. Landasan amal halaman ini, yaitu : Dari Abu Hurairah r.a. berkata : “Rasulullah Saw di waktu subuh biasa mengucapkan: “ashbahna wa

ashabahal mulku lillah… wa ilaihin nusyur”, dan apabila sore

(39)

Diriwayatkan oleh Ibnu As Sunni dan Al Bazzar, Al Baihaqi mengatakannya, sanadnya baik..

10.Halaman 12 Al-Ma’tsurat Dzikir dan doa pagi

(40)

Dzikir dan doa sore

a. Halaman ini memiliki makna “Kami berpagi hari di atas fitrah Islam, di atas kalimat ikhas, di atas agama nabi kami: Muhammad saw, dan di atas millah (agama) bapak kami : Ibrahim yang hanif. Dan ia bukan termasuk golongan orang-orang musyrik.

(41)

c. Landasan amal halaman ini, yaitu : Dari Ubay bin Ka’ab r.a. berkata : Rasulullah Saw mengajarkan kepada kami untuk mengucapkan di

waktu pagi : “Ashbahna ‘ala fithratil islam…” dan apabila sore juga

mengucapkannya hal yang sama. Diriwayatkan oleh Abdullah bin Imam Ahmad dalam Zawaid (Shahih al jami’ : 4550)

(42)

Dzikir dan doa sore

a. Halaman ini memiliki makna “Ya Allah, sesungguhnya aku berpagi hari dari-Mu dalam kenikmatan, kesehatan dan perlindungan. Maka sempurnakanlah bagiku kenikmatan, kesehatan dan perlindunga-Mu di dunia dan akhirat. “

(43)

c. Landasan amal halaman ini, yaitu : Dari Ibnu Abbas r.a. berkata : Rasulullah Saw bersabda : “Barangsiapa mengucapkan: Allahumma

inni ashbahtu minka…” Tiga kali setiap pagi dan petang, maka suatu keniscayaan bagi Allah untuk menyempurnakan nikmat-Nya

kepadanya”.(Ibnu Sunni-Maudhu’)

(44)

Dzikir dan doa sore

a. Halaman ini memiliki makna “Ya Allah, segala kenikmatan yang berpagi hari (terjadi) bersamaku atau bersama salah seorang dari makhluk-Mu, adalah dari-Mu semata; tiada sekutu bagi-Mu. Maka bagi-Mu segala puji dan bagi-Mu rasa syukur”

(45)

c. Landasan amal halaman ini, yaitu : Dari Abdullah bin Ghinam Al Bayadhi r.a. sesungguhnya Rasulullah Saw bersabda: “Barangsiapa di

pagi hari mengucapkan, “Allahumma ma ashbaha bi min ni’matin…”

maka dia sudah dianggap menunnaikan kewajiban bersyukur di siang itu. Barangsiapa yang mengucapkan doa yang sama ketika sore, maka dia sudah dianggap menunaikan kewajiban syukur di malam

hari”.(HR. Abu Dawud, Nasa’i)

13.Halaman 15 Al-Ma’sturat

(46)

a. Halaman ini memiliki makna Ya Robbi, bagi-Mu segala puji sebaimana seyogyanya bagi kemuliaan wajah-Mu dan keagungan kekuasan-Mu

b. Landasan amal halaman ini, yaitu : Dari Abdillah bin Umar r.a bahwasannnya Rasulullah Saw menyampaikan kepada mereka tentang

kabar salah seorang hamba Allah yang mengucapkan “Ya Rabbi lakal

hamdu…”. Malaikat merasa tidak sanggup dan tidak tahu bagaimana

cara mencatat pahala untuk ucapan tersebut. Lalu kedua malaikat

tersebut naik ke langit dan berkata : Ya Tuhanku! Sesungguhnya hambuMu telah mengucapkan perkataan yang kami tidak tahu bagaimana cara mencatat pahalanya? Allah berkata – dan Dia Maha

Tahu apa yang diucapkan hamba-Nya; Apa yang telah diucapkan oleh hamba-Ku? Kedua malaikat menjawab: Ya Tuhanku!

Sesungguhnya dia telah mengatakan: “Ya Rabbi lakal hamdu…” Allah pun berkata kepada keduanya: Catatlah sesuai dengan apa yang dikatakan oleh hamba-Ku , hingga dia bertemu dengan-Ku, dan

(47)

14.Halaman 16 Al-Ma’tsurat

a. Halaman ini memiliki makna “Aku rela Allah sebagai Tuhan, Islam sebagai agama, Muhammad sebagai Nabi dan Rasul”

b. Landasan amal halaman ini, yaitu Dari Abi Sallam r.a. pembantu Nabi Saw yang diriwayatkan secara marfu’, beliau berkata : Aku mendengar

Rasulullah Saw bersabda: “Barangsiapa yang mengucapkan di setiap

pagi dan petang “Radhitu billahi rabba…”, maka adalah keniscayaan

(48)

a. Halaman ini memiliki makna” Mahasuci Allah dan dengan memuji-Nya sejumlah makhluk-memuji-Nya, serela diri-memuji-Nya, seberat arsy-memuji-Nya dan sebanyak tinta (bagi) kalimah Nya.”

b. Landasan amal halaman ini, yaitu : Dari Juwairiyah Ummil Mukmini r.a., sesungguhnya Nabi Saw keluar dari rumahnya di pagi hari di saat sholat shubuh, sedangkan dia(juwiriyah) di tempat sholatnya. Kemudian beliau kembali setelah dhuha dan menemukan juwairiyah masih dalam keadaan duduk. Beliau berkata: kamu sekarang masih tetap dalam posisi sebagaimana saat aku tinggalkan? Dia menjawab :

(49)

kalimat sebanyak tiga kali, yang andaikata kalimat tersebut ditimbang

dengan apa yang kamu katakana sejak tadi pasti akan lebih berat”.

Empat kalimat tetrsebut: subhanallah… (HR. Muslim)

(50)

b. Landasan amal halaman ini, yaitu : Dari Ustman bin Affan r.a. berkata: Rasulullah Saw: Tiada seorang hambapun yang mengucapkan setiap

pagi dan petang sebanyak tiga kali “Bismillahilladzi la yadhurru

ma’asmihi…” pasti tidak ada sesuatupun yang dapat

membahayakannya” (HR. Abu Dawud dan Tirmidzi)

a. Halaman ini memiliki makna “Ya Allah, sesungguhnya kami

(51)

b. Landasan amal halaman ini, yaitu : Dari Abi Musa Al ‘asy’ari r.a. berkata, suatu hari Rasulullah Saw berceramah kepada kami beliau berkata: “Wahai Manusia! Berhati-hatilah kalian terhadap syirik ini, karena ia lebih samar dari semut yang melata”. Salah seorang

bertanya kepada beliau: “Wahai Rasulullah! Bagaimana kami dapat

mewaspadainya, padahal ia lebih samar dari semut yang melata?

Beliau menjawab: Ucapkanlah, ”Allahumma inna na’udzu bika min

(52)

a. Halaman ini memiliki makna “Aku berlindung dengan kalimat Allah yang maha sempurna dari kejahatan (makhluk) yang ia ciptakan.”

b. Landasan amal halaman ini, yaitu : Dari Abi Hurairah r.a., sesungguh Nabi Saw bersabda: “Barangsiapa di waktu sore mengucapkan tiga

kali: ”A’udzu bikalimaatillahit taammaat…” maka segala racun dan

binatang penyengat yang beracun tidak akan membahayakannya pada

(53)

a. Halaman ini memiliki makna “Ya Allah, aku berlindung kepada-Mu dari kegelisahan, dari kelemahan dan kemalasan, dari sifat pengecut dan bakhil, dari beban hutang dan kesewenang-wenangan orang lain.

b. Landasan amal halaman ini, yaitu : Dari Abi Sa’id Al Khudri r.a. berkata: Pada suatu hari Rasulullah Saw masuk mesjid. Tiba-tiba beliau bertemu dengan seorang Anshar yang sering dipanggil Abu Umamah. Beliau berkata: “Wahai Abu Umamah! Kenapa aku lihat kamu dududk-duduk di mesjid di luar waktu sholat? Dia menjawab: Kegelisahan yang sedang menggelayutiku dan hutang ya Rasulullah.

(54)

apabila diucapkan. Allah akan menghilangkan kegelisahan darimu,

dan akan menghapus hutangmu? Dia menjawab: tentu aku mau ya Rasulullah. Beliaupun Berkata lagi: Ucapkan dipagi dan soremu:

“Allahumma inni a’udzu bika minal hammi wal hazan…” Dia

berkata: Akupun mempraktekkan doa ini. Lalu Allah meghilangkan rasa gundahku dan menghapus hutang-hutangku .” (HR. Abu Dawud).

(55)

a. Halaman ini memiliki makna Ya Allah, sehatkanlah badanku; ya Allah sehatkanlah pendengaranku; ya Allah sehatkalah pengelihatanku

(56)

b. Landasan amal halaman ini, yaitu : Dari Abdurrahman bin Abi Bakrah r.a. sesungguhnya dia berkata kepada bapaknya : Wahai bapak, sesungguhnya setiap pagi aku mendengar mu mengucapkan :

”Allahumma ‘aafini fi badani…” Kamu ulang doa itu di waktu pagi

tiga kali. Dia menjawab: Sesungguhnya aku mendengar Rasulullah Saw selalu berdoa dengan doa ini; maka akupun sangat suka

mengikuti sunnahnya” (HR. Abu Dawud dan lainnya)

(57)

hamba-Mu. Aku berada di atas janji-Mu, semampuku. Aku berlindung kepada-Mu dari kejelekan perbuatanku. Aku mengakui banyaknya nikmat-Mu (yang Engkau anugrahkan) kepadaku dan aku mengakui dosa-dosaku, maka ampunilah aku. Karena sesungguhnya tiada yang dapat mengampuni segala dosa-dosa kecuali Engkau.”

b. Landasan amal halaman ini, yaitu : Dari Syaddad bin Aus r.a. , dari Nabi Saw bersabda, “Sayyidul Istighfar (Istighfar pamungkas) itu

adalah: “Allahumma anta Robbi la ilaha illa anta…”. Barangsiapa

menguccapkan doa ini disore hari dan dia betul-betul meyakini

ucapannya, lalu dia meninggal dunia pada malam harinya, maka dia akan masuk surge. Barangsiapa mengucapkan doa ini di pagi hari dan dia betul- betul meyakini ucapannya, lalu dia meninggal dunia di

(58)

a. Halaman ini memiliki makna “Aku mohon ampun kepada Allah, yang tiada Tuhan kecuali Dia, yang Maha Hidup Kekal dan senantiasa mengurus (mahluk-Nya) dan Kepada Nya aku bertaubat.”

b. Landasan amal halaman ini, yaitu : Dari Zaid Maula Nabi Saw berkata: Aku mendengar bapakku berbicara padaku dari kakekku, sesungguhnya dai mendengar Rasulullah Saw bersabda: “Barang siapa

mengucapkan: Astaghfirullahalladzi la illaha huwa…” dia akan

diampuni meskipun dosa lari dari kancah perang”. Diriwayatkan oleh

(59)

a. Halaman ini memiliki makna ”Ya Allah, berikanlah shalawat kepada Nabi Muhammad dan keluarganya , sebagimana Engkau berikan kepada Ibrahim dan keluarganya. Berikanlah barakah kepada Muhammad dan keluarganya sebagaimana telah Engkau berikan kepada Ibrahim dan keluarganya, di alam ini. Sesungguhnya Engkaulah yang Maha Terpuji lagi Maha mulia.”

(60)

akan memperoleh syafaatku di hari kiamat.” Diriwayatkan oleh Ath Thabrani (Shahih Al jami’)

.

a. Halaman ini memiliki makna “Maha suci Allah, segala puji pagi Allah, tiada Tuhan melainkan Allah dan Allah Mahabesar.”

(61)

pagi, seratus kali diwaktu sore, maka dia laksana orang yang

melaksanakan haji seratus kali. Barangsiapa yang bertahmid kepada Allah seratus kali di waktu pagi, dan seratus kali di waktu sore, maka

dia laksana orang yang membawa seratus kuda perang dijalan Allah: atau dia berkata: ikut berperang seratus kali. Barangsiapa mengucapkan Tahlil (La ilaha illallah) seratus kali di waktu pagi, dan

seratus kali di waktu sore, maka dia laksana orang yang memerdekakan seratus budak dari anak cucu Nabi Ismail.

Barangsiapa mengucapkan takbir seratus kali di waktu pagi, dan seratus kali di waktu sore, maka tidak ada seorangpun yang dapat menandingi amalannya di hari itu kecuali ada orang lain yang

melakukan hal yang sama, atau lebih dari apa yang dia amalkan”. Diriwayatkan oleh Imam At Tirmidzi dan beliau berkata: Hadits hasan, Imam An Nasa’I juga meriwayatkan hal yang sama. (Dha’iful jami’

(62)

a. Halaman ini memiliki makna “Tiada Tuhan melainkan Allah semata, tiada sekutu bagi-Nya, bagi-Nya kerajaan dan bagi-Nya segala puji dan Dia berkuasa atas segala sesuatu.”

b. Landasan amal halaman ini, yaitu : Dari Abu Ayyub r.a. , sesungguhnya Nabi Saw bersabda : “Barangsiapa diwaktu subuh

mengucapkan “La ilaha illallah wahdahu la syarika lah…” sebanyak

sepuluh kali, maka Allah mencatat buatnya dalam setiap kali ucapannya sepuluh kebaikan, diangkat derajatnya sepuluh derajat.

(63)

bacaan itu menjadi senjata bagi pembacanya dari permulaan siang

sampai penghujungnya. Dan pembacanya dihari itu tidak akan melakukan sesuatu amalan yang dapat mengalahkan amalan ini.

Barangsiapa mengucapkan wirid ini di waktu sore, maka pahalanya juga seperti itu juga”. (HR. Ahmad, Thabrani dan selain mereka).

27. Halaman 29 Al-Ma’sturat.

Gambar 4.35. Halaman 29 Al-Ma’tsurat

(64)

b. Landasan amal halaman ini, yaitu : Dari Jubair bin Muth’im r.a. berkata, Rasulullah Saw bersabda: “Barangsiapa mengucapkan

“Subhanakallahumma wa bihamdika…” di majlis dzikir, maka dzikir

itu ibarat stempel yang dicapkan padanya. Barangsiapa mengucapkannya di majlis senda gurau, maka wirid ini sebagai

kaffarat buatnya .”(HR. Nasa’I, Thabrani, Hakim dan lainnya).

(65)

(66)

BAB 5

KESIMPULAN DAN SARAN

5.1. Kesimpulan

Dari hasil pengamatan penulis maka dapat disimpulkan bahwa:

1. Dengan adanya aplikasi Al-Ma’tsurat ini para pengguna dapat mempelajari tentang dzikir dan doa secara modern dan praktis, karena tidak menggunakana buku Al-Ma’tsurat sebagai model pembelajaran.

2. Aplikasi ini dibuat menarik, karena aplikasi ini dilengkapi dengan gambar yang bersifat animasi, dan trsanslate (arti) sehingga para pengguna khususnya anak-anak yang baru dewasa sehingga mereka akan lebih tertarik dan tidak mudah jenuh (Booring).

(67)

5.2. Saran

Saran yang dapat penulis berikan berhubungan dengan aplikasi yang dibuat ini adalah :

1. Bagi yang ingin mengembangkan aplikasi ini, pembuatan animasi sebaiknya dilengkapi dengan video, suara dan dapat juga digunakan dengan aplikasi pembuatan animasi lain yang dapat membuat objek 3 dimensi agar animasi menjadi lebih menarik.