Daftar Isi

1 Menampilkan data tabel member di web browser ..................................................................... 2

1.1 File daftar_member.php (file baru) .................................................................................... 2

2 Membuat Form Member di web browser .................................................................................. 4

2.1 File frm_member.php (file baru) ........................................................................................ 4

2.2 File proses_member.php (file baru).................................................................................... 6

3 Melakukan perubahan deretan nama menu pada tamplate ..................................................... 11

3.1 File menu.php(file di modif) ............................................................................................. 11

4 Membuat Form Login User di Side Bar. .................................................................................... 12

4.1 File sidebar.php (file di modif) .......................................................................................... 12

5 Membuat Kalimat Selamat Datang Pada Header. ..................................................................... 14

5.1 File header.php(filenya di modif)...................................................................................... 14

6 Tahapan selanjutnya adalah ketika tidak melakukan login user tampilan Daftar Produknya tidak
terdapat menu “Edit”. ..................................................................................................................... 16

6.1 File proses_login.php(file baru) ........................................................................................ 16

6.2 File daftar_produk.php (file dimodif) ................................................................................ 17

7 Langkah selanjutnya adalah agar kita dapat melakukan loguot ................................................ 20

7.1 File logout.php (file baru) ................................................................................................. 20

7.2 File form_produk.php(file dimodif) .................................................................................. 20

1 Menampilkan data tabel member di web browser
1.1 File daftar_member.php (file baru)
<?php
session_start();
require_once'dbkoneksi.php';
// pencarian
$cari = $_GET['nama'];
if(!empty($cari))
{
$sql_cari="WHERE fullname LIKE '$cari%'";
}

//definisikan query
$sql ="SELECT * from member $sql_cari";

// eksekusi query simpan di result test

$rs = $dbh->query($sql);

echo '<H1 align="center" >Daftar Member</h1>';

//Tampilkan Judul Table

$data_user = $_SESSION['DATA_USER'];
if($data_user['role']=='admin')
{
$heads = array ('No','Nama','Email','Role','Tgl Daftar','Edit');
echo '<div align="center"><a href="index.php?mod=frm_mbr">Register
Member</div>';
}
else
{
$heads = array ('No','Nama','Email','Role','Tgl Daftar');
}
?>

<!--Tampilkan Populasi Data Dalam Bentuk Table-->

<Table align="center" cellpadding="5" class="text">
<Thead>
<Tr>
<?php
 foreach($heads as $judul)
{
echo '<th>'.$judul.'</th>';
}
?>
</Tr>
</Thead>
<tbody>
<?php
$no=1;
foreach($rs as $isi)
{
if(($no%2)==0) $warna='#E1E2D4';
else $warna='White';
echo '<TR bgcolor="'.$warna.'" >';
echo '<TD>'.$no.'</TD>';
echo '<TD>'.$isi['fullname'].'</TD>';
echo '<TD>'.$isi['email'].'</TD>';
echo '<TD>'.$isi['role'].'</TD>';
echo '<TD>'.$isi['tgl_daftar'].'</TD>';
// jika login sebagai Admin tampilkan kolom menu edit
if( $data_user['role'] == 'admin' )
{
echo '<TD><a
href="index.php?mod=frm_mbr&edit='.$isi['idmember'].'">Edit</a></TD>';
}
echo '</TR>';
$no++;
}
?>
</tbody>
</Table>
</Table>
2 Membuat Form Member di web browser
2.1 File frm_member.php (file baru)
<?php
session_set_cookie_params(5);
session_start();
require_once 'dbkoneksi.php';

$edit = $_GET['edit'];
if(!empty($edit))
{
$sql = "select * from member where idmember=?";
$st = $dbh->prepare($sql);
$st->execute(array($edit));
$row = $st->fetch();
}
else
{
$row = array(); //data baru, input
}
?>
<form name="frm_mbr" method="POST" action="proses_member.php">
<h1 align="center">Register Member</h1>
<hr/>
<table align="center">
<tr>
<td>Nama Lengkap</td>
<td><input type="text" name="fullname" size="20" value="<?php echo
$row['fullname']?>"/></td>
</tr>

<tr>
<td>E-Mail</td>
<td><input type="text" name="email" size="20" value="<?php echo
$row['email']?>"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="text" name="pass" size="20" value="<?php echo
$row['pass']?>"/></td>
</tr>
<tr>
<td>Role</td>
<td>
<select name="role">
<?php
$x = array ('admin'=> 'Administrator','staff'=>'Staff');
foreach($x as $k => $v)
{
echo '<option value="'.$k.'">'.$v.'</option>';
}
?>
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<?php
if(!empty($edit))
{
?>
<input type="submit" name="proses" value="ubah"/>
<input type="submit" name="proses" value="hapus"/>
<input type="submit" name="proses" value="batal"/>
<input type="hidden" name="edit" value="<?php echo $edit
?>"/>
<?php
}
else
{
?>
<input type="submit" name="proses" value="kirim"/>
<input type="submit" name="proses" value="batal"/>
<?php
}
?>
</td>
</tr>
</table>
</form>
2.2 File proses_member.php (file baru)
<?php
session_start();
require_once 'dbkoneksi.php';

//tangkep proses request

$proses = $_POST['proses'];
$nama = $_POST['fullname'];
$email = $_POST['email'];
$pass = $_POST['pass'];
$role = $_POST['role'];

//Simpan ke dlm array

$data = array($nama, $email, $pass, $role);

//Definisikan SQLnya
if($proses == 'kirim')
{
$sql = "INSERT INTO member(fullname,email,pass,role,tgl_daftar) VALUES
(?,?,md5(?),?,now())";
}
elseif($proses == 'ubah')
{

$data[] =$_POST['edit'];
$sql = "UPDATE member set fullname=?, email=?, pass=?, role=? where
idmember=?";
}
elseif($proses == 'hapus')
{
unset($data);
$data[] = $_POST['edit'];// nambah data ? yg 1
$sql = "DELETE from member where idmember=?"; // sql untuk hapus
}
//elseif($proses='batal');//untuk tombol batal
else
{
header('Location:index.php?mod=member');
}
//persiapan query dan eksekusi data array di dlm DB
if(!empty($sql))
{
try{
$st = $dbh->prepare($sql);
$st->execute($data);
header('Location:index.php?mod=member');
}
catch(PDOException $e){
print "Pesan kesalahan: ". $e->getMessage(). "<br/>";
die();
}
}

?>?>

Sampai tahap ini coba tes membuat user baru

Hasil sementara di browser error

Tetapi file daftar_member.php tampil jika di jalankan pada web browser.

Tampil juga di Mysql

mysql> select * from member;

+----------+----------+------------------------+----------------------------------+-------+---------------------+
| idmember | fullname | email | pass | role | tgl_daftar |
+----------+----------+------------------------+----------------------------------+-------+---------------------+
| 1 | nasrul | nasrul@nf.com | 6f76ea47c8facb083934b74117386d47 | admin | 2016-05-24 15:03:54 |
| 2 | aisyah | aisyah@nf.com | 26bb533df5747c7a3f2a9cc48a8cf3ee | staff | 2016-05-24 15:04:10 |
| 3 | fawwaz | fawwaz@nf.com | 19fb4ac655965f3aa5f5f54c712802ab | staff | 2016-05-24 15:04:24 |
| 4 | ilham | ilham@nurulfikri.co.id | b63d204bf086017e34d8bd27ab969f28 | admin | 2016-05-25 11:04:41 |
+----------+----------+------------------------+----------------------------------+-------+---------------------+
4 rows in set (0.00 sec)
3 Melakukan perubahan deretan nama menu pada tamplate
3.1 File menu.php(file di modif)
<?php
$menu_atas = array('home'=>'Home',
'biodata'=>'Biodata',
'dafprod'=>'Daftar Produk',
//'formprod'=>'Form Produk',
'member'=>'Member');

$link_atas= array('home'=>'home.php',
'biodata'=>'biodata.php',
'dafprod'=>'daftar_produk.php',
'formprod'=>'form_produk.php',
'member'=>'daftar_member.php',
'frm_prod'=>'form_produk.php',
'frm_mbr'=>'frm_member.php');

//$menu_side= array('elektronik'=>'Elektronik');
//$link_side= array('elektronik'=>'elektronik.php');
//$tautan=array ('Detik'=>'http://www.detik.com/',
// 'Nurul Fikri'=>'http://www.nurulfikri.com/');
?>

Sementara terdapat menu baru Daftar Produk dan Member sedangkan menu Form
Produk dihilangkan.
Pada menu Daftar Produk masih terdapat menu edit dan pada tahap selanjutnya agar menu
edit tersebut secara default tidak tampil kecuali ketika kita malakukan login user baik
sebagai administrator maupun staff.

4 Membuat Form Login User di Side Bar.

4.1 File sidebar.php (file di modif)
<div class="col-md-4">
<form name="frm_log" method="POST" action="proses_login.php">
<!--<div class="form-group">

<label for="exampleInputEmail1">
Email address
</label>
<input type="email" class="form-control"
id="exampleInputEmail1">
</div>
<div class="form-group">

<label for="exampleInputPassword1">
Password
 </label>
<input type="password" class="form-control"
id="exampleInputPassword1">
</div> -->
<div class="form-group">

<label for="exampleInputEmail1">
User
</label>
<input type="text" class="form-control"
id="exampleInputEmail1" name="user">
</div>
<div class="form-group">

<label for="exampleInputPassword1">
Password
</label>
<input type="password" class="form-control"
id="exampleInputPassword1" name="password">
</div>
<!--
<div class="form-group">

<label for="exampleInputFile">
File input
</label>
<input type="file" class="form-control-file"
id="exampleInputFile">
<p class="help-block">
Example block-level help text here.
</p>
</div>
<div class="checkbox">

<label>
<input type="checkbox"> Check me out
</label>
</div> -->
<button type="submit" class="btn btn-primary" name="proses">
Submit
</button>
<button type="reset" class="btn btn-primary" name="disproses">
Batal
</button>
</form>
 </div>
</div>
Note: Sponsor di hilangkan

5 Membuat Kalimat Selamat Datang Pada Header.

5.1 File header.php(filenya di modif)
<?php
//session_set_cookie_params(5);
session_start();
include_once 'menu.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Bootstrap 4, from LayoutIt!</title>

<meta name="description" content="Source code generated using layoutit.com">

<meta name="author" content="LayoutIt!">

<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">

</head>
 <body>

<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<ul class="nav nav-pills">

<!-- <li class="nav-item">

<a class="nav-link active" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Messages</a>
</li> -->
<?php
include_once 'menu.php';
foreach ($menu_atas as $key => $label)
{echo '<li> <a href="index.php?mod='.$key.'">'.$label.' &nbsp</a></li>';}
?>
<?php
//step2 tampilkan user session
if(!empty($_SESSION['DATA_USER']))
{
$data_user = $_SESSION['DATA_USER'];
echo 'Assalamu\'alaikum <b>'.
$data_user['fullname']. '</b>';
echo ', anda sebagai : <b>'.$data_user['role']. '</b>';
echo ' | <a href="logout.php"> Keluar </a>';
}
else
{
echo ' Selamat datang, <b>tamu</b>';
}
?>
<li class="nav-item dropdown ml-md-auto">
<a class="nav-link dropdown-toggle"
href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown">Dropdown
link</a>
<div class="dropdown-menu dropdown-menu-right" aria-
labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a> <a
class="dropdown-item" href="#">Another action</a> <a class="dropdown-item"
href="#">Something else here</a>
 <div class="dropdown-divider">
</div> <a class="dropdown-item"
href="#">Separated link</a>
</div>
</li>
</ul>
</div>

<div class="col-md-4">
<img alt="Bootstrap Image Preview"
src="https://www.layoutit.com/img/sports-q-c-140-140-3.jpg" class="img-thumbnail">
</div>
</div>

Sampai saat ini ada koment “Selamat datang, tamu” pada kanan atas header.
Kondisi pada saat ini ketika kita memilih menu Daftar Produk masih terdapat menu edit.

6 Tahapan selanjutnya adalah ketika tidak melakukan login

user tampilan Daftar Produknya tidak terdapat menu
“Edit”.
6.1 File proses_login.php(file baru)
<?php
session_start();
require_once 'dbkoneksi.php';

//tangkep request
$login_user= $_POST['user'];
$login_pass= $_POST['password'];

//siapkan query
$sql = " select * from member where fullname=? and pass=md5(?)"; // step3 query menampilkan
email & passwd
$st = $dbh->prepare($sql);//step3 siapkan sqlnya
$st->execute(array($login_user,$login_pass)); //eksekusi user & password dari array dlm DB
$row = $st->fetch(); // fetch ngambil satu baris dari dalam DB

if(!empty($row['fullname'])) // step 3 untuk cek apakah fullnamenya ada

{
$_SESSION['DATA_USER']=$row;// step3 buat session DATA_USER untuk ambil data
1 baris dari DB
//header('Location:index.php?mod=prod');
echo '<script>alert("Selamat anda sukses login");history.go(-1);</script>';
}
else
{
echo '<script>alert("Login gagal brooo ...");history.go(-1)</script>';
}

?>

6.2 File daftar_produk.php (file dimodif)

<html>
<head>
<title>daftar produk</title>
</head>
<body>
<?php
include_once 'dbkoneksi.php';
//step1 definisikan query
$sql = "select * from produk inner join jenis_produk on produk.idjenis = jenis_produk.idjenis order
by produk.idproduk";// menampilkan daftar produk
//2 eksekusi query dan simpan ke resultset
$rs = $dbh->query ($sql);
//3 tampilkan judul dan array

//Tampilkan Judul Table

if( !empty($_SESSION['DATA_USER']) ) // step session
{
$head = array ('No','Produk','Jenis Produk','Harga','Stok','Foto','Action');
echo '<div align="center"><a href="index.php?mod=frm_prod">tambah produk</a></div>';
}
else
{
$head = array ('No','Produk','Jenis Produk','Harga','Stok','Foto');
}

?>
<table border="1" align="center" width="85%" cellpadding="5">
<thead>
<?php
foreach ($head as $h)
{
echo'<th>'.$h.'</th>';
}
?>
</thead>
<tbody>
<?php
$no = 1;
foreach($rs as $row)
{
if(($no % 2)==0)$warna="grey";
else $warna="White";
echo '<tr bgcolor="'.$warna.'">';
echo'<td>'.$no.'</td>';
echo'<td>'.$row['nama_produk'].'</td>';
echo'<td>'.$row['jenis'].'</td>';
echo'<td>'.$row['stok'].'</td>';
echo'<td>'.$row['harga'].'</td>';
echo'<td><img src="image/'.$row['foto'].'" width="80"/> </td>';
if( !empty($_SESSION['DATA_USER']) )
{
echo'<td><a href="index.php?mod=frm_prod&idedit='.$row['idproduk'].'">Edit</a> </td>';
}
echo '</tr>';
$no++;
}
?>

</tbody>
</table>
 </body>
</html>
Sekarang perubahan sudah bisa dilihat dan kondisi pada saat ini ketika kita memilih menu
Daftar Produk dan tidak melakukan login user tidak terdapat menu “Edit”.

Langkah selanjutnya adalah kita mencoba login menggunakan user sudah terdapat menu
“Edit”. MASIH ERROR… (upp harus di refresh untuk lihat hasilnya)

Tetapi pada tahapan ini kita ketika kita ingin loguot kembali tidak dapat dilakukan.
7 Langkah selanjutnya adalah agar kita dapat melakukan
loguot
7.1 File logout.php (file baru)
<?php
session_start();
unset($_SESSION['DATA_USER']);
header('Location:index.php');
?>

7.2 File form_produk.php(file dimodif)

<?php
session_set_cookie_params(5);
session_start();
require_once 'dbkoneksi.php';//step1
//step2 edit
$_idedit = $_GET['idedit'];
// GET karena edit nanti ditampilin di URL, edit diambil dari file daftar_produk.php
// <a href="produk.php?edit='.$isi['idproduk'].'">Edit</a>
if(!empty($_idedit))
{
$sql = "select * from produk where idproduk=?";
$st = $dbh->prepare($sql);
$st->execute(array($_idedit));
$row = $st->fetch();
}
else
{
$row = array(); //data baru, input
}
?>

<html>
<head><title>Form Produk</title>
</head>
<body>
<form name="form" method="POST" action="proses_produk.php">
<table width="400" height="100" align="center">
<tr>
<td bgcolor="Beige" colspan="2">Register Produk</td>
</tr>
<tr>
<td>Nama Produk</td>
 <td>
<input type="text" name="nama" value="<?php echo $row['nama_produk'] ?>"/>
</td>
</tr>
<tr>
<td>Jenis</td>
<td>
<select name="idjenis">
<option value="">--Pilih Produk--</option>
<?php
$rsjenis = array (1=>'Elektronik','Furniture');
foreach ($rsjenis as $x => $v)
{
if($x==$row['idjenis'])
{
$sel = ' SELECTED';
}
echo '<option value="'.$x.'"'.$sel.'>'.$v.'</option>';
$sel="";

}
?>
</select>
</td>
</tr>
<tr>
<td>Stok</td>
<td><input type="text" align="center" name="stok" value="<?php echo
$row['stok'] ?>"/></td>
</tr>
<tr>
<td>Harga</td>
<td><input type="text" align="center" name="harga" value="<?php echo
$row['harga'] ?>"/></td>
</tr>
<tr>
<td>Foto</td>
<td><input type="text" align="center" name="foto" value="<?php echo
$row['foto'] ?>"/></td>
</tr>
<tr>
<td colspan="2" align="right" bgcolo="Beige">
<?php
if(!empty($_idedit))
{
 ?>
<input type="submit" name="proses" value="Update"/>
<input type="submit" name="proses" value="Hapus"/>
<input type="hidden" name="idedit" value="<?php echo $_idedit ?>"/>
<?php
}
else
{
?>
<input type="submit" name="proses" value="Simpan"/>
<?php
}
?>

</td>
</tr>
</table>
</form>
</body>
</html>
<?php
include_once 'daftar_produk.php';
?>