Upload
wongkereen
View
122
Download
14
Embed Size (px)
DESCRIPTION
Tujuan1. Mengenalkan kepada mahasiswa tentang pemrograman PHP2. Mahasiswa dapat membuat script PHP secara sederhana3. Mahasiswa dapat membuat halaman web dengan menggunakan script
Citation preview
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
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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 :
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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>
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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.
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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>
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.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
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 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 :
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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
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_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
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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)
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 digunakanUSE 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 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
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 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
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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
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. 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 ?
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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:
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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)){
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 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)
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
26
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)){
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 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 ?
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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
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 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>
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> </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 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>
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
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 ?
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 Tugas1. Apa kegunaan dari script pada file buka.php diatas ?2. Apa kegunaan dari perintah switch ?
Modul Praktikum Pemrograman Web MI-STMIK AKAKOM
Disusun oleh M. Guntara
35
Cara
BELAJAR YANG PALING BAIK ADALAH
PRAKTEKKANLAH