Anda di halaman 1dari 48

MODUL 1.

PENGENALAN PHP

5.1 Tujuan
1. Mengenalkan kepada mahasiswa tentang pemrograman PHP
2. Mahasiswa dapat membuat script PHP secara sederhana
3. Mahasiswa dapat membuat halaman web dengan menggunakan script HTML
dan PHP

5.2 DASAR TEORI


PHP (Preprocesor Hypertext) adalah bahasa scripting yang menyatu dengan HTML
dan dijalankan pada server side. Artinya semua sintaks yang diberikan akan
sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya
hasilnya saja berupa HTML. Untuk membedakan perintah HTML dan PHP digunakan
tanda <? … ?> atau <?php … ?>
PHP dapat diaplikasikan dengan berbagai macam database, seperti MySQL,
PostgreSQL,, Oracle, dan lainnya.
Beberapa script dasar PHP
 Menampilkan text
echo "..text …. <br>"
<br> : ganti baris
 Variabel
- Untuk membuat variabel diberi tanda dollar ($). Variabel berfungsi untuk
menyimpan suatu nilai dan dapat berubah-ubah. Penulisan variable
yang benar adalah :
- Karakter pertama tidak boleh berupa angka (harus berupa huruf atau
garis bawah)
- Tidak mengandung spasi
- Pemakaian huruf kapital dan huruf kecil dibedakan
Contoh penulisan variable :

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 1


$data, $data1, $data_ku

 Array
Array merupakan suatu variabel yang dapat berisi banyak data dalam waktu
yang sama. Pendefinisian Array dapat dibentuk dengan format berikut :

$nama_array = array(elemen_1, …, elemen_n);

Untuk menghitung jumlah elemen array digunakan fungsi count(), dengan


format count($nama_array)
 Operator
Dalam PHP juga dapat melakukan proses operasi, baik itu penjumlahan,
operasi logika, ataupun operasi pembanding.
Operator Matematika yang digunakan dalam PHP yaitu :
Operator Fungsi Operator Fungsi
+ Penjumlahan - Pengurangan
* Perkalian / Pembagian
% Sisa pembagian ++ , -- Penaikan,
penurunan

Operator Pembanding yang digunakan dalam PHP yaitu :


Operator Fungsi Operator Fungsi
== Sama dengan < Kurang dari
> Lebih dari <= Kurang dari atau sama
dengan
>= Lebih dari atau sama dengan != , <> Tidak sama dengan

Selain itu, operator Logika juga dapat digunakan di PHP, antara lain, and (&&),
or (||), xor, dan !.

 Penulisan Karakter Khusus dengan tanda \


Karakter yang ditulis dengan diawali tanda (\) yaitu:
Karakter Keterangan Karakter Keterangan
\” Tanda petik ganda \\ Tanda backslash
\$ Tanda $ \n Pindah baris
\t tab \x00 s.d \xFF heksadesimal
 Tipe Data

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 2


Tipe data yang dikenal pada pemrograman PHP yaitu :
Tipe data Keterangan
Integer Tipe data bilangan bulat
Double Tipe data bilangan real
String Tipe data teks

 Konversi Tipe Data


Fungsi-fungsi yang digunakan dalam PHP untuk mengkonversikan tipe data ke
tipe data yang lain yaitu dengan memberikan fungsi intval, doubleval, dan
strval. Atau dengan menggunakan teknik cast, yaitu dengan mengubah tipe
ekspresi yang akan dikonversi.

 Menampilkan Tanggal dan Waktu


Untuk menampilkan tanggal dan waktu secara update, dapat menggunakan
perintah date dengan format-format berikut :
Format Keterangan
a,A am atau pm, AM atau PM
d,D hari/tanggal dalam 2 digit, hari (Sun..Sat)
F nama bulan (January..December)
g,G jam (1..12), jam (0..23)
Z hari dari tahun (0..365)
y,Y tahun dalam 2 digit, tahun dalam 4 digit
h,H jam (01..12), (00..23)
I menit (00..59)
m,M Nama bulan (01..12), nama bulan (Jan..Dec)
S Detik (00..59)
W hari (0=Sunday..6=Saturday)

5.3 PELAKSANAAN PRAKTIKUM


1. Ketikkan program berikut ini :
<html>
<head>
<title> Variabel </title>
</head>
<body>
<?
$nilai_1 = 10;
$nilai_2 = 3;
$nilai_3 = 2 * $nilai_1 + 8 * $nilai_2;
echo "nilai = ", $nilai_3;

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 3


echo "<br>";
$jumlah = $nilai_1 + $nilai_2;
echo "hasil dari $nilai_1 + $nilai_2 adalah :
$jumlah";

echo “<br><br>”;
echo “\”nama : Lesley\” <br>”;
echo “no.mhs 015410062”;
?>
</body>
</html>

Catatan :
Nama Lesley dan no.mhs 015410062 diatas ganti dengan nama
masing-masin).
2. Simpan dengan menggunakan ekstensi php (misalnya mod_2.php), dan jalankan
di web browser.
3. Ketikkan program berikut :
<html>
<head>
<title> Pemrograman PHP dengan Array</title>
</head>
<body>
<?
//penulisan array dapat dibuat seperti berikut
$nama[] = “Isabella”;
$nama[] = “Affan”;
$nama[] = “desty”;

echo $nama[1] . $nama[2] . $nama[0];


echo “<br>”;

//pendefinisian array dapat juga sperti berikut ini


$kampus[sekolah] = “STMIK”;
$kampus[nama_kampus] = “Akakom”;
echo “Kampusku adalah $kampus[sekolah]
$kampus[nama_kampus]”;

?>
</body>
</html>
4. Simpan script diatas lalu lihat hasilnya di web browser. Perhatikan urutan nama-
nama yang tampil dari perintah echo $nama[1] . $nama[2] . $nama [0];

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 4


5. Tambahkan fungsi count untuk menghitung jumlah elemen array $nama dengan
menambahkan script berikut :
//menghitung jumlah elemen array
$jum_array = count($nama);
echo "jumlah elemen array = ". $jum_array;

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 5


6. Ketikkan script berikut ini untuk mengkonversi tipe data.
<html>
<head>
<title>Konversi Tipe</title>
</head>

<body>
<?
$a = 300.4;
echo $a;
echo "<br>";
echo "tipe Double : ", doubleval($a), "<br>";
echo "tipe Integer : ", intval($a), "<br>";
echo "tipe string : ", strval($a);
?>
</body>
</html>

7. Ketikkan script berikut untuk menampilkan tanggal dengan mengambil tanggal di


server.
[1] <html>
<head>
<title>Tanggalan</title>
</head>
<body>
<?
echo date("m-F-Y, g:i:s a");
?>
</body>
</html>

5.4 Latihan

5.5 Tugas
1. Modifikasilah program pada praktik nomor 4 dengan mengganti fungsi
pengkonversian tipe dengan metode cast.
contoh : echo "tipe Double : ", doubleval($a), "<br>"; (pada praktik nomor 3) diubah
menjadi
echo "tipe double: ". (double) $a, "<br>";

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 6


2. modifikasilah program pada praktik nomor 5 untuk menampilkan informasi tanggal
dan waktu dengan mencoba menggunakan format-format date lainnya.

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 7


MODUL 2. STRUKTUR KONTROL

5.6 Tujuan
3. Mahasiswa dapat menggunakan struktur kontrol untuk kasus tertentu
4. Mahasiswa dapat membuat pemrograman PHP yang melibatkan pernyataan
perulangan

5.7 DASAR TEORI

1. Kondisi (condition)

a. Bentuk if
Perintah IF ini akan menjalankan statement jika kondisinya bernilai benar
(True).

[2] if
(expr)
[3] st
atement

b. Bentuk if else
Dalam bentuk ini jika ekpresi bernilai benar maka statement_1 akan dijalankan,
tetapi jika salah maka statement_2 yang akan dijalankan.

if (expr) if (expr)
{ statement_1a
statement_1 atau statement_1b }
else else
{ statement_2a
statement_2
statement_2b }

c. Bentuk if – elseif

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 8


Bentuk if-elseif ini cocok untuk melakukan pengambilan keputusan yang
melibatkan banyak alternative. PHP dapat mengetahui bentuk elseif dan else
if.

d. Switch
Pada prinsipnya penggunaan switch hampir sama dengan pengunaan kondisi if
– elseif. Dalam pengunaan switch juga disertakan perintah break. Tanpa
perintah break semua peryataan akan dijalankan.
Bentuk pernyataan switch yaitu :
[4] Switch (ekspresi)
[5] {
[6] case ekspresi_case_1:
[7] pernyataan;
[8] break;
[9] …
[10] case ekspresi_case_n :
[11] pernyataan_n;
[12] break
[13] default:
[14] pernyataan_default;
[15] }

2. Perulangan
a. while
Perulangan mengunakan while mempunyai bentuk yang mudah untuk
digunakan. Perintah while akan terus diulang selama kondisi berisi TRUE
dan akan berhenti jika kondisi berisi FALSE
[16] while
(expr)
statemen
t

b. For
Perulangan mengunakan for mempunyai 3 ekpresi

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 9


 Expr1 adalah ekpresi untuk memberikan nilai awal yang akan digunakan
untuk perulangan.
 Expr2 adalah ekpresi untuk memberikan kondisi dalam perulangan. Jika
kondisi tersebut bernilai TRUE maka perulangan akan dilanjutkan. Jika
kondisi tersebut bernilai FALSE makan perulangan akan berhenti.
 Expr3 digunakan untuk mengatur nilai variabel yang digunakan pada expr1
[17] for (expr1; expr2;
expr3)
[18] statement

c. do – while
Perulangan mengunakan do – while ini akan berakhir jika ekpresi bernilai FALSE
Do { statement }
While (expr)

5.8 PELAKSANAAN
1. Ketikkan script berikut, simpan dan lihat hasilnya di browser.
[19] <html>
[20] <head>
[21] <title> Struktur Control IF </title>
[22] </head>
[23] <body>
[24] <?
[25] $nilai1 = 4;
[26] $nilai2 = -7;
[27] if($nilai1 > $nilai2)
[28] echo "$nilai1 Lebih Besar dari pada
$nilai2 <br>";
[29] if($nilai2 < 0)
[30] echo "nilai2 adalah negative";
[31] ?>
[32] </body>
[33] </html>
[34]
2. Ketikkan script berikut
[35] <html>
[36] <head>
[37] <title> Struktur Control IF ELSE</title>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 10


[38] </head>
[39] <body>
[40] <?
[41] $bil = 8;
[42] if($bil % 2 == 0)
[43] echo "bilangan $bil merupakan bilangan
genap";
[44] else
[45] echo "bilangan $bil merupakan bilangan
ganjil";
[46] ?>
[47] </body>
[48] </html>
[49]

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 11


3. Ketikkan program PHP berikut
[50] <html>
[51] <head>
[52] <title>Pernyataan SWITCH</title>
[53] </head>
[54] <body>
[55] <?
[56] $jurusan = "SI";
[57] switch($jurusan)
[58] {
[59] case "KA":
[60] echo "$jurusan = Komputerisasi
akuntansi";
[61] break;
[62] case "MI":
[63] echo "$jurusan = Manajemen
Informatika";
[64] break;
[65] case "SI":
[66] echo "$jurusan = Sistem Informasi";
[67] break;
[68] case "TI":
[69] echo "$jurusan = Teknik
Informatika";
[70] break;
[71] default:
[72] echo "$jurusan tidak terdaftar";
[73] }
[74] ?>
[75] </body>
[76] </html>

4. Lihat hasilnya di browser.


5. Cobalah mengganti nilai SI pada $jurusan dengan yang lain (misal $jurusan = “TI”).
Simpan dan lihat hasilnya. Lalu cobalah ubah nilai jurusan dengan menggantinya
menggunakan huruf kecil (misal : $jurusan = “ti”). Apa yang ditampilkan dalam web
browser?
6. Ketikkan script perulangan dengan pernyataan while berikut ini.
[77] <html>
[78] <head>
[79] <title>Perulangan dengan While</title>
[80] </head>
[81] <body>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 12


[82] <?
[83] $i = 0;
[84] while ($i <= 5)
[85] {
[86] $jum = $i + 1;
[87] echo "1 + $i = $jum <br>";
[88] $i++;
[89] }
[90] ?>
[91] </body>
[92] </html>

5.9 LATIHAN

5.10 TUGAS
1. Modifikasilah script PHP pada praktik nomor 5 dengan mengubah pernyataan
while menggunakan pernyataan FOR dan do-while
2. Susunlah script pemrograman PHP untuk menghasilkan tampilan web berikut ini.

gunakan pernyataan while untuk melakukan perulangan. Dan didalam kalang


while gunakan perintah IF ELSE untuk menentukan apakah bilangan yang sedang
dibaca genap atau ganjil.

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 13


3. Buatlah pemrograman PHP untuk permasalahan diskon harga produk, dengan
ketentuan sebagai berikut :
 Untuk harga produk lebih besar dari 500.000,- maka mendapat diskon 50%
 Untuk harga > 400.000,- mendapat diskon 30%
 Untuk harga > 300.000,- mendapat diskon 20%
 Untuk harga > 200.000,- mendapat diskon 10%
 Selain itu tidak mendapat diskon
Buatlah pemrograman dengan menggunakan pernyataan IF ELSEIF

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 14


MODUL 3. MYSQL
5.11 TUJUAN
1. Mahasiswa dapat membuat database dan tabel
2. Mahasiswa dapat membuat query untuk mengolah data

5.12 DASAR TEORI


Mysql merupakan software system manajemen database (Database Management
System – DBMS) berbasis client-server. MySQL sangat mudah untuk digunakan dan
banyak dipakai pada sistem database menengah MySql juga banyak dijumpai
dipasaran dan mudah berinteraksi dengan bahasa aplikasi lain baik berbasis desktop
maupun web.
Untuk dapat menggunakan MySql tersedia driver/connector atau fungsi-fungsi
khusus yang disiapkan oleh bahasa pemrograman pendukungnya.
Sebagai IDE (integrated development Environtment) MySql dapat menggunakan
command line via commandprompt, Texpad atau yang sudah disiapkan oleh PHP
PhpMyAdmin

3.1.1. Menggunakan MySQL


1. Untuk menjalankan MySQL, masuklah kedalam lingkungan DOS, lalu masuk ke
dalam direktori MySQL (sebagai contoh MySQL berada dalam direktori D )

1. Ketikkan mysql lalu tekan <enter>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 15


Prompt mysql>_ menunjukkan bahwa database mysql telah aktif. Jika prompt ini
telah aktif dapat langsung mengetikkan perintah-perintah dilingkungan MySQL.
Perintah-perintah MySQL antara lain :
Perintah Perintah Singkat Kegunaan
Help \h Menampilkan daftar perintah
Clear \c Menghapus (clear)
Connect \r Menghubungkan kembali database
MySQL
Exit \q Keluar dari MySQL
Go \g Mengirimkan perintah kepada MySQL
Ego \G Mengirimkan perintah kepada MySQL dan
menampilkan hasilnya secara vertical
Print \p Mencetak perintah saat ini
Use \u Membuat/mengganti koneksi kepada
database

3.1.2. Ketentuan Memberikan Perintah


 Perintah dalam MySQL mengenal case insensitive, perintah dapat ditulis
dengan huruf besar (uppercase), ataupun dengan huruf kecil (lowercase).
 Setiap perintah diakhiri dengan ;(tanda titik koma) atau dengan memberikan
perintah \g diakhir perintah
 Perintah dapat berupa perintah SQL atau perintah khusus MySQL
 Jika Prompt mysql> berganti dengan -> berarti prompt tersebut menunggu
kelengkapan perintah dari baris sebelumnya atau menunggu diberikannya
tanda ; atau \g. Seperti pada contoh berikut :

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 16


3.1.3. Perintah dasar MySql
1. Membuat database
[93] CREATE DATABASE database_name

2. Menghapus database
[94] DROP DATABASE database_name

3. Membuat tabel
[95] CREATE TABLE table_name
[96] (
[97] column_name1 data_type,
[98] column_name2 data_type,
[99] .......
[100] )

Tipe Data (data type) yang dapat disimpan oleh database secara garis besar
dibedakan menjadi:
a. Tipe data numerik
Tipe data numerik digunakan untuk semua data bilangan (angka) yang
dapat diperhitungkan. Tipe ini dibedakan menjadi tipe data yang lebih rinci,
antara lain : Integer, float, double, dan lainnya
b. Tipe data karakter
Tipe data ini digunakan untuk semua data huruf, angka, dan tanda baca.
Dibedakan menjadi char, varchar, text, dan lainnya

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 17


c. Tipe data tanggal
Tipe data ini digunakan untuk mendefinisikan waktu. Dibedakan menjadi
time, timestamp, date, datetime, year, dan lainnya.

4. Menghapus tabel

[101] DROP TABLE table_name

5. Menambahkan field kedalam tabel

[102] ALTER TABLE table_name


[103] ADD column_name data_type;

6. Menghapus Field

[104] ALTER TABLE table_name


[105] drop column_name

7. Memasukan data ke tabel


[106] INSERT INTO table_name
[107] VALUES (value1, value2,....)

Selain sintak diatas anda juga dapat menyebutkan nama–nama filed


(kolomnya).

[108] INSERT INTO table_name (column1, column2,...)


[109] VALUES (value1, value2,....)

8. Menampilkan data

[110] SELECT (column1, coloumn2…) from table_name


Atau jika akan menampilkan semua kolom maka dapat menggunakan tanda *.
[111] SELECT * from table_name

9. Merubah data / menganti data

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 18


[112] UPDATE table_name
[113] SET column1 = expr1,
[114] column2 = expr2
[115] WHERE where_definition

10. Menghapus data


[116] DELETE FROM table_name WHERE where_definition

3.1.4. Format Tanggal dan Waktu pada mySQL


Secara default format tanggal yang tersimpan dalam database yaitu : yyyy-mm-dd
(contoh : 2005-02-28). Beberapa perintah format tanggal yang dapat digunakan untuk
menampilkan tanggal dan waktu yaitu :
Format Keterangan Format Keterangan
%M Nama bulan (January … %W Nama hari (Sunday … Saturday)
December
%D Hari dari bulan (1st, 2nd, …) %Y, %y Tahun dalam numeric 4 digit,
tahun dalam 2 digit
%a Nama hari (Sun … Sat) %d Hari dari bulan dalam numeric
(00 .. 31)
%m Bulan dalam numeric (01 … %j Hari dari tahun (001 … 336)
12)
%H Jam (00 .. 23) %h Jam (01 … 12)
%I Menit (00 … 59) %S Detik (00 … 59)

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 19


5.13 PELAKSANAAN
1. Jalankan MySQL, dengan masuk kedalam lingkungan DOS, kemudian masuk ke
dalam direktori mysql, sampai tampilan menjadi seperti berikut ( muncul prompt
mysql> ) :
(catatan : direktori D hanya contoh jika MySQL berada dalam direktori D)

2. Buatlah database baru dengan nama database klub. Ketikkan perintah berikut:
Create database tokoabc;
Catatan :

Tokoabc adalah nama database yang kita buat.

catatan : tanda ; (titik koma) diakhir perintah dapat diganti dengan \g, seperti berikut :

3. Jika database berhasil dibuat, ketikkan perintah USE untuk memilih database yang
digunakan
[117] USE tokoabc;

4. Lalu buat table dengan nama anggota seperti berikut :


[118] CREATE TABLE barang (
[119] kodebarang char(3),
[120] namabarang varchar(25),
[121] stok integer

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 20


Catatan:
[122] )
Tanda * , dalam penerapan yang sesungguhnya sebaiknya DIHINDARI, karena akan
memperlambat akses,, kecuali memang semua field dibutuhkan

5. Lakukan pengisian data ke database dengan perintah INSERT


[123] INSERT INTO barang(kodebarang,namabarang,stok )
[124] VALUES (‘K01’, ’Komputer Desktop Hebat Tenan’,
12);

6. Ulangi langkah 5, isikan dengan data yang lain minimal menjadi 5 record
7. Mengambil semua record dan semua field
[125] SELECT * FROM barang
8. Mengambil semua record dengan field tertentu
[126] SELECT namabarang,stok from barang
Perhatikan adalah perbedaan yang dihasilkan langkah no 7 dan 8 ?
9. Untuk menampilkan data dengan mengurutkan field tertentu dapat menggunakan
perintah ORDER BY. Berikut untuk menampilkan record berdasarkan urut nama :
[127] SELECT namabarang,stok FROM anggota ORDER BY
namabarang;

10. Menampilkan record tertentu (misal daftar barang yang stok diatas 5)
[128] SELECT * FROM barang WHERE stok>5;

5.14 LATIHAN
1. Tambahkan filed satuan dan harga pada tabel barang diatas.
2. Isilah kolom satuan dan harga diatas kosong dengan data

5.15 TUGAS
1. Tuliskan SQL untuk menampilkan 10 Daftar Barang dengan urutan dari stok
terkecil

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 21


MODUL 4. MEMBUAT FORM ENTRY DATA
DAN MENAMPILKAN DATA DARI DATABASE

5.16 TUJUAN

1. Mahasiswa dapat membuat program PHP untuk melakukan penyimpanan data ke


database dengan menggunakan form
2. Mahasiswa dapat melakukan koneksi ke database dan melakukan pengolahan
data dengan PHP

5.17 DASAR TEORI


Untuk dapat menampilkan hasil query pada browser, PHP memerlukan fungsi API
(Application Programming Interface). Berikut beberapa daftar PHP untuk MySQL :
Nama Fungsi Kegunaan
[129] mysql_connect Membuka koneksi kepada server MySQL
[130] mysql_close Memutuskan koneksi database
[131] mysql_select_db Memilih database yang akan digunakan setelah
melakukan koneksi ke server
[132] mysql_create_db Membuat database baru pada MySQL
[133] mysql_drop_db Menghapus sebuah database
[134] mysql_query Mengirimkan perintah SQL ke server MySQL
[135] mysql_fetch_array Menampilkan sebuah baris hasil query sebagai
array assosiatif
[136] mysql_fetch_row Menampilkan baris hasil dalam bentuk array satu
persatu
[137] mysql_num_rows Menghitung jumlah record / baris hasil suatu query
[138] mysql_error Menampilkan teks berupa pesan error dari operasi
yang dilakukan
[139] Mysql_result Memberikan data hasil query
[140] Mysql_fetch_field Menghasilkan informasi kolom dari hasil dan
ditampilkan sebagai obyek
[141] Mysql_fetch_length Menampilkan panjang pada beberapa kolom baris
terakhir
[142] Mysql_field_flags Mendapatkan informasi spesifikasi kolom
[143] Mysql_field_len Menghasilkan panjang ukuran dari spesifikasi
kolom
[144] Mysql_field_name Menghasilkan spesifikasi nama pada kolom

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 22


5.18 PELAKSANAAN

1. Ketikkan script berikut (dengan menggunakan notepad) dan simpan dalam file
hubung.php . Script ini untuk melakukan koneksi ke database

hubung.php
[145] <?
[146] mysql_connect("localhost","","");
[147] mysql_select_db("tokoabc");
[148] ?>

2. Ketikkan script berikut dan simpan dengan nama form_input.php

form_input.php
[149]
[150] <HTML>
[151] <HEAD>
[152] Pemasukan Data Barang
[153] </HEAD>
[154] <TITLE>
[155] Pemasukan data Barang dan stok
[156] </TITLE>
[157] <BODY>
[158] <form name='form1' methode="post"
action='simpan_barang.php'>
[159] <table width='400' height='77' border='1'>
[160] <tr><td width='100'>Kode Barang</td>
[161] <td ><input name='in_kode_brg' type='text' size='12'
maxlength='4')</td></tr>
[162] <tr><td width='100'>Nama Barang</td>
[163] <td><input name='in_nama_brg' type='text' size='30'
maxlength='30')</td></tr>
[164] <tr><td width='100'>Stok</td>
[165] <td ><input name='in_stok' type='text' size='5' )
</td></tr>
[166] <tr><td ><input name='submit' type='submit'
value='simpan')</td></tr>
[167] <table>
[168] </form>
[169] </BODY>
[170] </HTML>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 23


[171]

simpan_barang.php
[172] <?
[173] include_once "hubung.php";
[174] $rekam="insert into
barang(kodebarang,namabarang,stok) values
('$in_kode_brg','$in_nama_brg','$in_stok')";
[175] mysql_query($rekam);
[176] ?>

3. Sekarang, jalankan di browser untuk melihat hasilnya.

5.19 Latihan
1. Tambahkah pada form input barang untuk memasukkan Satuan dan harga
barang
2. Ubah pula pada Simpan_barang.php , bagian Insert …into … sehingga data
yang dinputkan via form terekema ke tabel Barang

5.20 TUGAS
Jawablah pertanyaan dibawah ini !
1. Apa kegunaan dari script action pada form_input.php ?
2. Apa kegunaan dari script insert into pada simpan_barang.php ?

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 24


Modul 5. Menampilkan Isi Tabel Hasil Relasi

5.1 Tujuan
1. Agar mahasiswa mampu menampilkan data pada Tabel yang memiliki Relasional
2. Agar mahasiswa mengetahui Database Relasional dengan MySQL
3. Agar mahasiswa mampu untuk membangaun sebuah Sistem yang melibatkan
Perimintaan Relasional dengan SQL.

5.2 Teori Singkat


SQL merupakan sebuah bahasa permintaan yang mampu mengani beberapa
Tabel dalam satu database atau bahkan dari beberapa database. MySQL adalah
salah satu Program penyedia database yang menggunakan SQL sebagai bahasa
permintaanya.
Dengan menggunakan perintah SQL kita dapat dengan mudah untuk dapat
membuat permintaan yang kecil bahkan sampe permintaan yang kompleks.
Parameter yang digunakan dalam MySQL sangat mirip dengan bentuk-bentuk
database Server lain yang menggunakan SQL sebagai bentuk permintaanya.

Dalam query yang menginginkan data yang berbentuk relasional, kita akan
menggunakan permintaan yang mengandung Kondisi, dan bentuk kondisi datap
diciptakan dengan sebgai Operator Logika. Unsur-unsur logika tersebut akan
dihubungkan dengan penghubung atau Klausa WHERE. Secara garis besar bentuk
permintaan yang menggunakan Klausa WHERE dapat ditulis sebgai berikut.

SELECT database1.kolom,database2.kolom,........
FROM database1,database2
WHERE [ kondisi ] ;

Beberapa Operator Logika yang digunakan dalam Relasional database adalah:

Data 1 Data 2 AND OR


B B B(ditampilkan B(ditampilkan)
)
B S Tidak dikenal B(ditampilkan)
S B Tidak dikenal B(ditampilkan)
S S Tidak dikenal Tidak dikenal

Data NOT
B S
S B

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 25


Dengan menggunakan bentuk-bentuk Operator Logika diatas, maka untuk
menampilkan data relasional secara umum dapat digambarkan menjadi:

SELECT database1.kolom,database2.kolom,........
FROM database1,database2
WHERE database1.kolom1=database2.kolom1
AND database1.kolom2=database3.kolom2 ;

5.3 Langkah Praktikum


1. Tulislah script dibawah ini dan simpan dengan dengan nama file :
tampilbarang.php
[1] <html>
[2] <head>
[3] <title> ABC Online Shop</title>
[4] </head>
[5] <body>
[6] <BR>
[7] DAFTAR BARANG <BR>
[8] <?
[9] include_once "hubung.php";
[10] $ambil="select kode_brg,nama_brg from barang limit
0,10";
[11] $lakukan=mysql_query($ambil);
[12] while($hasil=mysql_fetch_array($lakukan))
[13] {
[14] ?>
[15] Kode Barang :<? echo $hasil[kode_brg]; ?><BR>
[16] Nama Barang : <? echo $hasil[nama_brg]; ?><BR><BR>
[17] <?}?>
[18] </body>
[19] </html>

2. Jalankan script diatas pada browser : http://localhost/tampilbarang.php


3. Ubahlah format tampilan dari bentuk dasar ke bentuk tabel dengan memodifikasi
script diatas menjadi sbb (script yg ditambahkan dibuat bold)
[1] <html>
[2] <head>
[3] <title> ABC Online Shop</title>
[4] </head>
[5] <body>
[6] <BR>
[7] DAFTAR BARANG <BR>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 26


[8] <?
[9] include_once "konek.php";
[10] $ambil="select kode_brg,nama_brg from barang limit
0,10";
[11] $lakukan=mysql_query($ambil);
[12] ?>
[13] <table>
[14] <tr><td>Kode Barang</td><td>Nama Barang</td></tr>
[15] <?
[16] while($hasil=mysql_fetch_array($lakukan))
[17] {
[18] ?>
[19] <tr><td> <? echo $hasil[kode_brg]; ?></td>
[20] <td><? echo $hasil[nama_brg]; ?></td></tr>
[21] <?}?>
[22] </table>
[23] </body>
[24] </html>
4. simpan scirpt diatas dengan nama file lain misal : tampibarang_tab.php
5. Jalankan script diatas dengan http://localhost/tampilbarang_tab.php , lihatlah
perbedaan tampilannya.

5.4 Latihan

1. Tambahkan kolom Stok, Satuan , dan Harga header dengan


mengubah/menambah script tampilbarang_tab.php
2. Tambahkan pula field pada SELECT ...., sehingga akan diambil data stik, satuan
dan harga
3. Tambahkan script pada tampilbarang_tab.php, sehingga data stok,satuan da
harga dapat muncul di browser

5.5 Tugas
1. Mengapa untuk transfer data dari database ke display tidak cukup hanya
menggunakan perintah select (langkah 3 baris [10]) tetapi harus ditambah
dengan echo variabel (langkah ke-3 baris [19]-[20]) ?

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 27


Modul 6. Menampilkan isi Tabel Hasil Relasi

6.1 Tujuan
2. Agar mahasiswa mampu meremajakan data pada database kemahasiswaan
3. Agar mahasiswa mampu membuat halaman Pengubahan data menggunakan
Form.
4. Agar mahasiswa mampu untuk menghapus data dari interface yang dirancang dari
bentuk Web.

6.2 Teori Singkat


Pada praktikum ini kita akan mempraktikan bagaimana tehnik dalam
memperbaharui data serta menghapus data yang ada pada database. Didalam
MySQL untuk menghapus record menggunakan perintah DELETE yang kemuidan di
ikuti dengan Kalusa dan Kondisi.
Secara umum untuk membuat program edit data kita akan memerlukan dua
buah halaman program, untuk latihan kita akan menerapkan pada tabel Propinsi,
ketiga program tersebut dapat dijelaskan sebagai berikut:

5. Propinsi.php : Pada program ini digunakan untuk menampilkan seluruh daftar


dari tabel Propinsi, dari halaman ini kita dapat memilih salah satu baris data yang
ingin di edit.
6. ed_propinsi.php : Setelah memilih salah satu baris data dari tabel propinsi
maka akan menuju halaman ed_propinsi.php yang akan ditampilkan dalam sebuah
form. Dari form edit tersebut data dapat disimpan kembali dengan menekan tombol
Update. Query yang melakukan pengubahan data disimpan dalam halaman
ed_propinsi.php.

6.3 Langkah Praktikum


Seperti pembahasan pada bab-bab sebelumnya, langkah yang paling utama
adalah membuat halaman conneksi terhadap database MySQL, dan selanjutnya akan
membuat halaman utama Edit Propinsi.

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 28


4.1.1. Membuat Program Koneksi
Sekarang buatlah koneksi baru untuk membuka database yang telah dibuat pada prkatikum Bab
1, atau anda juga dapat menggunakan program sebelmnya, untuk lebih jelasnya berikut langkahnya.

7. Pada praktikum bab 5 buatlah Sub Direktori dengan nama Bab6


8. Untuk mengetikan program-program yang akan dibahas pada pertemuan
selanjutnya anda akan menggunakan NotePad, Maka sekarang bukalah NotePad
anda (apabila menggunakan Linux maka daat menggunakan Edotor VI atau
Mcedit).
9. Buatlah sebuah Program Coneksi yang digunakan untuk menghubungkan
halaman Web kedalam Server MySQL kita, berikut listing lengkapnya:

<?php
// nama file conneksi.php
$host = "localhost";
$usermysql="tamu";
$passmysql="tamu";

$koneksi=mysql_connect($host,$usermysql,$passmysql)
or die (" Tidak dapat konek ke server MySQL");
mysql_select_db(kemahasiswaan)
or die ("Database tidak ada");
?

10. Setelah selesai menuliskanya maka anda dapat menyimpan program diatas
dengan nama conneksi.php dan diletakan pada diektori Bab6 pada root direktori
anda (Bdata), yang harus diingat sebelum menyimpan anda harus menentukan
Type File dari Note Pad anda menjadi All File.

4.1.2. Membuat halaman Utama Edit Perpustakaan


11. Bukalah halaman baru pada editor anda, dan selanjutnya ketikan program
Propinsi.php dengan Listing sebgai berikut.

<html>
<head>
<title>Penghapusan data Propinsi</title>
</head>
<body>
<table width="225" border="1">
<tr align="center" bgcolor="#00FFFF">

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 29


<td colspan="4"><strong>Laporan Propinsi</strong></td>
</tr>
<tr>
<td width="54"><strong>Kode </strong></td>
<td width="231"><strong>Propinsi</strong></td>
<td width="231"><strong>Ubah</strong></td>
</tr>
<?php
include_once "conneksi.php";
$query = "SELECT * FROM propinsi ORDER BY kd_prop ";
$eksekusi= mysql_query ($query) or
die ("Permintaan gagal dilakukan ");
while($hasil=mysql_fetch_array($eksekusi))
{
?>
<tr>
<td><?php echo "$hasil[kd_prop]"; ?></td>
<td><?php echo "$hasil[propinsi]"; ?></td>
<td><a href="ed_propinsi.php?kd_prop=<?php echo "$hasil[kd_prop]"; ?>" >
Ubah</a></td>
</tr>
<?php } ?>
</table>
</body>
</html>

12. Simpanlah Script diatas pada direktori Bab6 dengan nama propinsi.php, untuk
menjalankan program diatas dapat menggunakan Browser dengan mengetikan
alamat http://localhost/Bdata/Bab6/propinsi.php .

Gambar 6.1 Halaman utama untuk Edit Propinsi

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 30


13. Dalam halaman utama propinsi diatas Kita memiliki satu kolom yang berisi tombol
Ubah, tombol ini digunkan untuk melakukan pengeditan data.
14. Apabila Anda menekan tombol Ubah,maka halaman akan menuju pada Form
pengediatan data, form ini disimpan dalam file ed_propinsi.php, breikut adalah
Script lengkapnya.

<html>
<head>
<title>Halaman Pngubahan data Propinsi</title>
</head>

<body>
<?php
if($update)
{
include_once "conneksi.php";
mysql_query ("UPDATE propinsi SET kd_prop='$kd_prop',
propinsi='$txt_propinsi'
WHERE kd_prop='$kd_prop' ");
}
include_once "conneksi.php";

$query = "SELECT * FROM propinsi


WHERE kd_prop='$kd_prop' ORDER BY kd_prop ";
$eksekusi= mysql_query ($query) or
die ("Permintaan gagal dilakukan ");
while($hasil=mysql_fetch_array($eksekusi))
{
$kd_prop=$hasil[kd_prop];
$propinsi=$hasil[propinsi];
}
?>
<form name="form1" method="post" action="ed_propinsi.php">
<table width="300" height="77" border="1">
<tr bgcolor="#00FFFF">
<td colspan="2"><strong>Masukan data Propinsi</strong></td>
</tr>
<tr>
<td width="91">Kode Propinsi</td>
<td width="193">
<input name="kd_prop" type="text" id="kd_prop" value="<?php echo
"$kd_prop"; ?>" size="10" maxlength="3"></td>
</tr>
<tr>
<td>Propinsi</td>
<td><input name="txt_propinsi" type="text" id="txt_propinsi" value="<?php
echo "$propinsi"; ?>" size="20" maxlength="35"></td>
</tr>
<tr>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 31


<td>&nbsp;</td>
<td><input name="update" type="submit" id="update" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>

15. Simpanlah program diatas dengan nama file ed_propinsi.php, dari halaman utama
(propinsi.php) apa bila menekan salah satu tombol yang ada disamping baris
Record maka halaman ed_propinsi.php akan menunjukan form sebgai berikut.

Gambar 6.2 Form utama untuk menghapus database

6.4 Latihan
Untuk latihan sekarang Kita akan mencoba untuk membuat program yang digunakan untuk
menghapus data, pada proses penghapusan ini Kita akan memerlukan dua buah halaman program.
Program yang pertama digunakan u ntuk membentuk halaman utama yang menampilkan data-data
yang ingin dihapus, pada halaman tersebut akan ditampilkan Tombol Hapus pada setiap data yang
ada. Apabila diklik tombol Hapus maka program akan dieksekusi oleh halaman kedua yang bernama
exe_hapus.php. Berikut adalah langkah pembuatanya.

16. Bukalah halaman baru pada editor yang Anda gunakan, untuk membuat program
utama, ketikan Listing program berikut:

<html>
<head>
<title>Penghapusan data Propinsi</title>
</head>
<body>
<table width="225" border="1">

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 32


<tr align="center" bgcolor="#00FFFF">
<td colspan="4"><strong>Laporan Propinsi</strong></td>
</tr>
<tr>
<td width="54"><strong>Kode </strong></td>
<td width="231"><strong>Propinsi</strong></td>
<td width="231"><strong>Hapus</strong></td>
</tr>
<?php
include_once "conneksi.php";
$query = "SELECT * FROM propinsi ORDER BY kd_prop ";
$eksekusi= mysql_query ($query) or
die ("Permintaan gagal dilakukan ");
while($hasil=mysql_fetch_array($eksekusi))
{
?>
<tr>
<td><?php echo "$hasil[kd_prop]"; ?></td>
<td><?php echo "$hasil[propinsi]"; ?></td>
<td><a href="exe_hapus.php?kd_prop=<?php echo "$hasil[kd_prop]"; ?
>" > Hapus</a> </td>
</tr>
<?php } ?>
</table>
</body>
</html>

17. Simpanlah program diatas dengan nama propinsi_hapus.php, dan untuk


menjalankanya dapat mengetikan alamat
http://localhost/Bdata/Bab6/propinsi_hapus.php

Gambar 6.3 Tampilan utama penghapusan data

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 33


18. Pada halaman utama hapus data diatas memiliki satu kolom yang berisi tombol
Hapus. Apabila tombol tersebut di klik maka program akan menuju pada halaman
exekusi penghapusan, berikt program utamanya.

<?php
include_once "conneksi.php";
mysql_query("DELETE FROM propinsi WHERE kd_prop='$kd_prop' ")
or die ("data tidak bisa dihapus");
echo " Data telah dihapus ";
include "propinsi_hapus.php";
?>

19. Simpanlah Script diatas dengan nama exe_hapus.php, dengan menggunakan


program diatas maka setiap data yang Anda klik hapus maka baris data tersebut
akan dihilangkan dari database. Berikut adalah tampilan penghapusan data.

Gambar 6.4 Halaman dan pesan yang muncul setelah melakukan penghapusan salah satu bari
data

6.5 Tugas
20. Tuliskan query yang digunakan untuk menghapus data Jurusan, propinsi dan
mahasiswa?
21. Gabungkanalah kedua program utama propinsi.php dan propinsi_hapus.php
menjadi satu halaman dan disimpan dalam file utama_propinsi.php, sehingga
apabila hendak menghapus Kita hanya memanggil program utama_propinsi.php
saja? Sertakan Listing dan Gamabar hasil program!

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 34


Modul 7
Program Pencarian

7.1 Tujuan
22. Agar mahasiswa mampu menggunakan query SQL yang berkaitan dengan
Perbandingan data
23. Dengan menggunakan perbandingan data diharapkan mahasiswa dapat
menerapkanya pada program yang melibatkan pencarian data
24. Agar mahasiswa mampu untuk membuat sebuah Search Enggine atau Mesin
pencari.

7.2 Teori Singkat


Tentunya Anda sering menggunakan situs yang menyediakan Seach Engine
atau dengan kata lain Mesin Pencari. Program ini dibuat untuk dimanfaat kan bagi
penggunanya dalam hal mencari data. sehingga dengan adanya mesin pencari Kita
tidak akan mengalami kesulitan dalam berkunjung pada sebuah situs internet.

Secara umum Seach Enggine dapat dibedakan menjadi dua, yaitu pencarian
yang hanya melibatkan data yang berasal dari dalam Web itu sendiri dan Pencaraian
yang akan melibatkan data global atau data yang berasal dari luar web. Contoh
penggunaan Pencarian yang melibatkan data luar adalah www.google.co,
www.altavista.com, www.yahoo.com dan lain-lain.

Proses pencarian untuk memperoleh data adalah dengan membandingkan data


yang ingin Kita cari dengan tabel atau kolom yang telah Kita tunjuk dalam pencarian,
dan apabila data tersebut sama persis ataupun mirip maka data tersebut Kita
tampilkan kelayar. Dalam perintah SQL, operator yang berguna untuk
membandingkan dua buah kata adalah LIKE yang kemudian dapat dideklarasikan
dengan variabel data yang akan Kita cari.

7.3 Langkah Praktikum


Seperti pembahasan pada bab-bab sebelumnya, langkah yang paling utama
adalah membuat halaman conneksi terhadap database MySQL, dan selanjutnya akan
membuat halaman utama untuk pencarian data mahasiswa.

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 35


4.1.3. Membuat Program Koneksi
Sekarang buatlah koneksi baru untuk membuka database yang telah dibuat pada prkatikum Bab
1, atau anda juga dapat menggunakan program sebelmnya, untuk lebih jelasnya berikut langkahnya.

25. Pada praktikum bab 6 buatlah Sub Direktori dengan nama Bab7
26. Untuk mengetikkan program-program yang akan dibahas pada pertemuan
selanjutnya anda akan menggunakan NotePad, Maka sekarang bukalah NotePad
anda (apabila menggunakan Linux maka daat menggunakan Edotor VI atau
Mcedit).
27. Buatlah sebuah Program Coneksi yang digunakan untuk menghubungkan
halaman Web kedalam Server MySQL kita, berikut listing lengkapnya:

<?php
// nama file conneksi.php
$host = "localhost";
$usermysql="tamu";
$passmysql="tamu";

$koneksi=mysql_connect($host,$usermysql,$passmysql)
or die (" Tidak dapat konek ke server MySQL");
mysql_select_db(kemahasiswaan)
or die ("Database tidak ada");
?

28. Setelah selesai menuliskanya maka anda dapat menyimpan program diatas
dengan nama conneksi.php dan diletakan pada diektori Bab7 pada root direktori
anda (Bdata), yang harus diingat sebelum menyimpan anda harus menentukan
Type File dari Note Pad anda menjadi All File.

4.1.4. Membuat halaman Utama Pencarian


Setelah Program pembuka koneksi selesai dibuat maka sekarang Kita akan mencoba untuk
membuat halaman utama yang digunakan untuk memasukan data yang ingin Kita cari. Untuk lebih
jelasnya ikuti langkahnya sebgai berikut.

29. Buakalah halaman baru pada editor Anda, dan kemudian ketikan program berikut

<html>
<head>
<title>Halaman Pencarian</title>
</head>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 36


<body>
<form name="form1" method="post" action="mesin_pencarian.php">
<table width="393" border="1">
<tr>
<td align="center" bgcolor="#00FFFF"><strong>Pencarian data
Mahasiswa</strong></td>
</tr>
<tr>
<td align="center">Nama Mahasiswa
<input name="data_cari" type="text" id="data_cari" size="20"
maxlength="30">
<input type="submit" name="Submit" value="Cari">
</td>
</tr>
</table>
</form>
</body>
</html>

30. Simpanlah program ditas pada direktori Bab7 dengan nama form_pencarian.php,
untuk belihat hasilnya dapat menggunakan browser dan dengan mengetikan
alamat http://localhost/Bdata/Bab7/form_pencarian.php. Berikut adalah tampilan
utama form pencarian.

Gambar 7.1 Halaman utama pencarian

31. Untuk mencobanya Anda dapat memasukan salah satu nama yang ingin Anda
cari, apabila tombol cari diklick maka akan menuju program mesin_pencarian.php.

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 37


4.1.5. Membuat Mesin Pencarian
Setelah halaman utama pencarian selesai dibuat, maka sekarang Kita akan membuat mesin
program yang digunakan untuk melakukan pencarian dari data yang dimasukan pada form utama.
Berikut langkahnya.

32. Buatlah halaman baru, dan ketikan program berikut

<html>
<head>
<title>Mesin Pencarian</title>
</head>
<body>

<table width="500" border="1">


<tr align="center" bgcolor="#00FFFF">
<td colspan="4"><strong>Laporan Mahasiswa</strong></td>
</tr>
<tr>
<td width="104" height="23"><strong>No Mhs</strong></td>
<td width="132"><strong>Nama</strong></td>
<td width="125"><strong>Kode Jurusan</strong></td>
<td width="111"><strong>Kode Propinsi</strong></td>
</tr>
<?php

include_once "conneksi.php";

$query = "SELECT * FROM mahasiswa


WHERE nama LIKE '%$data_cari%'
ORDER BY no_mhs";
$eksekusi= mysql_query ($query) or
die ("Permintaan gagal dilakukan ");
while($hasil=mysql_fetch_array($eksekusi))
{
?>
<tr>
<td height="22"><?php echo "$hasil[no_mhs]"; ?></td>
<td><?php echo "$hasil[nama]"; ?></td>
<td><?php echo "$hasil[kd_jur]"; ?></td>
<td><?php echo "$hasil[kd_prop]"; ?></td>
</tr>
<?php } ?>
</table>
<p>&nbsp;</p>
</body>
</html>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 38


33. Simpanlah Script diatas dengan nama mesin_pencarian.php, dari halama utama
mesin pencarian halaman ini akan menghasilkan data pencarian seperi gambar
berikut.

Gambar 7.2 Tampilan hasil pencarian

7.4 Latihan
Pada tampilan hasil program mesin pencari diatas didapatkan data yang belum lengkap, sebagai
contoh pada kolom kode jurusan dan kode propinsi, data tersebut masih menampilkan data yang
berupa kode saja. Sekarang Kita akan mencoba untuk menampilkan hasil relasinya dari tabel
jurusan dan propinsi.

34. Bukalah program mesin_pencari.php yang telah Anda buat diats, ubahlan query
yang ada dengna query berikut:

$query = "SELECT mahasiswa.no_mhs, mahasiswa.nama,


jurusan.jurusan, propinsi.propinsi
FROM mahasiswa, jurusan , propinsi
WHERE mahasiswa.nama LIKE '%$data_cari%'
AND (mahasiswa.kd_jur=jurusan.kd_jur
AND mahasiswa.kd_prop=propinsi.kd_prop)
GROUP BY mahasiswa.no_mhs
ORDER BY mahasiswa.no_mhs ";

35. Selanjutnya ubah juga kolom tampilan yang menayatakan kode menjadi seperti
berikut:

<td><?php echo "$hasil[kd_jur]"; ?></td>


<td><?php echo "$hasil[kd_prop]"; ?></td>

menjadi

<td><?php echo "$hasil[jurusan]"; ?></td>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 39


<td><?php echo "$hasil[propinsi]"; ?></td>
36. Setelah selesai simpanlah programg tersebut dengan nama yang sama, dan
sekarang hasil dari pencarian Anda akan tamapak seperti gambar berikut.

Gambar 7.3 Halaman hasil pencarian yang ditampilkan dengan relasinya

7.5 Tugas
37. Jelaskan yang Anda ketahui mengenai Pencarian data dengan SQL
38. Jelaskan logika dalam proses pencarian data.
39. Tuliskan perintah SQL untuk mencari data mahasiswa lengkap, dan data yang
dicari adalah propinsi asalnya.
40. Sebutkan minimal 7 situs yang menyediakan fasilitas mesin pencari Global atau
pencarian luar web ( Selain yang telah disebutkan pada bagian Teori Singkat).

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 40


41.

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 41


Modul 8
Menyimpan dan Menampilkan Gambar

8.1 Tujuan
42. Agar mahasiswa mengetahui tehnik upload gambar kedalam direktori dokumen
web Kita.
43. Agar mahasiswa mampu menampilkan data gambar dengan PHP.

8.2 Teori Singkat


Memasukan gambar didalam pemrograman PHP biasas disebut dengan Upload
gambar, perintah yang digunakan untuk memindahkan gambar adalah Copy.
Ada dua bentuk penyimpanan gambar yang dilakukan oleh PHP:
44. Gambar dipindahkan dari direktori Lokal menuju direktori tujuan yang ada pada
server, dan kemudian nama filenya disimpan kedalam tabel.
45. Gambar di konfersikan kedalam binari yang kemudian data disimpan kedalam
tabel yang kolomnya bertype blob,

Dari kedua bentuk penyimpanan gambar diatas Kita dapat menampilkan gambar dengan
menggunakan Tag HTML yang kemudian alamatnya membaca pada isi tabel penyimpanan.

8.3 Langkah Praktikum

4.1.6. Membuat Database dan Tabel


Buatlah database bernama bab8 dan tabel data_gambar, berikut langkahnya:

mysql> CREATE DATABASE bab8;


Query OK, 1 row affected (0.71 sec)

Masuk kedalam database bab8:

mysql> USE bab8;


Database changed

Membuat tabel data_gambar:

mysql> CREATE TABLE data_gambar

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 42


-> (id int(3) NOT NULL AUTO_INCREMENT,
-> gambar VARCHAR(60) NOT NULL,
-> keterangan TEXT,
-> primary key(id));
Query OK, 0 rows affected (0.22 sec)

4.1.7. Membuat Program Coneksi dan Persiapan direktori


Buatlah program koneksi yang dapat membuka hubungan kedalam datbase MySQL dan
database bab8, berikut langkahnya:

46. Pada praktikum bab 8 buatlah Sub Direktori dengan nama bab8
47. Untuk mengetikan program-program yang akan dibahas pada pertemuan
selanjutnya anda akan menggunakan NotePad, Maka sekarang bukalah NotePad
anda (apabila menggunakan Linux maka daat menggunakan Edotor VI atau
Mcedit).
48. Buatlah sebuah Program Coneksi yang digunakan untuk menghubungkan
halaman Web kedalam Server MySQL kita, berikut listing lengkapnya:

<?php
// nama file conneksi.php
$host = "localhost";
$usermysql="tamu";
$passmysql="tamu";
$koneksi=mysql_connect($host,$usermysql,$passmysql)
or die (" Tidak dapat konek ke server MySQL");
mysql_select_db(bab8)
or die ("Database tidak ada");
?

49. Setelah selesai menuliskanya maka anda dapat menyimpan program diatas
dengan nama conneksi.php dan diletakan pada diektori bab8 pada root direktori
anda (Bdata), yang harus diingat sebelum menyimpan anda harus menentukan
Type File dari Note Pad anda menjadi All File.

4.1.8. Membuat halaman Utama Penyimpanan Gamabar

50. Buka halaman baru dan kemudian ketikan Listing program berikut:

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 43


<html>
<head>
<title>Masukan Gambar</title>
</head>

<body>
<form action="kirim.php" method="post" enctype="multipart/form-data"
name="form1">
<input type='hidden' name='max_file_size" value='1024'>
<table width="367" border="1">
<tr>
<td bgcolor="#99CCFF">
<strong>Masukan Gambar </strong></td>
</tr>
<tr>
<td align="center">
<input name="namafile" type="file" id="namafile" size="25"
maxlength="25"></td>
</tr>
<tr>
<td align="center">
<textarea name="fm_keterangan" cols="40" rows="3"
id="fm_keterangan"></textarea></td>
</tr>
<tr>
<td align="center">
<input type="submit" name="Submit" value="Submit"></td>
</tr>
</table>
</form>
</body>
</html>

51. Simpanlah program tersebut pada direktori bab8 dengan nama in_gambar.php.
52. Jalankan dengan mengetikan alamat http://localhost/bdata/bab8/in_gambar.php
.Program diatas apabila dijalankan akan tampak seperti gambar berikut.

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 44


Gambar 8.1 Halaman utama untuk memasukan data gambar

53. Untuk memperoleh gambar Anda dapat mengklik Tombol Browse, sehingga
halaman akan tampak seperti gambar berikut.

Gambar 8.2 Halaman browsing pencarian data gambar

54. Pada program utama ditas, apabila Kita klick tombol Submit maka halaman akan
menuju pada program kirim.php. listing dari program diatas adalah:

<?php
if (copy($namafile,"gambar/$namafile_name"))
{
echo "Gambar telah disalin gambar/$namafile_name";
include "conneksi.php";
mysql_query ("INSERT INTO data_gambar (gambar,keterangan)

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 45


VALUES ('$namafile_name','$fm_keterangan')");
}
else {
echo "Gagal menyalin gambar/$namafile_name";
}
?>

55. Simpanlah program diatas dengan nama kirim.php.


56. apabila pengiriman data sukses maka tampilanya akan tampak seperti gambar
berikut:

Gambar 8.3 Halaman yang menyatakan penyimpanan data sukses dilakukan

8.4 Latihan
Untuk latihan Kita akan membuat sebuah program yang dapat menampilkan data
gambar kedalam Browser, untuk lebih jelasnya ikuti langkah-langkahnya sebgai
beriktu:
57. Bukalah halaman baru pada Editor Anda , selanjutnya ketikan program berikut:
<html>
<head>
<title>Menampilkan Gambar</title>
</head>

<body>
<h1>Menampilkan Data Gamabar</h1>

<?php

include_once "conneksi.php";

$query = "SELECT * FROM data_gambar ORDER BY id ";


$eksekusi= mysql_query ($query) or
die ("Permintaan gagal dilakukan ");

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 46


while($hasil=mysql_fetch_array($eksekusi))
{
echo "$hasil[id]";
echo "<br> ";
echo "<img src=gambar/$hasil[gambar] width=100 height=100>";
echo "<br> ";
echo "$hasil[keterangan]";
echo "<br> <hr> ";
}
?>
</body>
</html>

58. Simpanlah program ditas dengan nama tampil_gambar.php, untuk menjalankanya


dapat mengetikan alamat http://localhost/bdata/bab8/tampil_gambar.php. Berikut
adalah hasil setelah dijalankan pada browser.

Gambar 8.4 Halaman Tampilan yang menampilkan data gamabar

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 47


8.5 Tugas
59. Jelaskan Logika dalam menyimpan gambar yang dilakukan pada program diatas.
60. Buatlah Program yang dapat memasukan 3 gambar secara bersama-sama.

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM 48