BAB III : Perancangan Sistem
3.2 Perancangan Sistem
3.2.1 Perangkat Keras
Perangkat keras yang digunakan untuk membuat program pembelajaran dengan Metode Tilawati Qur’an Pelajaran Tata Cara Ajar baca’an Al-Qur’an berbasis Adobe Flash cs 3 profesional adalah sebagai berikut :
a. Processor minimal Intel Pentium 4 atau setaranya b. Memory minimum 1 GB.
c. Sisa ruang Hard disk Minimum 20 GB. d. Monitor SVGA dengan resolusi 1024 x 768 e. Suara Card
3.2.2 Perangkat Lunak
Perangkat lunak yang digunakan untuk membuat program pembelajaran dengan Metode Tilawati Al-Qur’an Pelajaran Tata Cara Ajar baca’an Al-Qur’an berbasis Adobe Flash cs 3 profesional adalah sebagai berikut :
a. Sistem Operasi Windows 7
Sistem operasi yang digunakan untuk membuat program pembelajaran metode Tilawati Al-Qur’an berbasis Adobe Flash cs 3 profesional adalah Windows 7.
b. Adobe Flash cs 3 profesional
adalah software yang digunakan untuk membuat program pembelajaran metode Tilawati Al-Qur’an berbasis multimedia.
c. Flash Player 9
Flash player 9 adalah aplikasi sebuah software yang digunakan oleh pengguna untuk membuka aplikasi.
d. Font arabic (Saudi Arabia)
Font arabic (Saudi Arabia) adalah font yang digunakan untuk penulisan Arab Hijaiyah dalam aplikasi Adobe Flash cs 3 profesional. Penggunaan font ini tidak semudah font biasa, karena butuh Microsoft word dalam penekanan tombol pada keyboard sebagai pendukung aplikasi Metode Tilawati.
e. Cool Edit Pro
Cool Edit Pro adalah sebuah software yang berfungsi untuk merekam suara ke dalam komputer, kemudian suara tersebut dimasukkan ke dalam program pembelajaran Metode Tilawati dengan aplikasi Adobe Flash cs 3 profesional.
3.3 Susunan Aplikasi
Dalam perancangan sistem diperlukan susunan aplikasi yang sistematis dan terarah sehingga dapat terencana dengan baik.
Terdapat beberapa Metode cara ajar baca Tilawati yang harus dikuasai. Setelah pengguna menguasai metode tersebut, diakhir program ada highlight tata ajar baca dari Metode Tilawati tersebut.
Tahap – tahap yang akan dibahas dari awal sampai akhir adalah sebagai berikut : a. Menu pertama yang berisi tentang deskripsi latar belakang pengesahan
Metode Tilawati agar diterapkan ke seluruh kalangan agama islam dalam kelancaran membaca Al-Qur’an, dan juga tentang saya yang menjelaskan siapa penulis dan keluar yang berfungsi sebagai tombol untuk keluar dari aplikasi.
b. Cerita tentang perjalanan seorang murid yang dituntut belajar mencari suatu misteri tentang pelajaran Metode Tilawati.
c. Menu utama yang berisi : Deskripsi Metode Tilawati, Video Motivasi, Tata ajar Metode Tilawati jilid 1, dan macamnya beberapa jilid dalam tata ajar Metode Tilawati. Jika user masuk pada menu deskripsi akan terarah ke Deskripsi Tilawati, jika user masuk pada Video akan terarah pada video Motivasi tilawati, jika user masuk pada menu Tilawati maka terarah pada tata ajar Tilawati itu, jika user masuk pada macamnya jilid maka terarah pada tampilan jilid tingkatan Metode Tilawati.
Susunan aplikasi diatas dapat digambarkan ke dalam diagram seperti pada gambar berikut :
Flowchart diatas merupakan gambaran dari menu pertama yang menuju ke menu utama yang pada setiap menu memiliki fungsi masing-masing, yaitu :
3.3.1 Menu Deskripsi
Pada menu deskripsi terdapat 4 macam pengesahan, yaitu :
a. Kata Pengantar, pengguna dapat mengikuti kata pengantar pengesahan Metode Tilawati.
b. Departemen Agama, pengguna dapat mengikuti pengesahan Departemen Agama dalam Metode Tilawati.
c. Lembaga Pengembangan Metode Tilawati Al-Qur’an. Pengguna bisa mengetahui pengembangan ini sudah profesional dan religius.
d. Syarat Umum Pengajar, Pengguna bisa mengetahui syarat – syarat sebagai pengajar Tilawati yang profesional dan religius.
Susunan aplikasi diatas dapat digambarkan ke dalam diagram seperti pada gambar berikut:
3.3.2 Menu Video Motivasi
Pada menu terdapat 3 macam video motivasi pada setiap Tilawati, yaitu : 1. Video 1, Praktek Klasikal .T 1 dan 2 sebagai gambaran memotivasi
daya tarik pertama yang menarik bagi murid .
2. Video 2, Praktek Klasikal T. 3 Sebagai gambaran memotivasi daya tarik kedua yang menarik bagi murid.
3. Video 3, Praktek Baca Simak sebagai gambaran memotivasi daya tarik ke tiga yang menarik bagi murid.
Susunan aplikasi diatas dapat digambarkan ke dalam diagram seperti pada gambar berikut :
3.3.3 Menu Tilawati
Pada Menu Tilawati terdapat system interaktif yang harus diikuti dari audiens agar terlaksananya Metode Tilawati ini, dan ada tahap – tahap untuk memahami dari tata ajar baca per huruf hijaiyah dan irama notasi nada yang mempengaruhi kelancaran ucapan dalam membaca alqur’an lewat Metode Tilawati.
Susunan aplikasi diatas dapat digambarkan ke dalam diagram seperti pada gambar berikut :
3.3.4 Menu Level Jilid dalam Tilawati
Pada menu level jilid tilawati akan memberikan tahapan tahapan dalam melancarkan audiens ke jenjang yang lebih meningkat sehingga audiens bisa membiasakan dalam Metode Tilawati dengan ucapan suara yang keluar dari dalam mulut, dan sebagai tingkatan untuk melanjutkan ke Al-qur’an Al-karim.
Susunan aplikasi ini dapat digambarkan ke dalam diagram seperti pada gambar berikut :
3.4 Pembuatan Aplikasi
Dalam pembuatan aplikasi ini dibutuhkan image, sprite (istilah objek gambar dalam flash) dan background untuk kelangsungan berjalannya aplikasi ini.Hal ini bisa mendukung susunannya kinerja aplikasi yang mendapatkan fungsi – fungsi aplikasi tersebut.
3.4.1 Sprite
Sprite adalah gambar – gambar yang digunakan untuk pendukung tiap-tiap object tilawati didalam aplikasi. Sprite yang terdapat didalam aplikasi adalah sebagai berikut :
NO SPRITE KETERANGAN
1 Nama Gambar : Tombol
Deskripsi Tilawati Tipe Gambar : PNG
2 Nama Gambar : Tombol
back
Tipe Gambar : PNG
3 Nama Gambar : Tombol
Stop
4 Nama Gambar : Tombol Video Motivasi
Tipe Gambar : PNG
5 Nama Gambar : Tombol
Play
Tipe Gambar : PNG
6 Nama Gambar : Tombol
Suara Mute
Tipe Gambar : PNG
7 Nama Gambar : Tombol
macam tilawati Tipe Gambar : JPG
8 Nama Gambar : Tombol
next
Tipe Gambar : PNG
9 Nama Gambar : Tombol
prev
10 Nama Gambar : Tombol Tilawati
Tipe Gambar : PNG
11 Nama Gambar : Tombol
video 1
Tipe Gambar : PNG
12 Nama Gambar : Tombol
video 2
Tipe Gambar : PNG
13 Nama Gambar : Tombol
video 3
Tipe Gambar : PNG
14 Nama Gambar : Tombol
jilid 1
Tipe Gambar : PNG
15 Nama Gambar : Tombol
jilid 2
16 Nama Gambar : Tombol jilid 3
Tipe Gambar : PNG
17 Nama Gambar : Tombol
jilid 4
Tipe Gambar : PNG
18 Nama Gambar : Tombol
jilid 5
Tipe Gambar : PNG
19 Nama Gambar : Tombol
jilid 6
Tipe Gambar : PNG
Tabel 3.1 Elemen – elemen Aplikasi
3.4.2 Background
Background ini nantinya akan dibuat untuk gambar latar belakang dari aplikasi. Beberapa background yang digunakan oleh penyusun adalah sebagai berikut.
NO GAMBAR KETERANGAN
1 Nama Gambar : Background
Utama
Tipe Gambar : JPG
Ukuran Gambar : 800 x 700 Pixel
2 Nama Gambar : Background
Tilawati
Tipe Gambar : JPG
Ukuran Gambar : 800 x 700 Pixel
3 Nama Gambar : Background Menu
Tilawati
Tipe Gambar : JPG
Ukuran Gambar : 800 x 700 Pixel
Tabel 3.2 Background Aplikasi
3.4.3 Suara
Suara disini digunakan sebagai music pengiring aplikasi dan pendukung irama nada notasi dalam Metode Tilawati.Penggunaan suara ini bertujuan untuk menjadikan aplikasi menjadi lebih menarik dan melancarkan kinerja Metode Tilawati. Untuk aplikasi ini digunakan suara dengan file MP3 dan WAV.
3.5 Overview Aplikasi
Penggunaan langsung dihadapkan pada intro dari aplikasi, setelah itu secara otomatis akan masuk pada menu aplikasi utama.
3.5.1 Intro Aplikasi
Ketika pengguna memasuki aplikasi, maka penggunaan dihadapkan langsung dengan layar putih dengan motif swirl ditengah layar. Judul permainan ditampilkan ditengah dengan tulisan “SEMANGAT BELAJAR BERSAMA TPQ” yang akan terlihat pada gambar dibawah ini.
3.5.2 Menu Utama
Setelah Intro berakhir, maka pengguna akan dihadapkan pada aplikasi pembelajaran Tilawati yang dimana langsung pada menu utama yaitu : Deskripsi tilawati, Video Motivasi, Tilawati, Macam jilid Tilawati. Overview dari tampilan ini akan ditunjukkan oleh gambar dibawah ini.
Gambar 3.7 Overview Home Menu
3.5.3 Menu Deskripsi Tilawati
Pada menu ini terdiri dari 5 macam sejarah legalitas penerapan Metode Tilawati untuk dipelajari oleh pihak organisasi islam pada umumnya antara lain, Kata pengantar, Departemen Agama, Lembaga Pengembangan Tilawati Al - Qur’an, Syarat Umum Pengajar, dan Pengembang Aplikasi.Berikut adalah Gambar 4.19 contoh awal deskripsi Metode Tilawati.
Gambar 3.8 Overview Deskripsi Tilawati 3.5.4 Menu Video
Setelah Home menu, maka pengguna akan dihadapkan pada aplikasi pembelajaran Tilawati yang dimana langsung pada menu Video yaitu :Video 1, Video 2, Video 3.Dan pengadaan ini untuk memberikan motivasi bagi murid – murid yang sebagai audiens pembelajaran Metode Tilawati Al-Qur’an ini.Overview dari tampilan ini akan ditunjukkan oleh gambar dibawah ini.
3.5.5 Menu Tilawati
Setelah Menu Utama, maka pengguna akan dihadapkan pada aplikasi pembelajaran Tilawati yang dimana langsung pada menu Tilawati yaitu :Jilid 1, jilid 2, jilid 3, jilid 4, jilid 5, jilid 6.Overview dari tampilan ini akan ditunjukkan oleh gambar dibawah ini.
Gambar 3.10 Overview Menu Tilawati
3.5.6 Sub Menu Materi Tilawati
Setelah Menu Tilawati, maka pengguna akan dihadapkan pada aplikasi pembelajaran Tilawati yang dimana langsung pada menu Tilawati yaitu :materi pembelajaran Metode Tilawati dari halaman 1 sampai halaman 44. Didalam halaman tersebut mempunyai fungsi huruf yang dapat bersuara sesuai dengan huruf Arabic serta ditampilkan highlight Overview dari tampilan ini akan ditunjukkan oleh gambar dibawah ini.
Gambar 3.11 Overview Materi Tilawati 3.5.7 Menu Macam Jilid Metode Tilawati
Setelah menu utama maka ditampilkan aplikasi macam Jilid Metode Tilawati memberikan keinginan untuk berkembang bagi para santri, dalam maksud dari materi tilawati 1 dibuat jilid satu sampai ke jilid 6 untuk mengetahui tingkatan kemahiran para santri dalam menguasai metode tersebut. Berikut tampilan aplikasi ini.
61 BAB IV IMPLEMENTASI