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

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 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 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 $data, $data1, $data_ku Array Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara

Contoh penulisan variable :

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
Penjumlahan Perkalian Sisa pembagian

Operator
/ ++ , --

Fungsi
Pengurangan Pembagian Penaikan, penurunan

Operator Pembanding yang digunakan dalam PHP yaitu :

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

sama

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 \ \$ \t Keterangan Tanda petik ganda Tanda $ tab Karakter \\ \n \x00 s.d \xFF Keterangan Tanda backslash Pindah baris heksadesimal

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

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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 d,D F g,G Z y,Y h,H I m,M S W am atau pm, AM atau PM hari/tanggal dalam 2 digit, hari (Sun..Sat) nama bulan (January..December) jam (1..12), jam (0..23) hari dari tahun (0..365) tahun dalam 2 digit, tahun dalam 4 digit jam (01..12), (00..23) menit (00..59) Nama bulan (01..12), nama bulan (Jan..Dec) Detik (00..59) hari (0=Sunday..6=Saturday)

1.3.

PELAKSANAAN PRAKTIKUM
<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>

1. Ketikkan program berikut ini :

Catatan : Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

<?

?> </body> </html>

$a = echo echo echo echo echo

300.4; $a; "<br>"; "tipe Double : ", doubleval($a), "<br>"; "tipe Integer : ", intval($a), "<br>"; "tipe string : ", strval($a);

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 menjadi
echo "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.

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

MODUL 2.STRUKTUR KONTROL

2.1. Tujuan

3. 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 if Perintah IF ini akan menjalankan statement jika kondisinya bernilai benar (True). if (expr) statement 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) statement_1 else statement_2 atau if (expr) { statement_1a statement_1b } else { statement_2a statement_2b }

c. Bentuk if elseif Bentuk if-elseif ini cocok untuk melakukan pengambilan keputusan yang melibatkan banyak alternative. PHP dapat mengetahui bentuk elseif dan else if. d. Switch Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara

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; break default: pernyataan_default; }

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 while (expr) statement b. For Perulangan 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 Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara

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

2.3.

PELAKSANAAN
<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>

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

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>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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>

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

12

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

3.2.

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 fungsifungsi 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

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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 Help Clear Connect Exit Go Ego Print Use Perintah Singkat \h \c \r \q \g \G \p \u Kegunaan Menampilkan daftar perintah Menghapus (clear) Menghubungkan kembali database MySQL Keluar dari MySQL Mengirimkan perintah kepada MySQL Mengirimkan perintah kepada MySQL dan menampilkan hasilnya secara vertical Mencetak perintah saat ini 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 :

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

14

3.2.3.

Perintah dasar MySql

CREATE DATABASE database_name

1. Membuat database

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 Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara

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_name ADD column_name data_type; 6. Menghapus Field ALTER TABLE table_name drop column_name 7. Memasukan data ke tabel INSERT INTO table_name VALUES (value1, value2,....) Selain sintak diatas anda juga dapat menyebutkan namanama 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 Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara

16

SET column1 = expr1, column2 = expr2 WHERE where_definition

10. Menghapus data DELETE FROM table_name WHERE where_definition

3.2.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
%M %D %a %m %H %I

Keterangan

Format

Keterangan
Nama hari (Sunday Saturday) Tahun dalam numeric 4 digit, tahun dalam 2 digit Hari dari bulan dalam numeric (00 .. 31) Hari dari tahun (001 336) Jam (01 12) Detik (00 59)

Nama bulan (January %W December Hari dari bulan (1st, 2nd, ) %Y, %y Nama hari (Sun Sat) %d

Bulan dalam numeric (01 %j 12) Jam (00 .. 23) %h Menit (00 59) %S

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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 digunakan USE tokoabc; 4. Lalu buat table dengan nama anggota seperti berikut : CREATE TABLE barang ( kodebarang char(3), namabarang varchar(25), stok integer Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara

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 field SELECT * FROM
Catatan: Tanda * , dalam penerapan yang sesungguhnya sebaiknya DIHINDARI, karena akan memperlambat akses,, kecuali memang semua field dibutuhkan

barang

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 record

menggunakan perintah ORDER BY. Berikut untuk menampilkan berdasarkan urut nama : SELECT namabarang,stok namabarang; FROM anggota ORDER BY

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

3.4.

LATIHAN

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

3.5.

TUGAS

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

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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 TEORI

Untuk dapat menampilkan hasil query pada browser, PHP memerlukan fungsi API (Application Programming Interface). Berikut beberapa daftar PHP untuk MySQL : Nama Fungsi Kegunaan mysql_conne Membuka koneksi kepada server MySQL ct mysql_close Memutuskan koneksi database mysql_selec Memilih database yang akan digunakan setelah melakukan t_db koneksi ke server mysql_creat Membuat database baru pada MySQL e_db mysql_drop_ Menghapus sebuah database db mysql_query Mengirimkan perintah SQL ke server MySQL mysql_fetch Menampilkan sebuah baris hasil query sebagai array _array assosiatif mysql_fetch Menampilkan baris hasil dalam bentuk array satu persatu _row mysql_num_r Menghitung jumlah record / baris hasil suatu query ows 20

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

mysql_error Menampilkan teks berupa pesan error dari operasi yang dilakukan Mysql_resul Memberikan data hasil query t Mysql_fetch Menghasilkan informasi kolom dari hasil dan ditampilkan _field sebagai obyek Mysql_fetch Menampilkan panjang pada beberapa kolom baris terakhir _length Mysql_field Mendapatkan informasi spesifikasi kolom _flags Mysql_field Menghasilkan panjang ukuran dari spesifikasi kolom _len Mysql_field Menghasilkan spesifikasi nama pada kolom _name

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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 Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara

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.

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

Disusun oleh M. Guntara

23

Modul 5. Menampilkan Isi Tabel

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 B B S S Data B S Data 2 B S B S NOT S B AND B(ditampilkan ) Tidak dikenal Tidak dikenal Tidak dikenal OR B(ditampilkan) B(ditampilkan) B(ditampilkan) Tidak dikenal

Dengan menggunakan bentuk-bentuk Operator Logika diatas, maka untuk menampilkan data relasional secara umum dapat digambarkan menjadi: Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara

24

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

5.3

Langkah Praktikum
dengan nama file :

1. Tulislah script dibawah ini dan simpan dengan 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)) {

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

25

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

Latihan
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
tidak cukup hanya tetapi harus ditambah dengan echo variabel

Mengapa untuk transfer data dari database ke display menggunakan perintah select (pada baris2 dibawahnya)

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

26

Modul 6. Membuat Aplikasi Transaksi

6.1 Tujuan

1. Mampu menampilkan hasil relasi antar tabel 2. Mampu membuat halaman untuk transaski dengan mode hiperlink

6.2

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

SQL untuk relasi antara 2 tabel sbb

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
6.3.1

Langkah Praktikum
Membuat halaman transaksi

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

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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 data

1. Ketik script dibawah ini
<? //cek nomor nota terakhir include "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"; else echo "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 ?

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

28

6.3.3. Menampilkan hasil relasi

1. 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 menggunakan inner join select ...... pada tabelrelasi.php

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

29

Modul 7. Mesin Pencari

7.1

Tujuan

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

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

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

30

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>&nbsp;</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

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

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

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

32

Modul 8 Integrasi halaman web

8.1 Tujuan
1. 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 Singkat

Halaman 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> <tr><td> <table> <tr><td> hyperlink 1 </td></tr> <tr><td> hyperlink 2 </td></tr> ...... ...... <tr><td> hyperlink n </td></tr> header <td> </td></tr>

include ....halaman terkait hyperlink...

</td></tr> </table> </td Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

33

> </table>

8.3

Langkah Praktikum

1. Buatlah script untuk membentuk halaman utama seperti dibawah ini

<html> <table width="800"> <tr><td colspan="2" align="center"><font size="20" color="blue"> 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>

ABC

2. simpan dengan nama file utama_abc.php

Catatan : 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 ? Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara

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 Tugas
1. Apa kegunaan dari script pada file buka.php diatas ? 2. Apa kegunaan dari perintah switch ?

Cara BELAJAR YANG

PALING BAIK ADALAH
PRAKTEKKANLAH

Modul Praktikum Pemrograman Web MI-STMIK AKAKOM

Disusun oleh M. Guntara

35