Setelah sebelumnya membahas tentang Rancangan Database. Kali ini kami akan membahas mengenai template atau layout yang menjadi acuan kita dalam menginput data.
Kami juga sudah menyediakan templatenya di sini.
Berikut sekilas Tampilannya:
Jika anda punya templete sediri, anda bisa juga menggunakan templete anda (Tingal menyesuaikan).
Setelah anda download template diatas. Extrak terlebih dahulu file POS.ZIP kemudian copy dan paste kan folder POS ke folder www atau htdocs. Kemudian kita buat koneksi ke database dari database yang telah kita buat dipertemuan sebelumnya.
1. Koneksi kedatabase (buat file dengan nama _db.php):
Ketikan Kode berikut :
Ketikan Kode berikut :
<?php
$host = "localhost";
$user = "root";
$pass = "*******";
$dabname = "POS";
$conn = mysql_connect( $host, $user, $pass) or die('Could not connect to mysql server.' );
mysql_select_db($dabname, $conn) or die('Could not select database.');
$baseurl="http://localhost/POS/";
?>
Untuk baris "$pass = "*****";" ganti tanda "*****" dengan password root database anda.
Simpan dengan nama _db.php2. Halaman Login (login.php)
Ketikan Kode berikut :
<form id="loginform" action="index.php?login_attempt=1" method="post">
<p class="animate4 bounceIn"><input type="text" id="username" name="username" placeholder="Username" /></p>
<p class="animate5 bounceIn"><input type="password" id="password" name="password" placeholder="Password" /></p>
<p class="animate6 bounceIn"><button class="btn btn-default btn-block">Masuk</button></p>
</form>
<?php
if(isset($_GET['login_attempt']))
{
$spf=sprintf("Select * from user_login where username='%s' and password='%s'",$_POST['username'],md5($_POST['password']));
$rs=mysql_query($spf);
$rw=mysql_fetch_array($rs);
$rc=mysql_num_rows($rs);
if($rc==1)
{
$_SESSION['login_hash']=$rw['login_hash'];
$_SESSION['login_user']=$rw['username'];
echo "<script>window.location='dashboard.php'</script>";
}
}
?>
Kemuidan buka file index.php, copy dan pastekan kode berikut pada baris ke 15 atau dibawah
<body class="loginbody"> :
<div class="loginwrapper">
<div class="loginwrap zindex100 animate2 bounceInDown">
<h1 class="logintitle"><span class="iconfa-lock"></span>POINT OF SALES<span class="subtitle">Silahkan login untuk memulai.</span></h1>
<div class="loginwrapperinner">
<?php include("login.php") ?>
</div><!--loginwrapperinner-->
</div>
<div class="loginshadow animate3 fadeInUp"></div>
</div><!--loginwrapper-->
Selanjutnya insert data Admin sebagai super user untuk mengelola data user2 nantinya
coba akses http://localhost/pos/index.php dengan mengetikan ke browser. Maka akan muncul halaman login seperti berikut :
Coba login dengan User : ADM dan Password : ADMIN, jikan sukses maka akan muncul halaman seperti pada gambar berikut :
=>(Part 3) Membangun Aplikasi Kasir atau Point of Salses (POS) Dengan PHP dan MYSQL (Menu Insert dan Edit User)
NB : Source code dalam artikel yang berkelanjutan ini akan kami dokumentasikan, dan kami share link downloadnya di akhir project.
