Membuat RecyclerView di Android Dan Menampilkan Data dari MySQL - Hai sobat blogcahti, sudah sekian lama saya baru update post lagi dikarenakan kesibukan kuliah membuat saya malas buka blog untuk membuat artikel baru. Tutorial yang saya bagikan kali ini cukup berbeda yaitu mengenai pemrogaman android yang berhubungan dengan tugas akhir kuliah. Tujuan tutorial ini yaitu mengambil data
JSON yang telah diparsing dari
database
MYSQL dengan memanfaatkan library
Retrofit. Kemudian dataset akan ditampilkan pada
RecyclerView dalam
bentuk list items.
Apa itu RecyclerView Android
Saya akan berikan sedikit penjelasan mengenai RecyclerView sebelum kita memulai membuat program. Singkatnya RecylerView adalah sebuah widget yang berfungsi untuk menampilkan dataset. Sebelum adanya widget RecyclerView, kita menggunakan ListView untuk menampilkan dataset. Kekurangan yang ada pada ListView dalam menghandle data yang besar dan dirasa kurang efisien menjadi alasan lahirnya RecyclerView, dimana dapat menampung dataset dalam jumlah besar.
Oke, itu sedikit penjelasan singkat RecylerView langsung saja kita praktekan dengan membuat program.
Langkah Membuat RecyclerView
Sebelum membuat project android, terlebih dahulu membuat database dan file .php untuk koneksi ke database.
Membuat Database Mysql
Pertama, buat database dengan nama "location".
Kemudian buat table dengan nama "location".
Buat struktur tabel dengan query :
CREATE TABLE `location` (
`id` int(11) NOT NULL,
`name` varchar(30) NOT NULL,
`lat` varchar(30) NOT NULL,
`lng` varchar(30) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
Insert value ke tabel dengan query :
INSERT INTO `location` (`id`, `name`, `lat`, `lng`) VALUES
(1, 'Universitas Amikom Yogyakarta', '-7.760508', '110.408542'),
(2, 'Universitas Negeri Yogyakarta', '-7.774721', '110.386242'),
(3, 'Universitas Gajah Mada', '-7.771374', '110.377472');
Jika tidak ada error lanjut ke tahap berikutnya.
Membuat File .php Koneksi Database
Buat direktori baru pada folder htdocs dengan nama "location" untuk menyimpan file php. Disini kita akan membuat dua file php yakni untuk koneksi ke database dan menampilkan field dari tabel.
Buat file connect.php dan getlocation.php
Setelah itu coba cek apakah json sudah bisa tampil dengan cara memasukan url localhost/recyclerview/getcontact.php?item_type=tb_recylerview
Maka hasilnya akan seperti ini :
[{"id":"1","name":"Universitas Amikom Yogyakarta","lat":"-7.760508","lng":"110.408542"},{"id":"2","name":"Universitas Negeri Yogyakrta","lat":"-7.774721","lng":"110.386242"},{"id":"3","name":"Universitas Gajah Mada","lat":"-7.771374","lng":"110.377472"}]
Tahap pembuatan project android.
Buka Android Studio, New > Project > Empty Activity dan beri nama RecylerView.
Tambahkan depedencies pada build.gradle (Module:app) seperti berikut :
//add these for lines
implementation 'com.squareup.retrofit2:retrofit:2.4.0'
implementation 'com.squareup.retrofit2:converter-gson:2.2.0'
implementation "androidx.recyclerview:recyclerview:1.1.0"
// For control over item selection of both touch and mouse driven selection
implementation "androidx.recyclerview:recyclerview-selection:1.1.0-beta01"
Kemudian Sync project. Ingat! Saya menggunakan versi androidx, kalian bisa menyesuaikannya.
Ubah activity_main.xml seperti berikut :
Lanjut dengan membuat item.xml :
Buat class Adapter.java
Selanjutnya buat Interface dengan nama Api.java lalu ubah
kind menjadi
Interface
MainActivity.java
Tambahkan permission internet di AndroidManifest.xml :
<uses-permission android:name="android.permission.INTERNET"></uses-permission>
Terakhir, Run App menggunakan emulator atau device yang tersambung USB. Terlebih dahulu aktifkan USB debugging di device android.
Note : Ganti IP address di ApiClient.java dengan IP local komputer
Apabila terjadi masalah pada saat menjalankan aplikasi dengan error "java.io.IOException: Cleartext HTTP traffic to * not permitted" buka AndroidManifest.xml lalu tambahkan :
<application android:usescleartexttraffic="true" application=""></application>
Project source :
GITHUB
Sekian tutorial tentang
Cara Membuat RecyclerView di Android dengan Mysql. Jika ada yang ingin ditanyakan, silahkan berkomentar.
Terimakasih telah mengunjungi
blogcahti, semoga bermanfaat.