APLIKASI SIBULE - SISTEM INFORMASI BUDIDAYA IKAN LELE
PADA MINA BAROKAH
Tim :
Abdussomad, M.Kom
Dr. Windu Gata, M.Kom
Eka Fitriani, M.Kom
Salman Alfarizi, M.Kom
Surtika Ayumida, M.Kom
Dian Ardiansyah, M.Kom
Mike Amelia, M.Pd
Juju Juariah,A.Md. Kom
Sibule adalah salah satu aplikasi yang berpusat pada penjualan dan informasi budidaya
ikan lele. Fungsi aplikasi ini adalah mempermudah pengelola dalam melakukan transaksi
penjualan, monitoring schedule budidaya ikan lele, dan perluasan jaringan dalam penjualan atau
budidaya ikan lele dengan daerah lain. Disisi lain aplikasi ini juga dapat mempermudah pembeli
dalam melakukan pembelian dimana pembeli dapat memantau stok lele yang siap dibeli tanpa
harus datang ketempat budidaya, pembeli juga dapat mengetahui jadwal panen pada budidaya
ikan lele secara berkala.
Pada sistem yang dibuat penulis melalukan penelitian pada Mina Barokah yang berada
didesa Karangmukti Purwakarta.
1. Form Login Pembeli
Pertama melakukan login supaya kita dapat masuk pada program sibule.
Misalakan masukan nama user : admin, lalu masuakan password :
1996-01-20selanjutnya
klik masuk.
2. Form Akun Baru
Bila belum mempunyai nama user dan password maka wajib melakukan registerasi. Masukan
Nama, Tempat tanggal lahir, No Telp, Alamat, No NIK KTP dan Jenis kelamin lalu klik
Daftar.
3.
Form
Kategori Produk
Pada form Kategori Produk bisa memilih produk yang akan kita beli.
4.
Form
List Keranjang Pembelian
5.
Form Daftar Belanja
Pada Daftar Belanja ini barang telah kita beli.
6. Form Artikel
7. Form Kontak
Untuk memudahkan pembeli dalam menghubungi Mina barokah.
8. Form Login Admin
Sama seperti form login pembeli, yang membedakan hanya login ini untuk admin atau
pengelola.
9. Form Halaman Admin
10. Form Pengelola
Pada Form Pengelola ini adalah data dari Pengelola atau Admin, mulai dari nama, jenis
kelamin, tempat tanggal lahir, telpon, alamat. Lalu bisa ditambahkan dan dihapus.
11. Form Katagori
Form kategori dibuat untuk menambahkan dan menghapus kategori, macam-macam dari
produk.
Pada Produk ini seperti dengan katalog apa saja yang dijual nama produk dan harga bisa
ditambahkan dan dikurang.
13. Form Customer
Pada form memudahkan kita untuk melihat customer kita.
14. Form Lokasi
Lokasi ini dibuat untuk mengetahui data dari para anggota dan jadwal panen budidaya ikan
lele.
15. Form Pemesanan
Dibuat untuk mengetahui pemesanan.
16. Form Jadwal
Dibuat untuk mengetahui jadwal panen, mulai dari pemilik, alamat, no telp, dan status panen,
bisa ditambahkan dan dihapus.
17. Form Artikel
Form artikel dibuat untuk memberikan informasi kepada siapapun yang membutuhkan
informasi seputar pembudidayaan ikan lele, bisa ditambahkan dan dihapus.
18. Form Laporan Pemesanan
19. Source Code Login Pembeli
Pertama melakukan login supaya kita dapat masuk pada program sibule.
Misalakan masukan nama user : admin, lalu masuakan password :
1996-01-20selanjutnya
klik masuk.
<section class="banner_area">
<div class="banner_inner d-flex align-items-center"> <div class="container">
<div class="banner_content text-center"> <h2>Masuk/Daftar</h2> <div class="page_link"> <a href="#">Beranda</a> <a href="#">Masuk</a> </div> </div> </div> </div> </section>
<!--================End Home Banner Area =================--> <!--================Login Box Area =================-->
<section class="login_box_area p_120"> <div class="container">
<div class="row"> <div class="col-lg-6"> <div class="login_box_img">
<img class="img-fluid" src="img/login.jpg" alt=""> <div class="hover">
<h4>SIBULE || Sistem Informasi Budidaya Lele</h4>
<p>SIBULE adalah sebuah platform berbasi web untuk sarana penjualan dan sumber informasi mengenai lele. </p>
<a class="main_btn" href="?cs=registration">Buat Akun</a> </div> </div> </div> <div class="col-lg-6"> <div class="login_form_inner"> <h3>Form Masuk</h3>
<form lass="row login_form" id="lgn_form" novalidate="novalidate"> <div class="col-md-12 form-group">
<input type="text" class="form-control" id="lgn_nama" name="lgn_nama" placeholder="Nama User">
</div>
<div class="col-md-12 form-group">
<input type="text" class="form-control" id="lgn_pass" name="lgn_pass" placeholder="Password"> </div>
<!-- <div class="col-md-12 form-group"> <div class="creat_account">
<input type="checkbox" id="f-option2" name="selector"> <label for="f-option2">Keep me logged in</label> </div>
</div> -->
<div class="col-md-12 form-group">
<button type="button" value="submit" class="btn lgn" id="lgn">Masuk</button> <!-- <a href="#">Forgot Password?</a> -->
</div> </form> </div> </div> </div> </div> </section>
<!--================End Login Box Area =================-->
20. Source Code Akun Baru
Bila belum mempunyai nama user dan password maka wajib melakukan registerasi. Masukan
Nama, Tempat tanggal lahir, No Telp, Alamat, No NIK KTP dan Jenis kelamin lalu klik
Daftar.
<!--================Home Banner Area =================--> <section class="banner_area">
<div class="banner_inner d-flex align-items-center"> <div class="container">
<div class="banner_content text-center"> <h2>Login/Register</h2> <div class="page_link"> <a href="#">Home</a> <a href="#">Register</a> </div> </div> </div> </div> </section>
<!--================End Home Banner Area =================--> <!--================Login Box Area =================-->
<section class="login_box_area p_120"> <div class="container">
<div class="row"> <div class="col-lg-6"> <div class="login_box_img">
<img class="img-fluid" src="img/login.jpg" alt=""> <div class="hover">
<h4>New to our website?</h4>
<p>There are advances being made in science and technology everyday, and a good example of this is the</p>
<a class="main_btn" href="#">Create an Account</a> </div>
</div> </div>
<div class="col-lg-6">
<h3>Buat Akun Baru</h3>
<form class="row login_form" id="cus_form" novalidate="novalidate"> <div class="col-md-12 form-group">
<input type="text" class="form-control bersih" id="cus_nama" name="cus_nama" placeholder="Nama" maxlength="20">
</div>
<div class="col-md-12 form-group">
<input type="text" class="form-control bersih" id="cus_tempat_lahir" name="cus_tempat_lahir" placeholder="Tempat Lahir" maxlength="25">
</div>
<div class="col-md-12 form-group">
<input type="date" class="form-control bersih" id="cus_tgl_lahir" name="cus_tgl_lahir" placeholder="Tanggal Lahir">
</div>
<div class="col-md-12 form-group">
<input type="number" class="form-control bersih" id="cus_tlp" name="cus_tlp" placeholder="No Telepon" maxlength="13">
</div>
<div class="col-md-12 form-group">
<input type="text" class="form-control bersih" id="cus_alamat" name="cus_alamat" placeholder="Alamat" maxlength="30">
</div>
<div class="col-md-12 form-group">
<input type="number" class="form-control bersih" id="cus_nik" name="cus_nik" placeholder="No NIK KTP" maxlength="30">
</div>
<div class="col-md-12 form-group text-left">
<input type="radio" name="cus_jk" class="bersih" value="P">Perempuan </div>
<div class="col-md-12 form-group text-left">
<input type="radio" name="cus_jk" class="bersih" value="L">Laki-laki </div>
<div class="col-md-12 form-group">
<button type="button" class="btn submit_btn" id="cus_register">Daftar</button> </div> </form> </div> </div> </div> </div> </section>
21.
Source Code
Kategori Produk
Pada form Kategori Produk bisa memilih produk yang akan kita beli.
<!--================Home Banner Area =================--> <section class="banner_area"><div class="banner_inner d-flex align-items-center"> <div class="container">
<div class="banner_content text-center"> <h2>Kategori Produk</h2> <div class="page_link"> <a href="#">Beranda</a> <a href="#">Kategori</a> </div> </div> </div> </div> </section>
<!--================End Home Banner Area =================--> <!--================Category Product Area =================--> <section class="cat_product_area section_gap">
<div class="container-fluid"> <div class="row flex-row-reverse"> <div class="col-lg-9">
<div class="product_top_bar"> </div>
<div class="latest_product_inner row"> <?php
include_once("admin/proses/koneksi.php"); @$ktg_id=$_GET['ktg_id'];
// @$ktg_id=NULL; if(empty($ktg_id)){
$qw2=mysql_query("SELECT * FROM tbl_produk
INNER JOIN tbl_kategori ON tbl_produk.pdk_ktg=tbl_kategori.ktg_id ORDER BY tbl_produk.pdk_id ASC")or die (mysql_error());
}else{
$qw2=mysql_query("SELECT * FROM tbl_produk
INNER JOIN tbl_kategori ON tbl_produk.pdk_ktg=tbl_kategori.ktg_id WHERE
tbl_kategori.ktg_id='$ktg_id' ORDER BY tbl_produk.pdk_id ASC")or die (mysql_error()); }
while ($array2=mysql_fetch_array($qw2)) { extract($array2);
?>
<div class="col-lg-3 col-md-3 col-sm-6"> <div class="f_p_item">
<div class="f_p_img">
<img class="img-fluid" src="admin/images/product/<?php echo $pdk_img ?>" alt="" style="width: 50%;height: 100px">
<div class="p_icon"> <a href="#">
<i class="lnr lnr-heart"></i> </a>
<a href="#">
<i class="lnr lnr-cart"></i> </a> </div> </div> <a href="#"> <h4><?php echo $pdk_nama; ?></h4> </a> <h5><?php echo "Rp.".number_format($pdk_harga,0,',','.') ; ?></h5>
<a href="?cs=single-product&pdk_id=<?php echo $pdk_id; ?>"><button class="btn-primary">Detail Product</button></a> </div> </div> <?php } ?> </div> </div> <div class="col-lg-3"> <div class="left_sidebar_area">
<aside class="left_widgets cat_widgets"> <div class="l_w_title"> <h3>Daftar Kategori</h3> </div> <div class="widgets_inner"> <ul class="list"> <?php include_once("admin/proses/koneksi.php");
$qw=mysql_query("SELECT * FROM tbl_kategori ORDER BY ktg_id ASC")or die ( mysql_error());
while ($array=mysql_fetch_array($qw)) { extract($array);
echo "<li><a href='".$ktg_id."' class='opt'>".$ktg_nama."</a></li>"; }
</ul> </div> </aside> </div> </div> </div> </div> </section>
22.
Source Code
List Keranjang Pembelian
Setelah dari memilih produk yang akan kita beli, lalu masukan kedalam list pembelian.
<!--================Home Banner Area =================--><section class="banner_area">
<div class="banner_inner d-flex align-items-center"> <div class="container">
<div class="banner_content text-center"> <h2>List Keranjang</h2> <div class="page_link"> <a href="#">Beranda</a> <a href="#">Keranjang</a> </div> </div> </div> </div> </section>
<!--================End Home Banner Area =================--> <!--================Cart Area =================--> <section class="cart_area"> <div class="container"> <div class="cart_inner"> <div class="table-responsive"> <div id="psn_view"></div> <table class="table"> <thead> <tr> <th><b>No.</b></th> <th><b>product</b></th> <th><b>Price</b></th> <th><b>Qty</b></th> <th><b>Subtotal</b></th> <th><b>Aksi</b></th> </tr> </thead> <tbody> <?php @session_start(); include_once("admin/proses/koneksi.php"); @$sess=$_SESSION['sess_cus_id']; @$no_cart=$_GET['no_cart'];
$no=1;
$query=mysql_query("SELECT * FROM tbl_pesan_detail
LEFT JOIN tbl_pesan ON tbl_pesan_detail.psn_id=tbl_pesan.psn_id INNER JOIN tbl_produk ON tbl_pesan_detail.pdk_id=tbl_produk.pdk_id
WHERE tbl_pesan_detail.psn_id='$no_cart' AND tbl_pesan_detail.cus_id='$sess' ")or die(mysql_error()); while($array=mysql_fetch_array($query)){ extract($array); ?> <tr> <td><?php echo $no; ?></td> <td> <div class="media"> <div class="d-flex">
<img src="admin/images/product/<?php echo $pdk_img ?>" alt="" style="width: 100px;height: 50px"> </div> <div class="media-body"> <p><?php echo $pdk_nama; ?></p> </div> </div> </td> <td> <h5><?php echo "Rp.".number_format($pdk_harga,0,',','.') ?></h5> </td> <td> <div class="product_count"> <p><?php echo $psn_jumlah; ?></p> </div> </td> <td> <h5><?php echo "Rp.".number_format($psn_subtotal,0,',','.'); ?></h5> </td>
<td><button class='btn btn-danger' onclick='psn_hapus(<?php echo $pdk_id; ?>)'><span class='fa fa-fw fa-close'></span> Delete</button>
</td> </td> </tr> <?php $no++; } ?> <!-- =============== --> <tr class="out_button_area"> <td> </td> <td> </td> <td> </td>
<td>
<div class="checkout_btn_inner">
<a class="gray_btn" href="?cs=category">Lanjutkan Belanja</a> <a class="main_btn" href="#" id="checkout">Selesai Belanja</a> </div> </td> </tr> </tbody> </table> </div> </div> </div> </section>
<!--================End Cart Area =================-->
23.
Source Code Daftar Belanja
Pada Daftar Belanja ini barang telah kita beli.
<?phpinclude_once("proses/koneksi.php"); ?>
<div id="v_dbel" style='margin: 10%'> <?php
echo" <hr/><br/>
<table id='stn_tabel' class='tb display hov' width='100%' border='1'> <thead> <tr align='left'> <th><b>No.</b></th> <th><b>No Transaksi</b></th> <th><b>Product</b></th> <th><b>Harga</b></th> <th><b>Jumlah</b></th> <th><b>Subtotal</b></th> </tr> </thead>"; echo"<tbody>"; $no=1; @$no_cart=$_GET['no_cart'];
$query=mysql_query("SELECT * FROM tbl_pesan
INNER JOIN tbl_pesan_detail ON tbl_pesan.psn_id=tbl_pesan_detail.psn_id INNER JOIN tbl_produk ON tbl_produk.pdk_id=tbl_pesan_detail.pdk_id WHERE tbl_pesan_detail.psn_id='$no_cart'")or die(mysql_error()); while($array=mysql_fetch_array($query)){ extract($array); echo"<tr align='left'> <td>".$no."</td> <td>".$psn_id."</td> <td>".$pdk_nama."</td> <td>Rp.".number_format($pdk_harga,0,',','.')."</td>
<td>".$psn_jumlah."</td> <td>Rp.".number_format($psn_subtotal,0,',','.')."</td> </tr>"; @$tot=@$tot+$psn_subtotal; $no++; } echo "<tr><td colspan='5'>Total</td><td><b>Rp.".number_format(@$tot,0,',','.')."</b></td></tr>"; echo"</tbody>"; echo"</table>"; ?> </div> <script> window.print(); </script>
24. Source Code Artikel
Pada form Artikel ini kita bisa mengetahui informasi
<!--================Blog Categorie Area =================--> <section class="blog_categorie_area">
<div class="container"> <div class="row"> <div class="col-lg-4"> <div class="categories_post">
<img src="img/blog/cat-post/cat-post-3.jpg" alt="post"> <div class="categories_details"> <div class="categories_text"> <a href="blog-details.html"> <h5>Serba-Serbi Lele</h5> </a> <div class="border_line"></div> <p></p> </div> </div> </div> </div> <div class="col-lg-4"> <div class="categories_post">
<img src="img/blog/cat-post/cat-post-2.jpg" alt="post"> <div class="categories_details"> <div class="categories_text"> <a href="blog-details.html"> <h5>Forum</h5> </a> <div class="border_line"></div>
<p></p> </div> </div> </div> </div> <div class="col-lg-4"> <div class="categories_post">
<img src="img/blog/cat-post/cat-post-1.jpg" alt="post"> <div class="categories_details"> <div class="categories_text"> <a href="blog-details.html"> <h5>Makanan</h5> </a> <div class="border_line"></div> <p></p> </div> </div> </div> </div> </div> </div> </section>
<!--================Blog Categorie Area =================--> <!--================Blog Area =================--> <section class="blog_area"> <div class="container"> <div class="row"> <div class="col-lg-8"> <div class="blog_left_sidebar"> <?php @session_start(); include_once("admin/proses/koneksi.php");
$qr=mysql_query("SELECT * FROM tbl_artikel INNER JOIN tbl_pengelola ON
tbl_artikel.png_id=tbl_pengelola.png_id ORDER BY tbl_artikel.atk_tgl ASC")or die (mysql_error()); while ($arr=mysql_fetch_array($qr)) {
extract($arr);
?>
<article class="row blog_item"> <div class="col-md-3">
<div class="blog_info text-right"> <ul class="blog_meta list"> <li>
<a href="#"><?php echo $png_nama; ?> <i class="lnr lnr-user"></i>
</a> </li> <li>
<a href="#"><?php echo $atk_tgl; ?> <i class="lnr lnr-calendar-full"></i> </a> </li> </ul> </div> </div> <div class="col-md-9"> <div class="blog_post">
<img src="admin/images/upload/<?php echo $atk_gambar;?>" alt="" style="width: 100%; height: 250px">
<div class="blog_details" > <a href="single-blog.html">
<h2><?php echo $atk_judul; ?></h2> </a>
<!-- <p>MCSE boot camps have its supporters and its detractors. Some people do not understand why you should have to spend money on boot camp when you can get the MCSE study
materials yourself at a fraction.</p> -->
<a href="?cs=single-blog&atk_id=<?php echo $atk_id; ?>" class="white_bg_btn" >View More</a> </div> </div> </div> </article> <?php } ?> </div> </div> <div class="col-lg-4"> <div class="blog_right_sidebar">
<aside class="single_sidebar_widget search_widget"> <div class="input-group">
<input type="text" class="form-control" placeholder="Search Posts"> <span class="input-group-btn">
<button class="btn btn-default" type="button"> <i class="lnr lnr-magnifier"></i>
</button> </span> </div>
<div class="br"></div> </aside>
<aside class="single_sidebar_widget author_widget">
<img class="author_img rounded-circle" src="img/blog/author.png" alt=""> <h4>Charlie Barber</h4>
<div class="social_icon"> <a href="#">
<i class="fa fa-facebook"></i> </a>
<a href="#">
<i class="fa fa-twitter"></i> </a>
<a href="#">
<i class="fa fa-github"></i> </a>
<a href="#">
<i class="fa fa-behance"></i> </a>
</div>
<p>Boot camps have its supporters andit sdetractors. Some people do not understand why you should have to spend money on boot camp when you can get. Boot camps have itssuppor ters andits
detractors. </p> <div class="br"></div> </aside> </div> </div> </div> </div> </section> <!--================Blog Area =================-->
25. Source Code Kontak
Untuk memudahkan pembeli dalam menghubungi Mina barokah.
<!--================Home Banner Area =================--> <section class="banner_area"><div class="banner_inner d-flex align-items-center"> <div class="container">
<div class="banner_content text-center"> <h2>Kontak Kami</h2> <div class="page_link"> <a href="#">Beranda</a> <a href="#">Kontak</a> </div> </div> </div> </div> </section>
<!--================End Home Banner Area =================--> <!--================Contact Area =================--> <section class="contact_area p_120"> <div class="container"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3964.7216974411754!2d107. 49914101431224!3d-6.4297875646654505!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e696d67fa18b0
09%3A0x66f017d3289fc179!2sToko+Caim!5e0!3m2!1sid!2sid!4v1560592281817!5m2!1sid!2sid" width="1200" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<br><br>
<div class="row"> <div class="col-lg-3"> <div class="contact_info"> <div class="info_item"> <i class="lnr lnr-home"></i>
<h6>KP. Sukajadi Rt 08 Rw.04 Ds.Karangmukti</h6> <p>Ade Samsudin</p>
</div>
<div class="info_item">
<i class="lnr lnr-phone-handset"></i> <h6> <a href="#">087879032596</a> </h6> <p></p> </div> </div> </div> <div class="col-lg-9">
<form class="row contact_form" action="contact_process.php" method="post" id="contactForm" novalidate="novalidate">
<div class="col-md-6"> <div class="form-group">
<input type="text" class="form-control" id="name" name="name" placeholder="Enter your name">
</div>
<div class="form-group">
<input type="email" class="form-control" id="email" name="email" placeholder="Enter email address">
</div>
<div class="form-group">
<input type="text" class="form-control" id="subject" name="subject" placeholder="Enter Subject">
</div> </div>
<div class="col-md-6"> <div class="form-group">
<textarea class="form-control" name="message" id="message" rows="1" placeholder="Enter Message"></textarea>
</div> </div>
<div class="col-md-12 text-right">
<button type="submit" value="submit" class="btn submit_btn">Send Message</button> </div> </form> </div> </div> </div> </section>
<!--================Contact Area =================-->
26. Source Code Login Admin
Sama seperti form login pembeli, yang membedakan hanya login ini untuk admin atau
pengelola.
<!doctype html>
<html class="no-js" lang="en"> <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Sibule||Login</title>
<meta name="description" content="Sufee Admin - HTML5 Admin Template"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-icon.png"> <link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css"> <link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css"> <link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css"> <link rel="stylesheet" href="assets/css/style.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
</head>
<body class="bg-dark">
<div class="sufee-login d-flex align-content-center flex-wrap"> <div class="container">
<div class="login-content"> <div class="login-logo"> <a href="index.html">
<!-- <img class="align-content" src="images/logo.png" alt=""> --> <h1><p>Sistem Informasi Budidaya Lele || SIBULE</p></h1> </a> </div> <div class="login-form"> <form> <div class="form-group"> <label>User Name</label>
</div>
<div class="form-group"> <label>Password</label>
<input type="password" class="form-control" placeholder="yyyy-mm-dd" id="lgn_pass"> </div>
<button type="button" class="btn btn-success btn-flat m-b-30 m-t-30" id="login-btn">Sign in</button> </form> </div> </div> </div> </div> <script src="vendors/jquery/dist/jquery.min.js"></script> <!-- <script src="vendors/popper.js/dist/umd/popper.min.js"></script> --> <script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script> <!-- <script src="assets/js/main.js"></script> --> <script> $(document).ready(function(){ $("#login-btn").click(function(e){ e.preventDefault(); user=$("#lgn_user").val(); pass=$("#lgn_pass").val();
if($.trim(user)=="" && $.trim(pass)==""){ alert("Username Dan Password Harus Diisi!!"); $("#lgn_user").focus();
}else if($.trim(user)==""){
alert("Username Tdak Boleh Kosong!!"); $("#lgn_user").focus();
}else if($.trim(pass)==""){
alert("Paassword Tdak Boleh Kosong!!"); $("#lgn_pass").focus(); }else{ $.ajax({ url:"proses/pro_login.php", type:"post", data:"lgn_user="+user+"&lgn_pass="+pass, cache:false, success:function(html){ // alert(html); if(html==""){ window.location='home.php'; }else{ alert(html); $("#lgn_user").val("");
$("#lgn_pass").val(""); } } }); } });
// jika textbox username di enter $("#lgn_user").keyup(function(event) { user=$("#lgn_user").val();
var charcode =(event.which)?event.which:event.keycode; if(charcode==13){
if($.trim(user)==""){
alert("Username Tdak Boleh Kosong!!"); $("#lgn_user").focus(); }else{ $("#lgn_pass").focus(); } } });
// jika textbox password di enter
$("#lgn_pass").keyup(function(event) { pass=$(this).val();
var charcode =(event.which)?event.which:event.keycode; if(charcode==13){
if($.trim(pass)==""){
alert("Password Tdak Boleh Kosong!!"); $("#lgn_pass").focus(); }else{ $("#login-btn").focus(); } } }); }); </script> </body> </html>
27. Source Code Halaman Admin
Halaman Admin ini dibuat untuk menyimpan dan melihat penjualan dan informasi.
<?phpif(empty($_SESSION['sess_adm_id'])){ header('location:index.php'); } ?> <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>SIBULE||ADMIN</title>
<meta name="description" content="Sufee Admin - HTML5 Admin Template"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-icon.png"> <link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css"> <link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css"> <link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css"> <link rel="stylesheet" href="vendors/jqvmap/dist/jqvmap.min.css">
<link rel="stylesheet" href="vendors/datatables/media/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="assets/css/style.css"> </head>
<body>
<!-- =========================================START MENU LEFT=========================== -->
<!-- Left Panel -->
<aside id="left-panel" class="left-panel">
<nav class="navbar navbar-expand-sm navbar-default"> <div class="navbar-header">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars"></i> </button>
<a class="navbar-brand" href="home.php"></a>
<a class="navbar-brand hidden" href="home.php"><img src="images/logo2.png" alt="Logo"></a> </div>
<div id="main-menu" class="main-menu collapse navbar-collapse"> <ul class="nav navbar-nav">
<li class="active">
</li>
<h3 class="menu-title">Master</h3><!-- /.menu-title --> <li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-laptop"></i> Data Master</a>
<ul class="sub-menu children dropdown-menu">
<li><i class="fa fa-user-o"></i><a href="?cs=Master-Pengelola">Pengelola</a></li> <li><i class="fa fa-cubes"></i><a href="?cs=Master-Kategori">Kategori</a></li> <li><i class="fa fa-cubes"></i><a href="?cs=Master-Produk">Produk</a></li>
<li><i class="fa fa-user-circle-o"></i><a href="?cs=Master-Customer">Customer</a></li>
<li><i class="fa fa-map-marker"></i><a href="?cs=Master-Lok-Budidaya">Lok. Budidaya</a></li> </ul>
</li>
<h3 class="menu-title">Transaksi/Kegiatan</h3><!-- /.menu-title --> <li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-shopping-cart"></i>Data Transaksi/Kegiatan</a> <ul class="sub-menu children dropdown-menu">
<li><i class="menu-icon fa fa-credit-card"></i><a href="?cs=Transaksi-Pemesanan" id="t_psn">Pemesanan</a></li>
<li><i class="menu-icon fa fa-list"></i><a href="?cs=Transaksi-Jadwal">Jadwal</a></li>
<li><i class="menu-icon fa fa-newspaper-o"></i><a href="?cs=Transaksi-Artikel">Artikel</a></li> </ul>
</li>
<h3 class="menu-title">Laporan</h3><!-- /.menu-title --> <li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-book"></i>Data Laporan</a>
<ul class="sub-menu children dropdown-menu">
<li><i class="menu-icon fa fa-sign-in"></i><a href="?cs=lap_trans">Laporan Pemesanan</a></li> </ul> </li> </ul> </div> </nav> </aside>
<div id="right-panel" class="right-panel">
<!--=================================== Header========================--> <header id="header" class="header">
<div class="header-menu"> <div class="col-sm-7">
<a id="menuToggle" class="menutoggle pull-left"><i class="fa fa fa-tasks"></i></a> <div class="header-left">
<div class="form-inline"> <form class="search-form">
<input class="form-control mr-sm-2" type="text" placeholder="Search ..." aria-label="Search"> <button class="search-close" type="submit"><i class="fa fa-close"></i></button>
</form> </div> </div> </div>
<div class="col-sm-5">
<div class="user-area dropdown float-right">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" haspopup="true" aria-expanded="false">
<span class="fa fa-close"></span> </a>
<div class="user-menu dropdown-menu">
<a class="nav-link" href="logout.php"><i class="fa fa-power-off"></i> Logout</a> </div> </div> </div> </div> </header> <!--======================================= Header==================================--> <div class="breadcrumbs"> <div class="col-sm-4">
<div class="page-header float-left"> <div class="page-title"> <h1>Dashboard</h1> </div> </div> </div> <div class="col-sm-8">
<div class="page-header float-right"> <div class="page-title">
<ol class="breadcrumb text-right"> <li class="active">Dashboard</li> </ol> </div> </div> </div> </div> <div class="content mt-3"> <?php include_once('halaman.php'); ?>
</div> </div> <script src="vendors/jquery/dist/jquery.min.js"></script> <script src="vendors/popper.js/dist/umd/popper.min.js"></script> <script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script> <script src="vendors/datatables/media/js/jquery.dataTables.min.js"></script> <script src="assets/js/sibule.js"></script> </body> </html>
28. Source Code Pengelola
Pada Form Pengelola ini adalah data dari Pengelola atau Admin, mulai dari nama, jenis
kelamin, tempat tanggal lahir, telpon, alamat. Lalu bisa ditambahkan dan dihapus.
<div class="cc" id="frm-pll" style="background-color: #E3DEDE;"><div class="posisi"> <nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="pll_btn_input" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Tambah Pengelola</a>
<a class="nav-item nav-link" id="pll_btn_select" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Data Pengelola</a>
</div> </nav>
<div id="pll_divisi" style="margin-left: 1%;margin-bottom: 1%;"> <hr />
<form id="pll_form">
<input type="text" name="pll_id" id="pll_id" hidden="true"> <div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Level karyawan</p></label>
<div class="col-sm-7">
<select name="pll_lvl" id="pll_lvl" class="form-control"> <option class="pll_lvl"></option> <option value="1">Pengawas</option> <option value="2">Sekretaris</option> </select> </div> </div> <!-- Nama user -->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Nama User</p></label>
<input type="text" name="pll_nama" class="form-control" id="pll_nama" placeholder="Nama User" required="required" maxlength="20">
</div> </div>
<!-- jenis kelamin -->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Jenis Kelamin</p></label>
<div class="col-sm-7">
<input type="radio" name="pll_jk" value="L" id="pll_l"> Laki-Laki <input type="radio" name="pll_jk" value="P" id="pll_p"> Perempuan
</div> </div>
<!-- tempat tanggal lahir --> <div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Tempat Tanggal Lahir</p></label>
<div class="col-sm-3">
<input type="text" class="form-control" name="pll_tempat_lahir" id="pll_tempat_lahir" placeholder="Tempat Lahir" maxlength="20" required>
</div>
<div class="col-sm-4">
<input type="date" class="form-control" id="pll_tgl_lahir" name="pll_tgl_lahir" placeholder="Tempat Lahir" required>
</div> </div>
<!-- user ALAMAT --> <div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Alamat</p></label>
<div class="col-sm-7">
<textarea name="pll_alamat" class="form-control" id="pll_alamat" placeholder="Alamat User" required="required" cols="30" rows="6" maxlength="50"></textarea>
</div> </div>
<!-- user telepon-->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">No Telepon</p></label>
<div class="col-sm-7">
<input type="text" name="pll_tlp" id="pll_tlp" class="pll_tlp angka form-control" maxlength="13" placeholder="089998****" onkeyup="valid_angka(event)">
</div> </div>
<!-- tombol save --> <div class="row">
<div class="col-md-7 offset-md-3"> <button type="button" id="pll_simpan" class="btn md btn-primary btn-block"><span class="fa fa-sw fa-save" ></span> Save</button></div>
</div> </form> </div>
<div id="pll_view" style="margin-left: 1%;margin-bottom: 1%;margin-right: 1%;"></div> </div>
</div>
29. Source Code Katagori
Form kategori dibuat untuk menambahkan dan menghapus kategori, macam-macam dari
produk.
<div class="cc" id="frm-ktg" style="background-color: #E3DEDE;"> <div class="posisi">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="ktg_btn_input" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Tambah Kategori</a>
<a class="nav-item nav-link" id="ktg_btn_select" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Data Kategori</a>
</div> </nav>
<div id="ktg_divisi" style="margin-left: 1%;margin-bottom: 1%;"> <!-- <h1><p class="text-center"><b>Master Pengelola</b></p></h1> --> <hr />
<form id="ktg_form">
<input type="text" name="ktg_id" id="ktg_id" hidden="true"> <!-- Nama user -->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Nama Kategori</p></label>
<div class="col-sm-7">
<input type="text" name="ktg_nama" class="form-control" id="ktg_nama" placeholder="Nama Kategori" required="required" maxlength="20">
</div> </div>
<!-- tombol save --> <div class="row">
<div class="col-md-7 offset-md-3"> <button type="button" id="ktg_simpan" class="btn md btn-primary btn-block"><span class="fa fa-sw fa-save" ></span> Save</button></div>
</div> </form> </div>
<div id="ktg_view" style="margin-left: 1%;margin-bottom: 1%;margin-right: 1%;"></div> </div>
</div>
30. Source Code Produk
Pada Produk ini seperti dengan katalog apa saja yang dijual nama produk dan harga bisa
ditambahkan dan dikurang.
<div class="cc" id="frm-pdk" style="background-color: #E3DEDE;"> <div class="posisi">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="pdk_btn_input" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Tambah Produk</a>
<a class="nav-item nav-link" id="pdk_btn_select" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Data Produk</a>
</div> </nav>
<div id="pdk_divisi" style="margin-left: 1%;margin-bottom: 1%;"> <!-- <h1><p class="text-center"><b>Master Pengelola</b></p></h1> --> <hr />
<form id="pdk_form">
<input type="text" name="pdk_id" id="pdk_id" hidden="true"> <div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Jenis Produk</p></label>
<div class="col-sm-7">
<select name="pdk_ktg_id" id="pdk_ktg_id" class="form-control"> <option class="pdk_ktg_id"></option>
<?php
include_once("proses/koneksi.php");
$qr=mysql_query("SELECT * FROM tbl_kategori ORDER BY ktg_id") or die (mysql_error()); while ($arr=mysql_fetch_array($qr)) {
extract($arr);
echo '<option value="'.$ktg_id.'">'.$ktg_nama.'</option>'; }
?>
</select> </div> </div>
<!-- Nama user -->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Nama Produk</p></label>
<div class="col-sm-7">
<input type="text" name="pdk_nama" class="form-control" id="pdk_nama" placeholder="Nama Produk" required="required" maxlength="100">
</div> </div>
<!-- user telepon-->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Harga Produk</p></label>
<div class="col-sm-7">
<input type="text" name="pdk_harga" id="pdk_harga" class="pdk_harga angka form-control" maxlength="13" placeholder="Harga Produk" onkeyup="valid_angka(event)">
</div> </div>
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Gambar</p></label>
<div class="col-sm-7">
<input type="file" name="pdk_gbr" id="pdk_gbr" class="pdk_gbr form-control" > </div>
</div>
<!-- tombol save --> <div class="row">
<div class="col-md-7 offset-md-3"> <button type="button" id="pdk_simpan" class="btn btn-md btn-primary btn-block"><span class="fa fa-sw fa-save" ></span> Save</button></div>
</div> </form> </div>
<div id="pdk_view" style="margin-left: 1%;margin-bottom: 1%;margin-right: 1%;"></div> </div>
</div>
31. Source Code Customer
Pada form memudahkan kita untuk melihat customer kita.
<div class="cc" id="frm-cus" style="background-color: #E3DEDE;"> <div class="posisi"><div id="cus_divisi" style="margin-left: 1%;margin-bottom: 1%;">
</div>
<div id="cus_view" style="margin-left: 1%;margin-bottom: 1%;margin-right: 1%;"></div> </div>
</div>
32. Source Code Lokasi
Lokasi ini dibuat untuk mengetahui data dari para anggota dan jadwal panen budidaya ikan
lele.
<div class="cc" id="frm-bdy" style="background-color: #E3DEDE;"> <div class="posisi">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="bdy_btn_input" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Tambah Lokasi</a>
<a class="nav-item nav-link" id="bdy_btn_select" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Data Lokasi</a>
</div> </nav>
<div id="bdy_divisi" style="margin-left: 1%;margin-bottom: 1%;"> <!-- <h1><p class="text-center"><b>Master Pengelola</b></p></h1> --> <hr />
<form id="bdy_form">
<input type="text" name="bdy_id" id="bdy_id" hidden="true"> <!-- Nama user -->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Nama Pemilik</p></label>
<div class="col-sm-7">
<input type="text" name="bdy_nama" class="form-control" id="bdy_nama" placeholder="Nama Pemilik" required="required" maxlength="20">
</div> </div>
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">No Telepon</p></label>
<input type="text" name="bdy_tlp" class="form-control" id="bdy_tlp" placeholder="08999*****" required="required" maxlength="13">
</div> </div>
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Alamat</p></label>
<div class="col-sm-7">
<textarea name="bdy_alamat" class="form-control" id="bdy_alamat" cols="30" rows="7"></textarea>
</div> </div>
<!-- tombol save --> <div class="row">
<div class="col-md-7 offset-md-3"> <button type="button" id="bdy_simpan" class="btn btn-md btn-primary btn-block"><span class="fa fa-sw fa-save" ></span> Save</button></div>
</div> </form> </div>
<div id="bdy_view" style="margin-left: 1%;margin-bottom: 1%;margin-right: 1%;"></div> </div>
</div>
33. Source Code Pemesanan
Dibuat untuk mengetahui pemesanan.
<div class="cc" id="frm-psn" style="background-color: #E3DEDE;"> <div class="posisi">
<div id="psn_view" style="margin-left: 1%;margin-bottom: 1%;margin-right: 1%;"></div> </div>
</div>
34. Source Code Jadwal
Dibuat untuk mengetahui jadwal panen, mulai dari pemilik, alamat, no telp, dan status panen,
bisa ditambahkan dan dihapus.
<div class="cc" id="frm-jdl" style="background-color: #E3DEDE;"> <div class="posisi">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="jdl_btn_input" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Tambah jadwal</a>
<a class="nav-item nav-link" id="jdl_btn_select" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Data jadwal</a>
</div> </nav>
<div id="jdl_divisi" style="margin-left: 1%;margin-bottom: 1%;"> <!-- <h1><p class="text-center"><b>Master Pengelola</b></p></h1> --> <hr />
<form id="jdl_form">
<input type="text" name="jdl_id" id="jdl_id" hidden="true">
<!-- Nama user -->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Tanggal Panen</p></label>
<div class="col-sm-7">
<input type="date" name="jdl_tgl" class="form-control" id="jdl_tgl" placeholder="Nama jadwal" required="required" maxlength="20">
</div> </div>
<!-- user telepon-->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Lokasi Panen/Pemilik</p></label>
<div class="col-sm-7">
<select name="jdl_bdy_id" id="jdl_bdy_id" class="form-control"> <option class="jdl_bdy_id"></option>
<?php
include_once("proses/koneksi.php");
$qr=mysql_query("SELECT * FROM tbl_tempat_budidaya ORDER BY bdy_id") or die (mysql_error());
while ($arr=mysql_fetch_array($qr)) { extract($arr);
echo '<option value="'.$bdy_id.'">'.$bdy_pemilik.'</option>'; } ?> </select> </div> </div> <div class="row">
<div class="col-md-7 offset-md-3"> <button type="button" id="jdl_simpan" class="btn md btn-primary btn-block"><span class="fa fa-sw fa-save" ></span> Save</button></div>
</div> </form> </div>
<div id="jdl_view" style="margin-left: 1%;margin-bottom: 1%;margin-right: 1%;"></div> </div>
</div>
35. Source Code Artikel
Form artikel dibuat untuk memberikan informasi kepada siapapun yang membutuhkan
informasi seputar pembudidayaan ikan lele, bisa ditambahkan dan dihapus.
<div class="cc" id="frm-atk" style="background-color: #E3DEDE;"> <div class="posisi">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="atk_btn_input" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Tambah Artikel</a>
<a class="nav-item nav-link" id="atk_btn_select" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Data Artikel</a>
</div> </nav>
<div id="atk_divisi" style="margin-left: 1%;margin-bottom: 1%;"> <!-- <h1><p class="text-center"><b>Master Pengelola</b></p></h1> --> <hr />
<form id="atk_form" >
<input type="text" name="atk_id" id="atk_id" hidden="true">
<!-- Nama user -->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Judul Artikel</p></label>
<div class="col-sm-7">
<input type="text" name="atk_judul" class="form-control" id="atk_judul" placeholder="Judul Artikel" required="required" maxlength="30">
</div> </div>
<!-- Nama user -->
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Isi Artikel</p></label>
<textarea name="atk_isi" id="atk_isi" class="form-control" cols="30" rows="6" required="required"></textarea>
</div> </div>
<div class="form-group row">
<label for="inputPassword3" class="col-sm-3 control-label"><p class="text-left font-weight-normal">Gambar</p></label>
<div class="col-sm-7">
<input type="file" name="atk_gambar" required="required" /> </div>
</div>
<!-- tombol save --> <div class="row">
<div class="col-md-7 offset-md-3"> <button type="button" id="atk_simpan" class="btn md btn-primary btn-block"><span class="fa fa-sw fa-save" ></span> Save</button></div>
</div> </form> </div>
<div id="atk_view" style="margin-left: 1%;margin-bottom: 1%;margin-right: 1%;"></div> </div>
</div>
36. Source Code Laporan Pemesanan
Pada Laporan Pemesanan ini untuk mengetahui laporan pembelian dari customer.
<?php if( ! $_SESSION) { session_start(); } include_once('proses/koneksi.php'); date_default_timezone_set("ASIA/JAKARTA"); if(empty($_SESSION['sess_adm_id'])){ header('location:index.php'); } ?><div class="cc" id="frm-lap_pbl" style="background-color: #E3DEDE;"> <div class="posisi">
<div id="lap_dis_divisi" style="margin-left: 1%;margin-bottom: 1%;"> <h1><p class="text-center"><b>Laporan Pemesanan</b></p></h1><hr /> <form id="lap_dis_form">
<h3> <?php echo date("d/m/Y")."-". date("H:i"); ?> </h3><br>
<div class="form-group row">
<label for="staticEmail" class="col-sm-2 col-form-label">Periode</label> <div class="col-sm-3">
<input type="date" class="form-control " id="lap_bl_p1" name="lap_bl_p1"> </div>
<div class="col-sm-3">
<input type="date" class="form-control " id="lap_bl_p2" name="lap_bl_p2"> </div>
</div>
<div class="form-group row"> <div class="col-sm-3">
<button type="button" id="lap_dis_simpan" class="btn btn-success"> Cetak</button> </div> </div> </form> </div> </div> </div>