Monday, February 8, 2021

Tutorial Membuat Aplikasi Bacaan Sholat dengan Android Studio

Tutorial Membuat Aplikasi Bacaan Sholat dengan Android Studio
Tutorial Membuat Aplikasi Bacaan Sholat dengan Android Studio

Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Bacaan Sholat dengan Android Studio.

Pada tutorial kali ini saya membuat sebuah aplikasi yang menampilkan Niat-niat Sholat 5 Waktu,  Bacaan Sholat dan juga saya kasih bonus yaitu Surah Ayat Kursi. Jika ada kesalahan dalam data mohon koreksinya ya. Untuk tampilannya bisa kalian lihat pada gambar diatas.

Buat kalian 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 kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

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 kamu import beberapa library ke gradle:
Source : build.gradle

3. Buat Class Main sebagai class utama. Buat activity_main.xml dan MainActivity.kt.
Source : activity_main.xml, dan MainActivity.kt

4. Buat Class untuk menampilkan Niat Sholat. Buat activity_niat_shalat.xml dan NiatShalatActivity.kt.
Source : activity_niat_shalat.xml, dan NiatShalatActivity.kt

5. Buat Class untuk menampilkan Bacaan Sholat. Buat activity_bacaan_shalat.xml dan BacaanShalatActivity.kt.
Source : activity_bacaan_shalat.xml, dan BacaanShalatActivity.kt

6. Buat Class untuk menampilkan Bacaan Ayat Kursi. Buat activity_ayat_kursi.xml dan AyatKursiActivity.kt.
Source : activity_ayat_kursi.xml, dan AyatKursiActivity.kt

7. Buat Class Adapter Niat Sholat. Buat list_niat_shalat.xml dan NiatShalatAdapter.kt.
Source : list_niat_shalat.xml, dan NiatShalatAdapter.kt

8. Buat Class Adapter Bacaan Sholat. Buat list_bacaan_shalat.xml dan BacaanShalatAdapter.kt.
Source : list_bacaan_shalat.xml, dan BacaanShalatAdapter.kt

9. Buat Class Model. Buat ModelBacaan.kt.
Source : ModelBacaan.kt

10. 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 tampilannya :
Tutorial Membuat Aplikasi Bacaan Sholat dengan Android Studio
Menu Utama
Tutorial Membuat Aplikasi Bacaan Sholat dengan Android Studio
Niat Sholat
Tutorial Membuat Aplikasi Bacaan Sholat dengan Android Studio
Bacaan Sholat
Tutorial Membuat Aplikasi Bacaan Sholat dengan Android Studio
Bacaan Ayat Kursi
Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Bacaan Sholat dengan 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_

12 comments

  1. ada notif error

    'public' subclass exposes its 'internal' supertype argument ListViewHolder

    di recyclerview BacaanShalatAdapter

    cara benerinnya gimana ya, gan?

    ReplyDelete
    Replies
    1. makanya ditonton videonya, jgn cuma comot source code trus run^^

      Delete
    2. Gua juga sama bang, error gitu. Solusinya gimana ya? di video juga ga ada solusi

      Delete
    3. ah masa? harusnya kalo videonya ditonton sambil ngetik gakada error itu sih

      Delete
  2. Kak yang drawable nya ko ga di liatin??

    ReplyDelete
    Replies
    1. emang gakbisa bikin sendiri? di paragraf awal ada link source codenya kalo situ gak males baca

      Delete
  3. Cara bikin mockup kaya di thumbnail artikel ini gmna ya min caranya?

    ReplyDelete
  4. Bang mau tanya di bagian gradient isinya bacaan sholatnya juga bang?

    ReplyDelete
    Replies
    1. cuma di list aja kalo buat datanya, kecuali yg ayat kursi

      Delete
  5. Izin coba bang, mudah mudahan sukses

    ReplyDelete

Silahkan tinggalkan komentar jika Anda punya saran, kritik, atau pertanyaan seputar topik pembahasan. Gunakan bahasa yang bijak dan santun. Terima Kasih.
EmoticonEmoticon