Penerapan API dengan JSON,MYSQL
- 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…