Anda di halaman 1dari 24

Jurusan Teknik Geodesi dan Geomatika

Universitas Gadjah Mada Yogyakarta

Dany Laksono
• Review: Client-side vs Server side scripting
• Review: MySQL
• Programming with PHP
• PhpMyAdmin
• AJAX

Gadjah Mada University 2


Client-side vs Server-side
Scripting
REVIEW CLIENT DAN SERVER SIDE SCRIPTING

3
Gadjah Mada University 4
Gadjah Mada University
Gadjah Mada University 6
vs

Gadjah Mada University 7


PHP: Hypertext Preprocessor
REVIEW CLIENT DAN SERVER SIDE SCRIPTING

9
• PHP : Hypertext Preprocessor
• Script PHP memiliki ekstensi standar *.php
• Server-Side Scripting Language: agar sebuah file *.php dapat
digunakan, PHP harus terlebih dahulu diinstall pada SERVER.
• Ditandai dengan tag <?php dan ?>
• Sebuah file *.php tidak hanya dapat digunakan untuk script php,
tetapi dapat juga berisi suatu text, script html, maupun JavaScript
• Alternatif Server-Side Script lainnya: NODEJS, Perl, ASP, Java,
Cold Fusion, dll

Gadjah Mada University 10


Script PHP

<html> • Sebuah script php dapat diletakkan diantara


<head></head>
script html atau berdiri sebagai sebuah script
<body>
sendiri
<h1> The hello world</h1>
<?php • Variable pada bahasa PHP dinyatakan dengan
$text1 = "Hello"; tanda ‘$’
$text2 = "world"; • PHP bersifat loosely typed, artinya variabel
echo $text1." ".$text2."!";
akan didefinisikan sesuai dengan data yang
?>
diisikan
<p> Ini paragraf html </p>
<?php echo "ini paragraf di • Nama variabel dan konstanta bersifat case-
dalam php"; ?> sensitive, sedangkan fungsi pada PHP bersifat
</body> case-insensitive
</html>

Gadjah Mada University 11


Server-Side Scripting vs
Client-Side Scripting
Client-side Scripting Server-side Scripting
• Dijalankan pada komputer pengguna • Operasi dijalankan di server
• Setelah browser pengguna mengirimkan • Setelah pengguna melakukan request,
perintah ‘request’, file yang dibutuhkan Client-side script akan membuat file
didownload dan berada di komputer output yang bisa dibaca di browser
pengguna pengguna
• Script dijalankan pada file yang sudah • ‘File keluaran’ ini bisa berupa file html,
didownload ini tanpa ada komunikasi lebih xml, pdf, dan lain-lain
lanjut dengan server • Perubahan (misalnya isi suatu tabel) tidak
• Apabila diperlukan perubahan, seluruh harus dilakukan pada keseluruhan
dokumen harus diproses kembali ke server dokumen. Cukup bagian tertentu yang
terlebih dahulu dikirim ke server untuk diproses
• Contoh client-side script: Javascript, html, • Contoh server-side script: PHP, Java, ASP,
xml Perl
Server-Side Scripting vs
Client-Side Scripting
Client-side Scripting Server-side Scripting

<html> <html>
<body> <body>
<h1 id="hello"> A'oooo <h1 id="hello">
</h1> <?php echo 'Hello'; ?>
<script> </h1>
document.getElementById(' </body>
hello').innerHTML = 'Hello'; </html>
</script>
</body>
</html>

Helloo.html Helloo.php
PHP and MySQL is best friend

Gadjah Mada University


Gadjah Mada University 15
Koneksi ke Basisdata

<?php
$con=mysqli_connect("localhost","root","","contoh");

if (mysqli_connect_errno())
{echo "Failed to connect to MySQL: " .
mysqli_connect_error(); }

$result = mysqli_query($con,"SELECT * FROM Kota");

while($row = mysqli_fetch_array($result))
{
echo $row['nama'] . " " . $row['populasi'];
echo "<br>";
}
mysqli_close($con);
?>
AJAX
KONSEP CLIENT DAN SERVER SIDE SCRIPTING

17
AJAX (Asynchronous JavaScript and XML)

• AJAX bukan sebuah bahasa baru; AJAX merupakan metode yang menggabungkan
berbagai fungsi dari standard yang ada, seperti HTML, JS, dan XML
• AJAX dapat digunakan untuk mengupdate sebagian dari sebuah halaman web secara
dinamis, tanpa harus memodifikasi keseluruhan dokumen
Contoh AJAX
Contoh AJAX
AJAX (Asynchronous JavaScript and XML)

Demo:

http://www.w3schools.com
/php/php_ajax_php.asp

Gadjah Mada University 23


Terima Kasih

Gadjah Mada University 24

Anda mungkin juga menyukai