modul praktikum pemrogamam web

MODUL PRAKTIKUM

PEMROGRAMAN WEB Mengunakan PHP

(Untuk Prodi Manajemen Informatika D3)

Edisi 1

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AKAKOM

Kata Pengantar

Puji syukur kami panjatkan kehadirat Alloh SWT atas selesainya

penyusunan modul Praktikum Pemrograman Web ini.

Modul ini diperuntukkan sebagai acuan untuk praktikum khususnya bagi

prodi Manajemen Informatika, sehingga isi atau obyek sesuai dengan bidang dari

prodi tersebut. Bahasa yang digunakan adalah HTML dan PHP dengan database

servernya adalah MySql.

Penulis mencoba menyusun modul ini dengan tahapan yang paling

sederhana, sampai pada integrasi. Integrasi berbagai halaman ini diperlukan agar

mahasiswa dapat memahami sistematika suatu aplikasi secara lebih utuh.

Masih banyak kekurangan dalam modul ini sehingga akan senantiasa di

perbaiki secara bertahap, untuk itu masukan dari berbagai fihak yang terkati

dengan penggunaan modul ini sangat kami harapkan.

Atas segala masukannya kami ucapkan terima kasih, semoga bermanfaat.

Yogyakarta, 29 September 2009

Tim Penyusun Modul Prakitkum

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

2

MODUL 1. PENGENALAN PHP

1.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

1.2. DASAR TEORIPHP (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

1. Menampilkan text

echo "..text …. <br>"<br> : ganti baris

2. 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 :

$data, $data1, $data_ku

Array



3

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)

OperatorDalam 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 DataTipe data yang dikenal pada pemrograman PHP yaitu :

Tipe data KeteranganInteger Tipe data bilangan bulatDouble Tipe data bilangan realString Tipe data teks



4

Konversi Tipe DataFungsi-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 WaktuUntuk menampilkan tanggal dan waktu secara update, dapat menggunakan

perintah date dengan format-format berikut :

Format Keterangana,A am atau pm, AM atau PMd,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 digith,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)

1.3. PELAKSANAAN PRAKTIKUM1. 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;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 :



5

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];

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;

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

<body>



6

<?$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.<html><head><title>Tanggalan</title></head><body><?echo date("m-F-Y, g:i:s a");?></body></html>

1.4. Latihan Buatlah aplikasi sederhana untuk memghitung luas segi empat

1.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 menjadiecho "tipe double: ". (double) $a, "<br>";

2. modifikasilah program pada praktik nomor 5 untuk menampilkan informasi

tanggal dan waktu dengan mencoba menggunakan format-format date lainnya.



7

MODUL 2.STRUKTUR KONTROL

2.1. Tujuan3. Mahasiswa dapat menggunakan struktur kontrol untuk kasus tertentu

4. Mahasiswa dapat membuat pemrograman PHP yang melibatkan pernyataan

perulangan

2.2. DASAR TEORI

1. Kondisi (condition)

a. Bentuk ifPerintah IF ini akan menjalankan statement jika kondisinya bernilai benar

(True).

if (expr) statement

b. Bentuk if elseDalam bentuk ini jika ekpresi bernilai benar maka statement_1 akan

dijalankan, tetapi jika salah maka statement_2 yang akan dijalankan.

if (expr)

statement_1

else

statement_2

atauif (expr){ statement_1a statement_1b }else{ statement_2a statement_2b }

c. Bentuk if – elseifBentuk if-elseif ini cocok untuk melakukan pengambilan keputusan yang

melibatkan banyak alternative. PHP dapat mengetahui bentuk elseif dan

else if.

d. Switch



8

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 :Switch (ekspresi){

case ekspresi_case_1:pernyataan;

break;…case ekspresi_case_n :pernyataan_n;breakdefault:

pernyataan_default;}

2. Perulangan

a. whilePerulangan mengunakan while mempunyai bentuk yang mudah untuk

digunakan. Perintah while akan terus diulang selama kondisi berisi

TRUE dan akan berhenti jika kondisi berisi FALSEwhile (expr) statement

b. ForPerulangan mengunakan for mempunyai 3 ekpresi

• 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

for (expr1; expr2; expr3) statement



9

c. do – whilePerulangan mengunakan do – while ini akan berakhir jika ekpresi bernilai

FALSE

Do { statement } While (expr)

2.3. PELAKSANAAN 1. Ketikkan script berikut, simpan dan lihat hasilnya di browser.

<html><head><title> Struktur Control IF </title></head><body><?$nilai1 = 4;$nilai2 = -7;if($nilai1 > $nilai2)

echo "$nilai1 Lebih Besar dari pada $nilai2 <br>";if($nilai2 < 0) echo "nilai2 adalah negative";?></body></html>

2. Ketikkan script berikut<html><head><title> Struktur Control IF ELSE</title></head><body><?

$bil = 8;if($bil % 2 == 0)

echo "bilangan $bil merupakan bilangan genap";else

echo "bilangan $bil merupakan bilangan ganjil";?></body></html>



10

3. Ketikkan program PHP berikut <html><head><title>Pernyataan SWITCH</title></head><body><?

$jurusan = "SI";switch($jurusan){

case "KA":echo "$jurusan = Komputerisasi akuntansi";break;

case "MI":echo "$jurusan = Manajemen Informatika";break;

case "SI":echo "$jurusan = Sistem Informasi";break;

case "TI":echo "$jurusan = Teknik Informatika";break;

default:echo "$jurusan tidak terdaftar";

}?></body></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.<html><head><title>Perulangan dengan While</title></head><body><?

$i = 1; $jum=0;

while ($i <= 5) {$jum=$jum+$i;

echo "Bilangan ke : $I, jumlah : $jum <br>";}

?></body>



11

</html>

2.4. LATIHAN Modidikasilah script diatas sehingga sampai bilangan ke 10.

2.5. TUGAS Modifikasilah script PHP dengan mengubah pernyataan while menggunakan

pernyataan FOR dan do-while



12

MODUL 3.MYSQL3.1. TUJUAN1. Mahasiswa dapat membuat database dan tabel

2. Mahasiswa dapat membuat query untuk mengolah data

3.2. DASAR TEORIMysql 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.2.1. Menggunakan MySQL 1. Untuk menjalankan MySQL, masuklah kedalam lingkungan DOS Prompt,

2. ketikkan DOS COMMAND : cd c:\appserv\mysql\bin ( bila menggunakan paket

Appserv. Setiap paket memiliki folder tersendiri)

3. Ketikkan mysql lalu tekan <enter> dan akan muncul sbb



13

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 KegunaanHelp \h Menampilkan daftar perintahClear \c Menghapus (clear)Connect \r Menghubungkan kembali database

MySQLExit \q Keluar dari MySQLGo \g Mengirimkan perintah kepada MySQLEgo \G Mengirimkan perintah kepada MySQL dan

menampilkan hasilnya secara verticalPrint \p Mencetak perintah saat iniUse \u Membuat/mengganti koneksi kepada

database

3.2.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 :



14

3.2.3. Perintah dasar MySql1. Membuat database

CREATE DATABASE database_name

2. Menghapus database

DROP DATABASE database_name

3. Membuat tabel

CREATE TABLE table_name(column_name1 data_type,column_name2 data_type,.......)

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

c. Tipe data tanggal



15

Tipe data ini digunakan untuk mendefinisikan waktu. Dibedakan menjadi

time, timestamp, date, datetime, year, dan lainnya.

4. Menghapus tabel

DROP TABLE table_name

5. Menambahkan field kedalam tabel

ALTER TABLE table_nameADD column_name data_type;

6. Menghapus Field

ALTER TABLE table_namedrop column_name

7. Memasukan data ke tabelINSERT INTO table_nameVALUES (value1, value2,....)

Selain sintak diatas anda juga dapat menyebutkan nama–nama filed (kolomnya).

INSERT INTO table_name (column1, column2,...)VALUES (value1, value2,....)

8. Menampilkan data

SELECT (column1, coloumn2…) from table_name

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

9. Merubah data / menganti data

UPDATE table_name



16

SET column1 = expr1, column2 = expr2WHERE where_definition

10.Menghapus data DELETE FROM table_name WHERE where_definition

3.2.4. Format Tanggal dan Waktu pada mySQLSecara 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 …

December%W Nama hari (Sunday … Saturday)

%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 … 12)

%j Hari dari tahun (001 … 336)

%H Jam (00 .. 23) %h Jam (01 … 12)%I Menit (00 … 59) %S Detik (00 … 59)



17

3.3. 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 digunakanUSE tokoabc;

4. Lalu buat table dengan nama anggota seperti berikut :CREATE TABLE barang ( kodebarang char(3), namabarang varchar(25), stok integer



18

)

5. Lakukan pengisian data ke database dengan perintah INSERT

INSERT INTO barang(kodebarang,namabarang,stok )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 fieldSELECT * FROM barang

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

8. Mengambil semua record dengan field tertentu

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 :

SELECT namabarang,stok FROM anggota ORDER BY namabarang;

10.Menampilkan record tertentu (misal daftar barang yang stok diatas 5)

SELECT * FROM barang WHERE stok>5;

3.4. LATIHAN1. Tambahkan filed satuan dan harga pada tabel barang diatas.

2. Isilah kolom satuan dan harga diatas kosong dengan data

3.5. TUGAS1. Tuliskan SQL untuk menampilkan 10 Daftar Barang dengan urutan dari stok

terkecil



19

MODUL 4. MEMBUAT FORM ENTRY DAN MENAMPILKAN DATA DARI DATABASE

4.1. 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

4.2. DASAR TEORIUntuk dapat menampilkan hasil query pada browser, PHP memerlukan fungsi API

(Application Programming Interface). Berikut beberapa daftar PHP untuk MySQL :

Nama Fungsi Kegunaan

mysql_connect

Membuka koneksi kepada server MySQL

mysql_close Memutuskan koneksi database

mysql_select_db

Memilih database yang akan digunakan setelah melakukan koneksi ke server

mysql_create_db

Membuat database baru pada MySQL

mysql_drop_db

Menghapus sebuah database

mysql_query Mengirimkan perintah SQL ke server MySQL

mysql_fetch_array

Menampilkan sebuah baris hasil query sebagai array assosiatif

mysql_fetch_row

Menampilkan baris hasil dalam bentuk array satu persatu

mysql_num_rows

Menghitung jumlah record / baris hasil suatu query



20

mysql_error Menampilkan teks berupa pesan error dari operasi yang dilakukan

Mysql_result

Memberikan data hasil query

Mysql_fetch_field

Menghasilkan informasi kolom dari hasil dan ditampilkan sebagai obyek

Mysql_fetch_length

Menampilkan panjang pada beberapa kolom baris terakhir

Mysql_field_flags

Mendapatkan informasi spesifikasi kolom

Mysql_field_len

Menghasilkan panjang ukuran dari spesifikasi kolom

Mysql_field_name

Menghasilkan spesifikasi nama pada kolom



21

4.3. PELAKSANAAN

1. Ketikkan script berikut (dengan menggunakan notepad) dan simpan dalam file

hubung.php . Script ini untuk melakukan koneksi ke database?mysql_connect("localhost","","");mysql_select_db("tokoabc");?>

2. Jalankan script hubung.php, pastikan tidak muncul error. Bila masih muncul

error ada beberapa kemungkinan. User belum terdaftar di tabel user (bawaan

mysql) atau nama database belum sesuai.

3. Ketikkan script berikut dan simpan dengan nama form_input.php <HTML><HEAD>Pemasukan Data Barang</HEAD><TITLE>Pemasukan data Barang dan stok</TITLE><BODY><form name='form1' methode="post" action='simpan_barang.php'><table width='400' height='77' border='1'><tr><td width='100'>Kode Barang</td><td ><input name='in_kode_brg' type='text' size='12' maxlength='4')</td></tr><tr><td width='100'>Nama Barang</td><td><input name='in_nama_brg' type='text' size='30' maxlength='30')</td></tr><tr><td width='100'>Stok</td><td ><input name='in_stok' type='text' size='5' )</td></tr><tr><td ><input name='submit' type='submit' value='simpan')</td></tr><table></form></BODY></HTML>

4. jalankan script form_input.php diatasmengapa masih terjadi kesalahan ?

5. ketik script dibawah<?include_once "hubung.php";$rekam="insert into barang(kodebarang,namabarang,stok) values ('$in_kode_brg','$in_nama_brg','$in_stok')";mysql_query($rekam); ?>

6. Simpan dengan nama file simpan_barang.php



22

7. Ulangi lagi langakah no 4 diatas.

4.4. 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

4.5. TUGASJawablah pertanyaan dibawah ini !1. Apa kegunaan dari script action pada form_input.php ?

2. Apa kegunaan dari script insert into pada simpan_barang.php ?



23

Modul 5. Menampilkan Isi Tabel

5.1 Tujuan1. Agar mahasiswa mampu menampilkan data pada Tabel yang memiliki

Relasional2. Agar mahasiswa mengetahui Database Relasional dengan MySQL3. Agar mahasiswa mampu untuk membangaun sebuah Sistem yang melibatkan

Perimintaan Relasional dengan SQL.

5.2 Teori SingkatSQL 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,database2WHERE [ kondisi ] ;

Beberapa Operator Logika yang digunakan dalam Relasional database adalah:

Data 1 Data 2 AND ORB B B(ditampilkan

)B(ditampilkan)

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

Data NOTB SS B

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



24

SELECT database1.kolom,database2.kolom,........ FROM database1,database2WHERE database1.kolom1=database2.kolom1AND database1.kolom2=database3.kolom2 ;

5.3 Langkah Praktikum1. Tulislah script dibawah ini dan simpan dengan dengan nama file :

tampilbarang.php<html><head><title> ABC Online Shop</title></head><body><BR>DAFTAR BARANG <BR><?include_once "hubung.php";$ambil="select kode_brg,nama_brg from barang limit 0,10";$lakukan=mysql_query($ambil);while($hasil=mysql_fetch_array($lakukan)){?>Kode Barang :<? echo $hasil[kode_brg]; ?><BR>Nama Barang : <? echo $hasil[nama_brg]; ?><BR><BR> <?}?></body></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)<html><head><title> ABC Online Shop</title></head><body><BR>DAFTAR BARANG <BR><?include_once "konek.php";$ambil="select kode_brg,nama_brg from barang limit 0,10";$lakukan=mysql_query($ambil);?><table><tr><td>Kode Barang</td><td>Nama Barang</td></tr><?while($hasil=mysql_fetch_array($lakukan)){



25

http://localhost/tampilbarang.php

?><tr><td> <? echo $hasil[kode_brg]; ?></td> <td><? echo $hasil[nama_brg]; ?></td></tr> <?}?></table></body></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 Latihan1. Tambahkan kolom Stok, Satuan , dan Harga header dengan

mengubah/menambah script tampilbarang_tab.php

2. Tambahkan pula field pada SELECT ...., sehingga akan diambil data stok, satuan dan harga

3. Tambahkan script pada tampilbarang_tab.php, sehingga data stok,satuan da

harga dapat muncul di browser

5.5 Tugas Mengapa untuk transfer data dari database ke display tidak cukup hanya

menggunakan perintah select tetapi harus ditambah dengan echo variabel

(pada baris2 dibawahnya)



26

http://localhost/tampilbarang_tab.php

Modul 6. Membuat Aplikasi Transaksi

6.1 Tujuan1. Mampu menampilkan hasil relasi antar tabel

2. Mampu membuat halaman untuk transaski dengan mode hiperlink

6.2 Teori SingkatSQL untuk relasi antara 2 tabel sbb

SELECT field1,field2,... FROM tabel1,tabel2,.....WHERE tabel1.kunci=tabel2.kunci ..................

bila menggunakan INNER JOIN

SELECT tabel1.field1,tabel2.field2,... FROM tabel1 INNER JOIN tabel2 ONO tabel1.kunci=tabel2.kunci

ket:kunci : kunci primer pada tabel master/induk dan kunci tamu pada tabel transaksi/anak

6.3 Langkah Praktikum

6.3.1 Membuat halaman transaksi1. Tambahkan pada database tokoabc , tabel transaksi dengan field :

nomornota int ,tglnota date, kodebarang char(5),cacah int 2. Tulislah script untuk transaksi. Script dimodifikasi dari tampilbarang_tab.php

sebagai berikut.<html><head><title> ABC Online Shop</title></head><body><BR>DAFTAR BARANG <BR><?include_once "hubung.php";$ambil="select kode_brg,nama_brg from barang limit 0,10";$lakukan=mysql_query($ambil);?><table><tr><td>Kode Barang</td><td>Nama Barang</td><td>Dibeli </td></tr><?while($hasil=mysql_fetch_array($lakukan)){



27

?><form name="form1" action="beli.php"><tr><td> <? echo $hasil[kode_brg]; ?></td><td><? echo $hasil[nama_brg]; ?></td><td><a href="beli.php" ?kd_brg=<? echo $hasil[kode_brg];?>">Ya</a> </td></tr>

<?}?></body></html>

3. Simpan script diatas dengan namafile (misal) : transaksi.php

4. Tulis script dibawah ini. Script ini digunakan untuk menyimpan data transaksi

ke tabel transaksi.

5. Jalankan script transaksi.php, amati apa yang terjadi ? adakah pesan

kesalahan ? mengapa itu terjadi !

6.3.2 Membuat halaman untuk perekaman data1. Ketik script dibawah ini <?//cek nomor nota terakhirinclude "hubung.php"; $ambil="select max(nomornota) as no_akhir from transaksi";$no=mysql_query($ambil);$ha=mysql_fetch_array($no);$no1=$ha[no_akhir];

//pembuatan nomor nota baru (nomor lama + 1)

$no_baru=$no1+1;

//rekam data ke tabel transaksi$rekam="INSERT INTO transaksi(nomornota,kodebarang) VALUES('$no_baru','$kd_brg')";

if(mysql_query($rekam))echo "Transaksi berhasil";elseecho "Transaksi GAGAL";?>

2. simpan script diatas dengan nama file beli.php

3. jalankan kembali transaksi.php

4. Cek apakah tabel transaksi bertambah recordnya dan apakah data tersimpan

sesuai inputnya ?



28

6.3.3. Menampilkan hasil relasi1. Ketik script dibawah ini <html><head><title> ABC Online Shop</title></head><body><BR>DAFTAR TRANSAKSI PENJUALAN<BR><?include_once "konek.php";$ambil="select t.nomornota as tno,t.kode_brg as tko,b.nama_brg as bna from transaksi t,barang b where t.kode_brg=b.kode_brg";$lakukan=mysql_query($ambil);?><table border=1><tr><td>Nomor Nota</td><td>Kode</td><td>Nama Barang</td></tr><?while($hasil=mysql_fetch_array($lakukan)){?><tr><td> <? echo $hasil[tno]; ?></td><td><? echo $hasil[tko]; ?></td><td><? echo $hasil[bna]; ?></td></tr> <?}?></body></html>

2. simpan dengan nama file tabelrelasi.php

3. Jalankan halaman tersebut.

6.4 Latihan Tambahkah kolom stok dan satuan dari kolom yang sudah ada.

6.5 Tugas Ubahlah perintah untuk relasi “select ......” pada tabelrelasi.php

menggunakan inner join



29

Modul 7. Mesin Pencari

7.1 Tujuan mahasiswa mampu untuk membuat sebuah Search Enggine atau Mesin

pencari.

7.2 Teori SingkatTentunya 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 Praktikum1. Buatlah halaman baru, dan ketikan program berikut

<html><head><title>Halaman Pencarian</title></head><body><form name="form1" method="post" action="telusuri.php"> Nama Barang :

<input name="data_cari" type="text" size="20" maxlength="30"> <BR> <input type="submit" name="Submit" value="Cari"> </form></body></html>



30

http://www.yahoo.com/

http://www.altavista.com/

http://www.google.co/

2. Simpanlah Script diatas dengan nama cari.php

3. Jalankan script cari.php ketikkan sembarang data yang akan dicari ! apa yang

terjadi ? mengapa masih error ?

4. Ketik program dibawah !<html><head><title>Hasil Pencarian</title></head><body>Daftar Barang dengan kata kunci : <?echo $data_cari;?><BR><table width="500" border="1"> <tr> <td width="104" height="23">Kode Barang</td> <td width="132">Nama Barang</td> </tr> <?php

include_once "konek.php";

$selek = "SELECT * FROM barang WHERE nama_brg LIKE '%$data_cari%' ORDER BY nama_brg";

$eksekusi= mysql_query ($selek) or die ("Permintaan gagal dilakukan "); while($hasil=mysql_fetch_array($eksekusi)) { ?> <tr> <td ><?php echo "$hasil[kode_brg]"; ?></td> <td><?php echo "$hasil[nama_brg]"; ?></td> </tr> <?php } ?></table><p> </p></body></html>

5. simpan dengan nama : telusuri.php

6. Jalankan lagi program cari.php, kemudian ketikkan nama barang yang ingin di

cari ( bisa sebagaian karakter/huruf) .

7. Amati yang terjadi apakah data yang tampil seperti yang diharapkan?

7.4 Latihan Tambahkan kolom stok pada tampilan diatas dengan memodifikasi file :

telusuri.php



31

7.5 Tugas Sebutkan minimal 3 situs yang menyediakan fasilitas mesin pencari Global atau

pencarian luar web ( Selain yang telah disebutkan pada bagian Teori Singkat).



32

Modul 8 Integrasi halaman web8.1 Tujuan1. Agar mahasiswa dapat mengintegrasikan/memadukan berbagai fasilitas dalam

aplikasi web

2. Agar mahasiswa mampu membuat halaman utama untuk pengendalian

halaman-halaman lainnya

8.2 Teori SingkatHalaman utama pada suatu aplikasi web biasanya berisi identitas pemilik

web (web owner ) dan menu untuk menjalankan halaman-halaman lainnya.Menu tersebut dapat berupa : hyperlink text, button, image button, ikon,

ataupun bentuk lain yang lebih user friendly.Dalam 1 jendela dapat dibagi menjadi 3 bagian seperti sketsa dibawah ini

header

menu Isi (disesuaikan menu terpilih)

Implementasi dari rancangan halaman utama diatas dapat menggunakan

tabel dan subtabel sebagai beirkut

<table><tr><td colspan=”2”> header </td></tr><tr><td><table><tr><td> hyperlink 1 </td></tr> <tr><td> hyperlink 2 </td></tr> ............<tr><td> hyperlink n </td></tr>

</table> </td

<td>

include ....halaman terkait hyperlink...

</td></tr>



33

> </table>

8.3 Langkah Praktikum1. Buatlah script untuk membentuk halaman utama seperti dibawah ini<html><table width="800"><tr><td colspan="2" align="center"><font size="20" color="blue"> ABC ONLINE SHOP </font></td></tr> <tr><td><hr size="3"></td><td><hr size="3"></td></tr>

<tr><tr><td><table><tr> <td> <a href="?hal=home">Utama</a></tr><tr><td> <a href="?hal=transak">Transaksi</a></td> </tr><tr><td> <a href="?hal=cari">Cari</a> </td></tr></table></td><td>

<?include "buka.php";?></td></tr></table></HTML>

2. simpan dengan nama file utama_abc.phpCatatan :Bila diinginkan bahwa suatu halaman ototmatis dijalankan bila ditemukan alamat URLnya, maka halaman tersebut harus diberi nama index.php

3. Jalankan script diatas, amati yang terjadi. Coba klik salah satu, mengapa terjadi

error ?

4. Buat script dibawah ini<?switch($hal){case 'home' :include "home.php";break;case 'transak':include "transaksi.php";break;case 'cari' :include "cari.php";break;}?>

5. Simpan script diatas dengan nama file buka.php

6. Coba jalankanlagi file utama_abc.php

7. Klik slaah satu menu. Amati apa yang terjadi ? mengapa demikian ?



34

8. Bila masih belum jalan coba cocokkan nama file yang ada pada include

dibawah ini perlu disesuaikan dengan nama file yang ada.case 'home' :include "home.php";break;case 'transak':include "transaksi.php";break;case 'cari' :include "cari.php";break;

8.4 Latihan Tambahkan 1 menu lagi yakni untuk menampilkan data transaksi yang ada

pada file transaksirelasi.php

8.5 Tugas1. Apa kegunaan dari script pada file buka.php diatas ?2. Apa kegunaan dari perintah switch ?



35

Cara

BELAJAR YANG PALING BAIK ADALAH

PRAKTEKKANLAH

modul praktikum pemrogamam web

Documents