Statechart Diagram Perancangan Menggunakan UML

Gambar 4.51 Statechart diagram untuk Usecase “login” Tabel 4.26 Keterangan Statechart Diagram Untuk Usecase “Login” Keadaan State Keterangan Menampilkan halaman login Kondisi saat Atasan, Bagian Kepegawaian dan pegawai membuka aplikasi. Halaman utama user di tampilkan Menampilkan pesan error dan kembali ke halaman login. Kondisi saat Atasan, Bagian Kepegawaian dan pegawai telah memasukkan username dan password . Kondisi jika username dan password yang dimasukkan salah. Keluar dari sistem Kondisi saat telah Atasan, Bagian Kepegawaian dan pegawai memilih menu keluar. 2. Statechart Diagram untuk usecase Me u Pegawai Gambar 4.52 Statechart diagram untuk Usecase Menu Pegawai Tabel 4.27 Keterangan Statechart Diagram Untuk Use Case Menu Pegawai Keadaan State Keterangan Tabel daftar pegawai telah ditampilkan Kondisi saat bagian Kepegawaian telah memilih menu pegawai. Form input data pegawai telah ditampilkan. Alert ditampilkan Tabel daftar pegawai telah ditampilkan Kondisi saat bagian kepegawaian memilih button tambah. Kondisi jika data yang dimasukkan tidak lengkap. Kondisi saat bagian kepegawaian telah menambah data pegawai dan menyimpannya. Tabel daftar pegawai telah ditampilkan Kondisi saat bagian kepegawaian memilih button ubah Form search data pegawai telah Kondisi saat bagian kepegawaian telah ditampilkan Tabel daftar pegawai telah ditampilkan. melakukan pencarian data pegawai. Kondisi saat bagian kepegawaian telah menginput data yang dicari. Data pegawai telah terhapus Kondisi saat bagian kepegawaian telah menghapus data pegawai. Keluar dari sistem Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 3. Statechart Diagram untuk usecase Riwayat Jabata Gambar 4.53 Statechart diagram untuk Usecase Riwayat Jabata Tabel 4.28 Keterangan statechart diagram untuk usecase Riwayat Jabatan Keadaan State Keterangan Tabel daftar riwayat jabatan telah ditampilkan Kondisi saat bagian Kepegawaian telah memilih menu riwayat jabatan. Form input data jabatan telah ditampilkan Alert ditampilkan Tabel daftar riwayat jabatan telah ditampilkan Kondisi saat bagian kepegawaian memilih button tambah. Kondisi jika data yang dimasukkan tidak lengkap. Kondisi saat bagian kepegawaian telah menambah data jabatan pegawai dan menyimpannya. Tabel daftar riwayat jabatan baru telah ditampilkan Kondisi saat bagian kepegawaian memilih button ubah Form search jabatan telah ditampilkan Tabel daftar riwayat jabatan telah ditampilkan. Kondisi saat bagian kepegawaian telah melakukan pencarian data jabatan pegawai. Kondisi saat bagian kepegawaian telah menginput data yang dicari. Data jabatan telah terhapus Kondisi saat bagian kepegawaian telah menghapus data jabatan pegawai. Keluar dari sistem Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 4. Statechart Diagram untuk usecase Riwayat Pe didika Gambar 4.54 Statechart diagram untuk Usecase Riwayat Pe didika Tabel 4.29 Keterangan statechart diagram untuk usecase Riwayat Pendidikan Keadaan State Keterangan Tabel daftar riwayat pendidikan telah ditampilkan Kondisi saat bagian Kepegawaian telah memilih menu riwayat pendidikan. Form input data pendidikan telah ditampilkan Alert ditampilkan Tabel daftar riwayat pendidikan telah Kondisi saat bagian kepegawaian memilih button tambah. Kondisi jika data yang dimasukkan tidak lengkap. Kondisi saat bagian kepegawaian telah menambah data pendidikan pegawai dan ditampilkan menyimpannya. Tabel daftar riwayat pendidikan baru telah ditampilkan. Kondisi saat bagian kepegawaian memilih button ubah Form search data pendidikan telah ditampilkan. Tabel daftar riwayat pendidikan telah ditampilkan. Data riwayat pendidikan telah terhapus. Kondisi saat bagian kepegawaian melakukan pencarian data pendidikan pegawai. Kondisi saat bagian kepegawaian telah menginput data yang dicari. Kondisi saat bagian kepegawaian telah menghapus data riwayat pendidikan. Keluar dari sistem Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 5. Statechart Diagram untuk usecase Riwayat Keluarga Gambar 4.55 Statechart diagram untuk Usecase Riwayat Keluarga Tabel 4.30 Keterangan statechart diagram untuk usecase Riwayat Keluarga Keadaan State Keterangan Tabel daftar riwayat keluarga telah ditampilkan Kondisi saat bagian Kepegawaian telah memilih menu riwayat keluarga. Form input data keluarga telah ditampilkan Alert ditampilkan Tabel daftar riwayat keluarga telah ditampilkan Kondisi saat bagian kepegawaian memilih button tambah. Kondisi jika data yang dimasukkan tidak lengkap. Kondisi saat bagian kepegawaian telah menambah data keluarga pegawai dan menyimpannya. Tabel daftar riwayat keluarga baru telah Kondisi saat bagian kepegawaian memilih button ubah ditampilkan Form search data keluarga telah ditampilkan. Tabel daftar riwayat keluarga telah ditampilkan. Data riwayat keluarga telah terhapus. Kondisi saat bagian kepegawaian melakukan pencarian data keluarga pegawai. Kondisi saat bagian kepegawaian telah menginput data yang dicari. Kondisi saat bagian kepegawaian telah menghapus data riwayat keluarga. Keluar dari sistem Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 6. Statechart Diagram untuk usecase Input Berita Gambar 4.56 Statechart diagram untuk Usecase I put Berita Tabel 4.31 Keterangan statechart diagram untuk usecase Input Berita Keadaan State Keterangan Form daftar berita telah ditampilkan Kondisi saat bagian Kepegawaian telah memilih menu input berita. Form input data berita dan tabel daftar berita telah ditampilkan Alert ditampilkan Tabel daftar berita telah ditampilkan Kondisi saat bagian kepegawaian memilih button tambah. Kondisi jika data yang dimasukkan tidak lengkap. Kondisi saat bagian kepegawaian telah menambah data berita pegawai dan menyimpannya. Form ubah data berita telah ditampilkan Form daftar berita telah ditampilakan Keluar dari sistem Kondisi saat bagian kepegawaian memilih button ubah Kondisi saat bagian kepegawaian memilih button simpan. Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 7. Statechart Diagram untuk usecase Pemakai Gambar 4.57 Statechart diagram untuk Usecase Pe akai Tabel 4.32 Keterangan statechart diagram untuk usecase Pemakai Keadaan State Keterangan Form input data pemakai telah ditampilkan Kondisi saat bagian Kepegawaian telah memilih menu pemakai. Tabel daftar pemakai telah ditampilkan Form search telah ditampilkan Kondisi saat bagian kepegawaian memilih button simpan. Kondisi saat bagian kepegawaian telah melakukan pencarian data. Tabel daftar pemakai telah ditampilkan Form ubah data pemakai telah ditampilkan. Data pemakai telah terhapus Kondisi saat bagian kepegawaian telah menginput data yang akan di input. Kondisi saat bagian kepegawaian memilih button ubah. Kondisi saat bagian kepegawaian telah menghapus data pemakai. Keluar dari sistem Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 8. Statechart Diagram untuk usecase Je is Cuti Gambar 4.58 Statechart diagram untuk Usecase Je is Cuti Tabel 4.33 Keterangan statechart diagram untuk usecase Jenis Cuti Keadaan State Keterangan Form input data jenis cuti dan tabel daftar jenis cuti telah ditampilkan Kondisi saat bagian Kepegawaian telah memilih menu jenis cuti. Alert ditampilkan Tabel daftar jenis cuti telah ditampilkan Kondisi jika data yang dimasukkan tidak lengkap. Kondisi saat bagian kepegawaian telah menambah data berita pegawai dan menyimpannya. Form ubah data berita telah ditampilkan Form daftar berita telah ditampilakan Keluar dari sistem Kondisi saat bagian kepegawaian memilih button ubah Kondisi saat bagian kepegawaian memilih button simpan. Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 9. Statechart Diagram untuk usecase “tatus Cuti Gambar 4.59 Statechart diagram untuk Usecase “tatus Cuti Tabel 4.34 Keterangan statechart diagram untuk usecase Status Cuti Keadaan State Keterangan Form status cuti telah ditampilkan Kondisi saat bagian Kepegawaian telah memilih menu status cuti. Form hasil pengajuan cuti telah ditampilkan. Printout cetak surat cuti telah ditampilkan. Keluar dari sistem. Kondisi saat bagian kepegawaian telah memilih button detail. Kondisi saat bagian kepegawaian telah memilih button cetak surat. Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 10. Statechart Diagram untuk usecase Pegawai Pe siu Gambar 4.60 Statechart diagram untuk Usecase Pegawai Pe siu Tabel 4.35 Keterangan statechart diagram untuk usecase Pegawai Pensiun Keadaan State Keterangan Tabel daftar pegawai pensiun telah Kondisi saat bagian Kepegawaian telah ditampilkan memilih menu pegawai pensiun. Form hasil pengajuan telah ditampilkan. Printout cetak surat pensiun telah ditampilkan. Keluar dari sistem. Kondisi saat bagian kepegawaian telah memilih button detail. Kondisi saat bagian kepegawaian telah memilih button cetak surat. Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 11. Statechart Diagram untuk usecase Perpi daha Gambar 4.61 Statechart diagram untuk Usecase Perpi daha Tabel 4.36 Keterangan statechart diagram untuk usecase Perpindahan Keadaan State Keterangan Form input jabatan telah ditampilkan. Tabel daftar pegawai perpindahan telah ditampilkan. Form input jabatan baru telah ditampilkan. Alert ditampilkan. Tabel daftar pegawai perpindahan telah ditampilkan. Printout surat perpindahan telah ditampilkan. Form input pegawai telah ditampilkan. Kondisi saat bagian kepegawaian memilih menu mutasi Kondisi saat bagian kepegawaian memilih button submit. Kondisi saat bagian kepegawaian memilih button detail. Kondisi jika data yang dimasukkan tidak lengkap. Kondisi saat bagian kepegawaian telah menginput data mutasi dan menyimpannya. Kondisi saat bagian kepegawaian memilih cetak surat. Kondisi saat bagian kepegawaian memilih menu promosi. Tabel daftar perpindahan telah ditampilkan. Form input jabatan baru telah ditampilkan. Alert ditampilkan Tabel daftar pegawai perpindahan telah ditampilkan. Printout surat perpindahan telah ditampilkan. Keluar dari sistem. Kondisi saat bagian kepegawaian memilih button submit. Kondisi saat bagian kepegawaian memilih button detail. Kondisi jika data yang dimasukkan tidak lengkap. Kondisi saat bagian kepegawaian telah menginput data promosi dan menyimpannya. Kondisi saat bagian kepegawaian memilih cetak surat. Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 12. Statechart Diagram untuk usecase Data Pegawai Gambar 4.62 Statechart diagram untuk Usecase Data Pegawai Tabel 4.37 Keterangan statechart diagram untuk usecase Data Pegawai Keadaan State Keterangan Tabel daftar pegawai telah ditampilkan. Keluar dari sistem Kondisi saat bagian Kepegawaian telah memilih menu data pegawai. Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 13. Statechart Diagram untuk usecase Cetak CV Gambar 4.63 Statechart diagram untuk Usecase Cetak CV Tabel 4.38 Keterangan statechart diagram untuk usecase Cetak CV Keadaan State Keterangan Form data pegawai Bank Muamalat telah ditampilkan Kondisi saat bagian kepegawaian telah memilih nip pegawai. Printout CV pegawai telah ditampilkan. Keluar dari sistem. Kondisi saat bagian kepegawaian telah memilih cetak report. Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 14. Statechart Diagram untuk usecase Grafik Pegawai Gambar 4.64 Statechart diagram untuk Usecase Grafik Pegawai Tabel 4.39 Keterangan statechart diagram untuk usecase Grafik Pegawai Keadaan State Keterangan Form periode tahun telah ditampilkan Grafik pertumbuhan pegawai ditampilkan Kondisi saat bagian kepegawaian telah memilih menu grafik pegawai. Kondisi saat bagian kepegawaian memilih tahun Keluar dari sistem. Kondisi saat bagian kepegawaian telah memilih keluar dari sistem. 15. Statechart Diagram untuk usecase Lihat Data Pribadi Gambar 4.65 Statechart diagram untuk Usecase Lihat Data Pribadi Tabel 4.40 Keterangan statechart diagram untuk usecase Lihat Data Pribadi Keadaan State Keterangan Form data pegawai telah ditampilkan Kondisi saat pegawai dan atasan telah memilih menu data pribadi. Keluar dari sistem. Kondisi saat pegawai dan atasan telah memilih keluar dari sistem. 16. Statechart Diagram untuk usecase Pe gajua Keseluruha Gambar 4.66 Statechart diagram untuk Usecase Pe gajua Keseluruha Tabel 4.41 Keterangan statechart diagram untuk usecase Pengajuan Keseluruhan Keadaan State Keterangan Halaman pengajuan keseluruhan telah ditampilkan. Kondisi saat atasan telah memilih menu pengajuan keseluruhan. From data pegawai dan tabel pengajuan cuti telah ditampilkan. Tabel pengajuan cuti telah ditampilkan. Keluar dari sistem Kondisi saat atasan telah memilih button detail. Kondisi saat atasan telah memilih button ubah. Kondisi saat atasan telah memilih keluar dari sistem. 17. Statechart Diagram untuk usecase View Pe gajua Tahu I i Gambar 4.67 Statechart diagram untuk Usecase View Pe gajua Tahu I i Tabel 4.42 Keterangan statechart diagram untuk usecase View Pengajuan Tahun Ini Keadaan State Keterangan Tabel data pengajuan cuti tahun ini telah ditampilkan. Kondisi saat atasan telah memilih menu pengajuan tahun ini. Keluar dari sistem Kondisi saat atasan telah memilih keluar dari sistem. 18. Statechart Diagram untuk usecase View Arsip Pe gajua Gambar 4.68 Statechart diagram untuk Usecase View Arsip Pe gajua Tabel 4.43 Keterangan statechart diagram untuk usecase View Arsip Pengajuan Keadaan State Keterangan Menampilkan halaman utama atasan Kondisi saat atasan melakukan login. Halaman pilih nama pegawai telah ditampilkan. Kondisi saat atasan telah memilih menu arsip pengajuan. Tabel arsip pengajauan cuti telah ditampilkan. Keluar dari sistem Kondisi saat atasan telah memilih button tampilkan. Kondisi saat atasan telah memilih keluar dari sistem. 19. Statechart Diagram untuk usecase Arsip Pe gajua Cuti Gambar 4.69 Statechart diagram untuk Usecase Arsip Pe gajua Cuti Tabel 4.44 Keterangan statechart diagram untuk usecase Arsip Pengajuan Cuti Keadaan State Keterangan Tabel arsip pengajuan cuti telah ditampilkan. Kondisi saat pegawai telah memilih menu arsip pengajuan cuti. Form hasil pengajuan cuti telah ditampilkan. Keluar dari sistem Kondisi saat pegawai telah memilih detail. Kondisi saat atasan telah memilih keluar dari sistem. 20. Statechart Diagram untuk usecase Lihat Hasil Pe gajua Gambar 4.70 Statechart diagram untuk Usecase Lihat Hasil Pe gajua Tabel 4.45 Keterangan statechart diagram untuk usecase Lihat Hasil Pengajuan Keadaan State Keterangan Tabel hasil pengajuan cuti terakhir telah ditampilkan. Kondisi saat pegawai telah memilih menu lihat hasil pengajuan. Keluar dari sistem Kondisi saat atasan telah memilih keluar dari sistem. 20. Statechart Diagram untuk usecase Arsip Persetujua Cuti Gambar 4.71 Statechart diagram untuk Usecase Arsip Pe gajua Cuti Tabel 4.46 Keterangan statechart diagram untuk usecase Arsip Pengajuan Cuti Keadaan State Keterangan Tabel data arsip cuti telah disetujui telah ditampilkan. Form hasil pengajuan cuti telah ditampilkan. Kondisi saat atasan telah memilih menu arsip persetujuan cuti. Kondisi saat atasan telah memilih detail. Keluar dari sistem Kondisi saat atasan telah memilih keluar dari sistem. 21. Statechart Diagram untuk usecase Lihat Berita Gambar 4.72 Statechart diagram untuk Usecase Lihat Berita Tabel 4.47 Keterangan statechart diagram untuk usecase Lihat Berita Keadaan State Keterangan Tabel data berita dan aturan telah ditampilkan. Kondisi saat pegawai telah memilih menu lihat berita. Keluar dari sistem Kondisi saat pegawai telah memilih keluar dari sistem.

4.2.7 Database Design

1. Tabel atasan

Nama Tabel : atasan Type File : Master Primary Key : nip_atasan Foreign Key : - Tabel 4.48 Tabel atasan Nama Field Tipe Data Ukuran Keterangan nip_atasan Char 15 Nip atasan nama Varchar 40 Nama atasan jabatan Char 40 Jabatan atasan

2. Tabel berita

Nama Tabel : berita Type File : Transaksi Primary Key : id_berita Foreign Key : - Tabel 4.49 Tabel berita Nama Field Tipe Data Ukuran Keterangan id_berita Char 4 Id berita Judul Varchar 30 Judul berita berita Text - Isi berita tgl_input Date - Tanggal input berita jam_input Time - Jam input berita

3. Tabel cuti

Nama Tabel : cuti Type File : Transaksi