Lampiran. Lampiran 1 : Database

Size: px

Start display at page:

Download "Lampiran. Lampiran 1 : Database"

Edgar Griffin
5 years ago
Views:

1 78 Lampiran Lampiran 1 : Database

2 79

3 80 Lampiran 2 : Coding List a. Coding Login <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initialscale=1"> <meta name="description" content="aplikasi Penggajian Karyawan"> <meta name="author" content="putri Setyoweni"> <link rel="icon" href="../../favicon.ico"> <title>selamat Datang</title> <link href="dist/css/bootstrap.min.css" rel="stylesheet"> src="dist/js/jquery js"></script> src="dist/js/bootstrap.js"></script> <link href="signin.css" rel="stylesheet"> src="assets/js/ie-emulation-modes-warning.js"></script> src="assets/js/ie10-viewport-bugworkaround.js"></script> src=" /script> src=" ipt> </head> <body background="image/banner-bg.jpg"> <div class="container"> <form class="form-signin" action="proseslogin.php" method="post" > <h2 class="form-signin-heading"><center><span class="glyphicon glyphicon-th-large"></span> Selamat Datang </center></h2> <h5 class="baru">aplikasi Penggajian Pegawai</h5> <input name="username" id="username" type="text" class="formcontrol" placeholder="username" required autofocus> <input name="password" id="password" type="password" class="form-control" placeholder="password" required> <label class="checkbox"> <input type="checkbox" value="remember-me"> Remember me </label> <button class="btn btn-lg btn-danger btn-block" type="submit">sign in</button> </form> <div class="modal fade" id="contact" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" ariahidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header">

4 81 <button type="button" class="close" data-dismiss="modal" ariahidden="true"> </button> <class="btn btn-default" datadismiss="modal">close</button> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <center><h5 class="form-signin"> 2017 <a href="#" data-toggle="modal" data-target="#contact"> Putri_setyoweni</a></h5></center> </body> </html> b. Coding Index Data Pegawai session_start(); if (empty($_session['username'])){ header('location:../login.html'); } else { include "../koneksi.php"; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <meta name="description" content="aplikasi Penggajian Karyawan"> <meta name="author" content="putri Setyoweni"> <title>aplikasi Penggajian</title>  <link href="css/bootstrap.css" rel="stylesheet">  <link href="css/sb-admin.css" rel="stylesheet"> <link rel="stylesheet" href="font-awesome/css/fontawesome.min.css">  <link rel="stylesheet" href=" min.css"> type="text/javascript"> // 1 detik = 1000 window.settimeout("waktu()",1000); function waktu() { var tanggal = new Date(); settimeout("waktu()",1000); document.getelementbyid("output").innerhtml= tanggal.gethours()+":"+tanggal.getminutes()+":"+tanggal.getseco nds(); }

5 </script> language="javascript"> var tanggallengkap = new String(); var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" "); var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember"); namabulan = namabulan.split(" "); var tgl = new Date(); var hari = tgl.getday(); var tanggal = tgl.getdate(); var bulan = tgl.getmonth(); var tahun = tgl.getfullyear(); tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun; var popupwindow = null; function centeredpopup(url,winname,w,h,scroll){ LeftPosition = (screen.width)? (screen.width-w)/2 : 0; TopPosition = (screen.height)? (screen.height-h)/2 : 0; settings='height='+h+',width='+w+',top='+topposition+',left='+l eftposition+',scrollbars='+scroll+',resizable' popupwindow = window.open(url,winname,settings) } </script> </head> <body> <div id="wrapper">  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">  <div class="navbar-header"> <button type="button" class="navbar-toggle" datatoggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.php">aplikasi Penggajian Pegawai</a>  <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav side-nav"> <li class="active"> <a href="index.php"><i class="fa fa-dashboard"></i> Data Pegawai</a></li> <li><a href="potongan.php"><i class="fa fa-edit"> </i> Data Potongan</a></li> <li><a href="golongan.php"><i class="fa fa-table"> </i> Data Golongan</a></li> <li><a href="gaji.php"><i class="fa fa-table"></i> Proses Gaji</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-caret-square-o-down"> </i> Rekap Gaji <b class="caret"></b></a> 82

6 83 <ul class="dropdown-menu"> <li><a href="month.php"> <i class="fa fa-table"></i>month</a></li> </li> <li><a href="tambahuser.php"><i class="fa fa-edit"></i> Tambah User</a></li> <ul class="nav navbar-nav navbar-right navbar-user">  <!--<li class="dropdown alerts-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-bell"></i> Alerts <span class="badge">3</span> <b class="caret"></b></a> <ul class="dropdown-menu">

7 <li><a href="#">default <span class="label label-default">default</span></a></li> <li><a href="#">primary <span class="label label-primary">primary</span></a></li> <li><a href="#">success <span class="label label-success">success</span></a></li> <li><a href="#">info <span class="label labelinfo">info</span></a></li> <li><a href="#">warning <span class="label label-warning">warning</span></a></li> <li><a href="#">danger <span class="label label-danger">danger</span></a></li> <li class="divider"></li> <li><a href="#">view All</a></li> </li>--> <li class="dropdown user-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user"></i> Hallo, echo $_SESSION['username']; <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#"><i class="fa fa-user"></i> Profil</a></li> <li><a href="google.com/mail"> <i class="fa fa-envelope"></i> Pesan Masuk <span class="badge">7</span></a></li> <li class="divider"></li> <li><a href="../logout.php" onclick="return confirm('apakah anda akan keluar?');"><i class="fa fa-power-off"></i> Keluar </a></li> </li>  </nav> } <div id="page-wrapper"> <div class="row"> <div class="col-lg-12"> <h1>home </h1> <ol class="breadcrumb"> <li class="active"><i class="fa fa-dashboard"></i> Homepage <table width="900"> <td width="250"><div class="tanggal"><h4> language="javascript">document.write(tanggallengkap);</script> </h4></td> <td align="left" width="30"> - </td> <td align="left" width="620"> <h4> <div id="output" class="jam" ></h4></td> </table></li></ol> <br /> <div class="alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> </button> 84

8 Selamat Datang Di Halaman Awal Aplikasi Penggajian Yayasan Bina Darma. Untuk Menginput Data Golongan Terbaru Silahkan Klik NIP Karyawan Yang Dipilih    <div class="col-lg-12"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title"><i class="fa fa-user"></i> Data Karyawan </h3> <div class="panel-body"> <div class="table-responsive"> $tampil=mysql_query("select * from t_pegawai"); <table class="table table-bordered table-hover table-striped tablesorter"> <th>no<i class="fa fa-sort"></i></th> <th>nip - Status <i class="fa fa-sort"></i></th> <th>nama Pegawai <i class="fa fa-sort"></i></th> <th>no Rek <i class="fa fa-sort"></i></th> <th>alamat <i class="fa fa-sort"></i></th> <th>no Telp <i class="fa fa-sort"></i></th> <th> <i class="fa fa-sort"></i></th> <th>masuk Kerja <i class="fa fa-sort"></i></th> <th>periode Gol <i class="fa fa-sort"></i></th> <th>periode Pot <i class="fa fa-sort"></i></th> <th>aksi <i class="fa fa-sort"></i></th> $no = 1; while($data=mysql_fetch_array($tampil)) { <td> echo $no++ ; </td> <td><a href="editgol.php?hal=edit&kd= echo $data['nip'];"> <i class="fa fa-user"></i> echo $data['nip']; - 85

9 86 echo $data['status_pegawai']; </a></td> <td> echo $data['nama_pegawai']; </td> <td> echo $data['no_rek']; </td> <td> echo $data['alamat']; </td> <td> echo $data['no_telp']; </td> <td> echo $data[' ']; </td> <td> echo $data['masuk_kerja']; </td> <td> echo $data['periode_gol']; </td> <td> echo $data['periode_pot']; </td> <td><a class="btn btn-sm btn-primary" href="edit.php?hal=edit&kd= echo $data['nip'];"> <i class="fa fa-edit"></i> Edit</a> <a class="btn btn-sm btn-danger" href="hapus.php?hal=hapus&kd= echo $data['nip'];"> <i class="fa fa-wrench"></i> Hapus</a></td> } </tbody> </table> <div class="text-right"> <a href="tambah.php" class="btn btn-sm btn-warning"> Tambah Data Pegawai <i class="fa fa-arrow-circleright"></i></a>    <footer> </footer>  src="js/jquery js"></script> src="js/bootstrap.js"></script>  src=" raphael-min.js"></script> src=" min.js"></script> src="js/morris/chart-data-morris.js"></script> src="js/tablesorter/jquery.tablesorter. js"></script> src="js/tablesorter/tables.js"></script> </body> </html> c. Coding Edit Periode Golongan dan Potongan session_start(); if (empty($_session['username'])){ echo ">alert('anda belum mempunyai hak akses.');

10 window.location = '../index.html'</script>"; } else { include "../koneksi.php"; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <meta name="description" content="aplikasi Penggajian Karyawan"> <meta name="author" content="putri Setyoweni"> <title>edit Golongan Pegawai</title>  <link href="css/bootstrap.css" rel="stylesheet">  <link href="css/sb-admin.css" rel="stylesheet"> <link rel="stylesheet" href="font-awesome/css/fontawesome.min.css">  <link rel="stylesheet" href=" min.css"> type="text/javascript"> // 1 detik = 1000 window.settimeout("waktu()",1000); function waktu() { var tanggal = new Date(); settimeout("waktu()",1000); document.getelementbyid("output").innerhtml= tanggal.gethours()+":"+tanggal.getminutes()+":"+tanggal.getseco nds(); } </script> language="javascript"> var tanggallengkap = new String(); var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" "); var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember"); namabulan = namabulan.split(" "); var tgl = new Date(); var hari = tgl.getday(); var tanggal = tgl.getdate(); var bulan = tgl.getmonth(); var tahun = tgl.getfullyear(); tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun; var popupwindow = null; function centeredpopup(url,winname,w,h,scroll){ LeftPosition = (screen.width)? (screen.width-w)/2 : 0; TopPosition = (screen.height)? (screen.height-h)/2 : 0; settings='height='+h+',width='+w+',top='+topposition+',left='+l eftposition+',scrollbars='+scroll+',resizable' popupwindow = window.open(url,winname,settings) } </script> </head> 87

11 <body> <div id="wrapper">  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">  <div class="navbar-header"> <button type="button" class="navbar-toggle" datatoggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.php">aplikasi Penggajian Pegawai</a>  <div class="collapse navbar-collapse navbar-ex1- collapse"> <ul class="nav navbar-nav side-nav"> <li class="active"><a href="index.php"> <i class="fa fa-dashboard"></i> Data Pegawai</a></li> <li><a href="potongan.php"><i class="fa fa-edit"> </i> Data Potongan</a></li> <li><a href="golongan.php"><i class="fa fa-table"> </i> Data Golongan</a></li> <li><a href="gaji.php"> <i class="fa fa-table"></i> Proses Gaji</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-caret-square-o-down"></i> Rekap Gaji <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="month.php"><i class="fa fatable"></i>month</a></li> </li> <li><a href="tambahuser.php"> <i class="fa fa-edit"></i> Tambah User</a></li> <ul class="nav navbar-nav navbar-right navbar-user"> <li class="dropdown user-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user"></i> echo $_SESSION['username']; <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#"><i class="fa fa-user"></i> Profile</a></li> <li><a href="google.com/mail"><i class="fa fa-envelope"></i> Inbox <span class="badge">7</span></a></li> <li class="divider"></li> <li><a href="../logout.php" onclick="return confirm 88

12 ('Apakah anda akan keluar?');"> <i class="fa fa-power-off"></i> Keluar</a></li> </li>  </nav> } <div id="page-wrapper"> <div class="row"> <div class="col-lg-12"> <h1>home</h1> <ol class="breadcrumb"> <li class="active"><i class="fa fa-dashboard"></i> Homepage</li> </ol> <table width="900"> <td width="250"><div class="tanggal"><h4> language="javascript">document.write(tanggallengkap);</script>< /div> </h4></td> <td align="left" width="30"> - </td> <td align="left" width="620"><h4> <div id="output" class="jam" ></h4></td> </table> <br /> <div class="alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> </button> Silahkan Edit Data Periode Sesuai Dengan NIP Terpilih <div class="alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> </button> Bila Tidak Ada data Periode Terbaru, Harap Input Data Periode Pada Menu Data Golongan Dan Potongan Terlebih Dahulu  <div class="col-lg-12"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title"> <i class="fa fa-user"></i> Edit Data Karyawan </h3> <div class="panel-body"> <div class="table-responsive"> $query=mysql_query ("SELECT * FROM t_pegawai WHERE NIP='$_GET[kd]'"); $data = mysql_fetch_array($query); <form action="insertnewgol.php" method="post"> <table class="table table-condensed"> 89

13 90 <td><label for="nip">nip</label></td> <td><input name="nip" type="text" class="form-control" id="nip" value=" echo $data['nip'];" <td><label for="nama_pegawai">nama Pegawai</label></td> <td><input name="nama_pegawai" type="text" class="form-control" id="nama_pegawai" value=" echo $data['nama_pegawai'];" <td><label for="no_rek">no Rekening</label></td> <td><input name="no_rek" type="text" class="form-control" id="no_rek" value=" echo $data['no_rek'];" <td><label for="alamat">alamat</label></td> <td><input name="alamat" type="text" class="form-control" id="alamat" value=" echo $data['alamat'];" <td><label for="no_telp">no Telepon</label></td> <td><input name="no_telp" type="text" class="form-control" id="no_telp" value=" echo $data['no_telp'];" <td><label for=" "> </label></td> <td><input name=" " type="text" class="form-control" id=" " value=" echo $data[' '];" <td><label for="masuk_kerja">masuk Kerja</label></td> <td><input name="masuk_kerja" type="text" class="form-control" id="masuk_kerja" value=" echo $data['masuk_kerja'];" <td><label for="periode_gol">periode Golongan</label></td> <td><select name="periode_gol" class="form-control" required> $query = "select Periode_gol FROM t_golongan"; $hasil = mysql_query($query); while ($qtabel = mysql_fetch_assoc($hasil)) { echo'<option value="'.$qtabel['periode_gol'].'">'.$qtabel['periode_gol'].'</ option>'; } </select>

14 91 <td><label for="periode_pot">periode Potongan</label></td> <td><select name="periode_pot" class="form-control" required> $query = "select Periode_pot FROM t_potongan"; $hasil = mysql_query($query); while ($qtabel = mysql_fetch_assoc($hasil)) { echo'<option value="'.$qtabel['periode_pot'].'">'.$qtabel['periode_pot'].'</ option>'; } </select> <td><label for="status_pegawai">status Pegawai</label></td> <td><select name="status_pegawai" class="form-control" required> <option value="">--- Pilih Status Pegawai --- </option> <option value="aktif">aktif</option> <option value="nonaktif">non-aktif</option> </select> </td> <td><input type="submit" value="simpan Data" class="btn btn-sm btn-primary"/> <a href="index.php" class="btn btn-sm btnprimary">kembali</a></td> </table> </form> <div class="text-right"> <a href="index.php" data-toggle="tooltip" class="tip-bottom" data-original-title="tooltip Dibawah">View All Transactions <i class="fa fa-arrow-circle-right"></i></a>     src="js/jquery js"></script> src="js/bootstrap.js"></script>  src=" raphael-min.js"></script> src=" min.js"></script> src="js/morris/chart-data-morris.js"></script>

15 92 src="js/tablesorter/jquery.tablesorter.js"></script> src="js/tablesorter/tables.js"></script> </body> </html> d. Coding Tambah Data Potongan session_start(); if (empty($_session['username'])){ echo ">alert('anda belum mempunyai hak akses.'); window.location = '../index.html'</script>"; } else { include "../koneksi.php"; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <meta name="description" content="aplikasi Penggajian Karyawan"> <meta name="author" content="putri Setyoweni"> <title>tambah Data Potongan</title>  <link href="css/bootstrap.css" rel="stylesheet">  <link href="css/sb-admin.css" rel="stylesheet"> <link rel="stylesheet" href="font-awesome/css/fontawesome.min.css">  <link rel="stylesheet" href=" morris min.css"> type="text/javascript"> // 1 detik = 1000 window.settimeout("waktu()",1000); function waktu() { var tanggal = new Date(); settimeout("waktu()",1000); document.getelementbyid("output").innerhtml= tanggal.gethours()+":"+tanggal.getminutes()+":"+tanggal.getseco nds(); } </script> language="javascript"> var tanggallengkap = new String(); var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" "); var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember"); namabulan = namabulan.split(" "); var tgl = new Date(); var hari = tgl.getday();

16 var tanggal = tgl.getdate(); var bulan = tgl.getmonth(); var tahun = tgl.getfullyear(); tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun; var popupwindow = null; function centeredpopup(url,winname,w,h,scroll){ LeftPosition = (screen.width)? (screen.width-w)/2 : 0; TopPosition = (screen.height)? (screen.height-h)/2 : 0; settings='height='+h+',width='+w+',top='+topposition+',left= '+LeftPosition+',scrollbars='+scroll+',resizable' popupwindow = window.open(url,winname,settings) } </script> </head> <body> <div id="wrapper">  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.php"> Aplikasi Penggajian Karyawan</a>  <div class="collapse navbar-collapse navbar-ex1- collapse"> <ul class="nav navbar-nav side-nav"> <li class="active"><a href="index.php"><i class="fa fadashboard"> </i> Data Pegawai</a></li> <li><a href="potongan.php"><i class="fa fa-edit"></i> Data Potongan</a></li> <li><a href="golongan.php"><i class="fa fa-table"></i> Data Golongan</a></li> <li><a href="gaji.php"> <i class="fa fa-table"></i> Proses Gaji</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-caret-square-o-down"></i> Rekap Gaji <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="month.php"> <i class="fa fa-table"></i>month</a></li> </li> <li><a href="tambahuser.php"><i class="fa fa-edit"></i> Tambah User</a></li> 93

17 <ul class="nav navbar-nav navbar-right navbar-user"> <li class="dropdown user-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user"></i> echo $_SESSION['username']; <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#"><i class="fa fa-user"></i> Profile</a></li> <li><a href="google.com/mail"> <i class="fa fa-envelope"> </i> Inbox <span class="badge">7</span></a></li> <li class="divider"></li> <li><a href="../logout.php" onclick="return confirm ('Apakah anda akan keluar?');"> <i class="fa fa-power-off"></i> Keluar</a></li> </li>  </nav> } <div id="page-wrapper"> <div class="row"> <div class="col-lg-12"> <h1>home</h1> <ol class="breadcrumb"> <li class="active"><i class="fa fadashboard"></i> Homepage <table width="900"> <td width="250"><div class="tanggal"><h4> language="javascript">document.write(tanggallengkap);</script> </h4></td> <td align="left" width="30"> - </td> <td align="left" width="620"> <h4><div id="output" class="jam" ></h4></td> </table></li></ol> <br /> <div class="alert alert-success alert-dismissable"> <button type="button" class="close" datadismiss="alert" aria-hidden="true"> </button>  <div class="col-lg-12"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title"><i class="fa fa-user"></i> Data Potongan Karyawan </h3> <div class="panel-body"> <div class="table-responsive"> 94

18 95 $tgl=date('y-m'); //echo $tgl; $query = mysql_query("select NIP FROM t_pegawai"); $data = mysql_fetch_array($query); <form action="insertpotongan.php" method="post"> <table class="table table-condensed"> <td><label for="periode_pot">periode Potongan</label></td> <td><select name="periode_pot" class="form-control" required> $query = "select NIP FROM t_pegawai"; $hasil = mysql_query($query); while ($qtabel = mysql_fetch_assoc($hasil)) { echo'<option value="pot-'.$qtabel['nip'].'-'.$tgl.'"> pot-'.$qtabel['nip'].'-'.$tgl.'</option>'; } </select> <td><label for="potongan_angkop"> Potongan Angsuran Koperasi</label></td> <td><input name="potongan_angkop" type="text" class="formcontrol" id="potongan_angkop" required/></td> placeholder="potongan_angkop" <td><label for="iuran_koperasi">iuran Koperasi</label></td> <td><input name="iuran_koperasi" type="text" class="formcontrol" id="iuran_koperasi" required/></td> placeholder="iuran_koperasi" <td><label for="tabungan_tour">tabungan Tour</label></td> <td><input name="tabungan_tour" type="text" class="formcontrol" id="tabungan_tour" placeholder="tabungan_tour" required/></td> <td><label for="iuran_sosial">iuran Sosial </label></td> <td><input name="iuran_sosial" type="text" class="form-control" id="iuran_sosial" placeholder="iuran_sosial" required/></td> <td><label for="tambahan_shmkop"> Tambahan Saham Koperasi</label></td>

19 96 <td><input name="tambahan_shmkop" type="text" class="formcontrol" id="tambahan_shmkop" placeholder="tambahan_shmkop" required/></td> <td><label for="arisan_tabkop">arisan Tabungan Koperasi</label></td> <td><input name="arisan_tabkop" type="text" class="formcontrol" id="arisan_tabkop" placeholder="arisan_tabkop" required/></td> <td><input type="submit" value="simpan Data" class="btn btn-sm btn-primary"/> <a href="index.php" class="btn btn-sm btnprimary">kembali</a></td> </table> </form> <div class="text-right"> <a href="potongan.php" data-toggle="tooltip" class="tip-bottom" data-original-title="tooltip Dibawah">View All Transactions <i class="fa fa-arrow-circle-right"></i></a>     src="js/jquery js"></script> src="js/bootstrap.js"></script>  src=" raphael-min.js"></script> src=" min.js"></script> src="js/morris/chart-data-morris.js"></script> src="js/tablesorter/jquery.tablesorter.js"></script> src="js/tablesorter/tables.js"></script> </body> </html> e. Coding Preview Proses Gaji session_start(); if (empty($_session['username'])){ echo ">alert ('Anda belum mempunyai hak akses.');

20 window.location = '../index.html'</script>"; } else { include "../koneksi.php"; include("mpdf/mpdf.php"); <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <meta name="description" content="aplikasi Penggajian Karyawan"> <meta name="author" content="putri Setyoweni"> <title>gaji Pegawai</title>  <link href="css/bootstrap.css" rel="stylesheet">  <link href="css/sb-admin.css" rel="stylesheet"> <link rel="stylesheet" href="font-awesome/css/fontawesome.min.css">  <link rel="stylesheet" href=" morris min.css"> type="text/javascript"> // 1 detik = 1000 window.settimeout("waktu()",1000); function waktu() { var tanggal = new Date(); settimeout("waktu()",1000); document.getelementbyid("output").innerhtml = tanggal.gethours()+":"+tanggal.getminutes()+":"+tanggal.getseco nds(); } </script> language="javascript"> var tanggallengkap = new String(); var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" "); var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember"); namabulan = namabulan.split(" "); var tgl = new Date(); var hari = tgl.getday(); var tanggal = tgl.getdate(); var bulan = tgl.getmonth(); var tahun = tgl.getfullyear(); tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun; var popupwindow = null; function centeredpopup(url,winname,w,h,scroll){ LeftPosition = (screen.width)? (screen.width-w)/2 : 0; TopPosition = (screen.height)? (screen.height-h)/2 : 0; settings='height='+h+',width='+w+',top='+topposition+',left= '+LeftPosition+',scrollbars='+scroll+',resizable' popupwindow = window.open(url,winname,settings) } 97

21 98 </script> </head> <body> <div id="wrapper">  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.php">aplikasi Penggajian Pegawai</a>  <div class="collapse navbar-collapse navbar-ex1- collapse"> <ul class="nav navbar-nav side-nav"> <li class="active"><a href="index.php"> <i class="fa fa-dashboard"></i> Data Pegawai</a></li> <li><a href="potongan.php"> <i class="fa fa-edit"></i> Data Potongan</a></li> <li><a href="golongan.php"> <i class="fa fa-table"></i> Data Golongan</a></li> <li><a href="gaji.php"><i class="fa fa-table"></i> Proses Gaji</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-caret-square-o-down"></i> Rekap Gaji <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="month.php"><i class="fa fatable"></i>month</a></li> </li> <li><a href="tambahuser.php"> <i class="fa fa-edit"></i> Tambah User</a></li> <ul class="nav navbar-nav navbar-right navbar-user"> <li class="dropdown user-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user"></i> echo $_SESSION['username']; <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#"><i class="fa fa-user"></i> Profile</a></li> <li><a href="google.com/mail"><i class="fa fa-envelope"></i> Inbox

22 <span class="badge">7</span></a></li> <li class="divider"></li> <li><a href="../logout.php" onclick="return confirm ('Apakah anda akan keluar?');"> <i class="fa fa-power-off"></i> Keluar</a></li> </li>  </nav> } <div id="page-wrapper"> <div class="row"> <div class="col-lg-12"> <h1>home</h1> <ol class="breadcrumb"> <li class="active"><i class="fa fadashboard"></i> Homepage</li> </ol> <table width="900"> <td width="250"><div class="tanggal"><h4> language="javascript">document.write(tanggallengkap); </script> </h4> </td> <td align="left" width="30"> - </td> <td align="left" width="620"> <h4><div id="output" class="jam" ></h4></td> </table> <br /> <div class="alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> </button> Silahkan klik data gaji sesuai dengan NIP terpilih untuk disimpan dan cetak  <div class="col-lg-12"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title"><i class="fa fa-user"> </i> Gaji Pegawai </h3> <div class="panel-body"> <div class="table-responsive"> $cetaknip = ""; $cetaknama = ""; $cetakgol = ""; $cetakpot = ""; $cetakgajipokok = ""; $cetaktkeluarga = ""; $cetakjmlanak = ""; $cetaktottkeluarga = ""; $cetaktrumah = ""; $cetakmasa = ""; 99

23 100 $cetakkesejahteraan = ""; $cetakinflasi = ""; $cetakfungsional = ""; $cetakpotpegawai = ""; $cetakpot1 = ""; $cetakkesehatan = ""; $cetakpot2 = ""; $cetakpensiun = ""; $cetakpot3 = ""; $cetakpph = ""; $cetakpot4 = ""; $cetakangkop = ""; $cetakiurankop = ""; $cetaktour = ""; $cetakiuransos = ""; $cetakshm = ""; $cetakarisan = ""; $cetakgk = ""; $cetaktottun = ""; $cetaktotpot = ""; $cetaktotgaji = ""; $query = mysql_query("select t_pegawai.nip,t_pegawai.nama_pegawai, t_pegawai.periode_gol, t_pegawai.periode_pot, t_golongan.gaji_pokok, t_golongan.tunjangan_keluarga,t_golongan.tunjangan_perumahan, t_golongan.tunjangan_masakerja,t_golongan.tunjangan_kesejahtera an, t_golongan.tunjangan_inflasi,t_golongan.tunjangan_fungsional, t_golongan.potongan_pegawai, t_golongan.potongan_kesehatan, t_golongan.potongan_pensiun,t_golongan.potongan_pph,t_golongan. Jumlah_anak,t_potongan.Potongan_angkop,t_potongan.Iuran_koperas i, t_potongan.tabungan_tour,t_potongan.iuran_sosial, t_potongan.tambahan_shmkop, t_potongan.arisan_tabkop FROM t_pegawai JOIN t_golongan ON t_golongan.periode_gol=t_pegawai.periode_gol JOIN t_potongan ON t_potongan.periode_pot=t_pegawai.periode_pot WHERE NIP='$_GET[kd]'"); $data = mysql_fetch_array($query); $no= 001; $cetakno = $no++; $cetaknip = $data['nip']; $cetaknama = $data['nama_pegawai']; $cetakgol = $data['periode_gol']; $cetakpot = $data['periode_pot']; $cetakgajipokok = $data['gaji_pokok']; $cetaktkeluarga = $data['tunjangan_keluarga']; $cetakjmlanak = $data['jumlah_anak']; $cetaktottkeluarga = $cetaktkeluarga * $cetakjmlanak; $cetaktrumah = $data['tunjangan_perumahan']; $cetakmasa = $data['tunjangan_masakerja']; $cetakkesejahteraan = $data['tunjangan_kesejahteraan']; $cetakinflasi = $data['tunjangan_inflasi']; $cetakfungsional = $data['tunjangan_fungsional']; $cetakpotpegawai = $data['potongan_pegawai']; $cetakpot1 = $cetakpotpegawai * $cetakgajipokok; $cetakkesehatan = $data['potongan_kesehatan']; $cetakpot2 = $cetakkesehatan * $cetakgajipokok; $cetakpensiun = $data['potongan_pensiun'];

24 101 $cetakpot3 = $cetakpensiun * $cetakgajipokok; $cetakpph = $data['potongan_pph']; $cetakpot4 = $cetakpph * $cetakgajipokok; $cetakangkop = $data['potongan_angkop']; $cetakiurankop = $data['iuran_koperasi']; $cetaktour = $data['tabungan_tour']; $cetakiuransos = $data['iuran_sosial']; $cetakshm = $data['tambahan_shmkop']; $cetakarisan = $data['arisan_tabkop']; $cetaktottun = $cetaktottkeluarga + $cetaktrumah + $cetakmasa + $cetakkesejahteraan + $cetakinflasi + $cetakfungsional; $cetakgk = $cetakgajipokok + $cetaktottun; $cetaktotpot = $cetakpot1 + $cetakpot2 + $cetakpot3 + $cetakpot4 + $cetakangkop + $cetakiurankop + $cetaktour + $cetakiuransos + $cetakshm + $cetakarisan; $cetaktotgaji = ($cetakgajipokok + $cetaktottun) - $cetaktotpot; <form action="savegaji.php" method="post"> <table class="table table-condensed"> <td><label for="nip">nip</label></td> <td><input name="nip" type="text" class="form-control" id="nip" value=" echo $cetaknip;" <td><label for="nama_pegawai">nama Pegawai</label></td> <td><input name="nama_pegawai" type="text" class="form-control" id="nama_pegawai" value=" echo $cetaknama;" <td><label for="no_gaji">no Gaji</label></td> <td><input name="no_gaji" type="text" class="form-control" id="no_gaji" value="---"/></td> <td><label for="tanggal_gaji">tanggal Gaji</label></td> <td><input name="tanggal_gaji" type="text" class="form-control" id="tanggal_gaji" value="yyyy-mm-dd"/></td> <td><label for="periode_gol">periode Golongan</label></td> <td><input name="periode_gol" type="text" class="form-control" id="periode_gol" value=" echo $cetakgol;" <td><label for="periode_pot">periode Potongan</label></td> <td><input name="periode_pot" type="text" class="form-control" id="periode_pot" value=" echo $cetakpot;" <td><label for="total_gk">gaji Kotor</label></td> <td><input name="total_gk" type="text" class="form-control"

25 102 id="total_gk" value=" echo $cetakgk;" <td><label for="total_potongan">total Potongan</label></td> <td><input name="total_potongan" type="text" class="formcontrol" id="total_potongan" value=" echo $cetaktotpot;" <td><label for="total_gaji">total Gaji</label></td> <td><input name="total_gaji" type="text" class="form-control" id="total_gaji" value=" echo $cetaktotgaji;" <td><label for="status">status Gaji</label></td> <td><select name="status" class="form-control" required> <option value="">--- Pilih Status Gaji --- </option> <option value="bayar">bayar</option> <option value="tunda">tunda</option> </select> </td> <td><input type="submit" value="simpan Data" class="btn btn-sm btn-primary"/> <a href="indexpdf.php" class="btn btn-sm btn-primary">cetak</a> <a href="prosesgaji.php" class="btn btn-sm btnprimary">kembali</a></td> </table> </form> <div class="text-right"> <a href="index.php" data-toggle="tooltip" class="tip-bottom" data-original-title="tooltip Dibawah">View All Transactions <i class="fa fa-arrow-circle-right"></i></a>     src="js/jquery js"></script> src="js/bootstrap.js"></script>  src=" raphael-min.js"></script> src=" min.js"></script> src="js/morris/chart-data-morris.js"></script>

26 103 src="js/tablesorter/jquery.tablesorter.js"></script> src="js/tablesorter/tables.js"></script> </body> </html> f. Coding Index Pegawai session_start(); if (empty($_session['username'])){ header('location:../login.html'); } else { include "../koneksi.php"; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <meta name="description" content="aplikasi Penggajian Karyawan"> <meta name="author" content="putri Setyoweni"> <title>aplikasi Penggajian</title>  <link href="css/bootstrap.css" rel="stylesheet">  <link href="css/sb-admin.css" rel="stylesheet"> <link rel="stylesheet" href="font-awesome/css/fontawesome.min.css">  <link rel="stylesheet" href=" morris min.css"> type="text/javascript"> // 1 detik = 1000 window.settimeout("waktu()",1000); function waktu() { var tanggal = new Date(); settimeout("waktu()",1000); document.getelementbyid("output").innerhtml= tanggal.gethours()+":"+tanggal.getminutes()+":"+tanggal.getseco nds(); } </script> language="javascript"> var tanggallengkap = new String(); var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); namahari = namahari.split(" "); var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember"); namabulan = namabulan.split(" "); var tgl = new Date(); var hari = tgl.getday(); var tanggal = tgl.getdate(); var bulan = tgl.getmonth();

27 104 var tahun = tgl.getfullyear(); tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun; var popupwindow = null; function centeredpopup(url,winname,w,h,scroll){ LeftPosition = (screen.width)? (screen.width-w)/2 : 0; TopPosition = (screen.height)? (screen.height-h)/2 : 0; settings='height='+h+',width='+w+',top='+topposition+',left= '+LeftPosition+',scrollbars='+scroll+',resizable' popupwindow = window.open(url,winname,settings) } </script> </head> <body> <div id="wrapper">  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.php">aplikasi Penggajian Pegawai</a>  <div class="collapse navbar-collapse navbar-ex1- collapse"> <ul class="nav navbar-nav side-nav"> <li class="active"><a href="index.php"><i class="fa fadashboard"> </i> Data Pegawai</a></li> <li><a href="rekap.php"><i class="fa fa-table"></i> Rekap Gaji </a></li> <li><a href="gantipass.php"> <i class="fa fa-edit"></i> Ganti Password</a></li> <ul class="nav navbar-nav navbar-right navbar-user"> <li class="dropdown user-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user"></i> Hallo, echo $_SESSION['username']; <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#"><i class="fa fa-user"></i> Profil</a></li> <li><a href="google.com/mail"><i class="fa fa-envelope"></i> Pesan Masuk <span class="badge">7</span></a></li> <li class="divider"></li>

28 105 <li><a href="../logout.php" onclick="return confirm ('Apakah anda akan keluar?');"><i class="fa fa-power-off"></i> Keluar </a></li> </li>  </nav> } <div id="page-wrapper"> <div class="row"> <div class="col-lg-12"> <h1>home </h1> <ol class="breadcrumb"> <li class="active"><i class="fa fadashboard"></i> Homepage <table width="900"> <td width="250"> <div class="tanggal"><h4> language="javascript">document.write(tanggallengkap);</script> </h4></td> <td align="left" width="30"> - </td> <td align="left" width="620"> <h4><div id="output" class="jam" > </h4></td> </table></li></ol> <br />  <div class="col-lg-12"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title"><i class="fa fauser"></i> Data Karyawan </h3> <div class="panel-body"> <div class="table-responsive"> $id=$_session['username']; $tampil=mysql_query("select * from t_pegawai where NIP LIKE '$id' "); <table class="table table-bordered table-hover table-striped tablesorter"> $id1=$_session['username']; $tampil1=mysql_query("select * from t_pegawai where NIP LIKE '$id' "); $data1=mysql_fetch_array($tampil1); <td><label for="nama_pegawai">nama:</label></td>

29 106 <td><input name="nama_pegawai" type="text" class="form-control" id="nama_pegawai" value=" echo $data1['nama_pegawai'];" <td> <label for="nip">nip:</label></td> <td><input name="nip" type="text" class="form-control" id="nip" value=" echo $data1['nip'];" <td> <label for="masuk_kerja">masuk Kerja:</label></td> <td><input name="masuk_kerja" type="text" class="form-control" id="masuk_kerja" value=" echo $data1['masuk_kerja'];" <td> <label for="periode_gol">periode Golongan:</label></td> <td><input name="periode_gol" type="text" class="form-control" id="periode_gol" value=" echo $data1['periode_gol'];" <td><label for="no_rekening">no Rekening:</label></td> <td><input name="no_rekening" type="text" class="form-control" id="no_rekening" value=" echo $data1['no_rek'];" <td> <label for="alamat">alamat:</label></td> <td><input name="alamat" type="text" class="form-control" id="alamat" value=" echo $data1['alamat'];" <td> <label for="no_telp">no telp:</label></td> <td><input name="no_telp" type="text" class="form-control" id="no_telp" value=" echo $data1['no_telp'];"

30 107 <td> <label for=" "> </label></td> <td><input name=" " type="text" class="form-control" id=" " value=" echo $data1[' '];" </table> <table class="table table-bordered table-hover tablestriped tablesorter"> <th>no<i class="fa fa-sort"></i></th> <th>nip <i class="fa fa-sort"></i></th> <th>nama Pegawai <i class="fa fasort"></i></th> <th>no Rek <i class="fa fasort"></i></th> <th>alamat <i class="fa fasort"></i></th> <th>no Telp <i class="fa fasort"></i></th> <th> <i class="fa fa-sort"></i></th> <th>periode Gol <i class="fa fa-sort"></i></th> <th>periode Pot <i class="fa fa-sort"></i></th> <th>aksi <i class="fa fa-sort"></i></th> $no = 1; while($data=mysql_fetch_array($tampil)) { <td> echo $no++ ; </td> <td><i class="fa fa-user"></i> echo $data['nip']; </a></td> <td> echo $data['nama_pegawai']; </td> <td> echo $data['no_rek']; </td> <td> echo $data['alamat']; </td> <td> echo $data['no_telp']; </td> <td> echo $data[' ']; </td> <td> echo $data['periode_gol']; </td> <td> echo $data['periode_pot']; </td> <td><a class="btn btn-sm btn-primary" href="edit.php?hal=edit&kd= echo $data['nip'];"> <i class="fa fa-edit"></i> Edit</a></td> } </tbody> </table>

31 108   <footer> </footer>  src="js/jquery js"></script> src="js/bootstrap.js"></script>  src=" raphael-min.js"></script> src=" min.js"></script> src="js/morris/chart-data-morris.js"></script> src="js/tablesorter/jquery.tablesorter.js"></script> src="js/tablesorter/tables.js"></script> </body> </html>

32 109

33 110

LAMPIRAN. Index.php. <?php. unset($_session["status"]); //session_destroy(); //session_destroy();

LAMPIRAN. Index.php. <?php. unset($_session[status]); //session_destroy(); //session_destroy(); LAMPIRAN Index.php unset($_session["status"]); //session_destroy(); //session_destroy();?>