Anda di halaman 1dari 16

MATERI MINGGU KE – 2

AJAX, WEB SERVICE, JSON

PRAKTIKUM REKAYASA WEB


LABORATORIUM KOMPUTER JARINGAN
JURUSAN INFORMATIKA
IST AKPRIND YOGYAKARTA

Diedit oleh Laela QDJ


AJAX

• AJAX (Asynchronous JavaScript and XML) adalah teknik untuk membuat


halaman web yang cepat dan dinamis.
• AJAX terdiri dari HTML, Javascript, DHTML dan DOM yang kemudian
digabungkan dengan bahasa pemograman web di sisi server seperti PHP dan ASP,
sehingga membentuk suatu aplikasi berbasis web yang interaktif.
• AJAX memungkinkan aplikasi web bekerja secara asynchronous (tidak langsung)
– memproses setiap request (permintaan) yang datang ke server pada sisi
background
• Web menggunakan AJAX :
aplikasi web dapat mengirimkan dan menerima data dari server tanpa harus
mereload keseluruhan halaman.
• Web tanpa menggunakan AJAX :
Harus reload seluruh halaman jika konten harus berubah.
• Contoh aplikasi menggunakan AJAX:
• Google Maps
• Gmail
• Youtube
• Tab Facebook.
LATIHAN - AJAX

• Latihan berikut akan menunjukkan bagaimana sebuah halaman web dapat


berkomunikasi dengan server web.
• Hasilnya akan berupa pengisian form yang dilengkapi suggestions / saran.
• Langkah :
1. Buat 2 file dengan nama showhint.php dan gethint.php
2. Simpan file di folder htdocs di dalam folder xampp
3. Panggil file showhint.php di web browser untuk melihat hasilnya.
showhint.php
gethint.php
• Dalam latihan ini, ketika pengguna menginputkan nama, fungsi "showHint()" akan
dijalankan. Fungsi ini dipicu oleh peristiwa onkeyup.
• File gethint.php akan memeriksa array nama, dan mengembalikan nama yang sesuai
kemudian ditampilkan ke browser.
• Apabila file showhint.php kita jalankan di browser maka hasilnya sebagai berikut :

Saran ditemukan :

Saran tidak ditemukan :


WEB SERVICE
• Web Service adalah sebuah aplikasi lintas platform yang dapat diakses melalui
jaringan (intranet dan internet).
• Web Service menyediakan method – method untuk interaksi antara aplikasi
satu dengan aplikasi yang lain diakses dengan URL dan menerima response
berbentuk JSON, XML, TXT, CSV dan lainnya.
• Perbedaan web service dengan aplikasi web biasa :

Web Service Aplikasi Berbasis Web

Tanpa interface Dengan interface

Komunikasi antara aplikasi dengan aplikasi Komunikasi antara user dengan aplikasi

Berjalan di background (dalam script aplikasi) Ditampilkan di web browser


• Tujuan utama penggunaan webservice : Pelemparan data dari server satu
dengan server lain yang berbeda lokasi (IP Address).
• Dengan mengakses URL kita bisa mendapatkan data dari aplikasi di lokasi,
sistem operasi, aplikasi, bahasa pemrograman yang berbeda.

LATIHAN - WEB SERVICE

• Latihan sebagai contoh interaksi aplikasi satu dengan aplikasi yang lain diakses
dengan URL (localhost) dan menerima response berbentuk XML.
• Terdapat 2 file :
• webservice.php
• client.php
webservice.php
client.php

LOKASI PENYIMPANAN FILE ANDA


• Apabila file client.php kita jalankan di browser maka hasilnya
sebagai berikut :

• Pengguna dapat melakukan operasi tambah, kurang, bagi dan kali


JSON
• JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan,
mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat
(generate) oleh komputer.
• Format ini dibuat berdasarkan bagian dari Bahasa Pemprograman JavaScript,
Standar ECMA-262 Edisi ke-3 - Desember 1999.
• JSON merupakan format teks yang tidak bergantung pada bahasa
pemprograman apapun karena menggunakan gaya bahasa yang umum
digunakan oleh programmer keluarga C termasuk C, C++, C#, Java, JavaScript,
Perl, Python dll.
• Oleh karena sifat-sifat tersebut, JSON ideal sebagai bahasa pertukaran-data.
JSON menggunakan bentuk :
• Objek : sepasang nama/nilai yang tidak terurutkan.
• Dimulai dengan ( { ) dan diakhiri dengan ( } )
• Setiap nama diikuti dengan ( : )
• Setiap pasangan nama/nilai dipisahkan oleh ( , )
• Larik : kumpulan nilai yang terurutkan.
• Dimulai dengan ( [ ) dan diakhiri dengan ( ] )
• Setiap nilai dipisahkan oleh ( , )
• Nilai (value) : berupa sebuah string dalam tanda kutip ganda, atau angka, atau true atau false
atau null, atau sebuah objek atau sebuah larik. Struktur-struktur tersebut dapat disusun bertingkat.
• String : kumpulan dari nol atau lebih karakter Unicode,
• Dibungkus dengan petik ( “ ” )
• Backslash escapes ( \ ) digunakan untuk membentuk karakter khusus.
• Sebuah karakter mewakili karakter tunggal pada string.
• Sangat mirip dengan string C atau Java.
• Angka : sangat mirip dengan angka di C atau Java, kecuali format oktal dan heksadesimal tidak
digunakan.
LATIHAN – JSON - 1
json_intro .php

Hasil =
LATIHAN – JSON – 2
Parsing data JSON ke PHP

1. data.json 2. panggil.php
Kurung siku

Hasil =