Tugas Pbo [PDF]

Citation preview

PERANCANGAN WEBSITE UNTUK SISTEM INFORMASI GAJI KARYAWAN



Disusun oleh : IBNU YUSCA IBRAHIM 1670231092 MUHAMMAD FACHRUL 1670231085 FIRMAN SAPUTRA 1670231091



JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS KRISNADWIPAYANA JAKARTA 2020



Flowchart Proses Sistem Informasi Gaji



LO GIN



ADMIN



SEBAGAI



KARAYWA N



MENU UT AMA



DATA KARYAWA N



DATA GAJ I KARYAWA N



LA PORAN GAJI KARAYWA N



CETAK



YA



CETAK



TIDA K LO GOUT



Flowchart Proses Sistem Gaji



Deskripsi flowchart gaji karaywan : A.



Login / Masuk



:



a) Admin b) Karyawan B.



Jika sebagai Admin, akan menampilkan menu utama a) Data karyawan b) Data gaji karyawan c) Laporan gaji karyawan



C.



Logout.



:



D.



Jika sebagai karyawan, hanya akan menampilkan laporan gaji karyawan dan dapat dicetak ataupun dapat didownload dan dijadikan dalam format .pdf



E.



Logout.



Use Case Diagram Berdasarkan identifikasi sistem secara umum, maka dilakukan identifikasi actor dan use case untuk membuat diagram use case. Berikut adalah model use case diagram gaji pegawai yang diusulkan :



Login



Input Data Karyawan



ADMIN



Data Gaji Karyawan



Menu Utama Laporan Gaji Karyawan



Cetak



KARYAWAN Logout



Use Case Diagram Master



Deskripsi Use Case Diagram Master



1.



Deskripsi use case Login Aktor



: Admin



Tujuan



: Login / Masuk



Deskripsi



:



:



a) Admin mengakses halaman login b) Admin melakukan login 2.



Deskripsi use case Menu Utama Aktor



: Admin



Tujuan



: Memilih menu sesuai kebutuhan



Deskripsi



:



:



a) Admin dapat mengubah isi didalam menu. b) Terdapat Menu Data Karyawan, Data Gaji Karyawan dan Laporan Gaji Karyawan 3.



Deskripsi use case Data Karyawan



:



Aktor



: Admin



Tujuan



: Pengecekan atau Update Data Karyawan



Deskripsi



: a) Admin dapat melakukan pengubahan data karyawan b) Admin dapat mengedit data karyawan c) Admin dapat menghapus data karyawan



4.



Deskripsi use case Data Gaji Karyawan Aktor



: Admin



Tujuan



: Menginput Gaji Karyawan



Deskripsi



:



:



a) Admin melakukan penginputan gaji b) Admin dapat merubah gaji yang telah diinput 5.



Deskripsi use case Laporan Gaji Karyawan : Aktor



: Admin dan Karyawan



Tujuan



: Melihat Laporan Gaji



Deskripsi



: a) Admin dapat mengubah laporan gaji karyawan b) Admin dan Karyawan dapat mencetak laporan gaji karyawan c) Karyawan dapat mendownload dalam bentuk pdf



Activity Diagram Activity Diagram Proses Sistem Informasi Gaji Karyawan



DASHBOARD



LOGIN



ADMIN



DATA KARYAWAN



DATA GAJI KA RYAWAN



KARYAWAN



LAPORAN GAJI KARYAWAN



LOGOUT



Activity Diagram Proses Sistem Informasi Gaji



Deskripsi Activity Diagram Proses Sistem Informasi Gaji : a)



Admin masuk kehalaman dashboard ( home, profile, contact, login ).



b)



Admin mengakses halaman login.



c)



Lalu melakukan login.



d)



Masuk sebagai Admin atau Karyawan.



e)



Jika sebagai Admin maka dapat hak aksess full.



f)



Jika sebagai karyawan hanya dapat mengakses laporan gaji dan mencetaknya.



g)



Kemudian Admin mengakses data karyawan untuk melakukan pengecekan absensi karyawan.



h)



Admin masuk akses data gaji dan melakukan perhitungan gaji.



i)



Admin memproses data gaji.



j)



Setalah diproses admin mengakses laporan gaji karyawan.



k)



Admin mencetak laporan gaji karyawan yang masih diakses.



l)



Laporan karyawan telah dapat diakses oleh Karyawan PT Warung Data Indonesia.



Activity Diagram Admin : Dalam Mengelolah Data Karyawan



LOGIN



ADM IN



DATA KAR AY AW AN



ADD



UP DA TE



SU BMIT



LOGOUT



DELE TE



Activity Diagram Admin Dalam Mengelola Data Karyawan



Activity Diagram Admin : Dalam Mengelolah Data Gaji Karyawan



L OGIN



ADMIN



DATA GAJI KA RYAW AN



UP ADETE



DELETE



SU BM IT



L OGOUT



Activity Admin Dalam Mengelolah Diagram Data Gaji Karyawan



Activity Diagram Admin : Dalam Mengelolah Laporan Gaji Karyawan



LOGIN



ADMIN



LAPOR AN GAJI KA RYAW AN



UP DA TE



C ETAK



SU BMIT



LOGO UT



Activity Diagram Karyawan : Dalam Melihat Laporan Gaji



LOGIN



KARYAWAN



LAPORAN GAJI KARYAWAN



CETAK



SUBMIT



LOGOUT



Activity Diagram Karyawan



Class Diagram



TB_Data Karyawan



1



+ NIK + Nama + Tempat,Tanggal Lahir + Agama + Alamat + No Hp + Jenis Kelamin + Id_DataGaji + Id_Laporan Gaji + Id + Tambah () + Ubah () + Delete () + Simpan ()



TB_DATA GAJI



1



1 1



TB_Laporan Gaji



TB_USER 1



+ id_DataGaji + Gaji Pokok + Uang Makan + Bonus THR + Tunjangan Jabatan + Tunjangan Transportasi + Iuran BPJS Kesehatan + Iuran BPJS Ketenagakerjaan + NPWP + Gaji Bersih + NIK + Ubah + Simpan



+ id + Username + Password + Tambah () + Ubah () + Delete ()



1



+ id_Laporan Gaji + Tampilkan Laporan Gaji + id_Data Gaji + NIK + Ubah + Cetak



Class Diagram



Spesifikasi Basis Data Perancangan File merupakan suatu kumpulan data yang saling terkait dan berhubungan satu dengan lainya. Dalam pemograman di berikan data-data yang akan diolah. Data-data yang akan diolah. Data-data tersebut memberikan suatu tempat penyimpanan yang disebut database. Table Data Karyawan



Nama File : Data Karyawan Primary Key : NIK No 1 2 3 4 5 6 7 8 9 10



Nama File NIK Nama TTL Agama Alamat No HP Gender Id_DataGaji Id_LaporanGaji Id



Tipe Varchar Varchar Date Varchar Varchar Int Varchar Int Int Varchar



Size 12 50 20 50 13 10 12 12 12



Ket Nomer Induk Karyawan Nama Karyawan Tempat Tanggal Lahir Agama Alamat Karyawan No Handphone Jenis Kelamin Index Index Index



Table Data Karyawan



Table Data Gaji Karyawan



Nama File : Data Gaji Karyawan Primary Key : id_DataGaji 1 2 3 4 5 6 7 8 9



Nama Id_DataGaji Nama Gaji Pokok Uang Makan Bonus_THR Tunjangan_Jabatan Tunjangan_Transportasi Iuran_BPJS_Kes



Tipe Int Varchar Int Int Int Int Int Int



size 12 50 20 20 20 20 20 20



10



Iuran_BPJS_Ket



Int



20



11 12 13



Pajak TidakMasukKerja NIK



Int Int Varchar



20 20 12



Table Data Gaji Karyawan



Table Laporan Gaji



Ket Data Gaji Karyawan Nama Karyawan Gaji Pokok Uang Makan Bonus Akhir Tahun Tunjangan Jabatan Tunjangan Transportasi Iuran BPJS Kesehatan Iuran BPJS Ketenagakerjaaan Pajak NPWP Potong Tidak Masuk Kerja Index



Nama File : Laporan Gaji Primary Key : Id_LaporanGaji 1 2 3 4



Nama Id_LaporanGaji Id_DataGaji NIK



Tipe Int Int Varchar



Size 12 12 12



Ket Laporan Gaji index index



Table Laporan Gaji



Table User Nama File : User Primary Key : Id 1 2 3 4 5



Nama Id username password Role



Tipe Varchar Varchar Varchar Int



Size 12 50 25 3



Ket Id User Nama user Password user Memberikan hak akses



Table User



Sequences Diagram Proses Informasi Gaji Squences Login Sequence diagram usulan Login ini dapat dijalankan oleh semua aktor yang ada. Dimulai dari aktor memasukkan username dan password ke Object Form Login, kemudian ada activation untuk menuju ke object Databases dengan message call Cek Login, dan jika Valid, maka langsung menuju ke object Menu Utama, tetapi



jika tidak valid, maka akan ada message return Invalid menuju ke Objek Form Login lagi untuk Memasukkan username dan password. Dan jika aktor ingin melakukan logout, dari object Menu utama akan ada message return Pesan Logout



Squences Login : Admin, Karyawan



Form For Login



Interface Interface



Menu For Utama



For Databases



Aktor



01: Main



02: Masukan username & password



8: Cek Validation 10: Valid 9: Invalid



11 :Message 12: Logout



13 : Message



Squences Login : Admin dan Karyawan



Squences Admin : Data Karyawan



Squences Admin : Data Karyawan



Admin



main ()



1 : Main()



FormForData Karyawan



Interface Interface



2 : Form Data Karyawan



Validasi



For Databases



3 : Menampilkan Form Data Karyawan 4 : Cek StatusLogin



6 : View Data Karyawan



5 : invalid



7 : TambahDataKaryawan () 8 : Ubah Data Karyawan () 9 : HapusDataKaryawan () 10 : Message 11 : Message



Squences Admin Data Karyawan



Data For Karyawan



Squences Admin : Data Gaji Karyawan



Squences Admin : Data Gaji Karyawan



Admin



main()



1 : Main ()



FormForData Gaji Karyawan



Interface Interface



2 : Form Data Gaji Karyawan



Validasi



For Databases



2 : Menampilkan Form Data Gaji Karyawan 3 : Cek StatusLogin 4 : invalid



5 : View Data Karyawan 6 : Isi Gaji Karyawan () 7 : Ubah Data Karyawan () 8 : Hapus Data Karyawan ()



9 : Message 10: Message



Squences Admin Data Gaji Karyawan



Squences Admin : Data Laporan Gaji Karyawan



Data For Karyawan



Squences Admin : Laporan Gaji Karyawan



Admin



main()



1 : Main ()



Form Laporan For Gaji Karyawan



Interface Interface



2 : Form Laporan Gaji Karyawan



Validasi



For Databases



2 : Menampilkan Form Laporan Gaji Karyawan 3 : Cek StatusLogin 4 : invalid



5 : View Data Karyawan 6 : Laporan Gaji Karyawan () 7 : Ubah Data Karyawan () 8 : Cetak ()



9 : Message 10: Message



Squences Admin Laporan Gaji Karyawan



Squences Karyawan : Melihat Laporan Gaji



Data For Karyawan



Squences Karyawan : Laporan Gaji



Karyawan



main()



1 : Main ()



Form Laporan For Gaji



Interface Interface



2 : Form Laporan Gaji



Validasi



For Databases



2 : Menampilkan Form Laporan Gaji 3 : Cek StatusLogin 4 : invalid



5 : View Data Karyawan 6 : Laporan Gaji ()



7 : Cetak () 8 : Message 9: Message



Squences Karyawan Melihat Laporan Gaji



Antar Muka ( User Interface ) Halaman : Menu Utama ( Home ), Profile, Contact



Home



Data For Karyawan



Profile



Contact



Halaman : Login ( Admin / Karyawan )



Halaman Admin : Data Karyawan



Halaman Admin : Data Gaji Karyawan



Halaman Admin : Laporan Gaji Karyawan



Halaman Karyawan : Laporan Gaji