Aplikasi Surat-surat Pendek dalam Juz Amma pada Ponsel Berbasis Android. Oleh Muhamad Arif Pratama

Aplikasi Surat-surat Pendek dalam Juz Amma pada Ponsel Berbasis Android

Oleh Muhamad Arif Pratama 50408555

PENDAHULUAN Latar Belakang Masalah 1. Perkembangan aplikasi mobile yang menggunakan sistem operasi android. 2. Sebuah aplikasi yang berguna saat kita berada didalam masjid dan dimanapun kita berada.

Ruang Lingkup Penulisan Penulisan difokuskan pada pembuatan aplikasi surat-surat pendek yang ditampilkan dalam huruf Arab,latin bahasa Indonesia dengan bacaannya beserta artinya. Aplikasi ini juga memiliki bentuk Audio atau suara untuk membantu pengguna dalam pengucapan huruf hijaiyyah serta bacaan panjang yang terdapat dalam surat-surat pendek tersebut.

Lanjutan pendahuluan

• Tujuan Penulisan • dapat memudahkan pengguna yang memiliki mobilitas tinggi untuk membaca atau menghafalkan surat-surat pendek disaat istirahat atau disaat berada di dalam masjid tanpa harus membawa buku Juz Amma.

• Metode Penelitian • 1. Studi Pustaka • 2. Perancangan • 3. Pembuatan Aplikasi • 4. Proses Uji Coba Program dan Implementasi

Lanjutan pendahuluan

Sistematika Penulisan Untuk mempermudah pembahasan, sistematika penulisan dibagi menjadi beberapa bab yang secara garis besar diuraikan sebagai berikut : Bab I, yaitu pendahuluan. Penulis akan menjelaskan tentang latar belakang,Ruang lingkup, Tujuan penulisan dan Metode penelitian. Bab II, berisikan tentang teori-teori yang mendukung pembuatan aplikasi. Bab III, mengenai pembahasan masalah, yaitu menjelaskan tahap tahap Pembuatan pengkodean, dan juga tahap akhir yaitu pengujian. Bab IV, Berisi semua uraian-uraian yang telah ditulis pada bab sebelumnyaYaitu dirangkum menjadi satu kesimpulan secara garis besar. Pada Bab ini juga terdapat saran dan kritik yang akan dijadikan bahan Pertimbangan untuk penulis.

PEMBAHASAN

• Struktur Navigasi Program • Struktur navigasi yang digunakan pada aplikasi ini adalah struktur navigasi Hirarki. Penjelasan secara garis besar. 





Tampilan awal aplikasi dimulai pada menu utama, didalam menu terdapat 4 pilihan yaitu Juz Amma, Search, About, dan Exit. Setelah itu, jika memilih Juz Amma, maka akan masuk ke dalam pilihan surat-surat Juz Amma. Apabila sudah selesai, maka akan kembali ke pilihan surat. Lalu dapat memilih apakah ingin memilih surat atau kembali ke menu utama, jika kembali ke menu utama maka user dapat kembali memilih 4 pilihan yang tersedia, Jika tidak maka selesai.

Use Case Diagram Pembuatan Use case diagram tersebut menggunakan aplikasi StarUML. Fungsi dari use case diagram adalah untuk menggambarkan interaksi yang terjadi antara user dengan sistem.

At-Tiin

+ImageView +TextView +player +playBtn

+ImageView +TextView +player +playBtn

+ImageView +TextView +player +playBtn +setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create()

+ImageView +TextView +player +playBtn

+ImageView +TextView +player +playBtn

+setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create()

Al-Ikhlas

Al-Falaq

An-Naas

Al-Alaq +ImageView +TextView +player +playBtn

+ImageView +TextView +player +playBtn

+ImageView +TextView +player +playBtn

+setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create()

Menu Utama

+TextView

+JuzAmmaButton +SearchButton +AboutButton +ExitButton +setOnClickListener()

Al-Qadr +ImageView +TextView +player +playBtn +setOnClickListener() +playSound() +MediaPlayer.create() Al-bayyinah

Main +data: string +ArrayAdapter() +AutoCompleteTextView() +setAdapter() +setThreshold()

Al-Maa'uun

+ImageView +TextView +player +playBtn

+ImageView +TextView +player +playBtn

+setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create()

Al-Zilzal +ImageView +TextView +player +playBtn +setOnClickListener() +playSound() +MediaPlayer.create()

Al-Adiyat

+An-NaasButton +Al-FalaqButton +Al-IkhlasButton +Al-LahabButton +An-NashrButton +A-lKafirunButton +Al-MaunButton +Al-QuraisyButton +Al-FiilButton +Al-HumazahButton +Al-AshrButton +At-TakatsurButton +Al-QariahButton +Al-AdadiyatButton +Al-ZilzalButton +Al-BayyinahButton +Al-QadrButton +Al-AlaqButton +At-TiinButton +Al-InsyirahButton +Adh-DhuhaButton +Al-LailButton +Asy-SyamsButton +Al-BaladButton +setOnClickListener()

Al-Qariah

+ImageView +TextView +player +playBtn

+ImageView +TextView +player +playBtn

+setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create()

Al-Quraisy +ImageView +TextView +player +playBtn

+setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create()

Al-Fiil

Al -Lahab +ImageView +TextView +player +playBtn +setOnClickListener() +playSound() +MediaPlayer.create() An-Nashr

+ImageView +TextView +player +playBtn +setOnClickListener() +playSound() +MediaPlayer.create()

Al-Humazah

+ImageView +TextView +player +playBtn

+ImageView +TextView +player +playBtn

+setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create() Al-Ashr

Al-Kafirun +ImageView +TextView +player +playBtn +setOnClickListener() +playSound() +MediaPlayer.create()

+ImageView +TextView +player +playBtn +setOnClickListener() +playSound() +MediaPlayer.create() At-Takatsur

Al-Kautsar +ImageView +TextView +player +playBtn +setOnClickListener() +playSound() +MediaPlayer.create()

Al-Balad +ImageView +TextView +player +playBtn

+ImageView +TextView +player +playBtn

Juz Amma About

Asy-Syams

Al-Lail

Adh-Dhuha

Al-Insyirah

+ImageView +TextView +player +playBtn +setOnClickListener() +playSound() +MediaPlayer.create()

+setOnClickListener() +playSound() +MediaPlayer.create()

Uji Coba dan Implementasi Tahap uji coba dilakukan pada handphone.

Tampilan loading Tampilan Menu Utama

Juz Amma

Lanjutan Diatas

Tampilan contoh Surat An-Naas

Lanjutan Diatas

Tampilan Search

Tampilan Kata Manusia

Lanjutan Tahap uji coba

Berikut ini adalah hasil uji coba di beberapa handpone android yang memiliki versi os berbeda beda, mulai dari versi 1.6 sampai versi 2.3

Desain Berikut ini adalah desain dari tampilan aplikasi yang di buat yaitu, loading, menu utama, Juz Amma, Surat An-Naas,dan Kata Manusia Desain Tampilan Keterangan Rancangan tampilan loading ImageView digunakan untuk menampilkan gambar. Sedangkan untuk tampilan prosesnya menggunakan ProggresBar.

Button 1 merupakan pilihan untuk masuk ke menu Juz Amma. Button 2 merupakan pilihan untuk masuk ke tampilan search. Button 3 merupakan pilihan untuk masuk ke tampilan About dan

Lanjutan Desain

Desain Tampilan

Keterangan

Rancangan pada tampilan menu Juz Amma memiliki 25 Button, pada Button 1 pilihan untuk masuk ke surat an-naas. Button 2 pilihan untuk masuk ke surat al-falaq. Button 3 pilihan untuk masuk ke surat al-ikhlas. Button 4 pilihan untuk masuk ke surat al-lahab. Dan terus sampai pada Button 25 Pilihan untuk masuk ke surat al-balad.

Lanjutan Desain

Desain Tampilan

Keterangan

pada surat an-naas untuk menampilkan tulisan latin, sedangkan TextView yang kedua untuk menampilkan arti dalam bahasa indonesia. Button 1 pada tampilan surat an-naas digunakan untuk memunculkan suara. Button 2 digunakan untuk menghentikan suara dan Button 3 digunakan untuk kembali ke menu Juz Amma.

untuk menampilkan gambar tulisan bahasa arab. Selain itu, tedapat juga Text View yang berfungsi untuk menampilkan tulisan latin dan Button yang digunakan untuk kembali ke menu juz

Flowchart

Pada langkah pertama dalam membuat diagram alur (flowchart) adalah dengan mulai program. Kemudian memberi nilai awal char=0 dan input char dimana pada tipe data char ini menginput huruf alfabet dari A sampai Z. Setelah menginput char, lalu memasukkan char. Jika sudah masukkan char terdapat kondisi tambah char atau tidak. Jika iya maka karakter bertambah satu dan kembali ke input char, jika memilih tidak maka akan muncul kondisi hapus char atau tidak. Jika ya maka char berkurang 1 dan terdapat kondisi char sama dengan dari nol, jika ya maka akan kembali ke char=0 dan jika tidak maka akan kembali ke input char. Pada hapus char, jika memilih tidak maka akan terdapat kondisi apakah pencarian ditemukan atau tidak. Jika ya maka akan menampilkan hasil pencarian dan jika tidak maka program berakhir.

Pembuatan Aplikasi

Diatas ini adalah bagian inti dari source program class loading

Diatas ini adalah bagian inti dari source program class Menu Utama

Diatas ini adalah bagian inti dari source program class Juz Amma

Berikut ini adalah bagian inti dari source program class Surat An-Naas

Diatas ini adalah bagian inti dari source program class main, yang merupakan class dari proses search.

Berikut ini adalah bagian inti dari source program class kata manusia

Penutup •

Kesimpulan - Alternatif kepada pengguna dalam memenuhi kebutuhan mereka terhadap surat-surat pendek

- Aplikasi berbasis Android

•

Saran –

Menambah fitur animasi

–

Menambah jumlah surat