Aplikasi Surat-surat Pendek dalam Juz Amma pada Ponsel ...publication.gunadarma.ac.id/bitstream/123456789/4724/1/presentasi.pdf · dalam Juz Amma pada Ponsel Berbasis Android Oleh

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



Al-Ikhlas



Al -Lahab



An-Nashr



Al-Kafirun



Al-Kautsar



Al-Maa'uun



Al-Quraisy



Al-Fiil



Al-Humazah



Al-Ashr



At-Takatsur



Al-Qariah



Al-Adiyat



Al-Zilzal



Al-bayyinah



Al-Qadr



Al-Alaq



At-Tiin



Al-Insyirah



Adh-Dhuha



Al-Lail



Asy-Syams



Al-Balad



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

Documents

Aplikasi Surat-surat Pendek dalam Juz Amma pada Ponsel ...publication.gunadarma.ac.id/bitstream/123456789/4724/1/presentasi.pdf · dalam Juz Amma pada Ponsel Berbasis Android Oleh