Android WordPress Reader dengan Kotlin + Retrofit

Pada tutorial kali ini, saya ingin membuat WordPress Reader menggunkan Kotlin, dengan Library Retrofit. Pada tutorial ini hanya akan membuat dasar-dasarnya saja dari mengambi data JSON sampai Menampilkannya. Untuk masalah tampilan tergantung kreatifitas masing-masing. Pada pengembangannya, WordPress Reader ini bisa dikembangkan untuk membuat App Wallpaper, App Portal Berita, App Download Gambar desain Rumah , App Profil Perusahaan, Dll.

Berikut Step By Step Pembuatan WordPress Reader.

  1. SIapkan web site dengan WordPress,instal Plugin JSON Api, untuk mengambil data JSON dari website. Sebagai contoh, ini adalah Plugin JSON API yang saya gunakan, bila berhasil maka akan jadi seperti ini : http://ugikpoenya.com/api/get_posts/
  2. Membuat Hello WOrd dulu 
  3. Tambahakan Library Retrofit di dalam Gradle
  4. Buat Package Baru dengan nama Model,
  5. Pada Package Model buat Kotlin FIle/Class dengan nama PostModel, digunakan untuk menampung variabel dari JSON setiap post, setiap variabel harus disesuaikan dengan struktur JSON. Untuk setiap variable tidak harus semua yang ada di JSON, bisa di masukan sesuai kebutuhan saja. Pastikan mana ang Object, dan mana yang Array, di sini paing sering terjadi error/data tidak tampil hanya karesalah mendevinisikan Array sbagai Object atau sebaliknya, Object malah sebagai Array.
  6. asih di Package Model, buat FIle/CLass baru dengan Nama PostsResponse, ini untuk menampung response dari retrofit.
  7. Buat Package Baru dengan nama Api
  8. Pada package Api, buat Kotlin File/Class degan nama ApiClient, tambahkan kode di bawah in, jangan lupa pastikan nama baseUrl sama dengan URL sumber JSON kamu.
  9. Masih pada package Api, buat Kotlin File/Class baru beri nama ApiService, untuk membuat koneksi setiap url
  10. Bila semua lancar dan tidak terjadi error, makan akan tampil seperti ini
  11. Buka MainActivty.kt, tambahkan class berikut untuk ambil data JSON dari server, sampai di sini untuk melihat koneksi berhasil atau tidaknya kita bisa menggunkan Logcat Log.d

    untuk memanggilnya
  12. Jalankan APlikasi, buka jendela Logcat, bila berhasil makan akan muncul status seperti ini
  13. Dengan Logcat ini kita juga bisa melihat hasil dari JSON respon, sebagai contoh ini akan menampilkan semua judul
  14. Sampai disini berarti kita sudah berhasil mengabil data dari website, dan sekaligus prsing data JSON ke dalam variabel Array.
  15. berkikut kode keseluruhan untuk MainActivity.kt

     
Facebook Comments