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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Modul Perancangan dan Pemrograman Web
TUGAS
1. Buatlah tampilan website yang anda sukai!
Program Studi Teknik Informatika Universitas Pembangunan Jaya 71
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
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
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
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
Modul Perancangan dan Pemrograman Web
?>
</td>
<td> </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
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
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
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> </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
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
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> </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
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
Modul Perancangan dan Pemrograman Web
Membuat Halaman Admin
Program Studi Teknik Informatika Universitas Pembangunan Jaya 83
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
Modul Perancangan dan Pemrograman Web
<a href='login_form.php?page=1'>Login</a>
</td>
<?php
}
?>
</td>
<td> </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
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> </td>
</tr> </table>
</div> <div id="body2">
<center>
Program Studi Teknik Informatika Universitas Pembangunan Jaya 86
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
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
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
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> </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
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
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
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
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
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
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
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
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
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
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
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
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
Top Related