Tutorial Android Read data MySQL dengan Retrofit (CRUD Online Bagian 2)

Sulistiyanto
3 min readDec 7, 2016

--

Sebelumnya saya telah membuat tutorial insert data ke MySQL bisa dilihat disini :

Nah sekarang bagaimana cara menampilkan data yang sudah kita inputkan? Langsung aja ikuti step-stepnya.

Step 1) Membuat Fungsi Read dengan PHP

Buat fungsi Read seperti source code berikut dan simpan dengan nama view.php.

Respon Json :

Step 2) Update strings.xml

Buka file “res/values/strings.xml”, tambahkan string lihat data untuk menamai button.

Step 3) Update activity_main.xml

Buka file “res/layout/activity_main.xml”, tambahkan satu Button untuk melihat hasil inputan.

Hasil dari penambahan button akan terlihat seperti ini

Step 4) Membuat activity baru

Activity ini digunakan untuk menampilkan hasil dari data yang sudah di inputkan. Beri nama activitynya dengan ViewActivity.

Selanjutnya buat perintah untuk menuju atau pindah ViewActivity dari MainActivity. Tambahkan source code berikut ke dalam MainActivity.java

Step 4) Membuat POJO dan update RegisterAPI

Kita buat Plain Old Java Object (POJO) untuk menampung object dari JSON. Kemudian tambahkan source code berikut ke dalam kelas Result.

Kemudian update kelas Value.java dengan menambahklan source code seperti berikut :

Selanjutnya menambah source code di RegisterAPI.java

Step 5) Membuat tampilan activity_view.xml

Buka file “res/layout/activity_view.xml” dan tambahkan Recyclerview kedalamnya. Recyclerview sendiri merupakan widget yang berfungsi untuk menampilkan list data seperti ListView.

Hasil desain :

Selanjutnya adalah custom isi dari recyclerview, karena nanti kita akan menampilkan NPM, nama, kelas dan sesi. Kita akan menggunakan cardview untuk mempercantik tampilan Recyclerview. Sebelumnya update pengaturan build.gradle dengan menambahkan support cardview :

Kemudia buat layotu baru dengan cara seperti berikut :

Beri nama list_view.

Ubah source code berikut ke list_view.xml.

Step 6) Membuat Adapter Recyclerview

Buat kelas baru dengan nama RecyclerViewAdapter. Edit source code seperti berikut :

Step 6) Implementasi kode ke ViewActivity.java

Buka file ViewActivity.java kemudian tambahkan source code berikut :

Step 7) Demo Video

Untuk lebih jelasnya silahkan download project saya di Github.

--

--