Perancangan Sistem Desain Sistem

51 • Log In • Lihat Data Karyawan • Daftar Data Karyawan • Daftar Data Karyawan • Daftar Data Job • Daftar Data Client • Daftar Data User • Log In • Data Karyawan • Data Job • Data Client • User Member

4.3. Desain Sistem

Pada tahap ini terdapat desain sistem, basis data dan tampilan inputoutput user interface dari hasil analisis sistem pada tahap sebelumnya.

4.3.1. Perancangan Sistem

4.3.1.1. Data Flow DiagramDFD

Berikut ini merupakan gambaran proses-proses dan hubungan dengan objek-objek lain yang berkaitan. Gambar 4.4 Rancangan Diagram Konteks Sistem Kepegawaian PT. Limapilar Teknologi Client PT.Limapilar Teknologi Sistem Kepegawaian PT. Limapilar Teknologi 52 Keterangan: PT. Limapilar memasukkan data ke dalam aplikasi, data tersebut adalah data karyawan, data job, data client dan data user member. Selain memasukkan data PT. Limapilar juga dapat mengubah dan menghapus data-data tersebut. Setelah dimasukkan dan diolah, maka hasilnya bisa dilihat oleh PT. Limapilar Teknologi berupa daftar data-data tersebut. Sedangkan untuk perusahaan client dapat mengakses dan melihat data karyawan saja. 53 P T . L im apilar T eknologi 1.0 V erifikasi U ser 2.0 O lah D ata U ser 3.0 O lah D ata K aryaw an 4.0 O lah D ata Job 5.0 O lah D ata P roject 6.0 O lah D ata C lient C lient data_user T bl_P roject T bl_JobP rojet L o g in H a k A kse s L o g in H a k A kse s U se r U se r U se r U se r T bl_K aryaw an K a rya w a n K a rya w a n K a rya w a n K a rya w a n D a fta r K a rya w a n Id K a rya w a n, Id P ro je ct F o rm Jo b D a fta r Id C lie n t Id Jo b Id C lie n t Jo b C lie n t D a fta r 1. Diagram 0 Level 1

P: Diagram Primitif

Gambar 4.5 Diagram 0 level 1 Sistem Kepegawaian PT. Limapilar Teknologi 54 Form User Form Update Form Delete Daftar User 2. Diagram Detail Level 2 Proses 2.0 Proses Olah Data User Gambar 4.6 Diagram Detail Level 2 Proses 2.0 3. Diagram Detail Level 2 Proses 3.0 Proses Olah Data Karyawan 2.1 Create User PT.Limapilar Teknologi Tbl_datauser 2.2 Update User 2.3 Delete User 2.4 Read User 55 Form Form Karyawan Form Update Form Delete Daftar Karyawan Gambar 4.7 Detail Level 2 Proses 3.0 3.1 Create Karyawan PT.Limapilar Teknologi Tbl_karyawan 3.2 Update Karyawan 3.3 Delete Karyawan 3.4 Read Karyawan 56 Form Job Daftar Job Variable Pencarian Karyawan Karyawan Rekomendasi 4. Diagram Detail Level 2 Proses 4.0 Proses Olah Data Job Gambar 4.8 Detail Level 2 Proses 4.0 Client PT.Limapilar Teknologi 4.1 Pembuatan Daftar Job 4.2 Cek Rekomendasi Karyawan 4.3 Cari Data Karyawan data_user Tbl_Karyawan data_user 57 Form Job Form Update Form Delete Daftar Job Id Job Id Project Id Project 5. Diagram Detail Level 2 Proses 2.0 Proses Olah Data Project Gambar 4.9 Detail Level 2 Proses 5.0 5.1 Create Job PT.Limapilar Teknologi Tbl_JobProject 5.2 Update Job 5.3 Delete Job 5.4 Read Job Tbl_Project 58 Form Client Form Update Form Delete Daftar Client 6. Diagram Detail Level 2 Proses 2.0 Proses Olah Data Client Gambar 4.10 Detail Level 2 Proses 6.0 6.1 Create Client PT.Limapilar Teknologi Tbl_JobProject 6.2 Update Client 6.3 Delete Client 6.4 Read Client 59 Y T Rancangan Flowchart program Alur Program Flowchart Halaman Utama Gambar 4.11 Flowchart Halaman Utama Sesuai A B S T A R T Insert User dan Password 60 Y T Y T Y T Y T Y T Y T Y T Flowchart Halaman Admin Gambar 4.12 Flowchart Halaman Administrator A Keluar Member Karyawan Client Job Project Sortir Isi Job C D E F G H E N D Pilih 61 Y T Y T Y Y Y Y T T T T Flowchart Halaman Member Gambar 4.13 Flowchart Halaman Member C Input Member View Member Form Input Member OK Simpan data_user Batal OK Simp an Hapus E N D Tampilan Member Tampilan Member Tampilan Member Pilih Daftar Member Hapus Member data_user data_user 62 Y Y Y Y Y Y T T T T T T Flowchart Halaman Client Gambar 4.14 Flowchart Halaman Client Form Input Client D Input Client View Client OK Simpan Tbl_client Batal OK Simpan Hapus Hapus Client E N D Tampilan Client Tampilan Client Daftar Client Tampilan Client Pilih Tbl_client Tbl_client 63 Y Y Y Y Y Y T T T T T T Flowchart Halaman Karyawan Gambar 4.15 Flowchart Halaman Karyawan E Input Krywn View Krywn Form Input Karyawan OK Simpan tbl_karya wan Batal OK Simpan Hapus Hapus Karyawan E N D Daftar Karyawan Tampilan Karyawan Tampilan Karyawan Tampilan Karyawan Pilih tbl_karya wan tbl_karya wan 64 T T T T T T Y Y Y Y Y Y Flowchart Halaman Job Project Gambar 4.16 Flowchart Halaman Job Project F Input Job View Job Form Input Job OK Simpan Tbl_job_ project Batal OK Simpan Hapus Hapus Job E N D Daftar Job Tampilan Job Tampilan Job Tampilan Job Pilih Tbl_job_ project Tbl_job_ project 65 Tidak Ada Client Ada Tidak Karyawa Flowchart Halaman Sortir Gambar 4.17 Flowchart Halaman Sortir G Menu Sorti r Cek Krywn Aktif Proses Sortir E N D Proses Pencarian Karyawan Cek Krywn per sortir Tampil Karyawan dan Status Tampil Karyawan Aktif Pilih Pilih Client Input Nama dan sortir by 66 Y T Flowchart Halaman Isi Job Gambar 4.18 Flowchart Halaman Isi Job H Simpan tbl_project Menu Isi Job Daftar Job E N D Pilih Button Project Pilih Button Karyawan 67 Tidak Ada Client Ada Tidak Karyawan Flowchart Halaman Member Gambar 4.19 Flowchart Halaman Member B Menu Sorti r Cek Krywn Aktif Proses Sortir E N D Proses Pencarian Karyawan Cek Krywn per sortir Tampil Karyawan dan Status Tampil Karyawan Aktif Pilih Pilih Client Input Nama dan sortir by 68

4.4. Rancangan Basis Data