Dokumen ini memberikan tutorial membangun API dengan JSON menggunakan studi kasus tabel mobil sederhana. Dokumen menjelaskan tentang JSON dan perbedaannya dengan XML, kemudian memberikan langkah-langkah praktik membuat database, menginput data ke tabel mobil, mengekstrak data tabel ke file JSON, dan menampilkan datanya. Langkah-langkah tersebut dilengkapi dengan contoh kode program dan gambar hasilnya.

1. Tutorial membangun API dengan JSON
(Studi Kasus Tabel Mobil sederhana)
Gagah Prawono Setya Putera
Nim : 1110651039
Gghsetia3@gmail.com
Sebelum praktikum saya akan jelaskan apa itu JSON, JSON merupakan salah
satu alternative selain XML sebagai format pertukaran data yang banyak
digunakan dalam aplikasi web, JSON berasal dari bahasa pemrograman
JavaScript yang mempresentasikan struktur data sederhana dan array yang di
sebut Objek
Perbedaan Pembuatan XML maupun JSON
1. XML dengan format standard
<?xml version=”1.0” encoding=”UTF-8” standalone=”yes”?>
<mahasiswa>
<nim>1110651039</nim>
<nama>Gagah Prawono Setya P</nama>
<MK>Pemrograman API</MK>
</mahasiswa>

2. 2. JSON
“mahasiswa”:
{
“nim”:”1110651039”,
“nama”:”Gagah Prawono Setya P”,
“MK”:”Pemrograman API”
}
Perbedaannya adalah pada ukuran filenya, dimana ukuran file XML lebih besar
30% dari JSON, tetapi jika menggunakan attribute ukuran filenya hampir sama.
Langsung aja prakteknya.. Siapkan toolsnya:
1. Xampp
2. Editor PHP : Notepad++/Dreamweaver/Php Designer
3. kopi dan cemilan
Pertama adalah membuat databasenya terlebih dahulu seperti ini :
Gambar 1.1 Database 1039 dengan Tabel Mobil

3. Setelah itu buat koneksi databasenya, buka editor PHPnya dan ketikkan
sourcecode berikut:
Gambar 1.2 koneksi.php
Buatlah fungsi insert data pada table mobil seperti ini:
Gambar 1.3 Tampilan Insert Data Mobil

4. Sourcecode Insert Data:
Gambar 1.4 Sourcecode Insertdata..(simpan dengan nama index.php).

5. Lanjutan diatas tetap di index.php, ketikkan listing code ini :
Gambar 1.5 proses input data

6. Lalu tambahkan code berikut di index.php
Gambar 1.6 Fungsi generate ke file mobil.json
Penjelasan : untuk semua data di table mobil akan di ambil dan di ubah ke dalam
bentuk array dimana berisi field Nama, Merk, Jumlah dan Harga yang di ubah
formatnya menjadi nominal Rupiah yang akan di Write(symbol w) isi table mobil
ke file mobil.json dan di konversi data array menjadi sebuah string dengan fungsi
json_encode.

7. Untuk melihat data dari mobil.json, kita dapat menggunakan fungsi json_decode,
ketikkan listing berikut:
Gambar 1.7 Mengambil data dari file mobil.json dan menampilkannya.
Hasil akhirnya seperti ini :
Gambar 1.8 Tampilan web yang mengakses mobil.json

8. Tampilan Website API JSON
Sekian Terima Kasih…