CHAPTER 1 BASIC PROGRAMING WITH PHP AND JAVASCRIPT (AJAX) ( Janitra Panji Satria Soekarta )
Apa Itu PHP? Dan apa yang dapat dilakukannya? Sebuah bahasa pemrograman yang menitik beratkan pada aplikasi web. PHP dapat melakukan apa yang dapat dilakukan oleh CGI, seperti mengambil Variabel dari Form, Akses ke Database, Manipulasi String, Mengakses FileSystem, dan masih banyak lagi. PHP adalah sebuah bahasa pemrograman berbasis On The Fly Creation, yang mengerjakan perintahnya ketika ada request. PHP melakukan Interpretasi/Penterjemahan scriptnya pada waktu berada di server, dan yang akan diberikan kepada perequest adalah sebuah HTML murni, tanpa terdapat script PHP satupun.
PHP Interpreter ( Penerjemah ) Setiap script PHP diawali dengan tag <?php dan diakhiri dengan tag?> PHP dapat ditulis secara embedded ataupun Full Script, perhatikan contoh berikut : Non Embedded <?php <?php echo echo ("Hello ("Hello World"); World");?>?> Hasil Interpretasi Hello Hello World World
Embedded <html> <html> <head><title>hallo <head><title>hallo PHP...</title></head> PHP...</title></head> <body> <body> <?php <?php echo echo ("Hello ("Hello World"); World");?>?> </body> </body> </html> </html> Hasil Interpretasi <html> <html> <head><title>hallo <head><title>hallo PHP...</title></head> PHP...</title></head> <body> <body> Hello Hello World World </body> </body> </html> </html>
Kesimpulan dari PHP Interpretasi Interpreter atau penerjemah, hanya menginterpretasikan Script yang berada diantara <?php sampai?>, dan mengacuhkan yang lainnya. Catatan Catatan :: Script Script Tersebut Tersebut tidak tidak akan akan berubah berubah atau atau di di Interprestasikan Interprestasikan selama selama PHP PHP dan dan WebServer WebServer tidak tidak terinstal terinstal pada pada sistem sistem
Normal Tags and Short Open Tags Normal Tags Normal Tag ini diawali oleh <?php dan diakhiri oleh?> cara inilah yang akan selalu kita pakai, dan biasakanlah untuk memakainya dalam penulisan script. Short Open Tags Selain dengan Normal Tag, dapat juga dengan menggunakan Short Tag yang diawali oleh <? dan diakhiri oleh?> Short Tag ini sangat memudahkan bila akan mencetak isi variabel ke layar
Normal Tags <?php <?php // // Menggunakan Menggunakan Normal Normal Tag Tag $A=7; $A=7; $B=4; $B=4; $C=A+B; $C=A+B;?>?> Short Open Tags Hasil Hasil dari dari 7+4 7+4 adalah adalah <?=$C?> <?=$C?>
Data Type PHP tidak memerlukan pendefinisian variabel, tipe data akan secara otomatis berubah oleh operator yang digunakan, karena PHP menggunakan Type Juggling. Tetapi selain menggunakan Type Juggling, PHP juga menggunakan Type Casting, yang dapat menentukan secara manual tipe data yang dimaksud. Type Casting dapat memparsing variabel secara manual contohnya adalah sebagai berikut : 1. (int),(integer) merubah menjadi integer 2. (bool),(boolean) merubah menjadi boolean 3. (float),(double),(real) merubah menjadi float/real 4. (string) merubah menjadi string 5. (array) merubah menjadi array 6. (object) merubah menjadi object
Jenis Tipe Data Dalam PHP Tipe Data dalam PHP dibagi menjadi tiga bagian, yaitu Scalar Type, Compound Type, dan Special Type. Scalar Type adalah tipe data yang hanya memuat satu data dalam variabel. Tipe Data yang termasuk kedalam Tipe Scalar adalah boolean, integer, float/real, string Compund Type adalah Tipe Data yang dapat mempunyai lebih dari satu element diantaranya array dan object Special Type ada dua Tipe Data yang termasuk kedalam Special Type. Keduanya mempunyai ciri khas yang tidak dapat dimasukan kedalam Scalar ataupun Compound. Diantaranya null dan resource.
?
AJAX BASIC (ASYNCHRONOUS JAVASCRIPT AND XML) Singkatan dari Asynchronous Javascript And XML Ajax bukanlah suatu bahasa pemrograman, melainkan sebuah metode Suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Digunakan untuk memindahkan sebagian besar interaksi pada komputer web server, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna
DOM (DOCUMENT OBJECT MODEL) Document Object Model (DOM) adalah object model standar untuk HTML dan XML yang bersifat platform independent. DOM HTML menjelaskan sebuah cara yang untuk mengakses dan memanipulasi dokumen HTML. DOM merepresentasikan sebuah halaman HTML sebagai sebuah tree (pohon), lengkap dengan elemen-elemen, atribut dan textnya.
Contoh DOM <html> <head> <title>contoh DOM</title> <script src="script.js" type="text/javascript"></script> </head> <body> <form method="post" action="#"> Nama Anda : <input type=text name="nama" id="nama"> <input type=button value="ok" onclick="return isikan()"><br> <a href="#" onclick="return YellowColor()">Warna Kuning</a> <a href="#" onclick="return BlueColor()">Warna Biru</a> <a href="#" onclick="return GreenColor()">Warna Hijau</a> <a href="#" onclick="return RedColor()">Warna Merah</a> </form> <p id="view">hasil Text Dapat Dilihat Disini</p> </body> </html>
File Name : script.js function isikan(){ var nama=document.getelementbyid("nama").value; document.getelementbyid("view").innerhtml=nama return false; } function YellowColor() { document.body.style.backgroundcolor = "Yellow"; } function BlueColor() { document.body.style.backgroundcolor = "Blue"; } function GreenColor() { document.body.style.backgroundcolor = "Green"; } function RedColor() { document.body.style.backgroundcolor = "Red"; }
XMLHttpRequest XMLHttpRequest adalah suatu class yang digunakan untuk melakukan request data ke server. IE6 ke bawah tidak mengenal XMLHttpRequest, oleh karena itu digunakan ActiveXObject dengan nama objek Microsoft.XMLHTTP XMLHttpRequest memiliki properti dan method-method yang digunakan untuk melakukan request
XMLHttpRequest Property Properti ini menyatakan status kesiapan request. Nilai properti ini adalah : - 0 : Request tidak diinisialisasi - 1 : Request dalam proses memuat - 2 : Request Telah dimuat / dikirim - 3 : Request Sedang diproses - 4 : Request telah lengkap
XMLHttpRequest Property Property onreadystatechange Properti ini diisi dengan nama fungsi yang digunakan ketika properti readystate berubah. Properti ini menentukan fungsi mana yang akan dieksekusi ketika ada perubahan properti readystate. Biasanya dalam fungsi ini akan terdapat suatu percabangan yang memeriksa properti readystate. Jika readystate bernilai 4 maka fungsi ini akan melakukan penanganan response. Property status dan statustext Properti status berguna untuk menyimpan kode status response dari server. Sedangkan statustext berguna menyimpan status response dalam bentuk text/pesan statusnya. Nilai yang biasanya muncul dalam properti ini adalah 200 (OK), 404 (Not Found),.
?
Tugas Buat programnya dengan menggunakan PHP dan AJAX seperti gambar dibawah ini : Nama Barang Quantity Proses Nama Barang : Televisi Harga Satuan : 1.500.000 Jumlah Barang : 2 Total Bayar : 3.000.000
SELESAI