Mar-05 IF3292 Web Programming. Page 1

Web Programming Elfan Nofiari

IF-ITB/EN/Mar-05 IF3292 – Web Programming

Page 1

Aplikasi berbasis web • Aplikasi memungkinkan user melakukan satu atau sejumlah task • Pada aplikasi web, suatu task dilakukan menggunakan antarmuka yang dihasilkan oleh satu atau sejumlah halaman web • Contoh task membeli barang : Pilih barang : - buku - mainan - alat tulis - pakaian - makanan

Masukkan alamat pengiriman : .................... ....................

Anda membeli : mainan akan dikirim ke : Jl. Ganesha

• Antara halaman web harus ada komunikasi untuk mengetahui state yang diperlukan

IF-ITB/EN/Mar-05 IF3292 – Web Programming

Page 2

Stateless HTTP • Permasalahan: HTTP bersifat stateless: satu request saling independen terhadap request lainnya, tidak ada state (variabel) yang dipertahankan link

link





page1.php

page2.php

$a = 1;

echo $a; //nothing

page3.php

echo $a; //nothing

• Cara untuk mengatasi HTTP yang stateless: – Message passing via URL/Form – Cookie – Session

IF-ITB/EN/Mar-05 IF3292 – Web Programming

Page 3

State Handling browser

cookie

cookie cookie

link+param file1

link+param file2

submit

file3 submit

variable session variable session

variable session

server

IF-ITB/EN/Mar-05 IF3292 – Web Programming

Page 4

Message Passing via URL • Nilai variabel dilewatkan melalui parameter URL • KIRIM: mengkonstruksi parameter pada URL • TERIMA: akses variabel $_GET link

link





page1.php

$a = 1; echo "";

page2.php

$a = $_GET["a"]; echo $a; //1 echo "";

IF-ITB/EN/Mar-05 IF3292 – Web Programming

page3.php

$a = $_GET["a"]; echo $a; //1

Page 5

Message Passing via Form • Nilai variabel dilewatkan melalui input tipe hidden pada form • KIRIM: mengkonstruksi input tipe hidden dalam form • TERIMA: akses variabel $_GET atau $_POST (tergantung method pada form) submit (POST)

submit (POST)





page1.php

$a = 1; echo "";

page2.php

$a = $_POST["a"]; echo $a; //1 echo "";

IF-ITB/EN/Mar-05 IF3292 – Web Programming

page3.php

$a = $_POST["a"]; echo $a; //1

Page 6

•

Cookie

Nilai variabel disimpan di suatu tempat penyimpanan (file) di browser • KIRIM: setcookie("name", "value"); • TERIMA: akses variabel $_COOKIE •

– cookie hanya dapat menyimpan sejumlah kecil data (4 kb/cookie, 20 cookie/domain, 300 cookie/client) – tidak semua browser dapat/mau menerima cookie

cookie

Browser

a = 1

Keterbatasan:

a = 1

co o kie

cooki e a = 1

link / submit

page1.php

$a = 1; setcookie("a", $a);

link / submit

page2.php

$a = $_COOKIE["a"]; echo $a; //1

IF-ITB/EN/Mar-05 IF3292 – Web Programming

page3.php

$a = $_COOKIE["a"]; echo $a; //1

Page 7

Session

• •

Nilai variabel disimpan di suatu tempat penyimpanan (file) di server KIRIM dan TERIMA: akses variabel $_SESSION • Fungsi untuk session handling: session_start(), session_id(), session_destroy(), dll. •

a = 1

session

Server

Keterbatasan: – Session bergantung pada mekanisme state handling lain untuk menyimpan ID session

se s

a = 1

sio n

sessi on a = 1

link / submit

page1.php

$a = 1; session_start(); $_SESSION["a"] = $a;

link / submit

page2.php

session_start(); $a = $_SESSION["a"]; echo $a; //1

IF-ITB/EN/Mar-05 IF3292 – Web Programming

page3.php

session_start(); $a = $_SESSION["a"]; echo $a; //1

Page 8

• Input – – – – – –

PHP pada web programming

Parameter URL: $_GET Form handling: $_GET, $_POST, $_FILES File: fopen(), fread(), fclose() Cookie: $_COOKIE Session: session_start(), $_SESSION Database: connect, select_db, query, fetch, close

• Output – HTML/browser:

echo

• Konstruksi tag HTML, form value, URL parameter

– – – –

File: fopen(), fwrite(), fclose() Cookie: setcookie() Session: session_start(), $_SESSION Database: connect, select_db, query, fetch, close

• Proses – Script PHP dieksekusi ketika file dokumen web di-request oleh browser IF-ITB/EN/Mar-05 IF3292 – Web Programming

Page 9

Database Access connect

select_db

$server = "10.5.4.92"; //database server $userid = "tedi"; $password = "asdf"; $basisdata = "mhs"; $link = mysql_connect($server, $userid, $password); mysql_select_db($basisdata, $link);

query fetch fetch fetch (rows) (queries)

$query = "select * from t_mahasiswa"; $result = mysql_query($query, $link); while ($row = mysql_fetch_array($result)) { echo $row["nama"]; } mysql_close($link);

close

IF-ITB/EN/Mar-05 IF3292 – Web Programming

Page 10

Page Redirection • Page redirection: pindah ke halaman lain tanpa membutuhkan aksi user • Cara melakukan redirection : – HTTP Header header("Location: index.php");

– HTML Header <meta http-equiv="Refresh" content="0; url=index.php">

IF-ITB/EN/Mar-05 IF3292 – Web Programming

Page 11