Monday, June 19, 2017

UAS Praktek SQL

Assalamualaikum Wr. Wb

Kali ini saya akan memposting tugas akhir matakuliah Praktek SQL.
Tugas akhir kami ini berjudul “Sistem Informasi Perpustakaan berbasis Web”
Tugas ini disusun oleh :
1.      Fathul Umam (201553059)
2.      Ahmad Isnan Wahyudi (201553064)
3.      M. Naffiuddin (201553071)
4.      Andreanus W.W (201553079 )
5.      Prakoso W (201653119)

Pada aplikasi yang kami buat pada kesempatan kali ini, kami menggunakan PHP sebagai bahasa pemrograman serta SQL Server sebagai database. Dalam aplikasi ini terdapat 5 tabel, yaitu tabel anggota, tabel peminjaman, tabel buku, tabel jenisbuku dan tabel user.

Gambar Relasi Antar Tabel

Gambar Koneksi Ke Database SQL Server

       I.            I. Hak Akses User Umum (Public User)
1.         Pada tugas yang kami buat ini, terdapat 3 user, yaitu : user umum, kepper (kepala perpus), admin. User umum disini hanya bisa melihat data buku dan mencari data buku berdasarkan judul dan penerbit yang ada pada sistem perpus ini.


è Merupakan tampilan awal pada saat pertama website dibuka, disini terdapat form untuk login admin/kepala perpus, serta terdapat tombol cari.

è Merupakan tampilan pada saat menjalankan pencarian berdasarkan judul /  penerbit

       I.            II. Hak Akses Administrator (admin)

1.      Setelah admin mengisi username dan password pada form yang telah disediakan, maka akan tampil halaman hak akses Admin. Yang pertama yaitu pada data buku.

è Dalam tampilan ini akan tersedia button input data, hapus dan edit. Yang akan dijelaskan pada gambar selanjutnya.

è Form input disini diisi oleh Admin. Kemudian simpan dengan klik button simpan.

è Pada form edit buku disini admin dapat mengganti semua record yang ada kecuali pada ID buku, karena di gunakan sebagai primary key maka ID buku dibuat Readonly.

è Pada button ini, admin tinggal klik button kemudian akan muncul peringatan “Apa anda yakin, data ini akan dihapus” kemudian ketika akan dihapus admin hanya klik OK.
1.      Hak akses admin yang lain adalah pada halaman anggota, sama seperti pada data master buku, disini admin bisa input, edit dan hapus data anggota.
Gambar Data Anggota


è Pada form ini admin mengisikan data mulai dari nim sampai tahun masuk, kemudian klik button simpan.

è P ada form edit anggota disini admin dapat mengganti semua record yang ada kecuali pada nim, karena di gunakan sebagai primary key maka nim dibuat Readonly.

è Pada button ini, admin tinggal klik button kemudian akan muncul peringatan “Apa anda yakin, data ini akan dihapus” kemudian ketika akan dihapus admin hanya klik OK.

2.      Admin disini juga dapat menginputkan data, edit dan hapus data pada halaman Denda.

è Fungsi button akan di jelaskan pada gambar selanjutnya

è Pada edit data denda, yang dapat diubah hanya nominal denda sedangan id jenisbuku dan jenis buku dibuat readonly sehingga tidak menimbulkan penggandaan data

è Pada button ini, admin tinggal klik button kemudian akan muncul peringatan “Apa anda yakin, data ini akan dihapus” kemudian ketika akan dihapus admin hanya klik OK.

3.      Admin bertugas menginputkan data peminjaman, edit peminjaman dan hapus peminjaman yang ada pada halaman peminjaman.

è Terdapat button input, edit dan hapus data
Gambar Input Data Pinjam

Gambar Hapus Data Pinjam

       I.            Hak Akses Kepala Perpus (Kepper)
                

1.      Kepala perpus mengisi Username dan password pada form yang telah disediakan pada halaman utama saat membuka website.

Kemudian akan muncul halaman selanjutnya yaitu pada data master buku, disini kepala perpustakaan hanya dapat melihat data buku.
Gambar Data Profil Kepala Perpustakaan.
2.      Pada tampilan selanjutnya adalah profil, disini kepala perpustakaan bisa melihat data profil dirinya sediri.

Kemudian pada button edit kepala perpus dapat mengganti record kecuali pada id user dan level.
3.      Halaman User admin disini ada beberapa fungsi, yaitu edit, hapus input data dan reset password. Reset Password disini du=igunakan oleh kepala perpus untuk mengembalikan password admin kembali ke default yang ada, semisal password Admin 1 diubah menjadi ‘1234567’ dst.
Gambar Halaman Data Admin
 Input Data Admin

Edit Data Admin

Hapus Data Admin
4.      Ubah password digunakan oleh kepala perpus untuk mengubah password admin dari default ke password yang baru.

Yang perlu dilakukan kepala perpustakaan hanya menginputkan password baru sedangan username akan tetap sama.
Gambar Ubah Password

5.      Hak akses selanjutnya dari kepala perpustakaan disini adalah melihat laporan. Disini kepala perpus dapat langsung mencetak laporan yang ada.
Gambar Laporan Buku Masuk
Disini kepala perpustakaan dapat mencetak laporan buku yang masuk keperpustkaan yang diurutkan berdasarkan tanggal masuk buku tersebut.
Gambar Pilihan Laporan Perbulan
Disini laporan peminjaman perbulan dapat dilihat atau dicetak dengan cara memilih bulan terlebih dahulu kemudian klik button cetak.
Gambar Cetak Laporan Peminjaman perbulan

Gambar Laporan Buku Yang Belum Dikembalikan
Disini kepala perpus bisa mencetak lapora buku yang belum dikembalikan atau dengan status ‘pinjam’.

Untuk link download skrip program ada disini.
https://drive.google.com/file/d/0ByFya70qCZYAWmhTb2VvY3MyZzA/view?usp=sharing

Demikianlah tugas akhir PSQL kami, apabila masih terdapat kekurangan mohon maklum adanya.
Wassalamualaikum Wr. Wb

Tuesday, May 30, 2017

Rancangan Tugas Akhir

Kali ini saya akan memposting relasi antar tabel serta HIPO(hierarki input proses output) dari projek akhir kelompok saya.

Kelompok kami akan mengambl judul Sistem Informasi Perpustakaan, dan berikut ini adalah relasi antar tabel serta desain tabel.

1. Desain tabel
- Tabel Jenis Buku






- Tabel Buku













- Tabel Peminjaman


- Tabel Anggota









- Tabel User









2. Relasi Antar Tabel






















Demikian tadi adalah rancangan database dari project akhir kelompok saya.

Tuesday, May 23, 2017

Membuat tabel retur

Assalamualaikum wr. wb
Kali ini saya akan menunjukkan cara untuk menambahkan tabel retur pada SQL Server
Berikut adalah skrip untuk membuat tabel retur,

create table retur_jual(noretur varchar(10) primary key,
nonota varchar(10) foreign key references penjualan(nonota),
tanggal_retur date, jumlah_retur int, Keterangan varchar(50))

kemudian berikut untuk menambahkan isi serta mengupdate table

1. Isi data, ambil dari tabel penjualan, 2 record untuk di retur
.


















2. Browsing operasi matematika menggunakan sql untuk penambahan stok barang.

3. Alternatif  lain, update stok barang.









6. Tambahkan 5 data retur.













7. Update data 3 retur.










8. Delete record 1 data retur.











9.  Tambahkan field jenis_paket.









10. Isi jenis paket.









Demikianlah hasil pembelajaran ke-7 SQL Server.

Tuesday, May 2, 2017

Aplikasi toko sederhana menggunakan PHP

Assalamualaikum, kali ini saya akan share aplikasi penjualan(toko) sederhana menggunakan PHP.
Pertama-tama kita harus membuat database terlebih dahulu, disini saya menggunakan MySQL.

1. Tabel Barang (tblbarang)









2. Tabel Supplier (tblsupplier)







3. Tabel Detail Penjualan (detailpenjualan)









Setelah selesai membuat database maka selanjutnya kita mulai membuat file php.

1. Koneksi.php

<?php
//koneksi ke basisdata
$MyServer="localhost";
$MyUser="root";
$MyPass="";
$MyDb="tokosql";

$konek = mysql_connect ($MyServer,$MyUser,$MyPass)
         or die ("Gagal Konek ke Server");

if ($konek){

} else {
   echo "Koneksi SQL Server gagal";
   }
 
   mysql_select_db($MyDb, $konek)
    or die ("Gagal mengaktifkan database".mysql_error());

?>

2. Index.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TOKO MUBAR</title>

<style>
  body {
      position: relative;
  }
  #input {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  #proses {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  #hasil {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  </style>
 
<link href="boostrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="boostrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
</head>

<body background='background1.jpg'>
<nav class="navbar navbar-default navbar-fixed-top">
                <h3 align="center">
                                TOKO MUGI BAROKAH
                </h3>
                <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigasi">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <a href="index.php" class="navbar-brand">Home</a>
    </div>
    <div class="collapse navbar-collapse" id="navigasi">
                <ul class="nav navbar-nav">
                <li><a href="supplier.php">Supplier</a></li>
            <li><a href="transaksi.php">Transaksi</a></li>
            <li><a href="laporan.php">Laporan</a></li>
        </ul>

    </div>
</nav>
<br><br><br><br><br>
<h3 align='center'> Data Barang </h3>
<table class="table table-bordered table-striped table-hover" >
  <thead>
    <tr>
      <th>Id Barang</th>
      <th>Nama Barang</th>
      <th>Harga Beli</th>
      <th>Harga Jual</th>
      <th>Stok</th>
      <th>Kode Supplier</th>
      <th>Operasi</th>
    </tr>
  </thead>


<?php
include "koneksi.php";
$sql_barang= "select*from tblbarang order by kode";
$qry_barang=mysql_query($sql_barang,$konek)
or die("Gagal query ".mysql_error());

while ($data=mysql_fetch_array($qry_barang)){
?>
<tr>
<td align="center"><?php echo $data ['kode'];?> </td>
<td align="center"><?php echo $data ['nama'];?> </td>
<td align="center"><?php echo $data ['hrg_beli'];?> </td>
<td align="center"><?php echo $data ['hrg_jual'];?> </td>
<td align="center"><?php echo $data ['stok'];?> </td>
<td align="center"><?php echo $data ['kode_supp'];?> </td>

<td align="center">
                                <a href="baranghapus.php?kode=<?php echo $data['kode'];?>
                                 "onclick = "return confirm('Apa anda yakin, data ini akan dihapus?');" 
                                   class="btn btn-danger btn-xs">Hapus</a> |
                                <a href="barangedit.php?kode=<?php echo $data['kode'];?>"
                                   class="btn btn-warning btn-xs">Edit</a>
</td>
</tr>
<?php
}
mysql_free_result($qry_barang);
mysql_close($konek);
?>
</table>
<br>
<form align="center">
<a href="baranginsim.php" class="btn btn-success btn-s">Input Data</a></td>
</form>

<script src="boostrap/js/bootstrap.min.js"></script>
<script src="js/jquery-3.2.1.min.js"></script></body>

</html>

Tampilan program















3. Supplier.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TOKO MUBAR</title>

<style>
  body {
      position: relative;
  }
  #input {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  #proses {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  #hasil {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  </style>
  
<link href="boostrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="boostrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
</head>

<body background='background1.jpg'>
<nav class="navbar navbar-default navbar-fixed-top">
<h3 align="center">
TOKO MUGI BAROKAH
</h3>
<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigasi">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <a href="index.php" class="navbar-brand">Home</a>
    </div>
    <div class="collapse navbar-collapse" id="navigasi">
    <ul class="nav navbar-nav">
        <li><a href="supplier.php">Supplier</a></li>
            <li><a href="transaksi.php">Transaksi</a></li>
            <li><a href="laporan.php">Laporan</a></li>
        </ul>
    </div>
</nav>
<br><br><br><br><br>
<h3 align='center'> Data Supplier </h3>
<table class="table table-bordered table-striped table-hover">
  <thead>
    <tr>
      <th>Id Supplier</th>
      <th>Nama Supplier</th>
      <th>Alamat</th>
      <th>Nomer Telepon</th>
      <th>Operasi</th>
    </tr>
  </thead>
  <?php
include "koneksi.php";
$sql_supplier= "select*from tblsupplier order by kode_supp";
$qry_supplier=mysql_query($sql_supplier,$konek)
or die("Gagal query ".mysql_error());

while ($data=mysql_fetch_array($qry_supplier)){
?>
<tr>
<td align="center"><?php echo $data ['kode_supp'];?> </td>
<td align="center"><?php echo $data ['nama'];?> </td>
<td align="center"><?php echo $data ['alamat'];?> </td>
<td align="center"><?php echo $data ['notelp'];?> </td>
<td align="center">
       <a href="supplierhapus.php?kode_supp=<?php echo $data['kode_supp'];?>
        "onclick = "return confirm('Apa anda yakin, data ini akan dihapus?');"
 class="btn btn-danger btn-xs">Hapus</a> |
      <a href="supplieredit.php?kode_supp=<?php echo $data['kode_supp'];?>"
 class="btn btn-warning btn-xs">Edit</a>
</td>
</tr>
<?php
}
mysql_free_result($qry_supplier);
mysql_close($konek);
?>
</table>
<br>
<form align="center">
<a href="supplierinsim.php" class="btn btn-success btn-s">Input Data</a></td>
</form>

<script src="boostrap/js/bootstrap.min.js"></script>
<script src="js/jquery-3.2.1.min.js"></script></body>
</html>

Tampilan Program















4. Transaksi.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TOKO MUBAR</title>

<style>
  body {
      position: relative;
  }
  #input {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  #proses {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  #hasil {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  </style>
  
<link href="boostrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="boostrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
</head>

<body background='background1.jpg'>
<nav class="navbar navbar-default navbar-fixed-top">
<h3 align="center">
TOKO MUGI BAROKAH
</h3>
<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigasi">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <a href="index.php" class="navbar-brand">Home</a>
    </div>
    <div class="collapse navbar-collapse" id="navigasi">
    <ul class="nav navbar-nav">
        <li><a href="supplier.php">Supplier</a></li>
            <li><a href="transaksi.php">Transaksi</a></li>
            <li><a href="laporan.php">Laporan</a></li>
        </ul>

    </div>
</nav>
<br><br><br><br><br>
<h3 align='center'> Data Transaksi </h3>
<table class="table table-bordered table-striped table-hover">
  <thead>
    <tr>
      <th>Nomer Nota</th>
      <th>Id Barang</th>
      <th>Tanggal Transaksi</th>
      <th>Harga</th>
      <th>Jumlah</th>
      <th>Total Bayar</th>
    </tr>
  </thead>
  
  <?php
include "koneksi.php";
$sql_transaksi= "select*from detailpenjualan order by nonota";
$qry_transaksi=mysql_query($sql_transaksi,$konek)
or die("Gagal query".mysql_error());

while ($data=mysql_fetch_array($qry_transaksi)){
?>

<tr>
<td align="center"><?php echo $data ['nonota'];?> </td>
<td align="center"><?php echo $data ['kode'];?> </td>
<td align="center"><?php echo $data ['tanggal'];?> </td>
<td align="center"><?php echo $data ['harga'];?> </td>
<td align="center"><?php echo $data ['jumlah'];?> </td>
<td align="center"><?php echo $data ['subtotal'];?> </td>
</tr>
<?php
}
mysql_free_result($qry_transaksi);
mysql_close($konek);
?>
</table>
<br>
<form align="center">
<a href="transaksiinsim.php" class="btn btn-success btn-s">Input Data</a></td>
</form>
</form>
<script src="boostrap/js/bootstrap.min.js"></script>
<script src="js/jquery-3.2.1.min.js"></script></body>
</html>

Tampilan Program















nb: pada bagian transaksi ini tidak diberi tombol hapus dan edit dikarenakan agar memperkecil resiko hilangnya data maupun kecurangan dari kasir.

5. Laporan.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TOKO MUBAR</title>

<style>
  body {
      position: relative;
  }
  #input {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  #proses {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  #hasil {padding-top:100px;height:800px;color: #0A0909; background-color: #FDFDFD;}
  </style>
  
<link href="boostrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="boostrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
</head>

<body background='background1.jpg'>
<nav class="navbar navbar-default navbar-fixed-top">
<h3 align="center">
TOKO MUGI BAROKAH
</h3>
<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigasi">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <a href="index.php" class="navbar-brand">Home</a>
    </div>
    <div class="collapse navbar-collapse" id="navigasi">
    <ul class="nav navbar-nav">
        <li><a href="supplier.php">Supplier</a></li>
            <li><a href="transaksi.php">Transaksi</a></li>
            <li><a href="laporan.php">Laporan</a></li>
        </ul>

    </div>
</nav>
<br><br><br><br><br>
<h3 align='center'> Cetak Laporan </h3>
<table class="table table-bordered table-striped table-hover">
  <thead>
    <tr>
      <th>Laporan Data Barang</th>
      <th>Laporan Data Supplier</th>
      <th>Laporan Data Transaksi</th>
    </tr>
  </thead>
  <tr>
<td width ="200" align="center"><a href="printbarang.php" class="btn btn-info btn-s">Print</a></td>
<td width ="200" align="center"><a href="printsupplier.php" class="btn btn-info btn-s">Print</a></td>
<td width ="200" align="center"><a href="printtransaksi.php" class="btn btn-info btn-s">Print</a></td>
</tr>
</table>
<script src="boostrap/js/bootstrap.min.js"></script>
<script src="js/jquery-3.2.1.min.js"></script></body>
</html>

Tampilan Program
















Cetak laporan disini dibagi 3 yaitu: Laporan data barang, laporan data supplier, dan laporan transaksi.

Berikut adalah tampilan program secara keseluruhan.

Form edit barang
















Form hapus barang
















Form edit supplier
















Form hapus supplier
















Form input supplier
















Form input transaksi
















Cetak laporan















































Jika ingin mendownload source code silahkan di sini.