Tutorial Membuat Aplikasi Al-Qur’an Android Menggunakan Android Studio

Azhar Rivaldi    11/13/2021    Tutorial Android Studio    67 comments   

Baca Juga

Tutorial Membuat Aplikasi Al-Qur'an Android

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُه sobat 48😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Al-Qur'an Android menggunakan Android Studio.

Sebenarnya saya sudah pernah membagikan tutorial ini, hanya saja terlau sederhana dan menggunakan library yang usang atau versi lama. Jadi, ini adalah update-nya. Selain saya update, saya juga menambahkan menu untuk menampilkan Jadwal Sholat dan Masjid Terdekat.

Dengan satu aplikasi ini, kalian bisa mendapatkan banyak fitur. Ada Al-Qur'an, ada Jadwal Sholat dan Masjid Terdekat. Oh ya, untuk menampilkan Maps kalian harus membuat API KEY terlebih dahulu ya. 

Untuk kamu yang ingin langsung mencobanya, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai.

Jika kalian ingin melihat demo aplikasinya, berikut ini saya berikan Video demonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya. Oke langsung saja tanpa basa-basi lagi kita langsung ke langkah pertama :

1. Seperti biasa, buat project baru di Android Studio dengan cara klik File ⇒ Project Baru. Ketika diminta untuk memilih Default Activity, pilih Empty Activity dan klik next. Untuk minSDK, disini saya set API 21 ya. Ingat, jangan langsung Run atau Copy Paste Source Code dari saya, pasti akan terjadi error jika beda versi Gradle dan beda versi Android Studionya. Untuk tutorial ini, saya buat dengan bahasa Kotlin ya.

2. Kemudian kalian import beberapa library ke gradle:
Source : build.gradle

3. Jangan lupa tambahkan beberapa Permission ke Android Manifest:
Source : AndroidManifest.xml

4. Buat Class Main sebagai Class utama untuk menampilkan daftar 114 surah Al-Qur'an. Buat activity_main.xml dan MainActivity.kt.
Source : activity_main.xml dan MainActivity.kt

5. Buat Class Masjid sebagai Class untuk menampilkan masjid terdekat berdasarkan lokasi kita berada. Buat activity_masjid.xml dan MasjidActivity.kt.
Source : activity_masjid.xml dan MasjidActivity.kt

6. Buat Class Detail sebagai Class untuk menampilkan ayat-ayat dan keterangan surah yang dipilih. Buat activity_detail.xml dan DetailActivity.kt.
Source : activity_detail.xml dan DetailActivity.kt

7. Buat Class Fragment sebagai Class untuk menampilkan jadwal sholat berdasarkan kota yang dipilih. Buat fragment_jadwal_sholat.xml dan FragmentJadwalSholat.kt.
Source : fragment_jadwal_sholat.xml dan FragmentJadwalSholat.kt

8. Buat Class Main Adapter. Buat list_item_surah.xml dan MainAdapter.kt.
Source : list_item_surah.xml, dan MainAdapter.kt

9. Buat Class Detail Adapter. Buat list_item_ayat.xml dan DetailAdapter.kt.
Source : list_item_ayat.xml, dan DetailAdapter.kt

10. Buat Class Model Main. Buat DaftarKota.kt, ModelAyat.kt dan ModelSurah.kt.

Source : DaftarKota.kt, ModelAyat.kt dan ModelSurah.kt

11. Buat Class Model Nearby. Buat ModelGeometry.kt, ModelLocation.kt dan ModelResults.kt.

Source : ModelGeometry.kt, ModelLocation.kt dan ModelResults.kt

12. Buat Class Model Response. Buat ModelResultNearby.kt.

Source : ModelResultNearby.kt

13. Buat Class Networking. Buat ApiInterface.kt, ApiMaps.kt dan ApiService.kt.

Source : ApiInterface.kt, ApiMaps.kt dan ApiService.kt

14. Buat Class Utils. Buat ClientAsyncTask.kt.

Source : ClientAsyncTask.kt

15. Buat Class ViewModel. Buat MasjidViewModel.kt dan SurahViewModel.kt.

Source : MasjidViewModel.kt dan SurahViewModel.kt

16. Buat XML Toolbar untuk menampilkan lokasi kita berada. Buat toolbar.xml.
Source : toolbar.xml

17. Selesai dan coba kalian Run. Jika kalian mengikuti langkah-langkah diatas dengan baik, pasti aplikasi yang kalian buat akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :

https://sociabuzz.com/azharrvldi_/donate (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Untuk hasilnya, nanti akan seperti ini :

Tutorial Membuat Aplikasi Al-Quran Android

Tutorial Membuat Aplikasi Al-Quran Android

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Al-Quran Android Menggunakan Android Studio ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_