Dalam membuat sebuah program aplikasi komputer hendaknya seorang programmer berusaha untuk mempermudah pengguna (user) dalam mengoperasikan aplikasi tersebut, sehingga aplikasi tersebut mendapat nilai yang baik dari penguna.
Pada kesempatan yang berbahagia ini saya akan mengajak anda untuk belajar membuat sebuah program Auto Delete Dengan PHP MySQL, Auto Delete yang dimaksud yaitu menghapus data sesuai dengan tanggal atau bulan yang ditentukan sehingga data yang telah tersimpan dalam database MySQL akan secara otomatis terhapus tanpa dihapus oleh user.
Untuk anda yang ingin belajar dan benar benar belajar membuat program ini, silahkan simak baik-baik panduan yang ada dibawah ini.
Cara Membuat Program Auto Delete Dengan PHP
- Buka Aplikasi Xampp pada komputer atau leptop anda, jika anda belum mempunyai aplikasi Xampp ini silahkan download disini.
- Aktifkan Apache dan MySQL
- Setelah keduanya aktif, lalu buka aplikasi web browser yang sudah terinstall pada komputer anda, seperti : Mozila Firefox, Opera Mini, Google Chrome, dll
- Ketikkan "localhost" pada Address Bar aplikasi Web Browser anda.
- Sebelum kita membuat kode PHP program Auto Delete, saya akan membuat Database MySQL terlebih dahulu, setelah mengetikkan "localhost" kemudian klik phpMyAdmin
- Klik Database, kemudian buatlah Database MySQL dengan nama "deletebydate" dan nama tabel "listtoffile", lihat gambar dibawah ini
- Pada tabel "listtoffile" buatlah field seperti pada gambar dibawah ini.
- Database sudah berhasil kita buat, langkah selanjutnya yaitu membuat koneksi untuk menghubungkan antara Database MySQL dengan PHP, bagi anda yang belum bisa cara membuatnya silahkan belajar cara membuat koneksi untuk menghubungkan PHP dan MySQL disini.
- Setelah keduanya telah terhubung, langkah selanjutnya yaitu membuat halaman utama program aplikasi Auto Delete, silahkan ketikkan code program berikut ini.
<!DOCTYPE html>
<html>
<head>
<title>ADMINISTRATOR</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<!--jquery-->
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<link rel="stylesheet" href="dist/css/summernote.css">
<script src="dist/js/summernote.js"></script>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="#" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>A</b>LT</span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>Administrator</b></span> </a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="glyphicon glyphicon-menu-hamburger"></span> </a> </nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<?php include'menu.php'; ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<!-- Main content -->
<section class="content">
<?php
if(isset($_GET['page']))
{
switch($_GET['page'])
{
case 'admin': include'tambah.php'; break;
case 'list_berita': include'list_berita.php';$order=3; break;
case 'archives': include'archives.php'; break;
case 'keluar': include'admin_logout.php'; break;
case 'tambah-data': include'tambah.php'; break;
case 'gaji': include'tampilgaji.php'; break;
case 'kendaraan': include'kendaraan.php'; break;
case 'tambah-kend': include'tambah_kend.php'; break;
}
}
?>
</section>
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Versi</b> 1.0 </div>
<strong>Copyright © 2016 <a href="http://sekolahkomputerbersama.blogspot.com">Rujito Hermawan</a></strong> </footer>
<div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<!-- Bootstrap 3.3.5 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
$(document).ready(function () {
$('.konten').summernote({
height: 300, // set editor height
minHeight: null, // set minimum height of editor
maxHeight: null, // set maximum height of editor
focus: true, // set focus to editable area after initializing summernote
toolbar: [
['style', ['style']],
['font', ['bold', 'italic', 'underline', 'clear']],
['fontname', ['fontname']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']],
['table', ['table']],
['insert', ['link', 'hr']],
['view', ['fullscreen', 'codeview']]
],
onPaste: function (e) {
var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
e.preventDefault();
setTimeout(function () {
document.execCommand('insertText', false, bufferText);
}, 10);
}
});
});
</script>
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables/dataTables.bootstrap.min.js"></script>
<script>
$(function () {
$("#example1").DataTable({
"order": [[<?php echo $order; ?>, "desc"]]
});
});
</script>
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Sparkline -->
<script src="plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker -->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>-->
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Slimscroll -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
<script>
$('#tgl_agenda').datepicker({
format: 'dd-mm-yyyy'
})
</script>
</body>
</html> - Buat juga menu programnya sehingga lebih menarik, ketikkan code program berikut ini.
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<!-- search form -->
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu">
<li class="header">MENU APLIKASI</li>
<li class="treeview"><a href="index.php?page=admin"><i class="glyphicon glyphicon-home"></i> <span>Halaman Admin</span></a>
<i class="fa fa-angle-left pull-right"></i>
</li>
<li class="treeview">
<a href="#">
<i class="glyphicon glyphicon-list"></i> <span>Halaman User</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="index.php?page=archives"><i class="glyphicon glyphicon-list active"></i> Lihat Data</a></li>
<li><a href="halaman.php?page=list_berita"><i class="glyphicon glyphicon-pencil"></i> Sunting User</a></li>
<li><a href="halaman.php?page=karyawan"><i class="glyphicon glyphicon-user"></i> Data Karyawan</a></li>
<li><a href="halaman.php?page=kendaraan"><i class="glyphicon glyphicon-dashboard"></i> Data Kendaraan</a></li>
</ul>
</li>
<li class="treeview">
<a href="halaman.php?page=admin">
<i class="glyphicon glyphicon-file"></i> <span>Laporan</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href="halaman.php?page=gaji"><i class="glyphicon glyphicon-list active"></i> Slip Gaji</a></li>
<li><a href="halaman.php?page=list_berita"><i class="glyphicon glyphicon-user"></i> Data Karyawan </a></li>
<li><a href="halaman.php?page=karyawan"><i class="glyphicon glyphicon-user" color="red"></i> Data Karyawan Keluar</a></li>
</ul>
</li>
<li class="treeview"><a href="halaman.php?page=keluar"><i class="glyphicon glyphicon-off"></i><span> Keluar </span></a></li>
</ul>
</section>
<!-- /.sidebar -->
</aside> - Mohon maaf sebelumnya, karena langkahnya masih sangat panjang dan perlu waktu yang lama juga untuk menjelaskannya, silahkan anda download sourcecode program aplikai auto delete dibawah ini.
Demikian tutorial ini saya berikan untuk anda, semoga bisa bermanfaat untuk anda dan bisa menambah ilmu pengetahuan kita tentang bahasa pemrograman PHP dan tentunya dapat digunakan untuk membuat aplikasi berbasis web yang menarik dan profesional.
0 Comments