Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul...

103

Transcript of Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul...

Page 1: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR
Page 2: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

DAFTAR ISI

KATA PENGANTAR ...................................................................................................... 1

MODUL I STRUKTUR DASAR PHP .............................................................................. 3

MODUL II PERNYATAAN KONDISI ............................................................................ 9

MODUL III PERNYATAAN PERULANGAN .............................................................. 14

MODUL IV FORM ........................................................................................................ 18

MODUL V ARRAY ....................................................................................................... 27

MODUL VI FUNGSI ..................................................................................................... 31

MODUL VII OPERASI STRING DAN TANGGAL ...................................................... 34

MODUL VIII FILE DAN DIRECTORI .......................................................................... 41

MODUL IX SESSION DAN COOKIES ......................................................................... 50

MODUL X PEMROGRAMAN BERORIENTASI OBJEK DI PHP................................ 54

MODUL XI DATABASE DALAM PHP ........................................................................ 59

MODUL XII USER INTERFACE WEB......................................................................... 68

Program Studi Teknik Informatika Universitas Pembangunan Jaya 2

Page 3: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Kata Pengantar

Puji dan syukur kepada Tuhan YME karena atas rahmatNya penyusun dapat menyelesaikan Modul

Praktikum Web Programming.

Penyusun berharap modul ini bermanfaat bagi semua pihak dan dapat membantu untuk memahami

materi Praktikum Web Programming, serta dapat menambah kemahiran dan keahlian dalam menyelesaikan

beberapa variasi permasalahan Web Programming.

Penyusun mengucapkan terima kasih dan selamat mempelajari Modul Praktikum Web

Programming.

Selamat Mencoba,

Penyusun

Program Studi Teknik Informatika Universitas Pembangunan Jaya 1

Page 4: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL I

Struktur Dasar PHP (Pertemuan 3)

Tujuan :

1. Mahasiswa dapat memahami struktur dasar php dan dapat mengaplikasikannya dalam

pembuatan program sederhana.

2. Mahasiswa dapat mengetahui blok program php dan memulai pembuatan program php.

3. Mahasiswa dapat memahami dan mengaplikasikan pembuatan variabel di PHP.

4. Mahasiswa dapat memahami penggunaan tipe data yang ada di PHP dan mampu

mengaplikasikannya.

5. Mahasiswa dapat memahami dan mengaplikasikan pembuatan konstanta.

Tugas Pendahuluan :

1. Bagaimana cara menginstal XAMP dan mengaktifkannya?

2. Bagaimanakah struktur dasar PHP itu?

3. Seperti apakah penulisan blok program dalam PHP?

4. Seperti apakah variabel, tipe data, konstanta, operator dan komentar dalam PHP?

DASAR TEORI

Bahasa pemprograman PHP adalah bahasa pemprograman yang bekerja dalam sebuah web

server. Script-script yang telah dibuat hasus tersimpan dalam sebuah server dan dieksekusi adau

diproses dalam server tersebit. Penggunaan program PHP memungkinkan sebuah website menjadi

lebih interaktif dan dinamis.

Adapun struktur dasar dalam PHP akan dijelaskan sebagai berikut :

1. Blok Program PHP

Pada Pemprograman PHP, penulisan syntak dalam PHP harus diapit oleh simbol sebagai berikut:

<? dan ?>

<?PHP dan ?>

Simbol-simbol di atas berfungsi sebagai tanda bahwa sintak tersebut ialah termasuk bahasa pemprograman PHP.

Contoh :

<? echo “Selamat Belajar PHP”; ?>

atau,

<?PHP echo “Selamat Belajar PHP”; ?>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 3

Page 5: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

2. Variabel

Variable adalah sebuah bentuk pendeklarasian suatu nama yang meniliki value(nilai), data

atau informasi dengan tipe data tertentu. Setiap pendeklarasian variabel pada pemprograman PHP

diawali dengan tanda $ (dolar). Bentuk penulisan pendeklarasian variabel ialah sebagai berikkut:

$(nama variabel) = (nilai variabel);

Misal

$nama = „Indra‟;

$nilai = 90;

Penting :

Dalam pemprograman PHP menggunakan key sensitive yang menyebabkan perbedaan antara

huruf besar dan huruf kecil. Sehingga variabel akan di baca berbeda apabila terdapat penamaan

dengan susunan huruf besar atau kecil yang berbeda.

3. Tipe Data

Ada beberapa tipe data yang dikenal dalam script PHP, diantaranya antara lain :

String

String adalah sebuah tipe data yang terdiri dari kata, bisa berupa kata tunggal ataupun

kalimat. Penulisan string harus diapit oleh tanda petik tunggal („ ‟) atau tanda petik

ganda (“ “).

Integer

Integer adalah tipe data yang berisi bilangan bulat, bukan bilangan desimal. Besar range

integer dalam pemprograman PHP ialah dari -2,147,483,648 sampai +2,147,483,647 pada

platform 32 bit. Apabila data ada di luar kisaran tersebut, maka PHP akan secara otomatis

mengkonversi data tersebut dari integer ke floating point.

Floating Point

Floating Point ialah tipe data yang berisi bilangan pecahan atau bilangan desimal.

Kisran data floating adalah antara 1.7E-308 sampai 1.7E+308.

Array

Array ialah tipe data yang yang mengandung beberapa data di dalamnya dan di-index atau

dibaca berdasarkan data numeric atau string.

Object

Tipe data object bisa berupa bilangan, variabel, ataupun fungsi. Tipe data tersebut dapat

membantu programmer untuk membuat sebuah program. Data itu dapat disertkan dalam

program sehingga meringkas beberapa fungsi dan dapat memperkecil ukuran file. Semakin

kecil ukuran file, semakin singkat waktu yang dibutuhkan untuk mengakses file tersebut.

Program Studi Teknik Informatika Universitas Pembangunan Jaya 4

Page 6: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Dalam script PHP, tipe data suatu variabel tidak didifinisikan oleh progremer, akan tetapai

akan secara otomatis dikonversikan sesuai karakternya.

4. Konstanta

Konstanta adalah sebuah variabel yang memiliki nilai yang tidak berubah-ubah. Dalam

mendeklarasikan konstanta tidak memerlukan tanda $ (dolar) akan tetapi menggunakan define()

dengan penulisan:

define({nama konstanta},{nilai konstanta}) Contoh :

define(“Nama”, “Indra”);

define(“Nilai”, 90);

maka dari pendefinisian di atas konstanta Nama memiliki value (nilai) Indra dan Nilai

memiliki value (nilai) 90.

5. Operator

Operator adalah simbol atau tanda yang jika diletakkan pada dua buah operand dapat

menghasilkan sebuah hasil. Penggunaan operator dalam bahasa pemprograman berfungsi untuk

memanipulasi nilai dari sebuah variabel agar lebih interaktif dan dinamis. Adapun operator yang

dikenal dalam PHP ialah sebagai berikut:

Operasi Operator Contoh Keterangan

Matematika * $a * $b $a dikalikan dengan $b

/ $a / $b $a dibagi dengan $b

+ $a + $b $a ditambah dengan $b

- $a - $b $a dikurangi dengan $b

% $a % $b Sisa hasil $a dibagi $b

Increment dan ++ ++$a $a ditambah satu, lalu

Decrement operasi dijalankan

++ $a++ Operasi dijalankan, lalu

$a ditambah satu

-- --$a $a dikurangi satu, lalu

operasi dijalankan

-- $a-- Operasi dijalankan, lalu

$a dikurangi satu

String . $a . $b Penggabungan String $a

Program Studi Teknik Informatika Universitas Pembangunan Jaya 5

Page 7: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

dan $b

Perbandingan > $a > $b True jika $a lebih besar

dari $b

< $a < $b True jika $a lebih kecil

dari $b

>= $a >= $b True jika $a lebih besar

atau sama dengan $b

<= $a <= $b True jika $a lebih kecil

atau sama dengan $b

== $a == $b True jika $a sama

dengan $b

!= $a != $b True jika $a tidak sama

dengan $b

Logika And atau && ( $a and $b ) Menghasilkan nilai True

Atau jika $a dan $b bernilai

( $a && $b ) Benar

Or atau || ( $a or $b ) Menghasilkan nilai True

Atau jika $a atau $b bernilai

( $a || $b ) Benar atau keduanya

bernilai benar

xor $a xor $b Menghasilkan nilai True

jika salah satu dari $a

atau $b

! !$a Menghasilkan nilai True

jika $a bernilai salah

6. Komentar

Komentator adalah script PHP yang tidak akan dibaca ketika dijalankan. Komentator

berfungsi sebagai dokumentasi dari script PHP atau penjelasan terhadap script yang kita tulis.

Dalam menulis komentar dapat digunakan beberapa simbol antara lain : /* dan */

//

# /* {komentar} */

// {komentar}

# {komentar}

Program Studi Teknik Informatika Universitas Pembangunan Jaya 6

Page 8: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

KEGIATAN PRAKTIKUM

Membuat Program Biodata Mahasiswa

Salin coding di bawah ini:

<?PHP

$nim = '10109899';

$nama = 'Indra Agustin';

$alamat = 'Jl. Gajah Mada No.4';

$nilai = 80;

echo "NIM : ", $nim, "<br>"; echo "Nama : ", $nama, "<br>";

echo "Alamat : ", $alamat, "<br>"; echo "Nilai : $nilai";

?>

Penting!

Cara agar program dapat berjalan di dalam browser ialah dengan cara menyimpan file tersebut di dalam

folder htdocs pada file sistem XAMPP dan jalankan aplikasi XAMPP apabila belum aktif, lalu lalu klik tombol start

pada modul Apache dan MySQL. Setelah itu buka browser anda dan jalankan program yang telah di buat tersebut

dengan cara mengetik nama file program contoh http://localhost/program.php dan jalankan.

Setelah selesai mengetik coding di atas, maka simpan dengan nama praktek1.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program tampil nama

Salin coding di bawah ini:

<?PHP define ("nama","Ayu Ningsih"); define ("nim","12121212"); define ("nilai",85);

echo "Nama : ",nama, "<br>"; echo "Nim : ",nim, "<br>"; echo "Nilai : ",nilai;

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama praktek1.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 7

Page 9: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Program Kalkulator Sederhana

Salin coding di bawah ini:

<?PHP

define ("a",4);

define ("b",3);

//rumus pertambahan $tambah = a + b;

//rumus pepengurangan

$kurang = a - b;

//rumus perkalian

$kali = a * b; //rumus pembagian

$bagi = a / b;

echo "Hasi Penambahan : $tambah <br>";

echo "Hasi Pengurangan : $kurang <br>";

echo "Hasi Perkalian : $kali <br>";

echo "Hasi Pembagian : $bagi <br>";

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama praktek3.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

TUGAS

1. Buatlah program menghitung luas segi tiga dengan rumus luas segi tiga = (1/5)* a * t!

2. Buatlah program menghitung luas lingkaran dengan konstren pi = 3.14 dan rumus luas

lingkaran = pi * r * r!

Program Studi Teknik Informatika Universitas Pembangunan Jaya 8

Page 10: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL II

PERNYATAAN KONDISI (Pertemuan 4)

Tujuan :

1. Mahasiswa dapat memahami dan membuat pernyataan kondisi dalam bahasa

pemrograman php dan dapat mengaplikasikannya dalam pembuatan program php.

2. Mahasiswa dapat memahami dan mengaplikasikan pernyataan kondisi If dalam

pemrograman PHP.

3. Mahasiswa dapat memahami dan mengaplikasikan pernyataan kondisi If-Else dalam

pemrograman PHP.

4. Mahasiswa dapat memahami dan mengaplikasikan pernyataan kondisi Switch-Case dalam

pemrograman PHP.

Tugas Pendahuluan :

1. Jelaskan apa yang dimaksud dengan variabel, tipe data, konstanta, operator dan komentar

itu?

2. Bagaimanakah pernyataan sebuah kondisi itu?

3. Ada berapakah pernyataan kondisi?.

DASAR TEORI

Dalam pemprograman PHP terdapat beberapa pernyataan kondisi yang berfungsi sebagai

percabangan apabila terdapat beberapa kondisi yang berbeda. Adapun pernyataan kondisi tersebut

antara lain:

1. Pernyataan kondisi if

Fungsi pernyataan kondisi if ialah sebagai pernyataan dalam memilih salah satu operasi

percabangan yang akan dilaksanakan sesuai syarat atau pernyataan tertentu yang telah ditetapkan.

Adapun bentuk penulisan kondisi if dalam pemprograman PHP ialah sebagai berikut:

If (syarat /pernyataan){

Operasi;

}

Pada formula diatas menjelaskan bahwa apabila kondisi sesuai dengan syarat / pernyataan

maka operasi di dalam formula akan dieksekusi dan apabila kondisi tidak sesuai makan formula

akan dilewati tanpa mengeksekusi operasi yang terdapat di dalamnya.

2. Pernyataan kondisi if-Else

Program Studi Teknik Informatika Universitas Pembangunan Jaya 9

Page 11: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Fungsi dari pernyataan kondisi if-Else hampir sama dengan kondisi if yang telah dijelaskan di

atas, akan tetapi pada kondisi if-Else digunakan untuk operasi percabangan yang terdiri dari dua

If (syarat /pernyataan 1){

Operasi1;

}else if (syarat / pernyattan 2){

Operasi2;

} else if (…….){

………

}else {

Operasi x;

}

atau lebih pernyataan yang berbeda. Adapun bentuk penulisan kondisi if-Else dalam

pemprograman PHP, ialah sebagai berikut:

Pada formula di atas menjelaskan bahwa apabila kondisi sesuai dengan syarat / pernyataan 1

maka jalankan Operasi1, jika tidak maka akan dilanjutkan kesyarat/pernyataan 2 apabila kondisi

sesuai makan Operasi 2 akan dieksekusi, dan apabila tidak sesuai maka akan dilanjutkan sampaik

kondisi yang ada sesuai dengan syarat/pernyataan sehingga apabila tidak terdapat pernyataan yang

sesuai makan program akan mengeksekusi Operasi x.

3. Pernyataan kondisi Switch-Case

Fungsi dari pernyataan kondisi Switch-Case ialah membandingkan variabel yang memiliki

beberapa nilai yang berbeda. Fungsi ini hampir sama dengan pernyataan kondisi if hanya saja

kondisinya ditulis berulang-ulang. Adapun bentuk penulisan kondisi Switch-Case dalam

pemprograman PHP, ialah sebagai berikut:

Switch ($variabel_kondisi)

{

Case “nilai 1”;

Operasi 1;

Break;

Case “nilai 2”;

Operasi 2;

Break;

…………

}

Program Studi Teknik Informatika Universitas Pembangunan Jaya 10

Page 12: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Pada formula di atas menjelaskan bahwa apabila value/nilai dari vasiabel $variabel_kondisi

sesuai dengan nilai 1 maka operasi 1 dijalankan, dan jika tidak maka apabila value/nilai dari

vasiabel $variabel_kondisi sesuai dengan nilai 2 maka operasi 2 dijalankan dan seterusnya.

KEGIATAN PRAKTIKUM

Program Kondisi 1

Salin coding di bawah ini:

<?PHP

$nilai = 70;

if ($nilai >= 60) {

echo "Anda Lulus dengan Nilai $nilai";

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama kondisi.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Pada program di atas apabila nilia lebih besar atau sama dengan 60 maka akan muncul string “anda

lulus dengan nilai (70)” apabila nilai tidak lebih besar atai sama dengan 60 maka di browser tidak

akan muncl apa-apa.

Program Kondisi 2

Salin coding di bawah ini:

<?PHP

$angka = 123;

if($angka % 2 == 1){

echo "Angka $angka Termasuk Bilangan GANJIL";

}elseif ($angka % 2 == 0){

echo "Angka $angka Termasuk Bilangan GENAP";

}else{ echo "Input tidak diketahui";

} ?>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 11

Page 13: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik coding di atas, maka simpan dengan nama kondisi_2.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program kondisi case

Salin coding di bawah ini:

<?PHP

$hari = 3;

Switch ($hari) { Case "1";

$ket = "Senin";

break; Case "2";

$ket = "Selasa"; break;

Case "3";

$ket = "Rabu"; break;

Case "4";

$ket = "Kamis";

break;

Case "5"; $ket = "Jumat";

break;

Case "6";

$ket = "Sabtu";

break; Case "7";

$ket = "Minggu"; break;

}

echo "hari ke-",$hari," adalah hari

$ket";

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama kondisi_2.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 12

Page 14: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

TUGAS

Nilai

Gread

Keterangan

90 – 100 A Baik Sekali

76 -89 B Baik

60 - 75 C Cukup

50 - 59 D Hampir Cukup

0 - 49 E Kurang

1. Buatlah program gread nilai menggunakan kondisi If-Else dengan ketentuan di atas!

2. Buatlah keterangan dari grade nilai dengan menggunakan Switch-Case!

Program Studi Teknik Informatika Universitas Pembangunan Jaya 13

Page 15: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL III

Pernyataan Perulangan (Pemrograman 5)

Tujuan :

1. Mahasiswa dapat memahami dan membuat pernyataan perulangan dalam bahasa

pemrograman php dan dapat mengaplikasikannya dalam pembuatan program php.

2. Mahasiswa dapat memahami dan mengaplikasikan pernyataan perulangan For dalam

pemrograman PHP.

3. Mahasiswa dapat memahami dan mengaplikasikan pernyataan perulangan While dalam

pemrograman PHP.

Tugas Pendahuluan :

1. Apa yang dimaksud dengan pernyataan perulangan itu?

2. Ada berapakah pernyataan perulangan itu?

DASAR TEORI

Dalam pemprograman PHP terdapat tiga kondisi perulangan (looping) dimana prulangan

tersebut berfungsi sebagai sintak untuk melakukan operasi / proses yang berulang. Adapun kondisi

perulangan tersebut antara lain :

1. Perulangan While

Fungsi dari perulangan while ialah untuk menjalankan operasi secara berulang-ulang hingga

ditemukan kondisi untuk menghentikannya. Adapun penulisan kondisi perulangan while pada

pemprograman PHP ialah sebagai berikut :

While (Kondisi){

Operasi;

}

Pada formula di atas dapat dijelaskan bahwa apabila kondisi bernilai false maka eksekusi

operasi sehingga kondisi yang telah ditetapkan menjadi true. Pada formula while program akan

mengecek kondisi terlebih dahulu apakah false atau true, apabila false maka operasi di jalanan dan

apabila true operasi berhenti dijalankan.

2. Perulangan For

Program Studi Teknik Informatika Universitas Pembangunan Jaya 14

Page 16: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Fungsi dari perulangan for ialah untuk menjalankan operasi secara berulang-ulang sesuai

dengan jumlah perulangan yang telah ditentukan. Adapun penulikan kondisi perulangan for pada

For (nilai_awal; nilai_akhir; penambahan atau pengurangan nilai){

Operasi;

}

pemprograman PHP ialah sebagai berikut :

Pada formula di atas dapat dijelaskan pada perulangan for program akan menset nilai sesuai

dengan nilai_awal lalu mengecek nilai tersebut apakah telah mencapai nilai_akhir, apabila tidak

maka operasi akan dijalankan setelah itu akan terjadi pengubahan pada nilai apakah itu

ditambahkan atau dikurangi kemudian dilakukan kembali proses dari pengecekan dan seterusnya

hingga nilai mencapai ke nilai_akhir, apabila nilai mencapai nilai_akhir maka proses perulangan

akan dihentikan.

3. Perulangan Do-While

Fungsi dari peulangan do-while hampir sama dengan perulangan while, perbedaan antara

keduanya terletak pada urutan prosesnya saja. Pada perulangan do-while proses dimulai dari

menjalankan operasi lalu pengecekan kondisi, sedangkan pada perulangan while proses dimulai

dari melakukan pengcekan kondisi lalu menjalankan operasi. Adapun penulikan kondisi

perulangan do-while pada pemprograman PHP ialah sebagai berikut :

Do{

Operasi;

} While (Kondisi);

Dari formula diatas dapat dijelaskan : program akan menjalankan operasi lalu mengecek

apakan kondisi true atau false, apabila false maka proses akan diulang kembali sehingga kondisi

menjadi true dan proses do-while berhenti.

KEGIATAN PRAKTIKUM

Program Perulanga While

Salin coding di bawah ini:

<?PHP $awal = 1; while($awal <= 5){

echo "Nilai Sekarang adalah $awal <br>"; $awal++;

}

?>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 15

Page 17: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik coding di atas, maka simpan dengan nama while.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Perulangan For

Salin coding di bawah ini:

<?PHP

$bilangan = 0;

for ($a=1; $a<=5; $a++){ echo "Bilangan Sekarang adalah $bilangan

<br>"; $bilangan = $bilangan + $a;

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama for.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Perulangan Do-While

Salin coding di bawah ini:

<?PHP

$d = 1;

do{ echo "Perulangan ke-$d <br>";

$d++;

}while($d <= 5);

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama do-while.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 16

Page 18: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

TUGAS

1. Buatlah program menggunakan pernyataan perulangan yang menampilkan hasil bilangan

vaktorial 1 sampai 10!

2. Buatlah program menamampilakan bilangan ganjil dan genap!

Program Studi Teknik Informatika Universitas Pembangunan Jaya 17

Page 19: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL IV

FORM (Pertemuan 6)

Tujuan :

1. Mahasiswa dapat memahami dan mengaplikasikan form dalam pemrograman web dan

dapat melakukan pengolahan data menggunakan bahasa pemrograman PHP.

2. Mahasiswa dapat memahami dan mengaplikasikan form input type text, radio, check box,

combo box, text area dan melakukan pengolahan inputan data menggunakan bahasa

pemrograman PHP.

Tugas Pendahuluan :

1. Apa yang disebut dengan form dalam pemprograman PHP? Jelaskan!

2. Ada berapakah jenis form input yang sering digunakan? Sebutkan!

DASAR TEORI

Dalam pemprograman web form ialah suatu tools dalam membatu interaksi aplikasi web dengan

user, dengan adanya form user dapat memanipulasi jalannya sistem sesuai dengan keinginan.

Dalam form, dibutuhkan pembuka dan penutup tag form untuk menampung untuk menampung

input yang ada. Adapun pembuka dan penutup tag form ialah sebagai berikut:

<form action="action.php" method="GET/POST">

{Jenis input}

</form>

Pada form biasnya dibutuhkan minimal dua atribut yaitu action dan method. Action berisi halaman

atau file tujuan untuk memproses inputan dalam form, sedangkan method berisi tentang metode

pengiriman data yang akan digunakan (GET atau POST).

Terdapat dua metode pengiriman data yang digunakan dalam form, yaitu metode GET dan POST.

Metode GET berarti input user dikirim ke halaman atau file action melalui address bar, sedangkan

metode POST berarti input user tidak dikirim melalui address bar.

Adapun beberapa jenis input pada form, diantaranya ialah sebagai berikut :

1. Form Input Type Text

Text berate input merupakan string biasa satu bari. Adapun syntak type text ialah:

<input type = “text” name=”nama_input_text”/>

2. Form Input Type Radio

Program Studi Teknik Informatika Universitas Pembangunan Jaya 18

Page 20: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Type radio ialah tipe inputan yang memberikan user pilihan, namun user hanya dapat

memilih salah satu saja dari beberapa pilihan tersebut. Biasanya digunakan untuk pilihan

agama, jenis kelamin dan lainnya yang bersifat diskrit. Apapun syntaknya type radio ialah:

<input type="radio" name="JK" value="Pria" /> Pria </b>

3. Form Input Type Check Box

Type check box ialah tipe inputan yang memberikan user pilihan, namun user dapa

memilih lebih dari satu pilihan atau tidak memilih sama sekali. Adapun contoh syntak type

check box ialah:

<input type="checkbox" name="hobby" value="Joging" /> Joging </b>

4. Form Input Type Combo Box

Combo box biasanya digunakan untuk membuat user memilih salah satu dari banyak

pilihan, fungsi combo box sama dengan radio akan tetapi tampilan menunya yang berbeda.

Adapun contoh syntak type combo box ialah:

<select name="hari">

<option value="senin">Senin</option>

<option value="selasa">Selasa</option>

<option value="rabu">Rabu</option>

<option value="kamin">Kamis</option>

<option value="jumat">Jumat</option>

<option value="sabtu">Sabtu</option>

<option value="minggu">Minggu</option>

</select>

5. Form Input Type Text Area

Type text area biasanya digunakan untuk kalimat-kalimat yang cukup panjang seperti

alamat. Adapun contoh syntak type text area ialah:

<textarea name="alamat"></textarea>

KEGIATAN PRAKTIKUM

Program Form Input Text

Program Studi Teknik Informatika Universitas Pembangunan Jaya 19

Page 21: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Salin coding di bawah ini:

<html>

<head>

<title>Form Input Text</title>

</head>

<body>

<form id="form_text" name="form_text" method="POST"

action="Proses_text.php"> <p>NIM <input type="text" name="nim" id="nim" /></p>

<p>Nama <input type="text" name="nama" id="nama"/></p>

<p><input type="submit" name="Button" id="Button"

value="Tampil"/></p>

</form>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_text.php dan buka file

baru dan salin coding di bawah ini :

<?php

$nim = $_POST['nim']; $nama = $_POST['nama'];

echo "NIM : $nim <br>";

echo "Nama : $nama <br>";

?>

Simpan file baru tersebut dengan nama Proses_text.php dan letakkan di folder yang sama dengan

form_text.php. Lalu jalankan form_text.php di browser, Maka pada browser akan muncul hasil

sebagai berikut:

Bila tombol tampil di tekan, maka muncul hasi :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 20

Page 22: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Program Form Input Radio

Salin coding di bawah ini:

<html> <head>

<title>Form Input Radio</title>

</head>

<body> <p>Jenjang Terakhir Pendidikan Anda?</p>

<form id="form_radio" name="form_radio" method="POST" action="Proses_radio.php">

<p><input type="radio" name="pendidikan" value="SD" /> SD <input type="radio" name="pendidikan" value="SMP" /> SMP

<input type="radio" name="pendidikan" value="SMA|SMK" /> SMA|SMK

<input type="radio" name="pendidikan" value="D3" /> D3 <input type="radio" name="pendidikan" value="S1" /> S1 <input

type="radio" name="pendidikan" value="S2" /> S2 <input

type="radio" name="pendidikan" value="S3" /> S3 </p>

<p><input type="submit" name="button" value="Proses"/></p>

</form>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_radio.php dan buka file

baru dan salin coding di bawah ini :

<?php

$pendidikan = $_POST['pendidikan'];

echo "Pendidikan terakhir anda ialah <b>$pendidikan</b>";

?>

Simpan file baru tersebut dengan nama Proses_radio.php dan letakkan di folder yang sama

dengan form_radio.php. Lalu jalankan form_radio.php di browser, Maka pada browser akan

muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 21

Page 23: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Bila tombol Proses di tekan, maka muncul hasi :

Program Form Input CheckBox

Salin coding di bawah ini:

<html>

<head>

<title>Form Input Checkbox</title>

</head>

<body>

<p>Pilih Hobi Anda!</p>

<FORM NAME="form_checkbox" METHOD="POST" ACTION="Proses_checkbox.php">

<input type="checkbox" name="hobi1"

value="Olahraga"> Olahraga<br> <input type="checkbox" name="hobi2" value="Jalan-

Jalan"> Jalan-Jalan<br> <input type="checkbox" name="hobi3" value="Nonton

Film"> Nonton Film<br> <input type="checkbox" name="hobi4"

value="Belajar"> Belajar<br> <input type="submit" name="Pilih"

value="Pilih"> </FORM>

</body>

</html>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 22

Page 24: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_checkbox.php dan buka

file baru dan salin coding di bawah ini :

<?php

echo "Hobi Anda Adalah :<br>"; if (isset($_POST['hobi1'])) {

echo "+ " . $_POST['hobi1'] . "<br>";

}

if (isset($_POST['hobi2'])) {

echo "+ " . $_POST['hobi2'] . "<br>"; }

if (isset($_POST['hobi3'])) { echo "+ " . $_POST['hobi3'] . "<br>";

}

if (isset($_POST['hobi4'])) { echo "+ " . $_POST['hobi4'] . "<br>";

}

?>

Simpan file baru tersebut dengan nama Proses_checkbox.php dan letakkan di folder yang sama

dengan form_checkbox.php. Lalu jalankan form_checkbox.php di browser, Maka pada browser

akan muncul hasil sebagai berikut:

Bila tombol Proses di tekan, maka muncul hasi :

Program Form Input ComboBox

Program Studi Teknik Informatika Universitas Pembangunan Jaya 23

Page 25: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Salin coding di bawah ini:

<html> <head>

<title>Form Input ComboBox</title> </head>

<body> <p>Binatang apa yang Anda suka?</p>

<form id="form_combobox" name="form_combobox" method="POST" action="Proses_combobox.php">

<select name="favorit"> <option value="Kucing">Kucing</option> <option value="Anjing">Anjing</option> <option value="Burung">Burung</option> <option value="Sapi">Sapi</option> <option value="Kambing">Kambing</option>

</select> <p></p> <p><input type="submit" name="button" value="Tampil"/></p>

</form>

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_combobox.php dan

buka file baru dan salin coding di bawah ini :

<?php

$binatang = $_POST['favorit'];

echo "Binatang yang anda sukai ialah $binatang";

?>

Simpan file baru tersebut dengan nama Proses_combobox.php dan letakkan di folder yang sama

dengan form_combobox.php. Lalu jalankan form_combobox.php di browser, Maka pada

browser akan muncul hasil sebagai berikut:

Bila tombol Proses di tekan, maka muncul hasi :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 24

Page 26: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Program Form Input TextArea

Salin coding di bawah ini:

<html>

<head> <title>Form Input Text

Area</title> </head>

<body>

<p>Masukkan komentar atau pendapat anda!</p>

<form id="form_area" name="form_area" method="POST" action="Proses_area.php">

<textarea name="komen"></textarea><br/>

<p></p> <p><input type="submit" name="button" value="Tampil"/></p>

</form>

</body> </html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_radio.php dan buka file

baru dan salin coding di bawah ini :

<?php

$komentar = $_POST['komen']; echo "Komentar atau Pendapat Anda

:<br/>"; echo "$komentar";

?>

Simpan file baru tersebut dengan nama Proses_radio.php dan letakkan di folder yang sama

dengan form_radio.php. Lalu jalankan form_radio.php di browser, Maka pada browser akan

muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 25

Page 27: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Bila tombol Proses di tekan, maka muncul hasi :

TUGAS

1. Buatlah program tampil biodata menggunakan 5 form input di atas!

2. Buatlah form login sederhana!

Program Studi Teknik Informatika Universitas Pembangunan Jaya 26

Page 28: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL V

Array (Pertemuan 7)

Tujuan :

1. Mahasiswa dapat memahami dan mengaplikasikan array dalam PHP dalam pemrograman

web.

2. Mahasiswa dapat mengetahui cara pendeklarasian array menggunakan bahasa

pemrograman PHP dan mengaplikasikannya dalam pembuatan web.

3. Mahasiswa dapat memahami dan melakukan pengolahan data array menggunakan bahasa

pemrograman PHP.

4. Mahasiswa dapat mengetahui dan menggunakan fungsi-fungsi array yang ada dalam

bahasa pemrograman PHP.

Tugas Pendahuluan :

1. Apa yang anda keteahui tentang array?

2. Apa fungsi dari array tersebut?

DASAR TEORI

Array merupakan suatu tipe data yang terstruktur dan dapat digunakan untuk menyimpan data yang

memiliki tipe data yang sama. Array berfungsi untuk mengidentifikasi variabel yang memiliki

jumlah data yang lebih dari satu, tapi memiliki nama variabel yang sama. Bagian yang menyusun

array disebut elemen array, yang masing-masing elemen dapat diakses melalui index array. Index

array dapat berupa bilangan integer atau string.

1. Deklarasi Array

Cara pendeklarasian sebuah array ialah sebagai

berikkut $arrNama = array();

Namun pada pemprograman PHP, variabel array tidak harus dideklarasikan terlebih

dahulu, sama halnya seperti pembutan sebuah variabel biasa. Akan tetapi pada setelah

penulisan valriabel array harus disertai dengan tanda kurung kotak (“[ ]”) yang

menantakan bahwa variabel tersebut ialah arrya.

2. Pengolahan data Array

Untuk mengola data array caranya sama seperti mengolah variabel biasa, akan tetapi pada

variabel array kita harus menyisipkan index-index yang dimiliki oleh variabel array

tersebut. Contoh :

$arrNama [0] = “Andi”;

$arrNama [1] = “Budi”;

Program Studi Teknik Informatika Universitas Pembangunan Jaya 27

Page 29: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

$arrNama [2] = “Chika”;

Atau pada pemprograman PHP index tersebut bisa diisi secara otomatis oleh PHP, namun

untuk membacanya kita harus mengetahui index dari data array tersebut. Contoh:

$arrNama [] = “Andi”;

$arrNama [] = “Budi”;

$arrNama [] = “Chika”;

Kita dapat juga mengiri variabel array ketika kita mendeklarasikan variabel tersebut

sebagai array. Contoh:

$arrNama = array (“Andi”,”Budi”,”Chika”);

3. Fungsi-fungsi Array

Dalam pemprograman PHP terdapat banyak fungsi-fungsi yang dapat digunakan uantuk

memanipulasi data array. Adapun di antaranya ialah:

Array_push()

Berfungsi untuk menambah isi dari sebuah data array, yang memungkinkan isi data

array bisa disusun dengan susunan yang baru.

Array_merge()

Berfungsi untuk menggabungkan data array dengan beberapa array sekaligus.

Array_shift()

Berfungsi untuk menghapus data pertama dari sebuah array.

Sort()

Berfungsi untuk mengurutkan isi data array

Count()

Berfungsi untuk menghitung jumla element/data dari sebuah array.

Untuk fungsi-fungsi array, lebih lengkapnya dapat anda lihat pada website PHP di link

http://ca.php.net/manual/en/ref.array.php

KEGIATAN PRAKTIKUM

Program Tampil Array

Salin coding di bawah ini:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 28

Page 30: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<?php $kelompok1 =

array("Andi","Budi","Chika","David","Erna")

; echo "Nama Kelompok 1 :<br />";

for ($i=0; $i<=4; $i++){

echo " + ",$kelompok1[$i],"<br/>";

}

echo"<br /><br />";

$kelompok2[] = "Fera"; $kelompok2[] = "Gani";

$kelompok2[] = "Hery";

$kelompok2[] = "Intan";

$kelompok2[] = "Jaka";

echo "Nama Kelompok 2 :<br />";

for ($i=0; $i<=4; $i++){

echo " + ",$kelompok2[$i],"<br/>";

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama array1.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Fungsi Array

Salin coding di bawah ini:

<?php $array1 = array ("Arman","Bayu","Feri");

echo"array awal ialah:<br/>"; for ($i=0; $i<count($array1); $i++){

echo"data ke-",$i," : ",$array1[$i],"<br/>";

} echo "<br/>Setlah ditambahkan \"Herni, Gita & Dewi\"

menggunakan fungsi array_push():<br/>"; array_push($array1,"Herni","Gita","Dewi");

for ($i=0; $i<count($array1); $i++){ echo"data ke-",$i," : ",$array1[$i],"<br/>";

}

Program Studi Teknik Informatika Universitas Pembangunan Jaya 29

Page 31: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

echo "<br/>Setlah bagian awal array dihapus menggunakan

fungsi array_shift():<br/>"; array_shift($array1);

for ($i=0; $i<count($array1); $i++){

echo"data ke-",$i," : ",$array1[$i],"<br/>";

}

echo "<br/>Dan setelah isi array diurutkan menggunakan

fungsi sort():<br/>"; sort($array1);

for ($i=0; $i<count($array1); $i++){

echo"data ke-",$i," : ",$array1[$i],"<br/>"; }

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama array2.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

TUGAS

1. Buatlah array yang berisi 10 nama temanmu!

2. Cari dan gunakan 5 fungsi array (selain yang di atas) dan implementasikan 5fungsi array

tersebut ke array yang telah anda buat!

Program Studi Teknik Informatika Universitas Pembangunan Jaya 30

Page 32: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL VI

Fungsi (Pertemuan 8)

Tujuan :

1. Mahasiswa dapat memahami dan mengaplikasikan fungsi dalam pembuatan web

menggunakan bahasa pemrograman PHP.

2. Mahasiswa dapat mengetahui cara pendeklarasian array menggunakan bahasa

pemrograman PHP dan mengaplikasikannya dalam pembuatan web.

3. Mahasiswa dapat memahami dan melakukan pengolahan data array menggunakan bahasa

pemrograman PHP

4. Mahasiswa dapat mengetahui dan menggunakan fungsi-fungsi array yang ada dalam

bahasa pemrograman PHP.

Tugas Pendahuluan :

1. Apa yang dimaksud dengan fungsi dalam pemprograman PHP?

2. Apa kegunaan fungsi dalam pemprograman PHP?

DASAR TEORI

Fungsi (function) adalah kumpulan beberapa statement yang dibuat untuk menyelesaikan suatu

tugas tertentu yang dapat dipanggil sesara berulang. Fungsi juga digunakan untuk mencegah script

dieksekusi pada saat halaman web diload, karena untuk mengeksekusinya kita harus memanggil

fungsi tersebut.

1. Deklarasi fungsi

untuk mendeklarasikan fungsi terdapat beberapa hal yang harus diperhatikan :

nama fungsi (nama dari fungsi yang berfungsi untuk memanggilan fungsi tersebut untuk dieksekusi)

parameter (nilai tertentu yang dimasukkan ke dalam fungsi. dapat juga diisi dengan variabel)

baris perintah (perintah yang dijalankan saat fungsi dipanggil)

contoh:

function nama_fungsi (parameter1, parameter2,…..){

baris_perintah;

}

2. Fungsi tyanpa parameter

Pada saat mendeklarasikan sebuah fungsi adakalanya kita dapat mendeklarasikan tanpa

memberikan parameter. Contoh :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 31

Page 33: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

function nama_saya (){

echo “Indra Saputra”;

}

3. Fungsi dengan parameter

Saat kita mendeklarasikan sebuah fungsi yang memiliki parameter, maka parameter

tersebut menjadi sebuah inputan yang akan diproses dalam fungsi tersebut. contoh:

Function tambah ($x, $y){

$z = $x +$ y;

echo $z;

}

KEGIATAN PRAKTIKUM

Program Tampil Ganjil

Salin coding di bawah ini:

<?php function tampil_ganjil(){

for ($i =1; $i<=10; $i++){

if ($i % 2 == 1){

echo "$i ";

} }

}

//pemanggil fungsi echo "Bilanggan ganjil dari 1-10

:<br/>"; tampil_ganjil();

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama function1.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Tampil Ganjil

Salin coding di bawah ini:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 32

Page 34: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<?php

function volume($luas,$tinggi){

$volume = $luas * $tinggi; echo "Volume ialah : $volume cm";

}

function luas_persegi($p, $l, $t){

$luas = $p * $l; echo "Luas Persegi ialah : $luas

cm<br/>"; volume($luas, $t); }

$panjang = 20; $lebar = 10;

$tinggi = 5;

echo "Panjang Persegi : $panjang cm<br />";

echo "Lebar Persegi : $lebar cm<br/>"; echo "Tinggi Persegi : $tinggi cm<br/><br/>";

luas_persegi($panjang, $lebar, $tinggi);

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama function2.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

TUGAS

3. Tugas praktikum1

4. Tugas praktikum2

5. Tugas praktikum3

6. dst

Program Studi Teknik Informatika Universitas Pembangunan Jaya 33

Page 35: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL VII

OPERASI STRING DAN TANGGAL (Pertemuan 9)

Tujuan :

1. Mahasiswa dapat mengetahui dan memahami operasi-operasi string dan tanggal yang ada

dalam pemrograman PHP dan dapat mengaplikasikannya dalam pembuatan web.

2. Mahasiswa dapat memahami penggunaan fungsi-fungsi string dalam PHP dan mampu

mengaplikasikannya dalam pembuatan web.

3. Mahasiswa dapat memahami penggunaan fungsi-fungsi tanggal dalam PHP dan mampu

mengaplikasikannya dalam pembuatan web.

Tugas Pendahuluan :

1. Apayang dimaksud dengan operasi string dan tanggal dalam PHP?

2. Bagaimana menggunakan operasi string dan tanggal dalam PHP?

DASAR TEORI

Dalam pemprograman PHP terdapat fungsi yang dapat membantu kita dalam memanipulasi sebuat

string atau tanggal. Adapun fungsi-fungsi tersebut akan dibahas sebagai berikut:

1. Fungsi-Fungsi String

Adapun beberapa fungsi string yang disediakan dalam pemprograman PHP, ialah : Strlen()

Berfungsi untuk menghitung jumlah karakter dari suatu data string. Contoh bentuknya

ialah:

Strlen($string)

$String adalah argument yang berisi data string yang akan diproses. Addcslashes()

Berfungsi untuk memberikan tanda slash (“\”) pada karakter tertentu. Contoh bentuknya

ialah:

Addcslashes($string, parameter)

Parameter adalah argument yang berisi parameter filter atau syarat. Addslasher()

Digunakan untuk memberikan tanda slash (“\”) pada petik tunggal („) atau petik ganda (“).

Adapun contoh bentuknya ialah :

Addslasher($string) Substr_count()

Program Studi Teknik Informatika Universitas Pembangunan Jaya 34

Page 36: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Fungsi dari Substr_count() ialah untuk menghitung jumlah karakter tertentu pada

suatu data string. Adapun contoh bentuknya ialah: Substr_count($string, parameter)

Trim()

Berfungsi untuk menghapus spasi di bagian kiri dan kanan teks. Adapun contoh bentuknya

ialah :

Trim($string) Ltrim()

Berfungsi untuk menghapus spasi di bagian kiri teks. Adapun contoh bentuknya ialah:

Ltrim($string)

Chop()

Berfungsi untuk menghapus spasi di bagian kanan teks dan menghasilkan karakter-karakter

whitespace, seperti “\n”, “\r”, “\t”, “\v”, “\0”. Adapun contoh penulisannya ialah:

Chop($string) Explode()

Berfungsi untuk memecah atau membagi data string. Adapun contoh penulisannya ialah:

Explode(pola, $string)

Pola adalah karakter yang dijadikan batas pembagi. Split()

Fungsi Split() sama dengan fungsi Explode() yaitu untuk memecah atau membagi data

string. Adapun contoh penulisannya ialah:

Split(pola, $string, parameter pembagi) Strtoupper()

Berfungsi untuk mengubah huruf kecil menjadi huruf kapital. Adapun bentuk penulisanya

ialah:

Strtoupper($string) Strtolower()

Berfungsi untuk mengubah huruf kapital menjadi huruf kecil. Adapun bentuk penulisannya

ialah:

Strtolower($string) Ucfirst()

berfungsi untuk mengubah karakter pertaman suatu kalimat menjadi huruf kapital. Adapun

bentuk penulisannya ialah:

Ucfirst($string) Ucwords()

berfungsi untuk mengubah karakter pertama dari setiap kata menjadi huruf kapital. Adapun

bentuk penulisannya ialah:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 35

Page 37: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Ucwords($string) Str_Repeat()

Berfungsi untuk melakukan pengulangan pencetakan data string dengan jumlah tertentu.

Adapun bentuk penulisannya ialah:

Str_Repeat(string, jumlah) stristr()

berfungsi untuk mencari bagian dari suatu string dengan string atau karakter lain. Adapun

bentuk penulisannya ialah:

stristr(string, parameter)

parameter adalah argument yang menunjukan data pembanding atau data yang dicari. stristr_replace()

berfungsi untuk mencari bagian dari suatu string dengan string atau karakter lain dan

menggantinya dengan string atau karakter yang baru. Adapun bentuk penulisannya ialah:

stristr_replace(parameter awal, parameter baru, string)

parameter awal adalah argument yang menunjukan data pembanding atau data yang dicari.

Parameter baru adalah argument yang menjadi pengganti dari data yang dicari.

adapun keterangan lebih lengkap mengenai fungsi-fungsi string dalam pemprograman PHP

dapat anda lihat pada http://ca.php.net/manual/en/ref.strings.php.

2. Fungsi-Fungsi Tanggal

Dalam pemprograman PHP kita dapat menggunakan fungsi-fungsi yang telah disediakan untuk

mempermudah kita dalam memanipulasi tanggal. Untuk memanggil tanggal kita akan

menggunakan fungsi date( ), Adapun bentuk penulisan fungsi tanggal dalam pemprograman PHP

ialah:

$tanggal = date(Parameter)

Parameter adalah simbol untuk menentukan format tanggal yang akan kita gunakan. Contoh:

$Tanggal = date(“d-m-y”);

Adapun parameter d adalah parameter yang menunjukkan hari, parameter m adalah parameter

yang menunjukkan bulan, sedangkan parameter y adalah parameter yang menunjukan tahun

sehingga hasil yang akan didapat seperti 30-08-13 (30 Agustus 2013).

Adapun parameter yang disediakan oleh PHP yang membantu kita dalam memanipulasi

tanggal, diantaranya :

Parameter

Keterangan

Nilai

d (kecil) Tanggal dalam sebualan yang berupa angka dua digit 01 s/d 31

D Singkatan 3 digit nama hari inggris dalam seminggu Mon(Senin) s/d

Program Studi Teknik Informatika Universitas Pembangunan Jaya 36

Page 38: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Sun(Minggu)

J Tanggal tanpa nol 1 s/d 31

l („L‟ kecil) Nama hari inggris lengkap dalam seminggu Sunday s/d Saturday

N Angka yang menunjukkan hari dalam seminggu 1 (Senin) s/d 7 (Minggu)

S Akhiran angka inggris untuk tanggal st, nd, rd atau th

w (kecil) Angka yang menunjukkan hari dalam seminggu 0(Minggu) s/d 6(Sabtu)

z(kecil) Urutan hari dalam setahun 0 s/d 365

W Urutan minggu dalam setahun 1 s/d 42 (dari minggu ke-1

sampai minggu ke-42)

F Nama bulan dengan bahasa inggris January s/d December

m (kecil) Angka yang menunjukkan bulan dalam setahun 01(Januari) s/d

12(Desember)

M Singkatan nama bulan dengan bahasa inggris Jan s/d Dec

n (kecil) Angka yang menunjukkan bulan dalam setahun 1(Januari) s/d

(tanpa nol)

12(Desember)

t (kecil) Angka yang menunjukan jumlah hari dalam sebulan 28 s/d 31

Y Angka yang menunjakan tahun lengkap Contoh : 2002 atau 2013

y (kecil) Angka yang menunjukkan dua digit terakhir dari Contoh : 02 (2002) atau 13

tahun (2013)

a (kecil) Batas waktu dalam jam inggris (huruf kecil) pm atau am

A Batas waktu dalam jam inggris (huruf kapital) PM atau AM

g (kecil) Jam dalam format 12 1 s/d 12

G Jam dalam format 24 0 s/d 23

h(kecil) Jam dalam format 12 (2 digit) 01 s/d 12

H Jam dalam format 24 (2 digit) 00 s/d 23

i (kecil) Menit (2 digit) 00 s/d 59

s (kecil) Detik (2 digit) 00 s/d 59

Program Studi Teknik Informatika Universitas Pembangunan Jaya 37

Page 39: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

KEGIATAN PRAKTIKUM

Program Menghitung String

Salin coding di bawah ini:

<?php $string = "Mari belajar pemprograman berbasis web

PHP"; echo "isi data \$string ialah : $string <br />";

$j_karkter = strlen($string); echo "<br /> hasil penghitungan jumlah karakter dengan

fungsi strlen() : ", $j_karkter; $j_char = substr_count($string,"a"); echo "<br /> hasil penghitungan jumlah huruf a dengan

fungsi substr_count() : ", $j_char;

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama string1.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Memotong String

Salin coding di bawah ini:

<?php $data1 = "Dewi Sekar Sari|Wanita|MTI|Denpasar|0819485348345"; echo "isi \$data1 : $data1"; echo "<br/> hasi potong dengan mengunakan fungsi explode() :"; $potong1 = explode("|",$data1); echo "<br/>Nama : $potong1[0]"; echo "<br/>Jenis Kelamin : $potong1[1]"; echo "<br/>Jurusan : $potong1[2]"; echo "<br/>Alamat : $potong1[3]"; echo "<br/>No. Telp : $potong1[4]";

echo "<br/><br/>"; $data2 = "selamat anda mendapatkan hadiah Mobil BMW"; echo "isi \$data2 : $data2"; echo "<br/> hasi potong dengan mengunakan fungsi split() :"; $potong2 = split(" ",$data2,3); for($i=0; $i<count($potong2); $i++){

echo"<br/>potong ke-",$i," : $potong2[$i]"; }

?>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 38

Page 40: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik coding di atas, maka simpan dengan nama string2.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Fungsi String

Salin coding di bawah ini:

<?php echo "Mengambil Tanggal sekarang sesuai denan komputer

dengan fungsi Date <br/>";

$format1 = date("d-m-y"); echo "<br/>Tanggal dengan formar (\"d-m-y\") :

$format1"; $format2 = date("d-F-Y"); echo "<br/>Tanggal dengan formar (\"d-F-Y\") :

$format2"; $format3 = date("l, d F Y");

echo "<br/>Tanggal dengan formar (\"l, d F Y\") : $format3 ";

echo "<br/><br/>"; echo "Mengambil Waktu sekarang sesuai denan komputer

dengan fungsi Date <br/>";

$format4 = date("G:i:s"); echo "<br/>Waktu dengan formar (\"G:i:s\") :

$format4"; $format5 = date("g:i:s A");

echo "<br/>Waktu dengan formar (\"g:i:s A\") : $format5"

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama tanggal.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 39

Page 41: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

TUGAS

7. Tugas praktikum1

8. Tugas praktikum2

9. Tugas praktikum3

10. dst

Program Studi Teknik Informatika Universitas Pembangunan Jaya 40

Page 42: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL VIII

FILE DAN DIRECTORI (Pertemuan 10)

Tujuan :

1. Mahasiswa dapat memahami dan mengaplikasikan pembuatan file dan direktori serta

mampu memanipulasi file dan direktori tersebut menggunakan bahasa pemrograman PHP.

2. Mahasiswa dapat membuat,menulis dan melakukan pembacaan file menggunakan bahasa

pemrograman PHP.

3. Mahasiswa dapat membuat dan melakukan penghapusan direktori menggunakan bahasa

pemrograman PHP.

4. Mahasiswa dapat melakukan manipulasi file (mengubah nama, mengcopy dan menghapus)

menggunakan bahasa pemrograman PHP.

5. Mahasiswa dapat memahami dan mengaplikasikan upload file ke dalam web menggunakan

bahasa pemrograman PHP.

Tugas Pendahuluan :

1. Apakah yang dimaksud dengan file dan direktori dalam pemprograman PHP?

2. Apa kegunaan dari file dan direktori dalam pemprograman PHP?

DASAR TEORI

Dalam pemprograman PHP, kita diberikan tools untuk memudahkan pekerjaan kita dengan

menggunakan file dan direktori dalam pembuatan aplikasi web.

1. Membuka, menulis dan membaca file

Untuk membuat dan membuka file dalam PHP kita dapat menggunakan fungsi Fopen(). Yang

mana bentuk penulisannya adalah:

Fopen (nama_file, mode_akses);

Dimana nama_file adalah nama yang dimiliki oleh sebuah file yang akan dibuka atau dibuat,

sedangkan mode akses adalah argument modus operasi yang akan dilakukan terhadap file tersebut,

untuk membuat file kita harus memilih mode akses yang dapat melakukan pembuatan file seperti

“w” atau “a”. Adapun daftar mode akses yang disediakan, antara lain:

Modus Operasi

“r” Membuka file untuk dibaca dan pointer akan dilekakkn di awal file.

“r+” Membuka file untuk dibaca dan diubah isinya, dan pointer akan diletakkan di

awal file.

“w” Membuka file untuk diubah dan pointer akan diletakkan di awal file. File akan

dibuat jika file belum ada.

Program Studi Teknik Informatika Universitas Pembangunan Jaya 41

Page 43: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

“w+” Membuka file untuk diubah dan dibaca lalu pointer akan diletakkan di awal

file. File akan dibuat jika file belum ada.

“a” Membuka file untuk diubah, dan pointer akan diletakkan di akhir file. File

akan dibuat jika file belum ada.

“a+” Membuka file untuk diubah dan dibaca, dan pointer akan diletakkan di akhir

file. File akan dibuat jika belum ada.

Setelah file dibuat dan dibaca kita dapat menulis atau menambah isi file denagn menggunakan

fungsi Fwrite() atau Fputs(). Adapun bentuk penulisannya ialah:

Fwrite(valiabel_awal, variabel_tambahan);

Fputs(valiabel_awal, variabel_tambahan);

Dimana variabel_awal adalah variabel yang berisi data hasil pembacaan dari sebuah file,

sedangkan variabel_tambahan ialah data string atau variabel yang mengandung data dan akan

ditambahkan ke dalam file.

Penting

Untuk menulis atau menambah isi file kita harus menggunakan mode_akses yang dapat

menulis ke dalam file pada saat proses membuka file tersebut, contoh menggunakan modus w

atau a.

Dan untuk membaca isi file yang telah dibuat, kita dapa menggunakan fungsi Fread(). Adapun

bentuk penulisannya ialah:

Fread(file, panjang);

Dimana file adalah variabel yang berisi hasil proses membuka file yang telah dibuat,

sedangkan panjang adalah angka yang menunjukkan panjang karakter yang dibaca.

2. Membuat dan menghapus directori

Dalam membuat sebuah direktori, kita dapat menggunakan fungsi mkdir() untuk membuat

sebuah direktori. Adapun bentuk penulisannya ialah:

Mkdir(variabel_nama);

Dimana variabel_nama ialah sebuah variabel yang berisi nama atau string nama yang akan

digunakan sebagai nama dari direktori yang akan dibuat.

Setelah berhasil membuat sebuah direktori, direktori tersebut dapat dihapus dengan menggunakan

fungsi rmdir(). Adapun bentuk penulisannya ialah:

Rmdir(variabel_nama);

3. Memanipulasi file

Program Studi Teknik Informatika Universitas Pembangunan Jaya 42

Page 44: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Dalam pemprograman PHP terdapat beberapa fungsi yang berguna untuk menampilkan informasi

dan memanipulasi sebuah file. Adapun beberapa fungsi untuk menampilkan informasi tersebuat

ialah:

File_exists($file)

Berfungsi untuk memeriksa apakah file ada atau tidak Is_file($file)

Berfungsi apakah $file tersebut adalah file atau tidak Is_dir($file) berfungsi untuk memeriksa $file adalah direktori atau tidak

Is_executable($file) berfungsi untuk memeriksa apakah $file ialah termasuk file yang dapat dijalankan atau tidak.

Is_writable($file) berfungsi untuk memeriksa apakah $file ialah file yang bisa ditulis atau diedit

Is_readable($file) berfungsi untuk memeriksa apakah $file ialah file yang bisa dibaca atau tidak.

Fileatime($file) berfungsi untuk menampilkan waktu akses terakhir file (unix timestamp).

Filectime($file) berfungsi untuk menampilkan waktu pembuatan file (unix timestamp).

Filemtime($file) berfungsi untuk menampilkan waktu modifikasi terakhir file (unix timestamp).

Filesize($file) berfungsi untuk menampilkan ukuran file (dalam byte).

filetype($file) berfungsi untuk menampilkan jenis file.

copy

berfungsi untuk merubah isi sebuah file, fungsi ini juga dapat digunakan untuk proses

upload file. Adapun bentuk penulisannya ialah:

copy($file_lama, $file_baru) rename

berfungsi untuk mengganti nama sebuah file. Adapun bentuk penulisannya ialah:

rename($file_lama, $file_baru)

unlink

berfungsi untuk menghapus file. Adapun bentuk penulisannya ialah:

unlink($file)

4. Mengupload file

Pada pemprograman berbasis website seperti PHP fasilitas upload file sangat lumrah dibutuhkan,

file-file yang disimpan dalam server dari proses upload dapat membantu dalam sebuah website.

Adapun fungsi-fungsi yang dapat digunakan untuk mengupload file ialah:

Is_uploaded_file()

Program Studi Teknik Informatika Universitas Pembangunan Jaya 43

Page 45: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Berfungsi untuk untuk konfirmasi ada atau tidaknya proses terjadinya upload file. Contoh

penulisan:

Is_uploaded_file($_FILES [„file‟][„tmp_name‟]);

move_uploaded_file()

Dimana fungsi dari fungsi ini ialah untuk melakukan pengcopy-an pada path distionasion

ke bagian server. Contoh:

$dirktori = „upload/‟;

$uploadfile = $dirktori . $_FILES[„file‟][„tmp_name‟];

move_uploaded_file($_FILES [„file‟][„tmp_name‟], $uploadfile);

pada sintak di atas fungsi move_uploaded_file ialah memindahkan file ke dalam direktori

atau folder yang sudah ditentukan contoh folder upload yang telah disediakan.

Adapun variabel gloabal $_files upload yang dapatdigunakan antara lain:

Variabel

Keterangan

$_ FILES[„$file_nama‟][„name‟] Menampilkan nama file

$_ FILES[„$file_nama‟][„type‟] Menampilkan tipe file

$_ FILES[„$file_nama‟][„size‟] Menampilkan ukuran file dalam byte

$_ FILES[„$file_nama‟][„tmp_name‟] Menampilkan nama temporary file

$_ FILES[„$file_nama‟][„error‟] Menampilkan kode error pada upload

* $file_name adalah nama variabel yang bererisi file yang diupload.

KEGIATAN PRAKTIKUM

Program membuaka dan membaca file

Salin coding di bawah ini:

<?php

$data = "dataku.txt"; $akses = fopen($data,"r");

if (!$akses){ echo "<br/>file tidak dapat dibuka atau belum

ada"; }else{

echo "file berhasil dibuka <br/>";

$baca = fread($akses,400) ; echo "<br/> Isi File $data ialah : ";

echo "<br/> $baca";

} fclose($akses);

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama file1.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 44

Page 46: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Program Menambah Isi File

Salin coding di bawah ini:

<?php $data = "dataku.txt";

$akses = fopen($data,"a+");

$tambah = "<br/>Belajar PHP";

$proses = fputs($akses,$tambah); if (!$proses){

echo "gagal";

}else{

echo "Data berhasi di tambah <br/>";

echo "Isi data menjadi :<br/>"; $akses = fopen($data,"r");

$baca = fread($akses,4000);

echo "<br/> $baca";

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama file2.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 45

Page 47: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Program Membuat Direktori

Salin coding di bawah ini:

<?php

$nama = "folderku";

$buat = mkdir($nama);

if (!$buat){

echo "Direktori gagal dibuat"; }else{

echo "Direktori Berhasil dibuat";

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama dir1.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Menghapus Direktori

Salin coding di bawah ini:

<?php

$nama = "folderku";

$hapus = rmdir($nama);

if (!$hapus){

echo "Direktori gagal dihapus";

}else{

echo "Direktori Berhasil dihapus"; }

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama dir2.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Memanipulasi File

Salin coding di bawah ini:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 46

Page 48: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<?php

$nama = "dataku.txt";

$nama_baru = "datakami.txt"; if (is_file($nama)){

echo "Terdapat file bernama $nama";

if (is_readable($nama)){

echo "<br/>$nama dapat dibaca<br/>";

}

echo "<br/>$nama bertype : ",filetype($nama);

echo ", dan berukuran : ",filesize($nama)," byte<br/>";

}

if (file_exists($nama)){

$ganti = rename($nama, $nama_baru); // rename

file if (!$ganti){ echo "<br/>Nama file $nama gagal

diganti"; }else{

echo "<br/>Nama file $nama Berhasil diganti dengan $nama_baru";

}

}

if (file_exists($nama_baru)){

$hapus = unlink($nama_baru); // hapus

file if (!$hapus){ echo "<br/>$nama_baru GAGAL

dihapus"; }else{ echo "<br/>$nama_baru BERHASIL dihapus";

}

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama file3.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Upload File

Salin coding di bawah ini:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 47

Page 49: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<html>

<head>

<title>Form Upload File</title> </head>

<body>

<FORM ENCTYPE="multipart/form-data" METHOD="POST"

ACTION="Proses_upload.php"> <p>Pilih File : <input type="file" name="file"></p>

<input type="submit" name="Button" value="Upload"> </FORM>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_upload.php dan buka

file baru dan salin coding di bawah ini :

<?php

$dir_upload = "files/";

$uploadfile = $dir_upload . $_FILES['file']['name'];

if (is_uploaded_file($_FILES['file']['tmp_name'])) {

$kirim = move_uploaded_file

($_FILES['file']['tmp_name'], $uploadfile); if ($kirim) {

echo "File berhasil diupload ke server pada

folder <b>$uploadfile</b>"; } else {

echo "File gagal diupload";

echo "error : ", $_FILES['file']['error'];

}

}

?>

Simpan file baru tersebut dengan nama Proses_checkbox.php dan letakkan di folder yang sama

dengan form_upload.php. Lalu jalankan form_upload.php di browser, Maka pada browser akan

muncul hasil sebagai berikut:

Untuk mencari file yang akan diupload kita harus menekan tombol browse... , setelah menekan

tombol browse… maka akan muncul jendela windows untuk memilih file yang akan diupload.

Program Studi Teknik Informatika Universitas Pembangunan Jaya 48

Page 50: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah memilih file, tekan tompol proses. Maka akan muncul hasil seperti berikut :

TUGAS

11. Tugas praktikum1

12. Tugas praktikum2

13. Tugas praktikum3

14. dst

Program Studi Teknik Informatika Universitas Pembangunan Jaya 49

Page 51: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL IX

SESSION DAN COOKIES (Pertemuan 11)

Tujuan :

1. Mahasiswa dapat memahami dan mengaplikasi penggunaan session dan cookies dalam

pembuatan web menggunakan bahasa pemrograman PHP.

2. Mahasiswa dapat memahami dan mengaplikasikan pembuatan, penggunaan dan

penghapusan session dalam pemrograman PHP.

3. Mahasiswa dapat memahami dan mengaplikasikan pembuatan, penggunaan dan

penghapusan cookies dalam pemrograman PHP.

Tugas Pendahuluan :

1. Apa yang dimaksud dengan session dan cookies dalam PHP?

2. Apa fungsi dari session dan cookies!

3. Apa perbedaan session dan cookies?

DASAR TEORI

1. Session

Session adalah sebuah tools dalam pemprograman web yang memungkinkan server

menyimpan data informasi user secara semi-permanen, dimana selama masa tertentu informasi

tersebut akan disimpan di server. Biasanya session digunakan dalam proses login sebuah website,

misal saat kita ingin melihat suatu halaman pada suatu website yang mengharuskan kita untuk

login sebagai user terlebih dahulu, dalam proses login akan terjadi pembuatan sebuah session yang

akan dipakai user pada setiap pembuakaan halaman pada website tersebut. Pada saat pebukaan

suatu halaman di website tersebut maka session tersebut akan diperiksa, apabila session benar

maka halaman yang ingin dibuka tersebut akan tampin dan apabila session salah atau tidak terbaca

maka website akan menampilakan kembali halaman login dan meminta user untuk melakukan

login kembali.

Dengan session, sebuah halaman pada suatu website dapat dibuka oleh lebih dari satu user

yang berbedan karena setiap user memiliki session yang berbeda.

Fungsi

Keterangan

Session_start() Untuk memulai/membuat session.

Session_destroy() Untuk mengakhiri/menghapus session.

Session_id() Untuk mengambil atau menentukan identitas sebuah session (session id).

Program Studi Teknik Informatika Universitas Pembangunan Jaya 50

Page 52: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

2. Cookies

Hampir sama dengan session, cookies adalah data yang berisi tentang informasi user yang

dikirim oleh server ke clien dan disimpan di remout browser client sehingga memudahkan

penelusuran identitas user. Adapun fungsi yang digunakan untuk membuat cookiest ialah

setcookie(), dan penulisannya ialah:

Setcookie(“Nama”,”Isi”,”Usia”);

Dimana Nama adalah nama dari cookies tersebut sedangkan isi adalah data yang akan

dimasukan kedalam cookies tersebut dan usia adalah berapa lamakah cookies tersebuat akan aktif.

Untuk usia cookies dibaca dalam detik, misal apabila kita memasukan nilai 10 maka cookies akan

aktif selama 10 detik dan akan terhapus apabila telah telah mencapai waktu tersebut. Dan untuk

menghapus cookies, kita hanya perlu untuk menset cokies tersebut denga isi dan usia yang kosong.

KEGIATAN PRAKTIKUM

Program Login Session

Salin coding di bawah ini:

<?php

<?php session_start();

if(isset($_POST['LogIn'])){ if(($_POST['nama']=="") && ($_POST['pass']==""))

{ echo "User Name dan Password masih kosong";

session_destroy(); }else{

// user = “Anymous” & password = “paskey”

if(($_POST['nama']=="Anymous") and ($_POST['pass']=="paskey")){

$_SESSION['login']=1;

$_SESSION['username']=$_POST['nama']; } if ((isset($_SESSION['login'])) and

($_SESSION['login']==1)){ header("location:

proses_session.php");

exit(); }

}

} ?>

<html>

<head>

<title>Session</title>

</head> <body>

<form name="session" method="POST"

action=""> <p>Form Login</p> <p>User Name <input type="text" name="nama"/></p>

<p>Password_ <input type="password" name="pass" /></p>

<input type="submit" name="LogIn" value="Login" />

</form>

</body>

</html>

?>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 51

Page 53: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_radio.php dan buka file

baru dan salin coding di bawah ini :

<?php

session_start();

if ( (isset($_GET['aksi'])) and ($_GET['aksi']=="logout") ){ session_destroy();

header("refresh;3;form_session.php");

}

if(isset($_SESSION['login'])){

$nama = $_SESSION['username'];

?>

<body>

Selamat Datang <?php echo"$nama"; ?>

|<a href="?aksi=logout">Logout</a> </body

<?PHP

}else{

header("location:form_session.php");

}

?>

Simpan file baru tersebut dengan nama Proses_radio.php dan letakkan di folder yang sama

dengan form_radio.php. Lalu jalankan form_radio.php di browser, Maka pada browser akan

muncul hasil sebagai berikut:

Setelah itu masukan “Anymous” pada user name dan “paskey” pada password, kemudian akan

muncul :

Setelah berhasil, apabila kita menekan “Logout” maka kita akan diarahkan kembali ke tampilan

form login.

Program Studi Teknik Informatika Universitas Pembangunan Jaya 52

Page 54: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Program Cookies

Salin coding di bawah ini:

<?PHP

$expire = time()+10;

setcookie('netter',1,$expire);

?>

<html> <head>

<title>Cookies</title>

</head>

<body> <?PHP

if(isset($_COOKIE['netter'])){

echo "Selamat Datang Kembali";

}else{ echo "Selamat Datang, Ini Kunjungan Anda

Pertama Kalinya";

} ?>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama program.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Apabila kita merefresh browser kembali sebelum 10 detik maka akan muncul :

TUGAS

3. Tugas praktikum1

4. Tugas praktikum2

5. Tugas praktikum3

6. dst

Program Studi Teknik Informatika Universitas Pembangunan Jaya 53

Page 55: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL X

PEMROGRAMAN BERORIENTASI OBJEK DI PHP (Pertemuan 12)

Tujuan :

1. Mahasiswa dapat memahami pemrograman berorientasi objek dalam pemrograman PHP

dan dapat mengaplikasikannya dalam pembuatan web.

2. Mahasiswa dapat memahami object dan class dan dapat mengaplikasikannya dalam

pembuatan web menggunakan bahasa pemrograman PHP

3. Mahasiswa dapat memahami properti dan method yang ada di pemprograman PHP

berorientasi objek dan dapat mengaplikasikannya dalam pembuatan web.

Tugas Pendahuluan :

1. Apa yang dimaksud dengan pemprograman berorientasi objek (OOP) dalam PHP?

2. Apa yang dimaksud dengan objec, class, property dan method dalam OOP?

DASAR TEORI

Pemprograman berorientasi objek atau object-oriented progreming (OOP) adalah

pemprograman yang didasarkan pada objek dunia nyata. Objek-objek dalam OOP memiliki proses

yang berbeda-beda. Adapun konsep dasar OOP ialah:

Encapsulation (pengkapsulan) adalah penyatuan antara proses-proses yang terjadi dan

sejumlah data yang dikelola kedalam suatu bentuk kelompok tertentu.

Inheritance (pewaris) adalah merupakan konsep dimana suatu objek memiliki sejumlah

perilaku yang dimiliki oleh objek lain dalam suatu hirarki tertentu.

Polymorphism adalah konsep dimana beberapa objek dapat memiliki metode yang sama

dengan aksi yang berbeda.

1. Object dan Class

Object biasanya adalah suatu benda yang dikenai pekerjaan bisa berupa orang, rumah, benda

dan lain sebagainya. Object juga bisa berupa benda abstrak seperti accont bank, file, data atau

variabel yang dapat diproses. Contoh:

$andi = new nama_class();

Sedangkan class adalah penjelasan atau deskripsi dari object, andaikan bila objec adalah

sebuah variabel maka class adalah sebuah tipedata. Di dalam class, terdapat penjelasan tentang

suatu object termasuk properties yang dimiliki serta kelakuan atau method yang bisa dilakukan

oleh object. Dalam pemprograman PHP class didescripsikan sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 54

Page 56: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Class nama_class

{

//Sintak deklarasi dan definisi properties dan method

}

2. Properti dan Method

Setiap objec memiliki properties yang kadang disebut juga dengan attribut. Contoh sebuah

mobil memiliki warna, merk, jenis dan sebagainya. Property di letakkan di dalam class, dimana

poperties dinyatakan dengan sebuah variabel dan diawali dengan visibility keyword (seperti

“public”, “protected”, “private”) atau kata “var”, misal $warna, $merk, $jenis dan sebagainya.

Contoh:

Class Mobil{

Var $warna;

Var $merk;

Var $jenis;

}

Sedangkan method merupakan suatu kemampuan yang dimikiki sebuah objek untuk

melaksanakan tugas, contoh sebuah mobil dapa bergerak maju, bergerak mundur, mengisi bensin

dan sebagainya. Contoh:

Class Mobil{ Var $bensin;

function maju(){

$this->bensin = $this->bensin - 2; // menseting properti

} function mundur(){

$this->bensin = $this->bensin - 1; // menseting properti

} function isibensin($tambah){

$this->bensin = $this->bensin + $tambah;

}

function sisabensin(){

return $this->bensin; }

}

Untuk memanggil method dari sebuah kelas, kita hanya perlu menggunakan tanda ->. Contoh :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 55

Page 57: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

$mobil1 = new Mobil

$mobil1->isibensin(6); // memanggil method isibensin()

$mobil1->maju(); // memanggil method maju()

$mobil1->mundur(); // memanggil method mundur()

Dengan adanya pemprograman berorientasi objec atau OOP dalam PHP, kita dapat lebih

mudah berbagi teknik progreming. Kita dapat membuat suatu class dan progremer lain dapat

dengan mudah menggunakannya tanpa perlu mengetahui proses jalannya class tersebu.

KEGIATAN PRAKTIKUM

Program Class Mobil

Salin coding di bawah ini:

<?php

class Mobil{

var $bensin;

function maju(){

//aksi maju menghabiskan 2 liter

$this->bensin = $this->bensin - 2;

}

function mundur(){

//aksi mundur menghabiskan 1 liter

$this->bensin = $this->bensin - 1;

}

function isibensin($tambah){

$this->bensin = $this->bensin + $tambah;

}

function sisabensin(){

return $this->bensin;

}

}

$mobil1 = new Mobil();

$mobil1->isibensin(6); echo "Mobil melakukan isi bensin. Sisa bensin :

",$mobil1->sisabensin()," Liter<br/>";

$mobil1->maju(); echo "Mobil melakukan aksi Maju. Sisa Bensin :

",$mobil1->sisabensin()," Liter<br/>"; $mobil1->mundur(); echo "Mobil melakukan aksi Mundur. Sisa Bensin :

",$mobil1->sisabensin()," Liter<br/>"; $mobil1->isibensin(6); echo "Mobil melakukan isi bensin. Sisa bensin :

",$mobil1->sisabensin()," Liter<br/>";

?>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 56

Page 58: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik coding di atas, maka simpan dengan nama class_mobil.php dan jalankan

di browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Class Biodata

Salin coding di bawah ini:

<?php class Biodata{

var $nama;

function setnama($namamhs){

$this->nama = $namamhs;

}

function getnama(){

echo "Nama : ", $this->nama;

}

function setnim($nimmhs){ $this->nim = $nimmhs;

}

function getnim(){

echo "NIM : ", $this->nim;

} function setalamat($alamatmhs){

$this->alamat = $alamatmhs;

}

function getalamat(){

echo "Alamat : ",$this->alamat; }

function settgllahir($tgllahirmhs){

$this->tgllahir = $tgllahirmhs;

}

function gettgllahir(){ echo "Tanggal Lahir : ", $this->tgllahir;

}

}

$mhs1 = new Biodata();

$mhs1->setnama("Dwi Putri Rahayu"); echo $mhs1->getnama()."</br>";

$mhs1->setnim("10101259"); echo $mhs1->getnim()."</br>";

$mhs1->setalamat("Jl.Raya Pemogan");

echo $mhs1->getalamat()."</br>";

$mhs1->settgllahir("21 Januari 1992");

echo $mhs1->gettgllahir()."</br>";

?>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 57

Page 59: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik coding di atas, maka simpan dengan nama class_biodata.php dan

jalankan di browser. Maka pada browser akan muncul hasil sebagai berikut:

TUGAS

1. Tugas praktikum1

2. Tugas praktikum2

3. Tugas praktikum3

4. dst

Program Studi Teknik Informatika Universitas Pembangunan Jaya 58

Page 60: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL XI

Database dalam PHP (Pertemuan 13 dan 14)

Tujuan :

1. Mahasiswa dapat memahami dan mengaplikasi pembuatan web yang menggunakan

database MySQL.

2. Mahasiswa dapat memahami dan melakukan koneksi database MySQL dengan web

menggunakan bahasa pemrograman PHP

3. Mahasiswa dapat menampilkan record data menggunakan bahasa pemrograman PHP

4. Mahasiswa dapat menambah, mengubah dan menghapus record data dalam database

menggunakan bahasa pemrograman PHP.

Tugas Pendahuluan :

1. Apa database MySQL?

2. Bagaimana mengkoneksikan database MySQL dengan PHP?

DASAR TEORI

Penyimpanan data yang fleksibel dan mudah diakses sangatlah dibutuhkan dalam website yang

interaktif dan dinamis. Jenis database yang sangat popular dan digunakan pada banyak website di

internet sebagai bank data adalah MySQL. Dalam PHP terdapat beberapa fungsi-fungsi yang dapat

digunakan untuk berinteraksi dengan MySQL.

1. Koneksi PHP dan MySQL

Dalam php untuk melakukan koneksi ke database MySQL kita dapat menggunakan fungsi

Mysql_connect() agar database yang terdapat pada MySQL dapat diakses melalui PHP, adapun

bentuk penulisannya ialah:

Mysql_ connect(host, user, password);

Dimana host ialah sebagai lalamat letak database tersimpan sedangkan user adalah nama user

untuk mengakses database dan password adalah password yang digunakan untuk verifikasi

keamanan database. Biasanya kita juga dapat menggunakan koneksi default ke computer local

denga memasukkan “localhost” pada host, serta untuk user kita masukan “root” dan

mengkosongkan password, contoh:

Mysql_connect(“localhost”,”root”,””);

Mysql_query()

Inilah fungsi yang dapat membantu kita untuk memasukkan query perintah untuk

memberikan perintah ke database MySQL, seperti mebuat dan menghapus tabe,

menambah, mengupdat dan menghapus data pada tabe. Adapun bentu penulisannya ialah:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 59

Page 61: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Mysql_query(printah);

Dimana printah adalah string yang berisi query printah dalam databes MySQL.

2. Manambah, mengubah, dan menghapus data

Dalam PHP tidak memiliki fungsi khusus untuk menangani field-field beserta data-datanya

sehingga untuk memanipuasi field digunkan bentuk penulisa perintah dari MySQL itu sendiri

selaku database managemen sistem. pemberian sebuah perintah ke MySQL dapat dioperasikan

menggunakan fungsi mysql_query(). Adapun penulisannya ialah:

Mysql_query(printah);

Keterangan :

printah adalah string yang berisi query printah dalam database MySQL.

Sebelum memasuki materi memadipulasi data dalam field, terlebih dahulu kita harus

mengetahui bagai mana cara untuk menciptakan sebuah database, tabel dan field dengan

menggunakan fungsi mysql_query(). Adapun printah query yang digunakan untuk menciptakan

database dan tabel baru ialah:

Pembuatan database baru

Untuk membuat database baru, kita dapat menggunakan perintah query SQL sebagai

berikur:

CREATE DATABASE nama_db;

Dimana nama_db ialah nama yang akan diberikan pada database yang akan diciptakan.

Pembuatan tabel baru

Untuk membuat tabel baru , kita dapat menggunakan perintah query SQL sebagai berikut :

Create tabel nama_tabel(field1, field2, … );

Dimana nama_tabel ialah nama yang akan diberikan untuk tabel yang akan dibuat.

Sedangkan field1, field2, … ialah field-field yang akan dimiliki oleh tabel yang akan dibuah.

Contoh:

Create tabel mahasiswa(nim char(7), nama varchar(20), nilai int(),…);

Dari query di atas membuat perintah untuk membuah tabel bernama mahasiswa dengan

field nim bertipe data char dengan panjang 7 charakter, nama bertipe data varchar dengan

panjang 20 charakter, nilai bertipe data integer dan seterusnya.

Setelah membuat sebuah database dan tabel baru maka kita dapat memanipulasi isi tabel

tersebut dengan fungsi mysql_query() dan perintah query sebagai berikut:

Insert into

Program Studi Teknik Informatika Universitas Pembangunan Jaya 60

Page 62: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Insert into adalah Perintah query untuk menambah data pada tabel tertentu. Adapunt

bentuk penulisannya ialah:

INSERT INTO Nama_Tabel (field1, field2,….) VALUES (data1, data2, … );

Dimana Nama_Tabel ialah nama dari tabel yang akan diisi oleh data tersebut, sedangkan

field1, field2,… ialah nama field atau kolom dari tabel yang akan diisikan data baru, sedangkan

data1, data2,… ialah nilai atau data yang akan dimasukkan ke dalam field atau kolom . contoh:

INSERT INTO mahasiwa (nim, nama, nilai, … ) VALUES (“1112134”,

“Dewi”, 90, …);

Update

Update adalah printah query SQL untuk memodifikasi atau merubah data pada database.

Adapun bentuk penulisannya ialah:

UPDATE Nama_Tabel SET field1 = nilai_baru, field2 = nilai_baru, …

WHERE syarat;

Dimana Nama_Tabel ialah nama tabel dari data yang akan diupdate, sedangkan field1,

field2, … adalah nama field atau kolom dari data yang akan dirubah, sedangkan nilai_baru

ialah data yang akan menggantikan data yang akan diganti dan syarat ialah ketentuan yang

harus dipenuhi dalam mengubah data. Contoh :

UPDATE mahasiswa SET nama = 'Ayu‟, nilai = 95 … WHERE nim =

'1112134‟;

Delete from

Delete from adalah perintah query SQL untuk menghapus data pada database. Adapun

bentuk penulisannya ialah :

DELETE FROM Nama_Tabel WHERE syarat;

Dimana nama_tabel adalah nama tabel dari data yang akan dihapus, sedangkan syarat ialah

ketentuan data yang akan dihapus. Contoh:

DELETE FORM mahasiswa WHERE nim = „1112134‟;

3. Menampilkan data

Untuk menampilkan data dari database MySQL, kita dapat mengunakan fungsi query SELECT

untuk memilih apa saja data yang akan ditampilkan. Adapun bentuk penulisannya ialah:

SELECT field1, field2, … FORM nama_tabel WHERE syrat;

Dimana field1, field2, … adalah nama field atau kolom dalam tabel yang datanya akan

ditampilkan, sedangkan nama_tabel adalam nama tabel yang akan ditampilkan datanya, dan syarat

ialah ketentuan data yang akan ditampilkan. Contoh:

SELECT nama, nilai, … FROM mahasiswa WHERE nim = „1112134‟;

Program Studi Teknik Informatika Universitas Pembangunan Jaya 61

Page 63: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Selain menggunaan query SELECT, kita juga dapat menggunakan fungsi mysql_fetch_row()

atau mysql_fetch_array() yang berfungsi untuk mengambil data dari hasil query SELEC secara

baris per baris. Pengambilan pertama adalah baris data yang paling atas dan data yang diambil

berbentuk array. Adapun bentuk penulisannya ialah :

Mysql_fetch_row(variabel); dan

Mysql_fetch_array(variabel);

Dimana variabel adalah variabel yang berisi hasil pelaksanaan perintah query untuk

mengakses database.

KEGIATAN PRAKTIKUM

Program koneksi MySQL

Salin coding di bawah ini:

<?php //Koneksi Ke MySQL $cnn = mysql_connect('localhost','root','');

if(!$cnn){

echo "Koneksi Gagal";

}else{ echo "Koneksi Berhasil";

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama koneksi.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program koneksi MySQL

Salin coding di bawah ini:

<?php $cnn = mysql_connect('localhost','root',''); if(!$cnn){

echo "Koneksi Gagal"; }else{

echo "Koneksi Berhasil"; }

//membuaat Database db_kampus $sql ="CREATE DATABASE db_kampus";

$buatDB = mysql_query($sql);

62 Program Studi Teknik Informatika Universitas Pembangunan Jaya

Page 64: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

if($buatDB){ echo "<br/>db_kampus Berhasil

dibuat!"; }else{

echo "<br/>Gagal Membuat Batabase Baru"; }

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama buat_db.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Membuat Tabel

Salin coding di bawah ini:

<?php $cnn = mysql_connect('localhost','root','');

if(!$cnn){

echo "Koneksi Gagal <br/>"; }else{

echo "Koneksi Berhasil <br/>";

}

$dbs = mysql_select_db('db_kampus'); //

memilih mengakses db_kampus

$sql ="CREATE TABLE mahasiswa (

nim CHAR(10) NULL,

nama VARCHAR(25) Null, alamat VARCHAR(50) Null,

telp VARCHAR(15) Null, PRIMARY KEY (nim)

);";

$buatTB = mysql_query($sql);

if ($buatTB){

echo"Tabel mahasiswa BERHASIL dibuat

<br/>"; }else{ echo"Tabel mahasiswa GAGAL dibuat <br />";

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama buat_tb.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 63

Page 65: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Program Insert Data

Salin coding di bawah ini:

<?php $cnn = mysql_connect('localhost','root','');

if(!$cnn){

echo "Koneksi Gagal <br/>";

}else{

echo "Koneksi Berhasil <br/>";

}

$nim = "10101111";

$nama = "Dewi Ayu Ningsih";

$alamat = "Jl. Tukat Pakerisan No. 97";

$telp = "087655333333";

$dbs = mysql_select_db('db_kampus');// memilih mengakses db_kampus

$sql = "INSERT INTO mahasiswa (Nim,Nama,Alamat,Telp) VALUES

('".$nim."','".$nama."','".$alamat."','".$telp."');";

$input = mysql_query($sql);

if (!$input){

echo "Data GAGAL Disimpan <br/>";

}else{

echo "Data BERHASIL Disimpan <br/>";

echo "NIM : $nim <br/>"; echo "Nama : $nama <br/>";

echo "Alamat : $alamat <br/>";

echo "Telp : $telp <br/>";

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama insert.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 64

Page 66: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Program Update Data

Salin coding di bawah ini:

<?php $cnn = mysql_connect('localhost','root','');

if(!$cnn){

echo "Koneksi Gagal <br/>";

}else{

echo "Koneksi Berhasil <br/>";

}

$dbs = mysql_select_db('db_kampus');// memilih

mengakses db_kampus $sql = "UPDATE mahasiswa set nama='Fitri', telp =

'081657775987' where nim = '10101111';";

$update = mysql_query($sql);

if (!$update){

echo "Data GAGAL Dirubah <br/>";

}else{

echo "Data BERHASIL Dirubah <br/>";

} ?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama update.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Delete Data

Salin coding di bawah ini:

<?php $cnn = mysql_connect('localhost','root','');

if(!$cnn){

echo "Koneksi Gagal <br/>"; }else{

echo "Koneksi Berhasil <br/>";

}

$dbs = mysql_select_db('db_kampus');// memilih mengakses

db_kampus $sql = "DELETE FROM mahasiswa where nim = '10101111';";

$hapus = mysql_query($sql);

if (!$hapus){

echo "Data GAGAL Dihapus <br/>";

Program Studi Teknik Informatika Universitas Pembangunan Jaya 65

Page 67: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

}else{

echo "Data BERHASIL Dihapus <br/>";

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama delete.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Menampilkan Data

Salin coding di bawah ini:

<?php

$cnn = mysql_connect('localhost','root','');

if(!$cnn){ echo "Koneksi Gagal <br/>";

}else{

echo "Koneksi Berhasil <br/><br/>";

}

$dbs = mysql_select_db('db_kampus');// memilih

mengakses db_kampus

$sql = "SELECT nim, nama, alamat, telp FROM mahasiswa;";

$tampil = mysql_query($sql);

while ($data = mysql_fetch_array($tampil)){

echo "NIM : ". $data['nim']."<br/>"; echo

"Nama : ". $data['nama']."<br/>"; echo

"Alamat : ". $data['alamat']."<br/>";

echo "Telp : ". $data['telp']."<br/>";

echo "<br/>"; }

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama select.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 66

Page 68: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

TUGAS

1. Tugas praktikum1

2. Tugas praktikum2

3. Tugas praktikum3

4. dst

Program Studi Teknik Informatika Universitas Pembangunan Jaya 67

Page 69: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL XII

USER INTERFACE WEB (Pertemuan 15)

Tujuan :

1. Mahasiswa dapat membuat tampilan web.

2. Mahasiswa dapat membuat style untuk elemen HTML di web dan dapat menggunakan id

dan class pada CSS.

3. Mahasiswa dapat membuat layout dengan CSS

Tugas Pendahuluan :

1. Apa yang dimaksud dengan CSS?

2. Bagaimana Style dan Layout CSS itu?

DASAR TEORI

CSS (Cascading Style Sheet) merupakan aturan untuk mengendalikan bebaerapa komponen

dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS dapat mengndalikan ukuran

gambar, warna teks, warna tabel, ukuran border warna hyperlink, sepasi antar teks atau paragraph,

margin kiri, kanan, atas, bawah dan parameter lainnya. CSS adaah bahasa style sheet yang

digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk

menampilkan halaman yang sama dengan format yang berbeda-beda.

1. Style CSS

CSS memudahkan pembuatan website dalam dalam mendifinisikan element-element yang

yang ada pada dokumen HTML saat ditampikan. Style disimpan dalam file berektensi .css dengan

penerapan style secara external.

Pada syntax CSS terdapat dua bagian utama yaitu Selector dan Deklarasi dimana dalam

declaratory terdapa propertis-propertis dan propertis-propertis memiliki sebuah value (nilai).

Contoh:

H1 {color : red; font-size : 18px;}

Keterangan :

H1 disebut sebagai selector atau tag element HTML yang akan dipilih untuk format

Dalam kurung kurawal ({}) disebut dengan declaratory

color dan font-size disebut sebagai propertis dari element.

red dan 18px(pixel) sebagai value (nilai) dari propertis

Program Studi Teknik Informatika Universitas Pembangunan Jaya 68

Page 70: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

2. Layout CSS

Untuk mengatur layout CSS pada HTML, pertama-tama kita harus memanggil style CSS yang

telah kita buat dengan cara memasang link pada setiap halaman HTML dengan menggunakan tag

<link> yang diletakkan pada bagian head. Contoh:

<head> <title></title>

<link href="style.css" rel="stylesheet" type="text/css"

/> </head>

Dimana style.css adalah style CSS berextensi .css yang telah dibuat.

Setelah memasang link, kita dapat memanggil element-element yang ada pada style CSS dan

mengatur tampilan halaman HTML tersebut dengan cara ngguanakan tag <div id=””> pada bagian

body. Contoh:

<body> <div id="H1"> </div>

</body>

Dimana H1 adalah selector atau tag element yang terdapat pada style CSS yang telah dibuat

KEGIATAN PRAKTIKUM

Tampilan Layout Website

Salin syntax CSS di bawah ini:

#wrapper { width: 800px;

margin: auto;

}

#header {

float: left;

width: 100%;

height: 100px;

background-color: red;

padding: 10px; }

#menubar {

float: left;

width: 800px; height: 20px;

background-color: gray;

padding: 10px;

}

#body {

float: left;

width: 70%;

Program Studi Teknik Informatika Universitas Pembangunan Jaya 69

Page 71: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik syntax CSS di atas, maka simpan dengan nama style.php dan buka file

HTML baru dan tulis koding seperti dibawah ini :

<html>

<head>

<title>Tampilan Web</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper"> <div id="header">

<h1>Header</h1>

Biasanya terdapat LOGO, Nama website atau sebagainya.

</div>

<div id="menubar"> Menu1 Menu2 Menu3 Menu4 (menu yang terdapat pada website.)

</div>

<div id="body">

<h1>Body</h1>

Berisi tentang topik atau inti dari website. </div>

<div id="sidebar">

<h1>Sidebar</h1>

Berisi macam-macam konten dan sebagainya.

</div> <div id="footer">

<h1>footer</h1>

Berisi hak cipta, copy right, kontak website dan

sebagainya.

</div> </div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama tampil_web.php dan letakkan

pada folder yang sama dengan style.css, lalu jalankan tampil_web.php pada browser. Maka pada

browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 70

Page 72: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

TUGAS

1. Buatlah tampilan website yang anda sukai!

Program Studi Teknik Informatika Universitas Pembangunan Jaya 71

Page 73: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

MODUL XIII

Web Dinamis Sederhana

Tujuan :

1. Mahasiswa dapat membuat web dinamis sederhana.

2. Mahasiswa dapat mengaplikasikan pembuatan web menggunakan PHP, HTML dan

database MySQL.

Tugas Pendahuluan :

1. Menguasai dasar-dasar pemprograman PHP!

2. Menguasai Database MySQL!

3. Mengetahui dasar-dasar CSS!

KEGIATAN PRAKTIKUM

Rancang dan Membuat Database

Untuk membuat aplikasi perpustakaan sederhana, pertama-tama kita harus merancang dan

membuat database “perpus”. Struktur database dapat dibuat dengan spesifikasi sebagai berikut :

Tabel “buku” :

Nama Field

Tipe Data

Panjang

Keterangan

id_buku Int 5 Prmary Key, Auto Increment

Judul Varchar 50 Judul Buku

Pengarang Varchar 25 Pengarang Buku

Penerbit Varchar 25 Penerbit Buku

Tabel “admin” :

Nama Field Tipe Data Panjang Keterangan

id_admin Int 5 Prmary Key, Auto Increment

nama Varchar 50 Nama Admin

user Varchar 25 Username

pass Varchar 25 Passwor

Setelah membuat database dan tabel seperti di atas maka kita akan melanjutkan ke pembuatan

Saran!

Sebelum membuat coding sebaiknya isikan data ke dalam tabel yang telah dibuat agar mudah

untuk mencoba coding yang telah dibuat.

Program Studi Teknik Informatika Universitas Pembangunan Jaya 72

Page 74: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

coding/syntak web perpustakaan.

Membuat Koneksi ke database

Salin coding di bawah ini:

<?php

$cnn = mysql_connect('localhost','root',''); if (!$cnn){

echo "Koneksi Gagal"; }

$dbs=mysql_select_db('perpus');

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama koneksi.php .

Membuat Style CSS

Salin syntax CSS di bawah ini:

#wrapper { width: 800px; margin: auto;

}

#header { float: left;

width: 100%; height: 100px; background-color: greenyellow; padding: 10px;

}

#menubar { float: left; width: 800px; height: 20px;

background-color: gray; padding: 10px;

}

#body { float: left; width: 55%;

height: 300px; background-color: whitesmoke; padding: 10px;

}

#body2 { float: left; width: 97.5%; background-color: whitesmoke; padding: 20px;

}

Program Studi Teknik Informatika Universitas Pembangunan Jaya 73

Page 75: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

#sidebar {

float: left;

width: 40%; height: 300px;

background-color: orange;

padding: 10px;

}

#footer {

float: left;

width: 100%;

height: 100px;

background-color: yellow; padding: 10px;

}

Setelah selesai mengetik syntax CSS di atas, maka simpan dengan nama style.php.

Membuat Halaman Awal Web Perpustakaan

Program Studi Teknik Informatika Universitas Pembangunan Jaya 74

Page 76: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<html>

<head>

<title>Home</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku.

</div> <div id="menubar">

<table>

<tr>

<td><a href="index.php">Home</a></td>

<td> ||| </td> <td><a href="koleksi_buku.php">Koleksi

Buku</a></td>

<td> ||| </td>

<td><a href="admin.php">Admin</a></td>

<td> ||| </td> <td>

<?php

session_start();

if(isset($_SESSION['login'])){

?> <a href="logout.php">Logout</a>

<?php

}else{

?> <a href = 'login_form.php?page=1'> Login

</a></td>

<?php

}

?> Salin coding di bawah ini:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 75

Page 77: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

?>

</td>

<td>&nbsp;</td> </tr>

</table>

</div>

<div id="body">

<h1>SELAMAT DATANG!</h1> Selamat berkunjung di perpustakaanku.

</div>

<div id="sidebar">

<h1>Cari Buku!</h1>

<form id="cari" name="cari" method="POST" action= "cari.php">

<select name="point"> <option value="judul">Judul</option> <option value="pengarang">Pengarang</option>

<option value="penerbit">Penerbit</option> </select> <input type="text" name="cari_buku" value="" />

<input type="submit" name="Buton" value="Cari" />

</form>

</div>

<div id="footer">

<center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div>

</div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama index.php dan jalankan di

browser. Maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 76

Page 78: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Halaman Form Login

Salin coding di bawah ini:

<?php

$page = $_GET['page'];

session_start();

if(isset($_POST['Login'])){

include "koneksi.php";

$sql = "SELECT * FROM admin WHERE user

= '".$_POST['user']."';"; $banyak = mysql_query($sql);

$data = mysql_fetch_array($banyak);

$user = $data['user']; $pass = $data['pass'];

if (($_POST['user']==$user)and($_POST['pass']==$pass)){

$_SESSION['nama'] = $user;

$_SESSION['login'] = 1; }

if((isset($_SESSION['login'])) and

($_SESSION['login']==1)){ if ($page == 1){

header("location: index.php"); exit();

}else if ($page == 2){ header("location: koleksi_buku.php");

exit();

}else if ($page == 2){ header("location: admin.php");

exit();

}

}

}

?>

<html>

<head> <title>Login</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku. </div>

<div id="menubar">

<table>

<tr>

<td><a href="index.php">Home</a></td> <td> ||| </td>

<td><a href="koleksi_buku.php">Koleksi Buku

</a></td>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 77

Page 79: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<td> ||| </td>

<td><a href="admin.php">Admin</a></td>

<td> ||| </td> </tr>

</table>

</div>

<div id="body2">

<center> <h1>Konfirmasi Keamanan</h1> <form name="update" method="POST"

action=""> <table>

<tr>

<td>Username</td><td><input type="text"

name="user" value="" /></td>

</tr> <tr>

<td>Password</td><td><input type="text"

name="pass" value="" /></td> </tr>

<tr> <td></td><td><input type="submit"

name="Login" value="Login" /></td>

</tr> </table>

</form>

</center>

</div> <div id="footer">

<center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div>

</div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama login_form.php dan apabila

kita menekan login pada halaman awal, maka pada browser akan muncul hasil sebagai berikut:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 78

Page 80: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Proses Logout

Salin coding di bawah ini:

<?php

session_start();

session_destroy(); header("refresh:0;url=index.php");

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama logout.php dan kita dapat

melakukan proses login dan logout setelah membuat login_form.php dan logout.php.

Membuat Halaman Pencarian Buku

Salin coding di bawah ini:

<html> <head>

<title>Cari Buku</title> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrapper"> <div id="header">

<h1>PERPUSTAKAANKU</h1> Koleksi Buku-Buku Pribadiku.

</div> <div id="menubar">

<table> <tr>

<td><a href="index.php">Home</a></td>

<td> ||| </td> <td><a href="koleksi_buku.php">Koleksi Buku</a>

</td> <td> ||| </td> <td><a href="admin.php">Admin</a></td> <td> ||| </td> <td>&nbsp;</td>

</tr> </table>

</div>

<div id="body2"> <center> <h1>Hasil Pencarian</h1> <?php

$buku = $_POST['cari_buku']; $berdasarkan = $_POST['point'];

include "koneksi.php";

if ($berdasarkan == 'penerbit'){ $sql = "SELECT * FROM buku WHERE penerbit LIKE

'%$buku%';";

Program Studi Teknik Informatika Universitas Pembangunan Jaya 79

Page 81: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

}else if($berdasarkan == 'pengarang'){

$sql = "SELECT * FROM buku WHERE pengarang LIKE

'%$buku%';"; }else{

$sql = "SELECT * FROM buku WHERE judul LIKE

'%$buku%';";

}

$banyak = mysql_query($sql);

echo "<table border=1>";

echo "<tr>

<td width='80'><b>ID Buku</b></td> <td width='350'><b>Judul</b></td>

<td width='150'><b>Pengarang</b></td> <td width='150'><b>Penerbit</b></td>

</tr>";

while($row = mysql_fetch_array($banyak)){

echo "<tr> <td>".$row['id_buku']."</td>

<td>".$row['judul']."</td>

<td>".$row['pengarang']."</td> <td>".$row['penerbit']."</td>

</tr>";

}

?>

</table>

</center>

</div>

<div id="footer">

<center> <h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div>

</div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama cari.php dan apabila kita

melakukan proses pencarian pada halaman awal maka akan muncul tampilan sebagai berikut :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 80

Page 82: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Halaman Koleksi Buku

Salin coding di bawah ini:

<?php

session_start();

if (isset($_SESSION['login'])){ ?>

<html>

<head>

<title>Koleksi Buku</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku.

</div>

<div id="menubar"> <table>

<tr>

<td><a href="index.php">Home</a></td>

<td> ||| </td>

<td><a href="koleksi_buku.php">Koleksi Buku</a> </td>

<td> ||| </td>

<td><a href="admin.php">Admin</a></td>

<td> ||| </td>

<td> <?php

if(isset($_SESSION['login'])){

?>

<a href="logout.php">Logout</a>

<?php }else{

?>

<a href='login_form.php?page=1'>Login</a></td

> <?php

} ?>

</td>

<td>&nbsp;</td>

</tr>

</table> </div>

<div id="body2">

<center>

<h1>Koleksi Buku</h1>

<?php

include "koneksi.php";

$sql = "SELECT * FROM buku;";

$banyak = mysql_query($sql);

Program Studi Teknik Informatika Universitas Pembangunan Jaya 81

Page 83: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

echo "<table border=1>";

echo "<tr>

<td width='80'><b>ID Buku</b></td> <td width='350'><b>Judul</b></td>

<td width='150'><b>Pengarang</b></td>

<td width='150'><b>Penerbit</b></td>

<td width='120'><a href='form_tambah_buku.php'>Tambah

Koleksi</a></td> </tr>";

while($row = mysql_fetch_array($banyak)){

echo "<tr>

<td>".$row['id_buku']."</td> <td>".$row['judul']."</td>

<td>".$row['pengarang']."</td> <td>".$row['penerbit']."</td>

<td><a href='form_update_buku.php?id=".$row['id_buku']."'>Update</a>

| <a href='proses_delete_buku.php?id=".$row['id_buku']."'>Hapus</a></td

> </tr>";

}

?>

</table> </center>

</div>

<div id="footer"> <center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div> </div>

</body>

</html>

<?php

}else{ header('location: login_form.php?page=2');

}

?>

Setelah selesai mengetik coding di atas, maka simpan dengan nama koleksi_buku.php dan apabila

kita mengklik link koleksi buku pada halaman awal maka akan muncul tampilan sebagai berikut :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 82

Page 84: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Halaman Admin

Program Studi Teknik Informatika Universitas Pembangunan Jaya 83

Page 85: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<?php

session_start();

if (isset($_SESSION['login'])){

?>

<html>

<head>

<title>Personalia Admin</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header">

<h1>PERPUSTAKAANKU</h1> Koleksi Buku-Buku Pribadiku.

</div>

<div id="menubar"> <table>

<tr>

<td><a href="index.php">Home</a></td>

<td> ||| </td>

<td><a href="koleksi_buku.php">Koleksi Buku</a> </td>

<td> ||| </td>

<td><a href="admin.php">Admin</a></td>

<td> ||| </td>

<td> <?php

if(isset($_SESSION['login'])){

?>

<a href="logout.php">Logout</a>

<?php }else{

?>

Salin coding di bawah ini:

Program Studi Teknik Informatika Universitas Pembangunan Jaya 84

Page 86: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<a href='login_form.php?page=1'>Login</a>

</td>

<?php

}

?>

</td>

<td>&nbsp;</td> </tr>

</table>

</div>

<div id="body2">

<center> <h1>Informasi Personal Admin</h1>

<?php

include "koneksi.php";

$sql = "SELECT * FROM admin;";

$banyak = mysql_query($sql);

echo "<table border=1>";

echo "<tr>

<td width='80'><b>ID Admin</b></td>

<td width='250'><b>Nama</b></td>

<td width='150'><b>User</b></td>

<td width='150'><b>Password</b></td>

<td width='120'><a href= 'form_tambah_admin.php'>Tambah

Admin</a></td> </tr>";

while($row = mysql_fetch_array($banyak)){

echo "<tr> <td>".$row['id_admin']."</td>

<td>".$row['nama']."</td>

<td>".$row['user']."</td>

<td>".$row['pass']."</td>

<td><a href='form_update_admin.php?id=".$row['id_admin']."'>Update</a>

| <a href='proses_hapus_admin.php?id=".$row['id_admin']."'>Hapus</a></td

> </tr>";

} ?>

</table>

</center>

</div>

<div id="footer"> <center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div> </div>

</body>

</html>

<?php

}else{ header('location: login_form.php?page=3');

}

?>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 85

Page 87: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik coding di atas, maka simpan dengan nama admin.php dan apabila kita

mengklik link admin pada halaman awal maka akan muncul tampilan sebagai berikut :

Membuat Halaman Tambah Koleksi Buku

Salin coding di bawah ini:

<html> <head>

<title>Tambah Buku</title> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrapper"> <div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku. </div> <div id="menubar">

<table> <tr>

<td><a href="index.php">Home</a></td> <td> ||| </td> <td><a href="koleksi_buku.php">Koleksi Buku</a>

</td> <td> ||| </td>

<td><a href="admin.php">Admin</a></td> <td> ||| </td> <td>&nbsp;</td>

</tr> </table>

</div> <div id="body2">

<center>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 86

Page 88: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<h1>Tambah Koleksi Buku</h1>

<form name="input" method="POST"

action="proses_tambah_buku.php"> <table>

<tr><td>Judul Buku</td><td><input type="text"

name="judul" value="" /></td></tr>

<tr><td>Pengarang</td><td><input type="text"

name="pengarang" value="" /></td></tr> <tr><td>Penerbit</td><td><input type="text"

name="penerbit" value="" /></td></tr> <tr><td></td><td><input type="submit"

name="button" value="Tambah" /></td></tr>

</table> </form>

</center>

</div>

<div id="footer"> <center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div> </div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_tambah_buku.php dan

apabila kita melakukan tambah koleksi pada halaman koleksi buku maka akan muncul tampilan

sebagai berikut :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 87

Page 89: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Halaman Update Koleksi Buku

Salin coding di bawah ini:

<?php

$idx = $_GET['id'];

include "koneksi.php";

$sql = "SELECT * FROM buku WHERE id_buku =

$idx;"; $banyak = mysql_query($sql); $data = mysql_fetch_array($banyak);

?>

<html>

<head>

<title>Update Buku</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku.

</div> <div id="menubar">

<table> <tr>

<td><a href="index.php">Home</a></td>

<td> ||| </td> <td><a href="koleksi_buku.php">Koleksi

Buku</a></td>

<td> ||| </td>

<td><a href="admin.php">Admin</a></td>

<td> ||| </td> </tr>

</table>

</div>

<div id="body2">

<center> <h1>Update Koleksi Buku</h1>

<form name="update" method="POST" action="proses_update_buku.php">

<table>

<tr> <td>ID Buku</td><td><input type="text" name="id"

value="<?php echo $data['id_buku']?>" readonly=""

/></td> </tr>

<tr>

<td>Judul Buku</td><td><input type="text" name="judul" value="<?php echo $data['judul']?>"

/></td> </tr> <tr>

<td>Pengarang</td><td><input type="text"

name="pengarang" value="<?php echo $data['pengarang']?>" /></td> </tr>

<tr> <td>Penerbit</td><td><input type="text"

name="penerbit" value="<?php echo $data['penerbit']?>" /></td>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 88

Page 90: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

</tr>

<tr> <td></td><td><input type="submit"

name="button" value="Update" /></td>

</tr> </table>

</form>

</center>

</div>

<div id="footer">

<center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div>

</div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_update_buku.php dan

apabila kita melakukan update pada halaman koleksi buku, maka akan muncul tampilan sebagai

berikut :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 89

Page 91: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Halaman Tambah Personal Admin

Salin coding di bawah ini:

<html>

<head>

<title>Tambah Admin</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku. </div>

<div id="menubar">

<table>

<tr>

<td><a href="index.php">Home</a></td> <td> ||| </td>

<td><a href="koleksi_buku.php">Koleksi Buku</a>

</td>

<td> ||| </td>

<td><a href="admin.php">Admin</a></td> <td> ||| </td>

<td>&nbsp;</td> </tr>

</table>

</div> <div id="body2">

<center>

<h1>Tambah Personal Admin</h1>

<form name="input" method="POST"

action="proses_tambah_admin.php"> <table>

<tr><td>Nama Admin </td><td><input type="text"

name="nama" value="" /></td></tr>

<tr><td>Username </td><td><input type="text"

name="user" value="" /></td></tr> <tr><td>Password </td><td><input type="text"

name="pass" value="" /></td></tr> <tr><td></td><td><input type="submit"

name="button" value="Tambah" /></td></tr>

</table> </form>

</center>

</div>

<div id="footer"> <center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div> </div>

</body>

</html>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 90

Page 92: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_tambah_admin.php

dan apabila kita melakukan tambah admin pada halama admin maka akan muncul tampilan sebagai

berikut :

Membuat Halaman Update Personal Admin

Salin coding di bawah ini:

<?php $ida = $_GET['id'];

include "koneksi.php";

$sql = "SELECT * FROM admin WHERE id_admin = $ida;"; $banyak = mysql_query($sql); $data = mysql_fetch_array($banyak);

?> <html> <head>

<title>Update Admin</title> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrapper"> <div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku. </div> <div id="menubar">

<table> <tr>

<td><a href="index.php">Home</a></td> <td> ||| </td>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 91

Page 93: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<td><a href="koleksi_buku.php">Koleksi

Buku</a></td>

<td> ||| </td>

<td><a href="admin.php">Admin</a></td>

<td> ||| </td>

</tr> </table>

</div>

<div id="body2">

<center>

<h1>Update Personal Admin</h1> <form name="update" method="POST"

action="proses_update_admin.php">

<table>

<tr> <td>ID Admin</td><td><input type="text"

name="id_admin" value="<?php echo $data['id_admin']?>"

readonly="" /></td> </tr>

<tr>

<td>Nama Admin</td><td><input type="text" name="nama" value="<?php echo $data['nama']?>"

/></td> </tr> <tr>

<td>Username</td><td><input type="text" name="user" value="<?php echo $data['user']?>"

/></td> </tr>

<tr> <td>Password</td><td><input type="text"

name="pass" value="<?php echo $data['pass']?>"

/></td> </tr> <tr>

<td></td><td><input type="submit"

name="button" value="Update" /></td>

</tr>

</table>

</form>

</center>

</div>

<div id="footer"> <center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div> </div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama form_update_admin.php dan

apabila kita melakukan update admin pada halaman admin maka akan muncul tampilan sebagai

berikut :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 92

Page 94: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Proses Tambah Buku

Salin coding di bawah ini:

<html>

<head> <title>Konfigurasi Tambah Buku</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku. </div>

<div id="menubar">

<table>

<tr>

<td><a href="index.php">Home</a></td> <td> ||| </td>

<td><a href="koleksi_buku.php">Koleksi

Buku</a></td>

<td> ||| </td>

<td><a href="admin.php">Admin</a></td> <td> ||| </td>

</tr>

</table>

</div>

<div id="body2"> <center>

<h1>Konfirmasi Tambah Data Buku</h1> <?php

$judul = $_POST['judul'];

$pengarang = $_POST['pengarang']; $penerbit = $_POST['penerbit'];

Program Studi Teknik Informatika Universitas Pembangunan Jaya 93

Page 95: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

include "koneksi.php";

$sql = "INSERT INTO buku (judul, pengarang,

penerbit) VALUE ('".$judul."','".$pengarang."','".$penerbit."')"; $banyak = mysql_query($sql);

if (!$banyak){

echo "Data Buku Gagal Disimpan"; echo $judul;

echo $pengarang;

echo $penerbit;

}else{

echo "Data Buku Berhasil Disimpan"; }

?>

</center>

</div>

<div id="footer">

<center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div>

</div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama proses_tambah_buku.php

dan apabila kita menekan tombol tambah pada halaman tambah buku maka akan muncul tampilan

sebagai berikut :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 94

Page 96: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Proses Update Buku

Salin coding di bawah ini:

<html>

<head>

<title>Konfigurasi Update Buku</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header"> <h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku.

</div> <div id="menubar">

<table>

<tr>

<td><a href="index.php">Home</a></td>

<td> ||| </td> <td><a href="koleksi_buku.php">Koleksi Buku</a>

</td>

<td> ||| </td>

<td><a href="admin.php">Admin</a></td>

<td> ||| </td> </tr>

</table> </div>

<div id="body2">

<center> <h1>Konfirmasi Update Data Buku</h1>

<?php

$idb = $_POST['id'];

$judul = $_POST['judul'];

$pengarang = $_POST['pengarang']; $penerbit = $_POST['penerbit'];

include "koneksi.php";

$sql = "UPDATE buku SET judul = '$judul', pengarang=

'$pengarang', penerbit = '$penerbit' WHERE id_buku = '$idb';";

$banyak = mysql_query($sql); if (!$banyak){

echo "Data Buku Gagal Diupdate";

echo $idb; echo $judul;

echo $pengarang;

echo $penerbit;

}else{

echo "Data Buku Berhasil Diupdate"; }

?>

</center>

</div> <div id="footer">

<center>

<h1>Kontak</h1>

Hub. XXXX upj.ac.id

Program Studi Teknik Informatika Universitas Pembangunan Jaya 95

Page 97: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

</center>

</div>

</div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama proses_update_buku.php dan

apabila kita menekan tombol update pada halaman update koleksi buku maka akan muncul

tampilan sebagai berikut :

Membuat Proses Delete Buku

Salin coding di bawah ini:

<html>

<head> <title>Konfigurasi Delete Buku</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku.

</div>

<div id="menubar">

<table> <tr>

<td><a href="index.php">Home</a></td>

<td> ||| </td>

<td><a href="koleksi_buku.php">Koleksi Buku</a>

</td>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 96

Page 98: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

<td> ||| </td> <td><a href="admin.php">Admin</a></td>

<td> ||| </td>

</tr>

</table>

</div> <div id="body2">

<center>

<h1>Konfirmasi Delete Data Buku</h1>

<?php

$id = $_GET['id'];

include "koneksi.php";

$sql = "DELETE FROM buku WHERE id_buku

='$id';"; $banyak = mysql_query($sql); if

(!$banyak){

echo "Data Buku Gagal Dihapus"; }else{

echo "Data Buku Berhasil Dihapus";

} ?>

</center>

</div>

<div id="footer"> <center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div> </div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama proses_delete_buku.php dan

apabila kita melakukan delete pada halaman koleksi buku maka akan muncul tampilan sebagai

berikut :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 97

Page 99: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Proses Tambah Admin

Salin coding di bawah ini:

<html>

<head>

<title>Konfigurasi Tambah Admin</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header"> <h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku.

</div> <div id="menubar">

<table>

<tr>

<td><a href="index.php">Home</a></td>

<td> ||| </td> <td><a href="koleksi_buku.php">Koleksi Buku</a>

</td>

<td> ||| </td>

<td><a href="admin.php">Admin</a></td>

<td> ||| </td> </tr>

</table> </div>

<div id="body2">

<center> <h1>Konfirmasi Tambah Data Admin</h1>

<?php

$nama = $_POST['nama'];

$user = $_POST['user'];

$pass = $_POST['pass'];

include "koneksi.php";

$sql = "INSERT INTO admin (nama, user, pass)

VALUE ('".$nama."','".$user."','".$pass."')"; $banyak = mysql_query($sql);

if (!$banyak){

echo "Data Admin Gagal Disimpan";

echo $nama;

echo $user; echo $pass;

}else{

echo "Data Admin Berhasil Disimpan";

}

?>

</center>

</div>

<div id="footer"> <center>

<h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 98

Page 100: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

</div>

</div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama proses_tambah_admin.php

dan apabila kita menekan tombol tambah pada halaman tambah personal admin maka akan muncul

tampilan sebagai berikut :

Membuat Proses Update Admin

Salin coding di bawah ini:

<html>

<head>

<title>Konfigurasi Update Admin</title> <link href="style.css" rel="stylesheet" type="text/css"

/> </head>

<body>

<div id="wrapper">

<div id="header">

<h1>PERPUSTAKAANKU</h1>

Koleksi Buku-Buku Pribadiku.

</div>

<div id="menubar">

<table> <tr>

<td><a href="index.php">Home</a></td>

<td> ||| </td>

<td><a href="koleksi_buku.php">Koleksi Buku</a>

</td> <td> ||| </td>

<td><a href="admin.php">Admin</a></td>

<td> ||| </td>

</tr>

Program Studi Teknik Informatika Universitas Pembangunan Jaya 99

Page 101: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

</table>

</div>

<div id="body2"> <center>

<h1>Konfirmasi Update Data Admin</h1>

<?php

$id_admin = $_POST['id_admin'];

$nama = $_POST['nama']; $user = $_POST['user'];

$pass = $_POST['pass'];

include "koneksi.php";

$sql = "UPDATE admin SET nama = '$nama',

user= '$user', pass = '$pass' WHERE id_admin = '$id_admin';"; $banyak = mysql_query($sql);

if (!$banyak){

echo "Data Admin Gagal Diupdate"; echo $id_admin;

echo $nama;

echo $user;

echo $pass;

}else{ echo "Data Admin Berhasil Diupdate";

}

?>

</center>

</div>

<div id="footer">

<center> <h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div>

</div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama proses_update_admin.php

dan apabila kita menekan tombol update pada halaman update personal admin maka akan muncul

tampilan sebagai berikut :

Program Studi Teknik Informatika Universitas Pembangunan Jaya 100

Page 102: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

Membuat Proses Delete Admin

Salin coding di bawah ini:

<html> <head>

<title>Konfigurasi Delete Admin</title> <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrapper"> <div id="header">

<h1>PERPUSTAKAANKU</h1> Koleksi Buku-Buku Pribadiku.

</div> <div id="menubar">

<table> <tr>

<td><a href="index.php">Home</a></td> <td> ||| </td> <td><a href="koleksi_buku.php">Koleksi Buku</a>

</td> <td> ||| </td> <td><a href="admin.php">Admin</a></td> <td> ||| </td>

</tr> </table>

</div> <div id="body2">

<center> <h1>Konfirmasi Delete Data Admin</h1> <?php

$id = $_GET['id'];

include "koneksi.php";

$sql = "DELETE FROM admin WHERE id_admin ='$id';"; $banyak = mysql_query($sql); if (!$banyak){

echo "Data Admin Gagal Dihapus"; }else{

Program Studi Teknik Informatika Universitas Pembangunan Jaya 101

Page 103: Modul Perancangan dan Pemrograman Webocw.upj.ac.id/files/Textbook-INF307-Web-Modul.pdf · Modul Perancangan dan Pemrograman Web DAFTAR ISI KATA PENGANTAR ..... 1 MODUL I STRUKTUR

Modul Perancangan dan Pemrograman Web

echo "Data Admin Berhasil Dihapus";

}

?>

</center>

</div>

<div id="footer">

<center> <h1>Kontak</h1> Hub. XXXX upj.ac.id </center>

</div>

</div>

</body>

</html>

Setelah selesai mengetik coding di atas, maka simpan dengan nama proses_hapus_admin.php dan

apabila kita melakukan hapus pada halaman personal admin maka akan muncul tampilan sebagai

berikut :

TUGAS

1. Carilah tema untuk membuat sebuah website!

2. Buatlah web sederhana sesuai tema yang anda pilih dengan database MySQL, CSS dan

pemprograman PHP, yang minimal menggunakan dua tabel dalam database!

Program Studi Teknik Informatika Universitas Pembangunan Jaya 102