IKMAL MAULANA Web Programming Developmen

(1)

(2)

IKMAL MAULANA | Web Programming Development ₂

BAB 1

Modul : Membangun Aplikasi berbasis Web

_{Mengenal Arsitektur Aplikasi berbasis PHP}

PHP ( PHP Hypertext Preprocessor ) yang digunakan sebagai bahasa script server-side dalam pengembangan aplikasi berbasis web. PHP dapat berinteraksi langsung dengan database, file dan folder, sehingga membuat PHP bisa menampilkan konten yang dinamis dari sebuah struktur aplikasi.

Kelebihan Bahasa PHP :

1. PHP termasuk dalam Open Source Product sehingga penggunanya tidak dibebani dengan biaya lisensi.

2. Aplikasi PHP cukup cepat dibandingkan dengan aplikasi CGI dengan Perl atau Phyton bahkan lebih cepat dibanding dengan ASP maupun Java dalam berbagai aplikasi web 3. PHP dapat dijalankan di berbagai system operasi / Multi OS ( Linux, Windows, dll ). 4. Tidak membutuhkan spesifikasi hardware yang tinggi dalam proses pembuatan maupun

implementasinya.

5. Banyak dukungan software open source dalam proses pengembangannya

Untuk membuat aplikasi / software dengan bahasa pemrograman PHP, ada beberapa yang harus dipersiapkann :

1. Instalasi Web server

Web server merupakan engine yang digunakan untuk menjalankan file php. Beberapa web server yang banyak di gunakan oleh para developer PHP diantaranya Apache, IIS, Nginx, GWS, dll.

2. Instalasi Database Server

Database server merupakan database center yang digunakan untuk menyimpan file record dari sebuah form. Database server yang mendukung PHP diantaranya MySQL,

Oracle, Microsoft Access , Interbase, dBase, PostgreSQL , dan lain-lain.

3. Penguasaan bahasa HTML dan CSS

Bahasa HTML, CSS, Java script merupakan bahasa yang digunakan untuk mendukung pembuatan desain layout, form, dan interface aplikasi.

4. Instalasi Browser

Browser adalah perangkat lunak yang digunakan untuk membuka dan membaca tipe file data tertentu. Contoh browser yang sering digunakan Mozilla, Internet Explorer, Opera, dll.

5. Instalasi software pengolah interface dan script coding PHP seperti Blue fish, Dreamwever, Notepad, dll.

Arsitektur Aplikasi

INPUT PROSES OUTPUT

STORAGE Menampilkan form

input untuk merekam variable data

Proses mengolah data ( Save, Delete, Update )

Pusat Penyimpanan Data INPUT

(3)

IKMAL MAULANA | Web Programming Development ₃

BAB 2

Modul : Membangun Aplikasi Berbasis Web

_{Instalasi Web Server dan Database Server}

Pada tutorial ini akan dijelaskan langkah-langkah instalasi web server Apache dan database server MySQL menggunakan paket aplikasi AppServ. AppServ ini salah satu aplikasi gratis yang dapat di unduh di link http://www.appservnetwork.com. Sampai dengan saat ini, AppServ sudah sampai pada versi 2.5.10.

Jalankan file appserv-win32-2.5.10.exe. Double klik > Next sampai dengan layar Licence Agrement. Berikutnya klik next akan masuk ke tahap pemilihan direktori ( Lihat gambar dibawah ), disarankan ganti direktori selain C, agar data system tetap aman saat system operasi bermasalah.

Pada tahap berikutnya, pilih semua komponen ( checklist )

(4)

IKMAL MAULANA | Web Programming Development ₄ Berikutnya, masukan server localhostdan administrator’s Email Address bebas. Biarkan port 80.

(5)

IKMAL MAULANA | Web Programming Development ₅ Klik install, tunggu beberapa saat sampai muncul layar seperti dibawah ini. Instalasi sudah selesai, klik Finish.

Untuk mengecek webserver aktif, masuk ke browser dan ketik url : localhost

(6)

IKMAL MAULANA | Web Programming Development ₆ Untuk mengecek database MySQL aktif, ketik di browser localhost/phpmyadmin. Masukan username : root dan password yang digunakan pada saat instalasi.

Dimana kita menyimpan file php dan MySQL?

 Buka folder AppServ di direktori yang kita pilih saat instalasi.

 File php disimpan di folder www > [Folder nama system]

 File MySQL disimpan di folder MySQL > Data > [Folder nama database]

(7)

IKMAL MAULANA | Web Programming Development ₇

BAB 3

Modul : Membangun Aplikasi Berbasis Web

_{Dasar – dasar HTML, PHP, dan Query MySQL}

Form pada aplikasi berbasis PHP dibuat dengan menyisipkan beberapa tag HTML sesuai kebutuhan, seperti tabel, input, button, dll.

Contoh Form input

Jenis barang Merek

Kalau dibuat dengan bahasa HTML, tabel dengan 3 rows 2 kolom diatas diatur seperti ini :

<td>Jenis barang</td>

<tr>

<td>Merek merek</td>

<tr>

</tr> </table>

Contoh tabel view data

No Jenis barang Merek

1 Hardisk Seageate

2 Monitor Compaq

<td align="center">Jenis barang</td> <td align="center">Merek</td>

</tr> <tr>

<td align="center">1</td> <td>Hardisk</td>

<td>Seageate</td>

</tr>

<tr>

<td align="center">2</td> <td>Monitor</td>

<td>Compaq</td> <tr>

Align, digunakan untuk mengatur posisi text horizontal :

- center - left - right

valign, digunakan untuk mengatur posisi text vertical : - top

(8)

IKMAL MAULANA | Web Programming Development ₈

Tag HTML yang sering di gunakan pada perancangan form

1. Field Text

Contoh penggunaan : Merekam data nama, jabatan, tempat lahir, dll

Code :

2. Combo box

Contoh penggunaan : merekam data pekerjaan yang sudah tersedia pilihannya

Code :

<option value="">-- Pilih -- </option> <option value="PNS"> PNS </option>

<option value="Karyawan"> Karyawan </option> <option value="Wiraswasta"> Wiraswasta </option> </select>

3. Radio button

Contoh penggunaan : merekam data jenis kelamin yang hanya memilih salah satu dari beberapa pilihan

Code :

<input type="radio" name="jenkel" value="Pria">Pria

<input type="radio" name="jenkel" value="wanita"> Wanita

4. Checkbox

Contoh penggunaan : Merekam data keahlian yang bisa memilih lebih dari satu pilihan

Code :

<input type="checkbox" name="kehalian" value="web programing"> Web Programming

<input type="checkbox" name=" kehalian " value="Sistem Operasi"> Sistem operasi

(9)

IKMAL MAULANA | Web Programming Development ₉ 5. Textarea

Contoh penggunaan : Merekam data alamat

Code :

6. Submit dan Reset

Submit : tombol untuk memproses form

Reset : tombol untuk mengosongkan value yang sudah diinput ke form

Code :

7. Insert Image / Menyisipkan gambar

8. Link / Menyisipkan link halaman

9. _{Font Setting}

<font size="2" face="arial">Font dengan ukuran 2</font> <b>Font dengan di bold</b>

<i>Font dengan huruf miring</i> <u>Font dengan underline</u>

Latihan : Membuat form pengolahan variable text

<h3>INPUT DATA KARYAWAN</h3> <form action="" method="post"> <table>

<tr>

<tr>

<td>Jabatan</td>

<tr>

<td valign="top">Alamat</td>

(10)

IKMAL MAULANA | Web Programming Development ₁₀

<tr>

</tr> </table> </form>

<?

//MULAI SCRIPT PHP DISINI

if($proses){

echo"

NIK : $nik <br> Nama : $nama <br> Jabatan : $jabatan <br> Alamat : $alamat"; }

?>

Jika file ini dijalankan, dan diisi datanya, dan klik tombol Simpan akan tampil form input seperti dibawah ini

Latihan : Membuat form pengolahan variable angka

<h3>INPUT DATA PENJULAN</h3>

<?

//SCRIPT PHP MULAI DARI SINI

if($proses){

$jumlah=$_POST['jumlah']; $harga=$_POST['harga'];

$diskon=$_POST['diskon'] / 100;

$hargadiskon=$jumlah * $harga * $diskon; $totalharga=$jumlah * $harga - $hargadiskon; }

?>

Penjelasan :

If($proses) : ketika tombol bernama proses di klik

echo : Tampilkan data/value

$nik : Variable yang diisi pada field nik $nama : Variable yang disi pada field nama

Penjelasan :

If($proses)

Jika tombol bernama proses di klik

$jumlah=$_POST[‘jumlah’]

Variable jumlah memiliki value/nilai sama dengan yang diinput ke field bernama jumlah

(11)

IKMAL MAULANA | Web Programming Development ₁₁

<tr>

<td>Kode transaksi</td>

<td><input type="text" name="kode" size="10"

value="<? echo $_POST['kode'] ?>"></td> </tr>

<tr>

<td>Jenis barang</td> <td><select name="barang">

<? echo $_POST['barang'] ?></option> <option value="Monitor">Monitor</option> <option value="Hardisk">Hardisk</option>

<option value="Motherboard">Motherboard</option> </select>

</td> </tr> <tr>

<td>Jumlah</td>

<td><input type="text" name="jumlah" size="2"

value="<? echo $_POST['jumlah'] ?>"></td> </tr>

<tr>

<td>Harga</td>

<td><input type="text" name="harga" size="15"

value="<? echo $_POST['harga'] ?>"></td> </tr>

<tr>

<td>Diskon</td>

<td><input type="text" name="diskon" size="1"

value="<? echo $_POST['diskon'] ?>"> %</td> </tr>

<tr>

<td>Total Harga</td>

<td><input type="text" name="totalharga" size="15"

value="<?=$totalharga ?>"></td> </tr>

<tr>

</td> </tr>

</table> </FORM>

(12)

IKMAL MAULANA | Web Programming Development ₁₂

Mengenal Query MySQL

1. Proses Rekam Data

Query dasar :

INSERT INTO nama_table (nama_field) VALUES (‘nilai field’);

Kasus : Misal kita akan merekam data jabatan ke tabel jabatan

INSERT INTO jabatan (id_jabatan,nama_jabatan) VALUES ('1','Direktur’); INSERT INTO jabatan (id_jabatan,nama_jabatan) VALUES ('2','Accounting’);

Integrasi dengan bahasa PHP

mysql_query(“INSERT INTO jabatan SET nama_jabatan=’$_POST[nama_jabatan]’”);

2. Proses Update Data

Query dasar :

UPDATE JABATAN SET nama_field =’nilai filed baru’ WHERE id_field=’nilai field yang jadi primary key’

Kasus : Misal kita akan mengganti nama jabatan Direktur menjadi Manager

UPDATE JABATAN SET nama_jabatan=’Manager’ WHERE id_jabatan=’1’

mysql_query(“UPDATE jabatan SET nama_jabatan=’$_POST[nama_jabatan]’ WHERE id_jabatan=’$_GET[id_jabatan]’”);

3. Proses Select /Ambil Data

Query dasar :

SELECT * FROM nama_table

Kasus : Misal kita akan menampilkan data pada tabel jabatan

SELECT * FROM jabatan

$ambildata=mysql_query(“SELECT * FROM jabatan”); While($data=mysql_fetch_array($ambildata)){ }

4. Proses Select /Ambil Data berdasarkan variable tertentu

Query dasar :

SELECT * FROM nama_table WHERE nama_field=’nilai field’

Kasus : Misal kita akan menampilkan data pada tabel jabatan dengan id_jabatan 1

SELECT * FROM jabatan WHERE id_jabatan=’1’;

(13)

IKMAL MAULANA | Web Programming Development ₁₃

4. Proses Hapus Data

Query dasar :

DELETE FROM nama_tabel WHERE id_tabel=’nama id_tabel’;

Kasus : Misal kita akan menampilkan data pada tabel jabatan dengan id_jabatan 1

DELETE FROM jabatan WHERE id_jabatan=’1’;

(14)

IKMAL MAULANA | Web Programming Development ₁₄

BAB 4

Membangun Aplikasi dengan Web

_{Merancang Aplikasi Training Management System ( TMS )}

Training Management System atau Sistem informasi pelatihan yang akan bangun adalah sampel perancangan aplikasi berbasis web sebagai bahan pembelajaran.

Dalam aplikasi ini, hanya modul penjadwalan saja yang akan ditampilkan. Dimana relasi yang berhubungan dengan modul penjadwalan adalah master data training dan instruktur.

Spesifikasi sistem aplikasi TMS yang akan kita buat adalah :

1. Pengguna adalah staff training sebagai operator yang bisa dijalankan secara multi user 2. Operator pada system ini dapat melakukan :

- Pengolahan data jenis training - Pengolahan data instruktur - Pengolahan data jadwal

- Menampilkan rekapitulasi jadwal bulanan

Tahapan proses perancangan Sistem

1. Perancangan database

2. Perancangan interface / layout 3. Perancangan form

4. Perancangan Laporan

Persiapan awal perancangan sistem

1. Buat folder baru bernama aplikasi_tms pada root direktori web server 2. Pada folder aplikasi_tms, buat folder :

(15)

IKMAL MAULANA | Web Programming Development ₁₅

1. Perancangan Database

Masuk ke browser, ketik “localhost/phpmyadmin”. Masukan user dan password yang dibuat pada saat install AppServ.

1. Buat database “training”

2. Buat tabel ( lihat pengaturan dibawah ini ) :

1. Tabel : admin

Field Type Size Ekstra Index

id_admin INT 5 Auto_increment Primary Key

username VARCHAR 20 - -

password VARCHAR 50 -

nama_admin VARCHAR 30 -

2. Tabel : pelatihan

id_pel INT 5 Auto_increment Primary Key

kode VARCHAR 20 - -

nama_pel VARCHAR 50 - -

detail TEXT - - -

3. Tabel : instruktur

id_ins INT 5 Auto_increment Primary Key

nama VARCHAR 30

alamat TEXT -

kontak VARCHAR 12

4.Tabel : jadwal

id_jad INT 5 Auto_increment Primary Key

tanggal VARCHAR 25

materi INT 5

(16)

IKMAL MAULANA | Web Programming Development ₁₆

2. Perancangan Interface dan layout

Merancang layout dengan CSS

Simpan dengan nama

layout.css

di folder inc

body{

font: 10pt Arial; background:#ececec; }

a:link {

color: #142F89;; text-decoration: none; } text-decoration: none; } padding-left:30px; padding-top:10px; background: #0e4d92; }

text-decoration: none; padding:11px 15px 13px 15px; /* atas kanan bawah kiri */ }

li a:hover, a:visited { text-decoration: none; background:#d8270a; color: white; }

.konten {

box-shadow: -10px 32px 24px -35px rgba(0, 0, 0, 1);

background:white; width:980px;

padding:30px 50px 50px 50px; margin:0 auto;

}

.judul{

font: 18pt Tahoma; margin-bottom:25px; color:red;

}

table{

font: 10pt Arial;

border-collapse:collapse; border:0px solid #ccc; }

th{

height:30px;

background:#d85f06; color:white;

border:1px solid #ccc; }

td{

padding:3px; border-color:#ccc; }

input,textarea{ font: 10pt Arial; }

(17)

IKMAL MAULANA | Web Programming Development ₁₇

3. Membuat file librari / include

File include adalah file yang selalu di gunakan disetiap halaman. Agar kita tidak mengetik coding yang sama disemua halaman, file ini cukup di panggil dengan perintah includes “namafile.php”;

1. Koneksi.php( Digunakan untuk menghubungkan ke database )

<?php

mysql_connect("localhost","root","bintang"); mysql_select_db("training");

?>

2.session.php( Digunakan untuk merekam session login admin )

<?php

session_start();

if(! ((session_is_registered('username')) && (session_is_registered('password')) )) {

echo"<meta http-equiv=refresh content=0;URL='index.php'>"; }

?>

4. Membuat file index, header, home, dan logout

1.index.php ( Simpan di folder aplikasi_tms )

<?php

session_start();

include "inc/koneksi.php"; ?>

<title>Training Management System </title> <link href="inc/layout.css" rel="stylesheet">

<tr>

<td align="center" width="180">Username</td> <td><input type="text" name="username"></td> </tr>

<tr>

<td align="center">Password</td>

<tr>

(18)

IKMAL MAULANA | Web Programming Development ₁₈ <?php

if(isset($_POST['proses'])){

$ambil=mysql_query("SELECT * FROM admin WHERE username='$_POST[username]' AND password='$_POST[password]'");

$cek= mysql_num_rows($ambil); if($cek==1) { // Jika login benar

$_SESSION['username'] = $username; $_SESSION['password'] = $password;

echo"<meta http-equiv=refresh content=0;URL='Home.php'>";

}else {

echo "<SCRIPT> alert('Maaf username dan password tidak cocok'); document.location='index.php'</script>";

} }

?>

Tampilan halaman index

2.header.php ( Simpan di folder aplikasi_tms )

<?php

include "inc/session.php"; include "inc/koneksi.php";

$user= $_SESSION['username'];

$ambil = mysql_query("SELECT * FROM admin WHERE username ='$user'"); $tampil= mysql_fetch_array ($ambil);

$nama_admin =$tampil['nama_admin'];

?>

(19)

IKMAL MAULANA | Web Programming Development ₁₉

<li><a href="TrainingView.php">Pelatihan</a></li> <li><a href="InstrukturView.php">Instruktur</a></li> <li><a href="JadwalView.php">Jadwal</a></li>

<li><a href="Logout">Logout</a></li> </div>

</div>

3.Home.php ( Simpan di folder aplikasi_tms )

<?php include "header.php"; ?>

<div class="judul"> Welcome <?php echo $nama_admin; ?></div>

Untuk menjaga keamanan sistem, Silahkan <a href="Logout.php"><b>Logout</b></a> <br>

sebelum menutup halaman ini !

<?php

$ip=$_SERVER['REMOTE_ADDR'];

$hostname = gethostbyaddr($_SERVER['REMOTE_ADDR']); $info=$_SERVER['HTTP_USER_AGENT'];

?>

<tr>

<td width="100"><b>IP Address</b></td> <td><?=$ip?></td>

</tr> <tr>

<tr>

<td><b>Browser</b></td> <td><?=$info?></td> </tr>

(20)

IKMAL MAULANA | Web Programming Development ₂₀

Tampilan halaman home.php

4.Logout.php ( Simpan di folder aplikasi_tms )

<?php

session_start(); session_destroy();

header("location:index.php"); exit();

?>

5. Pengolahan data pelatihan

1. TrainingAdd.php

<div class="judul">Input Data Training</div>

<tr>

<tr>

<td> Jenis Training </td>

<tr>

<td valign="top"> Detail </td>

(21)

IKMAL MAULANA | Web Programming Development ₂₁

<?php

mysql_query("insert into pelatihan set kode = '$_POST[kode]',

nama_pel = '$_POST[nama_pel]',

detail = '$_POST[detail]'") or die (mysql_error());

echo "<script>alert('Data telah tersimpan');

document.location='TrainingView.php'</script>";

}

?>

Tampilan halaman TrainingAdd.php

2. TrainingView.php

<div class="judul">Data Training</div>

<p><a href="TrainingAdd.php"> <b>+ Tambah Training</b> </a></p>

<th width="380">Jenis Pelatihan</th> <th colspan="2">Aksi</th>

(22)

IKMAL MAULANA | Web Programming Development ₂₂ <?php

$no=1;

$sql=mysql_query("select * from pelatihan order by nama_pel ASC"); while($data=mysql_fetch_array($sql)){

?>

<tr>

<a href="TrainingUpdate.php?id=<?php echo $data['id_pel']; ?>"> Update </a>

</td>

<a href="?id=<?php echo $data['id_pel']; ?>"> Delete </a> </td>

</tr>

<?php $no++; } ?>

</table>

<?php

//SCRIPT UNTUK HAPUS DATA

if(isset($_GET['id'])){

mysql_query("DELETE FROM pelatihan WHERE id_pel='$_GET[id]'");

echo "<script>alert('Data telah terhapus');

document.location='TrainingView.php'</script>"; }

?>

(23)

IKMAL MAULANA | Web Programming Development ₂₃ 3. TrainingUpdate.php

<div class="judul">Update Data Training</div>

<?php

$sql=mysql_query("select * from pelatihan where id_pel='$_GET[id]'"); $data=mysql_fetch_array($sql);

}

?>

<tr>

<td><input type="text" name="kode" size="8"

value="<?php echo $data['kode']; ?>" > </td>

</tr> <tr>

<td> Jenis Training </td>

</tr> <tr>

<td valign="top"> Detail </td>

<?php echo $data['detail']; ?> </textarea>

</td>

</tr> <tr>

<?php

mysql_query("update pelatihan set kode= '$_POST[kode]',

nama_pel = '$_POST[nama_pel]', detail = '$_POST[detail]'

where id_pel='$_GET[id]'") or die (mysql_error());

echo "<script>alert('Data berhasil diupdate');

document.location='TrainingView.php'</script>"; }

(24)

IKMAL MAULANA | Web Programming Development ₂₄

Tampilan halaman TrainingUpdate.php

6. Pengolahan data instruktur

1. InstrukturAdd.php

<div class="judul">Input Data Instruktur</div>

<tr>

</tr> <tr>

<td valign="top"> Alamat </td>

<tr>

<td>Kontak</td>

<tr>

(25)

IKMAL MAULANA | Web Programming Development ₂₅ <?php

mysql_query("insert into instruktur set nama= '$_POST[nama]',

alamat = '$_POST[alamat]',

kontak = '$_POST[kontak]'") or die (mysql_error());

document.location='InstrukturView.php'</script>";

}

?>

Tampilan halaman InstrukturAdd.php

2. InstrukturView.php

<div class="judul">Data Instruktur</div>

<p><a href="InstrukturAdd.php"> <b>+ Tambah Instruktur</b> </a></p>

(26)

IKMAL MAULANA | Web Programming Development ₂₆ <?php

$no=1;

$sql=mysql_query("select * from instruktur order by nama ASC"); while($data=mysql_fetch_array($sql)){

?>

<tr>

<a href="InstrukturUpdate.php?id=<?php echo $data['id_ins']; ?>"> Update </a>

</td>

<a href="?id=<?php echo $data['id_ins']; ?>"> Delete </a> </td>

</tr>

<?php $no++; } ?>

</table>

<?php

mysql_query("DELETE FROM instruktur WHERE id_ins='$_GET[id]'");

document.location='InstrukturView.php'</script>"; }

?>

(27)

IKMAL MAULANA | Web Programming Development ₂₇ 3. InstrukturUpdate.php

<div class="judul">Update Data Instruktur</div>

<?php

$sql=mysql_query("select * from instruktur where id_ins='$_GET[id]'"); $data=mysql_fetch_array($sql);

}

?>

<tr>

</tr> <tr>

<td valign="top"> Alamat </td>

</tr> <tr>

<td>Kontak</td>

</tr> <tr>

<?php

mysql_query("update instruktur set nama= '$_POST[nama]',

alamat = '$_POST[alamat]', kontak = '$_POST[kontak]'

where id_ins='$_GET[id]'") or die (mysql_error());

document.location='InstrukturView.php'</script>";

}

(28)

IKMAL MAULANA | Web Programming Development ₂₈ Tampilan halaman InstrukturUpdate.php

6. Pengolahan data jadwal

1. JadwalAdd.php

<div class="judul">Input Jadwal Baru</div>

<tr>

<td width="120"> Tanggal </td>

<tr>

<td valign="top"> Jenis Training</td> <td><select name="materi">

<?php

$sql=mysql_query("select * from pelatihan"); while($data=mysql_fetch_array($sql)){

echo "<option value=$data[id_pel]> $data[nama_pel] </option>"; }

?>

</td>

</tr> <tr>

<td valign="top"> Instruktur</td> <td><select name="inst">

<?php

$sql2=mysql_query("select * from instruktur"); while($data2=mysql_fetch_array($sql2)){

echo "<option value=$data2[id_ins]> $data2[nama] </option>"; }

(29)

IKMAL MAULANA | Web Programming Development ₂₉

</td>

</tr> <tr>

<?php

mysql_query("insert into jadwal set tanggal = '$_POST[tanggal]',

materi = '$_POST[materi]',

inst= '$_POST[inst]'") or die (mysql_error());

document.location='JadwalView.php'</script>"; }

?>

Tampilan halaman JadwalAdd.php

2. JadwalView.php

<div class="judul">Data Jadwal Training</div>

<p><a href="JadwalAdd.php"> <b>+ Tambah Jadwal</b> </a></p>

<th width="40">No</th> <th width="150">Tanggal</th>

(30)

IKMAL MAULANA | Web Programming Development ₃₀

</tr>

<?php $no=1;

$sql=mysql_query("select * from jadwal, pelatihan, instruktur where jadwal.materi = pelatihan.id_pel and

jadwal.inst = instruktur.id_ins order by id_jad DESC"); while($data=mysql_fetch_array($sql)){

?>

<tr>

<a href="JadwalUpdate.php?id=<?php echo $data['id_jad']; ?>"> Update </a> </td>

<a href="?id=<?php echo $data['id_jad']; ?>"> Delete </a> </td>

</tr>

<?php $no++; } ?>

</table>

<?php

mysql_query("DELETE FROM jadwal WHERE id_jad='$_GET[id]'");

document.location='JadwalView.php'</script>"; }

?>

(31)

IKMAL MAULANA | Web Programming Development ₃₁ 3. JadwalUpdate.php

<div class="judul">Update Data Jadwal</div>

<?php

$query=mysql_query("select * from jadwal, pelatihan, instruktur where jadwal.materi = pelatihan.id_pel and

jadwal.inst = instruktur.id_ins order by id_jad DESC"); $show=mysql_fetch_array($query);

}

?>

<tr>

<td width="120"> Tanggal </td>

</tr> <tr>

<td valign="top"> Jenis Training</td> <td><select name="materi">

<?php

$sql=mysql_query("select * from pelatihan"); while($data=mysql_fetch_array($sql)){

echo "<option value=$data[id_pel]> $data[nama_pel] </option>"; }

?>

</td>

</tr> <tr>

<td valign="top"> Instruktur</td> <td><select name="inst">

<?php

$sql2=mysql_query("select * from instruktur"); while($data2=mysql_fetch_array($sql2)){

echo "<option value=$data2[id_ins]> $data2[nama] </option>"; }

(32)

IKMAL MAULANA | Web Programming Development ₃₂ <?php

mysql_query("update jadwal set tanggal = '$_POST[tanggal]', materi = '$_POST[materi]', inst= '$_POST[inst]'

where id_jad='$_GET[id]'") or die (mysql_error());

document.location='JadwalView.php'</script>";

}

?>