Tutorial Membuat Aplikasi Informasi Al-Quran dengan Fast Android Networking

Azhar Rivaldi    7/21/2019    Tutorial Android Studio    6 comments   

Baca Juga

 Aplikasi Informasi Al-Quran

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُه sobat 48😁 kali ini saya akan membagikan tutorial Android Studio lagi nih, untuk kali ini saya akan buat Tutorial Membuat Aplikasi Informasi Al-Quran dengan Fast Android Networking menggunakan Android Studio. Apa itu Fast Android Networking? Fast Android Networking atau FAN adalah sebuah library yang dapat memudahkan kita untuk melakukan HttpConnectionRequest. Untuk lebih lengkapnya kalian bisa lihat DISINI.

Aplikasi Informasi Al-Quran ini datanya saya ambil dari API https://api.banghasan.com/quran/format/json/surat. Datanya berisikan informasi tentang surat-surat didalam Al-Quran. Di mulai dari nomor urut, nama surat, jumlah ayat, arti surat, tempat di turunkan dan keterangan dari surat tersebut.

 Aplikasi Informasi Al-Quran

Aplikasi ini saya buat dengan bahasa pemrograman Kotlin. Jadi, untuk library di gradle-nya sedikit berbeda ya. Karena saya sendiri sedang belajar Kotlin, dan itu agak membingungkan karena saya belum terbiasa. Maka dari itu aplikasi in saya buat dengan tujuan kita samasama untuk belajar. Jika ingin kalian convert ke dalam Java silahkan saja, source code saya sediakan paragraf berikutnya.

Kalau kalian ingin SOURCE CODE Aplikasi Informasi Al-Quran ini, silahkan download di Github saya DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai😄

Jika kalian ingin mencoba membuat aplikasi ini dengan tutorial 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. 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 16 ya.

2. Ubah build.gradle menjadi seperti ini :

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support:design:28.0.0'
    implementation 'com.android.support:recyclerview-v7:28.0.0'
    implementation 'com.android.support:cardview-v7:28.0.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'

    //FAN
    implementation 'com.amitshekhar.android:android-networking:1.0.2'
    implementation 'com.amitshekhar.android:jackson-android-networking:1.0.2'

3. Untuk coding xml-nya, kalian bisa lihat dibawah ini :

activity_detail.xml
Sebagai tampilan dari menu informasi Al-Quran yang terdiri dari nomor urut, nama surat, jumlah ayat, arti surat, tempat di turunkan dan keterangan. Coding-nya DISINI.

activity_main.xml
Sebagai tampilan dari menu utama yang berisikan daftar surat Al-Quran. Coding-nya DISINI.

activity_splash_screen.xml
Sebagai tampilan dari menu saat awal masuk aplikasi. Coding-nya DISINI.

layout_list_surat.xml
Sebagai layout yang menampilkan daftar surat ke activity_main.xml. Coding-nya DISINI.

4. Untuk coding Kotlin-nya, kalian bisa lihat dibawah ini :

DetailActivity.kt
Sebagai class yang menampilkan detail informasi yang didapat dari API. Coding-nya DISINI.

MainActivity.kt
Sebagai class yang menampilkan daftar surat di menu utama. Coding-nya DISINI.

MainPresenter.kt
Sebagai class yang berfungsi untuk mengambil data dari API. Coding-nya DISINI.

MainView.kt
Class ini berfungsi untuk merespon aktivitas yang ada di MainActivity. Coding-nya DISINI.

SplashScreenActivity.kt
Class ini berfungsi untuk menampilkan menu awal saat masuk ke dalam aplikasi. Coding-nya DISINI.

AdapterSurat.kt
Sebagai class yang berfungsi sebagai Adapter untuk menampilkan daftar surat ke dalam MainActivity. Coding-nya DISINI.

Response.kt
Sebagai class yang berfungsi untuk mendapatkan respon dari API untuk menampilkan data. Coding-nya DISINI.

Surat.kt
Sebagai class yang berfungsi untuk mengambil item dari API. Coding-nya DISINI.

5. Jika semua sudah selesai, 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.

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Informasi Al-Quran dengan Fast Android Networking 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_