BAB III ANALISIS DAN PERANCANGAN SISTEM. Pengembangan Sistem (Systems Development Life Cycle) yang berfungsi untuk

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN SISTEM Dalam pembuatan aplikasi ini menerapkan konsep Siklus Hidup Pengembangan Sistem (Systems Development Life Cycle) yang berfungsi untuk menggambarkan tahapan-tahapan utama sekaligus langkah-langkah dari setiap tahapan. Langkah-langkah yang akan dilakukan dalam pembuatan Rancang Bangun Aplikasi Presensi dan Penggajian Pada UD. Sukri Dana Abadi Surabaya adalah sebagai berikut : 3.1 Identifikasi Masalah Langkah awal yang dilakukan untuk melakukan perancangan sistem adalah melakukan identifikasi masalah. Proses identifikasi masalah dilakukan dengan beberapa tahapan-tahapan untuk mengetahui permasalahan yang sedang terjadi di perusahaan yaitu dengan melakukan pengamatan proses bisnis pada perusahaan, melakukan pengumpulan data yang terkait dengan proses bisnis perusahaan khususnya sistem presensi dan penggajian karyawan, dan mempelajari sistem yang sedang berjalan saat ini di perusahaan, sehingga dapat diberikan solusi yang tepat untuk menyelesaikan permasalahan yang sedang terjadi di perusahaan. UD. Sukri Dana Abadi adalah sebuah perusahaan manufaktur yang memiliki satu pabrik produksi, satu tempat perakitan, satu gudang dan kurang lebih mempekerjakan sebanyak 117 orang karyawan. UD. Sukri Dana Abadi selama ini masih menerapkan sistem presensi dan penggajian secara manual. 20

2 21 Proses presensi dan penggajian secara manual ini memiliki banyak kelemahan dan keterbatasan seperti : 1. Proses presensi karyawan masih menggunakan sistem manual dengan cara mengisikan nama karyawan, jam masuk, dan jam pulang kerja pada form presensi sehingga data presensi tidak dapat dilakukan pembuktian dan dapat terjadi kecurangan dalam proses pencatatan data presensi pada jam masuk kerja. 2. Penyimpanan form data presensi dan data gaji karyawan di tempatkan pada tumpukan arsip yang selanjutnya akan ditempatkan di gudang sehingga rentan terjadinya kehilangan data. 3. Pencarian data dan informasi mengenai karyawan dilakukan secara manual dengan cara mencari arsip karyawan tersebut berdasarkan tanggal, bulan, tahun, tempat arsip, dan nama karyawan. 4. Cara perhitungan gaji karyawan membutuhkan waktu yang lama karena perhitungan gaji karyawan dilakukan oleh bagian administrasi yang hanya terdiri atas satu orang sehingga pembuatan bukti pembayawan gaji untuk karyawan produksi dan borongan dilakukan pada hari jumat untuk menghitung hasil pekerjaan karyawan pada hari senin sampai dengan hari kamis dan untuk hasil pekerjaan pada hari jumat dan hari sabtu akan di jumlahkan pada hari sabtu dan untuk karyawan staff dan karyawan harian perhitungan gaji karyawan yang diambil dari jumlah presensi karyawan dan akan dihitung sehari sebelum tanggal jatuh tempo pembayawan gaji karyawan.

3 22 5. Proses pembuatan laporan presensi dan penggajian karyawan membutuhkan waktu yang lama karena proses pembuatan laporan presensi dan penggajian karyawan dikerjaan oleh bagian administrasi yang hanya terdiri atas satu orang. 3.2 Analisis Permasalahan Sistem presensi dan penggajian karyawan pada UD. Sukri Dana Abadi Surabaya saat ini masih menerapkan sistem presensi dan penggajian karyawan secara manual. Seiring dengan perkembangan teknologi dan bertambahnya jumlah karyawan, sistem presensi dan penggajian secara manual ini memiliki banyak kelemahan dan keterbatasan dalam penerapannya. Ada empat jenis karyawan yang akan di bahas pada rancang bangun aplikasi presensi dan penggajian karyawan pada UD. Sukri Dana Abadi Surabaya ini, yaitu karyawan staff, karyawan produksi, karyawan harian, dan karyawan borongan. Presensi karyawan dilakukan dengan cara bagian administrasi memberikan form presensi pada karyawan dan setiap karyawan yang hadir harus menandatangani form presensi dan menuliskan jam masuk dan jam pulang pada form presensi yang telah disediakan berdasarkan nama karyawan tersebut pada saat jam masuk dan jam pulang kerja, dan khusus untuk karyawan produksi dan karyawan borongan, pada saat jam pulang kerja karyawan juga harus mengisi form hasil pekerjaan dan menyerahkan form hasil pekerjaan tersebut pada bagian administrasi. Sistem penggajian karyawan staff dan karyawan harian dilakukan dengan cara ((presensi karyawan/per hari x gaji karyawan/per hari) potongan

4 23 keterlambatan/per hari) dan data tersebut akan di akumulasikan selama satu bulan masa kerja, dan untuk perhitungan gaji karyawan produksi dan karyawan borongan dilakukan dengan cara ((jumlah pekerjaan/per hari x harga/per pekerjaan) potongan keterlambatan/per hari) dan data tersebut akan di akumulasikan selama satu minggu masa kerja Document Flow Pada Document Flow ini menjelaskan alur proses-proses yang terdapat pada sistem presensi dan penggajian karyawan pada UD. Sukri Dana Abadi Surabaya. A. Document Flow Presensi Document flow presensi karyawan melibatkan empat entitas yaitu karyawan, bagian administrasi, bagian keuangan, dan pimpinan. Proses presensi karyawan dimulai dari bagian administrasi memberikan form presensi pada karyawan dan setiap karyawan yang hadir harus menandatangani form presensi dan menuliskan jam masuk dan jam pulang pada form presensi yang telah disediakan berdasarkan nama karyawan tersebut pada saat jam masuk dan jam pulang kerja, dan khusus untuk karyawan produksi dan karyawan borongan, pada saat jam pulang kerja karyawan juga harus mengisi form hasil pekerjaan dan menyerahkan form hasil pekerjaan tersebut pada bagian administrasi.

5 24 Document Flow Presensi Bag. Administrasi Bag. Keuangan Pimpinan Mulai Form Presensi Mengisi Form Presensi Form Presensi Harian Form Hasil Pekerjaan Mengisi Form Hasil Pekerjaan Form Hasil Pekerjaan Harian Menghitung Jumlah Presensi & Keterlambatan Laporan Presensi Laporan Presensi Laporan Presensi Selesai Gambar 3.1 Document Flow Presensi B. Document Flow Penggajian Document flow penggajian karyawan melibatkan tiga entitas yaitu bagian administrasi, bagian keuangan dan pimpinan. Sistem penggajian karyawan dibagi menjadi dua kelompok, yaitu sistem penggajian untuk karyawan staff dan karyawan harian lalu sistem penggajian untuk karyawan produksi dan karyawan borongan. Proses penggajian karyawan staff dan karyawan harian dilakukan dengan cara menghitung presensi karyawan/per hari dikali gaji karyawan/per hari

6 25 lalu dikurangi dengan potongan keterlambatan/per hari dan data tersebut akan di akumulasikan selama satu bulan masa kerja dan untuk perhitungan gaji karyawan produksi dan karyawan borongan dilakukan dengan cara jumlah pekerjaan/per hari dikali dengan harga/per pekerjaan lalu dikurangi dengan potongan keterlambatan/per hari dan data tersebut akan di akumulasikan selama satu minggu masa kerja. Document Flow Penggajian Bag. Administrasi Bag. Keuangan Pimpinan Mulai Laporan Presensi Menghitung Gaji Staff & Harian Laporan Gaji Staff & Harian Form Hasil Pekerjaan Harian Laporan Gaji Staff & Harian Laporan Gaji Staff & Harian Menghitung Jumlah Hasil Pekerjaan Rekapitulasi Hasil Pekerjaan Laporan Gaji Produksi & Borongan Laporan Gaji Produksi & Borongan Menghitung Gaji Produksi & Borongan Laporan Gaji Produksi & Borongan Selesai Gambar 3.2 Document Flow Penggajian

7 Perancangan Sistem Perancangan sistem dilakukan untuk mengumpulkan informasi yang berkenaan dengan sistem yang akan dibangun serta untuk memudahkan pemahaman terhadap sistem. Pemodelan yang digunakan dalam perancangan sistem adalah system flow, data flow diagram (DFD), dan entity relational diagram (ERD). Arsitektur dari sistem yang dibuat dengan menggunakan teknologi client-server. Client-server digunakan untuk mendukung sistem yang terintegrasi. Data disimpan pada satu lokasi server dan dapat diakses oleh semua bagian yang terlibat dalam proses presensi dan penggajian karyawan. Gambaran mengenai desain arsitektur dari sistem yang dibuat dapat dilihat pada gambar. Gambar 3.3 Desain Arsitektur Sistem System Flow Pada system flow ini menjelaskan alur proses aplikasi presensi dan penggajian karyawan pada UD. Sukri Dana Abadi Surabaya.

8 27 A. System Flow Presensi System flow presensi karyawan melibatkan empat entitas yaitu karyawan, bagian administrasi, bagian keuangan, dan pimpinan. Proses presensi karyawan dimulai dari karyawan akan melakukan presensi menggunakan finger print setiap harinya pada jam masuk dan jam pulang kerja. Pada saat karyawan melakukan presensi jam masuk, sistem akan melakukan pengecekan data jam masuk dan memberikan status apakah karyawan tersebut terlambat atau tidak. selanjutnya Khusus untuk karyawan produksi dan karyawan borongan pada saat jam pulang kerja selain melakukan presensi juga diwajibkan mengisi form hasil pekerjaan dan form hasil pekerjaan tersebut selanjutnya diserahkan kepada bagian administrasi untuk di input-kan ke dalam sistem.

9 28 System Flow Presensi Bag. Administrasi Bag. Keuangan Pimpinan Mulai data_fingerprint Data Jam Masuk data_karyawan Presensi Menyesuaikan Jam Masuk Terlambat Tidak Ya Memberikan Status Terlambat Memberikan Status Tidak Terlambat Menyimpan Data Presensi Laporan Presensi data_presensi Laporan Presensi Menyimpan Data Presensi Data Jam Pulang Presensi data_karyawan Selesai data_fingerprint Data Hasil Pekerjaan Hasil Pekerjaan m_pekerjaan data_produksi Menyimpan Data Hasil Pekerjaan Data Produksi Gambar 3.4 System Flow Presensi

10 29 B. System Flow Penggajian System flow penggajian karyawan melibatkan empat entitas yaitu bagian administrasi, bagian keuangan, pimpinan, dan karyawan. Proses penggajian karyawan dimulai dari melakukan perhitungan gaji karyawan staff dan karyawan harian dengan cara menghitung presensi karyawan/per hari berdasarkan database data_presensi dikali gaji karyawan/per hari berdasarkan database data_penghasilan lalu dikurangi dengan potongan keterlambatan/per hari berdasarkan database m_keterlambatan dan data tersebut akan di simpan didalam database data_penggajian. Untuk karyawan produksi dan karyawan borongan proses penggajian dilakukan dengan cara menghitung jumlah pekerjaan/per hari berdasarkan database data_produksi dikali dengan harga/per pekerjaan berdasarkan database m_pekerjaan lalu dikurangi dengan potongan keterlambatan/per hari berdasarkan database m_keterlambatan dan data tersebut akan di simpan di database data_penggajian.

11 30 System Flow Penggajian Bag. Administrasi Bag. Keuangan Pimpinan Mulai data_presensi Laporan Presensi data_penghasilan Menghitung Gaji Staff & Harian m_jenis_karyawan m_lokasi_kerja Bukti Penggajian Menghitung Potongan Keterlambatan keterlambatan Laporan Gaji Staff & Harian Laporan Gaji Menyimpan Laporan Gaji Staff & Harian penggajian Laporan Gaji data_produksi Data Produksi m_jenis_karyawan Menghitung Gaji Produksi & Borongan m_lokasi_kerja Menghitung Potongan Keterlambatan keterlambatan Selesai Laporan Gaji Produksi & Borongan Menyimpan Laporan Gaji Produksi & Borongan Gambar 3.5 System Flow Penggajian

12 Data Flow Diagram (DFD) Diagram aliran data atau DFD yang digunakan dalam merancang dan membangun aplikasi presensi dan penggajian karyawan pada UD. Sukri Dana Abadi ini adalah sebagai berikut : A. Context Diagram Context diagram dari aplikasi presensi dan penggajian karyawan dapat dilihat pada Gambar 3.6 dibawah ini.

13 32

14 33 Pada context diagram terdapat satu proses yaitu Aplikasi Presensi dan Penggajian serta empat entitas, yaitu : a. Entitas Entitas karyawan berperan sebagai pemberi data dan input awal ke sistem yang kemudian diproses dengan data-data lain untuk menghasilkan data berikutnya yang digunakan sebagai dasar dalam proses selanjutnya. b. Entitas Bagian Administrasi Entitas bagian administrasi berperan sebagai approval data presensi karyawan dan input data hasil pekerjaan ke dalam sistem sesuai dengan data hasil pekerjaan karyawan yang telah dikerjakan untuk selanjutnya data akan digunkan untuk proses selanjutnya. c. Entitas Bagian Keuangan Entitas bagian keuangan berperan sebagai approval data laporan presensi dan penggajian karyawan yang telah dilakukan pengolahan data di entitas sebelumnya. d. Entitas Pimpinan Entitas pimpinan berperan sebagai approval data laporan presensi dan penggajian karyawan yang telah dilakukan pengolahan data di entitas sebelumnya.

15 34 B. Diagram Berjenjang Diagram berjenjang merupakan sarana perancangan sistem yang dapat menampilkan seluruh proses yang terdapat pada suatu aplikasi tertentu dengan jelas dan terstruktur. Pada rancang bangun aplikasi presensi dan penggajian karyawan ini terdiri dari dua proses utama yaitu proses presensi karyawan dan penggajian karyawan. Diagram bernjenjang dari aplikasi presensi dan penggajian karyawan dapat dilihat pada Gambar 3.7 dibawah ini. 0 Aplikasi Presensi & Penggajian 1 2 Presensi Penggajian Input Data Master Fingerprint Input Data Master Input Data Master Pekerjaan Input Data Master Penghasilan Input Master Data Jenis Input Data Master Lokasi Kerja Input Data Master Keterlambatan Menyimpan Data Presensi Menyimpan Data Pekerjaan Membuat Laporan Presensi Menghitung Gaji Staff & Harian Menghitung Potongan Keterlambatan Menghitung Gaji Produksi & Borongan Membuat Laporan Penggajian Gambar 3.7 Diagram Berjenjang Aplikasi Presensi dan Penggajian

16 35 C. DFD Level 0 Aplikasi Presensi dan Penggajian pada gambar 3.8. DFD Level 0 Aplikasi Presensi dan Penggajian dapat dilihat Pimpinan [Laporan Presensi ] Menyimpan Data 2 data_karyawan 1 data_fingerprint Menyimpan Data Fing erpr int Menyimpan Data Pekerjaan 3 m_pekerjaan [Data Fing erprint] 1 [Data ] [Data Jam Masuk] [Data Pekerjaan] [Laporan Presensi ] Keuang an [Data Jam Pulang ] [Data Hasil Pekerjaan] Presensi [Input Data ] [Presensi ] + 5 data_produksi Menyimpan Data Hasil Pekerjaan [Input Data Hasil Pekerjaan] 4 data_presensi Menyimpan Data Presensi [Input Data Pekerjaan] Administrasi [Input Data Fing erprint] 7 m_jenis_karyawan Menyimpan Data Jenis Menyimpan Data Penghasilan 6 data_peng hasilan Meng ambil Data Presensi 2 [Data Peng hasilan] Meng ambil Data Produksi [Input Data Peng hasilan] [Data Jenis ] Administrasi [Input Data Lokasi Kerja] [Input Data Keterlambatan] [Input Data Jenis ] Peng g ajian [Data Lokasi Kerja] [Data Keterlambatan] Keuangan [Data Gaji Staff & Harian] [Data Gaji Produksi & Borongan] [Data Potong an Keterlambatan] + [Laporan Pengg ajian ] 8 m_lokasi_kerja Menyimpan Data Lokasi Kerja Menyimpan Data Pengg ajian 10 data_peng gajian 9 m_keterlambatan [Laporan Pengg ajian ] Menyimpan Data Keterlambatan Pimpinan Gambar 3.8 DFD Level 0 Aplikasi Presensi dan Penggajian

17 36 D. DFD Level 1 Aplikasi Presensi dan Penggajian gambar DFD Level 1 Sub Sistem Presensi dapat dilihat pada [Menyimpan Data Fingerprint] 1 data_fingerprint 1.1 [Data Fing erprint] Input Data Master Fingerprint [Input Data Fing erprint] Administrasi [Menyimpan Data ] 2 data_karyawan 1.2 [Data ] Input Data Master [Input Data ] Administrasi 1.3 Keuang an [Data Pekerjaan] Input Data Master Pekerjaan [Input Data Pekerjaan] Administrasi 3 m_pekerjaan [Menyimpan Data Pekerjaan] [Data Jam Masuk] 1.4 Meng ambil Data [Data Jam Pulang ] Menyimpan Data Presensi Meng ambil Data Fing erprint [Presensi ] Administrasi [Menyimpan Data Presensi] 4 data_presensi 1.5 [Data Hasil Pekerjaan] Meng ambil Data Pekerjaan Menyimpan Data Pekerjaan [Input Data Hasil Pekerjaan] Administrasi 5 data_produksi [Menyimpan Data Hasil Pekerjaan] Keuang an [Laporan Presensi ] 1.6 Membuat Laporan Presensi Meng ambil Data Presensi [Laporan Presensi ] Pimpinan Gambar 3.9 DFD Level 1 Sub Sistem Presensi

18 37 2. DFD Level 1 Sub Sistem Penggajian dapat dilihat pada gambar Keuang an [Data Peng hasilan] Input Data Master Peng hasilan [Input Data Peng hasilan] Administrasi [Menyimpan Data Peng hasilan] 6 data_peng hasilan 2.2 Keuang an [Data Jenis ] Input Master Data Jenis [Input Data Jenis ] Administrasi [Menyimpan Data Jenis ] 7 m_jenis_karyawan 2.3 Keuang an [Data Lokasi Kerja] Input Data Master Lokasi Kerja [Input Data Lokasi Kerja] Administrasi [Menyimpan Data Lokasi Kerja] 8 m_lokasi_kerja 2.4 Keuang an [Data Keterlambatan] Input Data Master Keterlambatan [Input Data Keterlambatan] Administrasi [Menyimpan Data Keterlambatan] 9 m_keterlambatan 4 data_presensi [Mengambil Data Presensi] Administrasi 2.5 Meng hitung Gaji [Data Gaji Staff & Harian] Staff & Harian Mengambil Data Lokasi Kerja Mengambil Data Jenis Meng ambil Data Penghasilan [Menyimpan Data Peng g ajian] 10 data_peng gajian Administrasi [Data Potong an Keterlambatan] 2.6 Meng hitung Potongan Keterlambatan Meng ambil Data Keterlambatan Data Peng g ajian 5 data_produksi [Mengambil Data Produksi] Meng hitung Gaji Administrasi [Data Gaji Produksi & Borongan] Produksi & Borongan 2.7 Mengambil Data Jenis Mengambil Data Lokasi Kerja Menyimpan Data Pengg ajian Pimpinan [Laporan Pengg ajian ] 2.8 Membuat Laporan Peng g ajian [Laporan Pengg ajian ] Meng ambil Data Pengg ajian Keuang an Gambar 3.10 DFD Level 1 Sub Sistem Penggajian

19 Entity Relationship Diagram (ERD) Entity Relational Diagram atau ERD yang digunakan dalam aplikasi presensi dan penggajian karyawan ini adalah sebagai berikut : A. Conceptual Data Model (CDM) Conceptual Data Model pada aplikasi presensi dan penggajian karyawan ini dapat dilihat pada Gambar data_fingerprint id_finger finger finger_data Mengambil data_presensi id_presensi nip tanggal jam_masuk jam_keluar keterangan m_pekerjaan id_pekerjaan nama_pekerjaan harga_unit Mengambil data_produksi id_produksi nip gaji_bersih keterangan jml_unit tanggal Mengambil m_jenis_karyawan id_jenis_karyawan nama_jenis_karyawan m_lokasi_kerja id_lokasi_kerja lokasi_kerja Mengambil Mengambil Mengambil data_karyawan id_karyawan nip nama_karyawan tempat_lahir tanggal_lahir jenis_kelamin agama jenis_karyawan alamat jam_masuk jam_pulang data_penghasilan id_penghasilan gaji_pokok cara_bayar tanggal_bayar Mengambil Mengambil data_penggajian id_penggajian nip gaji_pokok potongan gaji_bersih cara_bayar tgl_bayar tgl_transfer Mengambil m_keterlambatan id_keterlambatan termlabat_menit potongan Gambar 3.11 CDM Aplikasi Presensi dan Penggajian

20 39 B. Physical Data Model (PDM) Physical Data Model pada aplikasi presensi dan penggajian karyawan ini dapat dilihat pada Gambar Gambar 3.12 merupakan model data yang digunakan dalam aplikasi presensi dan penggajian karyawan. Berdasarkan Gambar 3.12 struktur tabel dijelaskan sebagai berikut : DATA_FINGERPRINT DATA_PRESENSI M_PEKERJAAN ID_PEKERJAAN integ er ID_FINGER integ er ID_PRESENSI integ er NAMA_PEKERJAAN varchar(25) FINGER integ er ID_KARYAWAN integ er HARGA_UNIT decimal(2) FINGER_DATA blob ID_FINGER integ er NIP varchar(5) TANGGAL date JAM_MASUK varchar(4) ID_PEKERJAAN = ID_PEKERJAAN ID_FINGER = ID_FINGER JAM_KELUAR varchar(4) KETERANGAN numeric(1) DATA_PENGHASILAN ID_PENGHASILAN integ er ID_KARYAWAN = ID_KARYAWAN ID_KARYAWAN integ er GAJI_POKOK integ er ID_KARYAWAN = ID_KARYAWAN CARA_BAYAR numeric(1) M_JENIS_KARYAWAN TANGGAL_BAYAR date ID_JENIS_KARYAWAN integ er NAMA_JENIS_KARYAWAN varchar(10) DATA_KARYAWAN ID_KARYAWAN integ er ID_LOKASI_KERJA integ er ID_JENIS_KARYAWAN integ er ID_KARYAWAN = ID_KARYAWAN NIP varchar(5) ID_JENIS_KARYAWAN = ID_JENIS_KARYAWAN NAMA_KARYAWAN varchar(20) TEM PAT_LAHIR varchar(20) TANGGAL_LAHIR varchar(10) M_LOKASI_KERJA JENIS_KELAMIN varchar(10) ID_KETERLAMBATAN = ID_KETERLAMBATAN ID_LOKASI_KERJA integ er AGAM A varchar(10) LOKASI_KERJA varchar(20) JENIS_KARYAWAN varchar(10) M_KETERLAM BATAN ALAMAT varchar(50) ID_KETERLAMBATAN integ er JAM_MASUK varchar(4) TERM LABAT_MENIT integ er ID_LOKASI_KERJA = ID_LOKASI_KERJA JAM_PULANG varchar(4) POTONGAN integ er DATA_PRODUKSI ID_PRODUKSI integ er ID_PEKERJAAN integ er NIP varchar(5) GAJI_BERSIH integ er KETERANGAN numeric(1) JM L_UNIT integ er TANGGAL date ID_PRODUKSI = ID_PRODUKSI DATA_PENGGAJIAN ID_PENGGAJIAN integ er ID_KARYAWAN integ er ID_PRODUKSI integ er ID_KETERLAMBATAN integ er NIP varchar(5) GAJI_POKOK integ er POTONGAN integ er GAJI_BERSIH integ er CARA_BAYAR numeric(1) TGL_BAYAR date TGL_TRANSFER date Gambar 3.12 PDM Aplikasi Presensi dan Penggajian

21 40 Gambar 3.12 merupakan model data yang digunakan dalam aplikasi presensi dan penggajian karyawan. Berdasarkan Gambar 3.12 struktur tabel dijelaskan sebagai berikut : Nama Tabel : data_fingerprint Primary Key : id_finger Foreign Key : finger Fungsi : untuk menyimpan data fingerprint karyawan Tabel 3.1 Struktur Tabel data_fingerprint No Field Type Length Constraint 1 ID_FINGER integer 10 Primary Key 2 FINGER integer 10 Foreign Key 3 FINGER_DATA blob - Nama Tabel : data_presensi Primary Key : id_presensi Foreign Key : nip Fungsi : untuk menyimpan data presensi karyawan

22 41 Tabel 3.2 Struktur Tabel data_presensi No Field Type Length Constraint 1 ID_PRESENSI integer 10 Primary Key 2 ID_FINGER integer 10 Primary Key 3 ID_KARYAWAN integer 10 Primary Key 4 NIP varchar 5 Foreign Key 5 TANGGAL date - 6 JAM_MASUK varchar 4 7 JAM_KELUAR varchar 4 8 KETERANGAN numeric 1 Nama Tabel : data_karyawan Primary Key : id_karyawan Foreign Key : nip Fungsi : untuk menyimpan data karyawan Tabel 3.3 Struktur Tabel data_karyawan No Field Type Length Constraint 1 ID_KARYAWAN integer 10 Primary Key 2 ID_LOKASI_KERJA integer 10 Primary Key 3 ID_JENIS_KARYAWAN integer 10 Primary Key 4 NIP varchar 5 Foreign Key

23 42 5 NAMA_KARYAWAN varchar 20 6 TEMPAT_LAHIR varchar 20 7 TANGGAL_LAHIR varchar 10 8 JENIS_KELAMIN varchar 10 9 AGAMA varchar JENIS_KARYAWAN varchar ALAMAT varchar JAM_MASUK varchar 4 13 JAM_PULANG varchar 4 Nama Tabel : m_jenis_karyawan Primary Key : id_jenis_karyawan Foreign Key : nama_jenis_karyawan Fungsi : untuk menyimpan data jenis karyawan Tabel 3.4 Struktur Tabel m_jenis_karyawan No Field Type Length Constraint 1 ID_JENIS_KARYAWAN integer 10 Primary Key 2 NAMA_JENIS_KARYAWAN varchar 10 Foreign Key Nama Tabel : m_lokasi_kerja Primary Key : id_lokasi_kerja

24 43 Foreign Key : lokasi_kerja Fungsi : untuk menyimpan data lokasi kerja Tabel 3.5 Struktur Tabel m_lokasi_kerja No Field Type Length Constraint 1 ID_LOKASI_KERJA integer 10 Primary Key 2 LOKASI_KERJA varchar 20 Foreign Key Nama Tabel : m_pekerjaan Primary Key : id_pekerjaan Foreign Key : nama_pekerjaan Fungsi : untuk menyimpan data pekerjaan Tabel 3.6 Struktur Tabel m_pekerjaan No Field Type Length Constraint 1 ID_PEKERJAAN integer 10 Primary Key 2 NAMA_PEKERJAAN varchar 25 Foreign Key 3 HARGA_UNIT decimal 2 Nama Tabel : data_penghasilan Primary Key : id_penghasilan Foreign Key : -

25 44 Fungsi : untuk menyimpan data penghasilan Tabel 3.7 Struktur Tabel data_penghasilan No Field Type Length Constraint 1 ID_PENGHASILAN integer 10 Primary Key 2 ID_KARYAWAN varchar 10 Primary Key 3 GAJI_POKOK integer 10 4 CARA_BAYAR numeric 1 5 TANGGAL_BAYAR date - Nama Tabel : data_produksi Primary Key : id_produksi Foreign Key : nip Fungsi : untuk menyimpan data hasil produksi Tabel 3.8 Struktur Tabel data_produksi No Field Type Length Constraint 1 ID_PRODUK integer 10 Primary Key 2 ID_PEKERJAAN integer 10 Primary Key 3 NIP varchar 5 Foreign Key 4 GAJI_BERSIH integer 10 5 KETERANGAN numeric 1 6 JML_UNIT integer 5

26 45 7 TANGGAL date Nama Tabel : data_penggajian Primary Key : id_penggajian Foreign Key : nip, gaji_pokok, gaji_bersih Fungsi : untuk menyimpan data penggajian Tabel 3.9 Struktur Tabel data_penggajian No Field Type Length Constraint 1 ID_PENGGAJIAN integer 10 Primary Key 2 ID_KARYAWAN integer 10 Primary Key 3 ID_PRODUKSI integer 10 Primary Key 4 ID_KETERLAMBATAN integer 10 Primary Key 5 NIP varchar 5 Foreign Key 6 GAJI_POKOK integer 10 7 POTONGAN integer 10 8 GAJI_BERSIH integer 10 9 CARA_BAYAR numeric 1 10 TGL_BAYAR date - 11 TGL_TRANSFER date -

27 46 Nama Tabel : m_keterlambatan Primary Key : id_keterlambatan Foreign Key : terlambat_menit Fungsi : untuk menyimpan data keterlambatan Tabel 3.10 Struktur Tabel m_keterlambatan No Field Type Length Constraint 1 ID_KETERLAMBATAN integer 10 Primary Key 2 TERLAMBAT_MENIT integer 4 Foreign Key 3 POTONGAN integer Perancangan Input / Ouput 1. Halaman Login Gambar 3.13 merupakan desain input/output halaman login. Halaman ini berfungsi sebagai jembatan awal bagi user untuk dapat membuka halamanhalaman yang berhubungan dengan data atau transaksional dalam aplikasi presensi dan penggajian karyawan. User mengisi data username dan password untuk selanjutya dilakukan validasi.

28 47 Aplikasi Presensi Dan Penggajian Username Password Login UD. Sukri Dana Abadi Surabaya Gambar 3.13 Halaman Login 2. Halaman Home Gambar 3.14 merupakan desain input/output halaman home. Halaman ini berfungsi menampilkan content - content halaman yang terdapat pada aplikasi presensi dan penggajian karyawan. Halaman home berisi tentang halaman pengelolaan data, presensi karyawan, karyawan staff dan harian, karyawan produksi dan borongan beserta detil halamannya. Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Selamat Datang di Aplikasi Presensi Dan Penggajian UD. Sukri Dana Abadi Surabaya Gambar 3.14 Halaman Home

29 48 3. Content Kelola Data Content kelola data ini berisi empat halaman tentang pengelolaan data yang akan digunakan pada sistem presensi dan penggajian karyawan ini. Content kelola data berisi tentang halaman data karyawan, data jenis karyawan, data keterlambatan, dan data pekerjaan. Berikut adalah desain input/output dari halaman halaman yang terdapat pada content kelola data. a. Halaman Data Gambar 3.15 dan Gambar 3.16 merupakan desain input/output halaman data karyawan. Halaman ini berfungsi untuk menambahkan dan menampilkan data karyawan. Pada halaman ini user dapat menambahkan data karyawan seperti nip, nama, tempat lahir, tanggal lahir, jenis kelamin, agama, jenis karyawan, alamat, lokasi kerja, jam masuk, jam pulang, gaji pokok, dan cara pembayarannya. Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Data Data Jenis Data Keterlambatan Data Pekerjaan Data Tambah Data Kata kunci Cari No. Nama Jenis Lokasi Kerja Detil Gambar 3.15 Halaman Data

30 49 Data NIP Nama Tempat Lahir Tanggal Lahir Jenis Kelamin Agama Jenis Alamat Lokasi Kerja Jam Masuk Jam Pulang Gaji Pokok Cara Bayar Foto Pilih Foto Simpan Gambar 3.16 Halaman Tambah Data b. Halaman Data Jenis Gambar 3.17 dan Gambar 3.18 merupakan desain input/output halaman data jenis karyawan. Halaman ini berfungsi untuk menambahkan dan menampilkan data jenis karyawan. Pada halaman ini user dapat menambahkan data jenis karyawan yang terdapat pada perusahaan.

31 50 Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Data Data Jenis Data Keterlambatan Data Pekerjaan Data Jenis Tambah Data Jenis Kata kunci Cari No. Jenis Detil Gambar 3.17 Halaman Data Jenis Data Jenis Jenis Enter Text Simpan Gambar 3.18 Halaman Tambah Data Jenis c. Halaman Data Keterlambatan Gambar 3.19 dan Gambar 3.20 merupakan desain input/output halaman data keterlambatan. Halaman ini berfungsi untuk menambahkan dan menampilkan data keterlambatan. Pada halaman ini user dapat menambahkan data menit keterlambatan dan potongan keterlambatan karyawan.

32 51 Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Data Data Jenis Data Keterlambatan Data Pekerjaan Data Keterlambatan Tambah Data Keterlambatan Kata kunci Cari No. Waktu Keterlambatan (menit) Potongan Detil Gambar 3.19 Halaman Data Keterlambatan Data Keterlambatan Keterlambatan (menit) Potongan Simpan Gambar 3.20 Halaman Tambah Data Keterlambatan

33 52 d. Halaman Data Pekerjaan Gambar 3.21 dan Gambar 3.22 merupakan desain input/output halaman data pekerjaan. Halaman ini berfungsi untuk menambahkan dan menampilkan data pekerjaan. Pada halaman ini user dapat menambahkan data nama pekerjaan dan harga per unit. Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Data Data Jenis Data Keterlambatan Data Pekerjaan Data Pekerjaan Tambah Data Pekerjaan Kata kunci Cari No. Nama Pekerjaan Harga per Unit Detil Gambar 3.21 Halaman Data Pekerjaan Data Pekerjaan Nama Pekerjaan Harga per Unit Simpan Gambar 3.22 Halaman Tambah Data Pekerjaan

34 53 4. Content Presensi Content presensi karyawan ini berisi dua halaman tentang presensi karyawan yang akan digunakan pada sistem presensi dan penggajian karyawan ini. Content presensi karyawan berisi tentang halaman presensi karyawan dan laporan presensi karyawan. Berikut adalah desain input/output dari halaman halaman yang terdapat pada content presensi karyawan. a. Halaman Presensi Gambar 3.23 dan Gambar 3.24 merupakan desain input/output halaman presensi karyawan. Halaman ini berfungsi untuk melakukan input dan menampilkan data presensi karyawan. Pada halaman presensi karyawan ini akan disimpan data nip, nama, jam masuk, dan jam pulang. Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Presensi Laporan Presensi Gambar 3.23 Detil Content Presensi

35 54 Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Presensi No. NIP Nama Jam Masuk Jam Pulang NIP Presensi Gambar 3.24 Halaman Presensi b. Halaman Laporan Presensi Gambar 3.25 dan Gambar 3.26 merupakan desain input/output halaman laporan presensi karyawan. Halaman ini berfungsi untuk menampilkan laporan presensi karyawan. Pada halaman laporan presensi karyawan ini user dapat melihat laporan presensi karyawan berdasarkan hari, minggu, atau bulan. Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Laporan Presensi Lihat Laporan Presensi Dari Sampai Lihat Gambar 3.25 Halaman Laporan Presensi

36 55 Gambar 3.26 Halaman Laporan Presensi 5. Content Staff & Harian Gambar 3.27, Gambar 3.28, dan Gambar 3.29 merupakan desain input/output content karyawan staff & harian ini berisi satu halaman tentang laporan penggajian karyawan staff & harian yang akan digunakan pada sistem presensi dan penggajian karyawan ini. Content laporan penggajian karyawan staff & harian ini berfungsi untuk menampilkan laporan karyawan staff & harian. Pada halaman laporan karyawan ini user dapat melihat laporan karyawan staff & harian berdasarkan hari, minggu, atau bulan.

37 56 Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Laporan Penggajian Gambar 3.27 Detil Content Staff & Harian Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Laporan Penggajian Lihat Laporan Penggajian Dari Sampai Lihat Gambar 3.28 Halaman Laporan Penggajian Staff & Harian

38 57 Bukti Penggajian UD. Sukri Dana Abasi Surabaya Tanggal No NIP Nama Potongan Gaji Bersih Tanda Tangan Bagian Administrasi Total %Gaji% (...) (...) Gambar 3.29 Bukti Penggajian Staff & Harian 6. Content Produksi & Borongan Content karyawan produksi & borongan ini berisi dua halaman tentang hasil pekerjaan dan laporan penggajian karyawan produksi & borongan yang akan digunakan pada aplikasi presensi dan penggajian karyawan ini. Berikut adalah desain input/output dari halaman halaman yang terdapat pada content karyawan produksi & borongan. a. Halaman Hasil Pekerjaan Gambar 3.30 dan Gambar 3.31 merupakan desain input/output halaman hasil pekerjaan karyawan. Halaman ini berfungsi untuk melakukan input dan menampilkan data hasil pekerjaan karyawan. Pada halaman hasil pekerjaan karyawan ini akan disimpan data nip, nama, nama pekerjaan, jumlah item, dan gaji.

39 58 Aplikasi Presensi Dan Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Hasil Pekerjaan Laporan Penggajian Hasil Pekerjaan Tambah Data Hasil Pekerjaan Kata kunci Cari No. Tanggal NIP Nama Gaji Bersih Pekerjaan Jumlah Unit Gambar 3.30 Detil Content Produksi & Borongan Hasil Pekerjaan NIP Nama Nama Pekerjaan Jumlah Item Gaji Simpan Gambar 3.31 Halaman Tambah Hasil Pekerjaan b. Halaman Laporan Penggajian Produksi & Borongan Gambar 3.32 dan gambar 3.33 merupakan desain input/output halaman laporan penggajian karyawan produksi & borongan. Halaman ini berfungsi untuk menampilkan laporan penggajian karyawan produksi & borongan. Pada halaman laporan penggajian karyawan produksi & borongan ini user dapat melihat laporan penggajian karyawan produksi & borongan berdasarkan hari, minggu, atau bulan.

40 59 Aplikasi Penggajian Kelola Data Presensi Staff & Harian Produksi & Borongan Logout Hasil Pekerjaan Laporan Penggajian Laporan Penggajian Lihat Laporan Penggajian Dari Sampai Lihat Gambar 3.32 Halaman Laporan Penggajian Produksi & Borongan Tanggal Bukti Penggajian UD. Sukri Dana Abasi Surabaya No NIP Nama Nama Pekerjaan Harga per Unit Jumlah Item Jumlah Harga Tanda Tangan Bagian Administrasi Total %Gaji% (...) (...) Gambar 3.33 Bukti Penggajian Produksi & Borongan