Bab I Pendahuluan

1
BIODATA
Nama: Idham Kurniawan

NIM: 10111218
1
1.1
BAB I PENDAHULUAN
Latar Belakang Masalah

Sebuah perusahaan mengimplementasi sistem informasi yang digunakan saat ini
belum maksimal, salah satunya yaitu pendataan pegawai yang kerja lembur dan perjalanan
dinas masih dilakukan secara manual pegawai harus mengisi form pengajuan lembur secara
manual lalu memberikannya ke personalia untuk disetujui terlebih dahulu, kecuali pegawai
yang bagian produksi harus meminta persetujuan dulu ke Technical Director I sebelum
disetujui oleh personalia.
Karena masih di lakukan secara manual kurangnya efisiensi waktu. sehingga
mempersulit untuk membuat dan melaporkan data lembur pegawai serta mempersulit
penyimpanan. dan pengumpulan data lembur pegawai secara keseluruhan. Karena belum
menggunakan database yang mencangkup pendataan pegawai lembur dan Perjalanan dinas.
Akibatnya Hal tersebut menyebabkan kurang efektifnya sistem pengajuan lembur dan
perjalanan dinas yang sedang berjalan.
Berdasarkan masalah di atas, sistem yang berjalan di sebuah perusahaan diperlukan
adanya pengembangan sistem informasi pendataan pegawai yang melakukan lembur. Setiap
data lembur dan data perjalanan dinas akan otomatis masuk ke dalam transkip gaji yang
akan di terima pegawai setiap bulan.
1.2
Maksud dan Tujuan
1.2.1
Maksud
Untuk menyelesaikan masalah tersebut kami bermaksud membuat aplikasi web
Lembur dan Perjalanan Dinas pada sebuah perusahaan.

1.2.2
Tujuan
Tujuan yang akan dicapai dari dibangunnya aplikasi ini adalah:

a. Pegawai perusahaan dapat menyampaikan informasi dengan cepat.
b. Mempermudah penyimpanan data lembur pegawai secara keseluruhan, sehingga lebih

efisien dengan menggunakan database. Dikarenakan database lembur dan perjalanan dinas
kerja masih tersebar pada setiap jenisnya.
c. Mempercepat pengumpulan data lembur pegawai dan perjalanan dinas. Dikarenakan data
lembur karyawan masih tersebar di setiap jenisnya.
1.3
Batasan Masalah
Agar pembangunan aplikasi ini mencapai sasaran yang telah ditentukan maka
masalah dibatas ihanya kepada hal-hal dibawah ini:

a) Aplikasi pendataan lembur dan perjalanan dinas, dibangun dengan program website agar
mudah digunakan dimana saja dan menggunakan device apa saja.
b) Laporan yang disajikan yaitu penggabungan data lembur pegawai secara keseluruhan dalam
bentuk table
c) Data yang terlibat dalam pembuatan aplikasi ini adalah data pegawai dan pengurus.
BAB II LANGKAH LANGKAH PEMBUATAN APLIKASI
2.1 Koneksi
<?php
//memuliai session
session_start();
include "koneksi.php";
$user = $_POST['user'];
$pass = $_POST['pass'];
$op = $_GET['op'];
if($op=="in"){
//pengecekan ke database karyawan beserta pemasukan page sesuai jabatan
$cek = mysqli_query($link,"select * from karyawan where nip='$user' AND pass='$pass'");
if(mysqli_num_rows($cek)==1){//jika berhasil akan bernilai 1
$c = mysqli_fetch_array($cek);
$_SESSION['nip'] = $c['nip'];
$_SESSION['hak_akses'] = $c['hak_akses'];
if($c['hak_akses']=='Karyawan')
{
header("location:../karyawanpilihan.php");
}elseif($c['hak_akses']=='admin')
{
header("location:../adminhome.php");
}else{
header("location:../managerlembur.php");
}
}else{
die("password salah <a href='javascript:history.back()'>kembali</a>");}
}
else if($op=="out")
{
unset($_SESSION['user']);
header("location:index.html");
}
?>
2.2 Logout
// Penghapusan sesion
<?php
session_start();
//penghancuran session
if(session_destroy())
{
header("Location:../index.php"); // Langsung mengarah ke Home index.php
}
?>
Editkaryawan
<?php
$nip=$_POST['nip'];
$nama=$_POST['nama'];
$pass=$_POST['pass'];
$email=$_POST['email'];
$akses=$_POST['akses'];
//update pada database sesuai dengan nip yang dituju
$query=mysqli_query($link, "UPDATE `karyawan` SET `nama` = '$nama', `pass` = '$pass', `email` =
'$email', `hak_akses` = '$akses' WHERE `nip` = '$nip'");
if ($query) {
//jika berhasil maka akan keluar peringatan succesfull dan jiga gagal failed
echo"<script languange='JavaScript'>alert('Form successfull edited!')
document.location='../adminhome.php'</script>";
} else {
echo"<script languange='JavaScript'>alert('Form failed edited!')
}
?>
Tambah karyawan
<?php
$nip=$_POST['nip'];
//membuat data karyawan baru
$query=mysqli_query($link, "INSERT INTO karyawan
VALUES('$nip','$nama','$pass','$email','$akses')");
if ($query) {
echo"<script languange='JavaScript'>alert('Form successfull created!')
} else {
echo"<script languange='JavaScript'>alert('Form failed created!')
}
?>
Newproject
<?php
include('koneksi.php');
$no=$_POST['no'];
$nama=$_POST['nama_project'];
$oto=$_POST['otoritas'];
$status=$_POST['status'];
//membuat data project baru
$query=mysqli_query($link, "INSERT INTO project VALUES('$no','$nama','$oto','$status')");
if ($query) {
document.location='../adminproject.php'</script>";
} else {
}
?>
Koneksi
<?php
$link=mysqli_connect("localhost","root","","nse") or die(mysql_error($link));
function newid($table, $id) {

//menghubungkan dengan database
$link=mysqli_connect("localhost","root","","nse") or die(mysql_error($link));
$query = mysqli_query($link, "SELECT max($id) as maxid FROM $table");
$data = mysqli_fetch_array($query);
$idmax = $data['maxid'];
$str = (int) $idmax;
$str++;
$newid = $str;
return $newid;
}
?>
Edit Karyawan
<?php
$nip=$_POST['nip'];
//mengedit data karyawan sesuai dengan nip yang dituju
$query=mysqli_query($link, "UPDATE `karyawan` SET `nama` = '$nama', `pass` =
'$pass', `email` = '$email', `hak_akses` = '$akses' WHERE `nip` = '$nip'");
if ($query) {
echo"<script languange='JavaScript'>alert('Form successfull edited!')
} else {
echo"<script languange='JavaScript'>alert('Form failed edited!')
}
?>
Edit project
<?php
$no=$_POST['no'];
$nama=$_POST['nama_project'];
$oto=$_POST['otoritas'];
$status=$_POST['status'];
//mengedit/update data project sesuai dengan no_project yang dituju
$query=mysqli_query($link, "UPDATE project SET name_project='$nama',
otoritas='$oto', status='$status' WHERE no_project='$no'");
if ($query) {
echo"<script languange='JavaScript'>alert('Form successfull Updated!')
} else {
echo"<script languange='JavaScript'>alert('Form failed Updated!')
document.location='../adminhproject.php'</script>";
}
?>
Adminproject
<?php
//bila hak akses dan nip masih kosong maka akan kembali ke index.php
session_start();
if (ISSET($_SESSION['nip']) && ($_SESSION['hak_akses']=='admin')) {
$nip=($_SESSION['nip']);
$hakakses=($_SESSION['hak_akses']);
} else {
header("location: index.php");
}
include('fungsi/koneksi.php');
/*$result = tampil():*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link
href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"
rel="stylesheet">
<link
rel="stylesheet">
<style type="text/css">
body {
position: relative;
overflow-x: hidden;
}
body,
html { height: 100%;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: transparent;}
/*-------------------------------*/
/*
Wrappers
*/
/*-------------------------------*/
k
#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled {
padding-left: 220px;
}
#sidebar-wrapper {
z-index: 1000;
left: 220px;
width: 0;
height: 100%;
margin-left: -220px;
overflow-y: auto;
overflow-x: hidden;
background: #1a1a1a;
}
#sidebar-wrapper::-webkit-scrollbar {
display: none;
}
#wrapper.toggled #sidebar-wrapper {
width: 240px;
}
#page-content-wrapper {
width: 100%;
padding-top: 70px;
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -220px;
}
/*-------------------------------*/
/*
Sidebar nav styles
/*-------------------------------*/
*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
display: inline-block;
width: 100%;
}
.sidebar-nav li:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 3px;
background-color: #1c1c1c;
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-ms-transition: width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li:first-child a {
color: #fff;
background-color: #1a1a1a;
}
.sidebar-nav li:nth-child(2):before {
background-color: #ec1b5a;
}
background-color: #79aefe;
}
background-color: #314190;
}
}
background-color: #7d5d81;
}
background-color: #ead24c;
}
background-color: #2d2366;
}
background-color: #35acdf;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
width: 100%;
.sidebar-nav li a {
display: block;
color: #ddd;
text-decoration: none;
padding: 10px 15px 10px 30px;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
color: #fff;
background-color: transparent;
}
.sidebar-nav > .sidebar-brand {

height: 190px;
width: 240px;
background-color: white;
font-size: 20px;
line-height: 44px;
margin-bottom: 20px;
}
.sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
/*-------------------------------*/
/*
Hamburger-Cross
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
z-index: 999;
display: block;
width: 32px;
height: 32px;
margin-left: 25px;
background: transparent;
border: none;
*/
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
.hamburger.is-closed:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px,0,0);
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
.hamburger.is-closed .hamb-bottom {
}
.hamburger.is-closed .hamb-top {
top: 5px;
}
.hamburger.is-closed .hamb-middle {
top: 50%;
margin-top: -2px;
}
bottom: 5px;
}
.hamburger.is-closed:hover .hamb-top {
top: 0;
}
.hamburger.is-closed:hover .hamb-bottom {
bottom: 0;

}
}
top: 50%;
margin-top: -2px;
}
.hamburger.is-open .hamb-top {
-webkit-transform: rotate(45deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
-webkit-transform: rotate(-45deg);
}
.hamburger.is-open:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
.hamburger.is-open:hover:before {
opacity: 1;
display: block;
}
#gambar{
width: 210px;
height: 70px;
margin-top: 55px;
margin-left: 10px;
}
.top{
height: 100px;
}
/*-------------------------------*/
/*
Overlay
*/
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(250,250,250,.8);
z-index: 1;
}
</style>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script
src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script
>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
<script src="lib/plugin/listjs/list.min.js"></script>
<script src="lib/plugin/listjs/jquery.dataTables.min.js"></script>
<script src="lib/plugin/listjs/list.pagination.min.js"></script>
</head>
<body style="background: url(images/bg.jpg) no-repeat center center fixed;">
<?php
if (isset($_GET['hapus'])) {
$sql = mysqli_query($link,"DELETE FROM project WHERE no_project='$_GET[id]'");
if ($sql) {
echo"<script languange='JavaScript'>alert('Project successfull deleted!')
document.location='adminproject.php'</script>";
} else {
echo"<script languange='JavaScript'>alert('Project failed deleted!')
document.location='adminproject.php'</script>";
}
}
?>
<div id="wrapper">
<div class="overlay"></div>

<nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper"
role="navigation">
<ul class="nav sidebar-nav">
<li class="sidebar-brand">
<div class="top">
<img src="aset/icon.png" id="gambar">
</div>
</li>
<li>
<a href="adminhome.php">Karyawan</a>
</li>
<li>
<a href="admindinas.php">Dinas</a>
</li>
<li>
<a href="adminlembur.php">Lembur</a>
</li>
<li>
<a href="adminproject.php">Project</a>
</li>
<li>
<li>
<a href="fungsi/logout.php">Logout</a>
</li>
</ul>
</nav>



<div id="page-content-wrapper">
<button type="button" class="hamburger is-closed" data-toggle="offcanvas">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">DATA PROJECT</h3>
</div>
<div class="panel-body">
<table id="table-list" class="table table-bordred table-striped">
<thead>
<tr>
<th colspan="7">
<button type="button" class="btn btn-primary btn-xs" datatoggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-plus"
aria-hidden="true"></span> New</button>
<a href="laporanproject.php" target="_blank" class="btn btn-primary
btn-xs"><span class="glyphicon glyphicon-print" aria-hidden="true"></span>
Print</a>
</th>
</tr>
<tr>
<td colspan="7">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon
glyphicon-search"></span></div>
<input class="search form-control" type="text" placeholder="Cari
Data">
</div>
</div>
</td>
</tr>
<tr>
<th>No</th>
<th>ID</th>
<th>Name Project</th>
<th>Otoritas</th>
<th>Status</th>
<th>Edit</th>
<th>Delete</th>
</tr>
</thead>
<tbody class="list">
<?php
//menampilkan data project
$sql = "SELECT * FROM project
INNER JOIN karyawan ON project.otoritas=karyawan.nip
ORDER BY status='Open'";
$tampil = mysqli_query($link,$sql);
$i=1;
while ($data=mysqli_fetch_assoc($tampil)) {
$project = substr($data['name_project'], 0, 50); ?>
<tr>
<td class="no"><?php echo $i;?></td>
<td class="id"><?php echo $data['no_project'];?></td>
<td class="name"><?php echo $project;?></td>
<td class="otoritas"><?php echo $data['nama'];?></td>
<td class="status"><?php echo $data['status'];?></td>
<td>
<button id="edit" class="btn btn-primary btn-xs" datatoggle='modal' data-target="#Edit"><span class="glyphicon glyphiconpencil"></span></button>
</td>
<td>
<a href="adminproject.php?id=<?php echo $data['no_project']; ?
>&&hapus=true" class="btn btn-danger btn-xs" onclick="return confirm('Do you
want remove this?')"><span class="glyphicon glyphicon-trash"></span></a>
</td>
</tr>
<?php
$i++; } ?>
</tbody>
<tr class="pagination"></tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-==================================================
==================================================
================ -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" arialabel="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">New Project</h4>
</div>
<div class="modal-body">
<form action="fungsi/newproject.php" role="form" class="form-horizontal"
method="post">
<label for="firstName" class="col-sm-3 control-label">No Project</label>
<div class="col-sm-9">
<input type="text" id="firstName" placeholder="No Project" name="no"
class="form-control" required autofocus>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Name Project</label>
<input type="text" id="firstName" name="nama_project"
placeholder="Name Project" class="form-control" required>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Otoritas</label>
<select id="country" class="form-control" name="otoritas" required>
<option value="">-Pilih Otoritas-</option>
<?php
$sql = "SELECT * FROM karyawan where hak_akses = 'Manager' ";
while ($data=mysqli_fetch_assoc($tampil)) { ?>
<option value="<?php echo $data['nip'];?>"><?php echo
$data['nama'];?></option>
<?php } ?>
</select>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Status</label>
<select id="country" class="form-control" name="status">
<option value="Open">Open</option>
<option value="Close">Close</option>
</select>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" datadismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-==================================================
==================================================
================ -->
<div class="modal fade" id="Edit" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<h4 class="modal-title" id="myModalLabel">Edit Project</h4>
</div>
<form action="fungsi/editproject.php" role="form" class="form-horizontal"
method="post">
<label for="no" class="col-sm-3 control-label">No Project</label>
<input type="text" id="no" placeholder="No Project" name="no"
class="form-control" required readonly>
</div>
</div>
<label for="name" class="col-sm-3 control-label">Name Project</label>
<input type="text" id="name" name="nama_project" placeholder="Name

Project" class="form-control" required>
</div>
</div>
<label for="otoritas" class="col-sm-3 control-label">Otoritas</label>
<select id="otoritas" class="form-control" name="otoritas" required>
<option value="">-Pilih Otoritas-</option>
<?php
$sql = "SELECT * FROM karyawan WHERE hak_akses = 'Manager' ";
while ($data=mysqli_fetch_array($tampil)) { ?>
<option value="<?php echo $data['nip'];?>"><?php echo
$data['nama'];?></option>
<?php } ?>
</select>
</div>
</div>
<label for="status" class="col-sm-3 control-label">Status</label>
<select id="status" class="form-control" name="status">
<option value="Open">Open</option>
<option value="Close">Close</option>
</select>
</div>
</div>

</div>
</form>
</div>
</div>
</div>
</div>
<!-==================================================
==================================================
============== -->


<script type="text/javascript">
$(document).ready(function () {
var trigger = $('.hamburger'),
overlay = $('.overlay'),
isClosed = false;
trigger.click(function () {
hamburger_cross();
});
function hamburger_cross() {
if (isClosed == true) {
overlay.hide();
trigger.removeClass('is-open');
trigger.addClass('is-closed');
isClosed = false;
} else {
overlay.show();
trigger.removeClass('is-closed');
trigger.addClass('is-open');
isClosed = true;
}
}
$('[data-toggle="offcanvas"]').click(function () {
$('#wrapper').toggleClass('toggled');
});
});
var options = {
valueNames: [ 'no', 'id', 'name', 'otoritas', 'status' ],
page:10,
plugins: [
ListPagination({})
]
};
var List = new List('table-list', options);

var noField = $('#no');
var nameField = $('#name');
var otoritasField = $('#otoritas');
var statusField = $('#status');
$('#edit').live('click',function() {
var itemId = $(this).closest('tr').find('.no').text();
var itemValues = List.get('no', itemId)[0].values();
noField.val(itemValues.id);
nameField.val(itemValues.name);
otoritasField.val(itemValues.otoritas);
statusField.val(itemValues.status);
});
</script>
</body>
</html>
Change password
<?php
session_start();
if (ISSET($_SESSION['nip']) && ($_SESSION['hak_akses']=='Karyawan')) {
} else {
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=1,initial-scale=1,userscalable=1" />
<title>NSE | Karyawan</title>
<link href="http://fonts.googleapis.com/css?
family=Lato:100italic,100,300italic,300,400italic,400,700italic,700,900italic,900"
rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css"

href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="aset/datepicker/css/bootstrapdatetimepicker.css">
<script src="aset/datepicker/js/moment.min.js"></script>
<script
>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="aset/datepicker/js/bootstrap-datetimepicker.min.js"></script>
<style type="text/css" media="screen">
#locationField, #controls {
position: relative;
}
.pac-container {
z-index: 9999;
}
</style>
</style>
</head>
<body>
<section class="container">
<section class="login-form">
<div style="background:#fff; padding:10px;">
<form name="form-login" method="POST" action="setpassword.php">

<h3>Change Password</h3><hr>
<input type="hidden" name="nip" class="form-control" value="<?php echo
$nip; ?>" required>

<label for="newpassword" class="form-label">New Password</label>
<input type="password" name="newpassword" class="form-control"
required>
</div>
<label for="repassword" class="form-label">Confirm Password</label>
<input type="password" name="repassword" class="form-control" required>
</div>
<button type="submit" class="btn btn-primary">Save</button>
<a href="karyawanpilihan.php" class="btn btn-primary">Menu</a>
</div>
</form>
</div>
</section>
</section>
</body>
</html>
Detail karyawan
<?php
session_start();
if (ISSET($_SESSION['nip']) && ($_SESSION['hak_akses']=='Manager')) {

} else {
}
?>
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<link
rel="stylesheet">
<link
rel="stylesheet">
body {
position: relative;
overflow-x: hidden;
}
body,
.nav .open > a,
/*-------------------------------*/
/*
Wrappers
*/
/*-------------------------------*/
k
#wrapper {
padding-left: 0;
height: 100%;
}
#wrapper.toggled {
}
#sidebar-wrapper {
z-index: 1000;
left: 220px;
width: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
display: none;
}
width: 240px;
}
width: 100%;
padding-top: 70px;
}
position: absolute;
}
/*-------------------------------*/
/*
Sidebar nav styles
/*-------------------------------*/
*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
width: 100%;
}
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 3px;
}
color: #fff;
}
}
}
}
}
}
}
}
}
width: 100%;
.sidebar-nav li a {
display: block;
color: #ddd;
}
color: #fff;
}

height: 190px;
width: 240px;
font-size: 20px;
line-height: 44px;
}
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
/*-------------------------------*/
/*
Hamburger-Cross
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
z-index: 999;
display: block;
width: 32px;
height: 32px;
margin-left: 25px;
*/
border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
}
top: 5px;
}
top: 50%;
margin-top: -2px;
}
bottom: 5px;
}
top: 0;
}
bottom: 0;
}
}
top: 50%;
margin-top: -2px;
}
}
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
}.tombolstatus:active {
position:relative;
top:1px;
}
#gambar{
width: 230px;
height: 60px;
margin-top: 50px;
.tombolstatus {
-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
box-shadow:inset 0px 0px 0px 0px #fce2c1;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05,
#ffc477), color-stop(1, #fb9e25) );
background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477',
endColorstr='#fb9e25');
background-color:#ffc477;
-webkit-border-top-left-radius:15px;
-moz-border-radius-topleft:15px;
border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-moz-border-radius-topright:15px;
border-top-right-radius:15px;
-webkit-border-bottom-right-radius:15px;
-moz-border-radius-bottomright:15px;
border-bottom-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-moz-border-radius-bottomleft:15px;
border-bottom-left-radius:15px;
text-indent:0px;
border:2px solid #eeb44f;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:30px;
line-height:30px;
width:90px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 4px #cc9f52;
}
.tombolstatus:hover {
#fb9e25), color-stop(1, #ffc477) );
background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25',
endColorstr='#ffc477');
background-color:#fb9e25;
position:relative;
top:1px;
}
.top{
height: 100px;
}
</style>
<script
>
<script
>
<script
</head>
<div id="wrapper">


role="navigation">
<div class="top">
</div>
</li>
<li>
<a href="managerdinas.php">Dinas</a>
</li>
<li>
<a href="managerlembur.php">Lembur</a>
</li>
<li>
<a href="setting.php">Setting</a>
</li>
<li>
</li>
</ul>
</nav>

<button type="button" class="hamburger is-closed" datatoggle="offcanvas">
</button>
<div class="row">
<h3 class="panel-title">Data Detail Dinas <b>(<?php echo
"$_GET[nip]"; ?>) <?php echo "$_GET[nama]"; ?></b></h3>
</div>
<?php
$fill_start = "";
$fill_finish = "";
if (isset($_POST['filter'])) {
$sql = "SELECT * FROM dinas
INNER JOIN project ON dinas.no_project=project.no_project
INNER JOIN karyawan ON dinas.nip=karyawan.nip
WHERE dinas.no_project=project.no_project AND
start>='$_POST[start]' AND finish<='$_POST[finish]' AND dinas.nip='$_GET[nip]'
ORDER BY id_dinas DESC";
$fill_start = $_POST['start'];
$fill_finish = $_POST['finish'];
} else {

where dinas.no_project=project.no_project AND
dinas.nip='$_GET[nip]' ORDER BY id_dinas DESC";
}
?>
<thead>
<tr>
<td colspan="9">
<form action="" method="post">
<div class="form-inline">
<input class="search form-control" type="text"
placeholder="Cari Data">
</div>
</div>
Fliter Tanggal :
<div class='input-group date' id='datetimepicker6'>
<input name="start" type='text' class="form-control"
value="<?php echo $fill_start; ?>" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<input name="finish" type='text' class="form-control"
value="<?php echo $fill_finish; ?>" />
</span>
</div>
</div>
<button type="submit" name="filter" class="btn btnprimary">Filter</button>
</div>
</div>
</form>
</td>
</tr>
<tr>
<th>No</th>
<th>ID</th>
<th>Project</th>
<th>Sector</th>
<th>Start</th>
<th>Finish</th>
<th>Durasi</th>
<th>Status</th>
</tr>
</thead>
<?php
$i=1;
$total=0;
function limit_words($string, $word_limit){
$words = explode(" ",$string);
return implode(" ",array_splice($words,0,$word_limit));
}
$date1 = new DateTime($data['start']);
$date2 = new DateTime($data['finish']);
$diff = $date2->diff($date1);
$month = $diff->m*30;
$days = $diff->d;
$words = $data['name_project'];
$finish = $data['finish'];
?>
<tr>
<td class="no"><?php echo "$i"; ?></td>
<td class="no_project"><?php echo $data['no_project'];?></td>
<td class="name_project"><?php echo limit_words($words,5); ?
>...</td>
<td class="sector"><?php echo $data['sector'];?></td>
<td class="start"><?php echo $data['start'];?></td>
<?php
$query = mysqli_query($link,"SELECT * FROM overdinas WHERE
id_dinas='$data[id_dinas]'");
while ($write = mysqli_fetch_array($query)) {

if ($write['keterangan']=="Tambah" &&
$write['status']=="Confirmed") {
$days = $days + $write['hari'];
$finish = date("Y-m-d", strtotime("+$write[hari] days",
strtotime($finish)));
} elseif ($write['keterangan']=="Kurang" &&
$days = $days - $write['hari'];
$finish = date("Y-m-d", strtotime("-$write[hari] days",
}
}
?>
<td class="finish"><?php echo $finish;?></td>
<td class="durasi"><?php echo $month+$days+1; ?> Hari</td>
<td>
<?php
// if ($data['status_dinas'] == 'Confirmed') {
// $style = "btn-success";
// } elseif ($data['status_dinas'] == 'Rejected') {
// $style = "btn-danger";
// } else {
// $style = "btn-default";
// }
// echo "
// <button type='button' class='edit $style btn-xs' datatoggle='modal' data-target='#myModal'
name='$data[id_dinas]'>$data[status_dinas]</button>
// ";
echo $data['status_dinas'];
?>
</td>
</tr>
<?php $total = $total + $days; $i++; } ?>
<tr>
<td colspan="6" class="text-right">Total</td>
<td colspan="2" ><?php echo "$total"; ?> Jam</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<h4 class="modal-title" id="myModalLabel">Form Status</h4>
</div>
<form action="setstatusdinas.php" role="form" class="form-horizontal"
method="post">
<label for="id" class="col-sm-3 control-label">ID</label>
<input type="text" class="form-control" name="id" id="eid" readonly>
</div>
</div>
<label for="project" class="col-sm-3 control-label">Status</label>
<select id="project" class="form-control" name="status" required>
<option value="">- Pilih Status -</option>
<option value="Confirmed">Confirm</option>
<option value="Rejected">Reject</option>
</select>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Pilih</button>
</form>
</div>
</div>
</div>
</div>
var idField = $('#eid');
$('.edit').click(function() {
var id = $(this).attr("name");
idField.val(id);
});
var options = {
valueNames: [ 'no', 'nip', 'nama', 'no_project', 'name_project', 'start', 'finsih',
'durasi', 'status' ],
page:10,
plugins: [
ListPagination({})
]
};
$(function () {
$('#datetimepicker6').datetimepicker({
format: 'YYYY-MM-DD',
useCurrent: false //Important! See issue #1075
});
format : 'YYYY-MM-DD',
});
$("#datetimepicker6").on("dp.change", function (e) {
$('#datetimepicker7').data("DateTimePicker").minDate(e.date);
});
$('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
});
});
</script>
$('#myModal').modal({
backdrop: false,
show:false
})
isClosed = false;
hamburger_cross();
});
overlay.hide();
isClosed = false;
} else {
overlay.show();
isClosed = true;
}
}
});
});
</script>
</body>
</html>
Deailkaryawan lembur
<?php
session_start();
} else {
}
?>
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<link
rel="stylesheet">
<link
rel="stylesheet">
body {
position: relative;
overflow-x: hidden;
}
body,
.nav .open > a,
/*-------------------------------*/
/*
Wrappers
*/
/*-------------------------------*/
k
#wrapper {
padding-left: 0;
height: 100%;
}
#wrapper.toggled {
}
#sidebar-wrapper {
z-index: 1000;
left: 220px;
width: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
display: none;
}
width: 240px;
}
width: 100%;
padding-top: 70px;
}
position: absolute;
}
/*-------------------------------*/
/*
Sidebar nav styles
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
width: 100%;
}
*/
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 3px;
}
color: #fff;
}
}
}
}
}
}
}
}
}
width: 100%;
.sidebar-nav li a {
display: block;
color: #ddd;
}
color: #fff;
}

height: 190px;
width: 240px;
font-size: 20px;
line-height: 44px;
}
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
/*-------------------------------*/
/*
Hamburger-Cross
*/
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
z-index: 999;
display: block;
width: 32px;
height: 32px;
margin-left: 25px;
border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;

}
opacity: 1;
display: block;
}
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
}
top: 5px;
}
top: 50%;
margin-top: -2px;
}
bottom: 5px;
}
top: 0;
}
bottom: 0;
}
}
top: 50%;
margin-top: -2px;
}
}

}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
#gambar{
width: 210px;
height: 70px;
margin-top: 55px;
margin-left: 10px;
.tombolstatus {
text-indent:0px;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:30px;
line-height:30px;
width:90px;
text-align:center;
}
position:relative;
top:1px;
}
.top{
height: 100px;
}
/*-------------------------------*/
/*
Overlay
*/
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
</style>
<script
>
<script
</head>
<div id="wrapper">


role="navigation">
<div class="top">
</div>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</nav>

</button>
<div class="row">
<h3 class="panel-title">Data Detail Lembur <b>(<?php echo "$_GET[nip]"; ?
>) <?php echo "$_GET[nama]"; ?></b></h3>
</div>
<?php
$fill_start = "";
$fill_finish = "";
$sql = "SELECT * FROM datalembur
INNER JOIN project ON datalembur.no_project=project.no_project
INNER JOIN karyawan ON datalembur.nip=karyawan.nip
WHERE datalembur.no_project=project.no_project AND
start>='$_POST[start]' AND finish<='$_POST[finish]' AND
datalembur.nip='$_GET[nip]'";
} else {
where datalembur.no_project=project.no_project AND
datalembur.nip='$_GET[nip]'";
}
?>

<thead>
<tr>
<td colspan="9">
Data">
</div>
</div>
Fliter Tanggal :
<input name="start" type='text' class="form-control" value="<?
php echo $fill_start; ?>" />
</span>
</div>
</div>
<input name="finish" type='text' class="form-control" value="<?
php echo $fill_finish; ?>" />
</span>
</div>
</div>
</div>
</div>
</form>
</td>
</tr>
<tr>
<th>No</th>
<th>NIP</th>
<th>Nama</th>
<th>ID</th>
<th>Project</th>
<th>Start</th>
<th>Finish</th>
<th>Durasi</th>
<th>Status</th>
</tr>
</thead>
<?php
$i=1;
$total=0;
}
$hours = $diff->h;
$hours = $hours + ($diff->days*24);
$start = substr($data['start'], 0, 16);
$finish = substr($data['finish'], 0, 16);
?>
<tr>
<td class="nip"><?php echo $data['nip'];?></td>
<td class="nama"><?php echo "$data[nama]";?></td>
<td class="name_project"><?php echo limit_words($words,5); ?>...</td>
<?php
$query = mysqli_query($link,"SELECT * FROM overlembur WHERE
id_lembur='$data[id_lembur]'");
if ($write['keterangan']=="Tambah" && $write['status']=="Confirmed") {
$hours = $hours + $write['jam'];

$finish = date("Y-m-d H:i", strtotime("+$write[jam] hour",
$hours = $hours - $write['jam'];
$finish = date("Y-m-d H:i", strtotime("-$write[jam] hour",
}
}
?>
<td class="durasi"><?php echo $hours; ?> jam</td>
<td>
<?php
// if ($data['status_lembur'] == 'Confirmed') {
// $style = "btn-success";
// } elseif ($data['status_lembur'] == 'Rejected') {
// $style = "btn-danger";
// } else {
// $style = "btn-default";
// }
// echo "
// <button type='button' class='edit $style btn-xs' data-toggle='modal'
data-target='#myModal'
name='$data[id_lembur]'>$data[status_lembur]</button>
// ";
echo $data['status_lembur'];
?>
</td>
</tr>
<?php $total = $total + $hours;

$i++; } ?>
<tr>
<td colspan="7" class="text-right">Total</td>
<td colspan="2"><?php echo "$total"; ?> Jam</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

</div>
<form action="setstatuslembur.php" role="form" class="form-horizontal"
method="post">

</div>
</div>
</select>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
var options = {
page:10,
plugins: [
ListPagination({})
]
};
idField.val(id);
});
$(function () {
});
});
});
});
});
</script>
isClosed = false;
hamburger_cross();
});
overlay.hide();
isClosed = false;
} else {
overlay.show();
isClosed = true;
}
}
});
});
</script>
</body>
</html>
10 Admindinas
<?php
session_start();
} else {
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<link
rel="stylesheet">
body {
position: relative;
overflow-x: hidden;
}
body,
.nav .open > a,
/*-------------------------------*/
/*
Wrappers
*/
/*-------------------------------*/
k
#wrapper {
padding-left: 0;
}
#wrapper.toggled {
}
#sidebar-wrapper {
z-index: 1000;
left: 220px;
width: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
display: none;
}
width: 240px;
}
width: 100%;
padding-top: 70px;
}
position: absolute;
}
/*-------------------------------*/
/*
Sidebar nav styles
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
width: 100%;
}
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
*/
width: 3px;
}
color: #fff;
}
}
}
}
}
}
}
}
}
width: 100%;
.sidebar-nav li a {
display: block;
color: #ddd;
}
color: #fff;
}

height: 190px;
width: 240px;
font-size: 20px;
line-height: 44px;
}
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
/*-------------------------------*/
/*
Hamburger-Cross
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
*/
z-index: 999;
display: block;
width: 32px;
height: 32px;
margin-left: 25px;
border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
}
top: 5px;
}
top: 50%;
margin-top: -2px;
}
bottom: 5px;
}
top: 0;
}
bottom: 0;
}
}
top: 50%;
margin-top: -2px;
}
}
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
#gambar{
width: 210px;
height: 70px;
margin-top: 55px;
margin-left: 10px;
}
.top{
height: 100px;
}
/*-------------------------------*/
/*
Overlay
*/
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
</style>
<script
>
<script
</head>
<?php
$query = mysqli_query($link,"DELETE FROM dinas WHERE id_dinas =
'$_GET[id]'");
$query2 = mysqli_query($link,"DELETE FROM overdinas WHERE id_dinas =
'$_GET[id]'");
if ($query2 && $query) {
if ($query) {
echo"<script languange='JavaScript'>alert('Overtime request has succsessful
deleted!')
document.location='admindinas.php'</script>";
} else {
echo"<script languange='JavaScript'>alert('Overtime request has failed delete!')
}
}
if (isset($_GET['hapuso'])) {
$query = mysqli_query($link,"DELETE FROM overdinas WHERE id_over_dinas =
'$_GET[id]'");
if ($query) {
deleted!')
} else {
}
}
?>
<div id="wrapper">


role="navigation">
<div class="top">
</div>
</li>
<li>
</li>
<li>
</li>

<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</nav>

</button>
<div class="row">
<h3 class="panel-title">Data Dinas</h3>
</div>
<?php
$fill_start = "";
$fill_finish = "";
$start = $_POST['start']." 00:00";
$finish = $_POST['finish']." 23:59";
WHERE dinas.no_project=project.no_project AND start>='$start'
AND finish<='$finish'";
} else {
where dinas.no_project=project.no_project ORDER BY id_dinas desc";
}
?>
<thead>
<tr>
<th colspan="9">
<button data-toggle="modal" data-target="#report" class="btn
btn-primary btn-xs"><span class="glyphicon glyphicon-print" ariahidden="true"></span> Print</button>
</th>
</tr>
<tr>
<td colspan="9">
</div>
</div>
Fliter Tanggal :
</span>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
</form>
</td>
</tr>
<tr>
<th>No</th>
<th>NIK</th>
<th>Nama</th>
<th>ID</th>
<th>Project</th>
<th>Start</th>
<th>Finish</th>
<th>Durasi</th>
<th>Status</th></tr>
</thead>
<?php
$i=1;
}
// $date1 = new DateTime($data['start']);
// $date2 = new DateTime($data['finish']);
// $diff = $date2->diff($date1);
// $days = $diff->d;
$da = (strtotime($data['start']) / (60*60*24));
$db = (strtotime($data['finish']) / (60*60*24));
$days = $db - $da;
$finish = $data['finish'];
?>
<tr>

<td class="nama"><?php echo $data['nama'];?></td>
>...</td>
<?php
}
}
?>
<td class="durasi"><?php echo $days+1; ?> Hari</td>
<td class="status"><?php echo $data['status_dinas']; ?
></button></td>
<td>
<a href="admindinas.php?hapus=true&&id=<?php echo
$data['id_dinas'];?>" onclick="return confirm('Do you want remove this?')"
class="btn btn-danger btn-xs">Remove</a>
</td>
</tr>
<?php $i++; } ?>

</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<h4 class="modal-title" id="myModalLabel">Print Report</h4>
</div>
<form action="laporandinas.php" role="form" class="form-horizontal"
method="post">
<label for="" class="col-md-3 control-label">From</label>
<input name="start" type='text' class="form-control" value="<?php echo
$fill_start; ?>" />
</span>
</div>
</div>
</div>
<label for="" class="col-md-3 control-label">To</label>
<input name="finish" type='text' class="form-control" value="<?php
echo $fill_finish; ?>" />
</span>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>


var options = {
page:10,
plugins: [
ListPagination({})
]
};
$(function () {
});
});
});
});
});
});
});
});
});
isClosed = false;
hamburger_cross();
});
overlay.hide();
isClosed = false;
} else {
overlay.show();
isClosed = true;
}
}
});
});
</script>
</body>
</html>
11 Adminhome
<?php
session_start();
} else {
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<link
rel="stylesheet">
body {
position: relative;
overflow-x: hidden;
}
body,
.nav .open > a,
/*-------------------------------*/
/*
Wrappers
*/
/*-------------------------------*/
k
#wrapper {
padding-left: 0;
#wrapper.toggled {
}
#sidebar-wrapper {
z-index: 1000;
left: 220px;
width: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
display: none;
}
width: 240px;
}
width: 100%;
padding-top: 70px;
}
position: absolute;
}
/*-------------------------------*/
/*
Sidebar nav styles
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
width: 100%;
}
*/
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 3px;
}
color: #fff;
}
}
}
}
}
}
}
}
}
width: 100%;
.sidebar-nav li a {
display: block;
color: #ddd;
}
color: #fff;
}

height: 190px;
width: 240px;
font-size: 20px;
line-height: 44px;
}
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
/*-------------------------------*/
/*
Hamburger-Cross
*/
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
z-index: 999;
display: block;
width: 32px;
height: 32px;
margin-left: 25px;
border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
}
top: 5px;
}
top: 50%;
margin-top: -2px;
}
bottom: 5px;
}
top: 0;
}
bottom: 0;
}
}
top: 50%;
margin-top: -2px;
}
}
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
#gambar{
width: 210px;
height: 70px;
margin-top: 55px;
margin-left: 10px;
}
.top{
height: 100px;
}
/*-------------------------------*/
/*
Overlay
*/
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
</style>
<script
>
<script
</head>
<?php
$sql = mysqli_query($link,"DELETE FROM karyawan WHERE nip='$_GET[id]'");
if ($sql) {
echo"<script languange='JavaScript'>alert('Project successfull deleted!')
document.location='adminhome.php'</script>";
} else {
echo"<script languange='JavaScript'>alert('Project failed deleted!')
document.location='adminhome.php'</script>";
}
}
?>
<div id="wrapper">

role="navigation">
<div class="top">
</div>
</li>
<li>
</li>
<li>
</li>

<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</nav>

</button>
<div class="row">
<h3 class="panel-title">DATA KARYAWAN</h3>
</div>
<div class="table-responsive">
<thead>
<tr>
<th colspan="4">
<button type="button" class="btn btn-primary btn-xs" datatoggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-plus"
aria-hidden="true"></span> New</button>
<a href="laporankaryawan.php" target="_blank" class="btn btnprimary btn-xs"><span class="glyphicon glyphicon-print" ariahidden="true"></span> Print</a>
</th>
</tr>
<tr>
<td colspan="4">
</div>
</div>
</td>
</tr>
<tr>
<th>NIK</th>
<th>Nama</th>

<th>Email</th>
<th>Hak Akses</th>
<th>Option</th>
</tr>
</thead>
<?php
$sql = "SELECT * FROM karyawan";
while ($data=mysqli_fetch_array($tampil)) { ?>
<tr>
<td class="email"><?php echo $data['email'];?></td>
<td class="jabatan"><?php echo $data['hak_akses'];?></td>
<td>
<button id="edit" class="btn btn-primary btn-xs" title="Edit" datatitle="Edit" data-toggle="modal" data-target="#Edit" ><span class="glyphicon
glyphicon-pencil"></span></button>
<a href="adminhome.php?id=<?php echo $data['nip'];?
>&&hapus=true" class="btn btn-danger btn-xs" title="Delete" onclick="return
confirm('Do you want remove this?')"><span class="glyphicon glyphicontrash"></span></a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-==================================================
==================================================
================ -->
<h4 class="modal-title" id="myModalLabel">Form Karyawan</h4>
</div>
<form action="fungsi/tambahkaryawan.php" role="form" class="formhorizontal" method="post">
<label for="" class="col-sm-3 control-label">NIK</label>
<input type="text" id="" placeholder="NIP" name="nip" class="formcontrol" required autofocus>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Name</label>
<input type="text" id="" name="nama" placeholder="Name"
class="form-control" required>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Email</label>
<input type="email" id="" name="email" placeholder="Email"
</div>
</div>
<label for="email" class="col-sm-3 control-label">Password</label>
<input type="password" id="" name="pass" placeholder=""
</div>
</div>
<label for="email" class="col-sm-3 control-label">Jabatan</label>
<select name="akses" class="form-control" required>
<option value="Karyawan">Karyawan</option>
<option value="admin">Admin</option>
<option value="Manager">Manager</option>
</select>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-==================================================
==================================================
============== -->
<div class="modal fade" id="Edit" tabindex="-1" role="dialog" arialabelledby="myModalLabel">
<h4 class="modal-title" id="myModalLabel">Form Edit Karyawan</h4>
</div>
<form action="fungsi/editkaryawan.php" role="form" class="form-horizontal"
method="post">
<label for="" class="col-sm-3 control-label">NIP</label>
<input type="text" id="nip" placeholder="NIP" name="nip" class="formcontrol" readonly>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Name</label>
<input type="text" id="nama" name="nama" placeholder="Name"
</div>
</div>
<label for="email" class="col-sm-3 control-label">Email</label>
<input type="email" id="email" name="email" placeholder="Email"
</div>
</div>
<label for="email" class="col-sm-3 control-label">Password</label>
<input type="password" id="pass" name="pass" placeholder=""
</div>
</div>
<label for="email" class="col-sm-3 control-label">Jabatan</label>
<select name="akses" class="form-control" required>
<option value="Karyawan">Karyawan</option>
<option value="admin">Admin</option>
<option value="Manager">Manager</option>
</select>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>


var options = {
valueNames: [ 'nip', 'nama', 'pass', 'email' ],
page:10,
plugins: [
ListPagination({})
]
};

var nipField = $('#nip');
var namaField = $('#nama');
var passField = $('#pass');
var emailField = $('#email');
$('#edit').live('click',function() {
var itemId = $(this).closest('tr').find('.nip').text();

var itemValues = List.get('nip', itemId)[0].values();
nipField.val(itemValues.nip);
namaField.val(itemValues.nama);
passField.val(itemValues.pass);
emailField.val(itemValues.email);
});
isClosed = false;
hamburger_cross();
});
overlay.hide();
isClosed = false;
} else {
overlay.show();
isClosed = true;
}
});
});
</script>
</body>
</html>
12 Admin lembur
<?php
session_start();
} else {
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<link
rel="stylesheet">
body {
position: relative;
overflow-x: hidden;
}
body,
.nav .open > a,
/*-------------------------------*/
/*
Wrappers
*/
/*-------------------------------*/
p{
font-size: 12px;
}
#wrapper {
padding-left: 0;

}
#wrapper.toggled {
}
#sidebar-wrapper {
z-index: 1000;
left: 220px;
width: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
display: none;
}
width: 240px;
}
width: 100%;
padding-top: 70px;
}
position: absolute;
}
/*-------------------------------*/
/*
Sidebar nav styles
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
width: 100%;
}
*/
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 3px;
}
color: #fff;
}
}
}
}
}
}
}
}
}
width: 100%;
.sidebar-nav li a {
display: block;
color: #ddd;
}
color: #fff;
}

height: 190px;
width: 240px;
font-size: 20px;
line-height: 44px;
}
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
/*-------------------------------*/
/*
Hamburger-Cross
*/
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
z-index: 999;
display: block;
width: 32px;
height: 32px;
margin-left: 25px;
border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;

}
opacity: 1;
display: block;
}
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
}
top: 5px;
}
top: 50%;
margin-top: -2px;
}
bottom: 5px;
}
top: 0;
}
bottom: 0;
}
}
top: 50%;
margin-top: -2px;
}
}

}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
#gambar{
width: 210px;
height: 70px;
margin-top: 55px;
margin-left: 10px;`
}
.top{
height: 100px;
}
/*-------------------------------*/
/*
Overlay
*/
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
</style>
<script
>
<script
<?php
$query = mysqli_query($link,"DELETE FROM datalembur WHERE id_lembur =
'$_GET[id]'");
$query2 = mysqli_query($link,"DELETE FROM overlembur WHERE id_lembur =
'$_GET[id]'");
deleted!')
document.location='adminlembur.php'</script>";
} else {
}
}
$query = mysqli_query($link,"DELETE FROM overlembur WHERE id_over_lembur =
'$_GET[id]'");
if ($query) {
deleted!')
} else {
}
}
?>
<div id="wrapper">


role="navigation">
<div class="top">
</div>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
<a href="fungsi/logout.php">Logout</a> </li>

</ul>
</nav>

</button>
<div class="row">
<h3 class="panel-title">Data Lembur</h3>
</div>
<?php
$fill_start = "";
$fill_finish = "";
WHERE datalembur.no_project=project.no_project AND start>='$start'

AND finish<='$finish'";
} else {
where datalembur.no_project=project.no_project ORDER BY id_lembur
desc";
}
?>
<thead>
<tr>
<th colspan="9">
<button data-toggle="modal" data-target="#report" class="btn
btn-primary btn-xs"><span class="glyphicon glyphicon-print" ariahidden="true"></span> Print</button>
</th>
</tr>
<tr>
<td colspan="9">
</div>
</div>
Fliter Tanggal :
</span>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
</form>
</td>
</tr>
<tr>
<th>No</th>
<th>NIK</th>
<th>Nama</th>
<th>ID</th>
<th>Project</th>
<th>Start</th>
<th>Finish</th>
<th>Durasi</th>
<th>Status</th></tr>
</thead>
<?php
$i=1;
}
$hours = $diff->h;
$jam=0;

?>
<tr>
>...</td>
<td class="start"><?php echo $start;?></td>
<?php
}
}
?>
<td><?php echo $data['status_lembur']?></td>
<td>
<a href="adminlembur.php?hapus=true&&id=<?php echo

$data['id_lembur'];?>" onclick="return confirm('Do you want remove this?')"
class="btn btn-danger btn-xs">Remove</a></td>
</td>
</tr>
<?php $i++; } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<h4 class="modal-title" id="myModalLabel">Print Report</h4>
</div>
<form action="laporandinas.php" role="form" class="form-horizontal"
method="post">
<label for="" class="col-md-3 control-label">From</label>

<input name="start" type='text' class="form-control" value="<?php echo
$fill_start; ?>" />
</span>
</div>
</div>
</div>
<label for="" class="col-md-3 control-label">To</label>
<input name="finish" type='text' class="form-control" value="<?php
echo $fill_finish; ?>" />
</span>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
idField.val(id);
});
var options = {
page:10,
plugins: [
ListPagination({})
]
};
$(function () {
});
});
});
});
});
});
});
});
});
</script>
isClosed = false;
hamburger_cross();
});
overlay.hide();
isClosed = false;
} else {
overlay.show();
isClosed = true;
}
}
});
});
</script>
</body>
</html>
13 Index
<html>
<head>

<title>LOGIN</title>
</head>
<body>
<form name="form-login" role="login" method="POST"
action="fungsi/login.php?op=in">
<img src="aset/icon.png" class="img-responsive">
<input type="text" name="user" placeholder="Username "

required class="form-control input-lg" />
<input type="password" name="pass" placeholder="Password"
required class="form-control input-lg" />
<input type="submit" name="submit" id="submit"
value="login" class="btn btn-lg btn-primary btn-block" >
</form>
</section>
</section>
</body>
</html>
14 Managerdinas
<?php
session_start();
} else {
}
?>
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<link
rel="stylesheet">
<link
rel="stylesheet">
body {
position: relative;
overflow-x: hidden;
}
body,
.nav .open > a,
/*-------------------------------*/
/*
Wrappers
*/
/*-------------------------------*/
k
#wrapper {
padding-left: 0;
height: 100%;
}
#wrapper.toggled {
}
#sidebar-wrapper {
z-index: 1000;
left: 220px;
width: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
display: none;
}
width: 240px;
}
width: 100%;
padding-top: 70px;
}
position: absolute;
}
/*-------------------------------*/
/*
Sidebar nav styles
*/
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
width: 100%;
}
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 3px;

}
color: #fff;
}
}
}
}
}
}
}
}
}
width: 100%;
.sidebar-nav li a {
display: block;
color: #ddd;
}
color: #fff;

height: 190px;
width: 240px;
font-size: 20px;
line-height: 44px;
}
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
/*-------------------------------*/
/*
Hamburger-Cross
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
z-index: 999;
display: block;
*/
width: 32px;
height: 32px;
margin-left: 25px;
border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
}
top: 5px;
}
top: 50%;
margin-top: -2px;
}
bottom: 5px;
}
top: 0;
}
bottom: 0;
}
}
top: 50%;
margin-top: -2px;
}
}
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
position:relative;
top:1px;
}
#gambar{
width: 230px;
height: 60px;
margin-top: 50px;
.tombolstatus {

text-indent:0px;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:30px;
line-height:30px;
width:90px;
text-align:center;
}
position:relative;
top:1px;
}
.top{
height: 100px;
}
</style>
<script
>
<script
</head>
<div id="wrapper">


role="navigation">
<div class="top">
</div>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</nav>

</button>
<div class="row">
</div>
<?php
$fill_start = "";
$fill_finish = "";
WHERE otoritas='$nip' AND start>='$start' AND finish<='$finish'";
} else {

where otoritas='$nip' ORDER BY id_dinas desc";
}
?>
<thead>
<tr>
<td colspan="11">
</div>
</div>
Fliter Tanggal :
</span>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
</form>
</td>
</tr>
<tr>
<th>No</th>
<th>NIK</th>
<th>Nama</th>
<th>ID</th>
<th>Project</th>
<th>Zona</th>
<th>Start</th>
<th>Finish</th>
<th>Durasi</th>
<th>Comment</th>
<th>Feedback</th>
<th>Status</th>
</tr>
</thead>
<?php
$i=1;
// $month = $diff->m*30;

$days = $db - $da;
$project = substr($data['name_project'], 0, 20);
?>
<tr>
<td class="nama"><?php echo"<a href='detailkaryawandinas.php?
nip=$data[nip]&&nama=$data[nama]'>$data[nama]</a>";?></td>
<td class="name_project"><?php echo $project; ?>...</td>

<td class="finish"><?php echo $data['finish'];?></td>
<td class="durasi"><?php echo $days+1; ?> Hari</td>
<td class="comment"><?php echo $data['comment'];?></td>
<td class="feedback"><?php echo $data['feedback'];?></td>
<td>
<?php
if ($data['status_dinas'] == 'Confirmed') {
$style = "btn-success";
} elseif ($data['status_dinas'] == 'Rejected') {
$style = "btn-danger";
} else {
$style = "btn-default";
}
echo "
<button type='button' class='edit $style btn-xs' data-toggle='modal'
data-target='#myModal' name='$data[id_dinas]'>$data[status_dinas]</button>
"; ?>
</td>
</tr>
<?php
?>
<tr class="warning">
<td colspan="8" align="right"><b><?php echo
$write['keterangan']; ?></b></td>
<td><?php echo $write['hari']; ?> Hari</td>
<td><?php echo $write['comment']; ?></td>
<td><?php echo $write['feedback']; ?></td>
<td>
<?php
if ($write['status'] == 'Confirmed') {
} elseif ($write['status'] == 'Rejected') {
} else {
}
echo "
<button type='button' class='overedit $style btn-xs' datatoggle='modal' data-target='#myOver'
name='$write[id_over_dinas]'>$write[status]</button>
"; ?>
</td>
</tr>
<?php
}
$cek = mysqli_num_rows($query);
if ($cek>0) {
$query = mysqli_query($link,"SELECT * FROM dinas WHERE
$finish = $write['finish'];
?>
<tr class="success">
<td colspan="6" align="right"><b>Total</b></td>
<?php

}
}
?>
<td class="durasi"><?php echo $days; ?> Hari</td>
<td></td>
<td></td>
<td></td>
</tr>
<?php
}
}
$i++;
} ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<h4 class="modal-title" id="myModalLabel">Form Status Dinas</h4>
</div>
<form action="setstatusdinas.php" role="form" class="form-horizontal"
method="post">
</div>
</div>
</select>
</div>
</div>
<label for="comment" class="col-sm-3 control-label">Comment</label>
<textarea class="form-control" name="comment"
id="ecomment"></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myOver" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<h4 class="modal-title" id="myModalLabel">Form Status Over Dinas</h4>
</div>
<form action="setstatusoverdinas.php" role="form" class="form-horizontal"

method="post">
<input type="text" class="form-control" name="id" id="oid" readonly>
</div>
</div>
</select>
</div>
</div>
id="ocomment"></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
var oidField = $('#oid');
idField.val(id);
});
$('.overedit').click(function() {
oidField.val(id);
});
var options = {
page:10,
plugins: [
ListPagination({})
]
};
$(function () {
format: 'YYYY-MM-DD HH:mm',

});
format : 'YYYY-MM-DD HH:mm',
});
});
});
});
</script>
isClosed = false;
hamburger_cross();
});
overlay.hide();
isClosed = false;
} else {
overlay.show();
isClosed = true;
}
}
});
});
</script>
</body>
</html>
Managerlembur
<?php
session_start();
} else {
}
?>
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<link
rel="stylesheet">
<link
rel="stylesheet">
body {
position: relative;
overflow-x: hidden;
}
body,
.nav .open > a,
/*-------------------------------*/
/*
Wrappers
*/
/*-------------------------------*/
k
#wrapper {
padding-left: 0;
height: 100%;
}
#wrapper.toggled {
}
#sidebar-wrapper {
z-index: 1000;
left: 220px;
width: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
display: none;
}
width: 240px;
}
width: 100%;
padding-top: 70px;
}
position: absolute;
}
/*-------------------------------*/
/*
Sidebar nav styles
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
*/
.sidebar-nav li {
position: relative;
line-height: 20px;
width: 100%;
}
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 3px;
}
color: #fff;
}
}
}
}
}
}
}
}
}
width: 100%;
.sidebar-nav li a {
display: block;
color: #ddd;
}
color: #fff;
}

height: 190px;
width: 240px;
font-size: 20px;
line-height: 44px;
}
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
/*-------------------------------*/
/*
Hamburger-Cross
*/
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
z-index: 999;
display: block;
width: 32px;
height: 32px;
margin-left: 25px;
border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;
}
position: absolute;
left: 0;
height: 4px;
width: 100%;
}
}
top: 5px;
}
top: 50%;
margin-top: -2px;
}
bottom: 5px;
}
top: 0;
}
bottom: 0;
}
}
top: 50%;
margin-top: -2px;
}
}
}
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
}
opacity: 1;
display: block;

}
#gambar{
width: 210px;
height: 70px;
margin-top: 55px;
margin-left: 10px;
.tombolstatus {
text-indent:0px;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:30px;
line-height:30px;
width:90px;
text-align:center;
}
position:relative;
top:1px;
}
.top{
height: 100px;
}
/*-------------------------------*/
/*
Overlay
*/
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
</style>
<script
>
<script
</head>
<div id="wrapper">


role="navigation">
<div class="top">
</div>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</nav>

</button>
<div class="row">
</div>
<?php
$fill_start = "";
$fill_finish = "";
WHERE otoritas='$nip' AND start>='$start' AND finish<='$finish'";
} else {
where otoritas='$nip' ORDER BY id_lembur desc";
}
?>
<thead>
<tr>
<td colspan="9">
Data">
</div>
</div>
Fliter Tanggal :
<input name="start" type='text' class="form-control" value="<?
php echo $fill_start; ?>" />
</span>
</div>
</div>
<input name="finish" type='text' class="form-control" value="<?
php echo $fill_finish; ?>" />
</span>
</div>
</div>
</div>
</div>
</form>
</td>
</tr>
<tr>
<th>No</th>
<th>NIK</th>
<th>Nama</th>
<th>ID</th>
<th>Project</th>
<th>Start</th>
<th>Finish</th>
<th>Durasi</th>
<th>Comment</th>
<th>Feedback</th>
<th>Status</th>
</tr>
</thead>
<?php
$i=1;
$hours = $diff->h;
?>
<tr>
<td class="nama"><?php echo "<a href='detailkaryawanlembur.php?
nip=$data[nip]&&nama=$data[nama]'>$data[nama]</a>";?></td>
<td class="name_project"><?php echo $project; ?></td>
<td class="start"><?php echo $start;?></td>

<td class="comment"><?php echo $data['comment'];?></td>
<td>
<?php
if ($data['status_lembur'] == 'Confirmed') {
} elseif ($data['status_lembur'] == 'Rejected') {
} else {
}
echo "
<button type='button' class='edit $style btn-xs' data-toggle='modal' datatarget='#myModal'
name='$data[id_lembur]'>$data[status_lembur]</button></td>
"; ?>
</tr>
<?php
?>
<td colspan="7" align="right"><b><?php echo $write['keterangan']; ?
></b></td>
<td><?php echo $write['jam']; ?> Jam</td>
<td><?php echo $write['comment']; ?></td>
<td>
<?php
if ($write['status'] == 'Confirmed') {
} elseif ($write['status'] == 'Rejected') {
} else {
}
echo "
<button type='button' class='overedit $style btn-xs' datatoggle='modal' data-target='#myOver'
name='$write[id_over_lembur]'>$write[status]</button></td>
"; ?>
</td>
</tr>
<?php
}
if ($cek>0) {
$query = mysqli_query($link,"SELECT * FROM datalembur WHERE
?>
<?php
}
}
?>
<td class="durasi"><?php echo $hours; ?> Jam</td>
<td></td>
<td></td>
<td></td>
</tr>
<?php
}
}
$i++;
} ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

</div>
<form action="setstatuslembur.php" role="form" class="form-horizontal"
method="post">
</div>
</div>
</select>
</div>
</div>
id="ecomment"></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myOver" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

</div>
<form action="setstatusoverlembur.php" role="form" class="form-horizontal"
method="post">
<input type="text" class="form-control" name="id" id="oid" readonly>
</div>
</div>
</select>
</div>
</div>
id="ocomment"></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
var oidField = $('#oid');
idField.val(id);
});
$('.overedit').click(function() {
oidField.val(id);
});
var options = {
page:10,
plugins: [
ListPagination({})
]
};
$(function () {
});
});
});
});
});
</script>
isClosed = false;
hamburger_cross();
});
overlay.hide();
isClosed = false;
} else {
overlay.show();
isClosed = true;
}
}
});
});
</script>
</body>
</html>
15 Newdinas
<?php
$project = $_POST['noproject'];
$nip = $_POST['nip'];
$start = $_POST['start'];
$finish = $_POST['finish'];
$comment = $_POST['comment'];
$newid = newid('dinas','id_dinas');
$sql = mysqli_query($link, "SELECT * FROM project
INNER JOIN karyawan ON project.otoritas=karyawan.nip WHERE
project.no_project='$project'");
$data = mysqli_fetch_array($sql);
$name_project = $data['name_project'];
$email = $data['email'];
$sqlb = mysqli_query($link, "SELECT * FROM karyawan WHERE nip='$nip'");
$datab = mysqli_fetch_array($sqlb);
$name = $datab['nama'];
$addressFrom = "Cijagra, Lengkong, Kota Bandung, Jawa Barat";
$addressTo = $_POST['location'];
// $distance = getDistance($addressFrom, $addressTo, "K");
//Get latitude and longitude from geo data

$latitudeFrom = -6.917463899999999;
$longitudeFrom = 107.61912280000001;
$latitudeTo = $_POST['latitude'];
$longitudeTo = $_POST['longitude'];
//Calculate distance from latitude and longitude

$theta = $longitudeFrom - $longitudeTo;
$dist = sin(deg2rad($latitudeFrom)) * sin(deg2rad($latitudeTo)) +
cos(deg2rad($latitudeFrom)) * cos(deg2rad($latitudeTo)) * cos(deg2rad($theta));
$dist = acos($dist);
$dist = rad2deg($dist);
$miles = $dist * 60 * 1.1515;
$unit = strtoupper("K");
$distance = 0;
if ($unit == "K") {
$distance = $miles * 1.609344;
} else if ($unit == "N") {
return ($miles * 0.8684).' nm';
} else {
return $miles.' mi';

}
$jarak = (int)$distance;
$sector = "";
if ($distance <= 100) {
$sector = 1;
} elseif ($distance <= 300) {
$sector = 2;
$sector = 3;
$sector = 4;
} else {
$sector = 5;
}
$da = (strtotime($start) / (60*60*24));

$db = (strtotime($finish) / (60*60*24));
$days = $db - $da;
$days = $days+1;
$query = mysqli_query($link,"INSERT INTO dinas(id_dinas, no_project, location,

sector, nip, start, finish, status_dinas, comment) VALUES('$newid', '$project',
'$addressTo', '$sector', '$nip', '$start', '$finish', 'Pending', '$comment')");
if ($query) {

document.location='karyawandinas.php'</script>";
} else {

}
?>
16 Newlembur
<?php
$project = $_POST['noproject'];
$nip = $_POST['nip'];
$start = $_POST['start'];
$finish = $_POST['finish'];
$comment = $_POST['comment'];
$sql = mysqli_query($link, "SELECT * FROM project

INNER JOIN karyawan ON project.otoritas=karyawan.nip WHERE
no_project='$project'");
$name_project = $data['name_project'];
$sql = mysqli_query($link, "SELECT * FROM karyawan WHERE nip='$nip'");

$name = $data['nama'];
$newid = newid('datalembur','id_lembur');
$date1 = new DateTime($start);
$date2 = new DateTime($finish);
$hours = $diff->h;
$query = mysqli_query($link,"INSERT INTO datalembur (id_lembur, no_project, nip,

start, finish, status_lembur, comment) VALUES('$newid','$project', '$nip', '$start',
'$finish', 'Pending', '$comment')");
if ($query) {

document.location='karyawanlembur.php'</script>";
} else {
}
?>
17 Karyawandinas
<?php
session_start();
} else {
}
?>
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>NSE : Lembur Karyawan</title>
<link
rel="stylesheet">
<link
rel="stylesheet">
<script
>
<script
</head>
<?php
$query = mysqli_query($link,"DELETE FROM dinas WHERE id_dinas =
'$_GET[id]'");
$query2 = mysqli_query($link,"DELETE FROM overdinas WHERE id_dinas =
'$_GET[id]'");

deleted!')
} else {
}
}
$query = mysqli_query($link,"DELETE FROM overdinas WHERE id_over_dinas =
'$_GET[id]'");
if ($query) {
deleted!')
} else {
}
}
?>
<div class="row">
<div>
<div class="clearfix"></div>
<br><br>
</div>
<thead>
<tr>
<th colspan="6">

<a href="karyawanpilihan.php" class="btn btn-default btnxs">Menu</a>
</th>
</tr>
<tr>
<td colspan="11">
Data">
</div>
</div>
</td>
</tr>
<tr>
<th>No</th>
<th>ID</th>
<th>Project</th>
<th>Approver</th>
<th>Zona</th>
<th>Start</th>
<th>Finish</th>
<th>Durasi</th>
<th>Status</th>
<th>Feedback</th>
<th></th>
<th></th>
</tr>
</thead>
<?php
$nip= $_SESSION['nip'];
$i = 1;
WHERE dinas.nip='$nip' ORDER BY id_dinas desc";
//
$month = $diff->m*30;
$days = $db - $da;
?>
<tr>
<td ><?php echo $i ?></td>
<td class="no"><?php echo $data['no_project'];?></td>

<td class="project"><?php echo $project;?>...</td>
<td class="manager"><?php echo $data['nama'];?></td>
<td class="finish"><?php echo $data['finish'];?></td>
<td class="finish"><?php echo $days+1; ?> Hari</td>
<td class="status"><?php echo $data['status_dinas'];?></td>
<td class="status"><?php echo $data['feedback'];?></td>
<td style="width:60px;">
<?php
if ($data['status_dinas'] == "Pending") {
?>
<a href="karyawandinas.php?hapus=true&&id=<?php echo
$data['id_dinas'];?>" onclick="return confirm('Do you want remove this?')"
<?php } elseif($data['status_dinas'] == "Confirmed") {
?>
<button id="kurang" type="button" class="btn btn-warning btn-xs"
data-toggle="modal" data-target="#over">-</button>
<button id="tambah" type="button" class="btn btn-success btn-xs"
data-toggle="modal" data-target="#over">+</button>
<?php
} ?>
<td class="id" style="width:1px !important; font-size: 1px;"><?php echo
$data['id_dinas'];?></td>
</tr>
<?php
?>
<td colspan="7" align="right"><?php echo $write['keterangan']; ?
></td>
<td><?php echo $write['hari']; ?> Hari</td>
<td><?php echo $write['status']; ?></td>
<td>
<?php
if ($write['status'] == "Pending") {
?>
<a href="karyawandinas.php?hapuso=true&&id=<?php echo
$write['id_over_dinas'];?>" onclick="return confirm('Do you want remove this?')"
<?php } else {
} ?>
</td>
<td></td>
</tr>
<?php
}
if ($cek>0) {
$query = mysqli_query($link,"SELECT * FROM dinas WHERE
?>
<?php
}
}
?>
<td class="durasi"><?php echo $days; ?> Hari</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<?php
}
}
$i++;
} ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-==================================================
==================================================
============================== -->
<div class="modal fade" id="over" tabindex="-1" role="dialog" arialabelledby="myModalLabel">
<h4 class="modal-title" id="myModalLabel">Form Over Dinas</h4>
</div>
<form action="overdinas.php" role="form" class="form-horizontal"
method="post">
<input id="nip" name="nip" type="hidden" value="<?php echo "$nip"; ?>"
readonly>
<input id="project" name="project" type="hidden" readonly>
<label for="id" class="col-sm-3 control-label">ID Dinas</label>
<input id="id" class="form-control" name="id" placeholder="Enter your
address" type="text" readonly>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Keterangan</label>
<input id="keterangan" class="form-control" name="keterangan"
type="text" readonly>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Hari</label>
<input id="waktu" class="form-control" name="waktu"
placeholder="Days" type="number" required>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Comment</label>
<textarea name="comment" class="form-control"></textarea>
</div>
</div>
</div>
<button type="button" class="btn btn-default" datadismiss="modal">Cancel</button>
</form>
</div>
</div>
</div>
</div>
<script>
$(function () {
});
});
});
});
});
});
});
var placeSearch, autocomplete;

var componentForm = {
street_number: 'short_name',
route: 'long_name',
locality: 'long_name',
administrative_area_level_1: 'short_name',
country: 'long_name',
postal_code: 'short_name'
};
function initAutocomplete() {
// Create the autocomplete object, restricting the search to geographical
// location types.
autocomplete = new google.maps.places.Autocomplete(
/** @type {!HTMLInputElement} */(document.getElementById('autocomplete')),
{types: ['geocode']});
// When the user selects an address from the dropdown, populate the address
// fields in the form.
autocomplete.addListener('place_changed', fillInAddress);
}
// [START region_fillform]
function fillInAddress() {
// Get the place details from the autocomplete object.
var place = autocomplete.getPlace();
for (var component in componentForm) {

document.getElementById(component).value = '';
document.getElementById(component).disabled = false;
}
// Get each component of the address from the place details
// and fill the corresponding field on the form.

for (var i = 0; i < place.address_components.length; i++) {
var addressType = place.address_components[i].types[0];
if (componentForm[addressType]) {
var val = place.address_components[i][componentForm[addressType]];
document.getElementById(addressType).value = val;
}
}
}
// [END region_fillform]
function geolocate() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var geolocation = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
var circle = new google.maps.Circle({
center: geolocation,
radius: position.coords.accuracy
});
autocomplete.setBounds(circle.getBounds());
});
}
}
isClosed = false;
hamburger_cross();
});
overlay.hide();
isClosed = false;
} else {
overlay.show();
isClosed = true;
}
}
});
});
var options = {
valueNames: [ 'id', 'no', 'project', 'start', 'finsih', 'status' ],
page:10,
plugins: [
ListPagination({})
]
};

var idField = $('#id');
var keteranganField = $('#keterangan');
var projectField = $('#project');
$('#kurang').live('click',function() {
var itemId = $(this).closest('tr').find('.id').text();
var itemValues = List.get('id', itemId)[0].values();
idField.val(itemValues.id);
keteranganField.val("Kurang");
projectField.val(itemValues.no);
});
$('#tambah').live('click',function() {
keteranganField.val("Tambah");
});
</script>
<script src="https://maps.googleapis.com/maps/api/js?
key=AIzaSyBNzC2hPg9vx5dXlY5E6I8MeDOEoCCgCno&signed_in=true&libraries=pla
ces&callback=initAutocomplete"
async defer></script>
</body>
</html>
18 Karyawan lembur
<?php
session_start();
} else {
}
?>
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>NSE : Lembur Karyawan</title>
<link
rel="stylesheet">
<link
rel="stylesheet">
<script
>
<script
</head>
<?php
$query = mysqli_query($link,"DELETE FROM datalembur WHERE id_lembur =
'$_GET[id]'");
$query2 = mysqli_query($link,"DELETE FROM overlembur WHERE id_lembur =
'$_GET[id]'");
deleted!')
} else {
}
}
$query = mysqli_query($link,"DELETE FROM overlembur WHERE id_over_lembur =
'$_GET[id]'");
deleted!')
} else {
}
}
?>
<div class="row">
<div>
<div class="clearfix"></div>
<br><br>
</div>
<thead>
<tr>
<th colspan="6">

<a href="karyawanpilihan.php" class="btn btn-default btnxs">Menu</a>
</th>
</tr>
<tr>
<td colspan="6">
Data">
</div>
</div>
</td>
</tr>
<tr>
<th>No</th>
<th>ID</th>
<th>Project</th>
<th>Approver</th>
<th>Start</th>
<th>Finish</th>
<th>Durasi</th>
<th>Status</th>
<th>Feedback</th>
<th></th>
<th style="width:1px !important; font-size: 1px;"></th>
</tr>
</thead>
<?php
$nip= $_SESSION['nip'];
$i = 1;
$sql = "SELECT *, karyawan.nama as 'manager' FROM datalembur
JOIN project ON datalembur.no_project=project.no_project
JOIN karyawan ON project.otoritas=karyawan.nip

WHERE datalembur.nip='$nip' ORDER BY id_lembur desc";
while ($data=mysqli_fetch_array($tampil)) {
$hours = $diff->h;
?>
<tr>
<td ><?php echo $i ?></td>
<td class="no"><?php echo $data['no_project'];?></td>
<td class="project"><?php echo $project ?>...</td>
<td class="manager"><?php echo $data['manager']; ?></td>
<td class="start"><?php echo $start; ?></td>
<td class="finish"><?php echo $finish; ?></td>
<td class="status"><?php echo $data['status_lembur'];?></td>
<td style="width:60px;">
<?php
if ($data['status_lembur'] == "Pending") {
?>
<a href="karyawanlembur.php?hapus=true&&id=<?php echo

$data['id_lembur'];?>" onclick="return confirm('Do you want remove this?')"
<?php } elseif ($data['status_lembur'] == "Confirmed") {
?>
<button id="kurang" type="button" class="btn btn-warning btn-xs"
data-toggle="modal" data-target="#over">-</button>
<button id="tambah" type="button" class="btn btn-success btn-xs"
data-toggle="modal" data-target="#over">+</button>
<?php
} ?>
<td class="id" style="width:1px !important; font-size: 0px;"><?php echo
$data['id_lembur'];?></td>
</tr>
<?php
?>
<td colspan="6" align="right"><?php echo $write['keterangan']; ?
></td>
<td><?php echo $write['jam']; ?> Jam</td>
<td><?php echo $write['status']; ?></td>
<td>
<?php
if ($write['status'] == "Pending") {
?>
<a href="karyawanlembur.php?hapuso=true&&id=<?php echo
$write['id_over_lembur'];?>" onclick="return confirm('Do you want remove this?')"
<?php } else {
} ?>
</td>
<td></td>
</tr>
<?php
}
if ($cek>0) {
$query = mysqli_query($link,"SELECT * FROM datalembur WHERE
?>
<?php
}
}
?>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<?php
}
}
$i++;
} ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-==================================================
==================================================
============================== -->
<div class="modal fade" id="over" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<h4 class="modal-title" id="myModalLabel">Form Over Lembur</h4>
</div>
<form action="overlembur.php" role="form" class="form-horizontal"
method="post">
<label for="project" class="col-sm-3 control-label">ID Lembur</label>
<input id="nip" name="nip" type="hidden" value="<?php echo "$nip"; ?
>" readonly>
<input id="project" name="project" type="hidden" readonly>
<input id="id" class="form-control" name="id" placeholder=""
type="text" readonly>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Keterangan</label>
<input id="keterangan" class="form-control" name="keterangan"
placeholder="" type="text" readonly>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Jam</label>
<input id="waktu" class="form-control" name="waktu"
placeholder="Hours" type="number">
</div>
</div>
</div>
</div>
</div>
<button type="button" class="btn btn-default" datadismiss="modal">Cancel</button>
</form>
</div>
</div>
</div>
</div>
<script>
$(function () {
});
});
});
});
});
isClosed = false;
hamburger_cross();
});
overlay.hide();
isClosed = false;
} else {
overlay.show();
isClosed = true;
}
}
});
});
var options = {
valueNames: [ 'no', 'project', 'manager', 'start', 'finsih', 'durasi', 'status', 'id' ],
page:10,
plugins: [
ListPagination({})
]
};

var idField = $('#id');
var keteranganField = $('#keterangan');
var projectField = $('#project');
$('#kurang').live('click',function() {
keteranganField.val("Kurang");
});
$('#tambah').live('click',function() {
keteranganField.val("Tambah");
});
</script>
</body>
</html>
19 Karyawan pilihan(menu karyawan)

<?php
session_start();
} else {
}
?>
<html>
<head>
<title>NSE | Karyawan</title>

<script
>
<script
<script src="https://maps.googleapis.com/maps/api/js?
v=3.exp&key=AIzaSyBNzC2hPg9vx5dXlY5E6I8MeDOEoCCgCno&signed_in=true&lib
raries=places"></script>
google.maps.event.addDomListener(window, 'load', intilize);
function intilize() {
var autocomplete = new
google.maps.places.Autocomplete(document.getElementById('autocomplete'));
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var places = autocomplete.getPlace();

lat = places.geometry.location.lat();
long = places.geometry.location.lng();
document.getElementById("latitude").value = lat;
document.getElementById("longitude").value = long;
});
};
</script>
<style type="text/css" media="screen">
#locationField, #controls {
position: relative;
}
.pac-container {
z-index: 9999;
}
</style>
</style>
</head>
<body>
<form name="form-login" role="login" method="POST"
action="fungsi/login.php?op=in">
<img src="aset/icon.png" class="img-responsive">

<button type="button" class="btn btn-lg btn-primary btnblock" data-toggle="modal" data-target="#myModal">
Request Lembur
</button>
</div>
<a href="karyawanlembur.php" class="btn btn-lg btnprimary btn-block" >Lihat Lembur</a>
</div>
<button type="button" class="btn btn-lg btn-primary btnblock" data-toggle="modal" data-target="#dinasModal">
Request Dinas
</button>
</div>
<a href="karyawandinas.php" class="btn btn-lg btnprimary btn-block" >Lihat Dinas</a>
</div>
<center><a href="changepassword.php">Change Password</a> | <a
href="fungsi/logout.php">Logout</a></center>
</form>
</section>
</section>
<!-==================================================
==================================================
====================== -->
<h4 class="modal-title" id="myModalLabel">Form Lembur</h4>
</div>
<form action="newlembur.php" role="form" class="form-horizontal"
method="post">
<input name="nip" type="hidden" value="<?php echo $nip ?>" readonly>

<label for="project" class="col-sm-3 control-label">Name Project</label>
<select id="project" class="form-control" name="noproject">
<?php
$sql = "SELECT * FROM project WHERE status='Open'";
<option value="<?php echo $data['no_project'];?>"><?php echo
"($data[no_project]) $data[name_project]"; ?></option>
<?php } ?>
</select>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Start</label>
<input name="start" type='text' class="form-control" />
</span>
</div>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Finish</label>
<input name="finish" type='text' class="form-control" />
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-==================================================
==================== -->
<div class="modal fade" id="dinasModal" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<h4 class="modal-title" id="myModalLabel">Form Dinas</h4>
</div>
<form action="newdinas.php" role="form" class="form-horizontal"
method="post">
<input name="nip" type="hidden" value="<?php echo $nip ?>" readonly>
<label for="project" class="col-sm-3 control-label">Name Project</label>
<select id="project" class="form-control" name="noproject">
<?php
$sql = "SELECT * FROM project WHERE status='Open'";
<option value="<?php echo $data['no_project'];?>"><?php echo
"($data[no_project]) $data[name_project]"; ?></option>
<?php } ?>
</select>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Daerah</label>
<div id="locationField">
<input id="autocomplete" class="form-control" name="location"
placeholder="Enter your address" onFocus="" type="text"></input>
<input type="hidden" class="form-control" id="latitude"
name="latitude">
<input type="hidden" class="form-control" id="longitude"

name="longitude">
</div>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Start</label>
<input name="start" type='text' class="form-control" />
</span>
</div>
</div>
</div>
<label for="email" class="col-sm-3 control-label">Finish</label>
<input name="finish" type='text' class="form-control" />
</span>
</div>
</div>
</div>

</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
$('#dinasModal').modal({
backdrop: false,
show:false
})
$(function () {
format: 'YYYY-MM-DD HH:00',
});
format : 'YYYY-MM-DD HH:00',
});
});
});
});
});
});
</script>
</body>
</html>
20 Laporandinas
<?php
session_start();
$sql = mysqli_query($link, "SELECT * FROM dinas

WHERE dinas.no_project=project.no_project AND start>='$start'
AND finish<='$finish'
ORDER BY start ASC");
$data = array();
$i = 1;
while ($row = mysqli_fetch_assoc($sql)) {
$q = mysqli_query($link, "SELECT * FROM project
WHERE no_project='$row[no_project]'");
$w = mysqli_fetch_assoc($q);
// $date1 = new DateTime($row['start']);
// $date2 = new DateTime($row['finish']);
$da = (strtotime($row['start']) / (60*60*24));
$db = (strtotime($row['finish']) / (60*60*24));
$days = $db - $da;
$days = $days+1;
$finish = $row['finish'];
id_dinas='$row[id_dinas]'");
if ($write['keterangan']=="Tambah" && $write['status']=="Confirmed") {
$finish = date("Y-m-d", strtotime("+$write[hari] days", strtotime($finish)));
} elseif ($write['keterangan']=="Kurang" && $write['status']=="Confirmed") {
$finish = date("Y-m-d", strtotime("-$write[hari] days", strtotime($finish)));

}
}
$project = substr($row['name_project'], 0, 25);
$data[]= array($i, $row['nip'],$row['nama'],$row['no_project'],$project,
$row['sector'],$w['nama'],$row['start'],$row['finish'],$days." Hari",
$row['status_dinas']);
$i++;
}
#setting judul laporan dan header tabel

$judul = "LAPORAN DATA DINAS";
$header = array(
array("label"=>"No", "length"=>8, "align"=>"C"),
array("label"=>"NIK", "length"=>30, "align"=>"L"),
array("label"=>"Nama", "length"=>40, "align"=>"L"),
array("label"=>"ID", "length"=>20, "align"=>"L"),
array("label"=>"Project", "length"=>45, "align"=>"L"),
array("label"=>"Zona", "length"=>12, "align"=>"C"),
array("label"=>"Aprover", "length"=>40, "align"=>"L"),
array("label"=>"Start", "length"=>22, "align"=>"L"),
array("label"=>"Finsih", "length"=>22, "align"=>"L"),
array("label"=>"Durasi", "length"=>13, "align"=>"L"),
array("label"=>"Status", "length"=>20, "align"=>"L")
);
#sertakan library FPDF dan bentuk objek

require_once ("lib/plugin/pdf/fpdf.php");
$pdf = new FPDF('L');
$pdf->AddPage();
#tampilkan judul laporan

$pdf->SetFont('Arial','B','16');
$pdf->Cell(0,24, $judul, '0', 1, 'C');
#tanggal
$cetak = date('d-M-Y');
$pdf->SetFont('Arial','','10');
$pdf->Cell(60,10, "Dari : $_POST[start]" , '0');
$pdf->Cell(60,10, "Sampai : $_POST[finish]" , '0');
$pdf->Cell(60,10, "Tanggal Cetak : $cetak" , '0', 1, 'L');
#buat header tabel

$pdf->SetFont('Arial','','10');
$pdf->SetFillColor(66,139,202);
$pdf->SetTextColor(255);
$pdf->SetDrawColor(0,0,0);
foreach ($header as $kolom) {
$pdf->Cell($kolom['length'], 5, $kolom['label'], 1, '0', $kolom['align'], true);
}
$pdf->Ln();
#tampilkan data tabelnya

$pdf->SetFillColor(224,235,255);
$pdf->SetTextColor(0);
$pdf->SetFont('');
$fill=false;
foreach ($data as $baris) {
$i = 0;
foreach ($baris as $cell) {
$pdf->Cell($header[$i]['length'], 5, $cell, 1, '0', $kolom['align'], $fill);

$i++;
}
$fill = !$fill;
$pdf->Ln();
}
#output file PDF

$pdf->Output();
?>
1
3.1.
Database
BAB III PROGRAM
3.2 Manual Book

LOGIN
Halaman utama program manageresto sebagai berikut:
Isikan kolom user dengan ID beserta password sesuai sebagai contoh ID1234 passowrd
karyawan kemudian pilih login untuk melanjutkan .
Karyawan
Menu Utama Karyawan
Form Menu Utama Karyawan ditampilkan. Tampilan Form Menu Utama Karyawan
sebagai berikut:
cara penggunaan
1.
2.
3.
4.
5.
6.
Klik Request Lembur untuk masuk ke form lembur.

Klik Lihat Lembur untuk masuk form list lembur.
Klik Request Dinas untuk masuk form Dinas.
Klik Lihat Dinas untuk masuk form list Dinas.
Klik Chane password untuk masuk ke menu ubah password.
Klik logou untuk masuk ke menu login.
Request Lembur
Form Request Lembur ditampilkan Tampilan Form Menu Request Lembur sebagai berikut:
1. Masukan Request Lembur sesuai kebutuhan.

Kolom
Name Project
Start
Finish
Comment
Keterangan
Pilih nama project yang sesuai .
Pilih tanggal beserta waktu untuk memulai lembur
Pilih tanggal beserta waktu untuk mengakhiri lembur
Masukan komentar pada pesan lemubr
2. Pilih nama project yang akan di pilih.

3. Klik
pada kolom start dan finist
4. Pilih tangal untuk memulai lembur kemudian klik

5. Kemudian isikan komenar unuk form lembur
6. Klik Submit untuk mengirim reqwest lembur.
Lihat Lembur
Form lihat Lembur ditampilkan Tampilan Form Lihat Lembur sebagai berikut:
Cara penggunaan
1. Masukan Lihat Lembur sesuai kebutuhan.
Kolom
Cari data
Keterangan
Untuk mencari data
2. Klik tombol Menu unuk kembali ke menu Utama karyawan.

Hapus Lembur
1. Klik tombol Remove pada baris data yang akan dihapus.
2. Kemudian akan mucul persetujuan kemudian klik yes bila ingin menghapus dan No bila
tidak jadi di hapus.
Penambahan/Pengurangan waktu Lemur
1. Klik
tombol untuk menambah atau mengurangi waktu lembur .
2. Kemudian akan muncul menu seperti ini
3. Isikan jam pada kolom hours dan komenar pada kolom Comment kemudian klik Submit.
Request Dinas
1. Klik tombol Request pada menu utama karyawan.maka akan muncul seperti ini:
2. Kemudian pilih project yang akan dituju.

3. Masukan nama daerah pada kolom daerah sesuai tempat Dinas yang akan dituju.
4. masukan waku denan cara klik
pada kolom start dan finist
5. Pilih tangal untuk memulai lembur kemudian klik
6. Kemudian isikan komenar unuk form Dinas

7. Klik Submit untuk mengirim reqwest Dinas.
Lihat Dinas
Form lihat Dinas ditampilkan Tampilan Form Lihat Dinas sebagai berikut:
Cara penggunaan
1. Masukan Lihat Dinas sesuai kebutuhan.
Kolom
Cari data
Keterangan
Untuk mencari data
2. Klik tombol Menu unuk kembali ke menu Utama karyawan.

Hapus Lembur
1. Klik tombol Remove pada baris data yang akan dihapus.
2. Kemudian akan mucul persetujuan kemudian klik yes bila ingin menghapus dan No bila
tidak jadi di hapus.
Penambahan/Pengurangan waktu Lemur
1. Klik
tombol untuk menambah atau mengurangi waktu lembur .
2. Kemudian akan muncul menu seperti ini
3. Isikan hari pada kolom Day dan komenar pada kolom Comment kemudian klik
Submit.
Ubah Password
1. Klik change pada menu utama karyawan maka akan muncul
2. Masukan password baru pada kolom new password dan confirm password .
3. Kemudian save
Manager (Approver)
Data Lembur
Form data lembur ditampilkan .tampilannya seperti ini:
Cara penggunaan
Kolom
Keterangan
Cari data
Untuk mencari data
Filter Tanggal
Masukan tanggal untuk menfilter tanggal awal dan akhir
Approver
1. Klik
untuk menapprove data pada baris data yang akan di approve ,
maka akan muncul:
2. Pilih status pada kolom status

3. Masukan komentar pada kolom comment
4. Kemudian klik tombol pilih.maka akan berubah tombol pending menjadi
bila confirm dan
bila reject
Pindah Page/Halaman
1. Klik
pada bagian pojok atas kiri . maka akan tampil sepeti ini
2. Kemudian pilih menu yang akan dituju.

Data Dinas
Form data Dinas ditampilkan .tampilannya seperti ini:
Cara penggunaan
Kolom
Keterangan
Cari data
Untuk mencari data
Filter Tanggal
Masukan tanggal untuk menfilter tanggal awal dan akhir
Approver
5. Klik
untuk menapprove data pada baris data yang akan di approve ,
maka akan muncul:
6. Pilih status pada kolom status

7. Masukan komentar pada kolom comment
8. Kemudian klik tombol pilih.maka akan berubah tombol pending menjadi
bila confirm dan
bila reject
Change Password (Ubah Password)

1. Pilih setting pada sliding menu ,maka akan muncul
2. Kemudian masukan password baru pada kolom new password dan confirm passoword .
3. Kemudian klik tombol save.
Admin
Form Data karyawan ditampilkan.tampilannya seperti ini:
Membuat data pegawai baru

1. Klik tombol
kemudian akan muncul
2. Kemudian isikan Nip ,Nama,email dan password kemudian pilih jabatan karyawan
tersebut.
3. Klik submit untuk menyimpan data pegawai tersebut.
Edit data pegawai

1. Klik
pada baris data pegawai yang akan di edit.maka akan muncul
2. Kemudian ubah kolom yang akan diubah sebagai contoh nama,email,password dan
jabatan.
3. Kemudian klik submit.
Delet data pegawai
1. Klik
pada baris data yang akan dihapus.maka akan muncul persetujuan seperti
berikut :
2. Pilih ok untuk melanjutkan penghapusan data dan cancel untuk membatalkan

penghapusan data.
Pindah page
1. Klik
pada bagian pojok atas kiri . maka akan tampil sepeti ini:
2. Kemudian pilih menu/page yang akan dituju.

Download laporan
1. Klik
untuk mendownload laporan dari seluruh pegawai ,kemudian jiga sudah
terdownload hasilnya akan seperti ini
Project
Form project ditampilkan .tampilannya seperti ini:
Membuat data pegawai baru

4. Klik tombol
kemudian akan muncul
5. Kemudian isikan no project ,Nama project dan otoritas kemudian pilih status project
tersebut.
6. Klik submit untuk menyimpan data project tersebut.
Edit data pegawai
4. Klik
pada baris data pegawai yang akan di edit.maka akan muncul
5. Kemudian ubah kolom yang akan diubah sebagai contoh nama,email,password dan
jabatan.
6. Kemudian klik submit.
Delet data pegawai
3. Klik
pada baris data yang akan dihapus.maka akan muncul persetujuan seperti
berikut :
4. Pilih ok untuk melanjutkan penghapusan data dan cancel untuk membatalkan

penghapusan data.
3.3 Tahap Pengujian
Pengujian adalah proses yang bertujuan untuk memastikan apakah semua fungsi
system bekerja dengan baik dan mencari kesalahan yang mungkin terjadi pada
sistem. Tujuan dari pengujian adalah untuk mendeteksi :
a. Kesalahan bahasa (language error), kesalahan yang diakibatkan oleh penulisan
dalam
b. Kesalahan waktu proses (runtime error), kesalahan yang terjadi ketika program
penulisan sintaks
dijalankan.
Kesalahan ini akan menyebabkan proses program terhenti sebelum waktunya untuk
berhenti.
c. Kesalahan logika (logical error), kesalahan yang disebabkan oleh logika program
yang dibuat. Kesalahan ini sulit ditemukan karena tidak ada pemberitahuan letak
kesalahannya.
1. Pengujian
Pengujian blackbox adalah cara pengujian dilakukan dengan hanya menjalankan
atau mengeksekusi unit atau modul kemudian diamati apakah hasil dari unit itu
sesuai dengan proses bisnis yang diinginkan. Dengan demikian, pengujian blackbox memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi
input yang sepenuhnya serta persyaratan fungsional untuk suatu program.
1.1.Pengujian Alpha
Pengujian dilakukan terhadap 2 aspek yaitu aspek fungsionalitas dan aspek
penanganan kesalahan.
1.2.Lingkup Pengujian
Pengujian dilakukan menggunakan sistem operasi Microsoft Windows 7.
1.3.Skenario Pengujian
Pengujian Aplikasi Nilai Mahasiswa berikut menggunakan data uji berdasarkan data
yang telah
didapat dari aplikasi, scenario pengujian selengkapnya dapat dilihat pada tabel 1
berikut :
Tabel 1 Skenario pengujian Aplikasi dinas dan lembur
Kelas uji
Butir uji
Jenis pengujian
Login
Request lembur
Request dinas
New project
New karyawan
New project
Edit project
Edit karyawan
1.4.Kasus Dan Hasil Pengujian

Berdasarakan rencana pengujian yang telah disusun, maka dapat dilakukan
pengujian sebagai berikut.
1. Login
Data masukan
Yang
diharapkan
Pengamatan
Kesimpulan
Pembuktian
Data masukan
Yang
diharapkan
Pengamatan
Kasus dan hasil uji (data normal)

User,password
User dapat menjalankan sistem
Dapat mengisi username dan password sesuai harapan
Sukses
Kasus dan hasil uji (data salah)

User,password yang salah
User tidak dapat menjalankan sistem,sistem
menampilkan pesan
Sistem menampilkan pesan
Kesimpulan
Pembuktian
Sukses
2. Request lembur
Kasus dan hasil uji (data normal)
Data masukan
Yang diharapkan
Pengamatan
Kesimpulan
Pembuktian
User,password
User dapat menjalankan sistem
Dapat mengisi username dan
password sesuai harapan
Sukses
Data masukan
Yang
diharapkan
Pengamatan
Kesimpulan
Pembuktian
Kasus dan hasil uji (data salah)

New password yang tidak sama dengan confirm
password
User tidak dapat menjalankan sistem,sistem
menampilkan pesan
Sistem menampilkan pesan
Sukses
Hasil tampilan program
Login
Menu utama karyawan
List lembur
List dinas
Manager Lembur
Manager dinas
Change password
Admin karyawan
Admin project
Distribusi & referensi

Distribusi
10111218- Idham kurniawan program,laporan
Referensi
http://getbootstrap.com/

Bab I Pendahuluan

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Bab I Pendahuluan

Cargado por

Copyright:

Formatos disponibles

1

Nama: Idham Kurniawan

Latar Belakang Masalah

Maksud dan Tujuan

Lembur dan Perjalanan Dinas pada sebuah perusahaan.

Tujuan yang akan dicapai dari dibangunnya aplikasi ini adalah:

b. Mempermudah penyimpanan data lembur pegawai secara keseluruhan, sehingga lebih

masalah dibatas ihanya kepada hal-hal dibawah ini:

BAB II LANGKAH LANGKAH PEMBUATAN APLIKASI

function newid($table, $id) {

Sidebar nav styles

.sidebar-nav > .sidebar-brand {

-webkit-transition: all .35s ease-in-out;

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<div class="modal fade" id="Edit" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<input type="text" id="name" name="nama_project" placeholder="Name

<button type="submit" class="btn btn-primary">Submit</button>

var List = new List('table-list', options);

<link rel="stylesheet" type="text/css"

<form name="form-login" method="POST" action="setpassword.php">

if (ISSET($_SESSION['nip']) && ($_SESSION['hak_akses']=='Manager')) {

Sidebar nav styles

.sidebar-nav > .sidebar-brand {

background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );

$sql = "SELECT * FROM dinas

while ($write = mysqli_fetch_array($query)) {

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

var List = new List('table-list', options);

Sidebar nav styles

.sidebar-nav > .sidebar-brand {

-webkit-transition: all .35s ease-in-out;

.hamburger.is-open .hamb-middle { display: none; }

<table id="table-list" class="table table-bordred table-striped">

$hours = $hours + $write['jam'];

<?php $total = $total + $hours;

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

<input type="text" class="form-control" name="id" id="eid" readonly>

var List = new List('table-list', options);

var idField = $('#eid');

<link rel="stylesheet" type="text/css" href="aset/datepicker/css/bootstrapdatetimepicker.css">

Sidebar nav styles

.sidebar-nav > .sidebar-brand {

<td class="nip"><?php echo $data['nip'];?></td>

<?php $i++; } ?>

<div class="modal fade" id="report" tabindex="-1" role="dialog" arialabelledby="myModalLabel">

var List = new List('table-list', options);

Sidebar nav styles

.sidebar-nav > .sidebar-brand {

var List = new List('table-list', options);

var itemId = $(this).closest('tr').find('.nip').text();

transition: all 0.5s ease;

Sidebar nav styles

$da = (strtotime($data['start']) / (606024));

$da = (strtotime($start) / (606024));