Simpeg Sistem Informasi Penggajian

20
1 | Derry Arif Rachman Menampilkan Slip GajiMembuat Simpeg Sederhana php mysql + twitter bootstrapSOAL UJI PROGRAM WAKTU : 160 MENIT Perusahaan sepatu yang berlokasi di cibaduyut, tepatnya “PT. UJI” mengalami perkembangan yang sangat pesat (desentralisasi), sehingga membutuhkan sistem penggajian yang terintegrasi berbasis web. Adapun kebutuhan aplikasi web tersebut harus menghasilkan output berupa slip gaji pegawai. Ketentuannya adalah : 1. Buat sebuah database berdasarkan Slip Gaji Pegawai. (Waktu : 45 menit) Keterangan : Jika jawaban anda BENAR anda bisa melanjutkan ke soal No.2, jika SALAH maka dinyatakan TIDAK LULUS 2. Buatlah program berdasarkan database yang telah anda buat di atas dengan beberapa fasilitas yaitu Tambah, Simpan, Edit, Hapus, Batal dan Cari. (Waktu : 115 menit) 3. Tunjangan dihitung 10% dari gaji pokok (otomatis) 4. Halaman satu dengan yang lain harus saling terintegrasi (gunakan hyperlink)

description

UJI PROGRAM UNIKOM

Transcript of Simpeg Sistem Informasi Penggajian

Page 1: Simpeg Sistem Informasi Penggajian

1 | D e r r y A r i f R a c h m a n

“Menampilkan Slip Gaji”

“Membuat Simpeg Sederhana php mysql + twitter bootstrap”

SOAL UJI PROGRAM

WAKTU : 160 MENIT

Perusahaan sepatu yang berlokasi di cibaduyut, tepatnya “PT. UJI” mengalami

perkembangan yang sangat pesat (desentralisasi), sehingga membutuhkan sistem penggajian

yang terintegrasi berbasis web.

Adapun kebutuhan aplikasi web tersebut harus menghasilkan output berupa slip gaji pegawai.

Ketentuannya adalah :

1. Buat sebuah database berdasarkan Slip Gaji Pegawai. (Waktu : 45 menit) Keterangan :

Jika jawaban anda BENAR anda bisa melanjutkan ke soal No.2, jika SALAH maka

dinyatakan TIDAK LULUS

2. Buatlah program berdasarkan database yang telah anda buat di atas dengan beberapa

fasilitas yaitu Tambah, Simpan, Edit, Hapus, Batal dan Cari. (Waktu : 115 menit)

3. Tunjangan dihitung 10% dari gaji pokok (otomatis)

4. Halaman satu dengan yang lain harus saling terintegrasi (gunakan hyperlink)

Page 2: Simpeg Sistem Informasi Penggajian

2 | D e r r y A r i f R a c h m a n

Pertama saya ingin menampilkan web sebagai berikut, web tersebut menggunakan twitter

boostrap untuk desainnya, anda bisa mendownload css booststrap di link berikut

http://getbootstrap.com/2.3.2/ berikut tampilan web yang akan saya buat:

Komponen file php yang harus anda sediakan adalah sebagai berikut :

Page 3: Simpeg Sistem Informasi Penggajian

3 | D e r r y A r i f R a c h m a n

1. Buat folder bernama simpeg di dalam C:\xampp\htdocs\simpeg

2. Copy file bootstrap yang telah anda download ke folder simpeg.

3. Kemudian buat file header.php dan footer.php

Header.php

Script header.php ini fungsinya untuk menampilkan desain web bagian atas.

Footer.php

Script header.php ini fungsinya untuk menampilkan desain web bagian bawah.

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css"/>

<link type="text/css" href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />

<script src="bootstrap/js/bootstrap.js"></script>

<div class="container"><div class="navbar"><div class="navbar-inner">

<div class="container"> <ul class="nav">

<li class="active"><a href="index.php"><span class="icon-home"></span>DATA SLIP </a></li>

<li><a href="data_view.php"><span class="icon-user"></span>DATA PEGAWAI </a></li>

<li><a href="gaji_view.php"><span class="icon-star"></span>DATA Gaji Pegawai</a></li>

</ul>

</div></div></div>

<div class="thumbnail">

</div></div></div></div>

<div class="navbar navbar-fixed-bottom">

<div class="footer">

<p align="center"> &COPY; Derry Arif Rachman | Uji Program <a

href="http://unikom.ac.id">Unikom</a></p>

</div></div>

Page 4: Simpeg Sistem Informasi Penggajian

4 | D e r r y A r i f R a c h m a n

Sekarang kita akan menjawab soal pertama, yaitu membuat sebuah database, sekarang silahkan

anda buka aplikasi browser anda http://localhost/phpmyadmin/ :

1. Buat database ujiprogram.sql dengan 2 table , table pertama adalah table gaji.sql table

ke 2 adalah table pegawai.sql. disini kita akan belajar bagaimana merelasikan data antar

table dengan JOIN table yang akan kita bahas selanjutnya. CARANYA :

2. Buka notepad lalu copy code di bawah ke notepad kemudian simpan dengan nama

ujiprogram.sql.

Berikut code database dari ujiprogram.sql :

-- phpMyAdmin SQL Dump

-- version 3.3.9

-- http://www.phpmyadmin.net

--

-- Host: localhost

-- Waktu pembuatan: 13. Februari 2014 jam 18:21

-- Versi Server: 5.5.8

-- Versi PHP: 5.3.5

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;

/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;

/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;

/*!40101 SET NAMES utf8 */;

--

-- Database: `ujiprogram`

--

-- --------------------------------------------------------

--

-- Struktur dari tabel `gaji`

--

CREATE TABLE IF NOT EXISTS `gaji` (

`nip` varchar(9) NOT NULL,

`no_slip` varchar(10) NOT NULL,

`gaji` int(9) NOT NULL,

`tunj` int(9) NOT NULL,

`total` int(9) NOT NULL,

`waktu` date NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--

-- Dumping data untuk tabel `gaji`

--

INSERT INTO `gaji` (`nip`, `no_slip`, `gaji`, `tunj`, `total`, `waktu`)

VALUES

('10510666', 'NT-01', 13000000, 1300000, 14300000, '2014-01-27'),

Page 5: Simpeg Sistem Informasi Penggajian

5 | D e r r y A r i f R a c h m a n

('10510667', 'NT-02', 5000000, 500000, 5500000, '2014-01-01'),

('10510663', 'NT-05', 4000000, 400000, 4400000, '2014-06-25');

-- --------------------------------------------------------

--

-- Struktur dari tabel `pegawai`

--

CREATE TABLE IF NOT EXISTS `pegawai` (

`nip` varchar(9) NOT NULL,

`nama` varchar(150) NOT NULL,

`tlp` bigint(12) NOT NULL,

`alamat` text NOT NULL,

PRIMARY KEY (`nip`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--

-- Dumping data untuk tabel `pegawai`

--

INSERT INTO `pegawai` (`nip`, `nama`, `tlp`, `alamat`) VALUES

('10510663', 'Norman Aditia', 85777888999, ' Jl.Sumedang No 20'),

('10510666', 'Derry Arif Rachman', 85759011427, 'Jl.Cihamplas No 232

Bandung'),

('10510667', 'Widi Haryono', 85620343637, 'Jl CImenyan');

1. Setelah membuat file di atas, lihat browser http://localhost/phpmyadmin/ tadi dan cari

IMPORT kemudian klik.

2. Ada tombol telusuri atau search kemudian klik dan cari file ujiprogram.sql tadi yang

telah anda buat kemudian pilih go.

3. Selesai. Hasilnya seperti di bawah ini:

Page 6: Simpeg Sistem Informasi Penggajian

6 | D e r r y A r i f R a c h m a n

Table gaji.sql :

Table pegawai.sql :

Sekarang kita buat daftar pegawai nya, berikut gambaran hasil screenshoot yang saya ambil..

Page 7: Simpeg Sistem Informasi Penggajian

7 | D e r r y A r i f R a c h m a n

Membuat koneksi ke database :

1. Buat dulu file koneksi.php di dreamweaver, notepad, ultraedit, atau netbeans terserah

anda mau pake yang mana asala bisa pake nya aja kalo saya pake netbeans.

Buat file data.php dan simpan di folder simpeg tadi:

Setelah membuat file dan mengcopy data di atas, silahkan lihat tampilan outputnya sudah sama

seperti gambar d bawah ini atau belum…

Silahkan buka hasilnya di http://localhost/simpeg/data.php pada browser anda.

<?php $host = "localhost"; $user = "root"; $pass = ""; $db = "ujiprogram"; $conn =mysql_connect($host, $user, $pass); if(!$conn){ echo "koneksi gagal".mysql_error(); exit(); } mysql_select_db($db); ?>

<?php include 'header.php' // file ini maksudnya agar si file header yang sudah kita buat bisa tampil di bagian atas ?> <h3 align="center">Data Nama dan NIP Pegawai</h3><hr/> <form action="db_data.php" method="POST"> <table border="0" class="table" align="center"> <tr><td>Nip</td><td><input type="text" name="nip" /><td></tr> <tr><td>Nama</td><td><input type="text" name="nama" /></td></tr> <tr><td>Telfon</td><td><input type="text" name="tlp" /><td></tr> <tr><td>Alamat</td><td><textarea type="text" name="alamat"></textarea></td></tr> <tr><td></td><td><input type="submit" class="btn btn-success" value="Oke"/>|<input type="reset" class="btn btn-success" value="No"/></td></tr> </table> </form> <? include 'footer.php' // file ini maksudnya agar si file footer yang sudah kita buat bisa tampil di bagian bawah ?>

Page 8: Simpeg Sistem Informasi Penggajian

8 | D e r r y A r i f R a c h m a n

Kemudia buat db_data.php untuk membuat coding insert ke database, supaya web yang ada

di atas bisa bekerja sebagaimana mestinya:

Setelah file di atas di buat anda sudah bisa menginput data sesuai dengan slip gaji yang ada di

halaman 1, tapi kita belum bisa menampilkan data tersebut di web ini. Nah sekarang kita buat

file php untuk menampikan data tersebut. Berikut sitaxks nya

<?php include 'koneksi.php'; extract($_POST); $sql="INSERT INTO pegawai (nip, nama, tlp, alamat) VALUE ('$nip','$nama','$tlp','$alamat')"; //Query memasukan data $result = mysql_query($sql); //menguji koneksi if(!$result){ die("Data gagal dimasukkan ".mysql_error()); }else{ header('Location: data_view.php'); //fungsinya supaya pas tekan oke akan menampilkan data } mysql_close($conn); ?>

Page 9: Simpeg Sistem Informasi Penggajian

9 | D e r r y A r i f R a c h m a n

Buat file data_view.php:

<?php include 'koneksi.php'; include 'header.php'; $sql="SELECT * FROM pegawai"; $result= mysql_query($sql); ?> <h3 align="center">Daftar Pegawai</h3><hr/> <p align="center"><a href="data.php"class="btn btn-danger" ><span class="icon-plus"></span>tambah data</a></p> <table border="0" class="table" align="center"> <tr><th>Nip </th> <th> Nama </th> <th> Telpon </th> <th> Alamat </th> <th> Action </th> <th> Drop </th></tr> <?php if(mysql_num_rows($result)==0){ ?> Data masih kosong <?php }else{ ?> <?php while($data= mysql_fetch_array($result)){?> <td><?php echo $data['nip']; ?></td> <td><?php echo $data['nama']; ?></td> <td><?php echo $data['tlp']; ?></td> <td><?php echo $data['alamat']; ?></td> <td><a href="data_edit.php?nip=<?php echo $data['nip']; ?>" class="btn btn-primary"><i class="icon-pencil"></i>Edit</a></td> <td><a href="data_hapus.php?nip=<?php echo $data['nip'] ?>" onclick="return confirm('Apakah Anda yakin ingin menghapus <?php echo $data['nama'] ?>?')" class="btn btn-success"><i class="icon-remove-sign"></i>Delete</a></td> </tr> <?php } ?> <?php } ?></table> <?php include 'footer.php'; ?>

Page 10: Simpeg Sistem Informasi Penggajian

10 | D e r r y A r i f R a c h m a n

Untuk sementara ini tombol TAMBAH sudah dapat di gunakan lihat di

http://localhost/simpeg/data_view.php tetapi tombol EDIT dan DELETE belum dapat di

gunakan. Nah sekarang kita akan membuat supaya tombol DELETE nya bisa di gunakan, Untuk

dapat menggunakannya kita harus membuat file data_hapus.php

Berikut code data_hapus.php:

Tombol delete sudah dapat di gunakan sekarang tinggal tombol EDIT , buatlah file php berikut:

Data_edit.php

<?php include 'koneksi.php'; extract($_GET); //cara1 $id=$_GET['nip']; //cara2 $sql="DELETE FROM pegawai WHERE nip=$nip "; $result=mysql_query($sql); if(!$result){ die('Data gagal dihapus'.mysql_error()); }else{ header('Location:data_view.php'); } ?>

<?php include "koneksi.php"; include 'header.php'; if (isset($_GET['nip'])) { $nip = $_GET['nip']; } else { die ("Error. No nip Selected! "); } $query = "SELECT * FROM pegawai WHERE nip=$nip"; $sql = mysql_query ($query); $hasil = mysql_fetch_array ($sql); $nip = $hasil['nip']; $nama = $hasil['nama']; $tlp = $hasil['tlp']; $alamat = $hasil['alamat'];

Page 11: Simpeg Sistem Informasi Penggajian

11 | D e r r y A r i f R a c h m a n

Sekarang semua tombol sudah berfungsi di tahap ini, kita lanjut kembali ke modul berikutnya

pada website ini…. Oke !

//proses edit berita if (isset($_POST['Edit'])) { $nip= $_POST['nip']; $nama = $_POST['nama']; $tlp = $_POST['tlp']; $alamat = $_POST['alamat']; //update data $query = "UPDATE pegawai SET nip='$nip', nama='$nama',tlp='$tlp',alamat='$alamat' WHERE nip='$nip'"; $sql = mysql_query ($query); if ($sql) { echo "<h2><font color=blue>Data Pegawai telah berhasil diedit</font></h2>"; } else { echo "<h2><font color=red>Data Pegawai gagal diedit</font></h2>"; } } ?> <div id="content"> <h2 align="center">Edit Data Pegawai</h2> <FORM ACTION="" METHOD="POST" NAME="input" enctype="multipart/form-data"> <table class="table" border="0" width="700"> <tr> <td width="200">NIP</td> <td>: <input type="text" name="nip" size="30" maxlength="30" value="<?=$nip?>"></td></tr> <tr><td>Nama</td> <td>: <input type="text" name="nama" size="30" maxlength="30" value="<?=$nama?>"></td></tr> <tr><td>Telpon</td> <td>: <input type="text" name="tlp" value="<?=$tlp?>"></td></tr> <tr><td>Alamat</td> <td>: <textarea type="text" name="alamat"> <?=$alamat?></textarea></td> </tr> <tr><td></td><td><input type="submit" class="btn btn-danger" name="Edit" value="Edit Data"></tr> </table> </FORM> </div> <?php include 'footer.php' ?>

Page 12: Simpeg Sistem Informasi Penggajian

12 | D e r r y A r i f R a c h m a n

Sekarang kita coba tampilkan web simpeg daftar gaji pegawai seperti di bawah ini…

Sekarang saya pengen langsung buat tampilan web di atas dengan dara membuat file

gaji_view.php :

<?php include 'koneksi.php'; include 'header.php'; $sql="SELECT * FROM gaji"; $result= mysql_query($sql); ?> <h3 align="center">Daftar Gaji Pegawai</h3><hr/> <p align="center"><a href="gaji.php"class="btn btn-danger" ><span class="icon-plus"></span>tambah data</a></p> <table border="0" class="table" align="center"> <tr><th>No Slip</th> <th>Nip</th> <th>Waktu</th> <th>Gaji Pokok</th> <th>Tunjangan</th> <th>Total</th> <th> Action </th> <th> Drop </th></tr>

Page 13: Simpeg Sistem Informasi Penggajian

13 | D e r r y A r i f R a c h m a n

Sekarang kita buat tombol tambah gambar di ata berfungsi sehingga ketika kita klik tambah

maka akan menampilkan web pada gambar di bawah ini :

Buat file gaji.php :

<?php if(mysql_num_rows($result)==0){ ?> Data masih kosong <?php }else{ ?> <?php while($data= mysql_fetch_array($result)){?> <td><?php echo $data['no_slip']; ?></td> <td><?php echo $data['nip']; ?></td> <td><?php echo $data['waktu']; ?></td> <td><?php echo $data['gaji']; ?></td> <td><?php echo $data['tunj']; ?></td> <td><?php echo $data['total']; ?></td> <td><a href="gaji_edit.php?nip=<?php echo $data['nip']; ?>" class="btn btn-primary"><i class="icon-pencil"></i>Edit</a></td> <td><a href="gaji_hapus.php?nip=<?php echo $data['nip'] ?>" onclick="return confirm('Apakah Anda yakin ingin menghapus <?php echo $data['nama'] ?>?')" class="btn btn-success"><i class="icon-remove-sign"></i>Delete</a></td> </tr> <?php } ?> <?php } ?> </table> <?php include 'footer.php'; ?>

Page 14: Simpeg Sistem Informasi Penggajian

14 | D e r r y A r i f R a c h m a n

Untuk menyimpan data ke database kita harus menyiapkan file db_gaji.php

<? include 'header.php'; ?> <h3 align="center">Data Gaji Pegawai</h3><hr/> <form action="db_gaji.php" method="POST"> <table class="table" border="0" align="center"> <tr><td>No Slip</td><td><input type="text" class="form-medium" name="slip"/></td></tr> <tr><td>Nip</td><td><input type="text" class="form-control" name="nip"/></td></tr> <tr><td>Gaji Pokok</td><td><input type="text" class="form-control" name="gaji"/></td></tr> <tr><td>Tanggal</td> <td><select name="tgl"> <? for ($i=1; $i<=31; $i++) { $tg = ($i<10) ? "0$i" : $i; echo "<option value='$tg'>$tg</option>"; } ?> </select> - <select name="bln"> <? for ($i=1; $i<=12; $i++) { $bl = ($i<10) ? "0$i" : $i; echo "<option value='$bl'>$bl</option>"; } ?> </select> - <select name="thn"> <? for ($i=1970; $i<=2020; $i++) { echo "<option value='$i'>$i</option>"; } ?> </select></td></tr> <tr><td></td><td><input type="submit" class="btn btn-primary" value="Oke"/>|<input type="reset" class="btn btn-primary" value="No"/></td></tr> </table> </form> <? include 'footer.php'; ?>

<?php include 'koneksi.php'; extract($_POST); $waktu = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl']; $gaji = $_POST['gaji'];

Page 15: Simpeg Sistem Informasi Penggajian

15 | D e r r y A r i f R a c h m a n

Sampai disini kita sudah bisa menambah data dari dari web http://localhost/simpeg/gaji.php dan

menampilkan nya di http://localhost/simpeg/gaji_view.php , sekarang tinggal membuat tombol

EDIT dan tombol DELETE nya berfungsi :

Untuk itu kita buat dulu tombol deletenya berfungsi dengan membuat file gaji_delete.php

Kita buat tobol EDIT nya berfungsi dengan membuat gaji_edit.php :

<?php include 'koneksi.php'; extract($_GET); //cara1 $id=$_GET['nip']; //cara2 $sql="DELETE FROM gaji WHERE nip=$nip "; $result=mysql_query($sql); if(!$result){ die('Data gagal dihapus'.mysql_error()); }else{ header('Location:gaji_view.php'); } ?>

Page 16: Simpeg Sistem Informasi Penggajian

16 | D e r r y A r i f R a c h m a n

<?php include "koneksi.php"; include 'header.php'; if (isset($_GET['nip'])) { $nip = $_GET['nip']; } else { die ("Error. No id Selected! "); } $query = "SELECT * FROM gaji WHERE nip=$nip"; $sql = mysql_query ($query); $hasil = mysql_fetch_array ($sql); list($thn,$bln,$tgl) = explode ("-",$hasil['waktu']); $nip = $hasil['nip']; $gaji = $hasil['gaji']; //proses edit berita if (isset($_POST['Edit'])) { $tanggal = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl']; $nip = $_POST['nip']; $gaji = $_POST['gaji']; $tunjangan = $gaji*0.10; $total = $gaji+$tunjangan; //update data $query = "UPDATE gaji SET nip='$nip',gaji='$gaji', tunj='$tunjangan', total='$total', waktu='$tanggal' WHERE nip='$nip'"; $sql = mysql_query ($query); if ($sql) { echo "<h2><font color=blue>Data Pegawai telah berhasil diedit</font></h2>"; } else { echo "<h2><font color=red>Data Pegawai gagal diedit</font></h2>"; } } ?> <div id="content"> <h2>Edit Data Pegawai</h2> <FORM ACTION="" METHOD="POST" NAME="input" enctype="multipart/form-data"> <table border="0" class="table"> <tr> <td>NIP</td> <td><input type="text" name="nip" value="<?=$nip ?>"/></td> </tr> <tr>

Page 17: Simpeg Sistem Informasi Penggajian

17 | D e r r y A r i f R a c h m a n

<td>Tanggal Lahir</td> <td>: <select name="tgl"> <? for ($i=1; $i<=31; $i++) { $tg = ($i<10) ? "0$i" : $i; $sele = ($tg==$tgl)? "selected" : ""; echo "<option value='$tg' $sele>$tg</option>"; } ?> </select> - <select name="bln"> <? for ($i=1; $i<=12; $i++) { $bl = ($i<10) ? "0$i" : $i; $sele = ($bl==$bln)?"selected" : ""; echo "<option value='$bl' $sele>$bl</option>"; } ?> </select> - <select name="thn"> <? for ($i=1970; $i<=2020; $i++) { $sele = ($i==$thn)?"selected" : ""; echo "<option value='$i' $sele>$i</option>"; } ?> </select> </td> </tr> <tr> <td>Gaji</td> <td>: <input type="text" name="gaji" value="<?=$gaji?>"></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;&nbsp; <input type="submit" class="btn btn-danger" name="Edit" value="Edit Data">&nbsp; <input type="reset" class="btn btn-danger" name="reset" value="Reset"></td> </tr> <tr><td><a href="gaji_view.php">Kembali</a></td></tr> </table> </FORM> </div>

Page 18: Simpeg Sistem Informasi Penggajian

18 | D e r r y A r i f R a c h m a n

Sekarang sudah tiba saat nya di bagian akhir dari tutorial ini, untuk menampilkan index.php

seperti gambar di bawah ini kita buat index.php

<?php include 'koneksi.php'; include 'header.php'; $sql="SELECT gaji . * , pegawai.nama FROM `gaji` JOIN pegawai ON gaji.nip = pegawai.nip"; $result= mysql_query($sql); ?> <h3 align="center">SLIP Gaji Pegawai</h3><hr/> <table class="table" border="0" align="center"> <tr> <td colspan="10">SLIP Pegawai</td> </tr> <tr> <td>No Slip</td> <td>Tanggal</td> <td>NIP</td> <td>NAMA</td> <td>Gaji Pokok</td> <td>Tunjangan</td> <td>Total Gaji</td> <td>Cetak</td> </tr> <?php if(mysql_num_rows($result)==0){ ?> Data masih kosong <?php }else{ ?> <?php while($data= mysql_fetch_array($result)){?> <tr> <td><?php echo $data['no_slip'] ?></td> <td><?php echo $data['waktu'] ?></td> <td><?php echo $data['nip'] ?></td> <td><?php echo $data['nama'] ?></td> <td><?php echo $data['gaji'] ?></td> <td><?php echo $data['tunj'] ?></td> <td><?php echo $data['total'] ?></td> <td><a href="cetak.php?nip=<?php echo $data['nip'] ?>"class="btn btn-danger""><span class="icon-print"></span>Cetak</a></td> </tr> <?php } ?> <?php } ?> <tr> <td colspan="10">Total Pegawai</td></tr></table> </div> <? include 'footer.php' ?>

Page 19: Simpeg Sistem Informasi Penggajian

19 | D e r r y A r i f R a c h m a n

INI DIA HASIL NYA GAN

Dan sekarang agar tombol CETAK nya berfungsi dan menghasilkan gambar seperti yang ada di

gambar halaman 1 kita buat cetak.php

<?php include "koneksi.php"; if (isset($_GET['nip'])) { $nip = $_GET['nip']; } else { die ("Error. No nip Selected! "); } $sql = "SELECT gaji . * , pegawai.nama FROM `gaji` JOIN pegawai ON gaji.nip = pegawai.nip WHERE pegawai.nip='$nip'"; $result= mysql_query($sql) or die(mysql_error()); $hasil =mysql_fetch_array($result); $no_slip = $hasil['no_slip']; $nip = $hasil['nip']; $waktu = $hasil['waktu']; $nama = $hasil['nama']; $gaji = $hasil['gaji']; $tunj = $hasil['tunj']; $total= $hasil['total']; ?>

Page 20: Simpeg Sistem Informasi Penggajian

20 | D e r r y A r i f R a c h m a n

Sejauh ini cukup sekian dulu tutorial yang bisa saya bagikan, untuk lebih lanjutnya silahkan

pelajari sendiri aja, kalo sampai tahapan terakhir anda mengalami kesulitan dalam membuat web

simpeg tersebut, saya sudah sertakan file downloadnya di

https://www.facebook.com/derryarifrachman?fref=ts dengan catatan anda harus like dulu fans

page facebook saya, yah ga akan rugi nyubang jempolnya 1 kali doing mah.. saya udah nyimpen

link download programnya di situ … oke

<div id="content"> <h3 align="center">SlIP GAJI PEGAWAI <br/> "PT UJI"</h3> <table align="center" border="0" width="700"> <tr> <td width="200">No Slip</td> <td><?=$no_slip?></td></tr> <tr><td>Tanggal</td> <td><?=$waktu?></td></tr> <tr><td></td><td></td></tr> <tr><td width="200">NIP</td> <td><?=$nip?></td></tr> <tr><td>Nama</td> <td><?=$nama?></td></tr> <tr><td>Gaji POKOK</td> <td><?=$gaji?></td> <tr><td>Tunjangan</td> <td><?=$tunj?></td> <tr><td>Total Gaji</td> <td><?=$total?></td> </tr> <tr><td></td><td><input type="submit" name="print" id="print" value="print out slip" onclick="window.print() " /></td></tr> </table> </FORM> </div> <?php include 'footer.php' ?>