Aplikasi Surat-surat Pendek dalam Juz Amma pada Ponsel...
Transcript of Aplikasi Surat-surat Pendek dalam Juz Amma pada Ponsel...
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 denganbacaannya 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
Sistematika Penulisan
Untuk mempermudah pembahasan, sistematika penulisan dibagi menjadibeberapa 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 dirangkummenjadi satu kesimpulan secara garis besar. Pada Bab ini juga terdapat saran dan
kritik yang akan dijadikan bahan Pertimbangan untuk penulis.
Lanjutan pendahuluan
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 DiagramPembuatan Use case diagram tersebut menggunakan aplikasi StarUML.
Fungsi dari use case diagram adalah untuk menggambarkan interaksi yang terjadi antara user dengan sistem.
About
+TextView
Menu Utama
+JuzAmmaButton+SearchButton+AboutButton+ExitButton
+setOnClickListener()
Juz Amma
+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()
Main
+data: string
+ArrayAdapter()+AutoCompleteTextView()+setAdapter()+setThreshold()
An-Naas
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Falaq
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Ikhlas
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al -Lahab
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
An-Nashr
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Kafirun
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Kautsar
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Maa'uun
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Quraisy
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Fiil
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Humazah
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Ashr
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
At-Takatsur
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Qariah
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Adiyat
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Zilzal
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-bayyinah
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Qadr
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Alaq
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
At-Tiin
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Insyirah
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Adh-Dhuha
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Lail
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Asy-Syams
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Al-Balad
+ImageView+TextView+player+playBtn
+setOnClickListener()+playSound()+MediaPlayer.create()
Uji Coba dan Implementasi
Tahap uji coba dilakukan pada handphone.
Tampilan loadingTampilan Menu Utama Juz Amma
Lanjutan Diatas
Tampilan contoh
Surat An-Naas
Lanjutan Diatas
Tampilan SearchTampilan 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
DesainBerikut 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
Keteranganpada 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