Class Diagram Sequence Diagram

12. Data Pegawai √ Attribute of Pegawai 13. Cetak CV √ Attribute of Pegawai 14. Grafik Pegawai √ Attribute of Pegawai 15. Lihat Data Pribadi √ Attribute of Pegawai

16. Pengajuan Keseluruhan

√ Attribute of Jenis Cuti 17. Pengajuan Tahun ini √ Attribute of Jenis Cuti 18. Arsip Pengajuan √ Attribute of Permohonan Cuti 19. Arsip Pengajuan Cuti √ Attribute of Pemohonan Cuti

20. Lihat Hasil Pengajuan

√ Attribute of Permohonan Cuti 21. Arsip Persetujuan Cuti √ Attribute of Cuti

22. Lihat Berita

√ Attribute of Berita 23. Logout √ Potensial interface item Gambar 4.28 Class Diagram

4.2.5 Sequence Diagram

1. Sequence Diagram dari Use Case Input Username Password

Gambar 4.29 Sequence Diagram dari Use Case “Input Username Password” Gambar 4.29: proses Sequence diagram dimulai dari pegawai, atasan, dan bagian kepegawaian menggunakan form login untuk masuk ke dalam sistem dan menggunakan objek user untuk mengecek kesesuaian username dan password yang dimasukkan. Jika username dan password benar, sistem akan mengecek level sesuai username dan password sehingga sistem dapat menampilkan halaman utama home sistem sesuai dengan level yang digunakan.

2. Sequence Diagram dari Use Case Pegawai

Gambar 4.30 Sequence Diagram dari Use Case “Pegawai’’ Gambar 4.30: menjelaskan proses sequence diagram manajemen kepegawaian yang dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu pegawai, maka sistem akan menampilkan form daftar pegawai dan aktor memilih button tambah untuk proses penyimpanan data, setelah data sudah tersimpan maka sistem akan menampilkan data yang sudah diinput. jika aktor ingin mencari data pegawai maka bagian kepegawaian mengisi form pencarian dengan nama pegawai dan nip lalu pilih search dan sistem akan menampilkan profil pegawai yang dimaksud. Jika aktor ingin merubah mengedit data pegawai, maka aktor memilih button ubah dan mengisi form ubah data pegawai lalu pilih simpan untuk menyimpan data yang sudah diubah, maka sistem akan menampilkan data yang baru. Begitupun jika aktor ingin melakukan aksi hapus, maka aktor dapat memilih button hapus dan sistem akan menampilkan pesan peringatan apakah data akan benar-benar di hapus. jika ya, maka sistem akan lansung menghapus data pegawai.

3. Sequence Diagram dari Use Case Riwayat Jabatan

Gambar 4.31 Sequence Diagram dari Use Case “Riwayat Jabatan’’ Gambar 4.31: menjelaskan proses sequence diagram riwayat jabatan yang dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu riwayat jabatan, maka sistem akan menampilkan form daftar riwayat jabatan dan aktor memilih button tambah untuk proses penyimpanan data, setelah data sudah tersimpan maka sistem akan menampilkan data yang sudah diinput. jika aktor ingin mencari data jabatan pegawai maka bagian kepegawaian mengisi form pencarian dengan mengisi nip lalu pilih search dan sistem akan menampilkan tabel daftar pegawai yang dimaksud. Jika aktor ingin merubah mengedit data jabatan, maka aktor memilih button ubah dan mengisi form ubah data jabatan lalu pilih simpan untuk menyimpan data yang sudah diubah, maka sistem akan menampilkan data yang baru. Begitupun jika aktor ingin melakukan aksi hapus, maka aktor dapat memilih button hapus dan sistem akan menampilkan pesan peringatan Apakah Anda benar-benar akan menghapus data atas nama tersebut. jika ya, maka sistem akan lansung menghapus data jabatan.

4. Sequence Diagram dari Use Case Riwayat Pendidikan

Gambar 4.32 Sequence Diagram dari Use Case “Riwayat Pendidikan’’ Gambar 4.32: menjelaskan proses sequence diagram riwayat pendidikan yang dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu riwayat pendidikan, maka sistem akan menampilkan form daftar riwayat pendidikan dan aktor memilih button tambah untuk proses penyimpanan data, setelah data sudah tersimpan maka sistem akan menampilkan data yang sudah diinput. jika aktor ingin mencari data pendidikan pegawai maka bagian kepegawaian mengisi form pencarian dengan mengisi nip lalu pilih search dan sistem akan menampilkan tabel daftar pegawai yang dimaksud. Jika aktor ingin merubah mengedit data pendidikan, maka aktor memilih button ubah dan mengisi form ubah data pendidikan lalu pilih simpan untuk menyimpan data yang sudah diubah, maka sistem akan menampilkan data yang baru. Begitupun jika aktor ingin melakukan aksi hapus, maka aktor dapat memilih button hapus dan sistem akan menampilkan pesan peringatan Apakah Anda benar-benar akan menghapus data atas nama tersebut. jika ya, maka sistem akan lansung menghapus data pendidikan.

5. Sequence Diagram dari Use Case Riwayat Keluarga

Gambar 4.33 Sequence Diagram dari Use Case “Riwayat Keluarga’’ Gambar 4.33: menjelaskan proses sequence diagram riwayat keluarga yang dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu riwayat keluarga, maka sistem akan menampilkan form daftar riwayat keluarga dan aktor memilih button tambah untuk proses penyimpanan data, setelah data sudah tersimpan maka sistem akan menampilkan data yang sudah diinput. jika aktor ingin mencari data keluarga pegawai maka bagian kepegawaian mengisi form pencarian dengan mengisi nip lalu pilih search dan sistem akan menampilkan tabel daftar pegawai yang dimaksud. Jika aktor ingin merubah mengedit data keluarga, maka aktor memilih button ubah dan mengisi form ubah data keluarga lalu pilih simpan untuk menyimpan data yang sudah diubah, maka sistem akan menampilkan data yang baru. Begitupun jika aktor ingin melakukan aksi hapus, maka aktor dapat memilih button hapus dan sistem akan menampilkan pesan peringatan Apakah Anda benar-benar akan menghapus data atas nama tersebut. jika ya, maka sistem akan lansung menghapus data keluarga.

6. Sequence Diagram dari Use Case Perpindahan

Gambar 4.34 Sequence Diagram dari Use Case “Perpindahan’’ Gambar 4.34: menjelaskan proses sequence diagram perpindahan yang dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu perpindahan, maka sistem akan menampilkan form syarat pengajuan cuti dan aktor memilih form mutasi atau promosi pegawai, lalu smpan data pegawai yang telah di input. Setelah data pegawai tersimpan, maka sistem akan menampilkan tabel daftar pegawai. Jika aktor ingin mnginput jabatan baru, maka aktor dapat memilih button detail. Maka sistem akan menampilkan form input jabatan baru. setelah itu aktor memilih tambah untuk menyimpan data yang telah di input. Setelah itu sistem akan menampilkan tabel daftar pegawai perpindahan. pilih cetak jika aktor ingin mencetak surat perpindahan.

7. Sequence Diagram dari Use Case Input Berita

Gambar 4.35 Sequence Diagram dari Use Case “Input Berita’’ Gambar 4.35: menjelaskan proses sequence diagram input berita yang dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih menu input berita, maka sistem akan menampilkan halaman berita dengan tabel daftar berita. kemudian pilih button tambah untuk menambah berita baru. kemudian sistem akan menampilkan form input data berita. pilih simpan untuk menyimpan data berita yang telah di input. maka sistem akan menampilkan tabel daftar berita.

8. Sequence Diagram dari Use Case Pemakai

Gambar 4.36 Sequence Diagram dari Use Case “Pemakai’’ Gambar 4.36: menjelaskan proses sequence diagram pemakai yang dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih form pemakai, maka sistem akan menampilkan form input data pemakai. Setelah data pemakai di input, maka sistem akan menampilkan form daftar pemakai. jika aktor ingin mencari data pemakai maka bagian kepegawaian mengisi form pencarian dengan mengisi nip lalu pilih search dan sistem akan menampilkan daftar pegawai yang di maksud. Jika aktor ingin merubah mengedit data pemakai, maka aktor memilih button ubah dan mengisi form ubah data pemakai lalu pilih simpan untuk menyimpan data yang sudah diubah, maka sistem akan menampilkan data yang baru. Begitupun jika aktor ingin melakukan aksi hapus, maka aktor dapat memilih button hapus dan sistem akan menampilkan pesan peringatan apakah data akan benar-benar di hapus. jika ya, maka sistem akan lansung menghapus data pegawai.

9. Sequence Diagram dari Use Case Jenis Cuti

Gambar 4.37 Sequence Diagram dari Use Case “Jenis Cuti’’ Gambar 4.37: menjelaskan proses sequence diagram jenis cuti yang dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih form jenis cuti, maka sistem akan menampilkan form input data jenis cuti. Setelah data jenis cuti di input , maka sistem akan menampilkan daftar jenis cuti. Jika aktor ingin merubah mengedit data jenis cuti, maka aktor memilih button ubah dan mengisi form ubah data jenis cuti lalu pilih simpan untuk menyimpan data yang sudah diubah, maka sistem akan menampilkan data yang baru. Begitupun jika aktor ingin melakukan aksi hapus, maka aktor dapat memilih button hapus dan sistem akan menampilkan pesan peringatan apakah data akan benar-benar di hapus. jika ya, maka sistem akan lansung menghapus data pegawai.

10. Sequence Diagram dari Use Case Status Cuti

Gambar 4.38 Sequence Diagram dari Use Case “Status Cuti’’ Gambar 4.38: menjelaskan proses sequence diagram status cuti yang dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih form status cuti. Kemudian sistem akan menampilkan tabel daftar cuti yang disetujui. Jika aktor ingin melihat data pengajuan cuti yang telah dilakukan, maka aktor dapat memilih menu detail yang berada dalam kolom operasi. Maka sistem akan menampilkan hasil pengajuan cuti. Dan jika aktor ingin mencetak surat cuti, maka aktor dapat mengklik surat cuti. Kemudian sistem akan menampilkan surat cuti.

11. Sequence Diagram dari Use Case Pegawai Pensiun

Gambar 4.39 Sequence Diagram dari Use Case “Pegawai Pensiun’’ Gambar 4.39: menjelaskan proses sequence diagram pegawai pensiun yang dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih form pegawai pensiun. Kemudian sistem akan menampilkan tabel daftar pegawai pensiun. Jika aktor ingin melihat data pegawai secara detail, maka aktor dapat memilih menu detail yang berada dalam kolom operasi. Maka sistem akan menampilkan hasil pengajuan. Dan jika aktor ingin mencetak surat pensiun, maka aktor dapat mengklik surat pensiun. Kemudian sistem akan menampilkan surat pensiun.

12. Sequence Diagram dari Use Case Data Pegawai

Gambar 4.40 Sequence Diagram dari Use Case “Data Pegawai’’ Gambar 4.40: menjelaskan proses sequence diagram data pegawai yang dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih menu data pegawai. Kemudian sistem akan menampilkan tabel daftar pegawai.

13. Sequence Diagram dari Use Case Cetak CV

Gambar 4.41 Sequence Diagram dari Use Case “Cetak CV’’ Gambar 4.41: menjelaskan proses sequence diagram cetak CV yang dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih menu cetak CV. Kemudian pilih nip lalu pilih go, maka sistem akan menampilkan tabel data pegawai. Jika aktor ingin mencetak CV, maka aktor dapat memilih menu cetak report. Kemudian sistem akan menampilkan CV pegawai yang dimaksud.

14. Sequence Diagram dari Use Case Grafik Pegawai

Gambar 4.42 Sequence Diagram dari Use Case “Grafik Pegawai’’ Gambar 4.42: menjelaskan proses sequence diagram grafik pegawai yang dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih menu grafik pegawai. Kemudian sistem akan menampilkan from periode tahun. Lalu pilih tahun maka sistem akan menampilkan grafik pertumbuhan pegawai.

15. Sequence Diagram dari Use Case Lihat Data Pribadi

Gambar 4.43 Sequence Diagram dari Use Case “Lihat Data Pribadi’’ Gambar 4.43: menjelaskan proses sequence diagram data pribadi yang dilakukan oleh pegawai dan atasan sebagai aktor. aktor memilih menu data pribadi. Kemudian sistem akan menampilkan data pegawai yang dimaksud.

16. Sequence Diagram dari Use Case Pengajuan Keseluruhan

Gambar 4.44 Sequence Diagram dari Use Case “Pengajuan Keseluruhan’’ Gambar 4.44: menjelaskan proses sequence diagram pengajuan keseluruhan yang dilakukan oleh bagian atasan sebagai aktor. aktor memilih menu pengajuan keseluruhan. Kemudian sistem akan menampilkan data pengajuan keseluruhan cuti. Jika aktor ingin melihat data pegawai secara keseluruhan, maka aktor dapat memilih menu detail yang berada dalam kolom operasi. Dan sistem akan menampilkan data pegawai dan tabel pengajuan cuti. Jika aktor mengubah data pengajuan apakah disetujui atau tidak, maka aktor dapat memilih button ubah untuk mengubah data tersebut. Lalu pilih simpan untuk menyimpan data pegawai.

17. Sequence Diagram dari Use Case Pengajuan Tahun Ini

Gambar 4.45 Sequence Diagram dari Use Case “Pengajuan Tahun Ini’’ Gambar 4.45: menjelaskan proses sequence diagram pengajuan tahun ini yang dilakukan oleh atasan sebagai aktor. aktor memilih menu pengajuan tahun ini. Kemudian sistem akan menampilkan tabel data pengajuan cuti tahun ini yang telah dilakukan oleh pegawai.

18. Sequence Diagram dari Use Case Arsip Pengajuan

Gambar 4.46 Sequence Diagram dari Use Case “Arsip Pengajuan’’ Gambar 4.46: menjelaskan proses sequence diagram arsip pengajuan yang dilakukan oleh atasan sebagai aktor. aktor memilih menu arsip pengajuan. Maka sistem akan menampilkan form pilih nama pegawai, aktor mengisi nama pegawai lalu pilih tampilkan. Kemudian sistem akan menampilkan tabel arsip pengajuan cuti yang dimaksud.

19. Sequence Diagram dari Use Case Arsip Pengajuan Cuti

Gambar 4.47 Sequence Diagram dari Use Case “Arsip Pengajuan Cuti’’ Gambar 4.47: menjelaskan proses sequence diagram arsip pengajuan cuti yang dilakukan oleh pegawai sebagai aktor. aktor memilih menu arsip pengajuan cuti. Maka sistem akan menampilkan form pilih nama pegawai, aktor mengisi nama pegawai lalu pilih tampilkan. Kemudian sistem akan menampilkan tabel arsip pengajuan cuti yang dimaksud. dan pilih detail jika aktor ingin melihat form hasil pengajuan cuti.

20. Sequence Diagram dari Use Case Lihat Hasil Pengajuan

Gambar 4.48 Sequence Diagram dari Use Case “Lihat Hasil Pengajuan’’ Gambar 4.48: menjelaskan proses sequence diagram lihat hasil pengajuan yang dilakukan oleh pegawai sebagai aktor. aktor memilih menu lihat hasil pengajuan. Maka sistem akan menampilkan tabel hasil pengajuan cuti terakhir yang dimaksud.

21. Sequence Diagram dari Use Case Arsip Persetujuan Cuti

Gambar 4.49 Sequence Diagram dari Use Case “Arsip Persetujuan Cuti’’ Gambar 4.49: menjelaskan proses sequence diagram arsip persetujuan cuti yang dilakukan oleh pegawai sebagai aktor. aktor memilih menu arsip persetujuan cuti. Maka sistem akan menampilkan tabel data arsip cuti yang telah disetujui oleh atasan.

22. Sequence Diagram dari Use Case Lihat Berita

Gambar 4.50 Sequence Diagram dari Use Case “Lihat Berita’’ Gambar 4.50: menjelaskan proses sequence diagram lihat berita yang dilakukan oleh pegawai sebagai aktor. aktor memilih menu lihat berita. Maka sistem akan menampilkan tabel data berita dan aturan mengenai perusahaan atau yang berhubungan dengan kepegawaian.

4.2.6 Statechart Diagram

Statechart diagram ini akan menunjukan keadaan-keadaan yang mungkin terjadi atau dialami oleh sebuah objek. Berikut ini penggambaran statechart diagram pada sistem informasi pengelolaan dokumen KPR Syariah. 1. Statechart Diagram untuk usecase “login” Gambar 4.51 Statechart diagram untuk Usecase “login” Tabel 4.26 Keterangan Statechart Diagram Untuk Usecase “Login”