Panduan Membuat Program Absensi Karyawan

Panduan Proyek: Membuat Aplikasi Web

PENGGAJIAN & ABSENSI

Karyawan dengan PHP, MySQL dan Dreamweaver

Penulis:

Bunafit Nugroho www.BunafitKomputer.Com

Penerbit : ALIF Media Yogyakarta

1

Bab 7 Panduan Membuat Program Absensi Karyawan Data absensi karyawan disimpan dalam database, yaitu tabel absensi, memiliki relasi tabel langsung dengan data Karyawan. Dengan tabel yang sudah kita buat, absensi kehadiran dapat dicatat mulai dari jam masuk dan jam keluar, juga tanggal dan status kehadiran (tidak masuk, masuk, ijin dan cuti) . Program utama input absensi karyawan terdapat 4 file inti, yaitu :  absensi_add.php : Form untuk tambah data Absensi  absensi_edit.php : Form untuk mengubah data Absensi  absensi_data.php : Halaman untuk menampilkan data Absensi, terdapat menu Add Data, Edit dan Delete.  absensi_delete.php : Berisi skrip program untuk menghapus data Absensi yang dipilih dari halaman absensi_data.php, klik link menu Delete. Anda dapat membuat ke-4 file program di atas seperti cara sebel umnya yang pernah Anda pelajari, yaitu seperti membuat Program Transaksi Penggajian, Transaksi Pinjaman dan Lembur. Sebagai informasi, eBook Panduan Membuat Program Absensi Karyawan ini merupakan bab lanjutan dari buku cetak yang Anda pelajari, yaitu Bab 7. Jika Anda memperoleh eBook ini bukan dari CD Penyerta buku, maka sebagai informasi panduan lengkap dan skrip yang dipelajari ada di buku dengan judul; Panduan Proyek Membuat Web Aplikasi Penggajian & Absensi Karyawan dengan PHP, MySQL dan Dreamweaver . Penulisnya adalah; Bunafit Nugroho, Penerbit; ALIF Media, terbitan September 2013, info lanjut ada di www.bunafit-komputer.com .

7.1 Membuat Menu dan Kontrol Program Absensi Pekerjaan pertama, Anda harus membuat menu unt uk mengakses halaman utama data Absensi, yaitu dari file menu.php, selanjutnya menambahkan kontrol file program dalam file buka_file.php. Caranya: 1. Buka Windows Explorer. 2. Buka file menu.php lewat Dreamweaver. 3. Tambahkan menu Data Absensi, dan arahkan link-nya menuju ?page=AbsensiData. Seperti contoh:

2

Gambar 7.1 Membuat menu Data Absensi 4. Selanjutnya, buka file buka_file.php lewat Dreamweaver. 5. Dari halaman kode (Code), tambahkan baris kode program untuk menjalankan link menu yang mengarah ke ?page=Absensi-Data :

Gambar 7.1 Contoh alamat URL yang dikirim oleh menu, lalu jalankan oleh program kontrol di dalam file buka_file.php case 'Absensi-Data' : if(!file_exists (" absensi_data.php")) die ("Sorry Empty Page!"); include "absensi_data.php"; break;

Skrip di atas, jika dari menu utama link menu mengarah ke alamat ?page=Absensi-Data, maka program buka_file.php akan mengeksekusi dengan memanggil file program absensi_data.php. 6. Buat kode kontrol jika ada menu yang mengarah ke URL; ?page=Absensi-Add : case 'Absensi-Add' : if(!file_exists (" absensi_add.php")) die ("Sorry Empty Page!"); include "absensi_add.php"; break;

Jika ada menu yang mengarah ke alamat URL ? page=Absensi-Add, maka file kontrol program buka_file.php akan mengeksekusi file pr ogram absensi_add.php, file ini berisi form untuk memasukan data absensi karyawan. 7. Buat kode kontrol jika ada menu yang mengarah ke URL; ?page= Absensi-Edit, yaitu untuk menjalankan form program Ubah Data: case 'Absensi-Edit' : if(!file_exists (" absensi_edit.php")) die ("Sorry Empty Page!"); include "absensi_edit.php"; break;

8. Buat kode kontrol jika ada menu yang mengarah ke URL; ?page= AbsensiDelete, yaitu untuk menjalankan program Hapus Data: 3

case 'Absensi-Delete' : if(!file_exists ("absensi_delete.php")) die ("Sorry Empty Page!"); include "absensi_delete.php"; break;

9. Setelah selesai, simpan programnya ( Ctrl + S).

7.2 Tambah Data Absensi Sekarang kita akan membuat Program Tambah Data Absensi, perintah SQL yang digunakan untuk menyimpan data adalah INSERT. Sebagai latihan, sebaiknya Anda mencoba sendiri membuatnya tanpa harus membaca panduan ini . Jika memang masih belum mampu, ikuti saja langkah berikut : 1. Buka Dreamweaver. 2. Buat dokumen baru (tekan Ctrl + N). Dari tab General, klik Dynamic Page, lalu klik tipe halaman PHP. 3. Simpan pada folder utama dengan nama absensi_add.php. 4. Masuk pada halaman kode ( Code), hapus semua kode HTML. 5. Masuk pada halaman tampilan ( Design), tambahkan area form dari panel Forms. 6. Pada area form yang sudah ditambahk an, atur alamat pemrosessan programnya dari bagian Action, panel Properties. 

Action

:



Target

: _self



Method

: POST

Gambar 7.1 Membuat area form untuk formulir Tambah Data Pada bagian action, arti dari adalah alamat targetnya menuju form itu sendiri. Cara lain yang dapat gunakan, mengatur alamat action-nya dengan alamat ?page=Absensi-Add. Seperti contoh di bawah:

4

Gambar 7.1 Mengatur alamat Action data pada form Kenapa harus ?page=Absensi-Add ?, Ya, karna alamat tersebut akan diakses di halaman kontrol buka_file.php untuk menjalankan file absensi_add.php, yaitu form itu sendiri. 7. Klik pada area form lagi, lalu tekan Ctrl + S untuk menyimpan perubahan program. 8. Dari panel Common, tambahkan tabel untuk desain form, sebanyak 9 baris dan 3 kolom, lalu klik tombol Go. Posisi tabel ini harus berada di dalam area form (garis merah putus-putus). 9. Sekarang atur tata letak tabel dengan menambah teks judul form di bagian atas (lakukan merger 3 kolom dari baris paling atas), di bagian kiri untuk judul kotak masukan. Seperti gambar berikut:

Gambar 7.4 Desain kerangka tabel untuk form Tambah Data Absensi 10. Masuklah pada halaman kode ( Code view), sisipkan kode efek CSS pada tag table, seperti contoh berikut ya ng dicetak tebal.

Ilustrasinya adalah:

Gambar 7.5 Kode untuk mengaktifkan efek CSS pada tabel

5

11. Tambahkan form masukan berupa List/Menu nilai propertinya. 

List/Menu

pada baris Karyawan, lalu atur

: cmbKaryawan

Gambar 3.20 Mengatur properti List/Menu, form masukan untuk data Karyawan Masih pada List/Menu Karyawan, sekarang masuklah pada halaman kode (Code). Lengkapi kode programnya.

Menjadi : ....