Modul Pemrograman Web PHP

Modul
Pelatihan
Pemrograman WEB
Modul Pelatihan Pemrograman Web
DAFTAR ISI
DAFTAR ISI 2
Modul 1. Struktur HTML Dasar 7
A. Kompetensi dan Pokok Bahasan 7
B. Materi 7
C. Contoh Program 7
D. Tugas 9
Modul 2. Struktur HTML Dasar 2 10
B. Materi 10
C. Contoh Program 10
D. Tugas 11
Modul 3. Struktur HTML (Form dan Tabel) 12
B. Contoh Program 12
C. Tugas 14
Modul 4. Struktur HTML (Elemen HTML5) 15
B. Contoh Program (Browser Chrome) 15
C. Tugas 16
Modul 5. HTML dengan CSS 17
dailykurnia@gmail.com
B. Contoh Program (Browser Chrome/Safari) 17
Modul 6.PHP Variabel dan String 20
B. Materi 20
D. Latihan 23
Modul 7. Operator, Conditional dan Array 25
B. Materi 25
D. Latihan 29
Modul 8. Looping, Function dan Form 31
B. Materi 31
D. Latihan 34
Modul 9. Array Multidimensi, Date dan Include 35
B. Materi 35
D. Latihan 39
Modul 10. Upload (Unggah) File, Cookies dan Session 42
B. Materi 42
D. Latihan 47
Modul 11. Fungsi Filter PHP 48
B. Materi 48
D. Latihan 50
Modul 12. PHP dan Database MySQL (1) 52
B. Materi 52
D. Latihan 56
B. Materi 57
D. Latihan 60
B. Materi 61
D. Latihan 66
E. Tugas Rumah 66
Modul 15. PHP dan AJAX dengan JQuery 67
B. Materi 67
D. Latihan 71
E. Tugas Rumah 72
Modul 1. Struktur HTML Dasar
A. Kompetensi dan Pokok Bahasan

Kompetensi Umum:
Peserta diharapkan mampu membuat dan merancang Web
Sederhana dengan menggunakan Bahasa HTML
Kompetensi Khusus:
Peserta diharapkan mampu membuat struktur dasar
halaman WEB HTML
Pokok Bahasan: HTML Dasar
Sub Pokok Bahasan:Sintaks HTML Dasar
B. Materi
HTML merupakan bahasa dasar yang digunakan untuk
pemrograman WEB. Bahasa HTML dijalankan di sisi Client (Client
Side). Artinya ketika pengguna mengakses halaman suatu halaman di
alamat tertentu, maka pengguna akan mendapat respon berupa
halaman HTML.
Halaman HTML terdiri dari dua bagian, Head dan Body.
Kedua bagian tersebut dibungkus di dalam tag html (<html>). Bagian
head merupakan bagian teratas dari struktur html, dan bagian body
merupakan bagian konten sebuah web. Informasi yang didapatkan
oleh pengguna selalu berada di bagian Body.
C. Contoh Program
a. Sintak dasar HTML (Simpan: 00-SintakDasarHTML.html)
<html>
<head>
<title>Pertemuan 1 | Sintak Dasar HTML</title>
</head>
<body>

</body>
</html>
b. Sintak dasar HTML 5 (Simpan: 01-SintakDasarHTML5.html)

<!DOCTYPE html>
<html>
<head>
</head>
<body>

</body>
</html>
c. Heading dan Paragraf (Simpan: 02-SintakDasarHeadPar.html)

<!DOCTYPE html>
<head>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<p>Ini adalah bagian paragraf, Politeknik
Caltex Riau. Bengkel WEB TI</p>
</body>
</html>
d. Link dan Image (Simpan: 03-SintakDasarLinkImg.html)
<!DOCTYPE html>
<head>
</head>
<body>
<h3>Link Website Populer</h3>
<a href="http://facebook.com">Facebook</a> - <a
href="http://pekanbaru.go.id">Pemerintah Kota
Pekanbaru</a>
<h3>Menampilkan Gambar</h3>
<img src="Logo.png">
</body>
</html>
D. Tugas
1. Buatlah Halaman Web Sederhana yang menampilkan informasi
sederhana tentang diri anda! Gunakan semua elemen contoh (poin a, b,
c, dan d pada halaman tersebut). Simpan dengan nama file:
Tugas_1_DataDiri.html
Modul 2. Struktur HTML Dasar 2

Kompetensi Umum:
Peserta diharapkan mampu membuat dan merancangWeb
Kompetensi Khusus:
halaman WEB HTML
Sub Pokok Bahasan:Sintaks HTML Dasar
B. Materi
Pada bagian ini akan dipelajari tentang penggunaan sintak-
sintak dasar lanjutan dari HTML. Sintak tersebut terdiri dari,
manipulasi tampilan teks, menampilkan tulisan dalam bentuk daftar
(list/ order dan unorder), menggunakan blockquote, code, center, dan
sintak dasar lainnya
C. Contoh Program
a. Sintaks Dasar (Simpan: 04-SintakDasarHTMLLanjutan.html)
<!DOCTYPE html>
<head>
</head>
<body>

<h3>Manipulasi Teks</h3>
<i>Tulisan Miring</i><br>
<b>Tulisan Tebal</b><br>
<u>Tulisan Bergaris Bawah</u><br>
<strong>Tulisan Tebal</strong><br>
<em>Tulisan Miring</em>
<hr>
<h3>Daftar Order dan Unorder</h3>

<p>Daftar Nama Pemain Bola (Order List)</p>
<ol>
<li>Ronaldo</li>
<li>Zinadine Zidane</li>
<li>Evan Dimas</li>
<li>Badu Atai</li>
</ol>
<p>Daftar Nama Pemain Bola (Unorder List)</p>

<ul>
<li>Ronaldo</li>
<li>Zinadine Zidane</li>
<li>Evan Dimas</li>
<li>Badu Atai</li>
</ul>
<h3>Blockquote dan Code</h3>

<blockquote>Ini adalah tulisan yang dibuat dengan
blockquote!</blockquote>
<p>kalimat di atas ditulis dengan menggunakan

perintah
<code><blockquote></blockquote></code>
</p>
</body>
</html>
D. Tugas
1. Modifikasilah Halaman Web Sederhana yang menampilkan
informasi sederhana tentang diri anda yang dikerjakan pada
pertemuan sebelumnya! Gunakan semua elemen pada latihan ini.
Simpan dengan nama file: Tugas_2_DataDiri2.html
Modul 3. Struktur HTML (Form dan Tabel)

Kompetensi Umum:
Peserta diharapkan mampu membuat dan merancang Web
Kompetensi Khusus:
halaman WEB HTML
Sub Pokok Bahasan:Sintaks HTML Dasar form dan tabel
B. Contoh Program
Simpan: 05-SintaksDasarHTMLFormTable.html
<!DOCTYPE html>
<html>
<head>
<title>Pertemuan 3 | Table dan Form</title>
</head>
<body>
<fieldset>
<legend>Bagian Form</legend>
<form method="post" action="">
<strong>Nama</strong></br>
<input type="text" name="Nama" /></br>
<strong>Jenis Kelamin</strong></br>
<select>
<option value="L">Laki-laki</option>
<option value="P">Perempuan</option>
</select>
</br>
<strong>Status</strong></br>
<input type="radio" name="status" value="Belum

Menikah"> Belum Menikah
<input type="radio" name="status" value="Menikah">
Menikah</br>
<strong>Hobi</strong></br>
<input type="checkbox" name="hobi"
value="Membaca">Membaca<br>
<input type="checkbox" name="hobi" value="
Menabung ">Menabung<br>
<strong>Tentang Diri</strong></br>
<textarea rows="5">Saya adalah seorang superman,
tapi tidak bisa terbang</textarea>
<br>
<input type="submit" value="Simpan" />
</form>
</fieldset>
<br/>
<fieldset>
<legend>Bagian Tabel</legend>
<table widtd="100%" border="1">
<tr>
<th>No</th>
<th>Nama</th>
<th>Umur</th>
<th>Status</th>
</tr>
<tr>
<td>1</td>
<td>Del Piero</td>
<td>18 Tahun</td>
<td>Mahasiswa</td>
</tr>
<tr>
<td>2</td>
<td>Marc Overmars</td>
<td>18 Tahun</td>
<td>Mahasiswa</td>
</tr>
</table>
</fieldset>
</body>
</html>
C. Tugas
1. Buatlah halaman form yang berisikan informasi seperti potongan
gambar berikut ini. Gunakan perintah placeholder=”Judul
Form” untuk membuat tulisan di dalam elemen <input>!
Modul 4. Struktur HTML (Elemen HTML5)

Kompetensi Umum:
Kompetensi Khusus:
halaman WEB HTML
Sub Pokok Bahasan:Sintaks HTML5
B. Contoh Program (Browser Chrome)

1. Video. Nama File 06-Videohtml5.html
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Maaf browser Anda tidak mendukung tag video ini!
</video>
</body>
</html>
2. Audio. Nama File 07-Audiohtml5.html
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
3. Input Elemen. NamaFile 08-InputElemen.html
<!DOCTYPE html>
<html>
<body>
<form action="acak.php">
Warna Favorit :<input type="color" name="favcolor">
<br>
Ultah :<input type="date" name="bday"><br>
Ultah (date and time):<input type="datetime-local"
name="bdaytime">
Birthday (month and year): <input type="month"
name="bdaymonth">
Jumlah (between 1 and 5): <input type="number"
name="quantity" min="1" max="5">
<h3>Validasi Email</h3>
E-mail: <input type="email" name="email">
<input type="submit">
</form>
</body>
</html>
C. Tugas
Buatlah tampilan seeperti gambar beriktu ini. Simpan dengan
nama File: Tugas_4_html5.html.
Modul 5. HTML dengan CSS

Kompetensi Umum:
Kompetensi Khusus:
halaman WEB HTML
Pokok Bahasan: HTML dan CSS
Sub Pokok Bahasan:Antarmuka HTML dengan CSS
B. Contoh Program (Browser Chrome/Safari)

1. Nama file: 09-htmlcss.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Antarmuka | CSS</title>
</head>
<body>
<header>
<h1>Belajar.com</h1>
<desc>Tidak Sekedar Belajar tetapi Belajar
Beneran</desc>
</header>
<div id="content">
<h3>Main Page</h3>
<p>Selamat Datang di website belajar. Website ini
dirancang oleh otong suratong weleh-weleh.</p>
<blockquote>Jika anda berbuat sopan, maka Saya akan

berusaha jauh lebih sopan dari anda. Tapi jika anda
kurang ajar, saya tidak akan ikut-ikutan kurang
ajar.</blockquote>
<h3>Latest News</h3>
<h4> Pekanbaru Raih Piala Adipura Kesepuluh </h4>
<p> Kota Pekanbaru kembali meraih prediket kota besar
terbersih di Indonesia. Piala Adipura yang diterima
Walikota Firdaus dari Wapres Boeiono merupakan yang
kesepuluh kalinya diraih kota bertuah. Tidak hanya
Piala Adipura saja, namun juga penghargaan lain
berupa Piagam penghargaan fasilitas terbaik yang juga
diraih oleh Kota Pekanbaru. </p>
<div class="clearfloat"></div>
</div>
<footer>
Copyright © Acak-Adut 2015. All Right Reserved.
Politeknik Caltex Riau
</footer>
</body>
</html>
2. Nama file: 10-css.css

h1 { color:#03F;
font- }
family:Verdana, h4{
Geneva, sans- font-size:13px;
serif;
font-style:italic;
padding:4px;
margin-bottom:2px;
font-size:24px;
}
color:#333;
p{
margin:0px;
font-family:
} Arial, Helvetica,
h3{ sans-serif;
font- font-size:11px;
family:Verdana, }
Geneva, sans-
serif; body{
font-size:14px; margin:0 auto;
border-bottom:1px width:80%;
solid #FFF; }
header{ background-
background- color:#dddddd;
color:#CCC; border:1px solid
padding:20px; #CCC;
} }
desc{ footer{
font-size:14px; text-align:center;
font-weight:bold; font-size:11px;
font-style:italic; padding:8px;
margin-left:10px; background-
font- color:#CCC;
family:"Courier font-
New", Courier, family:Verdana,
monospace; Geneva, sans-
} serif;
blockquote{ }
font-style:italic; .clearfloat{
font-size:13px; clear:both;
font-weight:bold; height:0;
} font-size: 1px;
#content{ line-height: 0px;
padding:10px; }
3. Instruksi: tambahkan perintah berikut ini di bagian

<head>(sisipkan di sini)</head> dari file 09-htmlcss.html
<link href="10-stylecss.css" rel="stylesheet"
type="text/css">
Modul 6.PHP Variabel dan String

Kompetensi Umum:
Peserta diharapkan mampu merancang, membuat dan
menjalankan bahasa pemrograman PHP dasar dan PHP
lanjut
Kompetensi Khusus:
Peserta diharapkan mampu menggunakan sintak PHP,
variabel dan string
Pokok Bahasan: PHP Dasar
Sub Pokok Bahasan:Sintaks PHP Dasar
B. Materi
Semua bahasa pemrograman menyediakan variabel. Variabel
digunakan untuk menyimpan suatu nilai. Selanjutnya, nilai tersebut
dapat diubah sesuai dengan kebutuhan programmer. Sedangkan string
merupakan salah satu tipe data yang dikenal di PHP. Variabel data
dalam PHP memiliki 4 macam cakupan, yaitu: variabel lokal, variabel
global, variabel static dan variabel parameter (w3school.com).
PHP menggunakan 3 tipe data dasar integer, double dan string
(Kadir, 2001). Integer merupakan tipe data bilangan bulat (-2 Milyar
sampai 2 Milyar). Double merupakan tipe data bilangan real dimana
memungkinkan memiliki nilai pecahan. String merupakan tipe data
teks yang menggunakan karakter di dalamnya.
C. Contoh Program
1. Menulis Sintaks PHP (Sintaks dan Komentar)
a. Sintaks PHP
<?php
//write the script here..
?>
b. Komentar
<?php
// Single line comment/Komentar pada 1 baris
/* Comments with multiline
Komentar pada banyak baris
*/
?>
2. Mendefinisikan Variabel
a. Variabel Nilai Integer (Nama file: Modul_08_VariabelInt.php)
<?php
$x = 1; $y = 2;
$h = $x + $y;
echo “$h”;
?>
b. Variabel Nilai String (Nama file: Modul_08_VariabelStr.php)
<?php
$nama = “Madun”;
?>
c. Variabel Global (Nama file: Modul_08_VariabelGlobal.php)
<?php
$x=6; // global scope
$y=10; // global scope
function Testing()
{
global $x,$y;
$y=$x+$y;
}
Testing();
echo $y; // keluaran 16
?>
d. Variabel Local (Nama file: Modul_08_VariabelLocal.php)
<?php
$x=5; // global scope
function myTest()
{
$x = “”;
echo $x; // local scope
}
myTest(); // keluaran kosong
?>
3. Menggunakan String
a. Menampilkan keluaran String (Nama file: Modul_08_String1.php)
<?php
$nama = “Antonio Banderas”
echo $nama.”<br>”; // .”<br>” untuk menampilkan
dibaris baru (html)
print $nama;
?>
b. Mengabungkan dua variabel string (Nama file:
Modul_08_String2.php)
<?php
$gr = “Halo nama saya ”;
$nama = “Antonio Banderas”;
echo $gr.$nama; // gunakan titik
?>
c. Fungsi String PHP (Nama file: Modul_08_StringFungsi.php)

<?php
$data = “pemerintah Kota pekanbaru”;
print strtoupper($data).”<br>”; // KAPITAL SEMUA
print strtolower($data).”<br>”; // kecil semua
print ucfirst($data).”<br>”; // Kapital huruf awal
print ucwords($data).”<br>”; // Kapital Huruf Awal
Kata
print “Tulisan Asli ”.$data; // Kata Asli
?>
D. Latihan
1. Buatlah file PHP dengan menempatkan komentar pada bagian
berikut.
a. Baris pertama: Nama = tulis_nama_anda
b. Baris kedua: NIM = tulis_nim_anda
c. Baris ketiga: Kelas = tulis_kelas_anda
d.
e.
f. Simpan file dengan nama NamaKelas.Nim.P1.php
2. Pada file tersebut lakukan perintah berikut.
a. Definisikan nama, nim dan kelas anda ke variabel $nama,
$nim, dan $kelas;
b. Definisikan umur anda ke dalam variabel $umur.
c. Definisikan kalimat ke dalam variabel $kalimat. Isi $kalimat
silahkan ditulis sembarang (kalimat).
d. Lakukan operasi penambahan terhadap variabel umur. Contoh:
5 tahun lagi umur saya $umur + 5.
e. Lakukan 4 fungsi manipulasi string untuk $kalimat yang anda
tulis.
f. Tampilkan data untuk setiap variabel di baris baru, hasilnya
akan seperti:
Nama : Antonio Banderas
NIM : 1122334455
Kelas: 1SIX
Umur : 19 Tahun
Saya sedang belajar PHP.
- Manipulasi String
SAYA SEDANG BELAJAR PHP.
Saya sedang belajar PHP.
Saya Sedang Belajar PHP.
saya sedang belajar php.
5 tahun lagi umur saya 24 Tahun.
Modul 7. Operator, Conditional dan Array

Kompetensi Umum:
lanjut
Kompetensi Khusus:
Peserta diharapkan mampu menggunakan sintak PHP,
variabel dan string
Sub Pokok Bahasan:Operator, Conditional Rule dan Array
B. Materi
1. Operator
Operator merupakan bagian penting dalam pemrograman.
Bahasa pemrograman PHP menggunakan operator aritmatika untuk
keperluan matematika. Selain itu juga terdapat operator logika dan
operator pembanding. Operator aritmatika yang digunakan dalam
bahasa pemrograman PHP dapat dilihat pada tabel berikut ini.
Operator Name Description Example Result

Sum of x
x+y Addition 2+2 4
and y
Difference
x–y Subtraction 5-2 3
of x and y
Product of x
x*y Multiplication 5*2 10
and y
x/y Division Quotient of 15 / 5 3
x and y
Remainder 5 % 2 1
x%y Modulus of x divided 10 % 8 2
by y 10 % 2 0
Opposite of
-x Negation -2
x
Concatenate "Hi" .
a.b Concatenation HiHa
two strings "Ha"
x++ Incremental x = x+1
Operator pembanding digunakan untuk mengkomparasikan dua
data. Penggunaan operator logika dapat dilihat pada tabel berikut ini.
Operator Name Description Example

5==8
True if x is equal to
x == y Equal returns
y
false
True if x is not 5!=8
x != y Not equal
equal to y returns true
True if x is not 5<>8
x <> y Not equal
equal to y returns true
Greater True if x is greater 5>8 returns
x>y
than than y false
True if x is less 5<8 returns
x<y Less than
than y true
Greater 5>=8
True if x is greater
x >= y than or returns
than or equal to y
equal to false
Less than True if x is less 5<=8
x <= y
or equal to than or equal to y returns true
Operator logika yang digunakan dalam bahasa PHP dapat
dilihat pada tabel berikut ini.
Operator Name Description Example

True if both x=6
x and y And x and y are y=3
true (x < 10 and y > 1)
returns true
True if x=6
either or y=3
x or y Or
both x and (x==6 or y==5)
y are true returns true
True if x=6
either x or y y=3
x xor y Xor
is true, but (x==6 xor y==3)
not both returns false
x=6
True if both
y=3
x && y And x and y are
(x < 10 && y > 1)
true
returns true
True if x=6
either or y=3
x || y Or
both x and (x==5 || y==5)
y are true returns false
x=6
True if x is y=3
!x Not
not true !(x==y) returns
true
2. Conditional Rule
a. if else
if (kondisi){
Jika benar hasil ini akan digunakan;
}else{
jika salah hasil inilah yang digunakan;
}
b. Switch-case
switch (n)
{
case “n = 1”:
jika n = 1 hasil ini akan tampil;break;
case “n = 2”:
jika n = 2 hasil ini akan tampil;break;
default:
jika n selain 1 dan 2 hasil ini akan tampil;
}
3. Array
Array merupakan wadah yang dapat menampung sejumlah
nilai. Sebagai contoh, array dengan variabel $kota memiliki sejumlah
data yang terdiri dari: pekanbaru, padang, medan dan jambi. Maka
array $kota dengan nilai urut tertentu akan menampilkan salah satu
data dari array $kota.
C. Contoh Program
a.if else (Nama file: Modul_02_IfElse.php)
<?php
$d = 10; // ganti nilai d dan perhatikan perubahan
if ($d == 10) // menggunakan operator pembanding ==
{
echo “benar Nilai d adalah 10”;
} else
{
echo “salah, Nilai d bukanlah 10”;
}?>
b. Switch-Case (Nama file: Modul_02_SwitchCase.php)
<?php
$warna="red";//ganti nilai red ke blue atau green
atau diluar red blue green
switch ($warna)
{
case "red":
echo "Your favorite color is red!";
break;
case "blue":
echo "Your favorite color is blue!";
break;
case "green":
echo "Your favorite color is green!";
break;
default:
echo "Your favorite color is neither red, blue, or
green!";
}
?>
c.Array (Nama file: Modul_02_Array.php)

<?php
$kota =
array(“Pekanbaru”,”Padang”,”Jambi”,”Medan”)
echo $kota[0].”<br>”; // menampilkan data ke 1
echo count($kota) // menampilkan jumlah total array
// Assosiatif array
$umur =
array(“Suneo”=>”19”,”Nobita”=>”21”,”Giant”=>”24”);
// atau
$umur[„Suneo‟]=”19”;
$umur[„Nobita‟]=”21”;
$umur[„Giant‟]=”24”;
// Cetak Data
print $umur[„Suneo‟].” ”.$umur[„Nobita‟].”
”.$umur[„Giant‟]; // Keluaran
?>
D. Latihan
1. Buatlah program dengan instruksi berikut ini.
a. Logika 1 (Nama file: Modul_02_SoalA.php)
Jika $x tidak sama dengan 1, maka “nilai x

benar” dan lainnya “nilai x salah”
b. Logika 2 (Nama file: Modul_02_SoalB.php)
Jika $x=10 atau $y=10, maka “x + y adalah

20”, dan lainnya akan bernilai $x+$y = $k,
cetak $k.
c. Logika 2 (Nama file: Modul_02_SoalC.php)
Jika $x=10 dan $y=10, maka “x + y adalah 20”,

dan lainnya akan bernilai $x+$y = $k, cetak
$k.
d. Buatlah Switch-Case program untuk memilih olah raga
kesukaan anda. Olah raga terebut terdiri dari: badminton, foli,
futsal, renang dan tenis.
(Nama file: Modul_02_SoalD.php)

e. Buatlah array dari program studi yang terdapat di jurusan
komputer PCR, dan tampilkan datanya! (Nama file:
Modul_02_SoalE.php)
f. Buatlah array program studi PCR yang berisikan nama-nama
ketua masing-masing prodi, tampilkan datanya! (Nama file:
Modul_02_SoalF.php)
Modul 8. Looping, Function dan Form

Kompetensi Umum:
lanjut
Kompetensi Khusus:
Peserta diharapkan mampu menggunakan serta while
looping dan for looping, function PHP, Forms PHP dan
variabel $_GET/$_POST.
Sub Pokok Bahasan:Looping, function dan form
B. Materi
1. While dan For Loops
While Looping dan for looping merupakan langkah yang
dilakukan dalam menampilkan sejumlah data dengan melakukan
iterasi. Bahasa pemrograman PHP memiliki menggunakan beberapa
cara dalam menampilkan/mengolah data melalui iterasi. Langkah-
langkah tersebut antara lain:
a. While
while (kondisi)
{
lakukan perintah PHP
}
b.For
for (init;kondisi;incremental)
{
}
c. Do While
do{
}
while (kondisi);
2. Function
Fungsi merupakan salah satu cara untuk menyederhanakan
skrip program. Fungsi merupakan blok kode yang digunakan untuk
menyelesaikan tugas tertentu. Sebuah fungsi dapat digunakan berkali-
kali untuk menyelesaikan tugasnya. Artinya programmer tidak harus
menulis ulang fungsi untuk menyelesaikan kasus yang sama. Cara
menggunakan fungsi dapat dilihat pada algoritma berikut ini.
function namaFungsi()
{
Tuliskan perintah PHP disini
}
// menampilkan fungsi
namaFungsi(); (jika isi fungsi menampilkan data, isi
mengandung echo/print)
echo namaFungsi(); (jika isi fungsi tidak
menampilkan data)
3. PHP Form
Form merupakan salah satu sintaks html yang digunakan untuk
mengirimkan data dengan menggunakan method $_POST dan
$_GET. Pada sebuah website, form digunakan untuk mengirimkan
data atau menyimpan data yang diinputkan oleh pengguna. Untuk
membuat form, setidaknya dibutuhkan dua file php. File tersebut
antara lain: file form, dan file penerima kiriman form.
C. Contoh Program
1. While dan For Loops (Nama file: Modul_03_WhileFor.php)
<?php
// While Loops
$i = 0;
while ($i<10)
{
$i++;
echo “Saya akan menjadi master PHP”;
}
// For Loops
for ($i=0;$i<10;$i++)
{
echo “Saya akan menjadi master Java”;
}
// do while
$i = 0;
do
{
$i++;
echo “Saya akan menjadi master C#”;
}
while($i<=10);
?>
2. Function (Nama file: Modul_03_Function.php)
<?php
function tambahNilai($x,$y)
{
$h = $x+$y;
echo “$h”;
}
tambahNilai(4,6); // akan menghasilkan nilai 10
?>
3. PHP Form
File (Nama file: Modul_03_Form.php)
<html>
<head>
<title>Formulir Data</title>
</head>
<body>
<form method=”post”
action=”Modul_02_TampilForm.php”>
<label>Tulis Nama</label>
<input type=”text” name=”nama”>

<label>Tulis Ucapan</label>
<input type=”text” name=”info”>
<label>Kirim</label>
<input type=”submit” value=”Kirim”>
</form>
</body>
</html>
File (Nama file: Modul_03_TampilForm.php
<?php
echo “Halo nama Saya ”.$_POST[„nama‟].”<br>”;
echo $_POST[„info‟];
?>
D. Latihan
1. Buatlah program dengan instruksi berikut ini
a. Buatlah for loops untuk penambahan data, dimana kondisi for
akan diulang sebanyak 10 kali ($i<=10). Setiap nilai $i dikali
dengan 2. Keluaran akan menjadi:
jika i = 1 maka hasil adalah 2
jika i = 2 maka hasil adalah 4; dan seterusnya
(Nama file: Modul_03_Soal1A.php)
b. Buatlah fungsi Kali, Bagi dan Kurang dengan variabel input
$x dan $y.
(Nama file: Modul_03_Soal1B.php)
2. Buatlah program berikut ini.
a. Buatlah file Modul_03_Soal2Input.php yang berisikan Form
denganvariabel nilai.
b. Tampilkan hasil pengiriman di file
Modul_03_Soal2Hasil.php
c. Tambahkan kondisi berikut ini. Jikanilai < 50 = Gagal; dan
jika nilai > 50 = Sukses
Modul 9. Array Multidimensi, Date dan Include

Kompetensi Umum:
lanjut
Kompetensi Khusus:
Peserta diharapkan mampu menggunakan Array Multi,
fungsi date() dan include dalam PHP.
Pokok Bahasan: PHP Lanjutan
Sub Pokok Bahasan:PHP Array Multi, Fungsi Date dan Include
B. Materi
1. Array Multi Dua Dimensi
Array memiliki kemampuan untuk membuat Array di
dalamnya. Kemampuan ini menghasilkan array dua atau tiga dimensi.
Array ini dikenal dengan nama array multidimensi. Sebagai contoh:
Array 1 : 1SIA
Isi Array 1SIA: Anto, Budi, Bambang, Karjo.
Array 2 : 1SIB
Isi Array 1SIB: Bambang, Amin, Bahrul,
Ojrak.
2. Fungsi Date
Fungsi date() merupakan salah satu fungsi yang digunakan
untuk mengatur dan mengelola waktu di bahasa pemrograman PHP.
Fungsi date menggunakan sintaks sederhana seperti:
date(format,timestamp)
Dimana format merupakan value yang wajib diisi berdasarkan

tabel 4.1. Sedangkan timestamp merupakan value tambahan yang
tidak harus selalu ada.Format penulisan fungsu date dapat dilihat pada
tabel 4.1.
Tabel 4.1 Format Penulisan Fungsi Date
Format
Example returned values
character
Day ---
d 01 to 31
D Mon through Sun
j 1 to 31
l(lowercase 'L') Sunday through Saturday
N 1 (for Monday) through 7(for Sunday)
w 0 (for Sunday) through 6(for Saturday)
Week ---
W Example: 42 (the 42nd week in the year)
Month ---
F January throughDecember
m 01 through 12
M Jan through Dec
n 1 through 12
t 28 through 31
Year ---
L 1 if it is a leap year, 0otherwise.
o Examples: 1999 or 2003
Y Examples: 1999 or 2003
Time ---
a am or pm
A AM or PM
g 1 through 12
G 0 through 23
h 01 through 12
H 00 through 23
i 00 to 59
s 00 through 59
Sejak PHP versi 5.1 dikembangkan, penggunaan fungsi date
harus diikuti dengan menetapkan zona waktu. Penetapan zona wakti
dilakukan dengan perintah berikut ini.
date_default_timezone_set('Asia/Jakarta');
untuk Indonesia bagian barat
3. Include / Require Statements
Sebuah file PHP dapat dipanggil ke dalam file PHP lainnya

dengan menggunakan fungsi Include atau Require. Dalam
penerapannya, Include dan Require dimanfaatkan dalam mengelola
tema (tampilan atau interface) sebuah website, pemanggilan fungsi,
dan lain-lain. Penggunaan statements ini dilakukan dengan cara
sebagai berikut.
include 'filename';
// atau
require 'filename';
C. Contoh Program
1. Contoh Array 1 (Nama file: Modul_18_ArrayMulti1.php)
<?php // array dua dimensi data penjualan mobil
$mobil = array
(
array("Etios",190,187),
array("Spark",70,69),
array("Mirrage",20,19)
);
echo $mobil[0][0].”: dipesan “.$mobil[0][1].”,
terjual: “.$mobil[0][2];
echo “<br>”;
echo “<br>”;
?>
2. Contoh Array 2 (Nama file: Modul_18_ArrayMulti2.php)
$keluarga = array // cetak array
(
"Otong"=>array
("Udin","Saripah","Kairupan" ),
"Badu"=>array
("Atai"),
"Ngatinem"=>array
("Karjo","Tukiyem",”Saritem")
);
// Cetak Data
$x = count($keluarga["Otong"]); // Hitung jumlah
array otong
for ($i=0;$i<$x;$i++) // iterasi array dan tampilkan
{
print $keluarga["Otong"][$i]."<br>"; //tampilkan
data menurut nilai [$i]
}
3. Fungsi Date (Nama file: Modul_18_Date.php)
<?php
date_default_timezone_set('Asia/Jakarta'); //tentukan
zona waktu
// Cetak tanggal sekarang d: tanggal, F: Bulan, Y:
tahun
echo "Sekarang adalah tanggal: ".date('d F
Y')."<br>";
// cetak nama hari dengan l, dan cetak jam dengan
H:i:s
echo "dan sekarang adalah hari: ".date('l')." pukul:
".date('H:i:s')."<br>"
?>
4. Include dan Require 1. (Nama file Modul_18_Header.php)
<html>
<head>
<title>Sistem Acakadut</title>
</head>
<body>

<div style="text-align:center;">Home | About |
Research | Publication | Portfolio</div>

5. Include dan Require 2. (Nama file Modul_18_Konten.php)

<div style="text-align:center;margin-bottom:10px;">
<h3>Ini Halaman Home</h3>
Hi, my name is Justin. Feel free to call me just or
in. I come from Kulim, Pekanbaru Riau. </div>

6. Include dan Require 3. (Nama file Modul_18_Footer.php)


<div style="text-align:center;height:30px;">
copyright © justeaan <?php print date('Y'); ?>

</body>
7. Include dan Require 4. (Nama file Modul_18_Semua.php)
<?php
// include header
include “Modul_4_Header.php”;
// include konten
include “Modul_4_Konten.php”;
// include footer
include “Modul_4_Footer.php”;
?>
D. Latihan
1. Buatlah fungsi yang digunakan untuk mengubah nama hari standar
server (Inggris) menjadi nama hari bahasa Indonesia. Fungsi akan
menggunakan array untuk menyimpan nama Hari dalam bahasa
Indonesia. (Nama file:Modul_18_ Soal1.php)
2. Buatlah halaman Antarmuka Website dengan Kerangka seperti
gambar berikut ini:
Sangat dianjurkan menggunakan CSS.(Nama File
Modul_18_Soal2.php)
Bagian Header
Bagian Sidebar
Bagian Content
Bagian Footer
3. Pecahlah antarmuka pada Soal 2 menjadi 4 bagian. Bagian-bagian

tersebut akan disimpan menjadi file-file:
a. Modul_18_Soal3Header.php
b. Modul_18_Soal3Sidebar.php
c. Modul_18_Soal3Content.php
d. Modul_18_Soal3Footer.php
4. Gunkan fungsi Include untuk menggabungkan semua file pada Soal
3. Simpan dengan nama file: Modul_18Soal3Semua.php.
5. Buatlah fungsi yang digunakan untuk mengubah nama bulan server
(inggris) menjadi nama bulan bahasa Indonesia.Gunakan Array
untuk membantu membuat fungsi.
January = Januari
February = Februari
March = Maret
April = April
May = Mei
June = Juni
July = Juli
August = Agustus
September = September
October = Oktober
November = November
December = Desember
Modul 10. Upload (Unggah) File, Cookies dan

Session

Kompetensi Umum:
lanjut
Kompetensi Khusus:
Peserta diharapkan mampu membuat aplikasi yang dapat
mengunggah dan mengelola file serta menggunakan
Cookies dan Session.
Sub Pokok Bahasan:Membaca dan mengupload file serta
Cookies dan Session
B. Materi
1. Upload (Unggah) File
Upload atau unggah merupakan salah satu aktifitas penting
ketika berinteraksi dengan dunia maya. Salah satu contoh aktifitas
upload adalah ketika pengguna facebook mengubah foto profil
mereka dengan memilih salah satu foto yang terdapat di komputer.
Tindakan ini dikenal dengan nama Upload atau Unggah. Proses
pengunggahan file sederhana dapat dirancang dengan menggunakan
file PHP sederhana. Setidaknya, dibutuhkan dua file untuk merancang
sistem pengunggah file, seperti pada praktikum 3 dengan

menggunakan Form ($_POST).
2. Cookies
Cookies merupakan salah satu cara yang sering digunakan
untuk mengidentifikasi user yang aktif. Cookie merupakan file
sederhana yang ditempatkan oleh server di komputer pengguna.
Ketika komputer tertentu mengakses sebuah halaman web dengan
menggunakan browser, maka Cookies yang telah dibentuk akan
dikirim ke server halaman web tersebut. Di PHP, Cookies dapat
dibentuk dan ditampilkan sesuai dengan kebutuhan program.
Adapun sintaks yang digunakan untuk membuat cookies
adalah:
setcookie(name, value, expire, path, domain);
// contoh
<?php
setcookie("user", "Alex Dorantes", time()+3600); //
cookies
?>
<html>
.....
Sintaks lain yang digunakan untuk menampilkan dan
menghapus cookies antara lain:
<html>
<body>
<?php
if (isset($_COOKIE["user"]))
echo "Welcome " . $_COOKIE["user"] . "!<br>";
else
echo "Welcome guest!<br>";
?>
</body>
</html>
Menghapus Cookies hanya dilakukan berdasarkan rentang

waktu yang ditentukan
<?php
// Cookies akan tidak berlaku setelah 1 jam
setcookie("user", "", time()-3600);
?>
3. Session
Session bekerja layaknya cookies. Session digunakan untuk
membentuk sebuah interaksi antara client dengan server dalam selang
waktu tertentu. Dalam penerapannya, session digunakan untuk
membentuk informasi pengguna aktif yang menggunakan suatu
sistem. Sebagai contoh, ketika login dengan menggunakan ID tertentu
ke halaman facebook, maka pada saat itu pengguna telah membentuk
sebuah session yang menyimpan informasi data diri pengguna aktif ke
server facebook. Selama pengguna tidak keluar dari facebook, maka
selama itulah account pengguna aktif dan bisa diakses melalui
perangkat tertentu yang digunakan ketika login. Sintaks session yang
digunakan antara lain:
session_start() // memulai dan membentuk session
session_destroy // menutup dan mengakhiri session
session_id() //digunakan untuk menampilkan session
yang aktif
C. Contoh Program
1. Form Upload File (Nama File: Modul_19_Upload_Form.php)
<html>
<body>
<form action="Modul_19_UploadTampil.php"
method="post" enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file"><br>
<input type="submit" name="submit" value="Submit">
</form>
</body>
</html>
2. Tampil Hasil Upload (Nama File: Modul_19_UploadTampil.php)
<?php
if ($_FILES["file"]["error"] > 0){
// jika gagal akan memunculkan pesan ini
echo "Error: " . $_FILES["file"]["error"] . "<br>";
}else{
$uploadfolder = 'file/'; // tentukan folder tempat
file disimpan
$namaFile = $_FILES["file"]["name"]; // definisikan
variabel nama file
//file sementara akan disimpan di sini
$tmp = $_FILES["file"]["tmp_name"];
echo "Upload: " . $namaFile . "<br>";
echo "Type: " . $_FILES["file"]["type"] . "<br>"; //
tipe file
//kapasitas file dalm kB
echo "Size: " . ($_FILES["file"]["size"] / 1024) . "
kB<br>";
//file akan disimpan di folder ini
echo "Stored in: ".$uploadfolder."/".$namaFile;
//proses penyimpanan file ke folder dengan nama
$namaFile;
move_uploaded_file($tmp, "$uploadfolder/$namaFile");
}
?>
3. Cookies (Nama File: Modul_19_Cookies.php)
<?php
// 3600 waktu expire cookies
setcookie("user", "Alex Dorantes", time()+3600);
setcookie("status", "Administrator", time()+3600);
?>
<html>
<head><title>Cookies Om</title></head>
<body>
<?php echo $_COOKIE["user"].”<br>”; // tampilkan
cookies aktif
print_r($_COOKIE); // tampilkan semua cookies aktif
?>
</body>
</html>
4. Session (Nama File: Modul_19_Session1.php)

<?php
session_start();
// simpan session ke dalam variabel tertentu;
$_SESSION['nama'] = "Freddie Mercury";
$_SESSION['band'] = "Queen";
?>
<html>
<head><title>Session Om</title></head>
<body>
<?php
//retrieve session data
echo "Nama: ". $_SESSION['nama']."<br>";
echo "Band: ". $_SESSION['band']."<br>";
?>
<a href="Modul_19_Session2.php">Cek Session Aktif</a>
</body>
</html>
<?php
session_start(); // selalu awali ini jika ingin
menampilkan session
?>
<html>
<body>
<h3>Apakah Sessionnya Masih Aktif?</h3>
<?php
if (!empty($_SESSION['nama'])) { // pengecekan
session tdk kosong (!empty)
?>
<h5>Oh, tidak error, berarti session masih aktif</h5>
<?php } else { ?>
<h5>Oh, error, berarti session telah dihapus!</h5>
<?php } ?>
<a href="Modul_19_Session3.php">Hancurkan
Session!</a>
</body>
</html>
<?php
session_start();
session_destroy();
unset($_SESSION[„nama‟]);
unset($_SESSION[„band‟]);
?>
<html>
<body>
<h3>Kalau Error berarti Benar, Session Telah
dihapus</h3>
<?php
?>
<a href="Modul_19_Session1.php">Bikin Session lagi
Ah!</a>
</body>
</html>
D. Latihan
1. Buatlah aplikasi PHP yang digunakan untuk membaca data dari soal
1 dengan menggunakan fungsi baca file. Tampilkan data perbaris
dan simpan dengan nama: Modul_19_Soal2.php.
2. Buatlah aplikasi login sistem sederhana dengan menggunakan
Session. Gunakan If dan Else untuk mengecek apakah data yang
diinputkan boleh login atau tidak. Soal ini akan menghasilkan 3 file.
a. File 1 simpan dengan nama Modul_19_ Soal3A.php. File ini
berisi Form Login terdiri dari Username dan Password.
b. File 2 simpan dengan nama Modul_19_Soal3B.php. File ini
berisi pengecekan apakah username dan password yang
diinputkan diizinkan masuk.
c. File 3 simpan dengan nama Modul_19_Soal3C.php. File ini
digunakan sebagai halaman admin yang hanya bisa diakses
oleh user yang diizinkan pada File 2.
Modul 11. Fungsi Filter PHP

Kompetensi Umum:
lanjut
Kompetensi Khusus:
Peserta diharapkan mampu memahami dan menangani
pesan error yang muncul saat merancang program dengan
PHP, serta mampu menggunakan fungsi filter yang dimiliki
oleh PHP.
Sub Pokok Bahasan:Penanganan Error dan Fungsi Filter
B. Materi
1. Fungsi Filter PHP
Filter digunakan untuk menyaring setiap data yang diinputkan
pengguna. Penyaringan ini dilakukan agar data yang dikirimkan
pengguna benar-benar sesuai dengan permintaan sistem. Selain itu,
filter menjadi bagian penting bagi keamanan sebuah sistem.
Keamanan sistem sangat bergantung pada data-data eksternal yang
terkait dengan sistem, seperti:
a. Form Input
b.Cookies
c. Web Services, dan;
d.Query database
Terdapat beberapa fungsi filter yang umum digunakan di dalam

PHP. Fungsi tersebut antara lain:
a. filter_var(), mengecek tipe data variabel yang akan dideklarasikan.
b.filter_var_array, filter banyak variabel dengan beberapa fungsi filter
yang beragam.
c. filter_input(), mengecek data yang diinputkan.
d.filter_input_array(), mengecek data yang diinputkan dari array dan
mengaplikasin fungsi filter yang beragam.
C. Contoh Program
1. Filter Integer dan Range (Modul_13_FilterInt.php)
<?php
// FILTER INTEGER
$int = 123;
// mengecek apakah $int integer atau tidak
if(!filter_var($int, FILTER_VALIDATE_INT)) // string
ganti INT ke STRING
{
echo("Tidak Valid! Data tidak integer!");
}
else
{
echo("Valid! Data integer!");
}
// FILTER BERDASARKAN RANGE
$var=300;
// menentukan range data yang valid
$int_options = array( "options"=>array
("min_range"=>0,"max_range"=>256)
);
if(!filter_var($var, FILTER_VALIDATE_INT,
$int_options))
{
echo("Data Valid dan di dalam Range!");
}
else
{
echo("Data tidak Valid atau diluar Range!");

}
?>
2. Filter Email (Modul_13_FilterEmail.php)
<?php
// untuk mengecek buka file di brwoser melalui
localhost.
// tambahkan perintah: ?email=isaninside@hotmail.com
di URL ADDRESS
if(!filter_has_var(INPUT_GET, "email"))
{
echo("Data Email tidak ada!");
}
else
{
if (!filter_input(INPUT_GET, "email",
FILTER_VALIDATE_EMAIL))
{
echo "E-Mail is not valid";
}
else
{
echo "E-Mail is valid"."<br>";
print $_GET['email'];
}
}
?>
D. Latihan
1. Buatlah program yang berisikan form input Nama, NIM, Umur dan
Email. Simpan File dengan nama Modul_13_Soal1.phpForm ini
akan diarahkan ke Modul_13_Soal2.php.
2. (Modul_13_Soal2.php) Buatlah program lanjutan yang digunakan
untuk mengecek apakah yang diinputkan sesuai dengan ketentuan:
a. Nama: String
b. NIM: Integer
c. Umur: Integer
d. Email: email
Jika yang diinputkan tidak sesuai, maka sistem akan

diarahkan kembali ke file Modul_6_Soal1.php. Simpan file
dengan nama Modul_13_Soal2.php.
Modul 12. PHP dan Database MySQL (1)

Kompetensi Umum:
Peserta diharapkan mampu merancang website dengan
menggunakan bahasa pemrograman PHP dan terhubung
ke database
Kompetensi Khusus:
Peserta diharapkan mampu menggunakan fungsi
penghubung PHP dengan database dan mengenali serta
menggunakan MySQL sebagai Basis Data Sistem (DDL
dan DML Sederhana)
Pokok Bahasan:PHP dan Database MySQL
Sub Pokok Bahasan:(1) Database dengan MySQL (DDL dan
DML) , (2)Koneksi PHP ke MySQL
B. Materi
1. Menggunakan MySQL
MySQL merupakan salah satu DBMS yang umum digunakan.
Di website resmi MySQL, mereka mengklaim bahwa MySQL
merupakan salah satu database opensource yang paling populer.
Biasanya aplikasi DBMS MySQL biasanya terintegrasi dengan
aplikasi server lokal yang digunakan untuk menjalan PHP, seperti
XAMPP, Appserv, WAMP, LAMP dan lain-lain.
Database MySQL dapat diakses melalui CLI dan GUI. MySQL
dapat diakses menggunakan CLI dengan menggunakan Command
Prompt atau Terminal. Sedangkan melalui GUI, dapat diakses melalui

server lokal atau aplikasi pendukung lain bisa digunakan untuk
membuka database MySQL.
DDL merupakan singkatan dari data definition language.
Perintah DDL terdiri dari: (1) CREATE, (2) DROP, (3) ALTER, dan;
(4) TRUNCATE. Sedangkat DML merupakan singkatan dari data
manipulation language. Perintah DML Terdiri dari: (1) SELECT, (2)
INSERT, (3) UPDATE, dan; (4) DELETE.
2. Koneksi PHP dengan MySQL
PHP telah menyediakan fungsi yang digunakan untuk
membangun komunikasi (terkoneksi) dengan DBMS MySQL. Fungsi
ini merupakan fungsi bawaan dan umum digunakan untuk
mengkomunikasikan PHP dengan DBMS. Adapun fungsi yang
digunakan adalah:
mysqli_connect(); // Fungsi Koneksi
mysqli_connect(host,username,password,namadatabase);
// Membuat koneksi
C. Contoh Program
1.Membuat Database (Kasus Database Mahasiswa)
Langkah:
a. Buka Command Prompt (CMD). Bendera + R, tuliskan
cmd.
b. Ketikan cd C:\xampp\mysql\bin\
c. Ketikan mysql –u root –pmaka akan muncul
permintaan password. Lanjutkan dengan menekan Enter.
d. Maka akan muncul halaman berikut ini:
e. Saat ini anda telah terhubung dan menggunakan DBMS

MySQL.
f. Membuat Database (Perintah SQL):
Database Mahasiswa
CREATE DATABASE BW2db;
Gunaklan database BW2db
use BW2db;
Membuat Tabel Mahasiswa untuk Database BW2db

CREATE TABLE mahasiswa
(
ID int(10) NOT NULL AUTO_INCREMENT,
nama varchar(255) NOT NULL,
nim varchar(255),
kelas varchar(255),
username varchar(255),
password varchar(255),
PRIMARY KEY (ID)
);
Membuat record (isi) tabel

INSERT INTO mahasiswa
(nama,nim,kelas,username,password)
VALUES
('Ujang 1', '11234', '1SIB', 'ujang',
MD5('ujang00')),
('Badu 2', '22234', '1SIB', 'badu',
MD5('badu00')),
('Surono 3', '33234', '1SIB',
'surono',MD5('surono00')),
('Aibekop 4', '44234',
'1SIB','aibekop',MD5('aibekop00'));
Melihat semua tabel di database BW2db
show tables;
Melihat isi Tabel isi tabel mahasiswa

SELECT * FROM mahasiswa;
2.Membuat Koneksi ke Database (Modul_14_KoneksiDB.php)
<?php
// membuat koneksi ke mysql
$con=mysqli_connect("localhost","root","
","BW2db");
// Mengecek apakah koneksi gagal?
if (mysqli_connect_errno($con))
{
echo "Failed to connect to MySQL: " .
mysqli_connect_error();
}
else
{
echo "Berhasil Terhubung!";
}
?>
D. Latihan
1. Buatlah tabel matakuliah pada database BW2db, dengan atribut
sebagai berikut
a. mk_id – integer 20 – auto_increment – primary key
b. mk_nama – varchar 30
c. mk_kode – varchar 10
d. mk_dosen – varchar 50
2. Isilah Tabel matakuliah tersebut dengan record berikut ini:
a. mk_nama: Bengkel WEB, mk_kode: V2314, mk_dosen:
Muhammad Ihsan Zul
b. mk_nama: Basis Data Dasar, mk_kode: V3524, mk_dosen:
Kartina Diah KW
c. mk_nama: Computer Animation, mk_kode: V6573,
mk_dosen: Anggi Trisnadoli
d. mk_nama: Basis Data Lanjut, mk_kode:V5464, mk_dosen:
Wawan Yunanto
3. Tampilkan tabel, serta lanjutkan dengan menampilkan isi record
matakuliah.

Kompetensi Umum:
menggunakan bahasa pemrograman PHP dan terhubung
ke database
Kompetensi Khusus:
Peserta diharapkan mampu menggunakan database MySQL
dengan perintah sederhana (DML Lanjutan)
Sub Pokok Bahasan:(1)DML Lanjutan pada MySQL, (2) PHP
Query Database
B. Materi
1. DML Lanjutan
SELECT dan INSERT merupakan salah satu perintah DML
yang telah dipelajari pada pertemuan sebelumnya. Peintah DML
lanjutan yang akan dipelajari adalah UPDATE dan DELETE.
Perintah UPDATE dilakukan dengan mengikuti pola berikut ini.
UPDATE namaTabel
SET Atribut1=value, Atribut2=value2,...
WHERE Atribut3(atau id)=NilaiTertentu
Sedangkan perintah DELETE dilakukan dengan mengikuti pola
berikut ini.
DELETE FROM namaTabel
WHERE ID(salahsatuatribut)=NilaiTertentu
2. PHP Query Database
Query data merupakan bagian penting yang digunakan untuk

menampilkan data dari database ke sistem berbasis WEB yang
dirancang dengan menggunakan PHP. Ada bebarapa fungsi yang
digunakan untuk menampilkan data tersebut. Fungsi tersebut antara
lain:
a. mysqli_query || untuk meng-query data
b.mysqli_fetch_array || menampilkan data hasil query dalam
bentuk array
c. mysqli_fetch_object || menampilkan data hasil query dalam
bentuk objek
d.mysqli_num_rows || menampilkan jumlah data yang diquery
C. Contoh Program
1. Update Tabel matakuliah (Mengubah record Computer
Animation)
UPDATE matakuliah SET mk_nama = 'Animation',
mk_kode = 'V3333'
WHERE mk_id = 3;
2. Delete Tabel matakuliah (Menghapus Record matakuliah nomor 4)
DELETE FROM matakuliah WHERE mk_id = 4;
3. Query Database BW2db (Nama file: Modul_8_QueryArray.php)
<?php
// Pastikan menggunakan instruksi untuk
mengkoneksikan ke database
$con =
mysqli_connect("localhost","root","","BW2db");
{
echo "Gagal terhubung ke MySQL: " .
}
// QueryArray dimulai
// mahasiswaadalah nama tabel
$query = mysqli_query($con, "SELECT * FROM
mahasiswa");
while ($m = mysqli_fetch_array($query))
{
print "Nama: ".$m['nama'].", Nim:

".$m['nim']."<br>";
}
?>
4. Query Database BW2db (Nama file: Modul_8_QueryObject.php)
<?php
$con =
mysqli_connect("localhost","root","","BW2db"); //
pastikan bagian password kosong tanpa spasi
{
}
// Query Object
mahasiswa");
while ($m = mysqli_fetch_object($query))
{
print "Nama: ".$m->nama.", NIM: ".$m-
>nim."<br>";
}
?>
5. Query Database BW2db (Nama file: Modul_8_QueryNum.php)
<?php
$con =
mysqli_connect("localhost","root","","BW2db");
{
}
// Query Num Rows menghitung jumlah data record
mahasiswa");
$total = mysqli_num_rows($query);
print "Total Data: ".$total;

?>
D. Latihan
1. Hapuslah Record Data matakuliah yang mk_id =4.
2. Ubahlah Nama Mahasiswa dengan yang memiliki ID 44234
menjadi Nama Anda.
3. Buatlah program PHP yang digunakan untuk Query Array data
matakuliah. Nama file: Modul_8_Soal3.php
4. Buatlah program PHP yang digunakan untuk Query Object data
matakuliah. Nama file: Modul_8_Soal4.php
5. Buatlah aplikasi yang mengecek jumlah Query (NumRows) dari
data matakuliah dengan instruksi berikut. Nama file:
Modul_8_Soal5.php
a. Jika jumlah record data matakuliah besar dari4 maka akan
muncul pesan: “Matakuliah pada semester ini telah cukup!”
b. Jika jumlah record data matakuliah kecil dari 3 maka akan
muncul pesan: “Matakuliah yang tersedia tidak cukup,
tambahkan matakuliah!”

Kompetensi Umum:
menggunakan bahasa pemrograman PHP dan terhubung ke
database
Kompetensi Khusus:
Peserta diharapkan mampu menggunakan fungsi DML
MySQL yang dilakukan melalui bahasa PHP
Sub Pokok Bahasan:(1)PHP Insert, Update, Delete
B. Materi
1. PHP Manipulasi Data pada Database
Dalam penggunaannya, PHP mampu melakukan manipulasi data
langsung ke database. Manipulasi ini dilakukan dengan menggunakan
sintaks DML (SQL DML) yang digunakan di database. Manipulasi tersebut
terkait dengan pengubahan dan penghapusan record suatu tabel di database.
Modul ini akan mempraktikan tentang tata cara menambahkan data
ke database, mengubah record dan menghapus record pada table di database
tertentu. Semua perintah tersebut dilakukan dengan menggunakan bahasa
PHP.
[Modul ini akan menggunakan Modul 14 dan 15sebagai rujukan]
C. Contoh Program
1. Halaman manipulasi database (Modul_16_MenuMahasiswa.php)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Menu Mahasiswa</title>
</head>
<body>
<?php include "koneksi.php"; ?>
<a href="Modul_16_FormInsert.php">Tambah
Mahasiswa</a>
<table width="600" border="1" cellspacing="0"
cellpadding="0">
<tr>
<th align="center">No</th>
<th>Nama</th>
<th>NIM</th>
<th>Kelas</th>
<th>Username</th>
<th>Aksi</th>
</tr>
<?php
$i = 0;
mahasiswa");
while ($m = mysqli_fetch_array($query))
{ $i++;
?>
<tr>
<td align="center"><?php print $i; ?></td>
<td><?php print $m['nama']; ?></td>
<td><?php print $m['nim']; ?></td>
<td><?php print $m['kelas']; ?></td>
<td><?php print $m['username']; ?></td>
<td><a href="Modul_16_FormUpdate.php?id=<?php
print $m['ID'] ?>">Edit</a> | <a
href="Modul_16_HapusDB.php?id=<?php print $m['ID']
?>">Hapus</a></td>
</tr>
<?php
}
?>
</table>
</body>
</html>
2. Menambah data ke tabel mahasiswa (Modul_16_FormInsert.php
dan Modul_16_DBInsert.php)
Langkah-langkah yang dilakukan:
a. Buat halaman web yang berisikan form input dari kolom-
kolom yang ada di tabel mahasiswa (nama, nim, username dan
password).POST-kanlah isi form tersebut ke file
Modul_16_DBInsert.php
b. Buatlah program berikut ini. (Modul_16_InsertDB.php)
<?php
// panggil koneksi
include "koneksi.php";
$nama = $_POST['nama'];
$nim = $_POST['nim'];
$kelas = $_POST['kelas'];
$user = $_POST['user'];
$pass = md5($_POST['pass']);
if (!empty($nama) && !empty($nim) &&

!empty($kelas) && !empty($user) && !empty($pass))
// pengecekan jika data kosong
{
mysqli_query($con, "INSERT INTO
mahasiswa(nama,nim,kelas,username,password)
VALUES('$nama','$nim','$kelas','$user','$pass')");
header('location:Modul_16_MenuMahasiswa.php'); //
arahkan kembali
} else{
header('location:Modul_16_FormInsert.php');
}
?>
3. Mengubah data tabel mahasiswa (Modul_16_FromUpdate.php dan
Modul_16_UpdateDB.php)
Langkah-langkah yang dilakukan:
a. FileModul_16_FromUpdate.php
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Tambah Data Mahasiswa</title>
</head>
<body>
<?php include "koneksi.php";
$mhsid = $_GET['id'];
mahasiswa WHERE ID = '$mhsid'");
$m = mysqli_fetch_object($query);
?>
<a href="Modul_16_MenuMahasiswa.php">Menu
Mahasiswa</a>
<form method="post"
action="Modul_16_UpdateDB.php">
<input type="hidden" value="<?php print $m->ID;
?>" name="mhsid" />
cellpadding="0">
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama"
value="<?php print $m->nama; ?>" width="100%"
required/></td>
</tr>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type="text" name="nim" value="<?php
print $m->nim; ?>" width="100%" required/></td>
</tr>
<tr>
<td>Kelas</td>
<td>:</td>
<td><input type="text" name="kelas"
value="<?php print $m->kelas; ?>" width="100%"
required/></td>
</tr>
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="user"
value="<?php print $m->username; ?>" width="100%"
required/></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="pass"
width="100%" required/></td>
</tr>
<tr>
<td colspan="3"><input type="submit"
value="Save" /></td>
</tr>
</form>
</table>
</body>
</html>
b. File Modul_16_UpdateDB.php
<?php
// panggil koneksi
$id = $_POST['mhsid'];
$nama = $_POST['nama'];
$nim = $_POST['nim'];
$kelas = $_POST['kelas'];
$user = $_POST['user'];
$pass = md5($_POST['pass']);
// jika data kosong maka perintah update tidak
akan dijalankan!
if (!empty($nama) && !empty($nim) &&
!empty($kelas) && !empty($user) && !empty($pass))
{
mysqli_query($con, "UPDATE mahasiswa SET nama =
'$nama', nim = '$nim', kelas = '$kelas', username
= '$user', password = '$pass' WHERE ID = '$id'");
header('location:Modul_16_MenuMahasiswa.php
');
} else{
');
}
4. Menghapus data tabel (Modul_16_HapusDB.php)
<?php
// panggil koneksi
$id = $_GET['id'];
if (!empty($id)) {
mysqli_query($con, "DELETE FROM mahasiswa WHERE ID
= '$id'");
');
} else{
');
}
D. Latihan
1. Buatlah menu matakuliah (Modul_16_MenuMatakuliah.php)
2. Buatlah form tambah matakuliah (Modul_16_FormInsertMK.php)
3. Buatlah file php yang digunakan untuk Insert Matakuliah ke
database dari data yang dikirimkan soal Nomor 2
(Modul_16_InsertMKDB.php)
E. Tugas Rumah
1. Buatlah form yang digunakan untuk mengubah data matakuliah
(Modul_16_FormUpdateMK.php)
2. Buatlah file php yang digunakan untuk update matakuliah ke
database dari data yang dikirimkan soal nomor 1
(Modul_16_UpdateMKDB.php)
3. Buatlah file php yang digunakan untuk menghapus matakuliah
(Modul_16_HapusMK.php)
Modul 15. PHP dan AJAX dengan JQuery

Kompetensi Umum:
Peserta diharapkan mampu mengintegrasikan penggunaan
bahasa pemrograman PHP dengan XML, Javascript dan
AJAX
Kompetensi Khusus:
Peserta diharapkan mampu menggunakan PHP untuk
membuat, menampilkan dan membuka data XML
Peserta diharapkan mampu menggunakan AJAX yang
terintegrasi kedalam PHP
Pokok Bahasan:PHP dan Ajax dan PHP dan XML
Sub Pokok Bahasan:(1)Parsing XML dengan PHP, (2) PHP dan
AJAX
B. Materi
XML merupakan jenis data yang umum digunakan untuk
berkomunikasi. XML merupakan singkatan dari eXtensible Markup
Language. Format data XML dianggap format standar yang
digunakan untuk berbagi data dan informasi. Pengunaan XML terlihat
dari sharing data yang dilakukan oleh suatu divisi ke divisi lain tanpa
harus melakukan query langsung ke database. Salah satu pengunaan
data XML adalah informasi bencana alam yang dikeluarkan oleh
BMKG.
Salah satu contoh data xml dapat dilihat pada gambar berikut
ini.
AJAX merupakan singkatan dari Asynchronous JavaScript and

XML. Istilah ini pertama kali diperkenalkan dalam sebuah artikel
oleh Jesse James Garrett dari Adaptive Path, sebuah perusahaan web
desain berbasis di San Francisco. Tujuan utama dari AJAX adalah
untuk membuat aplikasi web berfungsi seperti aplikasi desktop.
Pada pengiriman data normal, ketika pengguna mem-POST-
kan suatu data, data tersebut akan dikirim ke alamat yang ditentukan
oleh action yang terdapat di tag form. Selanjutnya pengguna akan
diarahkan alamat tujuan action tersebut. Akibatnya akan terjadi delay
ketika server merespon perpindahan halaman. Lama delay ini bisa
diperkecil dengan menggunakan AJAX. Dimana ketika pengguna
mm-POST-kan data, maka perpindahan data tersebut akan ditangani
oleh lapisan yang terdapat diantara antarmuka pengguna dan server.
Jquery merupakan library javascript yang telah mengakomodir
penggunaan AJAX. Library jQuery dapat di download di alamat:
http://jquery.com/download/. Melalui library ini kode program

(script) AJAX bisa disederhanakan.
C. Contoh Program
1.Parsing data XML dengan PHP (Modul_17_XML.php)
<?php
$i = 1;
if( !$xml = simplexml_load_file('cddata.xml') ) //
PENTING Fungsi Parsing
{
echo 'load XML failed ! ';
}
else
{
echo '<h1>Data Musik</h1>';
foreach( $xml as $record ) //fungsi ini
digunakan
{
$title = $record->TITLE;
//menampilkan title
$artist = $record->ARTIST;
//menampilkan artist
$country = $record->COUNTRY;
//menampilkan negara
$company = $record->COMPANY;
//menampilkan perusahaan
// cetak data
echo 'Data ke-'.$i.'<br>';
echo 'Judul : '.$title.'<br />';
echo 'Artist : '.$artist.'<br />';
echo 'Negara : '.$country.'<br />';
echo 'Perusaahaan : '.$company.'<br
/>';
echo '<br>';
$i++;
}
}
?>
2. POST data dengan AJAX (Modul_17_AJAX.php)

File ini membutuhkan file Modul_16_InsertDB.php dan
memodifikasi file Modul_16_FormInsert.php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Tambah Mahasiswa</title>
<script src="jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function() {
$("#save").click(function() {
var nama = $("#nama").val();
var nim = $("#nim").val();
var kelas = $("#kelas").val();
var user = $("#user").val();
var pass = $("#pass").val();
$.ajax({
type:"POST",
url:"Modul_16_InsertDB.php",
data: "nama=" + nama + "&nim=" + nim
+ "&kelas=" + kelas + "&user=" + user + "&pass=" +
pass,
success: function(data)
{ $(".info").html(data);
}
});
});
});
</script>
</head>
<body>
<a href="Modul_16_MenuMahasiswa.php">Menu
Mahasiswa</a>
cellpadding="0">
<tr>
<td>Nama: <input type="text" id="nama" name="nama"
</tr>
<tr>
<td>NIM: <input type="text" id="nim" name="nim"
</tr>
<tr>
<td>Kelas: <input type="text" id="kelas"
name="kelas" width="100%" required/></td>
</tr>
<tr>
<td>Username: <input type="text" id="user"
name="user" width="100%" required/></td>
</tr>
<tr>
<td>Password: <input type="password" id="pass"
name="pass" width="100%" required/></td>
</tr>
<tr>
<td><input type="submit" id="save" value="Save"
/></td>
</tr>
</form>
</table>
<div class="info"></div><!—Notifikasi akan muncul
di sini-->
</body>
</html>
D. Latihan
1. Buatlah file XML daftar mahasiswa yang terdiri dari Nama, Nim,
dan Kelas. Minimal 5 mahasiswa. (Modul_17_ Soal1.xml)
2. Tampilkan data tersebut (soal 1) dengan menggunakan PHP.
(Modul_17_Soal2.php)
3. Buatlah perintah Update data mahasiswa dengan menggunakan
AJAX. NB: tugas ini menggunakan 2 file, yaitu:
a. Modifikasi file Modul_16_FormUpdate.php menjadi
Modul_17_Soal3FormUpdate.php
b. Menggunakan file Modul_16_UpdateDB.php
E. Tugas Rumah
1. Buatlah file Insert dan Update untuk tabel matakuliah dengan
menggunakan AJAX dan jquery. Nama file sebagai berikut:
a. Modul_17_TugasFormInsertMK.php (File Form Insert)
b. Modul_17_TugasFormUpdateMK.php (File Form Update)

Modul Pemrograman Web PHP

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Modul Pemrograman Web PHP

Diunggah oleh

Hak Cipta:

Format Tersedia

Modul

Modul 1. Struktur HTML Dasar 7

A. Kompetensi dan Pokok Bahasan 7

Modul 2. Struktur HTML Dasar 2 10

A. Kompetensi dan Pokok Bahasan 10

Modul 3. Struktur HTML (Form dan Tabel) 12

A. Kompetensi dan Pokok Bahasan 12

Modul 4. Struktur HTML (Elemen HTML5) 15

A. Kompetensi dan Pokok Bahasan 15

B. Contoh Program (Browser Chrome) 15

Modul 5. HTML dengan CSS 17

A. Kompetensi dan Pokok Bahasan 17

B. Contoh Program (Browser Chrome/Safari) 17

Modul 6.PHP Variabel dan String 20

A. Kompetensi dan Pokok Bahasan 20

Modul 7. Operator, Conditional dan Array 25

A. Kompetensi dan Pokok Bahasan 25

Modul 8. Looping, Function dan Form 31

A. Kompetensi dan Pokok Bahasan 31

Modul 9. Array Multidimensi, Date dan Include 35

A. Kompetensi dan Pokok Bahasan 35

Modul 10. Upload (Unggah) File, Cookies dan Session 42

A. Kompetensi dan Pokok Bahasan 42

Modul 11. Fungsi Filter PHP 48

A. Kompetensi dan Pokok Bahasan 48

Modul 12. PHP dan Database MySQL (1) 52

A. Kompetensi dan Pokok Bahasan 52

Modul 13. PHP dan Database MySQL (2) 57

A. Kompetensi dan Pokok Bahasan 57

Modul 14. PHP dan Database MySQL (3) 61

A. Kompetensi dan Pokok Bahasan 61

Modul 15. PHP dan AJAX dengan JQuery 67

A. Kompetensi dan Pokok Bahasan 67

A. Kompetensi dan Pokok Bahasan

b. Sintak dasar HTML 5 (Simpan: 01-SintakDasarHTML5.html)

c. Heading dan Paragraf (Simpan: 02-SintakDasarHeadPar.html)

Modul 2. Struktur HTML Dasar 2

A. Kompetensi dan Pokok Bahasan

<h3>Daftar Order dan Unorder</h3>

<p>Daftar Nama Pemain Bola (Unorder List)</p>

<h3>Blockquote dan Code</h3>

<p>kalimat di atas ditulis dengan menggunakan

Modul 3. Struktur HTML (Form dan Tabel)

A. Kompetensi dan Pokok Bahasan

<input type="radio" name="status" value="Belum

Modul 4. Struktur HTML (Elemen HTML5)

A. Kompetensi dan Pokok Bahasan

B. Contoh Program (Browser Chrome)

Modul 5. HTML dengan CSS

A. Kompetensi dan Pokok Bahasan

B. Contoh Program (Browser Chrome/Safari)

<blockquote>Jika anda berbuat sopan, maka Saya akan

2. Nama file: 10-css.css

3. Instruksi: tambahkan perintah berikut ini di bagian

Modul 6.PHP Variabel dan String

A. Kompetensi dan Pokok Bahasan

c. Fungsi String PHP (Nama file: Modul_08_StringFungsi.php)

Modul 7. Operator, Conditional dan Array

A. Kompetensi dan Pokok Bahasan

Operator Name Description Example Result

Operator Name Description Example

Operator Name Description Example

c.Array (Nama file: Modul_02_Array.php)

echo count($kota) // menampilkan jumlah total array