Tutorial Membuat Aplikasi Github User MVVM dengan Android Studio

Azhar Rivaldi    6/01/2021    Tutorial Android Studio    Comment   

Baca Juga

Submission Github User App MVVM

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 Github User MVVM dengan Android Studio.

Buat kalian yang mengikuti Submission dari Dicoding mungkin sudah tidak asing ya dengan Github User App. Tujuan saya membuatkan tutorial ini adalah karena saya sering melihat banyak yang bertanya kesana kesini untuk solved error yang terjadi saat membuat Submission ini. Jadi, saya buatkan agar menjadi referensi bagi yang membutuhkan.

Disini saya hanya menampilkan Pencarian User, Detail User, Jumlah Following dan Followers, serta saya juga masukan menu Favorit yang menggunakan SQLite database untuk menyimpannya. Untuk pattern yang saya gunakan disini adalah MVVM. Dan untuk memanggil data API Github saya menggunakan Retrofit.

Aplikasi ini menggunakan API https://api.github.com/users/AzharRivaldi yang membutuhkan API KEY. API KEY bisa kalian lihat video di tutorial ya. Eits, tapi jangan cuma mau ngambil API KEY saja, saya harap kalian juga memahami tutorial yang saya berikan. 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 Java ya.

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

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

4. Buat Class Main sebagai Class utama untuk menampilkan nama-nama pengguna Github dari hasil pencarian. Buat activity_main.xml dan MainActivity.java.
Source : activity_main.xml dan MainActivity.java

5. Buat Class Detail untuk menampilkan detail dari Github User. Buat activity_detail.xml dan DetailActivity.java.
Source : activity_detail.xml dan DetailActivity.java

6. Buat Class Favorite untuk menampilkan Github User yang disimpan. Buat activity_favorite.xml dan FavoriteActivity.java.
Source : activity_favorite.xml dan FavoriteActivity.java

7. Buat Class Fragment Followers untuk menampilkan Followers dari Github User yang dipilih. Buat fragment_followers.xml dan FragmentFollowers.java.
Source : fragment_followers.xml dan FragmentFollowers.java

8. Buat Class Fragment Following untuk menampilkan Following dari Github User yang dipilih. Buat fragment_following.xml dan FragmentFollowing.java.
Source : fragment_following.xml dan FragmentFollowing.java

9. Buat Class Adapter, disini ada tiga Class yang saya buat dengan satu XML. XML saya buat satu saja karena tampillnya sama. Buat list_item_data.xml, FavoriteAdapter.java, FollowAdapter.java dan SearchAdapter.java.

Source : list_item_data.xml, FavoriteAdapter.java, FollowAdapter.java dan SearchAdapter.java

10. Buat Class Adapter untuk sumber inisialisasi Fragment. Buat ViewPagerAdapter.java.
Source : ViewPagerAdapter.java

11. Buat Class Model yang berfungsi sebagai POJO. Buat ModelFollow.java, ModelSearch.java, ModelSearchData.java dan ModelUser.java.

Source : ModelFollow.java, ModelSearch.java, ModelSearchData.java dan ModelUser.java

12. Buat Class API untuk Client Service dan Interface. Buat ApiClient.java dan ApiInterface.java.
Source : ApiClient.java, dan ApiInterface.java

13. Buat Class Database. Buat DatabaseContract.java, DatabaseHelper.java dan FavoriteHelper.java.

Source : DatabaseContract.java, DatabaseHelper.java dan FavoriteHelper.java

14. Buat Class ViewModel karena disini saya menggunakan pattern MVVM. Buat UserViewModel.java.
Source : UserViewModel.java

15. Buat XML dengan nama layout_empty.xml untuk ditampilkan jika tidak ada data
Source : layout_empty.xml

16. Untuk data drawable-nya, bisa langsung ke link source code yang sudah saya berikan diatas ya. Atau kalian bisa tonton video tutorialnya.

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)

Berikut ini hasilnya:

Menu Utama

Menu Favorit

Hasil Pencarian

Menu Detail

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Github User MVVM 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_