Menampilkan data dengan JSON

 JSON adalah singkatan dari JavaScript Object Notation. Ini adalah format minimal yang dapat dibaca dan untuk menyusun data. JSON adalah transmisi data independen antara server dan aplikasi. Merupana alternatif terbaik untuk XML. Ini mewakili data dalam format teks sehingga dapat dengan mudah di urai.

Android telah menyediakan kelas yang berbeda untuk memanipulasi data JSON. Mereka adalah JSONArray, JSONStringer, JSONObject dan JSONTokenizer. File JSON memiliki banyak komponen seperti Array ( [ ), Objects ( { ), Key dan Value.

Dalam tutorial ini kalian akan belajar cara membuat aplikasi android untuk membaca data atau parsing data dari file json dengan mudah di android studio.

Buatlah projek android studio baru dengan informasi dibawah ini:

Application Name	:	DataJSON
Package Name	:	com.androidrion.datajson
Languge	:	Java
Minimum SDK	:	API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml yang digunakan dalam projek ini:

1. activity_main.xml
2. listview_item.xml

Daftar file java yang digunakan dalam projek ini:

1. HttpHandler.java
2. MainActivity.java

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Data JSON.

XML Layout File

Buka file activity_main.xml dalam folder layout pada projek android studio kalian. Tambahkan widget ListView di dalam RelativeLayout. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

Buat file xml layout baru dengan cara klik kanan pada folder layout, lalu pilih New>Layout resource file. Simpan file xml layout baru dengan nama list_item. Berikut ini adalah kode lengkap untuk file list_item.xml

app/res/layout/list_item.xml

JSON File

Untuk Membuat JSON File silahkan gunakan aplikasi editor code yang anda, berikut kode JSON yang dibuat menggunakan Visual Studio Code

Java File

Buatlah file java class baru dengan cara klik kanan pada folder java dalam projek android studio kalian. Lalu pilih New>Java Class. Simpan file java baru tersebut dengan nama HttpHandler. Dibawah ini adalah kode lengkap untuk file HttpHandler.java

app/java/com.androidrion.jsonparser/HttpHandler.java

Masih didalam folder java, sekarang buka file MainActivity, lalu gunakan kode dibawah ini untuk membuat aplikasi menampilkan data file json yang telah di parsing. Dibawah ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.jsonparser/MainActivity.java

Manifests File

Buka file AndroidManifest.xml dalam folder manifests pada projek android studio. Tambahkan permission INTERNET di dalamnya. Berikut adalah kode lengkap untuk file AndroidManifest.xml

app/manifests/AndroidManifest.xml

Run ‘app’

Sebelum Menjalankan projeck android studio anda usahakan Xampp/Laragon sudah dihidupkan dan file json yang telah kita buat telah di sipan di folder WWW. seperti gambar dibawah ini :

Sekarang jalankan projek android studio kalia. Pada tampilan awal aplikasi, kalian bisa melihat adanya data yang tersusun rapi menjelaskan tentang warna. Jika kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar dibawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah cara membuat aplikasi android untuk membaca atau mem-parsing data dari file json di android studio. Tutorial diatas sangatlah mudah dikerjakan karena tidak begitu banyak kode yang digunakan hanya untuk membuat aplikasi android bisa memparsing data dari file json.

Projek ini dibuat untuk memenuhi salah satu tugas mata kuliah mobile programming 2 oleh

Dexsa Muliana Ghazali : 187200043

Mochamad Fikri Rifai : 187200026