Tutorial JSON PDF
Tutorial JSON PDF
Pengenalan JSON
JSON (Javascript Object Notation) adalah salah satu format data yang sering digunakan untuk pertukaran data antar aplikasi. Format ini populer karena sederhana dan mudah dibaca. Format ini pertama kali digunakan oleh bahasa pemrogaman Javascript. Semua data dalam JSON adalah sebuah object yang merupakan pasangan key dan value . Contoh object sederhana
{'key':'value'}
Object dalam JSON selalu diawali { dan diakhiri } ; Beberapa tipe data yang didukung oleh JSON 1. 2. 3. 4. String Number (Double Precision) Boolean Array ( ditandai dengan [ dan ]
Perhatikan pada bagian phoneNumbers . Object phoneNumbers merupakan array yang berisi 2 data lain.
Skenario Tutorial
Dalam sebuah layanan web terdapat 2 komponen utama yaitu Server dan Client . Server bertugas memberikan data pada Client . Data dari Server nantinya adalah data mahasiswa sederhana (pada level produksi datanya ditarik dari database). Kemudian Client bertugas untuk menampilkan data dari Server . Pertukaran data dilakukan menggunakan format JSON. Ilustrasi :
Setiap kali kita mendapat data dari database, data tersebut dapat berupa object atau berupa array. Untuk dapat memnggunakan metode json_encode data tersebut harus dirubah menjadi array terlebih dahulu. Bentuk array dari baris pertama data tersebut adalah :
//Baris pertama $mahasiswa[0] = array('nama'=>'Todi','NIM'=>'923324','jenis_kelamin'=>'Laki');
Perhatikan bahwa kita memerlukan associative array yang memetakan nama kolom dan valuenya. ( 'nama'=>'Todi' ). Kode lengkap untuk merubah data tabular menjadi array adalah :
//definisikan dahulu array mahasiswa $mahasiswa = array(); //Baris pertama $mahasiswa[0] = array('nama'=>'Todi','NIM'=>'923324','jenis_kelamin'=>'Laki'); //Baris kedua $mahasiswa[1] = array('nama'=>'Ney','NIM'=>'923455','jenis_kelamin'=>'Perempuan');
Harap diingat untuk tiap baris data kita perlu menambah index pada array mahasiswa . Setelah kita selesai mengubah data tabular tadi menjadi array maka untuk merubah data tersebut menjadi json kita cukup memanggil :
echo json_encode($mahasiswa);
Kolom keahlian merupakan data array, sehingga dapat kita tulis menjadi :
$mahasiswa[0] = array('nama'=>'Todi', 'NIM'=>'923324', 'jenis_kelamin'=>'Laki', 'keahlian'=> array('PHP','Java','CSS') );
Perhatikan bahwa pada key keahlian isinya juga berupa array. Kode lengkap dapat dilihat di file mahasiswa_to_json_2.php . File ini akan menjadi file Server dalam tutorial 3. hasil akhir yang diharapkan adalah :
[{"nama":"Todi","NIM":"923324","jenis_kelamin":"Laki","keahlian":["PHP","Java","CSS"]}, {"nama":"Ney","NIM":"923455","jenis_kelamin":"Perempuan","keahlian":["CSS","HTML5"]}]
Jika kita perhatikan pada potongan kode diatas. Kita dapat mengatur parameter-parameter penting dalam variabel options. Misalnya : 1. Method, jenis request HTTP yang di-inginkan (GET, POST, PUT ,DELETE) 2. Content ( Parameter data yang akan dikirim) Ingat data dari server pada url http://127.0.0.1/json_sample/mahasiswa_to_json_2.php menggunakan format JSON. Sehingga kita perlu mengkovert data pada variabel $result tersebut menjadi array PHP. Perintah ini dapat dilakukan dengan syntax berikut :
$php_array = json_decode($result);
Bagian client_parameter.php adalah pengembangan dari file php_to_json_2.php . Hal yang perlu dilakukan pada file ini adalah membuat limitasi terhadap data yang ditampilkan. Karena server mengirimkan parameter $_GET['id'] maka kita dapat memfilter data array dengan cara seperti ini :
echo json_encode($mahasiswa[$_GET['id']]);
Sehingga jika kita mengirimkan request http://127.0.0.1/json_sample/server_parameter.php?id=1 maka hanya akan tampil mahasiswa dengan index = 1 , yaitu :
{"nama":"Ney","NIM":"923455","jenis_kelamin":"Perempuan","keahlian":["CSS","HTML5"]}