Absensi Pegawai Berbasis WEB

Mira Bellina : Sistem Informasi Absensi Pegawai Pada CV. Flashindomedia Medan Berbasis Web, 2009.
SISTEM INFORMASI ABSENSI PEGAWAI PADA

CV. FLASHINDOMEDIA MEDAN BERBASIS WEB

TUGAS AKHIR

OLEH:

MIRA BELLINA
062406063

PROGRAM STUDI D3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
2009


40

SISTEM INFORMASI ABSENSI PEGAWAI PADA

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai
gelar Ahli Madya

OLEH:

MIRA BELLINA
062406063

PROGRAM STUDI D3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
2009


41
PERSETUJUAN

Judul : SISTEM INFORMASI ABSENSI PEGAWAI
PEGAWAI CV. FLASHINDOMEDIA MEDAN
BERBASIS WEB
Kategori : TUGAS AKHIR
Nama : MIRA BELLINA
NIM : 062406063
Program Studi : D-3 ILMU KOMPUTER
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM UNIVERSITAS SUMATERA UTARA

Diluluskan di
Medan, Juni 2009

Komisi Pembimbing :

Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU Pembimbing

Dr. Saib Suwilo, M.Sc Drs.Sawaluddin, M.IT
NIP. 131796149 NIP. 132206398


42
PERNYATAAN

SISTEM INFORMASI ABSENSI PEGAWAI CV. FLASHINDOMEDIA MEDAN
BERBASIS WEB

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

Medan, Juni 2009

MIRA BELLINA
062406063


43

PENGHARGAAN

Puji Syukur Penulis ucapkan ke hadirat Allah SWT , yang masih memberikan
kesempatan dan kesehatan sehingga akhirnya Tugas Akhir dapat diselesaikan dalam
waktu yang telah ditetapkan.

Penulisan Tugas Akhir ini merupakan salah satu syarat bagi setiap mahasiswa
guna menyelesaikan Program Studi D3 Ilmu Komputer Fakultas Matematika Dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Dalam menyelesaikan Tugas Akhir ini, Penulis banyak mendapatkan
bimbingan dan bantuan dari berbagai pihak baik berupa material, spiritual. Pada
kesempatan ini Penulis mengucapkan terima kasih yang sebesar-besarnya kepada :

1. Bapak Prof. Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas Matematika
Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2. Bapak Dr. Saib Suwilo, M.Sc selalku ketua jurusan Matematika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak Drs.Sawaluddin, M.IT selaku dosen pembimbing dalam penyusunan
Tugas Akhir yang telah banyak memberikan bimbingan dan masukan-


44
masukan yang sangat berarti kepada penulis, sehingga akhirnya bias
menyelesaikan Tugas Akhir ini dengan sebaik-baiknya.
4. Bapak Syahriol Sitorus, S.Si, M.IT selaku dosen wali yang telah banyak
membantu penulis dalam menjalani perkuliahan di kampus.
5. Para Dosen dan Pegawai Fakultas Matematika dan Ilmu Pengetahuan Alam.
6. Teristimewa kepada Orang Tua Penulis yang tercinta Ayahanda (Herman),
Ibunda (Siti Aisyah) dan juga kakak dan adik tersayang Bunga Anggina,
Melisa, Yuki Dermawan yang telah banyak memberikan dukungan, motivasi
yang tak terhingga dan tak ternilai harganya yang dirasakan oleh penulis.
7. Seluruh teman-teman D3 Ilmu Komputer stambuk 06, dan juga para senior.

Penulis menyadari sepenuhnya bahwa penulisan Tugas Akhir ini masih jauh
dari kesempurnaan yang dikarenakan pengetahuan dan pengalaman yang dimiliki
oleh penulis masih sangat terbatas yang masih perlu diperbaiki, baik dari segi
penyajian, bentuk maupun isinya.

Akhirul kalam kepada Allah Subahana Wataala penulis berserah diri, karena
hanya pada-Nyalah segala kebenaran dan kesempurnaan itu berada. Akhir kata penuli
berharap semoga Tugas Akhir ini dapat berguna bagi semua pihak yang membacanya


45

ABSTRAK

Tugas akhir ini merancang suatu aplikasi Sistem Informasi Absensi Pegawai CV.
Flashindomedia Medan Berbasis Web yang bermanfaat untuk menyediakan informasi
yang baik dengan cepat dan mudah, juga melalui kajian ini diharapkan dapat memberi
kemudahan kepada karyawan CV. Flashindomedia Medan dalam melakukan
pengisian absensi. Perancangan sistem dalam merancang Sistem Informasi Absensi
Pegawai CV. Flashindomedia Medan Berbasis Web ini dikembangkan dengan
menggunakan perangkat lunak Macromedia Dreamweaver 8, Adobephotoshop, dan
XAMPP. Dengan menggunakan XAMPP paket-paket aplikasi yang kita perlukan
dalam merancang sebuah situs yang baik seperti Apache Web Server, PHP dan
MySQL telah tersedia. Sistem Informasi Absensi Pegawai CV. Flashindomedia
Medan ini meliputi pemakaian situs oleh karyawan Flashindomedia seperti daftar
absensi harian. Hal tersebut digunakan untuk menampung data-data yang diperlukan
dalam mempelancar sistem informasi.


46
DAFTAR ISI

PERSETUJUAN ii
PERNYATAAN iii
PENGHARGAAN iv
ABSTRAK vi
DAFTAR ISI vii
DAFTAR TABEL x
DAFTAR GAMBAR xi
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Perumusan Masalah 3
1.3 Tujuan Penelitian 4
1.4 Pembatasan Masalah 4
1.5 Metodologi Penelitian 5
1.6 Sistematika Penulisan 6
BAB 2 LANDASAN TEORI 8
2.1 Sejarah Singkat Internet 8
2.2 World Wide Web(WWW) 9
2.2.1 Lahirnya Web 11
2.2.2 Browser Web 12
2.2.2.1 Cara Kerja Browser Mengambil Halaman/Page 13
2.2.2.2 Cara Kerja Menampilkan Halaman/Page 13
2.2.3 Server Web 13
2.2.4 Istilah-Istilah Umum Yang Harus Diketahui 14
2.3 HTML (Hypertext Markup Language) 15
2.3.1 Dokumen HTML 15
A. Penamaan Dokumen HTML 15


47
B. Elemen dan Tag HTML 16
2.4 DHTML (Dynamic Hypertext Markup Language) 20
2.4.1 CSS (Cascading Style Sheet) 21
2.4.2 Java Script 23
2.5 Pengenalan PHP (Hypertext Prepocessor) 24
2.5.1 Sejarah PHP 24
2.5.1.1 PHP/FI (Personal Home Page/Form Interpreter) 24
2.5.1.2 PHP 3 25
2.5.1.3 PHP 4 26
2.5.1.4 PHP 5 27
2.5.2 Skrip PHP 27
2.5.3 Integrasi dengan Database 30
2.6 Pengenalan Konsep Pemograman Berorientasi Objek dengan PHP 33
2.6.1 Mengelola Kompleksitas Aplikasi 33
2.6.2 Mengantisipasi Adanya Perubahan 34
2.7 MySQL 34
2.8 Macromedia Dreamweaver 35
BAB 3 SEKILAS CV. FLASHINDOMEDIA MEDAN 36
3.1 Sejarah Singkat CV. Flashindomedia Medan 36
3.2 Visi, Misi dan Tujuan CV. Flashindomedia Medan 37
3.2.1 Visi CV. Flashindomedia Medan 38
3.2.2 Misi CV. Flashindomedia Medan 38
3.2.3 Tujuan CV. Flashindomedia Medan 38
BAB 4 RANCANGAN SISTEM PROGRAM 39
4.1 Data Flow Diagram 39
4.2 Flowchart Program 42
4.3 Normalisasi 48
4.4 Rancangan database 49


48
BAB 5 IMPLEMENTASI SISTEM 52
5.1 Pengertian Implementasi Sistem 52
5.2 Tujuan Implementasi Sistem 52
5.3 Komponen-Komponen Kebutuhan Sistem 53
5.3.1 Hardware 53
5.3.2 Software 53
5.3.3 Brainware 56
5.4 Demontrasi Program 57
5.4.1 Halaman Utama Login Absensi Karyawan 57
5.4.2 Halaman Menu Login Absensi 58
5.4.3 Halaman Login Admin 59
5.4.4 Halaman Menu Admin 59
5.4.5 Halaman Menu Master Data 60
5.4.6 Halaman Menu Data Absensi 61
5.4.7 Halaman Menu Laporan 62
BAB 6 KESIMPULAN DAN SARAN 64
6.1 Kesimpulan 64
6.2 Saran 65
DAFTAR PUSTAKA
LAMPIRAN


49
DAFTAR TABEL

Halaman
Tabel 2.1 Daftar Database-Database yang didukung oleh PHP 30


50
DAFTAR GAMBAR

Halaman
Gambar 2.1 Dokumen HTML ditampilkan di Browser Mozila 20
Gambar 2.2 Dokumen PHP ditampilkan di Browser Mozila 29
Gambar 4.1 Diagram Konteks 39
Gambar 4.2 DFD Diagram Level Nol 40
Gambar 4.3 Diagram Sistem Absensi Pegawai yang sedang berjalan 41
Gambar 4.4 Flowchart Menu Utama 42
Gambar 4.5 Flowchart Menu Utama 43
Gambar 4.6 Keterangan Bagan Flowchart Admin 44
Gambar 5.1 Halaman Tampilan Windows XP 54
Gambar 5.2 Halaman Tampilan Macromedia Dreamweaver 8 55
Gambar 5.3 Tampilan Antar Muka Web Server 56
Gambar 5.4 Halaman Utama Login Absensi 57
Gambar 5.5 Halaman Menu Login Absensi 58
Gambar 5.6 Halaman Login Admin 59
Gambar 5.7 Halaman Menu Admin 60
Gambar 5.8 Halaman Menu Master Data 61
Gambar 5.9 Halaman Menu Data Absensi 62
Gambar 5.10 Halaman Menu Laporan 63


51
BAB I

PENDAHULUAN

1.1. Latar Belakang

Teknologi informasi pada saat ini telah berkembang sangat pesat sehingga
mempunyai dampak dalam meningkatkan efektifitas dan keefisienan dalam
melakukan setiap pekerjaan. Mungkin suatu kenaifan kalau berbicara tentang
teknologi informasi dan komunikasi, tanpa membicarakan suatu benda yang bernama
komputer. Komputer merupakan suatu media elektronik yang memegang peranan
yang sangat penting dalam perkembangan yang terjadi saat ini.

Komputer bukan lagi barang mewah atau sesuatu yang langka untuk dimiliki
oleh seseorang seperti awal kedatangannya, tetapi sudah menjadi suatu keperluan
bahkan kebutuhan yang sangat bersifat umum dan fital, terutama bagi perusahaan dan
badan instansi baik milik pemerintah maupun swasta. Penggunaan komputer telah
berkembang menjadi sebuah sarana komunikasi dan edukasi yang paling cepat saat
ini. Sehingga pengunaannya menjadi penting di setiap sendi-sendi kehidupan
masyarakat, termasuk dalam proses perolehan informasi pada suatu perusahaan.

Sejak munculnya teknologi Internet, proses pengiriman, penyampaian, serta
penerimaan informasi itu sendiri menjadi lebih cepat dan efektif. Seiring


52
berkembangnya teknologi internet, maka aplikasi web atau yang sering juga disebut
dengan perangkat lunak berbasis web ini baik dari segi penggunaan, ukuran, dan
bahasa pemrograman yang digunakan serta kompleksitasnya juga ikut berkembang.
Aplikasi ini telah banyak yang bersifat dinamis dan task oriented.

PHP (Hypertext Preprocessor) merupakan bahasa pemrograman yang bersifat
server side script, yaitu bahasa yang berbentuk script yang terletak dan dieksekusi di
server untuk kemudian hasilnya (berupa kode HTML) dikembalikan ke browser
pengguna/user/client. PHP dirancang untuk membentuk suatu web yang bersifat
dinamis, yang artinya halaman yang ditampilkan dibuat saat halaman itu diminta oleh
pengguna/user/client. PHP juga dapat berinteraksi dengan hampir semua teknologi
web yang telah ada dan sifatnya open source (bebas pakai) sehingga memberikan
kesempatan buat semua user dan programmer untuk menggunakan dan
mengembangkannya.

Selain itu demi mendukung berkembangnya aplikasi web yang semakin besar,
rumit, dan kompleks, maka dikembangkanlah kemampuan object oriented
programming dari PHP. Keuntungan yang dapat diperoleh dari kemampuan object
oriented programming dari PHP, yaitu kemudahan untuk mengolah kompleksitas
yang dibuat serta kemudahan untuk melakukan perubahan dan pengembangan dari
aplikasi tersebut.


53
Sebagai salah satu perusahaan swasta yang bergerak dalam bidang IT
Solution, Marketing, Entertainment and Publishing, data absensi merupakan data
yang sangat vital bagi sebuah perusahaan. Untuk itu penulis mencoba membuat
perancangan suatu sistem untuk melakukan proses kerja khusunya dalam absensi
keseharian pegawai pada CV. Flashindomedia Medan.

Dengan pertimbangan diatas dan pribadi penulis yang ingin menerapkan
pengetahuan yang telah diperoleh selama ini maka penulis memutuskan untuk
membuat suatu aplikasi web yang berjudul : SISTEM INFORMASI ABSENSI
PEGAWAI PADA CV. FLASHINDOMEDIA MEDAN.

1.2. Perumusan Masalah

Pada umumnya setiap perusahaan memerlukan sarana dalam memberikan dan
menyajikan informasi dengan lebih cepat dan mudah bagi masyarakat umum maupun
kalangan didalam instansi itu sendiri, semua itu juga berlaku di CV. Flashindomedia
Medan. Sehubungan dengan hal tersebut maka dapat dirumuskan masalah yang
dihadapi penulis di dalam pembuatan aplikasi ini, yaitu:
a. Bagaimana mendesain, membuat dan menghasilkan suatu sistem informasi
yang berbasis web untuk dapat menyimpan, menampilkan dan mengedit data
absensi pegawai yang akan disampaikan dan dapat diperlukan oleh segenap
kariawan.


54
b. Bagaimana informasi pada website dapat di update dengan mudah pada waktu
yang diinginkan sesuai dengan tujuan aplikasi ini, yaitu website yang dinamis.

1.3. Tujuan Penelitian

Tujuan penelitian adalah mengimplementasikan sistem informasi absensi pegawai ini
untuk membagi fungsi-fungsi pada website seperti template, theme, dan script
berdasarkan pembagian tanggung jawab dan juga menunjukkan penggunaan PHP
dalam membangun suatu aplikasi website yang membantu menyediakan informasi
yang aktual bagi user/pengguna yang membutuhkan.

1.4. Pembatasan Masalah

Agar pembahasan masalah tidak menyimpang dari tujuan penelitian, maka berikut
adalah beberapa batasan yang perlu dibuat, yaitu:
a. Website ini akan menampilkan halaman-halaman web yang statis maupun
dinamis mengenai sistem informasi absensi pegawai CV. Flashindomedia
Medan, seperti: data perusahaan, data pegawai, data absensi pegawai.
b. Aplikasi ini dibangun dibawah sistem operasi Windows XP Professional
Services Pack 2.
c. Website yang dibangun mendukung bahasa pemograman web yang lainnya
seperti: HTML (Hypertext Markup Language), CSS (Cascading Style Sheets),
dan Javascript.


55
d. Aplikasi ini dibangun menggunakan Macromedia Dreamweaver 8.
e. Aplikasi dibangun menggunakan aplikasi web server XAMPP yang terdiri
dari Apache, PHP, dan MySQL.

1.5. Metodologi Penelitian

Metodologi penelitian yang digunakan penulis, meliputi antara lain:
1. Penelitian lapangan ( Field Research )
Penelitian dilakukan langsung ke sistem absensi pegawai CV. Flashindomedia
Medan untuk mendapatkan data dan sistem absensi yang sedang berjalan
sekarang dimana penulis melakukan pengumpulan data dengan dua cara yaitu:
a. Wawancara
Wawancara yang dilakukan penulis adalah meyakinkan data yang
diperoleh akurat. Dalam pengumpulan data tersebut penulis
mewawancarai bagian umum dan yang terkait didalamnya. Untuk
mengetahui apa dan bagaimana dari kegiatan pengolahan data tersebut
serta kemampuan memberi informasi yang tepat dan jelas.
b. Observasi
Observasi yang dilakukan penulis adalah untuk mengamati dan
mengetahui secara langsung jalannya sistem yang sedang berjalan saat
itu dan proses kerja dari tugas masing-masing serta melihat format-
format laporan dalam perusahaan tersebut yang digunakan saat itu.


56
2. Penelitian Kepustakaan
Penulis melakukan penelitian keperpustakaan dengan tujuan agar memperoleh
data teoritis yang bersumber dari buku-buku ilmiah dan tulisan yang berkaitan
dengan komputer dan masalah-masalah yang berkaitan dengan tugas akhir ini.

1.6. Sistematika Penulisan

Adapun sistematika penulisan laporan tugas akhir ini adalah sebagai berikut:
BAB 1 : Pendahuluan
Dalam bab ini penulis menguraikan Latar Belakang, Perumusan Masalah, Tujuan
Penelitian, Pembatasan Masalah, Metodologi Penelitian dan Sistematika Penelitian.

BAB 2 : Landasan Teori
Dalam bab ini penulis menguraikan beberapa hal yang berhubungan dengan aplikasi
website dinamis yang ingin dibangun penulis yaitu sejarah singkat internet, World
wide Internet, HTML ( HyperText Markup Language ), DHTML ( Dynamic
HyperText Markup Language ), pengenalan PHP, pengenalan konsep Object Oriented
Programming, MySQL dan Macromedia Dreamweaver.

BAB 3 : Sekilas CV. Flashindomedia Medan
Dalam bab ini penulis menyajikan gambaran tentang CV. Flashindomedia Medan
yang terdiri dari profil, struktur organisasi, visi misi, sasaran usaha, serta kegiatan
CV. Flashindomedia Medan.


57
BAB 4 : Perancangan Sistem
Dalam bab ini penulis menguraikan tentang perancangan sistem yang dirancang yang
meliputi perancangan layout, perancangan database, gambaran aplikasi website yang
akan dibuat serta bagaimana algoritma aplikasi tersebut saat dijalankan.

BAB 5 : Implementasi Sistem
Dalam bab ini penulis menyajikan tentang pengertian implementasi aplikasi, tujuan
implementasi aplikasi serta spesifikasi aplikasi.

BAB 6 : Kesimpulan dan Saran
Dalam bab ini penulis menguraikan tentang kesimpulan dan saran.


58
BAB 2

LANDASAN TEORI

2.1. Sejarah Singkat 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.

ARPAnet ( Us Defense Advanced Research Projects Agency ) atau
Departemen Pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang
tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila terjadi
perang dapat mudah dihancurkan. Jadi bila satu bagian dari sambungan jaringan
terganggu dari serangan musuh, jalur yang melalui sambungan itu secara otomatis
dipindahkan ke sambungan lainnya.

Setelah angkatan bersenjata Amerika, dunia pendidikan pun merasa sangat
perlu mempelajari dan mengembangkan jaringan komputer. Salah satunya adalah
University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet
banyak digunakan di universitas-universitas di Amerika dan bekembang pesat sampai


59
saat ini. Agar pengguna komputer dengan merek dan tipe berlainan dapat saling
berhubungan, maka para ahli membuat sebuah protokol ( semacam bahasa) yang
sama untuk dipakai di internet. Namanya TCP ( Transmission Control Protocol ) dan
IP (Internet Protocol).

2.2. World Wide Web ( WWW )

World Wide Web (WWW) lebih dikenal dengan web, merupakan salah satu layanan
yang dapat dipakai oleh pemakai komputer yang terhubung ke internet.

Web pada awalnya adalah ruang informasi dalam Internet, dengan
menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi
dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam
browser web.

Saat ini internet identik dengan web, karena kepopuleran web sebagai standar
interface pada layanan-layanan yang ada di Internet, dari awalnya sebagai penyedia
informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting,
sampai dengan melakukan transaksi bisnis (commerce).

Saat ini web seakan lebih populer daripada email, walaupun secara statistik
email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet.
Web lebih populer bagi khalayak umum dan pemula, terutama untuk tujuan pencarian


60
informasi dan melakukan komunikasi email yang menggunakan web sebagai
interfacenya.

Internet identik dengan web, karena popularitasnya sebagai penyedia
informasi dan interface yang dibutuhkan oleh pengguna internet dari masalah
informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai
dengan sampah, dari yang cuma-cuma sampai dengan yang komersial, semuanya ada.

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku
internet lainnya dan menelusuri (informasi) di Internet.

Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari strategi
teknologi informasinya, karena beberapa alasan:
a. Akses informasi mudah
b. Setup server lebih mudah
c. Informasi mudah didistribusikan
d. Bebas platform; informasi dapat disajikan oleh browser web pada
sistem operasi mana saja karena adanya standar berbagai tipe data
dapat disajikan.


61
2.2.1 Lahirnya Web

Tahun 1989, Timothy Bernes-Lee seorang ahli komputer dari inggris dan peneliti lain
di European Particle Physics Lab (Consei European pour la Recherche Nucleaire,
atau CERN) di Geneva, Swiss, mengembangkan suatu cara untuk men-share data
antar koleganya menggunakan sesuatu yang disebut dengan hypertext. Pemakai di
ERN dapat menampilkan dokumen pada layar komputer dengan menggunakan
software browser baru.

Kode-kode khusus disisipkan ke dalam dokumen elektronik ini
memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada
layer dengan hanya memilih sebuah hyperlink.

Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari
satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat
melompat ke dokumen lain yang letak nya pada komputer remote. Seorang peneliti
dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau
log in ke dalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perlu
melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari
yang disebut sekarang dengan World Wide Web dan berikut server browser web-nya.


62
2.2.2 Browser Web

Browser web adalah software yang digunakan untuk menampilkan informasi dari
server web. Software ini kini telah dikembangkan dengan menggunakan user
interface grafis, sehingga pemakai dapat dengan mudah melakukan poin dan klik
untuk pindah antar dokumen.

Lynx adalah browser web yang masih menggunakan mode teks, yang
akibatnya adalah tidak adanya gambar yang dapat ditampilkan. Lynx pada lingkungan
DOS ( Disk Operating System) dan *.nix (keluarga sistem operasi UNIX). Akan
tetapi perkembangan dari browser mode teks ini tidaklah secepat browser web dengan
GUI (Grafic User Interface).

Di saat perkembangan WWW ada dua browser web yang populer yaitu
Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browser
web lain yang turut meramaikan persaingan untuk merebut para pengguna internet.
Di antara browser web yang telah banyak digunakan pada saat peluncurannya adalah
MSN, Opera dan Mozila Firefox. Di antara browser web ini terdapat kelebihan dan
kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang
ditawarkan.


63
2.2.2.1 Cara Kerja Browser Mengambil Halaman / Page

Suatu browser mengambil sebuah web page dari server dengan sebuah request.
Sebuah request adalah HTTP standar yang berisi sebuah page address. Sebuah page
address terlihat seperti berikut : hhtp://www.google.co.id.

2.2.2.2 Cara Kerja Menampilkan Halaman / Page

Seluruh web page berisi instruksi-instruksi bagaimana untuk ditampilkan. Browser
menampilkan page dengan membaca instruksi-instruksi ini. Instruksi yang paling
umum untuk menampilkan disebut tag HTML. Tag HTML contohnya yaitu <p>ini
merupakan suatu paragraph </p>.

2.2.3 Server Web

Server Web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen
web, komputer ini akan melayani permintaan dokumen web dari kliennya.

Browser web seperti IE atau Opera berkomunikasi melalui jaringan (termasuk
jaringan internet) dengan server web, menggunakan HTTP. Browser akan
mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan
lain yang disediakan oleh server. Server memberikan dokumen atau layanannya jika
tersedia juga dengan menggunakan protokol HTTP.


64
2.2.4 Istilah-Istilah Umum Yang Harus Diketahui

Berikut ini penjelasan beberapa istilah-istilah umum yang harus diketahui antara lain:

a. Protokol ; secara defenisi adalah standar pemrosesan informasi yang diterima
secara umum. Protokol TCP/IP merupakan protokol yang digunakan dalam
komunikasi dalam internet.
b. URL ( Universal Resource Locator ) ; URL adalah konsep nama file standar
yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan
direktori dan nama filenya, tetapi juga nama mesin dalam jaringan. URL dapat
disediakan (ada atau diakses) dengan berbagai metoda, dan bisa jadi bukan
sekedar file, karena URL dapat menunjukkan query-query, dokumen yang
disimpan dalam database, hasil dari suatu perintah finger atau archie, atau
apapun yang berkaitan dengan data hasil proses.
c. HTTP (HyperText Transfer Protocol) ; HTTP umumnya digunakan untuk
melayani dokumen hypertext, karena HTTP adalah protokol dengan overhead
yang sangat rendah, sehingga pada kenyataan navigasi informasi dapat
ditambahkan langsung ke dalam dokumen dengan demikian protokolnya
sendiri tidak harus mendukung navigasi secara penuh. Sebuah file dengan
nama contoh.html pada server lybrary.usu.ac.id dalam direktori /pub/files
maka URL-nya http://www.lybrary.usu.ac.id:1234/pub/files/contoh.html
c. Browser / Surfing ; kegiatan menelusuri dan mencari informasi dalam internet
melalui layanan informasi web.


65
d. Browser / Surfer ; pengguna komputer yang melakukan browsing / surfing.

2.3. HTML (HyperText Markup Language)
2.3.1 Dokumen HTML

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks
sembarang. Dokumen ini dikenal dengan sebagai web page. Dokumen HTML
merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini
umumnya berisi informasi atau interface aplikasi di dalam internet.
Ada dua cara untuk membuat sebuah web page : dengan web editor (misalnya
Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan editor teks biasa
(misalnya notepad atau editplus).

A. Penamaan Dokumen HTML
Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang
nama, kemudian menambahkan sebuah ekstensi .htm atau .html (tanda kutip
tidak perlu dituliskan karena digunakan sebagai penjelas saja).

Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah
untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi DOS.
Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan
huruf besar dan huruf kecil). Nama dokumen yang sama tetapi dituliskan dengan case
yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya dokumen.html


66
akan berbeda dengan DOKUMEN.html. kasus case sensitive akan dijumpai pada
dokumen web yang do hosting di dalam server yang berbasis *nix (keluarga sistem
operasi UNIX).

B. Elemen Dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen. Elemen merupakan istilah bagi
komponen-komponen dasar pembentuk dokumen HTML. Untuk menandai berbagai
elemen dalam suatu dokumen HTML, digunakan tag. Tag HTML terdiri atas sebuah
kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut
kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya <H1>dengan
</H1>), tag yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag
yang pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua
menunjukkan tag akhir, berarti akhir elemen.

Nama elemen ditunjukkan dengan nama tag nya. Suatu elemen didalam
dokumen HTML harus ditandai dengan penulisan tag nya berpasangan. Ada beberapa
elemen yang tidak mengharuskan tag nya dituliskan secara berpasangan, elemen
tersebut diantaranya adalah:
a. Paragraf dengan tag <p>
b. Ganti baris line break dengan tag <br>
c. Garis datar horizontal rule dengan tag <hr>
d. List item dengan tag <li>


67
Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan
tagnya, dituliskan : <nama tag>_</nama tag>. Penulisan penamaan tag bebas, dapat
menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive).
Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk
menuliskan tag dengan menggunakan huruf kecil semuanya.

Tag mark up ini digunakan sebenarnya memberi tahu browser web bagaimana
memperlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam
browser.

Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan
dengan tag <html>, <head> dan <body> berikut tag-tag pasangannya. Setiap
dokumen terdiri atas tag head dan body. Elemen head berisi teks yang sebenarnya
yang tersusun dari link, grafik, paragraf dan elemen lainnya.

Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section
head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola
dasar sebagai berikut:


68
<html>
<head>
informasi tentang dokumen HTML
</head>
<body>
informasi yang ditampilkan dalam browser web
</body>
</html>

Setiap dokumen HTML harus diawali dengan menuliskan tag <html>dan tag
</html>diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen
ini adalah dokumen HTML.

Dalam satu dokumen hanya ada satu elemen HTML. Section atau elemen
head ditandai dengan tag <head>diawal, dan tag </head>di akhir. Section ini berisi
informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalam
elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada caption bar
dari window browser, ditandai dengan menggunakan tag <title>dan diakhiri dengan
</title>.

Section atau elemen body ditandai dengan tag <body> diawal, dan tag
</body>diakhir. Section body merupakan elemen terbesar didalam dokumen HTML.


69
Elemen ini berisi isi dokumen yang akan ditampilkan pada browser, meliputi
paragraph, grafik, link, table, dan sebagainya.

Contoh penulisan suatu dokumen HTML sebagai berikut:
<!contoh.html-->
<html>
<head>
<title>Halaman Contoh</title>
</head>
<body>
File ini merupakan file contoh<br>
<b>Ini untuk membuat huruf cetak tebal</b>
</body>
</html>

Hasil dokumen HTML yang ditampilkan didalam browser Internet Exlplorer:


70

Gambar 2.1 Dokumen HTML ditampilkan di browser IE. (Kadir,2002)

2.4 DHTML (Dynamic Hypertext Markup Language)

DHTML adalah suatu istilah yang diberikan untuk suatu halaman web yang
memanfaatkan HTML dan DOM (Document Object Model), CSS ( Cascading Style
Sheet) dan client-side scripting untuk membuat tampilan halaman tersebut dinamis
atau interaktif. Istilah Dynamic ditambahkan untuk membedakan sifat dinamis
halaman web ini dengan halaman web statis yang dibuat hanya berdasarkan HTML.

DHTML mulai diterapkan pada browser generasi ke empat Microsoft
Internet Explorer 4 (IE4) dan Netscape Communicator 4 (NS4). DHTML sepenuhnya


71
merupakan teknologi client side yang hanya bergantung pada kemampuan browser
untuk menampilkan dan memanipulasi elemen halaman web yang tidak bisa
dilakukan dengan hanya mengandalkan HTML.

Sebagian besar hal yang bisa dibuat dengan DTML bisa juga dibuat dengan
teknologi authoring web lain seperti Java, Flash, atau Shockwave. Penggunaan
DHTML mempunyai kelebihan karena tidak memerlukan plugin apapun untuk
menjalankannya dan ukurannya jauh lebih kecil dibandingkan dengan penggunaan
teknologi lain. Kelemahannya, masih banyak hal-hal yang belum bisa dilakukan
dengan menggunakan DHTML seperti suara dan video. Saat ini sudah cukup banyak
penerapan DHTML yang sering ditemukan sewaktu mengakses internet sehari-hari.
Yang umum misalnya rollover menu ( baik berbentuk image ataupun teks biasa),
pulldown menu, trailing cursor, sliding text,dll.

2.4.1 CSS ( Cascading Style Sheet )

CSS mendefinisikan karakteristik tampilan ( warna, style, dan posisi ) suatu elemen
pada dokumen HTML dalam bentuk property elemen tersebut. Pemisahan isi dengan
tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan
penyusunan struktur suatu halaman HTML dengan lebih fleksibel. CSS merupakan
bagian/subset dari DOM yang sangat berperan dalam HTML.


72
Perbedaan implementasi antara Netscape dan Microsoft sehingga akhirnya
W3C melakukan suatu standardisasi CSS. Pada awalnya, upaya standardisasi CSS
dibagi dua, yaitu CSSI untuk pengaturan warna dan style, serta CSS-P untuk
pengaturan posisi suatu elemen. CSS2 dari W3C selanjutnya menggabungkan kedua
standar ini menjadi suatu standar yang meliputi semua setting tampilan suatu elemen
halaman HTML.

Dalam spesifikasi CSS2, ada beberapa properti elemen dokumen yang
berhubungan dengan posisi suatu elemen dihalaman browser. Property tersebut
adalah:
a. Posisition - ada dua pilihan untuk nilai properti ini, yaitu absolute dan relative.
Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung
kiri-atas elemen parent-nya. Sedangkan setting absolute bekerja sesuai layout
HTML biasa dimana posisinya ditentukan berdasarkan akhir elemen
sebelumnya.
b. Left dan Top menentukan jarak kearah kanan dan ke bawah dari posisi awal
elemen. Unitnya bisa dinyatakan dalam point (pt), pixel(px) atau unit standar
CSS lainnya.
c. Width dan Height menentukan lebar dan tinggi elemen. Unitnya bisa
dinyatakan dalam point(pt), pixel(px) atau unit standar CSS lainnya.
d. Z-index menentukan apakah suatu elemen ditampikan dilayar. Nilainya bisa
visible (tampil) atau hidden (tersembunyi).


73
e. Overflow menentukan perilaku ruang penampung jika isinya melebihi
batasnya. Ada tiga untuk nilai properti ini, yaitu clip, scroll, dan none. Setting
clip berarti isi akan dipotong jika melebihi batas. Scroll akan memunculkan
scrollbar pada container. Sedangkan none tidak akan melakukan apapun
terhadap isi sehingga isi tersebut akan keluar dari ruang batasnya.
f. Background-color atau Layer-background-color menentukan warna dasar
dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua
berlaku untuk NS.
g. Background-image atau Layer-background-image menentukan gambar latar
belakang dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang
kedua berlaku untuk NS.

2.4.2 JavaScript

JavaScript pertama kali muncul di Netscape 2.0 dan dikembangkan lebih lanjut pada
Netscape 3.0. walaupun memiliki nama yang serupa. JavaScript sama sekali tidak
berhubungan dengan Java.

Java adalah bahasa pemograman tingkat tinggi untuk membuat aplikasi cross-
platform, sedangkan Java Script hanyalah scripting language yang terintegrasi dengan
web browser untuk memberikan fleksibilitas tambahan bagi programmer untuk
mengontrol elemen-elemen dalam halaman web.


74
Aplikasi J avaScript 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 CSS.

Property didefenisikan sebagai setting nilai suatu objek tertentu. Contohnya
adalah warna suatu teks, action untuk suatu form, nama file 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. (kadir,2002).

2.5 Pengenalan PHP (HyperText Preprocessor)
2.5.1 Sejarah PHP

PHP merupakan salah satu bahasa pemograman web yang masih muda namun telah
mengalami perkembangan yang cukup signifikan dan telah banyak digunakan oleh
banyak user dalam membuat aplikasi web baik perseorangan maupun perusahaan.

2.5.1.1 PHP/FI (Personal Home Page / Form Interpreter )

Pertama kali PHP dibuat dan diperkenalkan oleh Rasmus Lerdorf pada tahun 1995
menggunakan nama PHP/FI. Generasi awal PHP/FI dibuat dari Perl yang waktu itu
digunakan untuk kebutuhan pribadi saja. Pada awalnya, PHP/FI merupakan bagian


75
dari Personal Home Page Tools. Namun, karena kebutuhan penggunaan web yang
semakin kompleks maka dikembangkan PHP/FI dengan menggunakan bahasa c.
Rasmus menulis sejumlah besar fungsi untuk pengaksesan ke dalam database.
Penulisan itu juga bertujuan membangun halaman web menjadi lebih dinamis.
PHP/FI merupakan akronim dari Personal Home Page/Form Interpreter. Pada
awal penyusunan, PHP/FI hanya mempunyai fungsi dasar dari PHP yang ada
sekarang ini. Jadi, dengan kata lain, pondasi PHP sekarang ini adalah PHP/FI. Karena
ketika pertama dibuat menggunakan Perl maka PHP/FI juga mempunyai susunan dan
karakter pemograman yang sama dengannya.

Pada tahun 1997, dikeluarkan PHP/FI versi 2.0. Fungsi-fungsi pada PHP/FI
ditulis dengan menggunakan bahasa C karena telah memiliki fungsi khusus untuk
mengakses database maka, pada tahun yang sama terdapat kurang lebih 50.000
domain yang menggunakan PHP/FI sebagai bahasa pemograman untuk website, atau
sekitar 1% dari total domain yang ada pada waktu itu. Booming PHP/FI tersebut
membuat semakin banyak orang yang tertarik untuk berpartisipasi mengembangkan
PHP/FI. Berkat kerjasama dan kontribusi mereka, PHP versi 3.0 pun dikeluarkan
walau kala itu masih dalam tahap alpha.

2.5.1.2 PHP3

PHP 3 merupakan generasi baru hasil pengembangan PHP/FI. Banyak
developer yang terlibat didalamnya. Tak heran jika PHP 3 dianggap sebagai tonggak


76
awal bagi terciptanya PHP versi sekarang ini. Secara resmi, peluncur PHP 3.0 ialah
Andi Gutmans dan Zeev Suraski pada tahun 1997. Mereka mengeluarkan PHP 3.0
karena melihat kelemahan PHP/FI yang digunakan dalam aplikasi e-commerce.
Kemudian, mereka menulisnya ulang dengan masih mengacu kepada PHP/FI. Setelah
PHP 3 dikeluarkan, mereka menyarankan untuk menghentikan proyek PHP/FI karena
PHP 3 masih lebih baik.

Alasan untuk mulai mengembangkan PHP, dan memfokuskan diri pada PHP
3.0 ialah pengembangan versi ini secara meluas dalam mendukung berbagai jenis
database, protokol dan API. Dengan dukungan yang semakin besar dari berbagai
pihak yang menyumbangkan berbagai modul maka, pada tahun 1998, 10% dari
seluruh webserver yang ada kala itu telah menginstalasi PHP versi 3.0.

2.5.1.3 PHP 4

PHP versi 4 diluncurkan untuk menangani kelemahan PHP 3, yaitu penggunaan
fungsi yang begitu kompleks. Kurangnya efisiensi waktu dan kinerja yang buruk
diperbaiki dan ditulis ulang dari inti PHP 3.

Dengan penambahan fitur baru, seperti session, output buffering dan
penanganan input, menjadikan PHP 4 aman dari berbagai jenis bahasa pemograman
berbasis web. Selain itu, inti perbedaan mereka terletak pada penggunaan Zend
Engine. Zend Engine merupakan inti dari PHP. Sebagian dari inti PHP, secara


77
fungsional ia bertugas menangani input, menterjemahkan dan mengeksekusinya. Ia
juga berperan menterjemahkan fungsi.

2.5.1.4 PHP 5

Pada Juni 2004, Zend merilis PHP 5.0. Pada versi 5 muncul untuk menangani
kelemahan-kelemahan yang terdapat pada versi sebelumnya. PHP versi 5 dapat
membuat file swf dan applet java. Focus utamanya adalah mengoptimalkan
pengunaan PHP untuk OOP (Object Oreiented Programming).(Syafii, 2005)

2.5.2 Skrip PHP

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali
sebagai skrip PHP bila diapit oleh tanda:
a. <?php?>
b. <?..............?>
c. <script language=PHP></script>

Skrip yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan
ekstensi *.php, misalnya : contoh.php. Bila skrip PHP diakses melalui computer lokal
maka file PHP disimpan di folder htdocs di local web server. Sama halnya dengan
penamaan dokumen HTML, pemberian nama dokumen yang sama tetapi dituliskan
dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya


78
contoh.php akan berbeda dengan CONTOH.php atau Contoh.php. Skrip PHP dapat
disisipkan dibagian manapun dalam dokumen HTML, begitu pula sebaliknya skrip
HTML dapat diletakkan diantara skrip PHP.
Berikut ini contoh dari skrip PHP:
a. contoh1.php
<html>
<head>
<title>Menyisipkan PHP di dokumen HTML </title>
</head>
<body>
Cara menyapa PHP dengan akrab:<br>
<p>
<?php
Echo(Hallo PHP, apa kabar?);
?>
</body>
</html>

b. contoh2.php
<?php
Echo(ini ditulis dengan skrip PHP !!);
?>
<html>


79
<body>
<br><hr>
ini ditulis dengan HTML
</body>
</html>
<?php
Echo(<br>sekian);
?>

Gambar 2.2 Dokumen PHP ditampilkan di Browser Mozila


80
2.5.3 Integrasi dengan Database

PHP yang digabungkan dengan database akan lebih berkekuatan jika digabungkan
dengan database yang realible, gratis dan mudah diinstalasi. Terdapat dua jenis
database yang memenuhi yaitu MySQL dan PostgreSQL. Kedua jenis database ini
dipergunakan karena kinerja yang bagus dan untuk mengaksesnya.PHP mempunyai
fungsi khusus. berikut ini daftar database yang didukung oleh PHP sampai versi 5:

Tabel 2.1 Daftar Database-Database Yang Didukung PHP
No. Nama Database No. Nama Database
1.
2.
3.
4.
5.
6.
7.
8.
9.
10
11.
Adabas D
DBase
Empress
FilePro (read-only)
Hyperware
IBM DB2
Informix
Ingres
Interbase
Frontbase
MSQL
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
Direct MS-SQL
MySQL
ODBC
Oracle (OC17 dan OC18)
Ovrimos
PostgreSQL
SQLite
Solid
Sybase
Velocis
Unix dbm


81
PHP mempunyai fungsi khusus untuk mengakses MySQL. Ada sekitar 48 fungsi
yang didukung PHP dalam mengakses PHP dalam mengakses MySQL dalam
membuat aplikasi. Adapun yang biasa digunakan diantaranya adalah :
a. mysql_connect()
fungsi mysql_connect adalah untuk menghubungkan PHP dengan database
MySQL. Format fungsinya adalah:
mysql_connect(string hostname, srting username, string password);

b. mysql_select_db
setelah terhubung ke database MySQL dengan menggunakan mysql_connect,
langkah selanjutnya adalah memilih database yang akan digunakan. Fungsi
mysql_select_db digunakan untuk memilih database. Format fungsinya
adalah:

mysql_select_db(string database, koneksi)

koneksi ialah variable yang terhubung ke MySQL. J ika tidak mengisi variable
koneksi maka koneksi yang terbuka saat itulah yang dianggap digunakan.
Manfaat berbagai macam koneksi adalah bahwa dengan pilihan seperti itu
maka dalam satu file dimungkinkan mengambil query dari 2 database
sekaligus.


82
c. mysql_query
Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah
SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query
memberi perintah kepada database untuk melakukan apa yang dikehendaki.
Format fungsinya:

Int mysql_query(string query, int[link_identifier];

d. mysql_num_rows
kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai
oleh proses SQL.Format fungsinya adalah:

Int mysql_num_rows(int result);

e. mysql_fetch_array

Fungsi ini berkaitan dengan menampilkan data. Untuk menampilkan data,
digunakan fungsi mysql_fetch_array. Dengan fungsi ini, haisl query
ditampung dalam bentuk array. Format fungsinya adalah:

Array mysql_fetch_array(int result, int [result type])


83
2.6. Pengenalan Konsep Pemograman Berorientasi Objek dengan PHP
2.6.1 Mengelola Kompleksitas Aplikasi

Pemograman berorientasi objek (object oriented programming) memandang aplikasi
perangkat lunak sebagai kumpulan object yang saling berinteraksi di dalam suatu
sistem. Merancang sebuah aplikasi menggunakan tehnik object oriented dilakukan
dengan membagi fungsi-fungsi berdasarkan pembagian tanggung jawab. Pembagian
tanggung jawab diterapkan kepada setiap class yang dibuat. Setiap class menyediakan
pelayanan untuk mengerjakan operasi tertentu. Operasi-operasi ini dilaksanakan oleh
object-object yang dibuat dari class tersebut. Dengan memfokuskan setiap class pada
tanggung jawab yang tertentu dengan tingkatan kompleksitas yang memadai tentu
akan sangat membantu untuk mereduksi kompleksitas aplikasi secara keseluruhan.

Pembangunan aplikasi dapat dianalogikan sebagai misi dari sebuah tim
dimana untuk mencapai tujuan dari misi ini dilakukan pembagian tugas yang jelas
agar dapat menyelesaikan tugas yang diberikan dengan baik. Dengan tehnik Object
Oriented ini, jalinan komunikasi antar programmer juga dipermudah dengan masing-
masing class yang dibuat akan dilengkapi dengan interface yang menjadi standar
bagaimana class tersebut dihubungi. Interface itu mencakup:
a. Nama
b. Operasi yang menjadi tugasnya
c. Cara penggunaannya
d. Hasil yang diperoleh


84
Pada akhirnya dengan pendekatan object oriented ini akan dihasilkan aplikasi
dengan struktur yang kokoh. Operasi dan data dibungkus dengan rapi di dalam class.
Data hanya dapat dimanipulasi menggunakan operasi-operasi yang disediakan
didalam class.

2.6.2 Mengantisipasi Adanya Perubahan

Salah satu prinsip dalam perancangan aplikasi dengan pendekatan object oriented
adalah pemisahan antara tampilan (user interface) dan implementasi (business logic).
Tujuan pemisahan antara bagian tampilan dengan bagian implementasi adalah
mengurangi ketergantungan antarbagian di dalam aplikasi.

Tingkat ketergantungan yang rendah tersebut dapat memudahkan
penggantian, perbaikan, atau pengembangan suatu modul dengan tidak menimbulkan
efek pada modul lainnya. Modul-modul yang independent memungkinkan
penggunaan ulang (reuse) dari modul-modul tersebut.(Syafii,2005).

2.7 MySQL

MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (Data
Base Management System). MySQL juga dapat dikategorikan sebagai Relational
Data Base Management System (RDBMS), karena dalam pembuatan basis data pada
MySQL terdiri atas lajur horizontal dan lajur vertikal.


85
MySQL pada saat ini banyak digunakan oleh pemograman web untuk
membangun situs yang memerlukan basis data sebagai data dan pengolahan
data.(Syafii,2005).

2.8 Macromedia Dreamweaver

Dalam membuat website diperlukan suatu editor. Salah satu editor yang sangat
sederhana adalah notepad. Dengan perkembangan perangkat lunak, suatu perusahaan
yang bernama Macromedia, inc. membuat suatu editor berbasis GUI yang
dikhususkan untuk pembuatan website yang diberi nama Dreamweaver.

Dreamweaver merupakan editor HTML yang professional untuk mendesain,
menulis kode program, dan mengembangkan website, halaman web, dan aplikasi
web. Dalam pengerjaannya, Dreamweaver memberikan 3 (tiga) pilihan yaitu bekerja
dengan menulis kode program (menu code), dengan pengeditan secara visual (Mode
Design) dan dengan tampilan keduanya (mode split). Dreamweaver juga
menyediakan alat-alat Bantu untuk mengembangkan kreativitas pembuatan
web.(Bambang et al,2004).


86
BAB 3

SEKILAS CV. FLASHINDOMEDIA MEDAN

3.1 Sejarah Singkat CV. FLASHINDOMEDIA Medan

Flashindomdia merupakan sebuah perusahaan baru yang bergerak dibidang industri
kreatif dengan konsep pelayanan terbaru di dunia periklanan dan web development
yang mengutamakan kualitas dan kreatifitas yang dikembangkan dengan menjunjung
tinggi tanggung jawab kerja, kepuasan konsumen adalah hal utama yang ingin di
capai oleh CV. FLASHINDOMEDIA Medan, sehingga untuk setiap langkah yang
diambil kepuasan konsumen menjadi satu-satunya acuan.

Flashindomedia didirikan pada tanggal 9 juni 2007 dengan alamat J l. Setia
Lama No.37 H.Adam Malik Medan. Flashindomedia dibangun berdasarkan
pengalaman matang para pendirinya serta didukung oleh team kreatif yang cerdas dan
berpengalaman dan bekerja sama untuk memberikan solusi serta kemudahan yang
memfokuskan pada tujuan bisnis anda.

Ketika pihak flashindomedia menyiapkan sebuah solusi komunikasi bagi
perusahaan anda, sangat penting bagi flashindomedia memfokuskan diri pada tujuan
bisnis anda, sinergi penggunaan media,dan market positioning perusahaan anda. Agar


87
setiap tujuan anda tercapai, proses perencanaan dilakukan secara teliti bersama
dengan anda sebagai calon klien Flashindomedia.

Flashindomedia kemudian akan mengkomunikasikan strategi bisnis anda
melalui suatu media promosi yang terintegrasi yang didesain secara cerdas ,kreatif,
inovatif dan sellable guna mendapatkan target yang akan dituju. Dengan metode
tersebut, maka akan dihasilkan output yang dapat memperkuat image perusahaan,
sekaligus melambangkan perusahaan anda sebagai perusahaan yang berkelas yang
nantinya akan menjadi brand tersendiri di benak konsumen anda.

Pelayanan kami melingkupi spektrum yang luas mulai dari terciptanya ide,
pembuatan konsep, perencanaan sampai pada pelaksanaan. Flashindomedia membuka
pintu layanan dan memberikan kemudahan kepada anda sebagai konsumen.

3.2 Visi, Misi dan Tujuan CV. Flashindomedia Medan

Sebuah perusahaan baik itu instansi pemerintah maupun swasta haruslah mempunyai
visi, misi, dan tujuan dalam mendirikan dan menjalankan perusahaan. Semuanya itu
juga berlaku pada CV. FLASHINDOMEDIA Medan.


88
3.2.1 Visi CV. FLASHINDOMEDIA Medan

"Federating the smart creatice energy for supporting the mission".
Penyatuan energi kreatif yang cerdas untuk mendukung misi.

3.2.2 Misi CV. FLASHINDOMEDIA Medan

"Make your company talking without your words ".
Membuat perusahaan anda berbicara tanpa harus berbicara.

3.2.3 Tujuan CV. FLASHINDOMEDIA Medan

Memberikan pelayanan terbaru di dunia periklanan dan web development yang
mengutamakan kualitas dan kreatifitas yang dikembangkan dengan menjunjung
tinggi tanggung jawab kerja, kepuasan konsumen adalah hal utama yang ingin di
capai oleh CV. FLASHINDOMEDIA Medan.


89
Admin
Sistem Informasi
Absensi
Pegawai CV.
Flashindomedia
Medan berbasis
Web
Pegawai
Pimpinan
BAB 4

RANCANGAN SISTEM PROGRAM

4.1 Data Flow Diagram

Perancangan DFD yang penulis buat dalam perancangan ini terdiri dari Diagram
Konteks dan DFD Level Nol.

Info Data Data Pegawai
Pegawai

Info Absensi Pegawai
- Data Admin
- Data pegawai
- Data Absensi

Laporan Absensi Pegawai

Gambar 4.1 Diagram Konteks Sistem Informasi Absensi Pegawai CV.
Flashindomedia Medan Berbasis Web


90
Admin
F3 Jabatan
Karyawan
F2 Absensi
F1 Karyawan
Pimpinan
Upload
Data
Update
Data
Pembuatan
Laporan

Info Data Pegawai

- Data Karyawan Info Absensi Karyawan
- Data Absensi Info Data Karyawan
- Data Jabatan

Gambar 4.2 Data Flow Diagram Level Nol Sistem Informasi Absensi Pegawai
CV. Flashindomedia Medan Berbasis Web


91

Data Karyawan

Info Data
Karyawan

Pengisian
Absensi

Info Absensi

Info Rekap Rekap Absensi
Absensi Karyawan

Laporan Absensi Karyawan

Gambar 4.3 Diagram Sistem Informasi Pegawai yang sedang berjalan pada
CV. Flashindomedia Medan

Bagian Karyawan
Karyawan
Pimpinan
1.0
Pengumpulan
Data
2.0
Pengisian
Absensi
3.0
Rekap
Absensi
F1 Karyawan
F2 Karyawan


92
4.2 Flowchart Program

Gambar 4.4 Flowchart Menu Utama
New
Passswor

Selesai
Simpan
Database
Log out
End
Auto Presure
Absensi By Login
Database
Menu
Edit
Profil
Password
Lihat
Absen
Start
Input NIK & Password
Halaman Absensi
True? Database Log in
Alamat
TTL
No. Telp
Photo
Selesai
Simpan
Database
Lihat
Bulan Lain
Absen Bulan
ini

Input Date

Search Database
Search
Absensi

Mira Bellina : SistemInformasi Absensi Pegawai Pada CV. Flashindomedia Medan Berbasis Web, 2009.

93

Gambar 4.5 Flowchart Admin
Database
True?

Input NIK & Password
Log in
Start
Halaman Absensi
Menu Admin
Master Data
DataAbsensi
Laporan
Log Out
End
DataKaryawan DataKaryawan
A B
Absensi
Cuti
Absensi
Izin
Absensi
Reguler
F G H
Absensi
Cuti
Absensi
Izin
Absensi
Reguler
C D E


94

Gambar 4.6 Keterangan Bagan Flowchart Admin

Data Karyawan
Tambah
Edit
Hapus Hapus

Databa

NIK
Nama

TTL
J enis Kelamin
J abatan
Alamat
No. Telp
Photo
Password
Level
NIK
Nama
TTL
J enis Kelamin
Level
J abatan
Alamat
No. Telp
Password
Photo
Update
Simpan

Seles

Simpan
Databas
e
A


95


Simpan
Kode

Nama
J b
Simpan
Database
Data

Data

Update
Simpan
Database
Hapu

Hapus
dari

Data

B
Tamba

Edit
Hapus


96


Update
Simpan Database
NIK
Nama
Tanggal
J amMasuk
J amIstirahat
Masuk Istirahat
J amKeluar
Simpan
Database
NIK
Tanggal
J amMasuk
J amIstirahat
Masuk Istirahat
J amkeluar
C
Data Absensi Hari
ini
Lihat Absensi
Tanggal Lain
Edit
Hapus Hapus Karyawan Database
Tambah
Hapus Date Search Database Database show


97


D
NIK
J abatan
Update
Tgl Mulai
Tgl Selesai
Keterangan
Database
NIK
Tgl Mulai
Simpan
Simpan
Database
Tgl Selesai
Keterangan
Hapus Database
Data Inti Bulan ini
Tambah
Edit
Hapus
F
Absensi Bulan ini Search Absensi
Cetak
Search Bulan Lain Database
Absensi


98
4.3 Normalisasi

Dalam hal ini penulis memberikan penjelasan mengenai normalisasi table database
yang penulis gunakan untuk merancang sistem informasi absensi pegawai, antara lain
sebagai berikut:
1. Bentuk Tidak Normal
Berikut ini adalah bentuk tabel tidak normal seperti terlihat pada tabel absensi
pegawai dibawah ini:
Tabel Absensi Pegawai
Tanggal Nik Nama Jabatan
Jam
masuk
Jam
istirahat
Jam
masuk
isrirahat
Jam
pulang

2. Bentuk Normal
Berikut ini adalah tabel normal dimana tabel absensi dipecah menjadi 3
bagian seperti terlihat pada tabel absensi, tabel karyawan, dan tabel jabatan
dibawah ini:

Tabel Absensi
Tanggal Nik
Jam
masuk
Jam
istirahat
Jam
masuk
istirahat
Jam
keluar


99
Tabel Karyawan
Nik Nama Alamat
Tempat
lahir
Tanggal
lahir
Gender Telepon
Kode
jabatan
Password Level Photo

Tabel Jabatan
Kode jabatan Nama jabatan

4.4 Rancangan Database

Dalam hal ini penulis memberikan struktur tabel database yang penulis gunakan
untuk merancang sistem informasi absensi pegawai, antara lain sebagai berikut:

Tabel 1. Absensi
No. Field Data Type Width Description
1. Tanggal Date - Tanggal
2. Nik Int 9 Nomor induk karyawan
3. Masuk Time - Masuk
4. Istirahat Time - Istirahat
5. Msk_istirahat Time - Masuk istirahat
6. Keluar Time - Keluar
7. ket Int 2 Keterangan


100
Tabel 2. Cuti
1. Id Int 2 Id
3. Tgl_mulai Date - Tanggal mulai
4. Tgl_selesai Date - Tanggal selesai
5. ket Varchar 50 Keterangan

Tabel 3. Ijin
1. Id Int 2 Id
3. Tgl_mulai Date - Tanggal mulai
4. Tgl_selesai Date - Tanggal selesai
5. Ket Varchar 50 Keterangan

Tabel 4. Jabatan
1. Kode_jabatan Varchar 4 Kode jabatan
2. Nama_jabatan Varchar 30 Nama jabatan

Tabel 5. karyawan
2. Nama Varchar 30 Nama
3. Alamat Varchar 250 Alamat
4. T4_lahir Varchar 30 Tempat lahir
5. Tgl_lahir Date - Tanggal lahir
6. Gender Varchar 6 Gender
7. Telp Varchar 15 Telepon
8. Kode_jabatan Varchar 4 Kode jabatan
9. Password Varchar 32 Password
10. Level Varchar 20 Level
11. Photo Varchar 50 Photo


101
Tabel 6. Modul
1. Id_modul Int 3 Id modul
2. Nama_modul Varchar 30 Nama modul
3. Link Varchar 30 Link
4. Katagori Varchar 20 Katagori


102
BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur-prosedur yang dilakukan dalam penyelesaian
desain sistem yang ada dalam rancangan sistem yang telah ditetapkan dan disetujui
seperti menginstal, menguji sistem yang dibuat dan memulai sistem yang baru.

5.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem ini adalah sebagai berikut:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru
3. Menguji apakah sistem baru tersebut sesuai dengan pemakai
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat
rencana, mengontrol dan melakukan instalasi baru secara benar.


103
5.3 Komponen- komponen kebutuhan sistem

Untuk menunjang penerapan sistem yang dirancang , dibutuhkan komponen-
komponen yang sangat berperan terhadap kebutuhan sistem. Berikut beberapa
komponen yang dibutuhkan sistem agar dapat beroperasi dengan baik.

5.3.1 Hardware
Komponen ini merupakan komponen pertama yang sangat diperlukan dalam
mewujudkan sistem yang diusulkan. Dalam hal ini merincikan spesifikasi hardware
yang diajukan adalah sebagai berikut:
a. Komputer dengan processor Intel Pentium 4
b. Memori RAM 256 MB atau lebih
c. Kapasitas Hardisk minimal 10 GB
d. Microsoft Windows 2000 service pack 4 atau XP Home
e. Microsoft Windows XP Professional (lebih disarankan)

5.3.2 Software
Dengan adanya hardware saja, tentu tidak akan dapat digunakan tanpa adanya
bantuan penuh dari komponen Software. Adapun Software yang digunakan dalam
pembuatan website ini adalah:
a. Sistem Operasi Windows XP
Pada saat ini sistem operasi windows XP merupakan sistem operasi yang
sering digunakan oleh masyarakat umum Indonesia. Sistem operasi ini lebih


104
dikenal cara pengoperasiannya atau penggunaannya disbanding sistem operasi
lain. Oleh karena itu penulis menggunakan sistem operasi ini.

Gambar 5.1 Halaman Tampilan antar muka Sistem Operasi Windows XP

b. Macromedia Dreamweaver 8
Dreamweaver program professional text editor dalam penulisan PHP maupun
HTML yang digunakan untuk mengelola situs dan menata layout halaman
web. Saat ini versi terbaru dreamweaver yang dikeluarkan oleh macromedia
dreamweaver adalah versi 8, tetapi disini penulis menggunakan Macromedia
Dreamweaver 8.


105

Gambar 5.2 Halaman Tampilan Macromedia Dreamweaver 8

c. XAMPP
XAMPP merupakan software triad dari 3 aplikasi yaitu apache sebagai web
servernya, PHP sebagai bahasa pemograman serta MySQL sebagai
databasenya. Dengan XAMPP kebutuhan software telah terpenuhi.


106

Gambar 5.3 Tampilan Antar Muka Web Server

5.3.3 Brainware

Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user
ataupun administrator. Brainware sebagai administrator adalah yang melakukan
pengolahan website. Administrator harus mengerti tentang bahasa pemograman PHP
dan MySQL serta jalannya sistem. Sedangkan user adalah pengguna website itu
sendiri. User tidak harus mengerti tentang bahasa pemograman tersebut karena user
hanyalah pengguna dan hanya cukup mampu mengoperasikan internet browser.


107
5.4 Demonstrasi Program

Aplikasi sistem informasi absensi CV. Flashindomedia Berbasis Web yang penulis
rancang ini memiliki beberapa halaman. Halaman halaman yang akan ditampilkan
merupakan halaman- halaman program yang penulis rancang:

5.4.1 Halaman Utama Login Absensi Karyawan

Halaman login karyawan adalah halaman khusus karyawan untuk melakukan absensi.
Dimana absensi dilakukan sebanyak 4 kali, yaitu jam masuk, jam istirahat, jam
masuk istirahat dan jam keluar.

Gambar 5.4 Halaman Utama Login Absensi


108
5.4.2 Halaman Menu Login Absensi

Halaman menu login adalah halaman lanjutan setelah melakukan login pada halaman
utama login absensi. Halaman ini berisi tentang absensi yang akan di lakukan seorang
karyawan di CV. Flashindomedia. Di halaman ini dapat melakukan edit profil,
mengganti password yang telah dimiliki serta dapat melihat absensi yang telah lalu.

Gambar 5.5 Halaman Menu Login Absensi


109
5.4.3 Halaman Login Admin

Halaman login admin adalah halaman khusus admin. Sebelum admin masuk ke dalam
halaman web nya, admin harus melakukan login terlebih dahulu di halaman login
admin dengan cara mengisi kotak NIK dan memasukkan PASSWORD.

Gambar 5.6 Halaman Login Admin

5.4.4 Halaman Menu Admin

Pada saat admin sukses melakukan proses login maka akan tampil menu admin,
dimana pada menu tersebut admin dapat menambah, mengedit dan menghapus data.


110

Gambar 5.7 Halaman Menu Admin

5.4.5 Halaman Menu Master Data

Pada halaman ini ada terdapat dua menu yaitu data karyawan dan data jabatan. Di
mana di menu data karyawan admin dapat melakukan pengeditan pada profil
karyawan serta dapat melakukan penambahan data karyawan baru sedangkan pada
menu data jabatan berisi tentang jabatan-jabatan yang ada pada CV. Flashindomedia
Medan.


111

Gambar 5.8 Halaman Menu Master Data

5.4.6 Halaman Menu Data Absensi

Halaman ini berisikan tentang absensi semua karyawan. Admin dapat melihat absensi
semua karyawan. Pada halaman ini terdapat 3 menu yaitu absensi regular, absensi
cuti dan absensi ijin.


112

Gambar 5.9 Halaman Menu Data Absensi

5.4.7 Halaman Menu Laporan

Halaman ini berisikan tentang laporan absensi semua karyawan yang dapat di
tampilkan dari bulan berapa pun. Pada halaman ini terdapat 3 menu yaitu absensi
global, absensi cuti dan absensi ijin.


113

Gambar 5.10 Halaman Menu Laporan


114
BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Sistem informasi absensi pegawai CV. Flashindomedia Medan Berbasis web ini
adalah media yang dapat digunakan untuk menyampaikan informasi khususnya
kepada pimpinan dan pegawai perusahaan. Sistem informasi absensi pegawai ini
dirancang penulis dengan menggunakan sistem operasi Windows XP Professional,
Macromedia Dreamweaver 8, Photoshop CS, Aplikasi Triad XAMPP sebagai web
servernya, PHP bahasa scripting-nya dan MySQL sebagai database manajemen
sistem (DBMS). Dari penjelasan pada bab-bab sebelumnya, penulis dapat
merangkum beberapa kesimpulan yaitu sebagai berikut:
1. Penggunaan dan Pemanfaatan aplikasi Sistem Informasi Absensi Pegawai
CV. Flashindomedi medan ini dapat memberikan kemudahan bagi pihak
perusahaan dalam melakukan absensi kepegawaiannya.
2. Dengan adanya Sistem Informasi Absensi Pegawai CV. Flashindomedia ini
baik pimpinan dan karyawan dapat melihat langsung data absensi mereka.
Karyawan juga bisa melihat data pribadinya sehingga jika terjadi kesalahan
informasi data yang ditampilkan dapat dilaporkan langsung kepada admin dan
segera di update.


115
3. Program aplikasi XAMPP yang digunakan memudahkan penulis dalam
membuat aplikasi ini karena dalam hal peng-installan maupun penggunaannya
sangat lah mudah.

6.2 Saran

Dari peninjauan dan riset yang telah dilakukan oleh penulis, maka penulis
berkeinginan memberikan saran saran yang mungkin dapat digunakan sebagai
bahan pertimbangan bagi para pembaca, yaitu:
1. Sejalan dengan pesatnya kemajuan Teknologi, Penulis berharap agar pembaca
lebih memperdalam pengetahuan dibidang komputer, mengingat penggunaan
komputer dewasa ini tidak dapat dipisahkan lagi dengan aktifitas sehari-hari.
2. Dalam pembuatan Sistem Informasi Absensi Pegawai CV. Flashindomedia
Medan ini masih banyak kekurangan yang terdapat dalam sistem tersebut.


116
DAFTAR PUSTAKA

Hakim, L, dan Musalini, U. 2004. Cara Mudah Memadukan Web Design dan Web
Programming. Jakarta: PT Elex Media Komputindo

Kadir, Abdul. 2003. Pemograman WEB Mencakup HTML, CSS, JavaScript dan PHP.
Yogyakarta. Andi Offset

Kartoyo, Haris Supriansyah. 2006. 30 Menit Menjadi Webmaster. Bandung : Oase
Media

RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai Pemograman
WEB. Bandung : Informatika Bandung

Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta :
Andi Offset


117
Li st i ng Pr ogr am

I ndex. php

<ht ml >
<head>
<t i t l e>: : Si st emAbsensi CV. FLASHI NDOMEDI A : : </ t i t l e>
<l i nk hr ef =" st yl e. css" r el ="st yl esheet " t ype=" t ext / css" / >
<l i nk r el =" shor t cut i con" hr ef ="f avi con. i co" >
<l i nk r el =" i con" t ype=" i mage/ gi f " hr ef =" ani mat ed_f avi con1. gi f " >
</ head>
<body>
<di v i d=" header " >
<di v i d="cont ent " >
<h2>Logi n Absensi </ h2>
<i mg sr c=" i mages/ l ogi n- wel come. gi f " wi dt h=" 97" hei ght =" 105" hspace="10"
al i gn=" l ef t " >
<?php i ncl ude "f or m_l ogi n. php"; ?>
</ di v>
<?php i ncl ude " hadi r . php" ; ?>
</ di v>
<di v i d=" f oot er " >
Copyr i ght © 2009 by mi r a
</ di v>
</ di v>
</ body>
</ ht ml >

Aksi . php

<?php
sessi on_st ar t ( ) ;
i ncl ude " conf i g/ koneksi . php";
i ncl ude " conf i g/ l i br ar y. php";

$act =$_GET[ act ] ;

i f ( $act ==' updat e' ) {
$l okasi _f i l e = $_FI LES[ ' f upl oad' ] [ ' t mp_name' ] ;
$nama_f i l e = $_FI LES[ ' f upl oad' ] [ ' name' ] ;
$t gl _l ahi r =spr i nt f ( "%02d%02d%02d", $_POST[ t hn_l ahi r ] , $_POST[ bl n_l ahi r ]
, $_POST[ t gl _l ahi r ] ) ;

i f ( empt y( $l okasi _f i l e) ) {
mysql _quer y( " UPDATE kar yawan SET al amat = ' $_POST[ al mt ] ' ,
t 4_l ahi r = ' $_POST[ t 4_l ahi r ] ' ,
t gl _l ahi r =
' $t gl _l ahi r ' ,
t el p = ' $_POST[ t el p] '
WHERE ni k = ' $_POST[ ni k] ' ") ;
}
el se{
move_upl oaded_f i l e( $l okasi _f i l e, "admi n/ i mages/ phot o/ $nama_f i l e" ) ;
mysql _quer y( " UPDATE kar yawan SET al amat = ' $_POST[ al mt ] ' ,
t 4_l ahi r = ' $_POST[ t 4_l ahi r ] ' ,
t gl _l ahi r =
t el p = ' $_POST[ t el p] ' ,
phot o = ' $nama_f i l e'
WHERE ni k = ' $_POST[ ni k] ' ") ;
}
header ( ' l ocat i on: medi a. php?modul =home' ) ;

}el sei f ( $act ==' change' ) {
$pas=md5( $_POST[ pass] ) ;
$p=mysql _quer y( " sel ect * f r omkar yawan wher e ni k = ' $_POST[ ni k] ' and
passwor d =' $pas' " ) ;


118
$j =mysql _num_r ows( $p) ;

i f ( $j > 0) {
i f ( $_POST[ pass1] ==$_POST[ pass2] ) {
$pas1=md5( $_POST[ pass1] ) ;
mysql _quer y( "updat e kar yawan set passwor d = ' $pas1'
wher e ni k = ' $_POST[ ni k] ' " ) ;
header ( ' l ocat i on: medi a. php?modul =passchange' ) ;
}el se{
echo "<l i nk hr ef =st yl e. css r el =st yl esheet
t ype=t ext / css>";
echo "Passwor d t i dak cocok<br >" ;
echo "<a hr ef =medi a. php?modul =passchange><b>ULANGI
LAGI </ b></ a></ cent er >" ;
}
}el se{
echo "<l i nk hr ef =st yl e. css r el =st yl esheet t ype=t ext / css>" ;
echo "Passwor d Anda Sal ah<br >";
echo "<a hr ef =medi a. php?modul =passchange><b>ULANGI
}
}
?>

Medi a. php

<?php
i ncl ude " conf i g/ f ungsi _combobox. php" ;
i ncl ude " conf i g/ f ungsi _i ndot gl . php";

?>
<! DOCTYPE ht ml PUBLI C "- / / W3C/ / DTD XHTML 1. 0 Tr ansi t i onal / / EN"
" ht t p: / / www. w3. or g/ TR/ xht ml 1/ DTD/ xht ml 1- t r ansi t i onal . dt d" >
<ht ml xml ns="ht t p: / / www. w3. or g/ 1999/ xht ml ">
<head>
<met a ht t p- equi v="Cont ent - Type" cont ent =" t ext / ht ml ;
char set =wi ndows- 1252" / >
<l i nk hr ef =' st yl e. css' r el =' st yl esheet ' t ype=' t ext / css' >
<t i t l e>: : Si st emAbsensi CV. FLASHI NDOMEDI A : : </ t i t l e>
</ head>
<body>

<di v i d=" cont ent " >
<di v i d=" nav">
<a
hr ef ="?modul =home"> Home </ a> |
<a
hr ef ="?modul =edi t "> Edi t Pr of i l e </ a> |
<a
hr ef ="?modul =passchange" > Change Passwor d </ a> |
<a hr ef =" ?modul =absen" > Li hat
Absensi </ a> |
<a hr ef =" l ogout . php">
Logout </ a>

</ di v>

<?php
i f ( $_GET[ modul ] ==' edi t ' ) {
$ni k=$_SESSI ON[ ni k] ;
$sq=mysql _quer y( " sel ect * f r omkar yawan, j abat an wher e ni k=' $ni k' and
kar yawan. kode_j abat an = j abat an. kode_j abat an " ) ;
$d=mysql _f et ch_ar r ay( $sq) ;


119
echo "
<h2>Edi t Pr of i l </ h2>
<f or mmet hod=post enct ype=' mul t i par t / f or m- dat a'
act i on=aksi . php?act =updat e>
<i nput t ype=hi dden name=ni k val ue=' $d[ ni k] ' >
<t abl e>
<t r ><t d>Ni k</ t d><t d>: $d[ ni k] </ t d></ t r >
<t r ><t d>Nama</ t d><t d>: $d[ nama] </ t d></ t r >
<t r ><t d>Al amat </ t d><t d>: <t ext ar ea name=al mt col s=20
r ows=2>$d[ al amat ] </ t ext ar ea></ t d></ t r >
<t r ><t d>Tempat / Tanggal Lahi r </ t d><t d>: <i nput t ype=t ext
name=t 4_l ahi r val ue=' $d[ t 4_l ahi r ] ' >" ;
$get _t gl =subst r ( " $d[ t gl _l ahi r ] " , 8, 2) ;
combot gl 2( 1, 31, ' t gl _l ahi r ' , $get _t gl ) ;
$get _bl n=subst r ( "$d[ t gl _l ahi r ] " , 5, 2) ;
combobl n3( 1, 12, ' bl n_l ahi r ' , $get _bl n) ;
$get _t hn=subst r ( "$d[ t gl _l ahi r ] " , 0, 4) ;
$t hn_skr g=dat e( " Y" ) ;
combot gl 2( $get _t hn- 10, $t hn_sekar ang+2, ' t hn_l ahi r ' , $get _t hn) ;
echo "
</ t d></ t r >
<t r ><t d>J eni s Kel ami n</ t d><t d>: $d[ gender ] </ t d></ t r >
<t r ><t d>No. Tel p</ t d><t d>: <i nput t ype=t ext name=t el p
val ue=' $d[ t el p] ' ></ t d></ t r >
<t r ><t d>J abat an</ t d><t d>: $d[ nama_j abat an] </ t d></ t r >
<t r ><t d>Phot o</ t d><t d> : <i mg sr c=' admi n/ i mages/ phot o/ $d[ phot o] '
wi dt h=100 hei ght =100 bor der =0></ t d></ t r >
<t r ><t d>Gant i Phot o</ t d> <t d> : <i nput t ype=f i l e name=f upl oad>
*) </ t d></ t r >
<t r ><t d col span=2>*) Apabi l a gambar t i dak di ubah, di kosongkan
saj a. </ t d></ t r >
<t r ><t d col span=2><i nput t ype=submi t val ue=Si mpan i d=submi t >
<i nput t ype=but t on val ue=Bat al i d=submi t
oncl i ck=sel f . hi st or y. back( ) ></ t d></ t r >
</ t abl e>
</ f or m>
" ;

}el sei f ( $_GET[ modul ] ==' passchange' ) {
$p=mysql _quer y( " sel ect * f r omkar yawan wher e ni k = ' $ni k' " ) ;
$e=mysql _f et ch_ar r ay( $p) ;

echo "
<h2>Gant i Passwor d</ h2>
<f or mmet hod=post act i on=aksi . php?act =change>
<i nput t ype=hi dden name=ni k val ue=' $e[ ni k] ' >
<t abl e>
<t r ><t d>Cur r ent Passwor d</ t d><t d>: <i nput t ype=passwor d name=pass
></ t d></ t r >
<t r ><t d>New Passwor d</ t d><t d>: <i nput t ype=passwor d name=pass1
></ t d></ t r >
<t r ><t d>Ret ype New Passwor d</ t d><t d>: <i nput t ype=passwor d
name=pass2></ t d></ t r >
<t r ><t d col span=2><i nput t ype=submi t i d=submi t val ue=Updat e>
<i nput t ype=but t on val ue=Bat al i d=submi t
</ t abl e>
</ f or m>
" ;

}el sei f ( $_GET[ modul ] ==' absen' ) {
$m=dat e( " m") ;
$y=dat e( " Y") ;
echo "<h2>Absensi </ h2>
<f or mact i on=?act =t ampi l kan met hod=POST>


120
<t abl e>
<t r ><t d>Bul an</ t d><t d>: " ;
$bl n=dat e( "m") ;
combobl n3( 1, 12, ' bl n' , $bl n) ;
combot gl 2( $t hn_sekar ang- 2, $t hn_sekar ang+2, ' t hn' , $t hn_skr g) ;
echo "
</ t d><t d><i nput t ype=submi t val ue=Tampi l kan></ t d></ t r >

</ t abl e>
<h2 al i gn=cent er >Absensi <br >Bul an $m$y</ h2>
<t abl e>

<t r ><t h>no</ t h><t h>Tanggal </ t h><t h>NI K</ t h><t h>Nama</ t h><t h>J abat an</ t h><t h>
J amMasuk</ t h><t h>J amI st i r ahat </ t h><t h>J amMasuk I st i r ahat </ t h><t h>J am
Kel uar </ t h></ t r >" ;
$t ampi l =mysql _quer y( "SELECT * f r omabsensi , kar yawan, j abat an wher e
absensi . ni k=kar yawan. ni k and absensi . ni k=' $ni k' and
kar yawan. kode_j abat an=j abat an. kode_j abat an and mont h( t anggal ) =' $m' and
year ( t anggal ) =' $y' or der by t anggal " ) ;
$no=1;
whi l e ( $r =mysql _f et ch_ar r ay( $t ampi l ) ) {
$t gl =t gl _i ndo( $r [ t anggal ] ) ;
echo " <t r ><t d>$no</ t d>
<t d>$t gl </ t d>
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d>$r [ nama_j abat an] </ t d>
<t d>$r [ masuk] </ t d>
<t d>$r [ i st i r ahat ] </ t d>
<t d>$r [ msk_i st i r ahat ] </ t d>
<t d>$r [ kel uar ] </ t d>
</ t r >";
$no++;
}
echo "</ t abl e>" ;
}

el sei f ( $_GET[ act ] ==' t ampi l kan' ) {
$m=$_POST[ bl n] ;
$y=$_POST[ t hn] ;

<t abl e>
<t r ><t d>Bul an</ t d><t d>: " ;
$bl n=dat e( "m") ;
combobl n3( 1, 12, ' bl n' , $bl n) ;
echo "

</ t abl e>
<h2 al i gn=cent er >Absensi <br >Bul an $m$y</ h2>
<t abl e>

Kel uar </ t h></ t r >" ;
$t ampi l =mysql _quer y( "SELECT * f r omabsensi , kar yawan, j abat an wher e
absensi . ni k=kar yawan. ni k and absensi . ni k=' $ni k' and
$no=1;


121
<t d>$t gl </ t d>
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
</ t r >";
$no++;
}
}el se{
i f ( empt y( $_SESSI ON[ ni k] ) AND empt y( $_SESSI ON[ pass] ) ) {
echo "<l i nk hr ef =' st yl e. css' r el =' st yl esheet '
t ype=' t ext / css' >
<cent er >Anda har us l ogi n <br >";
echo "<a hr ef =i ndex. php><b>LOGI N</ b></ a></ cent er >" ;
}
el se{
?>

<?php

$s=mysql _quer y( " sel ect * f r omkar yawan, absensi wher e
kar yawan. ni k = absensi . ni k
and kar yawan. ni k=' $ni k'
and absensi . ni k=' $ni k'
and absensi . t anggal =' $t gl _sekar ang'
" ) ;
$r =mysql _f et ch_ar r ay( $s) ;
echo "<h2>Sel amat Dat ang</ h2>";
echo "

<t abl e wi dt h=60%bor der =0 cel l spaci ng=0 cel l paddi ng=0>
<t r >
<t d wi dt h=20%r owspan=6><i mg sr c=' admi n/ i mages/ phot o/ $r [ phot o] '
wi dt h=120 hei ght =120 hspace=10 bor der =0 al i gn=cent er val i gn=t op></ t d>
<t d wi dt h=20%>NI K</ t d>
<t d wi dt h=20%>: $r [ ni k] </ t d>
</ t r >
<t r >
<t d>Nama</ t d>
<t d>: $r [ nama] </ t d>
</ t r >
<t r >
<t d>J amMasuk </ t d>
<t d>: $r [ masuk] </ t d>
</ t r >
<t r >
<t d>J amI st i r ahat </ t d>
<t d>: $r [ i st i r ahat ] </ t d>
</ t r >
<t r >
<t d>J amMasuk I st i r ahat </ t d>
<t d>: $r [ msk_i st i r ahat ] </ t d>
</ t r >
<t r >
<t d>J amKel uar </ t d>
<t d>: $r [ kel uar ] </ t d>
</ t r >
</ t abl e>

" ;


122

}
}

?>

</ di v>
Copyr i ght © 2009 by mi r a
</ di v>
</ di v>
</ body>
</ ht ml >

Logout . php

<?php
sessi on_dest r oy( ) ;
header ( ' l ocat i on: i ndex. php' ) ;

?>

For m_l ogi n. php

<?php
echo "<f or mmet hod=POST act i on=cek_l ogi n. php>
<t abl e>
<t r ><t d>NI K</ t d><t d> : <i nput t ype=t ext name=ni k></ t d></ t r >
<t r ><t d>Passwor d</ t d><t d> : <i nput t ype=passwor d name=pass></ t d></ t r >
<t r ><t d col span=2><i nput t ype=submi t val ue=Logi n
i d=submi t ></ t d></ t r >
</ t abl e>
</ f or m>" ;
?>

Hadi r . php

<?php
i ncl ude " conf i g/ f ungsi _i ndot gl . php";

$sq=mysql _quer y( " sel ect * f r omabsensi , kar yawan wher e
absensi . ni k=kar yawan. ni k and absensi . t anggal =' $t gl _sekar ang' or der by
absensi . masuk asc") ;
$r =mysql _num_r ows( $sq) ;

i f ( $r > 0) {
echo "<t abl e><t r ><t h>Tanggal </ t h><t h>NI K</ t h><t h>Nama</ t h><t h>J am
Masuk</ t h><t h>J amI st i r ahat </ t h><t h>Masuk I st i r ahat </ t h><t h>J am
Pul ang</ t h></ t r >" ;

whi l e( $t =mysql _f et ch_ar r ay( $sq) ) {
$t gl =t gl _i ndo( $t [ t anggal ] ) ;
echo "<t r >
<t d>$t gl </ t d>
<t d>$t [ ni k] </ t d>
<t d>$t [ nama] </ t d>
<t d>$t [ masuk] </ t d>
<t d>$t [ i st i r ahat ] </ t d>
<t d>$t [ msk_i st i r ahat ] </ t d>
<t d>$t [ kel uar ] </ t d>
</ t r >";
}

echo "</ t abl e>";


123

}
?>

Cek_l ogi n. php

<?php
$pass=md5( $_POST[ pass] ) ;
$ni k=$_POST[ ni k] ;

$l ogi n=mysql _quer y( "sel ect * f r omkar yawan wher e ni k=' $ni k' and
passwor d=' $pass' " ) ;
$ket emu=mysql _num_r ows( $l ogi n) ;
$r =mysql _f et ch_ar r ay( $l ogi n) ;
i f ( $ket emu > 0) {

$_SESSI ON[ ni k] =$r [ ni k] ;
$_SESSI ON[ pass] =$r [ passwor d] ;

$k=mysql _quer y( " sel ect * f r omabsensi wher e t anggal =' $t gl _sekar ang'
and ni k=' $ni k' ") ;
$m=mysql _f et ch_ar r ay( $k) ;
$n=mysql _num_r ows( $k) ;

i f ( $m[ ket ] ==0) {
mysql _quer y( "i nser t i nt o absensi ( t anggal , ni k,
masuk, ket ) val ues( ' $t gl _sekar ang' , ' $ni k' , ' $j am_sekar ang' , ' 1' ) " ) or
di e( " dat a gagal masuk" ) ;

}el sei f ( $m[ ket ] ==1 or $ket ==2) {
i f ( $n > 0) {
mysql _quer y( "updat e absensi set i st i r ahat =
' $j am_sekar ang' , ket = $m[ ket ] +1 wher e t anggal =' $t gl _sekar ang' and
ni k=' $ni k' ") ;

}el se{
echo "<cent er >Anda bel umLogi n J am
Masuk<br >Si l ahkan Logi n Masuk Ter l ebi h Dahul u<br >" ;
echo "<a hr ef =i ndex. php><b>ULANGI
}
i f ( $n > 0) {
mysql _quer y( "updat e absensi set
msk_i st i r ahat = ' $j am_sekar ang' , ket = $m[ ket ] +1 wher e
t anggal =' $t gl _sekar ang' and ni k=' $ni k' " ) ;

}el se{


124
}
i f ( $n > 0) {
mysql _quer y( "updat e absensi set kel uar =
' $j am_sekar ang' , ket = $m[ ket ] +1 wher e t anggal =' $t gl _sekar ang' and
ni k=' $ni k' ") ;

header ( ' l ocat i on: medi a. php?modul ss=home' ) ;
}el se{
}
}el se{
echo "<cent er >Maaf Anda Ti dak dapat absen
l agi har i i ni <br >";
echo "<a
hr ef =i ndex. php><b>Kembal i </ b></ a></ cent er >" ;
}
}
el se{
echo "<l i nk hr ef =st yl e. css r el =st yl esheet t ype=t ext / css>" ;
echo "<cent er >Logi n gagal ! user name & passwor d t i dak
benar <br >" ;
echo "<a hr ef =i ndex. php><b>ULANGI LAGI </ b></ a></ cent er >";
}
?>

St yl e. css

body{
f ont - f ami l y: Tahoma;
t ext - al i gn: cent er ;
}
#header {
posi t i on: r el at i ve;
backgr ound- i mage: ur l ( i mages/ header . j pg) ;
backgr ound- r epeat : no- r epeat ;
mar gi n- r i ght : aut o;
mar gi n- l ef t : aut o;
wi dt h: 780px;
bor der : 2px sol i d #265180;
paddi ng- t op: 70px;
t ext - al i gn: l ef t ;
}

#cont ent {
mar gi n- l ef t : 20px;
paddi ng: 20px 10px 0 0;
}
#cont ent p {
f ont - si ze: 75%;
l i ne- hei ght : 1. 8em;
paddi ng- l ef t : 2em;
}
#menu {
posi t i on: absol ut e;
t op: 90px;


125
l ef t : 0;
wi dt h: 180px;
}
#menu ul {
l i st - st yl e: none;
mar gi n: 0;
paddi ng: 0;
bor der : none;
}
#menu l i {
wi dt h: 180px;
bor der - bot t om: 1px sol i d #969BA5;
mar gi n: 0;
paddi ng: 0;
f ont - si ze: 80%;
ver t i cal - al i gn: bot t om;
}
#menu a: l i nk, #menu a: vi si t ed {
di spl ay: bl ock;
paddi ng: 5px 5px 5px 0. 5em;
bor der - l ef t : 12px sol i d #265180;
bor der - r i ght : 1px sol i d #265180;
backgr ound- col or : #CAD6EC;
col or : #265180;
t ext - decor at i on: none;
}
#menu a: hover {
backgr ound- col or : #265180;
col or : #FFFFFF;
}

a: l i nk, a: vi si t ed {
col or : #265180;
}
a: hover {
col or : #FF6600;
}
h2 {
f ont : nor mal 120%Geor gi a;
col or : #265180;
backgr ound- col or : t r anspar ent ;
bor der - bot t om: 1px dot t ed #265180;
}
t abl e {
f ont - si ze: 8pt ;
bor der - wi dt h: 1px;
bor der - st yl e: sol i d;
bor der - col or : #999999;
bor der - col l apse: col l apse;
mar gi n: 10px 0px;

}
t h{
col or : #FFFFFF;
t ext - t r ansf or m: upper case;
paddi ng: 0. 5em;
bor der - col or : #969BA5;
}
t d{
paddi ng: 0. 5em;


126
ver t i cal - al i gn: t op;
bor der - col or : #969BA5;
}
i nput , t ext ar ea, sel ect {
}
#f oot er {
paddi ng: 20px 0 10px 255px;
f ont - si ze: 70%;
col or : #FFFFFF;
}

#nav{
hei ght : 20px;
f ont - si ze: 70%;
col or : #FFFFFF;
}

#nav a: l i nk, #nav a: vi si t ed{

col or : #f f f ;
}

#nav a: hover {
col or : #a5a2a2;
}

#submi t {
col or : #FFF;
f ont - si ze: 1em;
f ont - wei ght : bol d;
wi dt h: aut o;
backgr ound: #265180;
}

i nput #submi t : hover {
bor der - col or : #003366;
}
. dat epi cker t abl e {
bor der - spaci ng: 0;
}
. dat epi cker t h{
col or : #FFFFFF;
t ext - t r ansf or m: upper case;
paddi ng: 0. 05em;
}
. dat epi cker t d{
paddi ng: 0. 05em;
ver t i cal - al i gn: t op;


127
}

. dat epi cker {
f ont - f ami l y: Ar i al , Hel vet i ca, sans- ser i f ;
f ont - si ze: 12px;
wi dt h: 196px;
hei ght : 147px;
cur sor : def aul t ;
t op: 0;
l ef t : 0;
di spl ay: none;
}
. dat epi cker Cont ai ner {
t op: 10px;
l ef t : 10px;
}
. dat epi cker Bor der T {
l ef t : 10px;
t op: 0;
r i ght : 10px;
hei ght : 10px;
backgr ound: ur l ( i mages/ dat epi cker _t . png) ;
}
. dat epi cker Bor der B {
l ef t : 10px;
bot t om: 0;
r i ght : 10px;
hei ght : 10px;
backgr ound: ur l ( i mages/ dat epi cker _b. png) ;
}
. dat epi cker Bor der L {
l ef t : 0;
bot t om: 10px;
t op: 10px;
wi dt h: 10px;
backgr ound: ur l ( i mages/ dat epi cker _l . png) ;
}
. dat epi cker Bor der R {
r i ght : 0;
bot t om: 10px;
t op: 10px;
wi dt h: 10px;
backgr ound: ur l ( i mages/ dat epi cker _r . png) ;
}
. dat epi cker Bor der TL {
t op: 0;
l ef t : 0;
wi dt h: 10px;
hei ght : 10px;
backgr ound: ur l ( i mages/ dat epi cker _t l . png) ;
}
. dat epi cker Bor der TR {
t op: 0;
r i ght : 0;
wi dt h: 10px;
hei ght : 10px;
backgr ound: ur l ( i mages/ dat epi cker _t r . png) ;


128
}
. dat epi cker Bor der BL {
bot t om: 0;
l ef t : 0;
wi dt h: 10px;
hei ght : 10px;
backgr ound: ur l ( i mages/ dat epi cker _bl . png) ;
}
. dat epi cker Bor der BR {
bot t om: 0;
r i ght : 0;
wi dt h: 10px;
hei ght : 10px;
backgr ound: ur l ( i mages/ dat epi cker _br . png) ;
}
. dat epi cker Hi dden {
di spl ay: none;
}
. dat epi cker t abl e {
bor der - spaci ng: 0;
}
. dat epi cker a {
col or : #eee;
cur sor : def aul t ;
out l i ne: none;
}
. dat epi cker t abl e t d {
t ext - al i gn: r i ght ;
paddi ng: 0;
mar gi n: 0;
}
. dat epi cker t h {
col or : #999;
f ont - wei ght : nor mal ;
}
. dat epi cker t body t h {
}
. dat epi cker t body a {
di spl ay: bl ock;
}
. dat epi cker Days a {
wi dt h: 20px;
l i ne- hei ght : 16px;
hei ght : 16px;
paddi ng- r i ght : 2px;
}
. dat epi cker Year s a,
. dat epi cker Mont hs a{
wi dt h: 44px;
hei ght : 36px;
}
t d. dat epi cker Not I nMont h a {
col or : #666;
}
t body. dat epi cker Days t d. dat epi cker Sel ect ed{
backgr ound: #136A9F;
}
t body. dat epi cker Days t d. dat epi cker Not I nMont h. dat epi cker Sel ect ed {
backgr ound: #17384d;
}


129
t body. dat epi cker Year s t d. dat epi cker Sel ect ed,
t body. dat epi cker Mont hs t d. dat epi cker Sel ect ed{
backgr ound: #17384d;
}
. dat epi cker a: hover ,
. dat epi cker a: hover {
col or : #88c5eb;
}
. dat epi cker t d. dat epi cker Not I nMont h a: hover {
col or : #999;
}
. dat epi cker t body t h {
}
. dat epi cker Space di v {
wi dt h: 20px;
}
. dat epi cker GoNext a,
. dat epi cker GoPr ev a,
. dat epi cker Mont h a {
hei ght : 20px;
}
. dat epi cker GoNext a {
f l oat : r i ght ;
wi dt h: 20px;
}
. dat epi cker GoPr ev a {
f l oat : l ef t ;
wi dt h: 20px;
}
t abl e. dat epi cker Vi ewDays t body. dat epi cker Mont hs,
t abl e. dat epi cker Vi ewDays t body. dat epi cker Year s {
di spl ay: none;
}
t abl e. dat epi cker Vi ewMont hs t body. dat epi cker Days,
t abl e. dat epi cker Vi ewMont hs t body. dat epi cker Year s,
t abl e. dat epi cker Vi ewMont hs t r . dat epi cker DoW{
di spl ay: none;
}
t abl e. dat epi cker Vi ewYear s t body. dat epi cker Days,
t abl e. dat epi cker Vi ewYear s t body. dat epi cker Mont hs,
t abl e. dat epi cker Vi ewYear s t r . dat epi cker DoW{
di spl ay: none;
}
t d. dat epi cker Di sabl ed a,
t d. dat epi cker Di sabl ed. dat epi cker Not I nMont h a{
col or : #333;
}
t d. dat epi cker Di sabl ed a: hover {
col or : #333;
}
t d. dat epi cker Speci al a {
backgr ound: #700;
}
t d. dat epi cker Speci al . dat epi cker Sel ect ed a {
backgr ound: #a00;
}

Absensi / Admi n

I ndex. php

<ht ml >
<head>
<t i t l e>: : ABSENSI CV. FLASHI NDOMEDI A : : </ t i t l e>


130
<l i nk hr ef =" . . / conf i g/ admi nst yl e. css" r el =" st yl esheet " t ype=" t ext / css" / >
<l i nk r el ="shor t cut i con" hr ef =" . . / f avi con. i co" >
<l i nk r el =" i con" t ype=" i mage/ gi f " hr ef =" . . / ani mat ed_f avi con1. gi f " >
</ head>
<body>
<h2>Logi n Admi n</ h2>
<i mg sr c=" i mages/ l ogi n- wel come. gi f " wi dt h=" 97" hei ght =" 105" hspace="10"
al i gn=" l ef t " >
<?php i ncl ude "f or m_l ogi n. php"; ?>
<p> </ p>
</ di v>
Copyr i ght © 2009
</ di v>
</ di v>
</ body>
</ ht ml >

Menu. php
<?php
i ncl ude " . . / conf i g/ koneksi . php" ;

i f ( $_SESSI ON[ namauser ] ==' admi n' ) {
$sql =mysql _quer y( "sel ect * f r ommodul wher e akt i f =' Y' or der by ur ut an" ) ;
}
el se{
$sql =mysql _quer y( "sel ect * f r ommodul wher e st at us=' user ' and akt i f =' Y'
or der by ur ut an" ) ;
}
whi l e ( $dat a=mysql _f et ch_ar r ay( $sql ) ) {
echo "<l i ><a hr ef =' $dat a[ l i nk] ' >» $dat a[ nama_modul ] </ a></ l i >";
}
?>

Aksi . php

<?php
i ncl ude " . . / conf i g/ l i br ar y. php" ;
i ncl ude( ' f pdf . php' ) ;

$modul =$_GET[ modul ] ;
$act =$_GET[ act ] ;

i f ( $modul ==' j abat an' AND $act ==' i nput ' ) {
mysql _quer y( "I NSERT I NTO j abat an( kode_j abat an,
nama_j abat an)
VALUES( ' $_POST[ kode_j abat an] ' ,
' $_POST[ nama_j abat an] ' ) ") ;
header ( ' l ocat i on: medi a. php?modul =' . $modul ) ;
}

el sei f ( $modul ==' j abat an' AND $act ==' updat e' ) {
mysql _quer y( " UPDATE j abat an SET kode_j abat an =
' $_POST[ kode_j abat an] ' ,
nama_j abat an = ' $_POST[ nama_j abat an] '
WHERE i d_user = ' $_POST[ i d] ' " ) ;

}

el sei f ( $modul ==' j abat an' and $act ==' hapus' ) {
mysql _quer y( "DELETE FROM j abat an WHERE kode_j abat an=' $_GET[ i d] ' ") ;


131
}

el sei f ( $modul ==' kar yawan' AND $act ==' i nput ' ) {
$t anggal =spr i nt f ( "%02d%02d%02d" , $_POST[ year ] , $_POST[ mont h] , $_POST[ day] ) ;
i f ( ! empt y( $l okasi _f i l e) ) {
move_upl oaded_f i l e( $l okasi _f i l e, "i mages/ phot o/ $nama_f i l e" ) ;
mysql _quer y( "I NSERT I NTO kar yawan( ni k,
nama,
al amat ,
t 4_l ahi r ,
t gl _l ahi r ,
gender ,
t el p,
kode_j abat an,
passwor d,
l evel ,
phot o)
VALUES( ' $_POST[ ni k] ' ,
' $_POST[ nama] ' ,
' $_POST[ al amat ] ' ,
' $_POST[ t 4_l ahi r ] ' ,
' $t anggal ' ,
' $_POST[ gender ] ' ,
' $_POST[ t el p] ' ,
' $_POST[ j abat an] ' ,
' $pass' ,
' $_POST[ l evel ] ' ,
' $nama_f i l e' ) " ) ;
}el se{
mysql _quer y( " I NSERT I NTO kar yawan( ni k,
nama,
al amat ,
t 4_l ahi r ,
t gl _l ahi r ,
gender ,
t el p,
kode_j abat an,
passwor d,
l evel )
' $_POST[ nama] ' ,
' $_POST[ al amat ] ' ,
' $_POST[ t 4_l ahi r ] ' ,
' $t anggal ' ,
' $_POST[ t el p] ' ,
' $pass' ,
' $_POST[ l evel ] ' ) " ) ;
}
}

/ / Updat e modul
el sei f ( $modul ==' kar yawan' AND $act ==' updat e' ) {
$t gl _l ahi r =spr i nt f ( "%02d%02d%02d", $_POST[ t hn_l ahi r ] , $_POST[ bl n_l ahi r ] , $_POST
[ t gl _l ahi r ] ) ;

/ / Apabi l a gambar t i dak di gant i
i f ( empt y( $l okasi _f i l e) ) {
mysql _quer y( " UPDATE kar yawan SET ni k = ' $_POST[ ni k] ' ,


132
nama = ' $_POST[ nama] ' ,
al amat = ' $_POST[ al amat ] ' ,
t 4_l ahi r =
' $_POST[ t 4_l ahi r ] ' ,
t gl _l ahi r =
gender =
t el p =
' $_POST[ t el p] ' ,
kode_j abat an =
passwor d = ' $pass' ,
l evel =
' $_POST[ l evel ] '
WHERE ni k = ' $_POST[ i d] ' ") ;
}
el se{
move_upl oaded_f i l e( $l okasi _f i l e, "i mages/ phot o/ $nama_f i l e" ) ;
mysql _quer y( " UPDATE kar yawan SET ni k = ' $_POST[ ni k] ' ,
nama = ' $_POST[ nama] ' ,
al amat = ' $_POST[ al amat ] ' ,
t 4_l ahi r =
' $_POST[ t 4_l ahi r ] ' ,
t gl _l ahi r =
gender =
t el p =
' $_POST[ t el p] ' ,
kode_j abat an =
passwor d = ' $pass' ,
l evel =
' $_POST[ l evel ] ' ,
phot o = ' $nama_f i l e'
WHERE ni k = ' $_POST[ i d] ' ") ;
}
}

el sei f ( $modul ==' kar yawan' and $act ==' hapus' ) {
mysql _quer y( "DELETE FROM kar yawan WHERE ni k=' $_GET[ i d] ' " ) ;
}

/ / I nput absensi admi n
el sei f ( $modul ==' absensi ' AND $act ==' i nput ' ) {
$t anggal =spr i nt f ( "%02d%02d%02d", $_POST[ year ] , $_POST[ mont h] , $_POST[ day] ) ;

mysql _quer y( "I NSERT I NTO absensi ( t anggal ,
ni k,
masuk,
i st i r ahat ,
msk_i st i r ahat ,
kel uar )
VALUES( ' $t anggal ' ,
' $_POST[ ni k] ' ,
' $_POST[ masuk] ' ,
' $_POST[ i st i r ahat ] ' ,
' $_POST[ msk_i st i r ahat ] ' ,
' $_POST[ kel uar ] ' ) ") ;
}

/ / Updat e absensi
el sei f ( $modul ==' absensi ' AND $act ==' updat e' ) {
$t gl =spr i nt f ( " %02d%02d%02d" , $_POST[ t hn] , $_POST[ bl n] , $_POST[ t gl ] ) ;


133

mysql _quer y( "UPDATE absensi SET t anggal = ' $t gl ' ,
masuk = ' $_POST[ masuk] ' ,
i st i r ahat = ' $_POST[ i st i r ahat ] ' ,
msk_i st i r ahat = ' $_POST[ msk_i st i r ahat ] ' ,
kel uar = ' $_POST[ kel uar ] '
WHERE ni k = ' $_POST[ i d] ' " ) ;
}

el sei f ( $modul ==' absensi ' and $act ==' hapus' ) {
mysql _quer y( "DELETE FROM absensi WHERE ni k=' $_GET[ i d] ' and
t anggal =' $_GET[ t gl ] ' " ) ;
}

/ / I nput cut i
el sei f ( $modul ==' cut i ' AND $act ==' i nput ' ) {

$mul ai =spr i nt f ( " %02d%02d%02d" , $_POST[ t hn_mul ai ] , $_POST[ bl n_mul ai ] , $_POST[ t gl
_mul ai ] ) ;

$sel esai =spr i nt f ( "%02d%02d%02d" , $_POST[ t hn_sel esai ] , $_POST[ bl n_sel esai ] , $_PO
ST[ t gl _sel esai ] ) ;

mysql _quer y( "I NSERT I NTO cut i ( ni k, t gl _mul ai , t gl _sel esai ,
ket )
' $mul ai ' ,
' $sel esai ' ,
' $_POST[ ket ] ' ) ") ;
}

/ / Updat e cut i
el sei f ( $modul ==' cut i ' AND $act ==' updat e' ) {

_mul ai ] ) ;


mysql _quer y( "UPDATE cut i SET t gl _mul ai = ' $mul ai ' ,
t gl _sel esai = ' $sel esai ' ,
ket = ' $_POST[ ket ] '
}

el sei f ( $modul ==' cut i ' and $act ==' hapus' ) {
mysql _quer y( "DELETE FROM cut i WHERE i d=' $_GET[ i d] ' ") ;
}

el sei f ( $modul ==' i j i n' AND $act ==' i nput ' ) {

_mul ai ] ) ;


mysql _quer y( "I NSERT I NTO i j i n( ni k,
t gl _mul ai ,
t gl _sel esai ,


134
ket )
' $mul ai ' ,
' $sel esai ' ,
' $_POST[ ket ] ' ) ") ;
}

/ / Updat e i j i n
el sei f ( $modul ==' i j i n' AND $act ==' updat e' ) {

_mul ai ] ) ;


mysql _quer y( "UPDATE i j i n SET t gl _mul ai = ' $mul ai ' ,
t gl _sel esai = ' $sel esai ' ,
ket = ' $_POST[ ket ] '
}

el sei f ( $modul ==' i j i n' and $act ==' hapus' ) {
mysql _quer y( "DELETE FROM i j i n WHERE i d=' $_GET[ i d] ' ") ;
}
el sei f ( $modul ==' cet ak' and $act ==' gl obal ' ) {
$m=dat e( " m") ;
$y=dat e( " Y") ;

$qr y_dat a =mysql _quer y( " SELECT * , TI MEDI FF( `masuk` , ' 08: 15: 00' ) AS
`sel i si h` f r omabsensi , kar yawan, j abat an wher e absensi . ni k=kar yawan. ni k and
$_nDat a =mysql _num_r ows( $qr y_dat a) ;
i f ( $_nDat a > 0) {

$pdf = new FPDF( ' P' , ' mm' , ' A4' ) ;
$header Dat a = ar r ay( " No" , " t anggal " , "NI K" , " Nama", "J abat an" , " J amMasuk" ,
" I st i r ahat ", " Msk I st i r ahat ", " kel uar " , " Ket er l ambat am" ) ;
$pdf - >AddPage( ) ;

/ / HEADER
$pdf - >set XY( 5, 5) ;
$pdf - >Set Font ( ' Ar i al ' , ' ' , 8. 5) ;

/ / TI TLE

$pdf - >Set Font ( ' Ar i al ' , ' B' , 12) ;
$pdf - >Cel l ( 0, 6, " Lapor an Dat a Absensi Gl obal " , 0, 1, ' C' , 0) ;
$pdf - >Ln( ) ;
$pdf - >Cel l ( 0, 6, " Bul an $mTahun $y" , 0, 1, ' C' , 0) ;

$pdf - >Ln( 4) ;

/ / BODY
$pdf - >Set Mar gi ns( 5, 25, 5, 5) ;
$pdf - >Set XY( 5, 35) ;
$pdf - >Set Fi l l Col or ( 193, 193, 193) ;
$pdf - >Set Text Col or ( 0) ;
$pdf - >Set Li neWi dt h( . 1) ;
$pdf - >Set Font ( ' ' , ' ' , 7) ;

$w = ar r ay( 5, 17, 17, 30, 30, 15, 15, 19, 15, 20) ;
$nHD = count ( $header Dat a) ;


135
f or ( $i = 0; $i < $nHD; $i ++)
$pdf - >Cel l ( $w[ $i ] , 5, $header Dat a[ $i ] , 1, 0, ' C' , 1) ;
$pdf - >Ln( ) ;


$f i l l = 0;
$i Dat a = 1;

whi l e( $r ecor d_dat a = mysql _f et ch_ar r ay( $qr y_dat a) ) {

$l n = 0;
$pdf - >Cel l ( $w[ 0] , 6, $i Dat a, 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 1] , 6, $r ecor d_dat a[ "t anggal " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 2] , 6, $r ecor d_dat a[ "ni k"] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 3] , 6, $r ecor d_dat a[ "nama" ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 4] , 6, $r ecor d_dat a[ "nama_j abat an" ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 5] , 6, $r ecor d_dat a[ "masuk" ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 6] , 6, $r ecor d_dat a[ "i st i r ahat " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 7] , 6, $r ecor d_dat a[ "msk_i st i r ahat " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 8] , 6, $r ecor d_dat a[ "kel uar "] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 9] , 6, $r ecor d_dat a[ "sel i si h" ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Ln( ) ;
$f i l l =! $f i l l ;
$i Dat a++;
$l n = 0;

i f ( $i Dat a == 24 | | $_nDat a < $i Dat a) {
$l n = 1;
$pdf - >Set Y( 179) ;
$pdf - >Set Font ( ' Ar i al ' , ' I ' , 8) ;
$pdf - >Cel l ( 0, 10, $pdf - >PageNo( ) , 0, $l n, ' R' ) ;
}

unset ( $_val ) ;

}

$pdf - >Cel l ( ar r ay_sum( $w) , 0, ' ' , ' T' ) ;

$pdf - >Out put ( ) ;

}
header ( ' l ocat i on: medi a. php?modul =gl obal ' ) ;
}

el sei f ( $modul ==' cet ak' and $act ==' t ampi l kan' ) {
$m=$_POST[ m] ;
$y=$_POST[ y] ;

i f ( empt y( $_POST[ ni k] ) ) {
$qr y_dat a=mysql _quer y( "SELECT * , TI MEDI FF( `masuk` , ' 08: 15: 00' ) AS

}el se{
$qr y_dat a=mysql _quer y( "SELECT * , TI MEDI FF( `masuk` , ' 08: 15: 00' ) AS
absensi . ni k=' $ni k' and kar yawan. kode_j abat an=j abat an. kode_j abat an and
mont h( t anggal ) =' $m' and year ( t anggal ) =' $y' or der by t anggal ") ;
}

i f ( $_nDat a > 0) {

$pdf = new FPDF( ' P' , ' mm' , ' A4' ) ;


136
$header Dat a = ar r ay( " No" , " t anggal " , "NI K" , " Nama", "J abat an" , " J amMasuk" ,
" I st i r ahat ", " Msk I st i r ahat ", " kel uar " , " Ket er l ambat am" ) ;

/ / HEADER
$pdf - >set XY( 5, 5) ;

/ / TI TLE

$pdf - >Cel l ( 0, 6, " Lapor an Dat a Absensi Gl obal " , 0, 1, ' C' , 0) ;
$pdf - >Ln( ) ;

$pdf - >Ln( 4) ;

/ / BODY
$pdf - >Set Mar gi ns( 5, 25, 5, 5) ;
$pdf - >Set XY( 5, 35) ;
$pdf - >Set Font ( ' ' , ' ' , 7) ;

$w = ar r ay( 5, 17, 17, 30, 30, 15, 15, 19, 15, 20) ;
f or ( $i = 0; $i < $nHD; $i ++)
$pdf - >Ln( ) ;


$f i l l = 0;
$i Dat a = 1;


$l n = 0;
$pdf - >Cel l ( $w[ 1] , 6, $r ecor d_dat a[ "t anggal " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 5] , 6, $r ecor d_dat a[ "masuk" ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 6] , 6, $r ecor d_dat a[ "i st i r ahat " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 7] , 6, $r ecor d_dat a[ "msk_i st i r ahat " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 8] , 6, $r ecor d_dat a[ "kel uar "] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 9] , 6, $r ecor d_dat a[ "sel i si h" ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Ln( ) ;
$f i l l =! $f i l l ;
$i Dat a++;
$l n = 0;

$l n = 1;
$pdf - >Set Y( 179) ;
}

unset ( $_val ) ;

}



137

}
header ( ' l ocat i on: medi a. php?modul =t ampi l kan' ) ;
}

el sei f ( $modul ==' cet ak' and $act =' cut i ' ) {
$m=dat e( ' m' ) ;
$y=dat e( ' Y' ) ;
$qr y_dat a =mysql _quer y( " SELECT * f r omcut i , kar yawan, j abat an wher e
cut i . ni k=kar yawan. ni k and kar yawan. kode_j abat an=j abat an. kode_j abat an and
mont h( t gl _mul ai ) =' $m' and year ( t gl _mul ai ) =' $y' or der by t gl _mul ai " ) ;
i f ( $_nDat a > 0) {

$pdf = new FPDF( ' P' , ' mm' , ' A4' ) ;
$header Dat a = ar r ay( " No" , " NI K", "Nama" , "J abat an", "Tanggal Mul ai ",
" Tanggal Sel esai " , "Ket er angan" ) ;

/ / HEADER
$pdf - >set XY( 5, 5) ;

/ / TI TLE

$pdf - >Cel l ( 0, 6, " Lapor an Dat a Cut i " , 0, 1, ' C' , 0) ;
$pdf - >Ln( ) ;

$pdf - >Ln( 4) ;

/ / BODY
$pdf - >Set Mar gi ns( 5, 25, 5, 5) ;
$pdf - >Set XY( 5, 35) ;
$pdf - >Set Font ( ' ' , ' ' , 7) ;

$w = ar r ay( 5, 17, 30, 30, 19, 22, 20) ;
f or ( $i = 0; $i < $nHD; $i ++)
$pdf - >Ln( ) ;


$f i l l = 0;
$i Dat a = 1;


$l n = 0;
$pdf - >Cel l ( $w[ 4] , 6, $r ecor d_dat a[ "t gl _mul ai " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 5] , 6, $r ecor d_dat a[ "t gl _sel esai "] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 6] , 6, $r ecor d_dat a[ "ket "] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Ln( ) ;
$f i l l =! $f i l l ;
$i Dat a++;


138
$l n = 0;

$l n = 1;
$pdf - >Set Y( 179) ;
}

unset ( $_val ) ;

}



}
header ( ' l ocat i on: medi a. php?modul =l apcut i ' ) ;
}

el sei f ( $modul ==' cet ak' and $act =' t ampi l kancut i ' ) {
$m=$_POST[ m] ;
$y=$_POST[ y] ;
$qr y_dat a =mysql _quer y( " SELECT * f r omcut i , kar yawan, j abat an wher e
i f ( $_nDat a > 0) {

$pdf = new FPDF( ' P' , ' mm' , ' A4' ) ;

/ / HEADER
$pdf - >set XY( 5, 5) ;

/ / TI TLE

$pdf - >Cel l ( 0, 6, " Lapor an Dat a Cut i " , 0, 1, ' C' , 0) ;
$pdf - >Ln( ) ;

$pdf - >Ln( 4) ;

/ / BODY
$pdf - >Set Mar gi ns( 5, 25, 5, 5) ;
$pdf - >Set XY( 5, 35) ;
$pdf - >Set Font ( ' ' , ' ' , 7) ;

$w = ar r ay( 5, 17, 30, 30, 19, 22, 20) ;
f or ( $i = 0; $i < $nHD; $i ++)
$pdf - >Ln( ) ;


$f i l l = 0;
$i Dat a = 1;


139

$l n = 0;
$pdf - >Cel l ( $w[ 4] , 6, $r ecor d_dat a[ "t gl _mul ai " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 5] , 6, $r ecor d_dat a[ "t gl _sel esai "] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 6] , 6, $r ecor d_dat a[ "ket "] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Ln( ) ;
$f i l l =! $f i l l ;
$i Dat a++;
$l n = 0;

$l n = 1;
$pdf - >Set Y( 179) ;
}

unset ( $_val ) ;

}



}
header ( ' l ocat i on: medi a. php?modul =t ampi l kancut i ' ) ;
}

el sei f ( $modul ==' pr i nt ' AND $act =' i j i n' ) {
$m=dat e( ' m' ) ;
$y=dat e( ' Y' ) ;
$qr y_dat = mysql _quer y( " SELECT * f r omi j i n, kar yawan, j abat an wher e
i j i n. ni k=kar yawan. ni k and kar yawan. kode_j abat an=j abat an. kode_j abat an and
$_nDat = mysql _num_r ows( $qr y_dat ) ;
i f ( $_nDat > 0) {

$pdf = new FPDF( ' P' , ' mm' , ' A4' ) ;

/ / HEADER
$pdf - >set XY( 5, 5) ;

/ / TI TLE

$pdf - >Cel l ( 0, 6, " Lapor an Dat a I j i n" , 0, 1, ' C' , 0) ;
$pdf - >Ln( ) ;

$pdf - >Ln( 4) ;

/ / BODY
$pdf - >Set Mar gi ns( 5, 25, 5, 5) ;
$pdf - >Set XY( 5, 35) ;


140
$pdf - >Set Font ( ' ' , ' ' , 7) ;

$w = ar r ay( 5, 17, 30, 30, 19, 22, 20) ;
f or ( $i = 0; $i < $nHD; $i ++)
$pdf - >Ln( ) ;


$f i l l = 0;
$i Dat a = 1;

whi l e( $r ecor d_dat = mysql _f et ch_ar r ay( $qr y_dat ) ) {

$l n = 0;
$pdf - >Cel l ( $w[ 1] , 6, $r ecor d_dat [ " ni k" ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 2] , 6, $r ecor d_dat [ " nama"] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 3] , 6, $r ecor d_dat [ " nama_j abat an"] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 4] , 6, $r ecor d_dat [ " t gl _mul ai "] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 5] , 6, $r ecor d_dat [ " t gl _sel esai " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 6] , 6, $r ecor d_dat [ " ket " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Ln( ) ;
$f i l l =! $f i l l ;
$i Dat a++;
$l n = 0;

i f ( $i Dat a == 24 | | $_nDat < $i Dat a) {
$l n = 1;
$pdf - >Set Y( 179) ;
}

unset ( $_val ) ;

}



}
header ( ' l ocat i on: medi a. php?modul =l api j i n' ) ;
}

el sei f ( $modul ==' pr i nt ' and $act =' t ampi l kani j i n' ) {
$m=$_POST[ m] ;
$y=$_POST[ y] ;
$qr y_dat =mysql _quer y( "SELECT * f r omi j i n, kar yawan, j abat an wher e
$_nDat =mysql _num_r ows( $qr y_dat a) ;
i f ( $_nDat > 0) {

$pdf = new FPDF( ' P' , ' mm' , ' A4' ) ;

/ / HEADER
$pdf - >set XY( 5, 5) ;

/ / TI TLE



141
$pdf - >Cel l ( 0, 6, " Lapor an Dat a I j i n" , 0, 1, ' C' , 0) ;
$pdf - >Ln( ) ;

$pdf - >Ln( 4) ;

/ / BODY
$pdf - >Set Mar gi ns( 5, 25, 5, 5) ;
$pdf - >Set XY( 5, 35) ;
$pdf - >Set Font ( ' ' , ' ' , 7) ;

$w = ar r ay( 5, 17, 30, 30, 19, 22, 20) ;
f or ( $i = 0; $i < $nHD; $i ++)
$pdf - >Ln( ) ;


$f i l l = 0;
$i Dat a = 1;

whi l e( $r ecor d_dat = mysql _f et ch_ar r ay( $qr y_dat ) ) {

$l n = 0;
$pdf - >Cel l ( $w[ 1] , 6, $r ecor d_dat [ " ni k" ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 2] , 6, $r ecor d_dat [ " nama"] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 3] , 6, $r ecor d_dat [ " nama_j abat an"] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 4] , 6, $r ecor d_dat [ " t gl _mul ai "] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 5] , 6, $r ecor d_dat [ " t gl _sel esai " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Cel l ( $w[ 6] , 6, $r ecor d_dat [ " ket " ] , 1, $l n, ' C' , $f i l l ) ;
$pdf - >Ln( ) ;
$f i l l =! $f i l l ;
$i Dat a++;
$l n = 0;

i f ( $i Dat a == 24 | | $_nDat < $i Dat a) {
$l n = 1;
$pdf - >Set Y( 179) ;
}

unset ( $_val ) ;

}



}
header ( ' l ocat i on: medi a. php?modul =l apcut i ' ) ;
}
?>

For m_l ogi n. php

<?php
echo "<f or mmet hod=POST act i on=cek_l ogi n. php>
<t abl e>
<t r ><t d>Passwor d</ t d><t d> : <i nput t ype=passwor d name=pass></ t d></ t r >
<t r ><t d col span=2><i nput t ype=submi t val ue=Logi n></ t d></ t r >


142
</ t abl e>
</ f or m>" ;
?>

Cont ent . php

<?php
i ncl ude " . . / conf i g/ l i br ar y. php" ;
i ncl ude " . . / conf i g/ f ungsi _i ndot gl . php" ;
i ncl ude " . . / conf i g/ f ungsi _combobox. php" ;
?>

<l i nk r el ="st yl esheet " medi a="scr een" hr ef =" st yl es/ vl aCal - v2. 1. css"
t ype="t ext / css" / >
<l i nk r el ="st yl esheet " medi a="scr een" hr ef =" st yl es/ vl aCal - v2. 1-
adobe_cs3. css" t ype=" t ext / css" / >
<l i nk r el ="st yl esheet " medi a="scr een" hr ef =" st yl es/ vl aCal - v2. 1-
appl e_wi dget . css" t ype=" t ext / css" / >

<scr i pt t ype=" t ext / j avascr i pt " sr c=" j sl i b/ moot ool s- 1. 2- cor e-
compr essed. j s" ></ scr i pt >
<scr i pt t ype=" t ext / j avascr i pt " sr c=" j sl i b/ vl aCal - v2. 1-
compr essed. j s" ></ scr i pt >

<st yl e>
. pi cker I mg {
mar gi n- l ef t : - 16px;
mar gi n- t op: 5px;
cur sor : poi nt er ;
}

</ st yl e>

<scr i pt t ype=" t ext / j avascr i pt ">
wi ndow. addEvent ( ' domr eady' , f unct i on( ) {

new vl aDat ePi cker ( ' exampl eI I I ' , { openWi t h:
' t oggl ePi cker ' , of f set : { y: - 2, x: 2 }, separ at eI nput : { day: ' day' , mont h:
' mont h' , year : ' year ' } }) ;

}) ;
</ scr i pt >

<?php
/ / Bagi an Home
i f ( $_GET[ modul ] ==' home' ) {
echo "<h2>Sel amat Dat ang</ h2>
<p>Hai <b>$_SESSI ON[ namauser ] </ b>, si l ahkan kl i k menu pi l i han yang
ada unt uk mengel ol a cont ent si st emabsensi . </ p>
<p> </ p>
<p> </ p>
<p> </ p>
<p al i gn=r i ght >Logi n Har i i ni : ";
echo t gl _i ndo( dat e( " Y md") ) ;
echo " | " ;
echo dat e( "H: i : s" ) ;
echo "</ p>";

}


143

el sei f ( $_GET[ modul ] ==' j abat an' ) {
echo "<h2>Dat a J abat an</ h2>
<f or mmet hod=POST act i on=' ?act =t ambahj abat an' >
<i nput t ype=submi t val ue=' Tambah J abat an' >
</ f or m>
<t abl e>
<t r ><t h>no</ t h><t h>Kode J abat an</ t h><t h>Ket er angan J abat an</ t h>
<t h>aksi </ t h></ t r >" ;
$t ampi l =mysql _quer y( "SELECT * FROM j abat an ORDER BY kode_j abat an" ) ;
$no=1;
echo "<t r ><t d>$no</ t d>
<t d>$r [ kode_j abat an] </ t d>

<t d><a hr ef =?act =edi t j abat an&i d=$r [ kode_j abat an] ><i mg
sr c=' i mages/ edi t . j peg' wi dt h=20 hei ght =20 bor der =0></ a> |
<a
hr ef =\ " aksi . php?modul =j abat an&act =hapus&i d=$r [ kode_j abat an] \ " onCl i ck=\ " r et ur
n conf i r m( ' Apakah Anda benar - benar akan menghapus $r [ nama_j abat an] ?' ) \ " ><i mg
sr c=' i mages/ del . j peg' wi dt h=20 hei ght =20 bor der =0></ a>
</ t d></ t r >" ;
$no++;
}
}

/ / For mt ambah user
el sei f ( $_GET[ act ] ==' t ambahj abat an' ) {
echo "<h2>Tambah J abat an</ h2>
<f or mmet hod=POST act i on=' aksi . php?modul =j abat an&act =i nput ' >
<t abl e>
<t r ><t d>Kode J abat an</ t d> <t d> : <i nput t ype=t ext
name=kode_j abat an></ t d></ t r >
<t r ><t d>Ket er angan J abat an</ t d> <t d> : <i nput t ype=t ext
name=nama_j abat an></ t d></ t r >
<t r ><t d col span=2><i nput t ype=submi t val ue=Si mpan>
<i nput t ype=but t on val ue=Bat al
</ t abl e>
</ f or m>" ;
}

/ / For medi t user
el sei f ( $_GET[ act ] ==' edi t j abat an' ) {
$edi t =mysql _quer y( " SELECT * FROM j abat an WHERE kode_j abat an=' $_GET[ i d] ' " ) ;
$r =mysql _f et ch_ar r ay( $edi t ) ;

echo "<h2>Edi t J abat an</ h2>
<f or mmet hod=POST act i on=aksi . php?modul =j abat an&act =updat e>
<i nput t ype=hi dden name=i d val ue=' $r [ kode_j abat an] ' >
<t abl e>
<t r ><t d>Kode J abat an</ t d> <t d> : <i nput t ype=t ext
name=kode_j abat an val ue=' $r [ kode_j abat an] ' ></ t d></ t r >
<t r ><t d>Ket er angan J abat an</ t d> <t d> : <i nput t ype=t ext
name=nama_j abat an val ue=' $r [ nama_j abat an] ' ></ t d></ t r >
<t r ><t d col span=2><i nput t ype=submi t val ue=Updat e>
</ t abl e>
</ f or m>" ;
}

/ / Bagi an Modul
el sei f ( $_GET[ modul ] ==' kar yawan' ) {
echo "<h2>Dat a Kar yawan</ h2>


144
<f or mmet hod=POST act i on=' ?act =t ambahkar yawan' >
<i nput t ype=submi t val ue=' Tambah Kar yawan' >
</ f or m>
<f or mmet hod=POST act i on=' ?act =hasi l car i ' >
<t abl e>
<t r >
<t d>NI K</ t d><t d>: <i nput t ype=t ext name=ni k></ t d><t d><i nput
t ype=submi t val ue=Car i ></ t d>
</ t r >
</ t abl e>
</ f or m>
<t abl e>
<t r ><t h>No</ t h><t h>NI K</ t h><t h>Nama</ t h>
<t h>J abat an</ t h><t h>J eni s Kel ami n</ t h><t h>Al amat </ t h><t h>No.
Tel p</ t h><t h>aksi </ t h></ t r >";
$t ampi l =mysql _quer y( "SELECT kar yawan. ni k, kar yawan. al amat ,
kar yawan. t el p, kar yawan. t 4_l ahi r , kar yawan. t gl _l ahi r , kar yawan. nama,
kar yawan. gender , j abat an. nama_j abat an FROM kar yawan, j abat an wher e
kar yawan. kode_j abat an=j abat an. kode_j abat an ORDER BY ni k") ;
$no=1;
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d al i gn=cent er >$r [ nama_j abat an] </ t d>
<t d al i gn=cent er >$r [ gender ] </ t d>
<t d al i gn=cent er >$r [ al amat ] </ t d>
<t d al i gn=cent er >$r [ t el p] </ t d>
<t d><a hr ef =?act =edi t kar yawan&i d=$r [ ni k] ><i mg
<a
hr ef =\ " aksi . php?modul =kar yawan&act =hapus&i d=$r [ ni k] \ "onCl i ck=\ "r et ur n
conf i r m( ' Apakah Anda benar - benar akan menghapus $r [ nama] ?' ) \ " ><i mg
</ t d></ t r >" ;
$no++;
}
}

/ / For mTambah Kar yawan
el sei f ( $_GET[ act ] ==' t ambahkar yawan' ) {
echo "<h2>Tambah Kar yawan</ h2>
<f or mmet hod=POST act i on=' aksi . php?modul =kar yawan&act =i nput '
enct ype=' mul t i par t / f or m- dat a' >
<t abl e>
<t r ><t d>NI K</ t d> <t d> : <i nput t ype=t ext name=ni k></ t d></ t r >
<t r ><t d>Nama Lengkap</ t d> <t d> : <i nput t ype=t ext
name=nama></ t d></ t r >
<t r ><t d>Tempat / Tanggal Lahi r </ t d> <t d> : <i nput t ype=t ext
name=t 4_l ahi r > / " ; ?>
<span i d=" exampl eI I I " >
<i nput name="day" t ype=" t ext " st yl e="wi dt h:
18px; bor der - wi dt h: 1px 0 1px 1px; " maxl engt h=" 2" / ><i nput val ue=" / "
t ype="t ext " st yl e=" wi dt h: 5px; bor der - wi dt h: 1px 0 1px 0; "
di sabl ed=" di sabl ed" / ><i nput name="mont h" cl ass=" t ext box" t ype=" t ext "
st yl e=" wi dt h: 16px; bor der - wi dt h: 1px 0 1px 0; " maxl engt h=" 2" / ><i nput
val ue=" / " t ype=" t ext " st yl e=" wi dt h: 5px; bor der - wi dt h: 1px 0 1px 0; "
di sabl ed=" di sabl ed" / ><i nput name="year " t ype=" t ext " st yl e="wi dt h: 28px;
bor der - wi dt h: 1px 0 1px 0; " maxl engt h=" 4" / ><i nput t ype=" t ext " st yl e="wi dt h:
15px; bor der - wi dt h: 1px 1px 1px 0; " di sabl ed=" di sabl ed" / ><i mg
sr c=" i mages/ cal endar . gi f " i d="t oggl ePi cker " cl ass="pi cker I mg" wi dt h=" 13px"
hei ght ="12px" al t =" " / >
</ span><? echo "
</ t d></ t r >
<t r ><t d>J eni s Kel ami n</ t d> <t d> : <i nput t ype=r adi o name=gender
val ue=' Pr i a' checked>Pr i a
<i nput t ype=r adi o name=gender
val ue=' Wani t a' >Wani t a </ t d></ t r >


145

<t r ><t d>J abat an</ t d> <t d> : <sel ect name=j abat an>
<opt i on val ue=0 sel ect ed>- Pi l i h J abat an - </ opt i on>
" ;
$q=mysql _quer y( " sel ect * f r omj abat an or der by kode_j abat an
asc" ) ;
whi l e( $r =mysql _f et ch_ar r ay( $q) ) {
echo "<opt i on
val ue=$r [ kode_j abat an] >$r [ nama_j abat an] </ opt i on>" ;
}
echo "</ sel ect >
</ t d></ t r >
<t r ><t d>Al amat </ t d><t d>: <t ext ar ea name=al amat col s=20
r ows=1></ t ext ar ea></ t d></ t r >
<t r ><t d>No. Tel p</ t d><t d>: <i nput t ype=t ext
name=t el p></ t d></ t r >
<t r ><t d>Phot o</ t d><t d>: <i nput t ype=f i l e name=f upl oad
></ t d></ t r >
<t r ><t d>Passwor d</ t d><t d>: <i nput t ype=passwor d
name=pass></ t d></ t r >
<t r ><t d>Level </ t d> <t d> : <i nput t ype=r adi o name=l evel
val ue=' user ' checked>user
<i nput t ype=r adi o name=l evel
val ue=' admi n' >admi n </ t d></ t r >
<t r ><t d col span=2><i nput t ype=submi t val ue=Si mpan name=si mpanmodul >
</ t abl e>
</ f or m>" ;
}

/ / For mEdi t Modul
el sei f ( $_GET[ act ] ==' edi t kar yawan' ) {
$edi t = mysql _quer y( "SELECT * FROM kar yawan, j abat an WHERE ni k=' $_GET[ i d] '
and kar yawan. kode_j abat an = j abat an. kode_j abat an" ) ;
$r = mysql _f et ch_ar r ay( $edi t ) ;

echo "<h2>Edi t Kar yawan</ h2>
<f or mmet hod=POST act i on=aksi . php?modul =kar yawan&act =updat e
enct ype=' mul t i par t / f or m- dat a' >
<i nput t ype=hi dden name=i d val ue=' $r [ ni k] ' >
<t abl e>
<t r ><t d>NI K</ t d> <t d> : <i nput t ype=t ext name=ni k
val ue=' $r [ ni k] ' ></ t d></ t r >
<t r ><t d>Nama</ t d> <t d> : <i nput t ype=t ext name=nama
val ue=' $r [ nama] ' ></ t d></ t r >
<t r ><t d>Tempat / Tanggal Lahi r </ t d><t d>: <i nput t ype=t ext
name=t 4_l ahi r val ue=' $r [ t 4_l ahi r ] ' >" ;
$get _t gl =subst r ( " $r [ t gl _l ahi r ] " , 8, 2) ;
combot gl 2( 1, 31, ' t gl _l ahi r ' , $get _t gl ) ;
$get _bl n=subst r ( "$r [ t gl _l ahi r ] " , 5, 2) ;
combobl n2( 1, 12, ' bl n_l ahi r ' , $get _bl n) ;
$get _t hn=subst r ( "$r [ t gl _l ahi r ] " , 0, 4) ;
combot gl 2( $get _t hn- 10, $t hn_sekar ang+2, ' t hn_l ahi r ' , $get _t hn) ;
echo "
</ t d></ t r >";

i f ( $r [ gender ] ==' Pr i a' ) {
echo " <t r ><t d>J eni s Kel ami n</ t d> <t d> : <i nput t ype=r adi o name=gender
val ue=Pr i a checked>Pr i a
<i nput t ype=r adi o name=gender val ue=wani t a> Wani t a</ t d></ t r >" ;
}
el se{
echo " <t r ><t d>J eni s Kel ami n</ t d> <t d> : <i nput t ype=r adi o name=gender
val ue=pr i a>Pr i a
<i nput t ype=r adi o name=gender val ue=Wani t a
checked>Wani t a</ t d></ t r >";


146
}
i f ( $r [ l evel ] ==' admi n' ) {
echo " <t r ><t d>Level </ t d> <t d> : <i nput t ype=r adi o name=l evel val ue=admi n
checked>Admi n
<i nput t ype=r adi o name=l evel val ue=user >User </ t d></ t r >";
}
el se{
echo " <t r ><t d>Level </ t d> <t d> : <i nput t ype=r adi o name=l evel
val ue=admi n>Admi n
<i nput t ype=r adi o name=l evel val ue=user checked>User </ t d></ t r >";
}
echo "<t r ><t d>J abat an</ t d><t d> : <sel ect name=j abat an>" ;
$q=mysql _quer y( " sel ect * f r omj abat an" ) ;

whi l e( $d=mysql _f et ch_ar r ay( $q) ) {
i f ( $r [ kode_j abat an] ==$d[ kode_j abat an] )
echo "
<opt i on val ue=$d[ kode_j abat an]
sel ect ed>$d[ nama_j abat an] </ opt i on>";
el se
echo "<opt i on
val ue=$d[ kode_j abat an] >$d[ nama_j abat an] </ opt i on>" ;
}
echo "
</ sel ect ></ t d></ t r >
<t r ><t d>Al amat </ t d> <t d> : <t ext ar ea name=al amat r ows=2
col s=20>$r [ al amat ] </ t ext ar ea></ t d></ t r >
<t r ><t d>No. Tel p</ t d><t d>: <i nput t ype=t ext name=t el p
val ue=' $r [ t el p] ' ></ t d></ t r >
<t r ><t d>Passwor d</ t d><t d>: <i nput t ype=passwor d name=pass
val ue=' $r [ passwor d] ' ></ t d></ t r >
<t r ><t d>Phot o</ t d><t d> : <i mg sr c=' i mages/ phot o/ $r [ phot o] '
wi dt h=100 hei ght =110></ t d></ t r >
<t r ><t d>Gant i Gbr </ t d> <t d> : <i nput t ype=f i l e name=f upl oad
si ze=30> *) </ t d></ t r >
<t r ><t d col span=2>*) Apabi l a gambar t i dak di ubah, di kosongkan
saj a. </ t d></ t r >
</ t abl e>
</ f or m>" ;
}

el sei f ( $_GET[ act ] ==' hasi l car i ' ) {
$i =mysql _quer y( " sel ect * f r omkar yawan wher e ni k l i ke ' %$ni k%' ") ;
$h=mysql _num_r ows( $i ) ;
echo "<h2>Hasi l Car i </ h2>" ;
i f ( $h > 0) {
echo "

<t abl e>
<t r ><t h>No</ t h><t h>NI K</ t h><t h>Nama</ t h>
<t h>J abat an</ t h><t h>J eni s Kel ami n</ t h><t h>Al amat </ t h><t h>No.
Tel p</ t h><t h>aksi </ t h></ t r >";
$no=1;
whi l e ( $r =mysql _f et ch_ar r ay( $i ) ) {
echo "<t r ><t d>$no</ t d>
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d al i gn=cent er >$r [ nama_j abat an] </ t d>
<t d al i gn=cent er >$r [ gender ] </ t d>
<t d al i gn=cent er >$r [ al amat ] </ t d>
<t d al i gn=cent er >$r [ t el p] </ t d>
<t d><a hr ef =?act =edi t kar yawan&i d=$r [ ni k] ><i mg
<a
hr ef =\ " aksi . php?modul =kar yawan&act =hapus&i d=$r [ ni k] \ "onCl i ck=\ "r et ur n


147
</ t d></ t r >";
$no++;
}
echo "</ t abl e>";
}el se{

echo "Maaf <br > Ti dak Di t emukan Kar yawan dengan NI K : $ni k";
}

}

el sei f ( $_GET[ act ] ==' t ampi l ' ) {
$t anggal =spr i nt f ( "%02d%02d%02d" , $_POST[ year ] , $_POST[ mont h] , $_POST[ day] ) ;
$k=mysql _quer y( " sel ect * f r omabsensi , kar yawan wher e
absensi . ni k=kar yawan. ni k and absensi . t anggal =' $t anggal ' or der by

<f or mmet hod=POST act i on=' ?act =t ambahabsensi ' >
<i nput t ype=submi t val ue=' Tambah Absensi ' >
</ f or m>
<f or mmet hod=POST act i on=' ?act =t ampi l ' >
<t abl e>
<t r ><t d>Tanggal </ t d><t d>: " ; ?> <span i d="exampl eI I I ">
hei ght ="12px" al t =" " / >
</ span> <i nput t ype=submi t
val ue=Tampi l kan></ t d></ t r >
</ t abl e></ f or m>
<? echo "

<t abl e><t r ><t h>No</ t h><t h>Tanggal </ t h><t h>NI K</ t h><t h>Nama</ t h><t h>J am
Pul ang</ t h><t h>Aksi </ t h></ t r >";
$no=1;
whi l e( $l =mysql _f et ch_ar r ay( $k) ) {
$t gl =t gl _i ndo( $l [ t anggal ] ) ;
echo "<t r >
<t d>$no</ t d>
<t d>$t gl </ t d>
<t d>$l [ ni k] </ t d>
<t d>$l [ nama] </ t d>
<t d al i gn=cent er >$l [ masuk] </ t d>
<t d al i gn=cent er >$l [ i st i r ahat ] </ t d>
<t d al i gn=cent er >$l [ msk_i st i r ahat ] </ t d>
<t d al i gn=cent er >$l [ kel uar ] </ t d>
<t d><a
hr ef =?act =edi t absensi &i d=$l [ ni k] &t gl =$l [ t anggal ] ><i mg sr c=' i mages/ edi t . j peg'
wi dt h=20 hei ght =20 bor der =0></ a> |
<a
hr ef =\ " aksi . php?modul =absensi &act =hapus&i d=$l [ ni k] &t gl =$l [ t anggal ] \ "onCl i ck=
\ " r et ur n conf i r m( ' Apakah Anda benar - benar akan menghapus $l [ nama] ?' ) \ "><i mg
</ t d></ t r >
" ;


148
$no++;
}

echo "</ t abl e>";

}

el sei f ( $_GET[ act ] ==' edi t absensi ' ) {
$g=mysql _quer y( " sel ect * f r omabsensi , kar yawan wher e
absensi . ni k=kar yawan. ni k and absensi . t anggal =' $_GET[ t gl ] ' and
absensi . ni k=' $_GET[ i d] ' ") ;
$f =mysql _f et ch_ar r ay( $g) ;
echo "<h2>Edi t Absensi Regul er </ h2>
<f or mmet hod=POST act i on=aksi . php?modul =absensi &act =updat e>
<i nput t ype=hi dden name=i d val ue=$f [ ni k] >
<t abl e>
<t r ><t d>NI K</ t d><t d> : $f [ ni k] </ t d></ t r >
<t r ><t d>Nama</ t d> <t d> : $f [ nama] </ t d></ t r >
<t r ><t d>Tanggal </ t d> <t d> : ";

$get _t gl =subst r ( " $f [ t anggal ] " , 8, 2) ;
combot gl 2( 1, 31, ' t gl ' , $get _t gl ) ;
$get _bl n=subst r ( "$f [ t anggal ] ", 5, 2) ;
combobl n2( 1, 12, ' bl n' , $get _bl n) ;
$get _t hn=subst r ( "$f [ t anggal ] ", 0, 4) ;
combot gl 2( $get _t hn- 2, $t hn_sekar ang+2, ' t hn' , $get _t hn) ;

echo " </ t d></ t r >
<t r ><t d>J amMasuk</ t d> <t d> : <i nput t ype=t ext name=masuk
val ue=' $f [ masuk] ' ></ t d></ t r >
<t r ><t d>J amI st i r ahat </ t d> <t d> : <i nput t ype=t ext
name=i st i r ahat val ue=' $f [ i st i r ahat ] ' ></ t d></ t r >
<t r ><t d>Masuk I st i r ahat </ t d> <t d> : <i nput t ype=t ext
name=msk_i st i r ahat val ue=' $f [ msk_i st i r ahat ] ' ></ t d></ t r >
<t r ><t d>J amKel uar </ t d> <t d>: <i nput t ype=t ext
name=kel uar val ue=' $f [ kel uar ] ' ></ t d></ t r >
</ t abl e>
</ f or m>" ;

}

el sei f ( $_GET[ modul ] ==' cut i ' ) {
echo "<h2>Dat a Cut i </ h2>
<f or mmet hod=POST act i on=' ?act =t ambahcut i ' >
<i nput t ype=submi t val ue=' Tambah Dat a Cut i ' >
</ f or m>" ;
$bl n=dat e( "m") ;
$t ampi l =mysql _quer y( "SELECT * FROM cut i , kar yawan wher e
cut i . ni k=kar yawan. ni k and dat e_f or mat ( t gl _mul ai , ' %m' ) =' $bl n' ORDER BY
t gl _mul ai ASC" ) ;
$br =mysql _num_r ows( $t ampi l ) ;
i f ( $br > 0) {
echo "<t abl e>
<t r ><t h>no</ t h><t h>NI K</ t h><t h>Nama</ t h><t h>Tgl Mul ai </ t h><t h>Tgl
Sel esai </ t h><t h>Ket er angan Cut i </ t h><t h>aksi </ t h></ t h></ t r >";
$no=1;
$t gl _mul ai =t gl _i ndo( $r [ t gl _mul ai ] ) ;
$t gl _sel esai =t gl _i ndo( $r [ t gl _sel esai ] ) ;
<t d>$r [ ni k] </ t d>


149
<t d>$r [ nama] </ t d>
<t d>$t gl _mul ai </ t d>
<t d>$t gl _sel esai </ t d>
<t d al i gn=cent er >$r [ ket ] </ t d>
<t d><a hr ef =?act =edi t cut i &i d=$r [ i d] ><i mg
<a
hr ef =\ " aksi . php?modul =cut i &act =hapus&i d=$r [ i d] \ "onCl i ck=\ "r et ur n
</ t d></ t r >";
$no++;
}
}
}

el sei f ( $_GET[ act ] ==' t ambahcut i ' ) {
echo "<h2>Tambah Dat a Cut i </ h2>
<f or mmet hod=POST act i on=' aksi . php?modul =cut i &act =i nput ' >
<t abl e>
<t r ><t d>Tgl Mul ai </ t d><t d> : ";
$t gl =dat e( "d") ;
combot gl 2( 1, 31, ' t gl _mul ai ' , $t gl ) ;
$bl n=dat e( "m") ;
combobl n2( 1, 12, ' bl n_mul ai ' , $bl n) ;
combot gl 2( $get _t hn- 2, $t hn_sekar ang+2, ' t hn_mul ai ' , $t hn_skr g) ;
echo "</ t d></ t r >
<t r ><t d>Tgl Sel esai </ t d><t d> : ";
combot gl 2( 1, 31, ' t gl _sel esai ' , $t gl ) ;
$bl n=dat e( "m") ;
combobl n2( 1, 12, ' bl n_sel esai ' , $bl n) ;
combot gl 2( $get _t hn- 2, $t hn_sekar ang+2, ' t hn_sel esai ' , $t hn_skr g) ;
echo "</ t d></ t r >

<t r ><t d>Ket er angan</ t d><t d> : <i nput t ype=t ext name=ket ></ t d></ t r >
</ t abl e>
</ f or m>" ;
}

el sei f ( $_GET[ act ] ==' edi t cut i ' ) {
$edi t = mysql _quer y( "SELECT * FROM cut i , kar yawan wher e
cut i . ni k=kar yawan. ni k and cut i . ni k=' $_GET[ i d] ' " ) ;

echo "<h2>Edi t Dat a Cut i </ h2>
<f or mmet hod=POST act i on=aksi . php?modul =cut i &act =updat e>
<i nput t ype=hi dden name=i d val ue=$r [ ni k] >
<t abl e>
<t r ><t d>NI K</ t d><t d> : $r [ ni k] </ t d></ t r >
<t r ><t d>Nama</ t d><t d> : $r [ nama] </ t d></ t r >
<t r ><t d>Tgl Mul ai </ t d><t d> : " ;
$get _t gl =subst r ( " $r [ t gl _mul ai ] " , 8, 2) ;
combot gl 2( 1, 31, ' t gl _mul ai ' , $get _t gl ) ;
$get _bl n=subst r ( "$r [ t gl _mul ai ] " , 5, 2) ;
combobl n2( 1, 12, ' bl n_mul ai ' , $get _bl n) ;
$get _t hn=subst r ( "$r [ t gl _mul ai ] " , 0, 4) ;
combot gl 2( $t hn_sekar ang- 2, $t hn_sekar ang+2, ' t hn_mul ai ' , $get _t hn) ;
echo "


150
</ t d></ t r >
$get _t gl =subst r ( " $r [ t gl _sel esai ] ", 8, 2) ;
combot gl 2( 1, 31, ' t gl _sel esai ' , $get _t gl ) ;
$get _bl n=subst r ( "$r [ t gl _sel esai ] " , 5, 2) ;
combobl n2( 1, 12, ' bl n_sel esai ' , $get _bl n) ;
$get _t hn=subst r ( "$r [ t gl _sel esai ] " , 0, 4) ;
combot gl 2( $t hn_sekar ang- 2, $t hn_sekar ang+2, ' t hn_sel esai ' , $get _t hn) ;
echo "
</ t d></ t r >
<t r ><t d>Ket er angan</ t d><t d> : <i nput t ype=t ext name=ket
val ue=' $r [ ket ] ' ></ t d></ t r >
</ t abl e>
</ f or m>" ;
}

el sei f ( $_GET[ modul ] ==' i j i n' ) {
echo "<h2>Dat a I j i n</ h2>
<f or mmet hod=POST act i on=' ?act =t ambahi j i n' >
<i nput t ype=submi t val ue=' Tambah Dat a I j i n' >
</ f or m>" ;
$bl n=dat e( "m") ;
$t ampi l =mysql _quer y( "SELECT * FROM i j i n, kar yawan wher e
i j i n. ni k=kar yawan. ni k and dat e_f or mat ( t gl _mul ai , ' %m' ) =' $bl n' ORDER BY
t gl _mul ai ASC" ) ;
$br =mysql _num_r ows( $t ampi l ) ;
i f ( $br > 0) {
echo "<t abl e>
<t r ><t h>no</ t h><t h>NI K</ t h><t h>Nama</ t h><t h>Tgl Mul ai </ t h><t h>Tgl
Sel esai </ t h><t h>Ket er angan Cut i </ t h><t h>aksi </ t h></ t h></ t r >";
$no=1;
$t gl _mul ai =t gl _i ndo( $r [ t gl _mul ai ] ) ;
$t gl _sel esai =t gl _i ndo( $r [ t gl _sel esai ] ) ;
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d>$t gl _mul ai </ t d>
<t d>$t gl _sel esai </ t d>
<t d al i gn=cent er >$r [ ket ] </ t d>
<t d><a hr ef =?act =edi t i j i n&i d=$r [ i d] ><i mg
<a
hr ef =\ " aksi . php?modul =i j i n&act =hapus&i d=$r [ i d] \ "onCl i ck=\ "r et ur n
</ t d></ t r >";
$no++;
}
}
}

el sei f ( $_GET[ act ] ==' t ambahi j i n' ) {
echo "<h2>Tambah Dat a Cut i </ h2>
<f or mmet hod=POST act i on=' aksi . php?modul =i j i n&act =i nput ' >
<t abl e>
<t r ><t d>Tgl Mul ai </ t d><t d> : ";
combot gl 2( 1, 31, ' t gl _mul ai ' , $t gl ) ;
$bl n=dat e( "m") ;
combobl n2( 1, 12, ' bl n_mul ai ' , $bl n) ;


151
combot gl 2( $get _t hn- 2, $t hn_sekar ang+2, ' t hn_mul ai ' , $t hn_skr g) ;
echo "</ t d></ t r >
combot gl 2( 1, 31, ' t gl _sel esai ' , $t gl ) ;
$bl n=dat e( "m") ;
combobl n2( 1, 12, ' bl n_sel esai ' , $bl n) ;
combot gl 2( $get _t hn- 2, $t hn_sekar ang+2, ' t hn_sel esai ' , $t hn_skr g) ;
echo "</ t d></ t r >

<t r ><t d>Ket er angan</ t d><t d> : <i nput t ype=t ext name=ket ></ t d></ t r >
</ t abl e>
</ f or m>" ;
}

el sei f ( $_GET[ act ] ==' edi t i j i n' ) {
$edi t = mysql _quer y( "SELECT * FROM i j i n, kar yawan wher e
i j i n. ni k=kar yawan. ni k and i j i n. ni k=' $_GET[ i d] ' " ) ;

echo "<h2>Edi t Dat a I j i n</ h2>
<f or mmet hod=POST act i on=aksi . php?modul =i j i n&act =updat e>
<i nput t ype=hi dden name=i d val ue=$r [ ni k] >
<t abl e>
<t r ><t d>NI K</ t d><t d> : $r [ ni k] </ t d></ t r >
<t r ><t d>Nama</ t d><t d> : $r [ nama] </ t d></ t r >
<t r ><t d>Tgl Mul ai </ t d><t d> : " ;
$get _t gl =subst r ( " $r [ t gl _mul ai ] " , 8, 2) ;
combot gl 2( 1, 31, ' t gl _mul ai ' , $get _t gl ) ;
$get _bl n=subst r ( "$r [ t gl _mul ai ] " , 5, 2) ;
combobl n2( 1, 12, ' bl n_mul ai ' , $get _bl n) ;
$get _t hn=subst r ( "$r [ t gl _mul ai ] " , 0, 4) ;
combot gl 2( $t hn_sekar ang- 2, $t hn_sekar ang+2, ' t hn_mul ai ' , $get _t hn) ;
echo "
</ t d></ t r >
$get _t gl =subst r ( " $r [ t gl _sel esai ] ", 8, 2) ;
combot gl 2( 1, 31, ' t gl _sel esai ' , $get _t gl ) ;
$get _bl n=subst r ( "$r [ t gl _sel esai ] " , 5, 2) ;
combobl n2( 1, 12, ' bl n_sel esai ' , $get _bl n) ;
$get _t hn=subst r ( "$r [ t gl _sel esai ] " , 0, 4) ;
combot gl 2( $t hn_sekar ang- 2, $t hn_sekar ang+2, ' t hn_sel esai ' , $get _t hn) ;
echo "
</ t d></ t r >
<t r ><t d>Ket er angan</ t d><t d> : <i nput t ype=t ext name=ket
val ue=' $r [ ket ] ' ></ t d></ t r >
</ t abl e>
</ f or m>" ;
}

el sei f ( $_GET[ modul ] ==' gl obal ' ) {
$m=dat e( " m") ;
$y=dat e( " Y") ;
echo "<h2>Lapor an Absensi Gl obal </ h2>
<t abl e>
<t r ><t d>Bul an</ t d><t d>: " ;
$bl n=dat e( "m") ;


152
combobl n2( 1, 12, ' bl n' , $bl n) ;
echo "
</ t d><t d r owspan=2><i nput t ype=submi t
<t r ><t d>NI K</ t d><t d>: <i nput t ype=t ext name=ni k></ t d></ t r >

</ t abl e>
</ f or m>
<h2 al i gn=cent er >Lapor an Dat a Absensi Gl obal <br >Bul an $m
$y</ h2>
<t abl e>

Kel uar </ t h><t h>Ket er l ambat an</ t h></ t r >" ;
$t ampi l =mysql _quer y( "SELECT * , TI MEDI FF( `masuk` , ' 08: 15: 00' ) AS

$no=1;
<t d>$t gl </ t d>
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d al i gn=cent er >$r [ sel i si h] </ t d>
</ t r >";
$no++;
}
echo "<br ><br ><f or mact i on=aksi . php?modul =cet ak&act =gl obal met hod=POST>
<i nput t ype=submi t val ue=Cet ak PDF>
</ f or m>
";
}

el sei f ( $_GET[ act ] ==' t ampi l kan' ) {
$m=$_POST[ bl n] ;
$y=$_POST[ t hn] ;

echo "<h2>Lapor an Absensi Gl obal </ h2>
<f or mact i on=' ' met hod=POST>
<t abl e>
<t r ><t d>Bul an</ t d><t d>: " ;
$bl n=dat e( "m") ;
combobl n2( 1, 12, ' bl n' , $bl n) ;
echo "
</ t d><t d r owspan=2><i nput t ype=submi t

</ t abl e>
</ f or m>
<h2 al i gn=cent er >Lapor an Dat a Absensi Gl obal <br >Bul an $m
$y</ h2>
<t abl e>


153

Kel uar </ t h><t h>Ket er l ambat an</ t h></ t r >" ;
i f ( empt y( $_POST[ ni k] ) ) {
$t ampi l =mysql _quer y( "SELECT * , TI MEDI FF( `masuk` , ' 08: 15: 00' ) AS
}el se{
$t ampi l =mysql _quer y( " SELECT * , TI MEDI FF( `masuk` , ' 08: 15: 00' ) AS
absensi . ni k=' $ni k' and kar yawan. kode_j abat an=j abat an. kode_j abat an and
mont h( t anggal ) =' $m' and year ( t anggal ) =' $y' or der by t anggal ") ;
}
$no=1;
<t d>$t gl </ t d>
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d al i gn=cent er >$r [ sel i si h] </ t d>
</ t r >";
$no++;
}
echo "<br ><br ><f or mact i on=aksi . php?modul =cet ak&act =t ampi l kan
met hod=POST>
<i nput t ype=hi dden name=mval ue=$m>
<i nput t ype=hi dden name=y val ue=$y>
<i nput t ype=hi dden name=ni k val ue=$ni k>
</ f or m>";

}

el sei f ( $_GET[ modul ] ==' l apcut i ' ) {
$m=dat e( " m") ;
$y=dat e( " Y") ;
echo "<h2>Lapor an Absensi Dat a Absensi Cut i </ h2>
<f or mact i on=?act =t ampi l kancut i met hod=POST>
<t abl e>
<t r ><t d>Bul an</ t d><t d>: " ;
$bl n=dat e( "m") ;
combobl n2( 1, 12, ' bl n' , $bl n) ;
echo "

</ t abl e>
</ f or m>
<h2 al i gn=cent er >Lapor an Dat a Absensi Cut i <br >Bul an $m$y</ h2>
<t abl e>
<t r ><t h>no</ t h><t h>NI K</ t h><t h>Nama</ t h><t h>J abat an</ t h><t h>Tanggal
Mul ai </ t h><t h>Tanggal Sel esai </ t h><t h>Ket er angan</ t h></ t r >" ;
$t ampi l =mysql _quer y( "SELECT * f r omcut i , kar yawan, j abat an wher e
$no=1;


154
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d>$r [ t gl _mul ai ] </ t d>
<t d>$r [ t gl _sel esai ] </ t d>
<t d>$r [ ket ] </ t d>
</ t r >";
$no++;
}
echo "<br ><br ><f or mact i on=aksi . php?modul =cet ak&act =cut i met hod=POST>
</ f or m>
";
}

el sei f ( $_GET[ act ] ==' t ampi l kancut i ' ) {
$m=$_POST[ bl n] ;
$y=$_POST[ t hn] ;

echo "<h2>Lapor an Dat a Cut i </ h2>
<f or mact i on=?act =t ampi l kancut i met hod=POST>
<t abl e>
<t r ><t d>Bul an</ t d><t d>: " ;
$bl n=dat e( "m") ;
combobl n2( 1, 12, ' bl n' , $bl n) ;
echo "

</ t abl e>
</ f or m>
<h2 al i gn=cent er >Lapor an Dat a Cut i <br >Bul an $m$y</ h2>
<t abl e>

$t ampi l =mysql _quer y( "SELECT * f r omcut i , kar yawan, j abat an wher e
mont h( t gl _mul ai ) =' $m' and year ( t gl _sel esai ) =' $y' or der by t gl _mul ai ") ;

$no=1;
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d>$r [ ket ] </ t d>
</ t r >";
$no++;
}
echo "<br ><br ><f or mact i on=aksi . php?modul =cet ak&act =t ampi l kancut i
met hod=POST>
</ f or m>";

}

el sei f ( $_GET[ modul ] ==' l api j i n' ) {
$m=dat e( " m") ;


155
$y=dat e( " Y") ;
echo "<h2>Lapor an Absensi Dat a Absensi I j i n</ h2>
<f or mact i on=?act =t ampi l kani j i n met hod=POST>
<t abl e>
<t r ><t d>Bul an</ t d><t d>: " ;
$bl n=dat e( "m") ;
combobl n2( 1, 12, ' bl n' , $bl n) ;
echo "

</ t abl e>
</ f or m>
<h2 al i gn=cent er >Lapor an Dat a Absensi I j i n<br >Bul an $m$y</ h2>
<t abl e>
$t ampi l =mysql _quer y( "SELECT * f r omi j i n, kar yawan, j abat an wher e
$no=1;
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d>$r [ ket ] </ t d>
</ t r >";
$no++;
}
echo "<br ><br ><f or mact i on=' aksi . php?modul =pr i nt &act =i j i n' met hod=POST>
<i nput t ype=submi t val ue=Cet ak >
</ f or m>
";
}

el sei f ( $_GET[ act ] ==' t ampi l kani j i n' ) {
$m=$_POST[ bl n] ;
$y=$_POST[ t hn] ;

echo "<h2>Lapor an Absensi Dat a I j i n</ h2>
<f or mact i on=?act =t ampi l kani j i n met hod=POST>
<t abl e>
<t r ><t d>Bul an</ t d><t d>: " ;
$bl n=dat e( "m") ;
combobl n2( 1, 12, ' bl n' , $bl n) ;
echo "

</ t abl e>
</ f or m>
<h2 al i gn=cent er >Lapor an Dat a I j i n<br >Bul an $m$y</ h2>
<t abl e>

$t ampi l =mysql _quer y( "SELECT * f r omi j i n, kar yawan, j abat an wher e
mont h( t gl _mul ai ) =' $m' and year ( t gl _sel esai ) =' $y' or der by t gl _mul ai ") ;


156
$no=1;
<t d>$r [ ni k] </ t d>
<t d>$r [ nama] </ t d>
<t d>$r [ ket ] </ t d>
</ t r >";
$no++;
}
echo "<br ><br ><f or mact i on=' aksi . php?modul =pr i nt &act =t ampi l kani j i n'
met hod=POST>
</ f or m>";
}

el sei f ( $_GET[ act ] ==' t ambahabsensi ' ) {
echo "
<h2>Tambah Absensi </ h2>
<f or mact i on=' aksi . php?modul =absensi &act =i nput ' met hod=POST>
<t abl e>
hei ght ="12px" al t =" " / >
</ span> </ t d></ t r >
<?php echo "
<t r ><t d>J amMasuk</ t d><t d>: <i nput t ype=t ext name=masuk></ t d></ t r >
<t r ><t d>J amI st i r ahat </ t d><t d>: <i nput t ype=t ext
name=i st i r ahat ></ t d></ t r >
<t r ><t d>J amMsk I st i r ahat </ t d><t d>: <i nput t ype=t ext
name=msk_i st i r ahat ></ t d></ t r >
<t r ><t d>J amKel uar </ t d><t d>: <i nput t ype=t ext name=kel uar ></ t d></ t r >
<t r ><t d col span=2><i nput t ype=submi t val ue=Si mpan name=si mpanmodul >
</ t abl e>
</ f or m>
" ;

}

el sei f ( $_GET[ modul ] =' absensi ' ) {
echo "<h2>Dat a Absensi Regul er </ h2>
<f or mmet hod=POST act i on=' ?act =t ambahabsensi ' >
<i nput t ype=submi t val ue=' Tambah Absensi ' >
</ f or m>
<f or mmet hod=POST act i on=' ?act =t ampi l ' >
<t abl e>


157
hei ght ="12px" al t =" " / >
</ span> <i nput t ype=submi t
</ t abl e></ f or m>
<?
$sq=mysql _quer y( " sel ect * f r omabsensi , kar yawan wher e
absensi . ni k=kar yawan. ni k and absensi . t anggal =' $t gl _sekar ang' or der by
$r =mysql _num_r ows( $sq) ;

i f ( $r > 0) {
echo "<t abl e><t r ><t h>No</ t h><t h>Tanggal </ t h><t h>NI K</ t h><t h>Nama</ t h><t h>J am
Pul ang</ t h><t h>Aksi </ t h></ t r >";
$no=1;
whi l e( $t =mysql _f et ch_ar r ay( $sq) ) {
$t gl =t gl _i ndo( $t [ t anggal ] ) ;
echo "<t r >
<t d>$no</ t d>
<t d>$t gl </ t d>
<t d>$t [ ni k] </ t d>
<t d>$t [ nama] </ t d>
<t d al i gn=cent er >$t [ masuk] </ t d>
<t d al i gn=cent er >$t [ i st i r ahat ] </ t d>
<t d al i gn=cent er >$t [ msk_i st i r ahat ] </ t d>
<t d al i gn=cent er >$t [ kel uar ] </ t d>
<t d><a
hr ef =?act =edi t absensi &i d=$t [ ni k] &t gl =$t [ t anggal ] ><i mg sr c=' i mages/ edi t . j peg'
wi dt h=20 hei ght =20 bor der =0></ a> |
<a
hr ef =\ " aksi . php?modul =absensi &act =hapus&i d=$t [ ni k] &t gl =$t [ t anggal ] \ "onCl i ck=
\ " r et ur n conf i r m( ' Apakah Anda benar - benar akan menghapus $t [ nama] ?' ) \ "><i mg
</ t d></ t r >
" ;
$no++;
}

echo "</ t abl e>";

}

}

el se{
echo "<p al i gn=cent er ><b>MODUL BELUM ADA</ b></ p>";
}

?>

Medi a. php

<?php
i f ( empt y( $_SESSI ON[ namauser ] ) AND empt y( $_SESSI ON[ passuser ] ) ) {
echo "<l i nk hr ef =' . . / conf i g/ admi nst yl e. css' r el =' st yl esheet '
t ype=' t ext / css' >
<cent er >Unt uk mengakses modul , Anda har us l ogi n <br >" ;
echo "<a hr ef =i ndex. php><b>LOGI N</ b></ a></ cent er >" ;
}
el se{


158

?>

<ht ml >
<head>
<t i t l e>: : ABSENSI CV. FLASHI NDOMEDI A : : </ t i t l e>
<l i nk hr ef =" . . / conf i g/ admi nst yl e. css" r el =" st yl esheet " t ype=" t ext / css" / >
<st yl e t ype="t ext / css" >
<! - -

. dr opdown {
f l oat : l ef t ;
}
. dr opdown dt {bor der : 0px sol i d #9ac1c9; paddi ng: 0px; f ont -
wei ght : bol d; cur sor : poi nt er ; }
. dr opdown dt : hover {}
. dr opdown dd {paddi ng: 0px; mar gi n: 0px; posi t i on: absol ut e;
over f l ow: hi dden; di spl ay: none; backgr ound: #265180; z- i ndex: 200; opaci t y: 1. 0}
. dr opdown ul {paddi ng: 0px; mar gi n: 0px; bor der : 1px sol i d #9AC1C9;
l i st - st yl e: none; bor der - t op: none; bor der - bot t om: none; }
. dr opdown l i {di spl ay: i nl i ne}
. dr opdown a {di spl ay: bl ock; paddi ng: 5px; t ext - decor at i on: none; }
. dr opdown a: act i ve {di spl ay: bl ock; paddi ng: 5px; t ext - decor at i on: none;
}
. dr opdown a: vi si t ed {di spl ay: bl ock; paddi ng: 5px; t ext -
decor at i on: none; }
. dr opdown a: hover {t ext - decor at i on: none; }
. dr opdown . under l i ne {bor der - bot t om: 1px sol i d #B9D6DC}
. separ at or {
f l oat : l ef t ;
col or : #f f f ;
}
- - >
</ st yl e>
<scr i pt t ype=" t ext / j avascr i pt " sr c=" 145- komput er - d-
i i i _f i l es/ moot ool s. j s" ></ scr i pt >
<scr i pt t ype=" t ext / j avascr i pt " sr c=" 145- komput er - d-
i i i _f i l es/ capt i on. j s" ></ scr i pt >
<scr i pt t ype=" t ext / j avascr i pt " >

var DDSPEED = 10;
var DDTI MER = 15;

/ / mai n f unct i on t o handl e t he mouse event s / /
f unct i on ddMenu( i d, d) {
var h = document . get El ement ByI d( i d + ' - ddheader ' ) ;
var c = document . get El ement ByI d( i d + ' - ddcont ent ' ) ;
cl ear I nt er val ( c. t i mer ) ;
i f ( d == 1) {
cl ear Ti meout ( h. t i mer ) ;
i f ( c. maxh && c. maxh <= c. of f set Hei ght ) {r et ur n}
el se i f ( ! c. maxh) {
c. st yl e. di spl ay = ' bl ock' ;
c. st yl e. hei ght = ' aut o' ;
c. maxh = c. of f set Hei ght ;
c. st yl e. hei ght = ' 0px' ;
}
c. t i mer = set I nt er val ( f unct i on( ) {ddSl i de( c, 1) }, DDTI MER) ;
}el se{
h. t i mer = set Ti meout ( f unct i on( ) {ddCol l apse( c) }, 50) ;


159
}
}

/ / col l apse t he menu / /
f unct i on ddCol l apse( c) {
c. t i mer = set I nt er val ( f unct i on( ) {ddSl i de( c, - 1) }, DDTI MER) ;
}

/ / cancel t he col l apse i f a user r ol l s over t he dr opdown / /
f unct i on cancel Hi de( i d) {
var h = document . get El ement ByI d( i d + ' - ddheader ' ) ;
var c = document . get El ement ByI d( i d + ' - ddcont ent ' ) ;
cl ear Ti meout ( h. t i mer ) ;
i f ( c. of f set Hei ght < c. maxh) {
c. t i mer = set I nt er val ( f unct i on( ) {ddSl i de( c, 1) }, DDTI MER) ;
}
}

/ / i ncr ement al l y expand/ cont r act t he dr opdown and change t he opaci t y / /
f unct i on ddSl i de( c, d) {
var cur r h = c. of f set Hei ght ;
var di st ;
i f ( d == 1) {
di st = ( Mat h. r ound( ( c. maxh - cur r h) / DDSPEED) ) ;
}el se{
di st = ( Mat h. r ound( cur r h / DDSPEED) ) ;
}
i f ( di st <= 1 && d == 1) {
di st = 1;
}
c. st yl e. hei ght = cur r h + ( di st * d) + ' px' ;
c. st yl e. opaci t y = cur r h / c. maxh;
c. st yl e. f i l t er = ' al pha( opaci t y=' + ( cur r h * 100 / c. maxh) + ' ) ' ;
i f ( ( cur r h < 2 && d ! = 1) | | ( cur r h > ( c. maxh - 2) && d == 1) ) {
}
}
</ scr i pt >

<l i nk r el ="st yl esheet " hr ef =" conf i g/ t empl at e. css" t ype="t ext / css">

</ head>
<body>

<di v i d="cont ent 1">
<di v i d="menu_cont ai ner " >
<dl cl ass="dr opdown">
<dt i d="menu0- ddheader "
onMouseOver ="ddMenu( ' menu0' , 1) " onMouseOut =" ddMenu( ' menu0' , - 1) ">
<l i ><a
hr ef ="medi a. php?modul =home" >Home</ a></ l i >
</ dt >
<dd i d="menu0- ddcont ent "
onMouseOver ="cancel Hi de( ' menu0' ) " onMouseOut =" ddMenu( ' menu0' , - 1) ">
<ul ></ ul >
</ dd>
</ dl >
<di v cl ass=" separ at or " >| </ di v>

<dl cl ass="dr opdown"><dt i d=" menu1- ddheader "
<l i ><a hr ef ="#">Mast er Dat a</ a></ l i >
</ dt ><dd st yl e=" di spl ay: bl ock; hei ght : 0px; opaci t y:
0; " i d="menu1- ddcont ent " onMouseOver =" cancel Hi de( ' menu1' ) "
onMouseOut =" ddMenu( ' menu1' , - 1) " >


160
<?php
$s=mysql _quer y( " sel ect * f r ommodul wher e kat egor i =' mast er ' ") ;
whi l e( $q=mysql _f et ch_ar r ay( $s) ) {
echo "<ul ><l i ><a cl ass=under l i ne hr ef =$q[ l i nk] >$q[ nama_modul ] </ a></ l i >
<di v cl ass=cl r ></ di v>
" ;

}
echo "</ ul ></ dd></ dl >" ;
?>

<di v cl ass=" separ at or " >| </ di v>
<dl cl ass="dr opdown">
<dt i d="menu3- ddheader " onMouseOver ="ddMenu( ' menu3' , 1) "
<l i ><a hr ef ="#">Dat a Absensi </ a></ l i >
</ dt >
<?php
$s=mysql _quer y( " sel ect * f r ommodul wher e kat egor i =' absen' " ) ;
" ;

}
echo "</ ul ></ dd></ dl >" ;
?>
<di v cl ass=" separ at or " >| </ di v><dl
cl ass=" dr opdown" ><dt i d="menu5- ddheader " onMouseOver =" ddMenu( ' menu5' , 1) "
<l i ><a hr ef ="#">Lapor an</ a></ l i ></ dt >
<?php
$s=mysql _quer y( " sel ect * f r ommodul wher e kat egor i =' l apor an' " ) ;
" ;

}
echo "</ ul ></ dd></ dl >" ;
?>
<di v cl ass="separ at or ">| </ di v>
<dl cl ass=" dr opdown" >
<dt i d="menu0- ddheader "
<l i ><a hr ef ="l ogout . php" >Logout </ a></ l i >
</ dt >
<ul ></ ul >
</ dd>
</ dl >
</ di v>

<?php i ncl ude "cont ent . php" ; ?>
</ di v>
<p> </ p>

Copyr i ght © 2009 </ di v>
</ di v>
</ body>
</ ht ml >


161
<?
}
?>

Logout . php

<?php
sessi on_dest r oy( ) ;

/ / Apabi l a set el ah l ogout l angsung menuj u hal aman ut ama websi t e, akt i f kan
bar i s di bawah i ni :

header ( ' l ocat i on: i ndex. php' ) ;
?>

Cek_l ogi n. php

<?php

$l ogi n=mysql _quer y( "SELECT * FROM kar yawan WHERE ni k=' $ni k' AND
passwor d=' $pass' and l evel =' admi n' ") ;
$ket emu=mysql _num_r ows( $l ogi n) ;
$r =mysql _f et ch_ar r ay( $l ogi n) ;

/ / Apabi l a user name dan passwor d di t emukan
i f ( $ket emu > 0) {

$_SESSI ON[ namauser ] =$r [ i d_user ] ;
$_SESSI ON[ passuser ] =$r [ passwor d] ;
}
el se{
echo "<l i nk hr ef =. . / conf i g/ admi nst yl e. css r el =st yl esheet t ype=t ext / css>" ;
echo "<cent er >Logi n gagal ! user name & passwor d t i dak benar <br >";
echo "<a hr ef =i ndex. php><b>ULANGI LAGI </ b></ a></ cent er >";
}
?>


162
SURAT KETERANGAN
Hasil Uji Program Tugas Akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Tugas Akhir mahasiswa
Program Diploma 3 Komputer:

Nama : MIRA BELLINA
NIM : 062406063
Program Studi : Ilmu Komputer D-3
Judul Tugas Akhir : SISTEM INFORMASI ABSENSI PEGAWAI

Telah melakukan uji program Tugas Akhir mahasiswa tersebut diatas pada tanggal
.2009

Dengan Hasil : Sukses / Gagal

Demikianlah diterangakan digunakan untuk melengkapi syarat pendaftaran ujian
meja hijau tugas akhir mahasiswa bersangkutan dijurusan matematika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara Medan.

Medan,.2009
Dosen Pembimbing

Drs. Sawaluddin, M.IT
NIP : 132206398


163
DEPARTEMEN PENDIDIKAN NASIONAL
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM(FMIPA)
J l. Bioteknologi No.1 Kampus USU Telp. (061) 8211050 Fax (061) 8214290
MEDAN 20155, Email : Dekanat@FMIPA.USU.AC.ID

Nama Mahasiswa
Nomor Induk Mahasiswa
Judul Tugas Akhir

Dosen Pembimbing
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

:
:
:

:

MIRA BELLINA
062406063
Sistem Informasi Absensi Pegawai CV.
Flashindomedia Berbasis Web
Drs. Sawaluddin, M.IT

NO
TANGGAL
BIMBINGAN
PEMBAHASAN
PADA BAB
PARAF
DOSEN
PEMBIMBING
KETERANGAN

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

Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Dosen Pembimbing

Dr. Saib Suwilo, M.Sc Drs. Sawaluddin, M.IT
NIP. 131796149 NIP : 132206398

Absensi Pegawai Berbasis WEB

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Absensi Pegawai Berbasis WEB

Uploaded by

Copyright:

Available Formats

Mira Bellina : Sistem Informasi Absensi Pegawai Pada CV. Flashindomedia Medan Berbasis Web, 2009.

SISTEM INFORMASI ABSENSI PEGAWAI PADA

You might also like