pemograman jaringan dengan metode asyncronous javascript and xml (ajax)

8
PEMOGRAMAN JARINGAN DENGAN METODE ASYNCRONOUS JAVASCRIPT AND XML (AJAX)

Upload: velma

Post on 09-Jan-2016

32 views

Category:

Documents


3 download

DESCRIPTION

PEMOGRAMAN JARINGAN dengan Metode Asyncronous JavaSCRIPT And XML (AJAX). Konsep AJAX. AJAX = Asyncronous Javascript And XML  salah satu teknik dalam pemograman jaringan untuk membuat sebuah Halaman Web menjadi lebih Cepat dan dan Lebih Dinamis dalam pertukaran Data. Ilustrasi. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: PEMOGRAMAN JARINGAN  dengan Metode Asyncronous JavaSCRIPT  And XML (AJAX)

PEMOGRAMAN JARINGAN DENGAN METODE ASYNCRONOUS JAVASCRIPT AND XML (AJAX)

Page 2: PEMOGRAMAN JARINGAN  dengan Metode Asyncronous JavaSCRIPT  And XML (AJAX)

Konsep AJAX

AJAX = Asyncronous Javascript And XML salah satu teknik dalam pemograman jaringan untuk membuat sebuah Halaman Web menjadi lebih Cepat dan dan Lebih Dinamis dalam pertukaran Data.

Page 3: PEMOGRAMAN JARINGAN  dengan Metode Asyncronous JavaSCRIPT  And XML (AJAX)

Ilustrasi

Page 4: PEMOGRAMAN JARINGAN  dengan Metode Asyncronous JavaSCRIPT  And XML (AJAX)

Kaidah Ajax

XMLHttpRequest object(digunakan untuk Pertukaran Data secara Asinkronus dengan server)

JavaScript/DOM(Digunakan untuk interaksi/Menampilkan Informasi)

CSS (Digunakan untuk membentuk Data) XML

(Sering digunakan sebagai Format Pertukaran Data Saja)

Page 5: PEMOGRAMAN JARINGAN  dengan Metode Asyncronous JavaSCRIPT  And XML (AJAX)

Contoh Kasus

Buatlah program dengan Metode AJAX untuk Menampilkan Data Hasil Query Langsung dari tabel tMHS(nim,thmasuk,nama,jurusan,alamat)

Program digunakan untuk mekanisme Pencarian Data Langsung dari Client.

Pemicu Pencarian dan Tampilan Data dilakukan dengan Menginputkan Data yang akan dicari Pada Kolom Inputam Pencarian.

Page 6: PEMOGRAMAN JARINGAN  dengan Metode Asyncronous JavaSCRIPT  And XML (AJAX)

Penyelesaian

Buat tabel dengan MS. Access dengan Nama tMHS, Nama Databases nya MHS-TI2008

Hubungkan database tersebut dengan ODBC menggunakan Nama DSN : MHSTI2008 (Lanjutan Kasus Sebelumnya)

Page 7: PEMOGRAMAN JARINGAN  dengan Metode Asyncronous JavaSCRIPT  And XML (AJAX)

Test Database Anda Lewat Koneksi ODBC dengan menggunakan Program Berikut :

<?

$koneksi = odbc_connect(“MHSTI2008” , ”” , ””);

$sqldata = “select * from tMHS”;

$dosqldata = odbc_do($koneksi, $sqldata);

//----Tampilkan Data ---------

odbc_result_all(“border=1”, $dosqldata);

?>

Simpan File dengan Nama : test-db.php

Page 8: PEMOGRAMAN JARINGAN  dengan Metode Asyncronous JavaSCRIPT  And XML (AJAX)

Lanjutan

Buat File Client Side (Request dan Display) dan simpan dengan nama file : pencarian.php

Buat File Server Side dan Simpan dengan nama file : ajax-ku.php