1. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM) 1
APLIKASI DATABASE BERBASIS
WEB DENGAN PHP & MYSQL
(BAGIAN 2-STUDI KASUS)
PERTEMUAN 9 TEKNIK INFORMATIKA – UNIKOM (2009)
2. CONTOH KASUS
2
Situs e-Order
Situs ini berguna untuk melakukan pemesanan
barang yang kita sediakan. Khusus untuk pemesanan
saja. Sedangkan untuk pembayaran pesanan
dilakukan secara manual (melalui telepon, email,
transfer, dll)
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
3. Situs e-Order
3
Ada 2 situs yang harus dibuat, yaitu
Situs Administrator
Situs ini berguna untuk melakukan pengolahan data seperti :
Data Produk
Data Kategori
Data Merk
Data Member
Data Pesanan
Situs Pengunjung
Situs ini berguna untuk melakukan pemesanan barang. Fasilitas
yang ada dalam situs ini adalah
Pendaftaran Member
Pemesanan Produk
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
4. Situs e-Order
4
Aturan-aturan
Setiap produk memiliki kategori produk (TV, Radio, MP3
Player, Ponsel, Laptop/Notebook, PC Desktop, dll), dan
memiliki Merk (Toshiba, Acer, Nokia, Siemens, Sharp, dll)
Masyarakat umum dapat melakukan pendaftaran sebagai
member
Hanya member yang dapat melakukan pemesanan
Setiap pemesanan boleh memiliki lebih dari 1 jenis barang.
Hanya pemesanan yang telah dicheckout yang akan
ditindak lanjuti (misalnya dengan komunikasi manual
mengenai pembayaran, paket dll).
Administrator dapat mengarsipkan pesanan jika pesanan
tersebut telah dikirimkan
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
5. Situs e-Order
5
Aturan-aturan (lanjutan)
Untuk setiap pengolahan data harus terdiri dari
Penambahan Data, Pengeditan Data, Penghapusan
Data dan View Data.
Untuk pengeditan data, field yang menjadi kunci utama
tidak boleh berubah. Tetapi field lain boleh berubah.
Untuk penghapusan, record tidak terhapus secara fisik,
tetapi hanya ditandai bahwa data tersebut sudah
terhapus (dengan membuat file status terhapus yang
nilainya Y atau T).
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
6. Skema Relasi
6
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
7. Situs Administrator
7
(Persiapan)
Ada baiknya situs administrator terpisah dari situs
utama. Untuk melakukan hal tersebut, langkah yang
bisa dilakukan adalah :
Membuat folder dengan nama “admin” di folder web
kamu
Buat pula library function untuk situs admin
Buatlah file css untuk memperbagus tampilan.
Buatlah template baru untuk template situs admin
Buat halaman utama untuk situs admin
Buat database untuk situs
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
8. Situs Administrator
8
(Membuat library function)
Contoh library function untuk situs admin (lib_func.php)
<?php
function header_web(){
?>
<font color="white" size=6>Situs Administrator</font>
<?php
}
function footer_web(){
?>
<center>
<small>Developed By Mahasiswa IF</small>
</center>
<?php
}
function form_login(){
?>
<form method=post action="login.php">
<table border=0 width="100%" bgcolor="white" align="center">
<tr><td colspan=2 align="center" bgcolor="#CCCCCC"><b>LOGIN USER</b></td></tr>
<tr><td>Username</td><td><input type="text" name="username" maxlength="8" size="9"> </td></tr>
<tr><td>Password</td><td><input type="password" name="userpass" maxlength="8" size="9"> </td></tr>
<tr><td></td><td><input type="submit" name="btn_submit" value="Login"></td></tr>
</table>
</form>
<?php
}
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
9. Situs Administrator
9
(Membuat library function)
function menu_admin(){
?>
<table border=0 width="100%" bgcolor="white">
<tr><td align="center" bgcolor="#CCCCCC"><b>MENU ADMIN</b></td></tr>
<tr><td align="center"><a href="logout.php">LOGOUT</a></td></tr>
<tr><td align="center" bgcolor="#FFCC00" height=2></td></tr>
</table>
</form>
<?php
}
function menu(){
$telahlogin=true;// Nanti diisi perintah pemeriksaan status login
if($telahlogin==false)
form_login();
else
menu_admin();
}
function koneksi_db(){
$host = "localhost";
$database = "dbeorder";
$user = "root";
$password = "";
$link=mysql_connect($host,$user,$password);
mysql_select_db($database,$link);
if(!$link)
echo "Error : ".mysql_error();
return $link;
}
?>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
12. Situs Administrator
12
(Membuat halaman utama)
Buat halaman utama untuk situs admin (index.php)
<html>
<head>
<?php
include("lib_func.php");
?>
<title>Situs e-Order</title>
<link rel="SHORTCUT ICON" href="favicon.ico">
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" align="center" border=0 bordercolor="#FFFFFF">
<tr><td colspan=2 align="center" bgcolor="#0000CC"><?php header_web();?></td></tr>
<tr>
<td width="200px" valign="top" bgcolor="white"><?php menu();?></td>
<td valign="top"><p class="judul">SELAMAT DATANG ADMIN</p>
<p>Halaman ini hanya dipergunakan oleh Administrator untuk mengolah data situs. Silahkan login untuk d
apat masuk ke menu kami.</p>
<p> </p></td>
</tr>
<tr><td colspan=2 bgcolor="#FFCC00"><?php footer_web();?></td></tr>
</table>
</body>
</html>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
13. Situs Administrator
13
Pembuatan database.
Buat database dengan nama “dbeorder”
menggunakan phpmyadmin
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
14. Situs Administrator
14
(Test dokumen persiapan)
Test situs admin : http://localhost/admin/
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
15. Situs Administrator
15
Pengolahan Data Merk
Pengolahan Data Merk digunakan untuk
menambah, mengedit, menghapus, view dan
pencarian Merk.
Pada penghapusan, proses penghapusan tidak
secara real menghapus data merk, tetapi hanya
mengedit status record tersebut sebagai terhapus
(dengan memberikan nilai „Y‟ pada field dihapus)
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
16. Situs Administrator
16
Pengolahan Data Merk
Struktur Tabel Merk
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
17. Situs Administrator
17
Pengolahan Data Merk
SQL :
CREATE TABLE `merk` (
`id_merk` int(11) NOT NULL auto_increment,
`nama` varchar(50) NOT NULL,
`dihapus` char(1) NOT NULL default 'T',
PRIMARY KEY (`id_merk`),
UNIQUE KEY `nama` (`nama`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
18. Situs Administrator
18
Pengolahan Data Merk
Alur Pengolahan Data Merk
MENU MERK
TAMBAH TAMBAH
(MERK_FORM_TAMBAH.PHP) (MERK_PROSES_TAMBAH.PHP)
EDIT EDIT PROSES UPDATE
(MERK_FORM_EDIT.PHP) (MERK_EDIT.PHP) (MERK_PROSES_UPDATE.PHP)
HAPUS HAPUS PROSES HAPUS
(MERK_FORM_HAPUS.PHP) (MERK_HAPUS.PHP) (MERK_PROSES_HAPUS.PHP)
VIEW
(MERK_VIEW.PHP)
PENCARIAN Jika melakukan Pencarian
(MERK_PENCARIAN.PHP) (Action form = PHP_SELF
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
19. Situs Administrator
19
Pengolahan Data Merk
Pembuatan Menu Pengolahan Data Merk
Bukafile lib_func.php
Tambahkan script html berikut pada function
menu_admin()
<tr><td align="center" bgcolor="#FFCC00"><b>DATA MERK</b></td></tr>
<tr><td align="center"><a href="merk_form_tambah.php">Tambah</a></td></tr>
<tr><td align="center"><a href="merk_form_edit.php">Edit</a></td></tr>
<tr><td align="center"><a href="merk_form_hapus.php">Hapus</a></td></tr>
<tr><td align="center"><a href="merk_view.php">View</a></td></tr>
<tr><td align="center"><a href="merk_pencarian.php">Pencarian</a></td></tr>
<tr><td align="center" bgcolor="#FFCC00" height=2></td></tr>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
20. Situs Administrator
20
Pengolahan Data Merk
Jika dijalankan (http://localhost/admin/, maka menu
admin akan seperti gambar di bawah ini.
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
21. Situs Administrator
21
Pengolahan Data Merk (TAMBAH)
Copy sebuah file dari template, simpan dalam file
merk_form_tambah.php
Ganti bagian “JUDUL HALAMAN” menjadi
“PENAMBAHAN MERK”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
22. Situs Administrator
22
Pengolahan Data Merk (TAMBAH)
Buat sebuah form untuk penambahan data merk.
Sisipkan script berikut pada bagian “ISI HALAMAN”
<!-- Awal form penambahan data merk -->
<form method=post action="merk_proses_tambah.php">
<table align="center" bgcolor="white" border=0>
<tr><td colspan=2 align=center class="judultable"><b>TAMBAH MERK BARU</b></td></tr>
<tr><td>Nama Kategori</td><td><input type=text name="namamerk" size=31 maxlength=30></td></tr>
<tr><td></td><td><input type=submit value="Simpan"><input type=reset></td></tr>
</table>
</form>
<!-- Awal form penambahan data merk -->
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
23. Situs Administrator
23
Pengolahan Data Merk (TAMBAH)
Jika dijalankan (mengklik link Tambah di Menu
Merk, maka akan muncul halaman seperti di bawah
ini
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
24. Situs Administrator
24
Pengolahan Data Merk (TAMBAH)
Copy sebuah file dari template, simpan dalam file
merk_proses_tambah.php
Ganti bagian “JUDUL HALAMAN” menjadi
“PENAMBAHAN MERK”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
25. Situs Administrator
25
Pengolahan Data Merk (TAMBAH)
Sisipkan script berikut pada bagian “ISI
HALAMAN”
<?php
$nama=$_POST['namamerk']; // Ambil data dari Form
$link=koneksi_db();
$sql="insert into merk values(null,'$nama','T')"; // susun SQL
$res=mysql_query($sql,$link); // Eksekusi SQL
if($res){ // Jika berhasil
$id_merk=mysql_insert_id($link);
?>
<div class="info">Data Merk <b><?=$nama;?></b> telah disimpan dengan id merk <b><?=$id_merk?></b></div>
<?php
}
else { // Jika gagal
?>
<div class="error">Terjadi kesalahan dalam penyimpanan data merk baru. Silahkan diulang lagi.<br></div>
<?php
}
?>
KETERANGAN :
Perintah <?=$nama;?> sama dengan <?php echo $nama;?>
Perintah <?=$id_merk?> sama dengan <?php echo $id_merk;?>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
26. Situs Administrator
26
Pengolahan Data Merk (TAMBAH)
Test http://localhost/admin
Klik link Tambah di Menu Merk, Isi merk baru
dengan data merk baru, contoh “VISIPRO”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
27. Situs Administrator
27
Pengolahan Data Merk (TAMBAH)
Jika berhasil akan menampilkan tampilan sebagai
berikut :
Jika tidak berhasil (misalkan nama merk sudah
ada) akan menampilkan tampilan sebagai berikut :
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
28. Situs Administrator
28
Pengolahan Data Merk (VIEW)
Copy sebuah file dari template, simpan dalam file
merk_view.php
Ganti bagian “JUDUL HALAMAN” menjadi “VIEW
MERK”
Halaman ini digunakan untuk menampilkan semua
data MERK yang telah disimpan di table.
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
29. Situs Administrator
29
Pengolahan Data Merk (VIEW)
<?php
Ganti bagian “ISI HALAMAN” dengan script berikut
$link=koneksi_db();
$sql="select * from merk order by nama";
$res=mysql_query($sql,$link);
$banyakrecord=mysql_num_rows($res);
if($banyakrecord>0){
?>
<div class="info">Data Merk ditemukan sebanyak : <b><?=$banyakrecord?></b> Record</div>
<table border=0 align="center">
<tr class="judultable"><td colspan=3>DAFTAR MERK</td></tr>
<tr class="judultable"><td>ID MERK</td><td>NAMA</td><td>DIHAPUS</td></tr>
<?php
$i=0;
while($data=mysql_fetch_array($res)){
$i++;
?>
<tr class="<?php if($i%2==1) echo "isitabelganjil"; else echo "isitabelgenap";?>">
<td align="center"><?php echo $data['id_merk'];?></td>
<td><?php echo $data['nama'];?></td>
<td align="center"><?php echo $data['dihapus'];?></td>
</tr>
<?php
}
?>
</table>
<?php
}
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
30. Situs Administrator
30
Pengolahan Data Merk (VIEW)
Lanjutan dari slide sebelumnya
else {
?>
<div class="warning">Data merk tidak ditemukan!.</div>
<?php
}
?>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
31. Situs Administrator
31
Pengolahan Data Merk (VIEW)
Test http://localhost/admin
Klik link View di Menu Merk
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
32. Situs Administrator
32
Pengolahan Data Merk (PENCARIAN)
Halaman ini digunakan untuk melakukan pencarian
data merk.
Halaman pencarian mirip dengan halaman view.
Tetapi di halaman pencarian terdapat form untuk
mengisi keyword pencarian.
Copy file merk_view.php, simpan menjadi
merk_pencarian.php
Ganti judul halaman menjadi PENCARIAN MERK
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
33. Situs Administrator
33
Pengolahan Data Merk (PENCARIAN)
Tambahkan form pencarian di bagian atas isi
halaman. (Sebelum masuk ke proses view data)
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
34. Situs Administrator
34
Pengolahan Data Merk (PENCARIAN)
Tambahkan form pencarian di bagian atas isi
halaman. (Sebelum masuk ke proses view data,
setelah judul halaman)
<div align="center">
<form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
Pencarian
<?php
$fieldcari="";
if(isset($_POST['fieldcari']))
$fieldcari=$_POST['fieldcari'];
?>
<select name="fieldcari">
<option value="id_merk" <?php if($fieldcari=="id_merk") echo "selected";?>>ID Merk</option>
<option value="nama" <?php if($fieldcari=="nama") echo "selected";?>>Nama Merk</option>
</select>
<input type="text" name="keyword" size=10 maxlength="30"
value="<?php if(isset($_POST['keyword'])) echo $_POST['keyword'];?>">
<input type="submit" name="tblcari" value="Cari">
</form>
</div>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
35. Situs Administrator
35
Pengolahan Data Merk (PENCARIAN)
Modifikasi penyusunan sql
$sql="select * from merk order by nama";
Menjadi
$sql="select * from merk ";
if(isset($_POST['tblcari']))
{
$fieldcari=$_POST['fieldcari'];
$keyword=$_POST['keyword'];
$sql=$sql." where $fieldcari like '%$keyword%'";
}
$sql.=" order by nama";
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
36. Situs Administrator
36
Pengolahan Data Merk (PENCARIAN)
Test situs : http://localhost/admin/
Klik tombol Pencarian, maka akan muncul layar
seperti di bawah ini
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
37. Situs Administrator
37
Pengolahan Data Merk (PENCARIAN)
Lakukan pencarian, misalnya pada Nama Merk
dengan mengisi misalnya “VISIPRO”
Jika data ditemukan, maka akan tampil hasil
pencarian seperti di gambar berikut
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
38. Situs Administrator
38
Pengolahan Data Merk (PENCARIAN)
Lakukan pencarian, misalnya pada ID Merk dengan
mengisi misalnya “9999”
Jika data tidak ditemukan, maka akan tampil hasil
pencarian seperti di gambar berikut
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
39. Situs Administrator
39
Pengolahan Data Merk (EDIT)
Copy sebuah file dari template, simpan dalam file
merk_form_edit.php
Halaman ini digunakan untuk pengisian id_merk
yang akan diedit
Ganti bagian “JUDUL HALAMAN” menjadi
“PENGEDITAN MERK”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
40. Situs Administrator
40
Pengolahan Data Merk (EDIT)
Tambahkan form untuk pengisian ID Merk yang
akan diedit pada bagian “ISI HALAMAN”.
<div align="center">
<form method="post" action="merk_edit.php">
ID Merk yang akan diedit
<input type="text" name="id_merk" size=10 maxlength="10">
<input type="submit" value="Edit">
</form>
</div>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
41. Situs Administrator
41
Pengolahan Data Merk (EDIT)
Test http://localhost/admin
Klik tombol Edit pada Menu Merk yang seharusnya
menampilkan form pengisian id merk.
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
42. Situs Administrator
42
Pengolahan Data Merk (EDIT)
Buatlah halaman untuk tempat pengeditan data
(merk_edit.php)
Copy file dari template.php, simpan menjadi
merk_edit.php
Ganti bagian “JUDUL HALAMAN” menjadi
“PENGEDITAN MERK”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
44. Situs Administrator
44
Pengolahan Data Merk (EDIT)
Lanjutan dari slide sebelumnya
<?php
}
else {
?><div class="warning">Data merk tidak ditemukan!.</div><?php
}
?>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
45. Situs Administrator
45
Pengolahan Data Merk (EDIT)
Test http://localhost/admin
Klik link Edit, isi dengan id Merk misalnya “2”.
Jika id merk ditemukan, maka akan menampilkan
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
46. Situs Administrator
46
Pengolahan Data Merk (EDIT)
Test http://localhost/admin
Klik link Edit, isi dengan id Merk misalnya “999”.
Jika id merk tidak ditemukan, maka akan
menampilkan
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
47. Situs Administrator
47
Pengolahan Data Merk (EDIT)
Buatlah halaman untuk proses pengupdatean data
merk (merk_proses_update.php)
Copy file dari template.php, simpan menjadi
merk_proses_update.php
Ganti bagian “JUDUL HALAMAN” menjadi
“PENGEDITAN MERK”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
48. Situs Administrator
48
Pengolahan Data Merk (EDIT)
Isi bagian “ISI HALAMAN” dengan script berikut :
<?php
$id_merk=$_POST['id_merk'];
$nama=$_POST['nama'];
$dihapus=$_POST['dihapus'];
$link=koneksi_db();
$sql="update merk set nama='$nama',dihapus='$dihapus' where id_merk='$id_merk'";
$res=mysql_query($sql);
if($res){
?>
<div class="info">Data Merk dengan ID <?php echo
$id_merk;?> telah diupdate.</div>
<?php
}
else {
?>
<div class="error">Data merk dengan ID <?php echo $id_merk;?> gagal diupdate
dengan pesan kesalahan <b>
<?php echo mysql_error();?></b>.</div>
<?php
}
?>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
49. Situs Administrator
49
Pengolahan Data Merk (EDIT)
Test http://localhost/admin/
Klik link Edit, isi misalnya Id Merk dengan “1”, maka
akan menampilkan halaman berikut :
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
50. Situs Administrator
50
Pengolahan Data Merk (EDIT)
Edit Nama Merk menjadi “A-DATAKU”, Status
Hapus dipilih Ya, kemudian klik tombol Update,
maka akan menampilkan layar berikut :
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
51. Situs Administrator
51
Pengolahan Data Merk (EDIT)
Jika pengeditan berhasil
Jika pengeditan gagal (misalnya mengedit nama
merk dengan yang telah ada)
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
52. Situs Administrator
52
Pengolahan Data Merk (EDIT)
Lihat juga di halaman View Merk
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
53. Situs Administrator
53
Pengolahan Data Merk (HAPUS)
Copy sebuah file dari template, simpan dalam file
merk_form_hapus.php
Halaman ini digunakan untuk pengisian id_merk
yang akan dihapus
Ganti bagian “JUDUL HALAMAN” menjadi
“PENGHAPUSAN MERK”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
54. Situs Administrator
54
Pengolahan Data Merk (HAPUS)
Tambahkan form untuk pengisian ID Merk yang
akan dihapus pada bagian “ISI HALAMAN”.
<div align="center">
<form method="post" action="merk_hapus.php">
ID Merk yang akan dihapus
<input type="text" name="id_merk" size=10 maxlength="10">
<input type="submit" value="HAPUS">
</form>
</div>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
55. Situs Administrator
55
Pengolahan Data Merk (HAPUS)
Test http://localhost/admin
Klik tombol Hapus pada Menu Merk yang
seharusnya menampilkan form pengisian id merk.
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
56. Situs Administrator
56
Pengolahan Data Merk (HAPUS)
Buatlah halaman untuk tempat pengeditan data
(merk_hapus.php)
Copy file dari template.php, simpan menjadi
merk_hapus.php
Ganti bagian “JUDUL HALAMAN” menjadi
“PENGHAPUSAN MERK”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
57. Situs Administrator
57
Pengolahan Data Merk (HAPUS)
<?php
Isi bagian “ISI HALAMAN” dengan script berikut :
$id_merk=$_POST['id_merk'];
$link=koneksi_db();
$sql="select * from merk where id_merk='$id_merk'";
$res=mysql_query($sql);
if(mysql_num_rows($res)==1){
$data=mysql_fetch_array($res);
?>
<form method=post action="merk_proses_hapus.php">
<input type=hidden name="id_merk" value="<?=$data['id_merk']?>">
<table align="center" bgcolor="white" border=0>
<tr><td colspan=2 align=center class="judultable"><b>HAPUS MERK</b></td></tr>
<tr><td>ID Merk</td>
<td><b><?=$data['id_merk']?></b></td></tr>
<tr><td>Nama Merk</td><td><b><?=$data['nama']?></b></td></tr>
<tr><td>Status Hapus</td><td><b><?=$data['dihapus']?></b></td></tr>
<tr><td></td>
<td><input type=submit value="Hapus">
<input type="button" onclick="javascript:history.back()" value="Batal"></td>
</tr>
</table>
</form>
<?php
}
else {
?>
<div class="warning">Data merk yang akan diedit tidak ditemukan!.</div>
<?php
}
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
?>
58. Situs Administrator
58
Pengolahan Data Merk (EDIT)
Test http://localhost/admin/
Klik link Hapus, isi misalnya Id Merk dengan “2”,
maka akan menampilkan halaman berikut :
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
59. Situs Administrator
59
Pengolahan Data Merk (HAPUS)
Buatlah halaman untuk proses penghapusan data
merk (merk_proses_hapus.php)
Copy file dari template.php, simpan menjadi
merk_proses_hapus.php
Ganti bagian “JUDUL HALAMAN” menjadi
“PENGHAPUSAN MERK”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
60. Situs Administrator
60
Pengolahan Data Merk (HAPUS)
Isi bagian “ISI HALAMAN” dengan script berikut :
<?php
$id_merk=$_POST['id_merk'];
$link=koneksi_db();
$sql="update merk set dihapus= 'Y' where id_merk='$id_merk'";
$res=mysql_query($sql,$link);
if($res){
?>
<div class="info">Data Merk dengan ID <?=$id_merk?> telah dihapus.</div>
<?php
}
else {
?>
<div class="error">
Data merk dengan ID <?=$id_merk?> gagal dihapus,
dengan pesan kesalahan <b><?=mysql_error()?></b>.
</div>
<?php
}
?>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
61. Situs Administrator
61
Pengolahan Data Merk (HAPUS)
Test http://localhost/admin
Klik link Hapus, isi Id Merk dengan “2”
Akan menampilkan layar konfirmasi hapus.
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
62. Situs Administrator
62
Pengolahan Data Merk (HAPUS)
Jika penghapusan berhasil dilakukan, maka akan
menampilkan layar seperti di bawah ini.
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
63. Situs Administrator
63
(Pengolahan Data Kategori)
UNTUK PENGOLAHAN DATA KATEGORI,
BOLEH MENGGUNAKAN CARA-CARA
PENGOLAHAN DATA MERK.
ADA JUGA CARA YANG LEBIH
ADVANCE SEPERTI PADA CARA
PEMBUATAN PENGOLAHAN DATA
KATEGORI DI SLIDE-SLIDE DI BAWAH INI
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
64. Situs Administrator
64
(Pengolahan Data Kategori)
Buatlah tabel kategori untuk menampung data kategori
produk.
Ada 4 proses yang harus dibuat yaitu
Penambahan Data Kategori
View Data Kategori
Pengeditan Data Kategori
Penghapusan Data Kategori
Khusus untuk penghapusan, proses penghapusan tidak
benar-benar menghapus data kategori tetapi hanya
mengupdate status Dihapus menjadi Y. Ini dikarenakan
khawatir mengganggu data produk kalau kategorinya
dihapus.
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
65. Situs Administrator
65
(Pengolahan Data Kategori)
Strukturnya :
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
66. Situs Administrator
66
(Pengolahan Data Kategori)
SQL :
CREATE TABLE `merk` (
`id_merk` int(11) NOT NULL auto_increment,
`nama` varchar(50) NOT NULL,
`dihapus` char(1) NOT NULL default 'T',
PRIMARY KEY (`id_merk`),
UNIQUE KEY `nama` (`nama`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
67. Situs Administrator
67
Pengolahan Data Kategori
Alur Pengolahan Data Kategori
MENU KATEGORI
PENCARIAN
TAMBAH
(MERK_PENCARIAN.PHP)
(KATEGORI_TAMBAH.PHP)
IF(AKSI==“SIMPAN”){
SIMPANKEDATABASE();
}
TAMPILKANFORM()
Jika melakukan Pencarian
(Action form = PHP_SELF)
Dan AKSI=“SIMPAN”
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
68. Situs Administrator
68
(Pengolahan Data Kategori)
Buatlah menu pengolahan data kategori,
tambahkan pada fungsi menu_admin yang ada di
file lib_func.php.
<tr><td align="center" bgcolor="#FFCC00"><b>DATA KATEGORI</b></td></tr>
<tr><td align="center"><a href="kategori_tambah.php">Tambah</a></td></tr>
<tr><td align="center"><a href="kategori_view.php">View</a></td></tr>
<tr><td align="center" bgcolor="#FFCC00" height=2></td></tr>
Simpan dan buka halaman utama situsnya.
Setelah di-run
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
69. Situs Administrator
69
(Penambahan Data Kategori)
Copy file template.php, simpan dengan nama
kategori_tambah.php
Ganti “JUDUL HALAMAN” menjadi “PENAMBAHAN
DATA KATEGORI”
Ganti “ISI HALAMAN” dengan script yang berguna
untuk penambahan data kategori seperti di bawah
ini.
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
70. Situs Administrator
70
(Penambahan Data Kategori)
Layar Penambahan Data Kategori Baru
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
71. Situs Administrator
71
(Penambahan Data Kategori)
Isi dengan Nama Kategori baru
Setelah diklik Simpan, maka jika berhasil akan
menampilkan pesan berikut :
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
72. Situs Administrator
72
(View Data Kategori)
View data akan digunakan untuk menampilkan
data-data kategori yang ada.
Dalam view data kategori, diberikan pula tempat
untuk pencarian kategori, boleh berdasarkan
id_kategori atau nama kategorinya.
Dalam setiap data kategori, diberikan link untuk
edit dan hapus. Jika link edit maka akan membuka
layar pengeditan untuk data kategori tersebut, dan
jika link hapus yang diklik maka akan menampilkan
layar penghapusan data kategori tersebut.
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
73. Situs Administrator
73
(View Data Kategori)
<?php
$link=koneksi_db();
$sql="select * from kategori order by nama";
$res=mysql_query($sql);
$banyakrecord=mysql_num_rows($res);
if($banyakrecord>0){
?>
<div align="center">Data Kategori ditemukan sebanyak : <b><?php echo $banyakrecord;?></b> Record</div>
<table border=0 align="center">
<tr class="judultable"><td colspan=3>DAFTAR KATEGORI</td></tr>
<tr class="judultable"><td>ID KATEGORI</td><td>NAMA</td><td>DIHAPUS</td></tr>
<?php
$i=0;
while($data=mysql_fetch_array($res)){
$i++;
?>
<tr class="<?php if($i%2==1) echo "isitabelganjil"; else echo "isitabelgenap";?>">
<td align="center"><?php echo $data['id_kategori'];?></td>
<td><?php echo $data['nama'];?></td>
<td align="center"><?php echo $data['dihapus'];?></td>
</tr>
<?php
}
?>
</table>
<?php
}
else
echo "Tidak ada data pada tabel Kategori. ";
?>
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
74. Situs Administrator
74
(Pengolahan Data Kategori)
Test http://localhost/admin
Klik tombol View Kategori yang akan menampilkan
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)