IKMAL MAULANA | Web Programming Development 1 IKMAL MAULANA | Web Programming Development 2

IKMAL MAULANA | Web Programming Development 1


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

Report Data


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 )

http://www.appservnetwork.com/


Berikutnya, masukan server localhost dan administrator’s Email Address bebas. Biarkan port 80.

Berikutnya, masukan password untuk database MySQL. Untuk mempermudah, gunakan

password yang biasa dipakai


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


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]


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 : <table> <tr> <td>Jenis barang</td> <td><input type="text" name="jenismobil"></td> </tr> <tr> <td>Merek merek</td> <td><input type="text" name="nama" size="30"></td> </tr> <tr> <td></td> <td><input type="submit" name="proses" value="Simpan"> <input type="reset" value="Reset"></td> </tr> </table>

Contoh tabel view data

No Jenis barang Merek

1 Hardisk Seageate

2 Monitor Compaq

<table> <tr> <td align="center">No</td> <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> </table>

3 rows

2 column

3 rows

3 column

column

rowzs

rows

rowss

Catatan : <td align=”center”>No</td> Align, digunakan untuk mengatur posisi text horizontal : - center - left - right

valign, digunakan untuk mengatur posisi text vertical : - top - bottom - middle

Simpan


Tag HTML yang sering di gunakan pada perancangan form

1. Field Text

Contoh penggunaan : Merekam data nama, jabatan, tempat lahir, dll Code : <input type="text" size="20">

2. Combo box

Contoh penggunaan : merekam data pekerjaan yang sudah tersedia pilihannya Code : <select name="pekerjaan">

<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 <input type="checkbox" name=" kehalian " value="Networking">

Networking


5. Textarea Contoh penggunaan : Merekam data alamat Code : <textarea name="alamat" cols="20" rows="2"></textarea>

6. Submit dan Reset

Submit : tombol untuk memproses form Reset : tombol untuk mengosongkan value yang sudah diinput ke form Code : <input type="submit" name="simpan" value="Simpan"> <input type="reset" name="Reset" value="Reset">

7. Insert Image / Menyisipkan gambar

<img src="namafile.jpg">

8. Link / Menyisipkan link halaman <a href="Home.php">Home</a>

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> <td>NIK</td> <td><input type="text" name="nik" size="5"></td> <tr> <td>Nama</td> <td><input type="text" name="nama" size="30"></td> </tr> <tr> <td>Jabatan</td> <td><input type="text" name="jabatan" size="30"></td> </tr> <tr> <td valign="top">Alamat</td> <td><textarea name="alamat" cols="30"></textarea></td> </tr>


<tr> <td></td> <td><input type="submit" name="proses" value="Simpan"> <input type="reset" value="Reset"></td> </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 * : Operator perkalian - : Operator penguragan + : Operator penambahan / : Operator pembagian


 <FORM ACTION="" METHOD="POST"> <table width="300"> <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"> <option value="<? echo $_POST['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></td> <td><input type="submit" value="Simpan" name="proses"> <input type="reset" value="Reset"> </td> </tr> </table> </FORM>

Jika dijalankan, klik tombol simpan, akan tampil form seperti tampilan disamping


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’ Integrasi dengan bahasa PHP 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 Integrasi dengan bahasa PHP $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’; Integrasi dengan bahasa PHP mysql_query(“SELECT * FROM jabatan WHERE id_jabatan=’$_POST[id_jabatan]’”);


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’; Integrasi dengan bahasa PHP mysql_query(“DELETE FROM jabatan WHERE id_jabatan=’$_GET[id_jabatan]’”);


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 :

a. Images ( untuk menyimpan file gambar ) b. Inc ( untuk menyimpan file sisipan / include )

3. Copykan file gambar sesuai dengan modul


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

inst INT 5


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; } a:hover { color: red; } a:visited { color: #142F89; text-decoration: none; } .top { width:1080px; margin:0 auto; } .menu { color:white; height: 30px; padding-left:30px; padding-top:10px; background: #0e4d92; } li { float: left; list-style: none; color:#fff; } li a:link { color:#fff; 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; }

Next


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"> <FORM ACTION="" METHOD="POST"> <table align="center" bgcolor="#cce4f6"> <tr> <td colspan="2"><img src="images/log.jpg"></td> </tr> <tr> <td align="center" width="180">Username</td> <td><input type="text" name="username"></td> </tr> <tr> <td align="center">Password</td> <td><input type="password" name="password"></td> </tr> <tr> <td></td> <td><input type="submit" value="Login" name="proses"> <br> <br> </td> </tr> </table> </FORM>


<?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']; ?> <title>Training Management System </title> <link href="inc/layout.css" rel="stylesheet">


<div class="top"> <img src="images/header.jpg"> <div class="menu"> <li><a href="Home">Home</a></li> <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> <div class="konten"> 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 ! <br><br> <?php $ip=$_SERVER['REMOTE_ADDR']; $hostname = gethostbyaddr($_SERVER['REMOTE_ADDR']); $info=$_SERVER['HTTP_USER_AGENT']; ?> <table width="600" cellpadding="2" cellspacing="2"> <tr> <td width="100"><b>IP Address</b></td> <td><?=$ip?></td> </tr> <tr> <td><b>Host</b></td> <td><?=$hostname?></td> </tr> <tr> <td><b>Browser</b></td> <td><?=$info?></td> </tr> </table>


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 <?php include "header.php"; ?> <div class="judul">Input Data Training</div> <form action="" method="post"> <table> <tr> <td width="120">Kode </td> <td><input type="text" name="kode" size="8"></td> </tr> <tr> <td> Jenis Training </td> <td><input type="text" name="nama_pel" size="40"></td> </tr> <tr> <td valign="top"> Detail </td> <td><textarea name="detail" cols="45" rows="8"></textarea></td> </tr> <tr>


<td></td> <td><input type="submit" value="Save" name="proses"></td> </tr> </table> </form> <?php if(isset($_POST['proses'])){ 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 <?php include "header.php"; ?> <div class="judul">Data Training</div> <p><a href="TrainingAdd.php"> <b>+ Tambah Training</b> </a></p> <table width="600" border="1"> <tr> <th width="40">No</th> <th width="80">Kode</th> <th width="380">Jenis Pelatihan</th> <th colspan="2">Aksi</th> </tr>


<?php $no=1; $sql=mysql_query("select * from pelatihan order by nama_pel ASC"); while($data=mysql_fetch_array($sql)){ ?> <tr> <td align="center"> <?php echo $no; ?> </td> <td align="center"> <?php echo $data['kode']; ?> </td> <td> <?php echo $data['nama_pel']; ?> </td> <td align="center" width="50"> <a href="TrainingUpdate.php?id=<?php echo $data['id_pel']; ?>"> Update </a>

</td> <td align="center" width="50"> <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>"; } ?>

Tampilhan halaman TrainingView.php


3. TrainingUpdate.php <?php include "header.php"; ?> <div class="judul">Update Data Training</div> <?php if(isset($_GET['id'])){ $sql=mysql_query("select * from pelatihan where id_pel='$_GET[id]'"); $data=mysql_fetch_array($sql); } ?> <form action="" method="post"> <table> <tr> <td width="120">Kode </td>

<td><input type="text" name="kode" size="8" value="<?php echo $data['kode']; ?>" > </td>

</tr> <tr> <td> Jenis Training </td> <td><input type="text" name="nama_pel" size="40"

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

</tr> <tr> <td valign="top"> Detail </td> <td><textarea name="detail" cols="45" rows="8">

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

</td> </tr> <tr> <td></td> <td><input type="submit" value="Save" name="proses"></td> </tr> </table> </form> <?php if(isset($_POST['proses'])){ 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>"; } ?>


Tampilan halaman TrainingUpdate.php

6. Pengolahan data instruktur

1. InstrukturAdd.php <?php include "header.php"; ?> <div class="judul">Input Data Instruktur</div> <form action="" method="post"> <table> <tr> <td width="100"> Nama </td> <td><input type="text" name="nama" size="40"></td> </tr> <tr> <td valign="top"> Alamat </td> <td><textarea name="alamat" cols="40"></textarea></td> </tr> <tr> <td>Kontak</td> <td><input type="text" name="kontak" ></td> </tr> <tr> <td></td> <td><input type="submit" value="Save" name="proses"></td> </tr> </table> </form>


<?php if(isset($_POST['proses'])){ mysql_query("insert into instruktur set nama= '$_POST[nama]', alamat = '$_POST[alamat]', kontak = '$_POST[kontak]'") or die (mysql_error()); echo "<script>alert('Data telah tersimpan'); document.location='InstrukturView.php'</script>"; } ?> Tampilan halaman InstrukturAdd.php

2. InstrukturView.php <?php include "header.php"; ?> <div class="judul">Data Instruktur</div> <p><a href="InstrukturAdd.php"> <b>+ Tambah Instruktur</b> </a></p> <table width="800" border="1"> <tr> <th width="40">No</th> <th width="200">Nama</th> <th width="380">Alamat</th> <th width="100">Kontak</th> <th colspan="2">Aksi</th> </tr>


<?php $no=1; $sql=mysql_query("select * from instruktur order by nama ASC"); while($data=mysql_fetch_array($sql)){ ?> <tr> <td align="center"> <?php echo $no; ?> </td> <td> <?php echo $data['nama']; ?> </td> <td> <?php echo $data['alamat']; ?> </td> <td align="center"> <?php echo $data['kontak']; ?> </td> <td align="center" width="50"> <a href="InstrukturUpdate.php?id=<?php echo $data['id_ins']; ?>"> Update </a>

</td> <td align="center" width="50"> <a href="?id=<?php echo $data['id_ins']; ?>"> Delete </a> </td> </tr> <?php $no++; } ?> </table> <?php if(isset($_GET['id'])){ mysql_query("DELETE FROM instruktur WHERE id_ins='$_GET[id]'"); echo "<script>alert('Data telah terhapus'); document.location='InstrukturView.php'</script>"; } ?> Tampilan halaman InstrukturView.php


3. InstrukturUpdate.php <?php include "header.php"; ?> <div class="judul">Update Data Instruktur</div> <?php if(isset($_GET['id'])){ $sql=mysql_query("select * from instruktur where id_ins='$_GET[id]'"); $data=mysql_fetch_array($sql); } ?> <form action="" method="post"> <table> <tr> <td width="100"> Nama </td> <td><input type="text" name="nama" size="40" value="<?php echo $data['nama']; ?>" ></td>

</tr> <tr> <td valign="top"> Alamat </td> <td><textarea name="alamat" cols="40"><?php echo $data['alamat']; ?></textarea></td>

</tr> <tr> <td>Kontak</td> <td><input type="text" name="kontak" value="<?php echo $data['kontak']; ?>"></td>

</tr> <tr> <td></td> <td><input type="submit" value="Save" name="proses"></td> </tr> </table> </form> <?php if(isset($_POST['proses'])){ mysql_query("update instruktur set nama= '$_POST[nama]', alamat = '$_POST[alamat]', kontak = '$_POST[kontak]' where id_ins='$_GET[id]'") or die (mysql_error()); echo "<script>alert('Data berhasil diupdate'); document.location='InstrukturView.php'</script>"; } ?>


Tampilan halaman InstrukturUpdate.php

6. Pengolahan data jadwal 1. JadwalAdd.php <?php include "header.php"; ?> <div class="judul">Input Jadwal Baru</div> <form action="" method="post"> <table> <tr> <td width="120"> Tanggal </td> <td><input type="text" name="tanggal" size="25"></td> </tr> <tr> <td valign="top"> Jenis Training</td> <td><select name="materi"> <option> ---- </option> <?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"> <option> ---- </option> <?php $sql2=mysql_query("select * from instruktur"); while($data2=mysql_fetch_array($sql2)){ echo "<option value=$data2[id_ins]> $data2[nama] </option>"; } ?>


</td> </tr> <tr> <td></td> <td><input type="submit" value="Save" name="proses"></td> </tr> </table> </form> <?php if(isset($_POST['proses'])){ mysql_query("insert into jadwal set tanggal = '$_POST[tanggal]', materi = '$_POST[materi]', inst= '$_POST[inst]'") or die (mysql_error()); echo "<script>alert('Data telah tersimpan'); document.location='JadwalView.php'</script>"; } ?> Tampilan halaman JadwalAdd.php

2. JadwalView.php <?php include "header.php"; ?> <div class="judul">Data Jadwal Training</div> <p><a href="JadwalAdd.php"> <b>+ Tambah Jadwal</b> </a></p> <table width="750" border="1"> <tr> <th width="40">No</th> <th width="150">Tanggal</th> <th width="380">Jenis Pelatihan</th> <th width="200">Instruktur</th> <th colspan="2">Aksi</th>


</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> <td align="center"> <?php echo $no; ?> </td> <td align="center"> <?php echo $data['tanggal']; ?> </td> <td> <?php echo $data['nama_pel']; ?> </td> <td> <?php echo $data['nama']; ?> </td> <td align="center" width="50"> <a href="JadwalUpdate.php?id=<?php echo $data['id_jad']; ?>"> Update </a> </td> <td align="center" width="50"> <a href="?id=<?php echo $data['id_jad']; ?>"> Delete </a> </td> </tr> <?php $no++; } ?> </table> <?php if(isset($_GET['id'])){ mysql_query("DELETE FROM jadwal WHERE id_jad='$_GET[id]'"); echo "<script>alert('Data telah terhapus'); document.location='JadwalView.php'</script>"; } ?> Tampilan halaman Jadwal View.php


3. JadwalUpdate.php <?php include "header.php"; ?> <div class="judul">Update Data Jadwal</div> <?php if(isset($_GET['id'])){ $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); } ?> <form action="" method="post"> <table> <tr> <td width="120"> Tanggal </td> <td><input type="text" name="tanggal" size="25" value="<?php echo $show['tanggal']; ?>"></td> </tr> <tr> <td valign="top"> Jenis Training</td> <td><select name="materi"> <option value="<?php echo $show['materi']; ?>"> <?php echo $show['nama_pel']; ?></option> <?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"> <option value="<?php echo $show['inst']; ?>"> <?php echo $show['nama']; ?></option> <?php $sql2=mysql_query("select * from instruktur"); while($data2=mysql_fetch_array($sql2)){ echo "<option value=$data2[id_ins]> $data2[nama] </option>"; } ?> </td> </tr> <tr> <td></td> <td><input type="submit" value="Save" name="proses"></td> </tr> </table> </form>


<?php if(isset($_POST['proses'])){ mysql_query("update jadwal set tanggal = '$_POST[tanggal]', materi = '$_POST[materi]', inst= '$_POST[inst]' where id_jad='$_GET[id]'") or die (mysql_error()); echo "<script>alert('Data berhasil diupdate'); document.location='JadwalView.php'</script>"; } ?> Tampilan halaman JadwalUpdate.php

Date post:	21-Feb-2023
Category:	Documents
Upload:	independent
View:	0 times
Download:	0 times

IKMAL MAULANA | Web Programming Development 1 IKMAL MAULANA | Web Programming Development 2

Documents