SIMPEG Sistem Informasi Penggajian. pdf

1|D erry A rif R achma 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)

2|D erry A rif R achma 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 :

3|D erry A rif R achma 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.





DATA SLIP

DATA PEGAWAI
DATA Gaji Pegawai




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



© Derry Arif Rachman | Uji Program Unikom


4|D erry A rif R achma 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:
Waktu
Versi
Versi

localhost
pembuatan: 13. Februari 2014 jam 18:21
Server: 5.5.8
PHP: 5.3.5

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

/*!40101
/*!40101
/*!40101
/*!40101

SET
SET
SET
SET

@OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
@OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
@OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
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'),

5|D erry A rif R achma 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:

6|D erry A rif R achma n

Table gaji.sql :

Table pegawai.sql :

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

7|D erry A rif R achma 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:

Data Nama dan NIP Pegawai


Nip
Nama
Telfon
Alamat
|

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.

8|D erry A rif R achma n

Kemudia buat db_data.php untuk membuat coding insert ke database, supaya web yang ada
di atas bisa bekerja sebagaimana mestinya: