State Diagram Design Workshop

83 Dikirim 3. Judul_msg Text - Judul Pesan 4. Isi_msg Text - Isi Pesan 5. Baca Int 1 Keterangan Pesan Telah Dibaca 6. Penerima Varchar 30 Nama Penerima 7. Pengirim Varchar 30 Nama Pengirim

4.2.3.3. State Diagram

State diagram menggambarkan transisi dan perubahan keadaan dari satu state ke state lainnya suatu objek pada sistem sebagai akibat dari stimuli yang diterima. Pada umumnya state diagram menggambarkan class tertentu satu class dapat memiliki lebih dari satu state diagram. Dalam UML, state digambarkan berbentuk segi empat dengan sudut membulat dan memiliki nama sesuai kondisinya saat itu. Transisi antar state umumnya memiliki kondisi guard yang merupakan syarat terjadinya transisi yang bersangkutan, dituliskan dalam kurung siku. Action yang dilakukan sebagai akibat dari event tertentu dituliskan dengan diawali garis miring. Titik awal dan akhir digambarkan berbentuk lingkaran berwarna penuh dan berwarna setengah. Berikut ini adalah state diagram dari Sistem Informasi Eksekutif SDM di PT. Telkom Jakarta Selatan 84 1. State Diagram Login username dimasukkan password dimasukkan tombol login ditekan masukkan password menekan tombol login cek database validasi username dan password dicek dikembalikan menu home aktif berhasil pesan gagal login aktif gagal masukkan username Gambar 4.4 State Diagram Login Manajer menginputkan username dan password ke dalam sistem. Setelah username dan password diinputkan, tekan tombol login. Setelah itu, sistem akan memvalidasi username dan password ke dalam database. Kemudian, dilakukan pengecekan ke dalam database. Jika berhasil menu home aktif dan jika gagal sistem kembali ke menu login. 2. State Diagram View Personal menu personal aktif menu personal pasif pilih menu personal tidak dipilih dipilih keluar sistem keluar sistem masuk menu personal Gambar 4.5 State Diagram View Personal 85 Menu personal dikatakan aktif apabila menu personal dipilih. Menu personal dikatakan pasif apabila menu personal tidak dipilih dan aktif kembali jika dipilih kembali. User sudah tidak masuk menu personal apabila keluar dari sistem. 3. State Diagram View News menu news aktif menu news pasif pilih menu news tidak dipilih dipilih keluar sistem keluar sistem masuk menu news Gambar 4.6 State Diagram View News Menu news dikatakan aktif apabila menu news dipilih. Menu news dikatakan pasif apabila menu news tidak dipilih dan aktif kembali jika dipilih kembali. User sudah tidak masuk menu news apabila keluar dari sistem. 4. State Diagram View Education menu education aktif menu education pasif pilih menu education tidak dipilih dipilih keluar sistem keluar sistem masuk menu education Gambar 4.7 State Diagram View Education 86 Menu education dikatakan aktif apabila menu education dipilih. Menu education dikatakan pasif apabila menu education tidak dipilih dan aktif kembali jika dipilih kembali. User sudah tidak masuk menu education apabila keluar dari sistem. 5. State Diagram View Attendance menu attendance aktif menu attendance pasif tidak dipilih dipilih pilih menu attendance keluar sistem keluar sistem masuk menu attendance Gambar 4.8 State Diagram View Attendance Menu attendance dikatakan aktif apabila menu attendance dipilih. Menu attendance dikatakan pasif apabila menu attendance tidak dipilih dan aktif kembali jika dipilih kembali. User sudah tidak masuk menu attendance apabila keluar dari sistem. 6. State Diagram View Training menu training aktif menu training pasif pilih menu training tidak dipilih dipilih masuk menu training keluar sistem keluar sistem Gambar 4.9 State Diagram View Training 87 Menu training dikatakan aktif apabila menu training dipilih. Menu training dikatakan pasif apabila menu training tidak dipilih dan aktif kembali jika dipilih kembali. User sudah tidak masuk menu training apabila keluar dari sistem. 7. State Diagram View Placement menu placement aktif menu placement pasif pilih menu placement masuk menu placement tidak dipilih dipilih keluar sistem keluar sistem Gambar 4.10 State Diagram View Placement Menu placement dikatakan aktif apabila menu placement dipilih. Menu placement dikatakan pasif apabila menu placement tidak dipilih dan aktif kembali jika dipilih kembali.User sudah tidak masuk menu placement apabila keluar dari sistem. 8. State Diagram View Performance menu performance aktif menu performance pasif pilih menu performance tidak dipilih dipilih masuk menu performance keluar sistem keluar sistem Gambar 4.11 State Diagram View Performance 88 Menu performance dikatakan aktif apabila menu performance dipilih. Menu performance dikatakan pasif apabila menu performance tidak dipilih dan aktif kembali jika dipilih kembali. User sudah tidak masuk menu performance apabila keluar dari sistem. 9. State Diagram View Validation menu validation aktif menu validation pasif pilih menu validation dipilih tidak dipilih masuk menu validation keluar sistem keluar sistem Gambar 4.12 State Diagram View Validation Menu validation dikatakan aktif apabila menu validation dipilih. Menu validation dikatakan pasif apabila menu validation tidak dipilih dan aktif kembali jika dipilih kembali. User sudah tidak masuk menu validation data apabila keluar dari sistem. 10. State Diagram Communication menu communication aktif menu communication pasif tidak dipilih dipilih keluar sistem keluar sistem Gambar 4.13 State Diagram Communication 89 Menu communication dikatakan aktif apabila menu communication dipilih. Menu communication dikatakan pasif apabila menu communication tidak dipilih dan aktif kembali jika dipilih kembali. User sudah tidak masuk menu communication data apabila keluar dari sistem. 11. State Diagram Logout menu logout aktif pilih menu logout keluar sistem masuk menu logout Gambar 4.14 State Diagram Logout Menu logout dikatakan aktif apabila menu logout dipilih dan sistem akan memanggil modul menu logout. User sudah tidak masuk halaman masing-masing user apabila keluar dari sistem.

4.2.3.4 Activity Diagram