Sistem Informasi Absensi dan Penggajian pada Kantor Cabang PT. Merehe Inti Alam Perkasa Medan Berbasis WEB

(1)

SISTEM INFORMASI ABSENSI DAN PENGGAJIAN PADA KANTOR CABANG PT MERAHE INTI ALAM PERKASA MEDAN

BERBASIS WEB

TUGAS AKHIR

RIO ANGGARA 112406179

PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMENT MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(2)

SISTEM INFORMASI ABSENSI DAN PENGGAJIAN PADAKANTOR CABANG PT MERAHE INTI ALAM PERKASAMEDAN

BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

RIO ANGGARA 112406179

PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMENT MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : SISTIM INFORMASI ABSENSI DAN PENGGAJIAN PADA KANTOR CABANG PT. MERAHE INTI ALAM PERKASA MEDAN BERBASIS WEB

Kategori : TUGAS AKHIR

Nama : RIO ANGGARA

Nomor Induk Mahasiswa : 112406179

Program Studi : D3 TEKNIK INFORMATIKA Departemen : MATEMATIKA

Fakultas : MATEMATIKADAN ILMU PENGETAHUAN ALAM (MIPA) UNIVERSITAS SUMATERA UTARA

Disetujui di Medan, Juli 2014

Disetujui Oleh Program

Studi D3 Teknik Informatika Pembimbing, FMIPA USU

Ketua,

(4)

PERNYATAAN

SISTIM INFORMASI ABSENSI DAN PENGGAJIAN PADA KANTOR CABANG PT. MERAHE INTI ALAM PERKASA MEDAN

BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juli 2014

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan penyusunan tugas akhir ini dengan judul Sistim Informasi Absensi Dan Penggajian Pada Kantor Cabang Pt. Merahe Inti Alam Perkasa Medan Berbasis Web.

(6)

ABSTRAK

(7)

(8)

Bab 3 Gambaran Umum Perusahaan 21

(9)

DAFTAR TABEL

Halaman

Tabel 4.1 Simbol Data Flow Diagram (DFD) 26

Tabel 4.2 Tabel Absensi 29

Tabel 4.3 Tabel Jabatan 29

Tabel 4.4 Tabel Admin 30

Tabel 4.5 Tabel Pegawai 30

Tabel 4.6 Tabel Gaji 31

Tabel 4.6 Tabel Golongan 32

(10)

Daftar Gambar

Halaman

Gambar 2.1 Gambar Proses Apliikasi Web Secara Umum 15

Gambar 3.1 Struktur Organisasi PT. Merahe Inti Alam Perkasa 23

Gambar 3.2 Flowchart Produksi Batu Pecah 24

Gambar 4.1 DFD Konteks Sistem Informasi Absensi Dan Penggajian PT. Merahe Inti Alam Perkasa 27

Gambar 4.2 DFD Level 0 Sistem Informasi Absensi Dan Penggajian PT. Merahe Inti Alam Perkasa 28

Gambar 4.3 Flowchart Pencarian 34

Gambar 4.4 Flowchart Login 35

Gambar 4.5 Flowchart Penggajian Pegawai 35

Gambar 4.6 Flowchart Halaman Pegawai 36

Gambar 4.7 Flowchart Halaman Admin 37

Gambar 4.8 Flowchart Absensi 38

Gambar 4.9. Flowchart Input Pegawai 39

Gambar 5.1. Apache 2.2.8 Installer 42

Gambar 5.2. Setup Wizard 42

Gambar 5.3. Server Information 42

Gambar 5.4. Destination Folder 43

Gambar 5.5. Penginstalan Apache Berhasil 43

Gambar 5.6. Index.php (Halaman Utama) 44

Gambar 5.7. Index.php (Halaman Admin) 45

Gambar 5.8. Input_peg.php 45

(11)

(12)

ABSTRAK

(13)

BAB 1

PENDAHULUAN

1.1 Latar belakang

Seiring dengan berkembangnya teknologi dan informasi dalam berkomunikasi, maka muncullah sebuah tuntutan dalam menyampaikan informasi yang profesional dan informatif dalam dunia bisnis. Penyampaian informasi tersebut dapat dilakukan dengan berbagai macam cara, salah satunya adalah dengan menggunakan Website.

Website merupakan salah satu alternatif dalam menyampaikan informasi dalam dunia bisnis dan juga dianggap sebagai instruksi bisnis yang dapat memberikan kesempatan pertama calon klienuntuk mengenal informasi tentang perusahaan secara informatif. Saat ini teknologi Website berkembang dengan pesat Website sudah mengalihkan aplikasi dekstop yang selama ini penulis kenal.

PT. Merahe Inti Alam Perkasa adalahperusahaan yang berdiri dalam bidang pengolahan bahan bangunan, konstruksi dan hasil tambang/galian.

Websitedigunakanuntuk memudahkan perusahaan dan pegawai PT Merahe Inti Alam Perkasa dalam hal Absensi dan penggajian yang dibuat secara dinamis.

1.2 Rumusan Masalah

(14)

1.3 Tujuan Penelitian

Tujuan dalam Tugas Akhir adalah untuk mengenalkan, menginformasikan, dan mempermudah pegawai PT Merahe Inti Alam Perkasa dalam absensi dan penggajian.

1.4 BatasanMasalah

1. Website yang dibuatadalahWebsite yang bersifat statis. 2. Bahasa pemrograman yang dipakai adalah HTML dan PHP.

3. Tampilandesainakanselalumenyertakan logo perusahaandantema yang hampirsamauntukmeningkatkandayacitraperusahaan.

1.5 Kajian Pustaka

1.5.1 Web

Web adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut

Websering dianggap sama dengan

hanyalah bagian daripada Internet.www merupakan kumpulan

selur menyediakan data dan

www adalah bagian yang paling menarik

(15)

halaman lewat teks inidisebut pranala. Dokumen infomasi ini tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara bahkan klip video. Kaitan antardokumen yang seperti itu biasa disebut hipermedia.

Jadi dapat disimpulkan bahwa www adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hiperteks. Dengan mengekli dokumen lainnya

1.5.2 HTML

HTML adalah sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format

(16)

1.6 Metodologi Penelitian

Untuk menyusun tugas akhir ini, penulis melakukan penerapan metode penelitian dalam memperoleh data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat diselesaikan dengan baik.

Adapun metode penelitian yang dilakukan penulis adalah sebagai berikut: 1. Penelitian Pustaka

Penelitian yang dilakukan penulis di PT Merahe Inti Alam Perkasa untuk mendapatkan data Pegawai. Dalam hal ini yang harus diperhatikan adalah

database Perusahaan dan tujuan yang dicapai.

2. Pengumpulan Data

Pengumpulan data dilakukan untuk memperoleh data yang diperlukan sebagai bahan bagi penulis.

3. Perancangan

Pada tahap ini penulis akan melakukan perancangan.

4. Data Entry

Data entry akan dilakukan pada saat perancangan selesai dilakukan.

5. Uji Coba dan Perbaikan

Proses uji coba akan dilakukan setelah semua perancangan dan data entry

(17)

1.7 SistimatikaPenulisan

Adapun sistimatika penulisan laporan tugas akhir ini adalah sebagai berikut: BAB1:PENDAHULUAN

Dalam bab ini penulis menguraikanLatar Belakang, RumusanMasalah,Tujuan Penelitian, Batasan Masalah, Kajian Pustaka, Metodologi Penelitian dan SistimatikaPenulisan.

BAB 2 :LANDASAN TEORI

Dalam bab ini penulis menguraikan beberapa hal yangberhubungan dengan aplikasi website dinamis yang ingin dibangunpenulis yaitu perancangan sistim informasi, teknik perancangan basis data, pengertian website,HTML (HyperText Markup Language), DHTML (Dynamic HyperText Markup Language), pengenalan PHP,pengenalan konsep Object Oriented Programming dan MySQL.

BAB 3:GAMBARAN UMUM PERUSAHAAN

Dalam bab ini penulis menyajikan gambaran tentang PT Merahe Inti Alam Perkasa yang terdiri dari profil dan potensi wilayah.

BAB 4: PERANCANGAN SISTEM

Dalam bab ini penulis menguraikan tentang perancangan sistim yangdirancang yang meliputi perancangan layout, perancangan database,gambaran aplikasi website yang akan dibuat serta bagaimana algoritmaaplikasi tersebut saat dijalankan.

BAB 5: IMPLEMENTASI SISTEM

(18)

BAB 6 : KESIMPULAN DAN SARAN

(19)

(20)

BAB 2

LANDASAN TEORI

2.1 Konsep Dasar Perancangan Sistim Informasi

Suatu sistim adalah suatu jaringan kerja dari prosedur yang salingberhubungan, berkumpul bersama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu. Sedangkan informasi itu sendiri memiliki pengertian data yang diolah bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya. Sumber dari informasi tersebut adalah data(Sumberhttp://www.scribd.com 15 Mei 2014).

2.1.1 Pengertian Perancangan

Perancangan dapat diartikan sebagai suatu tahap setelah analisa dari pengembangansistim untuk mengembangkan bagaimana suatu sistim itu akan dibentuk. Perancangan juga dapat berupa penggambaran, perencanaan,dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi (Sumber http://www.scribd.com 15 Mei 2014).

2.1.2 Pengertian Sistim

(21)

pendukung sistim yang mempunyai sifatdan fungsi tertentu dan mampumempengaruhi proses sistim secara keseluruhan(Sumber http://www.scribd.com 15 Mei 2014).

2.1.3 Pengertian Informasi

Informasi adalah hasil dari suatu pengolahan data, maksudnya adalah sesuatu yang diperoleh setelah adanya pemrosesan data dan penyusunan data sedemikian rupa sehingga memiliki makna untuk dapatdigunakan dalam pengambilan keputusan(Sumber http://www.scribd.com 15Mei 2014).

2.1.4 Pengertian Perancangan sistim Informasi

Perancangan sistim informasi merupakan salah satu komponen yang dibentuk secara sistimatis dan terpadu yang diperoleh dari pengolahan data, sehingga dapatmenyediakan informasi yang mendukung fungsi pengambilan untuk tujuan tertentu (Sumber http://www.scribd.com 15 Mei 2014).

2.2 Database

Dalampenggunaan istilah database menurut Elmasri R.(1994) lebih dibatasi pada arti implisit yang khusus yaitu:

a. Basis data merupakan penyajian suatu aspek dari dunia nyata.

b. Basis data merupakan kumpulan data dari berbagai sumber yang secaral logikamempunyai arti implisit, sehingga data yang terkumpul secara acak. c. Database perlu dirancang,dibangun, dan data dikumpulkan untuk suatu

(22)

Dari batasan tersebut diatas, dapat dikatakan bahwa database mempunyai berbagai sumber data dalam pengumpulan data,bervariasi derajat interaksi kejadian dari dunia nyata. Dirancang dan dibangun agar dapat digunakan oleh beberapapemakai untuk berbagai kepentingan. Penyusunan database bisa dilakukan secara sederhana dengan menuliskan data-datanya, atau bisa juga dengan cara modern dengan menggunakan teknologi komputer. Cara apapun yang digunakan, untuk memudahkan penyusunan dan penampilan data, maka digunakan bentuk tabel. Sebuah tabel terdiri dari baris dan kolom. Penggunaan tabel bertujuan untuk menyederhanakan logika pandangan terhadap data. Oleh karena itu, dibuat beberapa ketentuan dalam penyusunan tabel sebagai berikut:

a. Urutan baris tidak diperhatikan, sehingga pertukaran baris tidak akan berpengaruh terhadap isi informasi pada tabel.

b. Urutan kolom tidak diperhatikan, identifikasi kolom dibedakan dengan jenis atribut.

c. Tiap perpotongan baris dan kolom hanya berisi nilai atribut tunggal, sehingga nilaiatribut ganda tidak diperbolehkan.

d. Tiap baris dalam tabel harus dibedakan, sehingga tidak mungkin ada dua baris dalam tabel mempunyai nilai atribut yang sama secara keseluruhan.

Salah satu keuntungan menggunakan pendekatan database adalah konsisten data selalu terjaga. Hal ini dapat tercapai jika data yang disimpan dalam database

terhindar dari adanya rangkap data (Redundant data).

(23)

Kasus Redudant data diatas dapat diselesaikan dengan suatu teori Normalisasi. Normalisasi adalah suatu proses mengubah sebuah tabel yang besar dan kompleks menjadi beberapa buah tabel yang lebih kecil dan sederhana. Tujuan normalisasi adalah untuk mengurangi pemasukan data yang berulang. Selain itu, juga untuk menghindari terjadinya masalah pada saat mengisi,mengubah, maupun menghapus data.

2.3 Sekilas Mengenai Internet

Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan pengguna komputer lainnya.

Internet merupakan jaringan komputer global yang dapat dinikmati oleh semua kalangan untuk berbagai keperluan dan hampir bisa diakses dimana dan kapan saja. Internet awalnya dikembangkan oleh akademisi dan militer amerika serikat untuk kepentingan riset dan intelijen pada tahun 1969, yang terkenal dengan nama proyek ARPANET. Tak lama kemudian ARPANET dikembangkan menjadi jaringan yang lebih luas dan kemudian disebut internet. Pada akhir dekade 80, internet sudah mulai tersebar ke seluruh dunia. Internet menawarkan banyak fasilitas seperti mengirim surat elektronik (e-mail),transfer file,bahkan juga untuk menikmati video dan audio.

(24)

World wide web dan internet sangat berkaitan satu sama lain. Internet adalah suatu jaringan komputer global, sedangkan WWW bukan sekedar jaringan tetapi di dalamnya terdapat suatu set aplikasi komunikasi dan sistim perangkat lunak yang memiliki karekteristik sebagai berikut:

a. Umumnya terletak pada internet host dan client. b. Umumnya menggunakan protokol TCP/IP. c. HTML.

d. Mengikuti model client/server.

e. Memungkinkan client untuk mengakses Informasi dalam berbagai media. f. Memungkinkan model alamat Uniform Resources Locators (URL).

WWW ini lahir pada tahun 1989 saat sekelompok peneliti menginginkan untuk membuat sebuah protokol baru untuk mendistribusikan informasi di dalam internet. Para peneliti ini menetapkan sebuah standar baru, kemudian dibentuklah sebuah konsorsium yang disebut W3C atau World Wide Web Consortium untuk meneruskan pengembangan dari standar tersebut. W3C inilah yang akhirnya melahirkan HTML.

Pada prinsipnya Word Wide Web bekerja dengan cara menampilkan file-file HTML yang berasal dari server web pada program client khusus yaitu browser web. Program browser pada client megirimkan permintaan (request) kepada server web. Yang kemudian akan dikirimkan oleh server dalam bentuk HTML. File HTML berisi instruksi-instruksi yang diperlukan untuk membentuk tampilan.

(25)

Website awalnya merupakan suatu layanan sajian informasi yang menggunakan konsep Hyperlink. Web cepat sekali populer dilingkungan pengguna internet, karen kemudahan yang diberikan kepada pengguna internet untuk melakukan penelusuran, penjelajahan, dan pencarian informasi.

Informasi yang disajikan dengan web menggunakn konsep multimedia, informasi dapat disajikan dengan banyak media (teks,gambar,animasi,suara). Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikannya selalu update

dan lengkap. Tetapi ke updatetan dan kelengkapan data merupakan masalah besar bagi pengelola situs. Karena kerepotan untuk melakukan penambahan atau perubahan data yang akan disajikan. Jika situs dirancang dan disajikan berupa web statis saja, maka akan terjadi kesulitan dan kerepotan untuk melakukan maintenance untuk mengupdate dan melengkapi data, selain itu juga web yang disajikan dipandang kurang menarik.

Dengan adanya permasalahan yang disebutkan diatas, maka perlu adanya perubahan atau penambahan dari web statis menjadi web dinamis yang akan memberikan suatu hal yang baru, baik dari sisi tampilan maupun kemudahan dalam melakukan update.

Web dinamis sangat erat kaitannya dengan pengelolaan suatu sistim database

yang merupakan salah satu solusi yang dapat digunakan oleh pengelola situs sehingga pengelola tidak perlu melakukan proses editing dokumen HTML, tetapi cukup dengan melakukan penambahan atau perubahan dalam database, maka pengelola situs sudah dapat melakukan maintenance situs webnya.

(26)

Webdatabase pada dasarnya sama dengan sistim database yang lain, yaitu suatu sistim pengolahan dan penyimpanan data yang dapat diakses oleh bahasa pemrograman tertentu. Namun webdatabase tidak seperti sistim database konvensional yang hanya diperuntukkan platform tertentu saja, webdatabase lebih bersifat umum karena dapat oleh aplikasi web yang sebagian besar dapat berjalan di berbagai platform.

Webdatabase dapat diakses oleh aplikasi web yang dikembangkan dengan tag HTML atau sejenisnya, pemrograman yang bersifat serverside seperti PHP,ASP,JSP, dan aplikasi web server seperti APACHE, IIS, PWS, XITAMI, dll.

Kemampuan untuk mengintegrasikan database kedalam aplikasi yang dapat diakses pengguna menggunakan webbrowser inilah yang menjadikan suatu database

dapat menjadi webdatabase.

Webdatabase dapat digunakan untuk berbagai macam keperluan misalnya untuk keperluan dagang lewat internet yang dapat menyediakan data stok barang, transaksi untuk melakukan negosiasi jual beli produk yang dikenal dengan e-commerce, selain itu juga webdatabase dapat dimanfaatkan sebagai suatu sistim akademik berbasis web atau pendidikan secara online.

2.7 MySQL

(27)

Sejarah MySQL yang merupakan hasil buah pikiran dari Michael Monty Widenius, David Axmark, dan Allan Larson pada tahun 1995. Mereka bertiga kemudian mendirikan perusahaan bernama MySQL AB di Swedia. Tujuan awal ditulisnya program MySQL adalah untuk mengembangkan aplikasi web yang akan digunakan oleh salah satu klien MySQL AB. Memang pada saat itu, MySQL AB adalah sebuah perusahaan konsultan database dan pengembang software. Pada bulan Juni 2000, MySQL AB mengumumkan bahwa mulai MySQL versi 3.23.19 ditetapkan sebagai GPL (General Public License).

MySQL menggunakan bahasa standar SQL (Structure Query Language) sebagai bahasa interaktif dalam mengelola data. Perintah SQl sering pula disebut

Query . SQL merupakan bahasa query standar yang digunakan untuk mengakses basis data relasional. SQL pertama kali dikembangkan pada akhir 1970-an di laboratorium riset San Jose, California.

SQL adalah bahasa yang meliputi perintah untuk menyimpan, menerima, memelihara dan mengatur akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database.

2.8 Common Gateway Interface

(28)

HTTP

Response Request

Gambar 2.1 Gambaran proses aplikasi web secara umum

Untuk dapat menjalankan situs yang berbasis CGI dibutuhkan sebuah program server web yang berguna untuk mendefinisikan skrip yang ada. Web Server adalah Internet Server yang mampu untuk melayani koneksi perpindahan data dalam protokol http web server dari internet server di samping e-mail, FTP. Dikarenakan web

server di rancang untuk menampilkan data, dimulai dari teks, hypertext, gambar, yang merupakan keunggulan dari web sehingga web tidak hanya dapat diterima di universitas tetapi di seluruh perusahaan komersial yang dapat menampilkan datanya dalam internet.

Ada beberapa program serverweb sering digunakan, baik yang dapat berjalan di lingkungan windows maupun linux, diantaranya adalah:

a. Apache Web server.

b. PWS (Personal Web Server). c. IIS (Internet Information Service).

Client ( Browser )

Server web

( CGI )

(29)

2.9 HTML

2.9.1 Pengenalan HTML

Hypertext Markup Language merupakan kepanjangan dari kata HTML, adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML

juga merupakan file teks murni yang dapat dibuat dengan editor teks sembarang yaitu yang dikenal sebagai web page atau dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti: Windows, Linux, Macintosh. Kata “Markup Language“pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML dimana kita bisa mengatur judul, garis, tabel, dan gambar dengan perintah yang telah ditentukan pada elemen HTML.

HTML sebenarnya adalah dokumen ASCII atau teks biasa,yang dirancang untuk tidak bergantung pada satu sistim operasi tertentu. Secara teknis HTML didefinisikan sebagai SGML (Standard Generalized Markup Language). Sebuah dokumen HTML dapat dikatakan contoh sebuah dokumen SGML.

(30)

2.9.2 Struktur dasar HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah ini:

<html> <head>

<title>Judul Halaman</title> </head>

<body>

… isi dari halaman web … </body>

</html>

2.10 Cascading Style Sheets

Cascading Style Sheets (CSS) adalah suat

mengatur tampilan suatu dokumen yang ditulis dalam yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan dipergunakan untuk semua jenis dokume

CSS diatur ole

(31)

digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.

CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basissuara atau pembaca layar), dan juga alat

pemba

berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.

2.11JavaScript

JavaScript pertama kali nuncul di Netscape2.0 dan dikembangkan lebih lanjut pada

Netscape 3.0. Walaupun memiliki nama yang serupa. JavaScriptsama sekali tidak berhubungan dengan Java.

Java adalah bahasa pemrograman tingkat tinggi untuk membuat aplikasi

cross-platform, sedangkan JavaScript hanyalah scriptinglanguage yang terintegrasi dengan web browser untuk memberikan fleksibilitas tambahan bagai programmer

untuk mengontrol elemen dalam halaman web.

Aplikasi JavaScript sebenarnya cukup luas, tetapi disini penulis menggunakan JavaScript dibatasi untuk DHTML, yaitu JavaScript yang digunakan untuk mengakses property, method, dan event handler yang disediakan oleh DOM dan

(32)

Property didefinisikan sebagai setting nilai suatu objek tertentu. Contohnya adalah warna suatu teks, action untuk suatu form, namafile untuk suatu gambar, dll.

Method adalah fungsi-fungsi yang dapat diterapkan untuk suatu objek. Misalnya

maximize untuk window.Event handler menspesifikasikan bagaimana suatu objek merespon terhadap suatu kejadian, misalnya suatu button di click, window di resize, dll.

2.12 Pemrograman Web

Jika mengamati situs yang ada di internet, disana terlihat bahwa halaman-halaman web

yang ditampilkan bukan hanya halaman statis. Sudah banyak halaman-halaman yang senantiasa berubah dari waktu ke waktu. Halaman web yang dinamis ini tidak mungkin dibuat hanya dengan menggunakan tag HTML saja. Untuk membuat situs yang dinamis diperluukan kemampuan pemrograman web.

Karakter situs yang dinamis adalah bisa berinteraksi dengan pengunjung situs, bisa menampilkan informasi yang berasal dari database,dan halaman-halaman

web bisa berubah secara otomatis. Berdasarkan tempat dijalankannya perintah program dalam halaman web, pemrograman web dapat dikategorikan menjadi dua, yaitu:

1. Serverside programming, dan 2. Clientside programming.

Pada serverside programming perintah program dijalankan di web server, sedangkan clientside programming menjalankan perintah pada client, dalam hal ini

(33)

Aplikasi web berjalan pada protokol HTTP dan semua protokol yang ada di internet selalu melibatkan server dan client. Ketika seseorang mengetikkan alamat di

web browser, maka browser akan mengirimkan perintah tersebut ke web server. Jika yang diminta adalah file yang mengandung program server side , maka web server akan menjalankan terlebih dahulu program tersebut dan mengirimkan hasilnya ke browser. Jika yang diminta adalah file HTML, maka web server langsung mengirimkan ke browser apa adanya.

2.13 Personal Home Page

Banyak sekali bahasa pemrograman yang bisa digunakan dalam server side programming. Salah satu bahasa server side yang paling banyak digunakan adalah PHP (Personal Home Page). PHP merupakan bahasa skrip yang digunakan untuk membuat halaman web yang dinamis. PHP bersifat open source product. Pengguna dapat merubah source code dan mendistribusikannya secara bebas serta diedarkan secara gratis.

2.14 Macromedia Dreamweaver

(34)

(35)

BAB 3

GAMBARAN UMUM PERUSAHAAN

3.1 Profil PT. Merahe Inti Alam Perkasa

PT. Merahe Inti Alam Perkasa kota Medan terbentuk sebagai usaha pengolahan tambang dan pemurnian bahan galian. Setelah pemberiaan surat izin tempat usaha yang telah disahkan oleh bupati langkat untuk itu dalam menempuh langkah usahanya PT. Merahe Inti Alam Perkasa kota Medan berusaha memberikan segala informasi pengolahan bahan galian secara formal kepada daerah yang diakumulasi dalam bentuk laporan dan pajak. Secara formal, suatu usaha ditandai dengan adanya tanda daftar perusahaan perseroan terbatas, surat izin usaha, serta surat keputusan Bupati yang dipegang oleh Bpk. Ahmad Sayadi sebagai Direktur Utama Perusahaan PT. Merahe Inti Alam Perkasa dalam bidang perindustrian.

(36)

Namun demikian, masih dihadapkan dengan hambatan-hambatan seperti: kemampuan teknis pegawai terutama di bidang teknologi informasi yang masih terbatas serta sarana prasarana yang juga masih terbatas. Hambatan-hambatan ini terus diupayakan untuk dikurangi atau bahkan dihilangkan demi lancarnya proses bekerja dengan konsep layanan unggulan, mengingat layanan unggulan merupakan satu terobosan yang dilakukan PT. Merahe Inti Alam Perkasa terhadap pengolahan barang tambang dan pemurnian bahan galian.

3.2 Sejarah Singkat

Pada tanggal 17 Desember 2007, Bupati Langkat memberikan surat izin tempat usaha kepada Ahmad Sayadi sebagai pemegang izin usaha sebagaimana tercantum dalam lampiran keputusan Bupati Langkat Nomor : 536 – 02 /SK/SITU/THN 2008. PT. Merahe Inti Alam Perkasa merupakan perusahaan milik pribadi yang memiliki kegiatan usaha perdagangan barang dan jasa. Perusahaan ini bergerak dalam kelembagaan supplier, eksportir, dan importir.

3.3Visi dan Misi

3.3.1 Visi

Menjadi Pengolahan hasil tambang dan pemurnian bahan galian yang transaparan dan sesuai dengan pemenuhan masyarakat.

3.3.2 Misi

(37)

a. Mewujudkan pelaksanaan anggaran yang berbasis kinerja. b. Mewujudkan pengelolaan keuangan yang berbasis transparan.

c. Mengoptimalkan surat perizinan kuasa dalam pengolahan pertambangan dan pemurnian bahan galian.

d. Mengelola segala pengelolaan hasil tambang sesuai kreteria yang dibutuhkan. e. Menghasilkan pelayanan di bidang pengolahan tambang dan pemurnian bahan

galian dengan cepat, akurat, dan sesuai kebutuhan masyarakat.

3.4 Struktur Organisasi

Struktur organisasi PT. Merahe Inti Alam Perkasa kota Medan terdiri dari: 1. Direktur Utama: Ahmad Sayadi

2. Direktur : Rudi

3. Komisaris Utama : Darman Rusli 4. Komisaris I : Ng Boen Hwa / Lomo 5. Komisaris II : Oberlin Olean

6. Komisaris III : Anton Gani

Gambar 3.1 Struktur Organisasi PT. Merahe Inti Alam Perkasa

MANAGE

(38)

3.5 Proses Produksi Batu Pecah

Gambar 3.2 Flowchart Produksi Batu Pecah

(39)

(40)

BAB 4

PERANCANGAN SISTIM

4.1 Perancangan Sistim

Tujuan dari perancangan sistim adalah untuk memenuhi kebutuhan user mengenai gambaran yang jelas tentang perancangan sistim yang akan dibuat serta diimplementasikan. Perancangan sistim adalah suatu upaya untuk membuat suatu sistim yang baru atau memperbaiki sistim yang lama secara keseluruhan atau memperbaiki sistim yang telah ada. Desain sistim secara umum mengidentifikasikan komponen sistim informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemogram komputer dan ahli teknik lainnya yang akan mengimplementasikan sistim.

4.2Data Flow Diagram

(41)

Tabel 4.1 Simbol Data Flow Diagram (DFD)

No Gambar Nama Fungsi

1 Kesatuan Luar

(External entity)

Merupakan Kesatuan luar (entity) di lingkungan luar

sistim yang akan memberikan input atau

menerima output dari sistim.

2 Proses (Process) kegiatan dari hasil suatu arus data yang masuk dalam proses untuk dihasilkan arus data yang akan keluar atau

untuk mengubah input menjadi output.

3 Aliran Data

(Data Flow)

Data mengalir melalui sistim, dimulai dengan sebagian input dan diubah

atau diproses menjadi output.

4 Penyimpanan Data

(Data Storage)

Data disimpan untuk keperluan berikutnya.

(42)

Data flow diagram dari sistim informasi kepegawaian yang penulis ajukan dibagi menjadi dua bentuk yaitu:

1. Diagram Konteks

- Input Gaji Karyawan - Input Absensi

-Informasi Gaji Karyawan -Informasi Absensi Karyawan

Gambar 4.1 DFD Konteks Sistim Informasi Absensi dan Penggajian PT. Merahe Inti Alam Perkasa

Sistim Informasi Absensi dan

Penggajian

Bagian Umum dan Administrasi Karyawan

(43)

2. Data Flow Diagram level nol

Input Absensi

Laporan Gaji

Laporan Absensi

Gambar 4.2 DFD Level Nol Sistim Informasi Absensi dan Penggajian PT. Merahe Inti Alam Perkasa

Input Absensi Karyawan

Pembuatan Laporan Penggajian

Karyawan Karyawan

Pimpinan

Bagian Umum dan Administrasi

F2 Absensi Karyawan

(44)

4.3 Perancangan Database

Database merupakan kumpulan dari data yang saling berhubungan satu dengan lainnya, tersimpan di simpanan luar komputer dan digunakan perangkat lunak tertentu untuk memanipulasinya. Berikut rancangan tabel yang penulis gunakan dalam membangun sistim informasi ini:

Tabel 4.2 Tabel Absensi

Field Name Type Width Description

Tanggal Date - Tanggal

Jam_masuk Time - Jam Masuk

Jam_keluar Time - Jam Keluar

Nipp Varchar 20 Nipp

Nama_pegawai Varchar 25 Nama Pegawai

Golongan Varchar 6 Golongan

Pangkat Varchar 30 Pangkat

Jabatan Varchar 50 Jabatan

Status_hdr Varchar 15 Status Hadir

Tabel 4.3Tabel Jabatan

Id_jab Int 3 Id jabatan

Jabatan Varchar 50 Jabatan

Kelasjabatan Char 3 Kelas jabatan

(45)

Tabel 4.4 Tabel Admin

Username Varchar 30 Username

Password Varchar 10 Password

Nama Varchar 20 Level

Tabel 4.5 Tabel Pegawai

Nik Varchar 20 Nomor induk karyawan

Id_gol Varchar 3 Id Golongan

Id_jab Varchar 3 Id jabatan

Tgl_aktif Varchar 10 Tanggal aktif karyawan bekerja Nama_depan Varchar 20 Nama depan karyawan Nama_belakang Varchar 20 Nama belakang karyawan

Namalengkap Varchar 50 Nama lengkap karyawan

Alamat Varchar 100 Alamat pegawai

Agama Varchar 7 Agama

Jeniskelamin Varchar 10 Jenis kelamin

Ttlahir Varchar 30 Tempat/tanggal lahir Status Varchar 15 Status perkawinan karyawan

Jlhank Char 2 Jumlah anak

(46)

Tabel 4.6 Tabel Gaji

Id_gaji Int 5 Slip gaji

Gajipokok Varchar 10 Gaji Pokok

Nik Varchar 20 Nomor induk pegawai

Id_gol Varchar 3 Id golongan

Id_jab Varchar 3 Id jabatan

Tunjanganistri_suami Varchar 20 Tunjangan istri/suami

Tunjank Varchar 20 Tunjangan anak

Tunjperush Varchar 20 Tunjangan perusahaan

Tunjpangan Varchar 20 Tunjangan pangan

Tunjkhusus Varchar 20 Tunjangan khusus

Iurpensiun Varchar 20 Iuran pension

Tunjkesh Varchar 20 Tunjangan kesehatan

Taspen Varchar 20 Taspen

Jumlahtunj Varchar 20 Jumlah tunjangan

Jlh_iuran_wjb Varchar 20 Jumlah iuran wajib Gaji_terima Varchar 20 Gaji bersih yang diterima

(47)

Tabel 4.7Tabel Golongan

Id_gol Int 3 Id Golongan

Golongan Varchar 6 Golongan

Pangkat Varchar 20 Pangkat

Gajipokok Varchar 6 Gaji Pokok

4.4 Flowchart

Flowchart adalah sekumpulan simbol yang menunjukkan ataumenggambarkan rangkaian kegiatan program dari awal hingga akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan di suatualgoritma.

Tabel 4.7 Simbol-Simbol Flowchart

No. Simbol Fungsi

1 Terminator, untuk memulai dan mengakhiri suatu program

2 Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh computer

3 Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses

(48)

Sambungan Tabel 4.7 Simbol-Simbol Flowchart

No. Simbol Fungsi

5 Preparation, suatu simbol untuk menyediakan tempat-tempat pengolahan data dalam storage

6 Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama 7 Off-page Connector, merupakan simbol untuk masuk dan

keluarnya suatu prosedur pada lembar kertas yang lain

8 Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri

9 Document, merupakan simbol untuk data yang berbentuk informasi

10 Predefined Process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur

11 Display, untuk output yang ditujukan suatu device, seperti monitor

(49)

4.4.1 Flowchart Pencarian

Start

Halaman utama

Masukkan Field & Keyword

Apakah sudah diinput ? Lakukan Pencarian

Ditemukan ?

Tampilkan data yang ditemukan Selesai ?

Stop Login

Prosedur Login

A

Y

T

Y

T T

Y X

(50)

4.4.2 Flowchart Login

Gambar 4.4 Flowchart Login

4.4.3 Flowchart Penggajian Pegawai

D

(51)

4.4.4 Flowchart Halaman Pegawai

Y

T

Gambar 4.6Flowchart Halaman Pegawai Baca Menu

Utama

Absensi Home

Pegawai Penggajian

Halaman Pegawai

c

Absensi Sudah Diisi ? Isi Absensi

Database

Tampilkan Gaji Pegawai

(52)

4.4.5 Flowchart Halaman Admin

(53)

4.4.6 Flowchart Absensi

T

Gambar 4.8 Flowchart Absensi Pegawai E

Form Input Absensi

Batal ?

Keluar

Input Absensi Data Sudah Diinput ??

Database

B E1

Y

(54)

4.4.7 Flowchart Input Pegawai

F

Form Input Data Pegawai

Batal ? Input Data

Pegawai

Data sudah di input ?

Database Keluar ?

B1

T

Y

T Y

T

Gambar 4.9 Flowchart Input Pegawai

4.5 Membangun Halaman Web

Gambaran halaman yang penulis bangun adalah:

4.5.1 Halaman index.php

Merupakan halaman utama yang akan diakses pertama kali ketika situs dibuka. Pada halaman ini berisi menu pencarian dan halaman login.

(55)

a. Halaman index untuk admin

Merupakan halaman yang dikhususkan untuk bagian umum danadministrasi yang mana untuk masuk ke halaman ini harus melakukan login terlebih dahulu. Di halaman ini admin bisa melakukan pengeditan maupun penghapusan terhadap data pegawai dan pengaturan terhadap sistim penggajian pegawai. b. Halaman index untuk pegawai

Merupakan halaman yang dikhususkan untuk pegawai, yang mana untuk masuk ke halaman ini harus melakukan login terlebih dahulu. Di halaman ini pegawai hanya diberikan wewenang hanya untuk melihat datapribadinya dan hanya bisa melihat slip gaji yang diterimanya.

4.5.2 Halaman cari.php

Merupakan halaman yang digunakan untuk melakukan pencarianterhadap data-data pegawai.

Tahap-tahap yang dilakukan penulisdalam membangun halaman web adalah sebagai berikut:

a. Membuka software Macromedia Dreamweaver 8 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman web. b. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat

(56)

(57)

BAB 5

IMPLEMENTASI SISTEM

5.1Pengertian implementasi Sistem

Adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji,menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang yang dibutuhkan dalam implementasi sistem adalah:

a. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website.

b. Menyelesaikan rancangan sistem.

c. Menulis,menguji,mengontrol dan mendokumentasikan website. d. Mendapatkan persetujuan.

5.2Tujuan Implementasi Sistem

a. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.

b. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau yang telah disetujui.

c. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.

(58)

5.3 Instalasi Apache

1. Double klik file installer apache

Gambar 5.1 Apache 2.2.8 Installer

2. Setelah muncul setup wizard seperti gambar dibawah, kemudian klik Next

Gambar 5.2 Setup wizard

3. Kemudian muncul jendela Server Information, setelah diisi dengan inputan yang sembarang, Klik Next

(59)

4. Kemudian Pilih Typical Installation.

5. Setelah klik Next, kemudian pilih di drive mana apache ingin diinstal ( Misal: C:\apache ).

Gambar 5.4 Destination Folder

6. Setelah klik Next, kemudian pilih tombol install, tunggu hingga proses instalasi berhasil.

7. Untuk melihat apakah penginstalan apache berhasil, ketikka address bar pada web browser. Jika penginstalan berhasil, maka akan tampak seperti Gambar 5.5.

(60)

5.3 Demonstrasi Program

5.3.1 Halaman utama (index.php)

Gambar 5.6 index.php (Halaman utama)

5.3.2 Halaman Admin (index.php)

(61)

5.3.3 Form Penggajian Pegawai (gaji.php)

Gambar 5.8 gaji.php (Form penggajian pegawai)

5.3.4 Halaman Absensi Pegawai ( absensi.php )

(62)

(63)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Penggunaan dan pemanfaatan Sistem Informasi Absensi dan Penggajian pada Kantor Cabang PT Merahe Inti Alam Perkasa dapat memberikan kemudahan bagi pihak kantor dalam melakukan absensi karyawannya dan memudahkan karyawan dalam melihat gaji yang diterimanya setiap bulan.

6.2 Saran

(64)

Daftar Pustaka

Arbie. 2004. Manajemen Database Dengan Mysql. Yogyakarta: Andi Offset.

Dian Sano, Albert. 2005. 24 Jam Menguasai HTML, JSP, SSP, dan Mysql.

Yogyakarta : Andi offset.

Diakses tanggal 20 Maret 2014.

Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta : Andi Offset.

Kadir, Abdul. 2002. Penuntun Praktis Belajar. Yogyakarta : Andi.

Kendall, K. E. & Kendall, J. E. 2003. Analisis dan Perancangan Sistem Jilid I.

Jakarta:Elex Media Komputindo.

Kurniadi, Adi. 2001. Belajar Mahir Website. Surabaya : Elex Media Komputindo.

RS, Benard. Pijon, a. Agustaf R. 2005. Mudah dan Cepat Menguasai Pemrograman Web. Bandung : Informatika Bnadung.

Soekirno, Harimurti. 2005. Cara Mudah Menginstall Web Server Berbasis Windows Server 2003. Jakarta : Elex Media Komputindo.

(65)

L A M

(66)

KEMENTERIAN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU

Telp. (061) 8214290, 8211212, 8211414 Fax. (061) 8214290 Medan 20155

Kartu Bimbingan Tugas Akhir Mahasiswa Nama Mahasiswa : Rio Anggara Nomor Induk Mahasiswa : 112406179

Program Studi : D3 Teknik Informatika

Judul : Sistim Informasi Absensi Dan Penggajian Pada Kantor Cabang Pt. Merahe Inti Alam Perkasa Medan Berbasis Web

Dosen Pembimbing : Drs. Faigiziduhu Bu'ulolo, M.Si Tanggal Mulai Bimbingan : Maret 2014

* Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan Mahasiswa telah selesai

Diketahui Disetujui,

Program Studi D3 Teknik Informatika FMIPA USU Pembimbing Utama/

Ketua, Penanggung Jawab

Dr. Elly Rosmaini, M.Si Drs. Faigiziduhu Bu'ulolo, M.Si NIP.

19600520 198503 2 002 NIP. 19531218 198003 1 003

(67)

Koneksi.php <?php

$koneksi=mysql_connect ("localhost","root","") or die("koneksi ke server gagal"); mysql_select_db("merahe") or die("koneksi ke database gagal");

?>

Login_form.php <style type="text/css"> <!--

.style1 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

--> </style>

<div align="center" class="style1"> <p>Login Administrator</p> <p> </p>

</div>

<tr>

<td>Username</td>

</tr> </table> </form>

(68)

<input name="nama_pegawai" type="text" id="nama_pegawai" value="<?php echo $row['namalengkap'];?>" size="40" readonly>

</label></td> </tr>

<tr>

<td>Tanggal </td>

<tr>

<td>Jam Masuk </td>

<tr>

<td>Golongan</td>

<input name="golongan" type="text" id="golongan" value="<?php echo $row['golongan'];?>" size="5" readonly>

</label></td>

<input name="pangkat" type="text" id="pangkat" value="<?php echo $row['pangkat'];?>" size="40" readonly>

</label></td>

<input name="jabatan" type="text" id="jabatan" value="<?php echo $row['jabatan'];?>" size="40" readonly>

</label></td> </tr>

<tr>

(69)

Tidak/Belum Hadir </label>

<label>

<input name="status_hdr" type="radio" value="Hadir" /> Hadir</label></td>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head> <body>

<td width="97"><div align="center">Nama Lengkap </div></td> <td width="8"><div align="center">Golongan</div></td>

<td width="8"><div align="center">Kelas Jabatan </div></td> <td width="7"><div align="center">Jabatan</div></td> <td width="6"><div align="center">Alamat</div></td> <td width="18"><div align="center">Agama</div></td>

<td width="25"><div align="center">Jenis Kelamin</div></td> <td width="39"><div align="center">Status</div></td>

<td width="85"><div align="center">Pendidikan</div></td> </tr>

(70)

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px;

}

.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } -->

</style></head> <body>

<p align="center" class="style2">Daftar Pegawai PT. Merahe Inti Alam Perkasa</p> <p align="center" class="style2"><?php include("daftar_peg_lihat.php");?></p> </body>

</html>

Terima_gaji_form <p><?php

include("conf/koneksi.php"); $hal = isset($_GET['hal']); /* jika page default nya 1 */

/* tentukan jumlah item per halaman */ $max_results = 5;

/* halaman di kali MAX jumlah item per halaman dikurangi MAX jumlah item per halaman */

(71)

$sql="select * from pegawai,golongan,jabatan,gaji where golongan.id_gol=gaji.id_gol and jabatan.id_jab=gaji.id_jab and pegawai.nipp=gaji.nipp order by namalengkap LIMIT $from, $max_results";

$query=mysql_query($sql);

$row=mysql_fetch_assoc($query); ?></p>

<td width="169"><div align="center">Nama Pegawai </div></td> <td width="61"><div align="center">Status</div></td>

<td width="45"><div align="center">Jumlah Anak </div></td> <td width="64"><div align="center">Golongan</div></td> <td width="138"><div align="center">Jabatan</div></td> <td width="105"><div align="center">Gaji diterima</div></td> <td width="117"><div align="center">Detail</div></td>

</tr> <?php do{ ?> <tr>

<td><div align="center"><a href="detailgaji.php?nipp=<?php echo $row['nipp'];?>">Lihat Gaji</a></div></td>

</tr><?php }

while ($row=mysql_fetch_assoc($query)); ?></table><?php

$total_results = mysql_result(mysql_query("SELECT COUNT(*) as Num FROM pegawai"),0);

$total_pages = ceil($total_results / $max_results); /* bangun jumlah hiperlink halaman*/

echo "<center>Select a Page<br />"; /* bangun Previous link */

if($hal > 1){

$prev = ($page - 1);

echo "<a href=$_SERVER[PHP_SELF]?hal=$prev><-Previous </a> "; } for($i = 1; $i <= $total_pages; $i++){

if(($hal) == $i){ echo "$i "; } else {

echo "<a href=$_SERVER[PHP_SELF]?hal=$i>$i</a> "; } }

(72)

$next = ($page + 1);

echo "<a href=$_SERVER[PHP_SELF]?hal=$next>Next-></a>"; } echo "</center>";

.style2 {

font-family: "BankGothic Md BT"; font-size: 24px; }

.style3 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

-->

</tr> </table>

(73)

<p align="center" class="style2">Welcome ADMIN </p> <p align="center" class="style2">In</p>

<p align="center" class="style2">Human Resources Information System </p> <p align="center">[ <a href="logout.php">Logout</a> ] </p>

.style2 {

font-family: "BankGothic Md BT"; font-size: 24px;

}

.style3 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } .style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; } .style1 { font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px; font-weight: bold;}

> </style></head> <body>

(74)

if(!isset($_SESSION['auth'])){

<tr>

</tr> </table>

<td width="1260" height="22"><div align="center"><a href="admin.php">HOME</a> | <a href="edit.php"> EDIT ADMIN</a> | <a

<p>Lihat Daftar Absen Tanggal</p> <p>

<label>

</label> </p><p> <label>

(75)

?>

$sql="select*from golongan where id_gol='$_GET[id]'"; $query=mysql_query($sql);

$row=mysql_fetch_assoc($query); ?>

<td width="130">Golongan</td>

<tr>

<td>Pangkat</td>

</label></td> </tr>

<tr>

<td>Gaji Pokok </td>

<td><div align="center">:</div></td> <td>Rp.

<label>

</label></td> </tr>

<tr>

(76)

.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}

.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; } .style3 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;

(77)

.style6 {family: Verdana, Arial, Helvetica, sans-serif; size: 12px; font-weight: bold; }

--> </style>

<tr>

<td><div align="right">Nama Lengkap Pegawai </div></td> <td><div align="center">:</div></td>

<tr>

<tr>

<td> </td> <td><div align="right">Golongan</div></td> <td><div align="center">:</div></td>

<tr>

<td> </td> <td><div align="right">Jabatan</div></td> <td><div align="center">:</div></td>

(78)

<td><div align="right">Kelas Jabatan </div></td> <td><div align="center">:</div></td>

<td> </td> <td> </td> <td><div align="right">Gaji Kotor </div></td> <td><div align="center">:</div></td>

<td class="style1">Rp.

<?php echo $row['gajikotor'];?></td>

<td> </td> <td><div align="right">Gaji Pokok </div></td> <td><div align="center">:</div></td>

td class="style1"> Rp.

<?php echo $row['gajipokok'];?> </td> <td> </td>

<div align="right" class="style3">Tunjangan---</div> </div></td>

<td><div align="right"><span class="style3">Iuran---</span></div></td> <td> </td>

<tr>

<td height="24"><div align="right">Tunjangan Istri/Suami </div></td> <td><div align="center">:</div></td>

(79)

<input name="tunjanganistri_suami" type="text" id="tunjanganistri_suami" value="<?php echo $tunj;?>" readonly="readonly"/></td>

<td> </td> <td><div align="right">Iuran Pensiun </div></td> <td><div align="center">:</div></td>

<td><label> Rp.

<input name="iurpensiun" type="text" id="iurpensiun" value="<?php echo $tunjpensiun;?>" readonly="readonly"/>

</label></td> </tr>

<tr>

<td><div align="right">Tunjangan Anak</div></td> <td><div align="center">:</div></td>

<td>Rp.

<input name="tunjank" type="text" id="tunjank" value="<?php echo $tunjank;?>" readonly="readonly"/></td>

<td> </td> <td><div align="right">Kesehatan </div></td> <td><div align="center">:</div></td>

<td><label> Rp.

<input name="tunjkesh" type="text" id="tunjkesh" value="<?php echo $tunjkes;?>" readonly="readonly"/>

</label></td> </tr>

<tr>

<td><div align="right">Tunjangan Perusahaan </div></td> <td><div align="center">:</div></td>

<td>Rp.

<input name="tunjperush" type="text" id="tunjperush" value="<?php echo $tunjperush;?>" readonly="readonly"/></td>

<td> </td> <td><div align="right">Iuran Taspen </div></td> <td><div align="center">:</div></td>

<td><label> Rp.

<input name="taspen" type="text" id="taspen" value="<?php echo $tunjtaspen;?>" readonly="readonly" />

</label></td> </tr>

<tr>

<td><div align="right">Tunjangan Pangan </div></td> <td><div align="center">:</div></td>

<td>Rp.

<input name="tunjpangan" type="text" id="tunjpangan" value="<?php echo $tunjpang;?>" readonly="readonly"/></td>