BAB III ANALISIS DAN PERANCANGAN 3.1 Analisa Sistem Sistem yang akan dibangun dalam tugas akhir ini adalah sistem untuk mempermudah siswa/santri TPQ ketika siswa/sabtri berhalangan untuk menghadiri proses belajar ditempat TPQ dan memudahkan proses pembelajaran. Sistem yang menjadi usulan peneliti untuk diangkat menjadi tugas akhir ini memiliki 2 fitur utama yaitu fitur suara yang digunakan untuk menuntun siswa membaca al-quran yang tampil sesuai dengan huruf arab yang berjalan dan fitur rekam yang memiliki fungsi sebagai perekam suara dari siswa ketika ingin mendokumentasikan bacaan siswa/user sendiri perhalaman tilawati. Pada aplikasi ini diharapkan agar bisa mempermudah santri/siswa dalam membaca al-quran menggunakan metode tilawati dengan bantuan suara dari pihak pengajar di TPQ. Pembelajaran Tilawati dan Aturan Pemakaian Aplikasi Metode pembelajaran tilawati pada aplikasi ini yaitu dilakukan dengan suara rekaman dari pihak TPQ dan hasil ekstraksi inti dari jilid-jilid tilawati yang dikombinasikan sehingga membentuk animasi text yang berubah warna. Dalam aplikasi ini terdapat 3 jilid tilawati yang mempunyai pembahasan yang berbeda, yaitu (1) jilid 1 mengenalkan huruf huruf hijaiyah yang berharakat fathah dan pada halaman bagian belakang mengenalkan huruf-huruf sambung yang terdiri dari dua sampai tiga huruf, (2) jilid 2 mengenalkan kalimat berharakat fathah, kasrah, dhammah dan tanwin dan pada halaman 20 mengenalkan bacaan panjang satu alif serta mengenalkan bacaan mad thobi I, (3) jilid 3 mengenalkan mengenalkan huruf lam berharakat sukun, alif lam qomariyah supaya ditekankan dalam membacanya, mengenalkan makhroj sin syin dan ra sukun. Aturan pemakaian aplikasi ini yaitu apabila siswa/ santri yang berhalangan hadir sebagai pemula maka disarankan untuk membuka jilid 1 dikarenakan jilid tersebut adalah dasar dari metode tilawati, apabila siswa/santri sudah sampai jilid 2 12
- 3 dan ada salah satu waktu tersebut berhalangan hadir maka siswa dapat langsung membuka halaman atau jilid mana ketika santri berhalanagan hadir agar tidak tertinggal jauh. Ruang Lingkup Ruang lingkup dalam pembuatan aplikasi adalah aplikasi berbasis android yang memiliki beberapa fasilitas yaitu: 1. Sistem mampu menampilkan huruf arab dan suara untuk user agar mempermudah membaca al-quran dengan metode tilawati. 2. Sistem mampu melakukan rekam suara user yang berguna untuk diperdengarkan dikemudian hari oleh user sendiri. Deskripsi Umum Aplikasi belajar al-quran dijalankan oleh user dengan menggunakan platform android. Didalam aplikasi terdapat 2 fitur utama yaitu user dapat melihat huruf arab, suara bacaannya dan animasi huruf yang berjalan. user membuka aplikasi dan memilih jilid yang akan dikujungi, kemudian user memilih halaman dengan cara swipe. Ketika diplay maka device akan mengeluarkan suara dan animasi huruf yang berjalan dan user dapat merekam suaranya sendiri saat tombol stop diklik, atau saat sebelum tombol play diklik. Android yang digunakan pada aplikasi ini yaitu android versi 5.0.1 (lolipop). Analisis Kebutuhan Analisis kebutuhan digunakan untuk mengidentifikasi terhadap kebutuhan sistem. Kebutuhan sistem mencantumkan analisis kebutuhan user dan analisis kebutuahan Data informasi. Sistem akan menampilkan sebuah informasi kepada user dengan memproses data yang telah disimpan dalam basisdata. 1. Kebutuhan Fungsional Kebutuhan fungsional merupakan kebutuhan yang berisi proses-proses apa saja yang akan dilakukan oleh sistem. Adapun kebutuhan fungsional yang harus ada pada sistem ini adalah : a. Tampilkan huruf arab dan suara. b. Simpan suara rekaman user. 13
Untuk masing -masing dapat dijelaskan berikut ini : c. Sistem menampilkan huruf arab serta suara ke user sesuai dengan jilid yang dipilih user. d. Sistem menyimpan suara dari user kemudian disimpan didalam memori dan dapat diperdengarkan dikemudian hari. 2. Kebutuhan Non Fungsional Kebutuhan non fungsional adalah kebutuhan yang memprioritaskan pada properti prilaku yang dimiliki oleh sistem. Adapun kebutuhan non fungsional yang dibutuhkan antara lain : a. Aplikasi harus user friendly. b. Aplikasi ini berjalan pada platform android, minimal android 4.1 (jellybean). c. Tidak menggunakan internet. 3. Spesifikasi Perangkat Komputer dan smartphone terdiri dari perangkat keras dan perangkat lunak yang saling berinteraksi. Perangkat lunak memberikan instruksi kepada perangkat keras untuk melakukan suatu tugas tertentu, sehingga dapat menjalankan suatu sistem didalamnya. Pada aplikasi Belajar Al-Quran metode Tilawati perangkat keras yang digunakan untuk mengembangkan aplikasi adalah sebagai berikut : a. Intel Core i3. b. Windows 10. c. RAM 3 GB. d. Hardisk 350 GB. e. Smartphone android versi 5.0 (lolipop). 3.2 Perancangan Sistem Use Case Diagram Use case diagram ini memperlihatkan kumpulan use case dan aktor-aktor (suatu jenis khusus dari kelas), yang sangat penting untuk mengorganisasi dan memodelkan aktifitas dari suatu sistem yang dibutuhkan serta diharapkan 14
pengguna. Use case merupakan diagram yang menggambarkan kemampuan sebuah sistem yang nantinya akan dijalankan oleh aktor, atau dengan kata lain aktifitas (pekerjaan)aktor yang mampu difasilitasi oleh sistem dan digambarkan dalam bentuk diagram [4]. 3.2.1.1 Use Case Diagram Aplikasi Tilawati Aplikasi belajar Al-Qur an mempunyai aktifitas dari user yang melakukan beragam aktifitas yang diantaranya tertuang pada Usecase diagram dibawah ini : Gambar 1.1 Use Case Diagram Aplikasi Pada Gambar 3.1 dapat melakukan aktivitas memilih pembelajaran tilawati atau kuis permainan. Didalam pembelajaran tilawati terdapat modul tilawati yang didalamnya ada 3 jilid yang setiap jilidnya berisi sekitar 9 halaman, dan ada suara bacaan serta animasi huruf arab yang berjalan sesuai dengan suara yang ada. Pada halaman tilawati user dapat juga melakukan perekamanan suara yang berasal dari user sendiri untuk diperdengarkan dikemudian hari. Activity Diagram Menurut Ni Made Astiti (2015), Activity diagram menggambarkan berbagai alur aktivitas didalam sistem yang sedang akan dirancang, yangmana masingmasing alur berawal, decission yang akan terjadi, dan bagaimana proses akan berakhir. Activity diagram lebih menggambarkan proses-proses serta alur aktivitas secara umum [2]. Berikut ini adalah activity diagram untuk menu tilawati. Diagram ini menjelaskan aktivitas proses menu tilawati antara aplikasi dengan user. 3.2.2.1 Acivity Diagram Menu Tilawati Proses pembelajaran Al-Qur an menggunakan metode tilawati dimulai ketika user sebagai pengguna membuka aplikasi tilawati dan memilih menu salah 15
satu jilid yang ada. Dan menekan tombol play untuk memproses tilawati tersebut. Proses tersebut dapat dituangkan pada activity diagram seperti ditunjukkan berikut ini : Gambar 1.2 activity diagram tilawati Pada Gambar 3.2 user memilih menu jilid dihalaman menu utama kemudian sistem menampilkan beberapa jilid tilawati. User dapat memilih salah satu jilid dan akan ditampilkan oleh sistem halaman dari jilid tersebut. Untuk menjalankan sistem user dapat menekan tombol play dan menekan tombol stop untuk berhenti atau menunggu sampai bacaan dan animasi berhenti sesuai dengan proses berjalannya animasi. User juga bisa merekam suaranya sendiri dengan cara menekan tombol rekam dan tombol stop ketika sudah selesai. Untuk beralih kehalaman lainnya maka user bisa menekan tombol next atau back. 3.2.2.2 Acivity Diagram Uservoice Proses perekaman suara dari user pribadi dimulai ketika user/pengguna menekan tombol rekam maka proses perakaman akan berlangsung saat itu dan apabila user selesai melakukan perekaman, user dapat menekan tombol simpan seketika itu juga data rekaman tadi akan disimpan. Proses tersebut dapat dituangkan pada activity diagram seperti ditunjukkan berikut ini : 16
Gambar 1.3 Activity Diagram Uservoice Pada Gambar 3.3 merupakan aktifitas user ketika akan melakukan perekaman suaranya, pertama kali dengan menekan tombol rekam yang berada dibawah. Saat ditekan maka proses perekaman suara akan berlangsung dan apabila ingin berhenti dapat menekan tombol simpan yang sekaligus menyimpan data perekaman didalam perangkat smartphone user sendiri. Sequence Diagram Menurut Ni Made Astiti (2015), Sequence diagram menjelaskan pola interaksi antara objek yang diatur dalam sebuah urutan kronologi. Diagram ini menunjukkan objek-objek yang terlibat didalam interaksi serta pesan yang dikirim [2]. 3.2.3.1 Sequence Diagram Tilawati Proses dimulai ketika user menekan tombol play, dengan itu maka sistem melakukan proses menjalankan tilawati yang berbentuk animasi text (berubah warna) dan tombol stop untuk menghentikan proses. 17
Gambar 1.4 sequence diagram tilawati Pada Gambar 3.4 adalah gambaran user ketika akan memulai proses belajar tilawati Al-Qur an, dimana proses tersebut terdiri dari: a. User menekan tombol play. b. Proses pembelajaran tilawati Al-Qur an berjalan dengan animasi text (berubah warna). c. Setelah proses berjalan selesai maka akan menampilkan state awal yaitu tampilan awal sebelum user menekan tombol play. d. User menekan tombol stop. e. Proses pembelajaran tilawati Al-Qur an seketika itu akan berhenti, tanpa menunggu sampai selesai. 3.2.3.2 Sequence Diagram Uservoice Proses dimulai ketika user menekan tombol rekam yang nantinya akan diteruskan oleh sistem untuk memanggil fungsi recorder dan berhenti ketika user menekan tombol save sekaligus menyimpan data recoder dari user didalam perangkat telepon pintar (smartphone). 18
Gambar 1.5 sequence diagram Uservoice Pada Gambar 3.5 dalah gambaran user ketika akan memulai proses perekaman dari suara user pribadi, dimana proses tersebut terdiri dari: a. User menekan tombol rekam. b. Proses perekaman suara pribadi dari user berlangsung. c. User menekan tombol simpan. d. Proses perekaman suara berhenti dan seketika itu data perekaman tersebut akan tersimpan didalam perangkat smartphone user sendiri yang berupa file berformat.mp3. Class Diagram Pada fase ini digambarkan sebuah class diagram yang dirancang dalam aplikasi Belajar Al-Qur an menggunakan metode Tilawati berbasis Android. Menurut Ni Made Astiti (2015), Class diagram menggambarkan struktur dan deskripsi class beserta hubungan satu sama lain seperti Asosiasi, Generalisasi dan lain sebagainya [2]. Aplikasi Belajar Al-Qur an menggunakan metode tilawati ini dirancang dalam dua puluh sembilan buah kelas analisis yang terdiri dari menu utama, 19
tilawati, jilid 1, jilid 2 dan jilid 3 didalam jilid terbagi menjadi sembilan kelas yang antara lain : pada jilid 1 yaitu satu_halaman1d, satu_halaman2c, satu_halaman3c, satu_halaman20c, satu_halaman21c, satu_halaman22c, satu_halaman41c, satu_halaman42c, satu_halaman43c, pada jilid 2 yaitu dua_halaman1c, dua_halaman2c, dua_halaman3c, dua_halaman20c, dua_halaman21c, dua_halaman22c, dua_halaman41c, dua_halaman42c, dua_halaman43c, pada jilid 3 yaitu tiga_halaman1c, tiga_halaman2c, tiga_halaman3c, tiga_halaman20c, tiga_halaman21c, tiga_halaman22c, tiga_halaman41c, tiga_halaman42c, tiga_halaman43c. Yang mana menu tilawati adalah induk dari semua kelas jilid 1-3, yang berarti halaman awal dari setiap halaman jilid akan terhubung dengan kelas tilawati, dan setiap halaman jilid pada masing-masing jilidnya terhubung satu sama lain dalam satu jilid. Dalam Gambar 3.6 di bawah ini di gambarkan hubungan antar class yang terjadi pada sistem yang akan dibangun didalam aplikasi Belajar Al-Qur an menggunakan metode Tilawati berbasis Android. 20
Gambar 1.6 Class Diagram Tilawati 21
3.3 Desain Antarmuka Tahap pembuatan tampilan dari data yang dianalisa ke dalam bentuk yang mudah dipahami untuk kelangsungan pembangunan sistem. Dalam pembuatan aplikasi ini desain yang baik dan terencana akan mempermudah proses pembuatan aplikasi selanjutnya. Sebelum membuat desain pada software yang digunakan, perlu dipersiapkan skenario/alur dan rancangan awal dari program yang akan dibuat. Tahap ini memerlukan waktu yang panjang yang lebih lama dibandingkan dengan tahap-tahap lain. Berikut desain dari aplikasi Belajar Al-Quran menggunkan metode Tilawati. Antarmuka Menu Utama Gambar 1.7 antarmuka menu utama Merupakan desain antarmuka dari halaman paling awal dari aplikasi ini. Didalam halaman ini menampilkan judul dari aplikasi dan juga menu/tombol tilawati yang akan menampilkan isi menu-menu jilid dari metode tilawati itu sendiri. 22
Antarmuka JILID Berikut ini adalah desain antarmuka dari halaman tilawati/proses utama dari aplikasi belajar Al-Qur an metode tilawati. Pada halaman ini menampilkan teks arab, tombol play,stop,perekaman user,simpan perekaman,next, dan back. Daapt dijabarkan dengan lengkap pada gambar dibawah ini : Gambar 1.8 Antarmuka jilid Pada Gambar 3.8 merupakan desain antarmuka dari halaman jilid tilawati. Dalam halaman ini menampilkan huruf arab sesuai dengan data yang diperoleh dari pihak TPQ dan berisi suara rekaman dari kepala TPQ. Halaman ini adalah halaman penting dari aplikasi tilawati karena berisi tentang pembelajaran menggunakan animasi text yang berkolaborasi dengan suara rekaman. Terdapat juga tombol main/play yang berguna untuk memulai proses animasi dan suara rekaman berjalan, serta tombol stop untuk memberhentikan proses animasi tersebut. Sedangkan tombol rekam dan stop rekam berguna untuk memulai proses perekaman suara dari pihak pengguna dan menyimpan suara pengguna ddalam memori untuk diperdengarkan dikemudian hari. Apabila user ingin berpindah ke halaman selanjutnya atau sebelumnya maka user bisa menekan tombol next atau back yang berada pada pojok kanan atas sebagai next dan pojok kiri atas sebagai tombol back. 23