Modul Pemrograman Web

5/16/2018 Modul Pemrograman Web - slidepdf.com

http://slidepdf.com/reader/full/modul-pemrograman-web-55ab57e8a99bc 1/38

2011

Sekolah TinggiInformatika &Komputer Indonesia

Sugeng Widodo, S.Kom

[MODUL PEMROGRAMANWEB (LANJUT)]Berisi tentang pengembangan aplikasi menggunakan bahasa pemrograman PHP,yang digabung dengan database MySQL



[MODUL PEMROGRAMAN WEB (LANJUT)] November 14, 2011

Contents

Contents ...................................................................................................... 2Pengenalan .................................................................................................. 3

Cara kerja web ......................................................................................... 3

Program Pertama ..................................................................................... 4

Membuat halaman HTML biasa ..............................................................4

Menampilkan tulisan menggunakan PHP ............................................... 4

Menggabungkan STRING ....................................................................... 6

Menampilkan karakter khusus ............................................................... 7

Menggunakan variable .......................................................................... 7

Tanggal dan Waktu .................................................................................... 10

Latihan ................................................................................................ 12

Latihan 2 ............................................................................................ 12

Penggunaan karakter S pada perintah date ............................................13

Menampilkan waktu sesuai lokasi klien ................................................13

Form .......................................................................................................... 15

GET dan POST ......................................................................................... 15

POST method .......................................................................................... 15

Membuat tampilan isian data .............................................................. 16

Membuat file pengolah data ................................................................ 16

GET Method ........................................................................................... 16

Membuat tampilan isian data .............................................................. 16

Membuat file pengolah data ................................................................ 17

Latihan .................................................................................................. 17

Latihan pencarian data sederhana .......................................................24

Session ...................................................................................................... 27

Latihan ............................................................................................... 28

Latihan 2 ............................................................................................. 28

Sekolah Tinggi Informatika & Komputer Indonesia | Session 2




Database ................................................................................................... 34

PengenalanPHP adalah sebuah bahasa scripting yang merupakan HTML-embedded, yang

artinya perintah yang dapat digabungkan dengan script HTML. (berdasar dari

website PHP.net). Tata cara penulisan PHP mirip dengan bahasa C, Java dan Perl.

Tujuan dari bahasa PHP ini adalah agar dapat membuat sebuah web site yang

dinamis dengan cepat.

Cara kerja web

Dimulai dari client memasukkan URL (alamat web site) di browser, yang artinya

meminta sebuah file. File tersebut kemudian dicari pada Web Server (Server yang

melayani permintaan file web). Web Server yang akan digunakan pada pelatihan

ini bernama Apache. Selain Apache masih banyak aplikasi web server lainnya.

File yang diminta kemudian akan dicari oleh web server. Apabila ditemukan script

PHP maka akan dilakukan kompilasi sehingga menjadi script HTML. Apabila PHPmembutuhkan file gambar ataupun data maka akan digabungkan menjadi sebuah

script HTML.

PHP adalah sebuah bahasa pemrograman server side, yang artinya program

(script) akan dijalankan di sisi web server (apache). Sedangkan disisi client

(browser) hanya melihat hasil dari kompilasi PHP yang berupa script HTML.





Note: Web Server yang digunakan harus mendukung PHP

Script HTML yang dihasilkan oleh web server akan diberikan pada browser (client)

untuk ditampilkan. Perlu diperhatikan bahwa data atau script yang ditampilkan

pada web server tidak akan menampilkan script PHP.

Program PertamaPada program pertama ini yang akan dilakukan adalah :

• Menambahkan PHP pada script HTML biasa

• Menampilkan tulisan menggunakan PHP

• Menggabungkan tulisan

• Menampilkan karakter khusus

• Menggunakan variabel

Membuat halaman HTML biasa

Nama file : mypage.html

<html>

<head>

<title>This is my page</title>

</head>

<body>

This is the content of my page.

</body>

</html>

Langkah pertama yang harus dilakukan untuk membuat program PHP adalah

mengubah nama file menjadi berekstensi ".php", sehingga menjadi "mypage.php".

Langkah kedua, letakkan file tersebut pada server. Pada pelatihan kali ini folder

yang digunakan adalah folder "htdocs". Semua file yang ada pada "htdocs" akan

dapat diakses oleh client dengan cara : tuliskan "localhost/mypage.php".

Selanjutnya semua script php akan dikompilasi terlebih dahulu untuk dijadikan

script HTML sebelum dikirim ke client.

Langkah ketiga, menuliskan script php sebagai berikut :

Menampilkan tulisan menggunakan PHP





Nama file : myfile.php

<html>

<head>


</head>

<body>


<?php

print "Do you like it?";

?>

</body>

</html>

Sewaktu diketikkan alamat "localhost/myfile.php" di browser, maka server akanmenjalankan semua perintah PHP yang ada di dalam tag php <?php dan ?> .

Pada file diatas perintah yang akan jalankan adalah "print", yang akan menuliskan

tulisan yang ada didalam tanda petik, yaitu "Do you like it?". Selain perintah

"print", perintah "echo" juga dapat digunakan untuk menampilkan tulisan, dan

hasilnya tidak akan berbeda.

Jangan lupa untuk menambahkan ";" diakhir setiap perintah. Jika tidak maka akan

ditampilkan pesan kesalahan.

Penulisan script PHP juga dapat ditulis dalam satu baris, misalnya :

<?php print "Do you like it?";?>

Antara tag PHP buka dan tag PHP tutup, dapat dituliskan beberapa baris perintah,

dan jangan lupa menambahkan ";" diakhir setiap perintah.

<html>

<head>


</head>

<body>


<?php


print "<br>";


http://www.phptutorial.info/?print








print "<b>If not, please visit a different page.</b>";

print "<br>";

print "<h1>Goodbay</h1>";

?>

</body>

</html>

Dalam sebuah file PHP, dapat berisi beberapa script PHP (tag PHP buka "<?php",

dan tag PHP tutup "?>"), sebagai berikut :

<html>

<head>


</head>

<body <?php print "bgcolor=#FFFFFF"; ?>>

<?php

print "Hello!<br>";

?>


<?php


print "<br>";

print "<b>If not, please visit a different page.</b>";

print "<br>";

print "<h1>Goodbay</h1>";

?>

</body>

</html>

Pada contoh diatas juga terlihat bahwa script PHP juga dapat dituliskan didalam tag

HTML, seperti :

<body <?php print "bgcolor=#FFFFFF"; ?>>

Menggabungkan STRING

Cobalah script PHP berikut :

Code 1

<?php

print "Hello!<br>";

print "I am Joe";

?>





















Code 2

<?php

print "Hello!<br>"."I am Joe";

?>

Hasil dari kedua program diatas sama. Bedanya pada program kedua hanya

terdapat sebuah perintah "print", dan menggunakan titik "." untuk

menggabungkan kedua tulisan.

Menampilkan karakter khusus

Kerjakan perintah berikut :

Perintah Hasil

Gunakan simbol "\n" untuk menampilkan

line break

<pre>

<?phpprint "AA\nBB\nCC\nDD\nEE";

?>

</pre>

Gunakan simbol "\n" untuk

menampilkan line break

AA

BB

CC

DD

EE

Gunakan simbol "\"" untuk to menuliskan

tanda petik <br>

<?php

print "He said \"Hello\" to John";

?>

Use "\"" to add brakets

He said "Hello" to John

Menggunakan variable

Setiap variable dalam PHP selalu ditulis dengan diawali dengan "$", misalnya $i,

$a, $nama, $alamat. Untuk memisahkan nama variable agar memudahkan untuk

dipahami dapat dipisahkan dengan tanda garis bawah, seperti : $nama_lengkap,

$my_data.

Contoh program PHP :








<?php

$my_name="Joe";

$my_hello_text="Hello everybody!";

$year_create=2002;

?>

<html>

<head>

<title>This is <?php print $my_name; ?>´spage</title>

</head>

<body>

<?php print $my_hello_text; ?>

This page was written in <?php print $year_create; ?>.

</body>

</html>

Pada contoh diatas terdapat tiga buah variable (baris 2,3, dan 4), dan telah

digunakan pada script HTML.

Perhatikan ketiga variable tersebut :

• $my_name dan $my_hello_text adalah variable yang diisi data STRING

(tulisan)

• Sedangkan $year_create adalah variable yang diisi data angka

Selain cara diatas variable juga dapat digunakan dengan cara sebagai berikut :

The code The output

<?php

$year_create=2002;

print "This page was written in " .

$year_create;

?>

This page was written

in 2002


in 2002












The code The output

<?php

$year_create=2002;

print "This page was written in $year_create";

?>

<?php

$the_text="This page was written in ";

$year_create=2002;

print $the_text.$year_create;

?>


in 2002

<?php

$the_text="This page was written in ";

$year_create=2002;

print "$the_text$year_create";

?>


in 2002














Tanggal dan Waktu

Data tanggal dan waktu yang akan ditampilkan adalah tanggal dan waktu dimana

server berada. Selain itu juga akan dibahas cara menampilkan tanggal dan waktu

yang disesuaikan dengan posisi client.

Pada tabel dibawah ini diperlihatkan cara menampilkan informasi waktu. Pada

kolom ketiga adalah hasil dari perintah dikolom pertama. Sedangkan kolom kedua

adalah hasil yang akan ditampilkan pada 15 November 2011.

Code Output

<?php print date("a"); ?> pm "am" or "pm"

<?php print date("A"); ?> PM "AM" or "PM"

<?php print date("d"); ?> 15 Day of the month: 01 to 31

<?php print date("D"); ?> WedDay of the week: Sun, Mon, Tue, Wed,

Thu, Fri, Sat

<?php print date("F"); ?> November Month: January, February, March...

<?php print date("h"); ?> 03 Hour: 01 to 12

<?php print date("H"); ?> 15 Hour: 00 to 23

<?php print date("g"); ?> 3 Hour: 1 to 12

<?php print date("G"); ?> 15 Hour: 0 to 23

<?php print date("i"); ?> 26 Minutes: 00 to 59

<?php print date("j"); ?> 15 Day of the month: 1 to 31

<?php print date("l"); ?> TuesdayDay of the week: Sunday, Monday,

Tuesday...

<?php print date("L"); ?> 0 Is it a leap year? 1 (yes) or 0 (no)

<?php print date("m"); ?> 10 Month: 01 to 12

<?php print date("n"); ?> 10 Month: 1 to 12

<?php print date("M"); ?> Oct Month: Jan, Feb, Mar, Apr, May...

<?php print date("s"); ?> 03 Seconds: 00 to 59



http://www.phptutorial.info/?date






































































<?php print date("S"); ?> Th

Ordinal: 1st , 2st , 3st , 4st ... Need to be

used with a numeric time/date value.

See latter.

<?php print date("t"); ?> 31 Number of days in the month: 28 to 31

<?php print date("U"); ?>10346919

63Seconds since 1970/01/01 00:00:00

<?php print date("w"); ?> 2Day of the week: 0 (Sunday) to 6

(Saturday)

<?php print date("Y"); ?> 2002 Year (four digits)

<?php print date("y"); ?> 02 Year (two digits)

<?php print date("z"); ?> 287 Day of the year: 0 to 365

<?php print date("Z"); ?> -21600Difference in seconds from Greenwhich

meridian

Pada tabel diatas terlihat penggunaan perintah "print" untuk menampilkan data,

dan perintah "date" digunakan untuk mengambil data yang sesuai dengan kode

yang terdapat didalam kurung.

Untuk menampilkan tanggal secara bersamaan (tanggal, bulan, dan tahun) dapat

dilakukan dengan cara sebagai berikut :

The code Output<?php print date("Y"); ?>:<?php print date("m"); ?>: <?

php print date("d"); ?>

2002:10:

15

<?php print date("Y").":".date("m").":".date("d"); ?> 2002:10:

15

<?php print date("Y:m:d"); ?> 2002:10:

15

Cara pertama sangat mudah dipahami, karena hanya menggunakan perintah yang

ada ditabel sebelumnya, dan ditulis satu persatu satu. Cara kedua menggunakan

"." concatenate (penggabungan) untuk menampilkan Tahun digabung dengan

karakter titik dua ":", kemudian digabung dengan bulan dan seterusnya. Dan cara

terakhir dan sering digunakan adalah dengan menuliskan urutan karakter yang

akan ditampilkan dalam satu kesatuan.




http://www.phptutorial.info/learn/datetime.php#ordinal





























http://www.phptutorial.info/learn/datetime.php#ordinal






























Perintah "date" digunakan untuk mengambil tanggal dari system. Dan masing-

masing karakter dalam tanda petik (parameter) akan mewakili sebuah data

tergantung pada karakter yang ditulis.

• Y : mewakili tahun dengan 4 digit.

• : : tidak berarti apa-apa

• M : bulan 1: 12

• : : tidak berarti apa-apa

• D : tanggal dalam sebulan : 01 sampai 31

Latihan

The code Output <?php print date("Y:m:d H:i") ?> 2002:10:15 15:26 <?php print date("l dS of F Y h:i:s A"); ?> Tuesday 15th of

October 200215:26:03 PM

The time is <?php print date("H:i") ?>.That means it's <?php print date("i") ?>

minutes past <?php print date("H") ?> o'clock.

The time is 15:26. That means it's 26minutes past 15o'clock.

Hati – hati saat menggunakan perintah date, karena mungkin akan menghasilkan

data yang tidak diinginkan seperti berikut :

The code Output Character withmeaning

<?php print date("Today isl"); ?>

WETo15pm02 2603

Tuesday

The following

characters have a

meaning: T, d, a, y, i,

s, l <?php print "Today is "

.date("l"); ?> Today is Tuesday Only data asociated to

"l" (day of the week)

is requested

Latihan 2

Bagaimana seandainya ingin dibuat sebuah link yang disesuaikan dengan hari saat

halaman diakses. Maka yang pertama harus dilakukan adalah membuat atau

mempersiapkan halaman dengan nama hari (dalam bahasa inggris), seperti

"Sunday.html", "Monday.html", dan seterusnya. Kemudian tulisakan perintah

berikut pada file php utama.

































<a href= <?php print date("l"); ?>.htm>Link of the Day</a>

Penggunaan karakter S pada perintah dateDengan menggunakan karakter S maka akan ada penambahan "st", "nd", "rd",

atau "th" tergantung pada angka sebelum S. Sebagai berikut :

Day Code Output

2002/01/01

<? php print date("nS of F"); ?> 1st of January

2002/01/02

<? php print date("nS of F"); ?> 2nd of January

2002/01/03

<? php print date("nS of F"); ?> 3rd of January

2002/01/04

<? php print date("nS of F"); ?> 4th of January

Menampilkan waktu sesuai lokasi klien

Seandainya server terletak di lokasi yang berbeda dengan lokasi klien, maka yang

harus dilakukan adalah :

• Mengetahui waktu di lokasi server

Buat program php dengan program sebagai berikut :

Time in server: <?php print date("H:i") ?>

Dan bila program dijalankan maka akan ditampilkan waktu sesuai dengan

lokasi server, misalnya waktu di server adalah 16:00

• Selanjutnya untuk menampilkan waktu di lokasi klien, dilakukan

penghitungan selisih waktu antara waktu di lokasi dan waktu server.

Misalnya saja waktu di Rusia adalah pukul 20:00, maka selisihnya adalah 4

jam, maka dibuat program sebagai berikut :

<?php

$differencetolocaltime=4;

$new_U=date("U")-$differencetolocaltime*3600;

print date("H:i", $new_U);

?>

Penjelasan program :

• Dibuat variable dengan nama $differencetolocaltime, dan diisi dengan nilai

4

































• Di baris ketiga dibuat variable $new_U, dan nilai dari variable ini adalah

date('U') yang artinya nilai detik sejak 1970/01/01 00:00:00, yang kemudian

dikurangi dengan selisih waktu (dalam hal ini adalah 4) yang dikalikan 3600

• Langkah terakhir adalah menampilkan tanggal dengan memberikan waktu

yang ada di $new_U





Form

Untuk memulai pelajaran kali ini, yang perlu diperhatikan adalah akan terdapat dua

file. Pertama file HTML yang berisi tag HTML Form, dan kedua file yang menjadi

tujuan pengiriman data. Cara ini hanya untuk memudahkan pemahaman konsep

form, yang kemudian dalam proses selanjutnya dapat menggunakan cara satu file.

Form adalah salah satu tag HTML yang digunakan untuk mengirimkan data ke

server. Dalam sebuah form dapat berisi beberapa tag input seperti :

• text field (kontak input, satu baris tulisan),

• checkbox (input yang berupa kotak pilihan lebih dari satu),

• radio button (input yang berupa pilihan berbentuk lingkaran yang hanya

dapat dipilih satu)

• submit button (tombol)

• dan lain – lain

Dapat juga berupa :

• select lists (daftar pilihan dalam kotak),

• textarea (kotak input, yang dapat diisi beberapa baris tulisan),

• fieldset (kotak yang didalamnya dapat terdiri beberapa element yang dikelompokkan)

• legend (keterangan untuk fieldset)

• label (hanya untuk tulisan saja)

GET dan POST Terdapat dua cara untuk mengirimkan data menggunakan tag HTML FORM, yaitu

method GET dan POST. Sebagai catatan GET juga dapat digunakan untuk

mengirimkan data dalam link.

POST methodUntuk mengirimkan data menggunakan cara POST maka dalam tag HTML FORM

dituliskan sebagai berikut (perhatikan bagian method) :





Membuat tampilan isian data

File Pertama : form.html

<form method="POST" action="GetandPost.php">

Your name<BR>

<input type=text name=thename size=15><BR>Your age<BR>

<input type=text name=theage size=15><BR>

<input type=submit value="Send info">

</form>

File diatas menunjukkan bahwa cara yang digunakan untuk mengirimkan data

adalah menggunakan POST, tujuan pengiriman data adalah file GetandPost.php.

Adapun data yang dikirim adalah "thename" dan "theage". Cobalah untuk

memahami konsep tersebut dengan memperhatikan script HTML diatas.

Sewaktu tombol "Send info" ditekan, akan diarahkan ke file GetandPost.php.

Perhatikan bagian URL, tertulis :

http://localhost/GetandPost.php

hasil ini akan berbeda jika menggunakan method GET.

Membuat file pengolah data

File kedua : GetandPost.php

Untuk mengambil dan mengolah data yang telah dikirim dari file pertama,

digunakan $_POST.

Code Output<?php print $_POST["thename"]; ?> John<?php print $_POST["theage"]; ?> 30<?php$thename=$_POST["thename"];$theage=$_POST["theage"];

print "Hi ".$thename.", I know you are ".$theage." years old";?>

Hi John, I know youare 30 years old

GET Method

Langkah yang dilakukan untuk menggunakan cara ini sama dengan cara padaPOST Method diatas. Perbedaannya hanya terdapat pada bagian URL yang terlihat

setelah tombol "Send info" ditekan.

Membuat tampilan isian data

File Pertama : form.html














<form method="GET" action="GetandPost.php">

Your name<BR>

<input type=text name=thename size=15><BR>

Your age<BR>



</form>

File diatas menunjukkan bahwa cara yang digunakan untuk mengirimkan data

adalah menggunakan GET, tujuan pengiriman data tetap pada file GetandPost.php.

Begitu pula data yang dikirimkan, yaitu "thename" dan "theage".

Sewaktu tombol "Send info" ditekan, akan diarahkan ke file GetandPost.php.

Perhatikan bagian URL, tertulis :

http://localhost/GetandPost.php?thename=John&theage=30

Membuat file pengolah data

File kedua : GetandPost.php

Untuk mengambil dan mengolah data yang telah dikirim dari file pertama,

digunakan $_GET.

Code Output<?php print $_GET["thename"]; ?> John<?php print $_GET["theage"]; ?> 30<?php$thename=$_GET["thename"];

$theage=$_GET["theage"];

print "Hi ".$thename.", I know you are ".$theage." years old";?>

Hi John, I know youare 30 years old

LatihanPada latihan ini akan dipelajari cara lain penggunaan method Get dan

$QUERY_STRING. Untuk latihan kali ini akan dibuat tiga program dengan hasil

yang sama tetapi cara berbeda. Program yang akan dibuat adalah program untuk

menampilkan data sesuai url yang diinputkan.

Nama file : Getandpostexample.php














<html>

<body bgcolor=FFFFFF>

<pre>

<b>Information about my friends</b>

<?php if ($QUERY_STRING=="showall") { ?>

Anna

From London. Student

Paolo

From Roma. Student

Andoni

From Donosti. Student

<a href=Getandpostexample.php>Hide data</a>

<?php }else{ ?>

<?php

if ($_GET["name"]=="Anna") { ?>

Anna

From London. Student

<?php }else{ ?>

<a href=Getandpostexample.php?name=Anna>Anna</a>

<?php } ?>

<?php if ($_GET["name"]=="Paolo") { ?>

Paolo

From Roma. Student

<?php }else{ ?>

<a href=Getandpostexample.php?name=Paolo>Paolo</a>

<?php } ?><?php if ($_GET["name"]=="Andoni") { ?>

Andoni

From Euskadi. Student

<?php }else{ ?>

<a href=Getandpostexample.php?name=Andoni>Andoni</a>

<?php } ?>

<p>

<a href=Getandpostexample.php?showall>Show all data</a>

<?php } ?>

</pre>

</body>

</html>

Program diatas dan program dibawah akan menghasilkan hal yang sama.

Bandingkan kedua program tersebut (perhatikan penggunaan "<?php" dan "?>"

dan perintah "print"). Simbol Line breaks ("\n") dituliskan dalam tulisan yang akan

ditampilkan.


http://www.phptutorial.info/?if




http://www.phptutorial.info/?else

















Catatan :

Pada script diatas terdapat perintah "if", seperti :

if ($QUERY_STRING=="showall")

perintah-perintah

}

artinya adalah jika isi dari $QUERY_STRING adalah "showall" maka perintah-

perintah akan dijalankan, tetapi jika tidak berisi "showall" maka perintah-

perintah tidak dijalankan.

Nama file : Getandpostexample2.php

<?php

// this code is always shown

print "<html>\n<body bgcolor=FFFFFF>\n";

print "<pre>\n<b>Information about my friends</b>\n";

if ($QUERY_STRING=="showall") {

print "\nAnna\n From London. Student";

print "\nPaolo\n From Roma. Student"; print "\nAndoni\n From Euskadi. Student";

print "\n<a href=Getandpostexample.php>Hide data</a>";

}else{

if ($_GET["name"]=="Anna") {

print "\nAnna\n From London. Student";

}else{

print "\n<a href=Getandpostexample.php?

name=Anna>Anna</a>";

}

if ($_GET["name"]=="Paolo") {print "\nPaolo\n From Roma. Student";

}else{


name=Paolo>Paolo</a>";

}















































if ($_GET["name"]=="Andoni") {

print "\nAndoni\n From Euskadi. Student";

}else{


name=Andoni>Andoni</a>";

}

print "\n<a href=Getandpostexample.php?showall>Show all

data</a>";

}

?>

</pre>

</body>

</html>

Program ketiga menggunakan tiga variable dengan nama $Anna, $Paolo dan$Andoni, yang kemudian diisi dengan tulisan di tiga baris pertama program

dibawah ini. Penggunaan variable akan menjadi lebih mudah, apalagi pada kasus

seperti ini.

Nama file : Getandpostexample3.php

<?php

// Variables are defined for each person

$Anna = "\nAnna\n From London. Student";

$Paolo = "\nPaolo\n From Roma. Student";

$Andoni = "\nAndoni\n From Euskadi. Student";

// this code is always shown

print "<html>\n<body bgcolor=FFFFFF>\n";

print "<pre>\n<b>Information about my friends</b>\n";

if ($QUERY_STRING=="showall") {

print $Anna.$Paolo.$Andoni;

print "\n<a href=Getandpostexample.php>Hide data</a>";

}else{

if ($_GET["name"]=="Anna") {print $Anna;

}else{


name=Anna>Anna</a>";

}









































if ($_GET["name"]=="Paolo") {

print $Paolo;

}else{


name=Paolo>Paolo</a>";

}

if ($_GET["name"]=="Andoni") {

print $Andoni;

}else{


name=Andoni>Andoni</a>";

}

print "\n<a href=Getandpostexample.php?showall>Show all

data</a>";

}

?>

</pre>

</body>

</html>






























Array

Array adalah salah satu jenis variable. Variable digunakan untuk menyimpan data.

Tetapi yang penting untuk dipahami adalah setiap variable hanya dapat digunakan

untuk menyimpan sebuah data. Apabila sebuah variable $nama diisi dengan data

"Budi", dan kemudian diisi dengan data "Wati", maka isi dari variable $nama

adalah "Wati".

$nama = "Budi";

$nama = "Wati";

echo "Selamat datang $nama"; // yang akan ditampilkan adalah

// Selamat datang Wati

Seandainya kedua nama tersebut ("Budi" dan "Wati") akan disimpan pada variablemaka yang harus dilakukan adalah membuat dua variable, sebagai berikut :

$nama1 = "Budi";

$nama2 = "Wati";

echo "Selamat datang $nama1 dan $nama2";

// yang akan ditampilkan adalah

// Selamat datang Budi dan Wati

Cara diatas tentu tidak dapat dilakukan jika data yang akan disimpan sangatbanyak. Dengan menggunakan array, kedua nama "Budi" dan "Wati" akan dapat

disimpan dalam satu nama variable.

array.php <html> <title>My Array</title> <body> <?php$MyData [0] = "0" $MyData [1] = "1" $MyData [2] = "2" $MyData [3] = "3"

$MyData [4] = "4" $MyData [5] = "5" $MyData [6] = "6" $MyData [7] = "7" $MyData [8] = "8" $MyData [9] = "9"

print $MyData [5];?>

</body>

12345678

91011121314151617

Berikut bentuk data yang tersimpan dalamvariable Array MyData

MyDat

a

0 1

1 4

2 7

3 3

4 4

5 5





</html> 18192021

6 6

7 7

8 8

9 9

Program ini akan menampilkan data yangada pada variable array yang ke 5($MyData [5]). Sehingga di halaman webakan ditampilkan 5.

Berikut script untuk membuat Array dua dimensi

array2.php<html>

<title>My Array</title>

<body>

<?php

$MyData [0][0] = "1";

$MyData [0][1] = "2";

$MyData [0][2] = "3";

$MyData [1][0] = "4";

$MyData [1][1] = "5";

$MyData [1][2] = "6";

$MyData [2][0] = "7"; $MyData [2][1] = "8";

$MyData [2][1] = "9";

print $MyData [1][2];

?>

</body>

</html>

Berikut adalah isi dari array $Mydata.

MyDat

a0 1 2

0 1 2 3

1 4 5 6

2 7 8 9

Baris 5-13. Mengisi data ke array.

Line 14. Dihalaman web akan ditampilkan data yang

ada di array $MyData [1][2] . Angka pertama "1"

menunjukkan baris, dan angka kedua "2" mewakili

kolom, sehingga akan ditampilkan angka "6"

Untuk mengisi data pada variable array dapat dilakukan dengan cara lain selaindari cara diatas. Berikut dua cara yang mungkin dilakukan :

1. Memanfaatkan perintah array

$Thearray= array ("Zero","one","two","three","four","five","six","se

ven","eight","nine")


http://www.phptutorial.info/?array

http://www.phptutorial.info/?array




Dengan cara ini akan menghasilkan array satu dimensi, dengan elemen pertama

adalah elemen 0.

2. Menggunakan perintah split

<?php$TheText="zero one two three four five six seven eight nine";

$Thearray=split (" ",$TheText) ;

print_r ($Thearray);

?>

Perintah split akan memisahkan data yang ada di variable $TheText berdasarkan

spasi kemudian menghasilkan array satu dimensi. Perintah Print_r akan

menampilkan isi data dari variable array $Thearray.

Array

([0] => zero

[1] => one

[2] => two

[3] => three

[4] => four

[5] => five

[6] => six

[7] => seven

[8] => eight

[9] => nine

)

Latihan pencarian data sederhana

Berikut akan dibuat sebuah program untuk pencarian data. Pertama kali web page

ditampilkan akan diperlihatkan sebuah isian kata yang akan dicari. Setelah tombol

"Search" ditekan maka inputan akan dicari di data array, kemudian akan diarahkan

ke website yang dituju.

search.php


http://www.phptutorial.info/?split

http://www.phptutorial.info/?print_r

http://www.phptutorial.info/?split

http://www.phptutorial.info/?print_r




<?

if ($_POST){ // check whether info has been posted

$query=$_POST["query"];

Redirect($query);

}else{ // if no info has been posted, print the form print "<form method=post action=search.php>";

print "<input type=text name=query>";

print "<input type=Submit value=Search>";

print "</form>";

}

function Redirect($query){

// Array containing containing URLs and descriptions

$Websites[0]["url"]="http://www.phptutorial.info";

$Websites[0]["description"]=Main page of PHPTutorial.info";

$Websites[1]["url"]=

"http://www.phptutorial.info/scripts/Contact_form.html";

$Websites[1]["description"]="Contact form script";

$Websites[2]["url"]=

"http://www.phptutorial.info/scripts/Hit_counter.html";

$Websites[2]["description"]="Simple hit counter script";

$Websites[3]["url"]="http://www.phptutorial.info/iptocountry/";

$Websites[3]["description"]=

"Free script and databse for country identification based on IP address";

// find query string within description of websites

foreach ($Website as $key=> $val){

if (substr_count($Website [$key]["description"],$query)>0){

//next line will redirect the user to the corresponding url

header ("Location: ".$Website [$key]["url"]);

exit;

}

}

}

?>

Catatan :

• Pada contoh diatas terdapat (pada baris 13)

function Redirect($query){










http://www.phptutorial.info/?foreach




http://www.phptutorial.info/?substr_count

http://www.phptutorial.info/?header


http://www.phptutorial.info/?exit







http://www.phptutorial.info/?substr_count


http://www.phptutorial.info/?exit




Perintah diatas digunakan untuk memudahkan pembuatan program.

Maksud dari perintah tersebut adalah membuat perintah baru dengan nama

Redirect. Dengan demikian seluruh perintah dalam block function terebut

akan dapat dijalankan hanya dengan menulis Redirect, seperti pada baris 4.

• Pada baris 28 terdapat perintah

foreach ($Website as $key=> $val){

perintah-perintah yang diulang

}

Maksud dari perintah tersebut adalah melakukan perulangan (untuk

perintah-perintah yang diulang) sebanyak data yang ada di dalam $website.

Dan data yang ada di dalam $website akan dijadikan dua data yaitu $key

untuk index datanya dan $val untuk data pada array.








Session

Salah satu kondisi yang cukup sulit dilakukan pada pemrograman web

adalah sebuah data dalam variable hanya ada pada sebuah halaman web.

Sewaktu user melakukan perpindahan halaman, yang dikarenakan

penekanan tombol submit atau menekan link, maka data pada sebuah

variable akan hilang. Contohnya sebagai berikut :

File Pertama : form. php

<?php

$mydata = "my first data";

echo $mydata;

?>

<form method="POST" action="GetandPost.php">

Your name<BR>

<input type=text name=thename size=15><BR>

Your age<BR>



</form>

File Kedua : GetandPost.php

<?php

$thename=$_POST["thename"];

$theage=$_POST["theage"];

print "Hi ".$thename.", I know you are ".$theage." years old";

echo "isi dari variable mydata adalah $mydata";

?>

Pada contoh diatas, variable $mydata tidak berisi data. Disini terlihatbahwa tidak dapat menggunakan variable dari halaman sebelumnya untuk

diproses pada halaman lainnya. Dengan keterbatasan ini maka diperlukan

sebuah cara untuk mengirimkan data dari suatu halaman ke halaman

lainnya, dan caranya adalah dengan menggunakan session.








Session adalah sebuah cara untuk menyimpan data di server, dan sifatnya

sementara, karena pada suatu saat data yang tersimpan di session akan hilang.

Sebuah variable yang disimpan di session oleh sebuah halaman akan dapat

digunakan oleh halaman lainnya.

Latihan

Membuat halaman counter

counter.php

<?

session_start();

$counter++;

print "You have visited this page $counter times during this

session";

session_register("counter");

?>

12

3

4

5

6

Apabila tulisan session_start() dihilangkan maka nilai dari variable $counter tidak

akan bertambah.

Dengan menggunakan session maka setiap kali halaman ini di akses maka akan

ditampilkan jumlah pengunjung halaman ini.

• Pada baris 2, adalah cara untuk memulai session.

• Pada baris 3, perintah untuk menambah satu isi dari variable $counter

• Pada baris 4, menampilkan tulisan (didalamnya ada variable $counter)

• Pada baris 6, mendaftarkan variable counter, tanpa tanda "$"

Latihan 2

Akan dibuat sebuah halaman yang hanya diakses oleh user yang proses

loginnya sukses. Pertama kali akan dibuat sebuah halaman web dengan

nama "index.php" yang berisi form login. Dan kemudian akan dibuat

beberapa halaman lain seperti : page1.php, page2.php, dan seterusnya

yang hanya dapat diakses jika telah login.

Untuk percobaan ini akan dibuatkan dua user, yaitu :


http://www.phptutorial.info/?session_start


http://www.phptutorial.info/?session_register



http://www.phptutorial.info/?session_register




User : Joe, dan passwordnya adalah "hi"

User : Peter dan passowrdnya adalah "hallo"





sessiontest.php

<?php

Session_start();

if ($_POST["username"]=="" && $_SESSION["permission"] != "yes") {

?>

<html>

<title>Our private pages</title>

<body>

In order to access this pages fill the form below:<BR>

<form method="post" action="sessiontest.php">

Username: <input type="text" name="username" size="20"><BR>

Password: <input type="password" name="password"size="15"><BR>

<input type="Submit" value="Submit">

</form>

</body>

</html>

<?php }else{

$username=$_POST["username"];

$password=$_POST["password"];

if ($username=="Joe" AND $password=="hi"){

$_SESSION["permission"]="yes";

}

if ($username=="Peter" AND $password=="hello"){

$_SESSION["permission"]="yes";

}

$_SESSION["username"]=$_POST["username"];

if ($_SESSION["permission"]=="yes"){

?>

<html>

<title>Our private pages</title>

<body>

Hi, you are allow to see these pages: <BR>

<A HREF="page1.php">Page 1</A><BR>

<A HREF="Logout.php">Log out</A>

12

3

4

5

6

7

8

9

10

11

12

1314

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40










</body>

</html>

<?php }else{ ?>

Error in username or password

<?php } ?>

<?php } ?>

41

42

43

Penjelasan :

Pada baris pertama diawali dengan perintah session_start() untuk memulai

penggunaan session, kemudian dilanjutkan baris kedua digunakan untuk

memeriksa apakah user telah mengisikan username. Jika isi dari

$_POST["username"] == "" (username belum diisi) dan tidak memiliki hakakses maka akan ditampilkan isian username dan password.

Bila form username dan password telah diisi, kemudian akan dilakukan

pemeriksaan isi dari username dan password (baris 18 sampai 25). Jika

username dan password benar, maka variable session "permission" diisi

"yes" (baris 21 dan 24), dan ditampilkan sebuah halaman (baris 31 s.d 38).

Seandainya kemudian dipilih link "Page 1" (page1.php).

page1.php

<?php

session_start();

if ($_SESSION["permission"]=="yes") {

?>

<html>

<title>Page 1</title>

<body>

Hi <?php echo $_SESSION["username"];?>,

welcome to Page 1 <BR>

This page is empty at the moment,

but it will be very interesting in the next future

</body>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16











</html>

<?php }else{ ?>

You are not allowed to access this page

<?php } ?>

17

18

19

Perhatikan bahwa perintah session_start() ditulis pada bagian awal dari

setiap file. Jika perintah ini tidak dicantumkan maka semua variable

session tidak dapat digunakan.

Pada baris 3 dilakukan pemeriksaan terhadap isi dari variable session

permission, jika berisi "yes", maka akan ditampilkan halaman welcome,

tetapi jika tidak maka akan ditampilkan halaman peringatan (baris 15).

Pada baris 9 ditampilkan isi dari variable session username.

Logout.php

<?php

session_start();

unset($_SESSION["permission"]);

header('Location:sessiontest.php');

?>

1

2

3

4

5

Pada file Logout.php terdapat perintah

unset($_SESSION["permission"]);

yang digunakan untuk menghapus variable session yang bernamapermission. Setelah variable session permission dihapus maka page1.php

tidak dapat diakses, karena dianggap tidak berhak.

Pada baris 4 dilakukan pemanggilan file sessiontest.php, yang hasilnya

adalah menampilkan isian username dan password.

Cara mencoba :







1. Jalankan page1.php terlebih dahulu, dengan mengisi alamat berikut

di browser

http://localhost/page1.php

2. Jalankan sessiontest.php

http://localhost/sessiontest.php

3. Isikan username dan password

a. Username : Joe

Password : hi

b. Username : Peter

Password : hello

4. Pilih Page 1, perhatikan perbedaan yang terjadi saat pemanggilan

pada langkah pertama

5. Jalankan sessiontest.php, perhatikan perbedaan yang terjadi saat

pemanggilan pada langkah ke dua.

6. Pilih Log out

7. Lakukan langkah pertama





8.

Database


Modul Pemrograman Web

Documents

Transcript of Modul Pemrograman Web