![Page 1: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/1.jpg)
1
© Teknik Informatika - UNIKOM 2014
APLIKASI DATABASE BERBASISWEB DENGAN PHP & MYSQL
(BAGIAN 2-STUDI KASUS)
![Page 2: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/2.jpg)
2
CONTOH KASUS
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 Tim ATOL
2
Situs e-Order
![Page 3: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/3.jpg)
3
© Teknik Informatika - UNIKOM 2014
Situs e-Order
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
3
Ada 2 situs yang harus dibuat, yaitu
Situs AdministratorSitus ini berguna untuk melakukan pengolahan data seperti :
Data Produk
Data Kategori
Data Merk
Data Member
Data Pesanan
Situs PengunjungSitus ini berguna untuk melakukan pemesanan barang. Fasilitas yang ada dalam situs ini adalah
Pendaftaran Member
Pemesanan Produk
![Page 4: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/4.jpg)
4
© Teknik Informatika - UNIKOM 2014
Situs e-Order
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
4 Aturan-aturan
Setiap produk memiliki kategori produk (TV, Radio, MP3 Player, Ponsel, Laptop/Notebook, PC Desktop, dll), danmemiliki Merk (Toshiba, Acer, Nokia, Siemens, Sharp, dll)
Masyarakat umum dapat melakukan pendaftaran sebagaimember
Hanya member yang dapat melakukan pemesanan
Setiap pemesanan boleh memiliki lebih dari 1 jenis barang.
Hanya pemesanan yang telah dicheckout yang akanditindak lanjuti (misalnya dengan komunikasi manual mengenai pembayaran, paket dll).
Administrator dapat mengarsipkan pesanan jika pesanantersebut telah dikirimkan
![Page 5: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/5.jpg)
5
Teknik Informatika - UNIKOM 2014
Situs e-Order
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
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).
![Page 6: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/6.jpg)
6
Teknik Informatika - UNIKOM 2014
Skema Relasi
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
6
![Page 7: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/7.jpg)
7
Teknik Informatika - UNIKOM 2014
Situs Administrator (Persiapan)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
7
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
![Page 8: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/8.jpg)
8
Teknik Informatika - UNIKOM 2014
Situs Administrator(Membuat library function)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
8
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
}
![Page 9: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/9.jpg)
9
Teknik Informatika - UNIKOM 2014
Situs Administrator(Membuat library function)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
9 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;
}
?>
![Page 10: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/10.jpg)
10
Teknik Informatika - UNIKOM 2014
Situs Administrator(Membuat library function)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
10
Nama file : css.cssa{
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
body {
background-color: #DCDCDC;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #336699;
}
.judul{
font-size:36px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
}
.info{
background-color:#0099FF;
text-align:center;
color:white;
}
.error{
background-color:red;
color:white;
text-align:center;
}
.warning{
background-color:yellow;
color:black;
text-align:center;
}
.judultable{
background-color:#CCCCCC;
font-weight:bold;
font-size:14px;
text-align:center;
}
.isitabelganjil{
background-color:WHITE;
}
.isitabelgenap{
background-color:#DDDDDD;
}
![Page 11: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/11.jpg)
11
Teknik Informatika - UNIKOM 2014
Situs Administrator(Membuat template situs)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
11
Contoh template situs admin (template.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">JUDUL HALAMAN</p>
<p>ISI HALAMAN</p>
<p> </p></td>
</tr>
<tr><td colspan=2 bgcolor="#FFCC00"><?php footer_web();?></td></tr>
</table>
</body>
</html>
![Page 12: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/12.jpg)
12
Teknik Informatika - UNIKOM 2014
Situs Administrator(Membuat halaman utama)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
12
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>
![Page 13: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/13.jpg)
13
Teknik Informatika - UNIKOM 2014
Situs Administrator
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
13
Pembuatan database.
Buat database dengan nama “dbeorder”
menggunakan phpmyadmin
![Page 14: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/14.jpg)
14
Teknik Informatika - UNIKOM 2014
Situs Administrator(Test dokumen persiapan)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
14
Test situs admin : http://localhost/admin/
![Page 15: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/15.jpg)
15
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
15
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)
![Page 16: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/16.jpg)
16
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
16
Struktur Tabel Merk
![Page 17: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/17.jpg)
17
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
17
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 ;
![Page 18: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/18.jpg)
18
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
18
Alur Pengolahan Data Merk
MENU MERK
TAMBAH
(MERK_FORM_TAMBAH.PHP)
EDIT
(MERK_FORM_EDIT.PHP)
HAPUS
(MERK_FORM_HAPUS.PHP)
VIEW
(MERK_VIEW.PHP)
PENCARIAN
(MERK_PENCARIAN.PHP)
TAMBAH
(MERK_PROSES_TAMBAH.PHP)
EDIT
(MERK_EDIT.PHP)
HAPUS
(MERK_HAPUS.PHP)
Jika melakukan Pencarian
(Action form = PHP_SELF
PROSES UPDATE
(MERK_PROSES_UPDATE.PHP)
PROSES HAPUS
(MERK_PROSES_HAPUS.PHP)
![Page 19: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/19.jpg)
19
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
19
Pembuatan Menu Pengolahan Data Merk
Buka file 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>
![Page 20: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/20.jpg)
20
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
20
Jika dijalankan (http://localhost/admin/, maka menu
admin akan seperti gambar di bawah ini.
![Page 21: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/21.jpg)
21
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (TAMBAH)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
21
Copy sebuah file dari template, simpan dalam file
merk_form_tambah.php
Ganti bagian “JUDUL HALAMAN” menjadi
“PENAMBAHAN MERK”
![Page 22: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/22.jpg)
22
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (TAMBAH)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
22
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 -->
![Page 23: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/23.jpg)
23
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (TAMBAH)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
23
Jika dijalankan (mengklik link Tambah di Menu
Merk, maka akan muncul halaman seperti di bawah
ini
![Page 24: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/24.jpg)
24
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (TAMBAH)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
24
Copy sebuah file dari template, simpan dalam file
merk_proses_tambah.php
Ganti bagian “JUDUL HALAMAN” menjadi
“PENAMBAHAN MERK”
![Page 25: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/25.jpg)
25
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (TAMBAH)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
25
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;?>
![Page 26: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/26.jpg)
26
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (TAMBAH)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
26
Test http://localhost/admin/
Klik link Tambah di Menu Merk, Isi merk baru
dengan data merk baru, contoh “VISIPRO”
![Page 27: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/27.jpg)
27
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (TAMBAH)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
27
Jika berhasil akan menampilkan tampilan sebagai
berikut :
Jika tidak berhasil (misalkan nama merk sudah
ada) akan menampilkan tampilan sebagai berikut :
![Page 28: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/28.jpg)
28
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (VIEW)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
28
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.
![Page 29: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/29.jpg)
29
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (VIEW)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
29
Ganti bagian “ISI HALAMAN” dengan script berikut
<?php
$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
}
![Page 30: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/30.jpg)
30
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (VIEW)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
30
Lanjutan dari slide sebelumnyaelse {
?>
<div class="warning">Data merk tidak ditemukan!.</div>
<?php
}
?>
![Page 31: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/31.jpg)
31
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (VIEW)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
31
Test http://localhost/admin
Klik link View di Menu Merk
![Page 32: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/32.jpg)
32
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (PENCARIAN)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
32
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
![Page 33: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/33.jpg)
33
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (PENCARIAN)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
33
Tambahkan form pencarian di bagian atas isi
halaman. (Sebelum masuk ke proses view data)
![Page 34: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/34.jpg)
34
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (PENCARIAN)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
34
Tambahkan form pencarian di bagian atas isi
halaman. (Sebelum masuk ke proses view data,
setelah judul halaman)
<div align="center">
<form method="post" action="<?=$_SERVER['PHP_SELF']?>">
Pencarian
<select name="fieldcari">
<option value="id_merk" <?php if($_POST['fieldcari']=="id_merk") echo "selected";?>>ID Merk</option>
<option value="nama" <?php if($_POST['fieldcari']=="nama") echo "selected";?>>Nama Merk</option>
</select>
<input type="text" name="keyword" size=10 maxlength="30" value="<?=$_POST['keyword'];?>">
<input type="submit" name="tblcari" value="Cari">
</form>
</div>
![Page 35: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/35.jpg)
35
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (PENCARIAN)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
35
Modifikasi penyusunan sql
Menjadi
$sql="select * from merk ";
$fieldcari=$_POST['fieldcari'];
$keyword=$_POST['keyword'];
if($_POST['tblcari']=="Cari")// Jika tblcari diklik, tambahkan perintah WHERE ...
$sql=$sql." where $fieldcari like '%$keyword%' ";
$sql.=" order by nama";
$sql="select * from merk order by nama";
![Page 36: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/36.jpg)
36
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (PENCARIAN)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
36
Test situs : http://localhost/admin/
Klik tombol Pencarian, maka akan muncul layar
seperti di bawah ini
![Page 37: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/37.jpg)
37
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (PENCARIAN)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
37
Lakukan pencarian, misalnya pada Nama Merk
dengan mengisi misalnya “VISIPRO”
Jika data ditemukan, maka akan tampil hasil
pencarian seperti di gambar berikut
![Page 38: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/38.jpg)
38
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (PENCARIAN)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
38 Lakukan pencarian, misalnya pada ID Merk dengan
mengisi misalnya “9999”
Jika data tidak ditemukan, maka akan tampil hasil
pencarian seperti di gambar berikut
![Page 39: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/39.jpg)
39
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
39
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”
![Page 40: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/40.jpg)
40
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
40
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>
![Page 41: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/41.jpg)
41
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
41
Test http://localhost/admin
Klik tombol Edit pada Menu Merk yang seharusnya
menampilkan form pengisian id merk.
![Page 42: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/42.jpg)
42
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
42
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”
![Page 43: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/43.jpg)
43
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
43
Isi bagian “ISI HALAMAN” dengan script berikut :<?php
$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_update.php">
<table align="center" bgcolor="white" border=0>
<tr><td colspan=2 align=center class="judultable"><b>EDIT MERK</b></td></tr>
<tr><td>ID Merk</td>
<td><input type=text name="id_merk" value="<?=$data['id_merk']?>" readonly></td></tr>
<tr><td>Nama Merk</td>
<td><input type=text name="nama" value="<?=$data['nama']?>" size=31 maxlength=30></td></tr>
<tr><td valign=top>Status Dihapus</td>
<td><input type=radio name="dihapus" value="Y" <?php if($data['dihapus']=="Y") echo "checked";?>>
Ya<br>
<input type=radio name="dihapus" value="T" <?php if($data['dihapus']=="T") echo "checked";?>>
Tidak
</td>
</tr>
![Page 44: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/44.jpg)
44
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
44
Lanjutan dari slide sebelumnya<tr><td></td>
<td><input type=submit value="Update">
<input type="button" onclick="javascript:history.back()" value="Batal"></td>
</tr>
</table>
</form>
<?php
}
else {
?>
<div class="warning">Data merk tidak ditemukan!.</div>
<?php
}
?>
![Page 45: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/45.jpg)
45
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
45
Test http://localhost/admin
Klik link Edit, isi dengan id Merk misalnya “2”.
Jika id merk ditemukan, maka akan menampilkan
![Page 46: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/46.jpg)
46
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
46
Test http://localhost/admin
Klik link Edit, isi dengan id Merk misalnya “999”.
Jika id merk tidak ditemukan, maka akan
menampilkan
![Page 47: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/47.jpg)
47
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
47
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”
![Page 48: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/48.jpg)
48
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
48
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 <?=$id_merk?> telah diupdate.</div>
<?php
}
else {
?>
<div class="error">
Data merk dengan ID <?=$id_merk?> gagal diupdate,
dengan pesan kesalahan <b><?=mysql_error()?></b>.
</div>
<?php
}
?>
![Page 49: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/49.jpg)
49
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
49
Test http://localhost/admin/
Klik link Edit, isi misalnya Id Merk dengan “1”, maka
akan menampilkan halaman berikut :
![Page 50: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/50.jpg)
50
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
50
Edit Nama Merk menjadi “A-DATAKU”, Status
Hapus dipilih Ya, kemudian klik tombol Update,
maka akan menampilkan layar berikut :
![Page 51: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/51.jpg)
51
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
51
Jika pengeditan berhasil
Jika pengeditan gagal (misalnya mengedit nama
merk dengan yang telah ada)
![Page 52: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/52.jpg)
52
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
52
Lihat juga di halaman View Merk
![Page 53: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/53.jpg)
53
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (HAPUS)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
53
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”
![Page 54: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/54.jpg)
54
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (HAPUS)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
54
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>
![Page 55: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/55.jpg)
55
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (HAPUS)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
55
Test http://localhost/admin
Klik tombol Hapus pada Menu Merk yang
seharusnya menampilkan form pengisian id merk.
![Page 56: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/56.jpg)
56
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (HAPUS)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
56
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”
![Page 57: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/57.jpg)
57
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (HAPUS)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
57
Isi bagian “ISI HALAMAN” dengan script berikut :<?php
$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
}
?>
![Page 58: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/58.jpg)
58
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (EDIT)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
58
Test http://localhost/admin/
Klik link Hapus, isi misalnya Id Merk dengan “2”,
maka akan menampilkan halaman berikut :
![Page 59: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/59.jpg)
59
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (HAPUS)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
59
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”
![Page 60: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/60.jpg)
60
Teknik Informatika - UNIKOM 2014
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
60
Situs AdministratorPengolahan Data Merk (HAPUS)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
60
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
}
?>
![Page 61: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/61.jpg)
61
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (HAPUS)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
61
Test http://localhost/admin
Klik link Hapus, isi Id Merk dengan “2”
Akan menampilkan layar konfirmasi hapus.
![Page 62: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/62.jpg)
62
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Merk (HAPUS)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
62
Jika penghapusan berhasil dilakukan, maka akan
menampilkan layar seperti di bawah ini.
![Page 63: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/63.jpg)
63
Teknik Informatika - UNIKOM 2014
Situs Administrator(Pengolahan Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
63
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 SELANJUTNYA
![Page 64: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/64.jpg)
64
Teknik Informatika - UNIKOM 2014
Situs Administrator(Pengolahan Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
64
Buatlah tabel kategori untuk menampung data kategoriproduk.
Ada 4 proses yang harus dibuat yaitu
Penambahan Data Kategori
View Data Kategori
Pengeditan Data Kategori
Penghapusan Data Kategori
Khusus untuk penghapusan, proses penghapusan tidakbenar-benar menghapus data kategori tetapi hanyamengupdate status Dihapus menjadi Y. Ini dikarenakankhawatir mengganggu data produk kalau kategorinyadihapus.
![Page 65: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/65.jpg)
65
Teknik Informatika - UNIKOM 2014
Situs Administrator(Pengolahan Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
65
Strukturnya :
![Page 66: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/66.jpg)
66
Teknik Informatika - UNIKOM 2014
Situs Administrator(Pengolahan Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
66
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 ;
![Page 67: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/67.jpg)
67
Teknik Informatika - UNIKOM 2014
Situs AdministratorPengolahan Data Kategori
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
67
Alur Pengolahan Data Kategori
MENU KATEGORI
TAMBAH
(KATEGORI_TAMBAH.PHP)
IF(AKSI==“SIMPAN”){
SIMPANKEDATABASE();
}
TAMPILKANFORM()
PENCARIAN
(MERK_PENCARIAN.PHP)
Jika melakukan Pencarian
(Action form = PHP_SELF)
Dan AKSI=“SIMPAN”
![Page 68: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/68.jpg)
68
Teknik Informatika - UNIKOM 2014
Situs Administrator(Pengolahan Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
68
Buatlah menu pengolahan data kategori,
tambahkan pada fungsi menu_admin yang ada di
file lib_func.php.
Simpan dan buka halaman utama situsnya.
<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>
Setelah di-run
![Page 69: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/69.jpg)
69
Teknik Informatika - UNIKOM 2014
Situs Administrator(Penambahan Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
69
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.
![Page 70: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/70.jpg)
70
Teknik Informatika - UNIKOM 2014
Situs Administrator(Penambahan Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
70
Layar Penambahan Data Kategori Baru
![Page 71: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/71.jpg)
71
Teknik Informatika - UNIKOM 2014
Situs Administrator(Penambahan Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
71
Isi dengan Nama Kategori baru
Setelah diklik Simpan, maka jika berhasil akan
menampilkan pesan berikut :
![Page 72: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/72.jpg)
72
Teknik Informatika - UNIKOM 2014
Situs Administrator(View Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
72
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.
![Page 73: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/73.jpg)
73
Teknik Informatika - UNIKOM 2014
Situs Administrator(View Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
73
<?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. ";
?>
![Page 74: Pertemuan 9 - Aplikasi DaASDtabase Berbasis Web Dengan PhP & MySQL - Bagian 2](https://reader034.vdokumen.com/reader034/viewer/2022050819/55cf8e3c550346703b8ffed8/html5/thumbnails/74.jpg)
74
Teknik Informatika - UNIKOM 2014
Situs Administrator(Pengolahan Data Kategori)
Modul Aplikasi Teknologi Online Oleh Tim ATOL IF-UNIKOM
74
Test http://localhost/admin
Klik tombol View Kategori yang akan menampilkan