(Part 3) Membangun Aplikasi Kasir atau Point of Sales (POS) Dengan PHP dan MYSQL (Menu Insert dan Edit User)

Setelah sebelumnya membahas mengenai Template dan Koneksi Kedatabase. Kali ini kami akan membuat postingan mengenai cara membuat Menu Insert dan Edit User.  

Bagian terpenting dari sebuah aplikasi yang memiliki data bersifat privasi adalah dengan membuat fitur otentikasi untuk memberikan sekat antara pengguna aplikasi. Sebagaimana yang telah diketahui, bahwa dalam schema database sebelumnya, kita telah memiliki table user_login, dimana table ini akan digunakan untuk menyimpan data user yang memiliki akses kedalam data yang akan dilindungi dengan fitur otentikasi tersebut.

Langsung saja pada pokok pembahasan kali ini dengan cara :
1.  Ketik kode berikut (home.php) :

<div class="row-fluid"> <ul class="thumbnails"> <li class="span4"> <div class="thumbnail"> <div class="caption"> <h3>User Management</h3> <p>Halaman untuk menambah,mengubah dan menghapus data user</p> <p><a href="?cat=administrator&page=user" class="btn btn-primary">Masuk</a> </p> </div> </div> </li> </ul> </div>

Simpan dengan nama "home.php", Agar rapi buat folder pages dan di dalam folder pages buat folder lagi dengan nama administrator (pages/administrator). 

2. Kemudian ketik kode berikut (user.php):

<?php ob_start(); ?> <form name="form1" method="post" action="?cat=administrator&page=user&act=1"> <label>Username</label> <input type="text" name="username" id="username"> <label>Nama</label> <input type="text" name="nama" id="nama"> <label>Password</label> <input type="text" name="password" id="password"> <label>LEVEL</label> <select name="jenis" id="jenis"> <option value="admin">ADMIN</option> <option value="pimpinan">PIMPINAN</option> <option value="gudang">GUDANG</option> <option value="kasir">KASIR</option> </select> <p></p> <input type="submit" class="btn btn-primary" name="button" id="button" value="Daftar">&nbsp;&nbsp;<input type="reset" class="btn btn-danger" name="reset" id="reset" value="Reset"> </form> <?php ob_end_flush(); ?> <p></p> <p></p> <span class="span4"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table table-striped"> <tr> <td>Username</td> <td>Nama</td> <td>Jenis Login</td> <td>&nbsp;</td> </tr> <?php $rw=mysql_query("Select * from user_login"); while($s=mysql_fetch_array($rw)) { ?> <tr> <td><?php echo $s['username']; ?></td> <td><?php echo $s['nama']; ?></td> <td><?php echo $s['login_hash']; ?></td> <td><a href="?cat=administrator&page=useredit&id=<?php echo sha1($s['username']); ?>">Edit</a> - <a href="?cat=administrator&page=user&del=1&id=<?php echo sha1($s['username']); ?>">Hapus</a></td> </tr> <?php } ?> </table> </span> <?php if(isset($_GET['act'])) { $rs=mysql_query("Insert into user_login (`username`,`nama`,`password`,`login_hash`) values ('".$_POST['username']."','".$_POST['nama']."','".md5($_POST['password'])."','".$_POST['jenis']."')") or die(mysql_error()); if($rs) { echo "<script>window.location='?cat=administrator&page=user'</script>"; } } ?> <?php if(isset($_GET['del'])) { $ids=$_GET['id']; $ff=mysql_query("Delete from user_login Where sha1(username)='".$ids."'"); if($ff) { echo "<script>window.location='?cat=administrator&page=user'</script>"; } } ?>

Simpan dengan nama "user.php", simpan di folder pages sama seperti file home.php 

Scrip diatas berfungsi sebagai halaman untuk menambahkan data user.

3. Kemudian ketik kode berikut (useredit.php):

<?php ob_start(); if(isset($_GET['id'])) { $rs=mysql_query("Select * from user_login where sha1(username)='".$_GET['id']."'"); $row=mysql_fetch_array($rs); ?> <form name="form1" method="post" action="?cat=administrator&page=useredit&id=<?php echo $_GET['id']; ?>&edit=1"> <table width="50%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="36%">Username</td> <td width="64%"><label for="username"></label> <input type="text" name="username" id="username" value="<?php echo $row['username']; ?>" disabled="disabled"></td> </tr> <tr> <td>Password</td> <td><input type="password" name="password" id="password" value="<?php echo $row['password']; ?>"></td> </tr> <tr> <td>Jenis Login</td> <td> <select name="jenis" id="jenis"> <option value="admin">ADMIN</option> <option value="pimpinan">PIMPINAN</option> <option value="gudang">GUDANG</option> <option value="kasir">KASIR</option> </select></td> </tr> <tr> <td>&nbsp;</td> <td><input type="submit" class="btn btn-primary" name="button" id="button" value="Ubah">&nbsp;&nbsp;<input type="button" class="btn btn-danger" name="reset" id="reset" value="Cancel" onclick="window.location='?cat=administrator&page=user'"></td> </tr> </table> </form> <?php ob_end_flush(); }else{ echo "<script>window.location='?cat=administrator&page=user'</script>"; } ?> <?php if(isset($_GET['edit'])) { $rs=mysql_query("Update user_login SET password='".md5($_POST['password'])."',login_hash='".$_POST['jenis']."' Where sha1(username)='".$_GET['id']."'"); if($rs) { echo "<script>window.location='?cat=administrator&page=user'</script>"; } } ?>

Simpan dengan nama "useredit.php", simpan di folder pages sama seperti file home.php 
Scrip diatas berfungsi sebagai halaman untuk edit data user.

4. Selanjutnya pada file _main-nav.php  perhatikan kode berikut :

<!--MENU SUPER ADMIN-->

<?php }elseif($_SESSION['login_hash']=="administrator"){ ?> <li class="dropdown"><a href="#"><span class="icon-th-list"></span>MASTER </a> <ul> <li><a href="?cat=administrator&page=user">Tambah Data User</a></li> <li><a href="#"><span class="icon-pencil"></span>SUB MENU 2A</a></li> </ul> </li> <li class="dropdown"><a href="#"><span class="icon-th-list"></span>MENU B</a> <ul> <li><a href="#"><span class="icon-pencil"></span>SUB MENU 1B</a></li> <li><a href="#"><span class="icon-pencil"></span>SUB MENU 2B</a></li> </ul> </li>

Kode diatas merupakan scrip untuk penulisan menu administrator, ketika seson login hash =administrator maka yang ditampilkan menunya seperti diatas. Untuk itu kita dapat merubahnya sesuai dengan yang dibutuhkan super admin disini.

Diatas kita sudah menyiapkan halaman untuk menambahkan data user dengan nama file user.php
yang merupakan salah satu menu dari super admin.

pada scrip:
 <li class="dropdown"><a href="#"><span class="icon-th-list"></span>MENU A</a>
Edit menjadi:
 <li class="dropdown"><a href="#"><span class="icon-th-list"></span>MASTER</a>

dan scrip :
<li><a href="#"><span class="icon-pencil"></span>SUB MENU 1A</a></li>

Edit menjadi :
<li><a href="?cat=administrator&page=user">Tambah Data User</a></li>

Setelah itu coba jalankan pada browser anda dengan User ; ADM dan Password : ADMIN

Sekarang kita dapat menambahkan dan edit user dengan level atau login hash sesuai yang dinginkan.
Sekian dulu postingan kali ini. Simak terus Postingan selanjutnya, terima kasih.

NB : Source code dalam artikel yang berkelanjutan ini akan kami dokumentasikan, dan kami share link downloadnya di akhir project.

Posted in: PHP MYSQL