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
Activity diagram menggambarkan berbagai alir aktivitas dalam sistem
yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat
menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Activity diagram
merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi ditrigger oleh selesainya state
sebelumnya internal processing. Oleh karena itu, activity diagram tidak menggambarkan behaviour internal sebuah sistem dan interaksi antar subsistem
90 secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas
dari level atas secara umum. Berikut ini adalah activity diagram dari Sistem
Informasi Eksekutif SDM di PT. Telkom Jakarta Selatan
1. Activity Diagram Login
menginput username dan password
menekan button login
validasi database
dicek
muncul pesan gagal login
masuk menu home
validasi berhasil validasi gagal
Gambar 4.15 Activity Diagram Login User
melakukan penginputan username dan password. Setelah itu, user menekan tombol login dan sistem akan memvalidasi username dan password ke
dalam database. Jika validasi sukses, sistem akan masuk ke menu home user dan jika validasi gagal, muncul pesan gagal login.
2. Activity Diagram View Personal
pilih menu personal
tampilkan menu personal
muncul data dalam bentuk grafik
klik detail muncul data dalam
bentuk tabel
Gambar 4.16 Activity Diagram View Personal User
memilih menu personal untuk dapat masuk ke dalam menu personal. Sistem akan menampilkan menu personal dalam bentuk grafik. Selanjutnya, user
dapat mengklik tombol detail untuk melihat data dalam bentuk tabel.
91 3. Activity Diagram View News
pilih menu news tampilkan menu
news muncul judul
berita klik more detail
tampil berita selengkapnya
Gambar 4.17 Activity Diagram View News User
memilih menu news untuk dapat masuk ke dalam menu news. Sistem akan menampilkan menu news dengan menampilkan judul berita. Selanjutnya,
user dapat mengklik tombol more detail untuk melihat berita dalam versi lengkap.
4. Activity Diagram View Education
pilih menu education
tampilkan menu education
muncul data dalam bentuk grafik
klik detail muncul data dalam
bentuk tabel
Gambar 4.18 Activity Diagram View Education User
memilih menu education untuk dapat masuk ke dalam menu education
. Sistem akan menampilkan menu education dalam bentuk grafik. Selanjutnya, user dapat mengklik tombol detail untuk melihat data dalam bentuk
tabel.
5. Activity Diagram View Attendance
pilih menu attendance
tampilkan menu attendance
muncul data dalam bentuk grafik
klik detail muncul data dalam
bentuk tabel
Gambar 4.19 Activity Diagram View Attendance
92 User
memilih menu attendance untuk dapat masuk ke dalam menu attendance
. Sistem akan menampilkan menu attendance dalam bentuk grafik. Selanjutnya, user dapat mengklik tombol detail untuk melihat data dalam bentuk
tabel.
6. Activity Diagram View Training
pilih menu training
tampilkan menu training
muncul data dalam bentuk tabel
muncul data dalam bentuk grafik
klik detail
Gambar 4.20 Activity Diagram View Training User
memilih menu training untuk dapat masuk ke dalam menu training. Sistem akan menampilkan menu training dalam bentuk grafik. Selanjutnya, user
dapat mengklik tombol detail untuk melihat data dalam bentuk tabel.
7. Activity Diagram View Placement
pilih menu placement
tampilkan menu placement
muncul data dalam bentuk grafik
klik detail muncul data dalam
bentuk tabel
Gambar 4.21 Activity Diagram View Placement User
memilih menu placement untuk dapat masuk ke dalam menu placement
. Sistem akan menampilkan menu placement dalam bentuk grafik. Selanjutnya, user dapat mengklik tombol detail untuk melihat data dalam bentuk
tabel.
93 8. Activity Diagram View Performance
pilih menu performance
tampilkan menu performance
muncul data dalam bentuk grafik
klik detail muncul data dalam
bentuk tabel
Gambar 4.22 Activity Diagram View Performance User
memilih menu performance untuk dapat masuk ke dalam menu performance
. Sistem akan menampilkan menu performance dalam bentuk grafik. Selanjutnya, user dapat mengklik tombol detail untuk melihat data dalam bentuk
tabel.
9. Activity Diagram View Validation
pilih menu validation
tampilkan menu validation
tampil data dalam bentuk grafik
klik placement validation
klik letter validation
klik validasi
Gambar 4.23 Activity Diagram View Validation User
memilih menu validation untuk dapat masuk ke dalam menu validation
. Sistem akan menampilkan menu validation dalam bentuk grafik. Selanjutnya, user dapat mengklik tombol letter validation untuk melihat data
validasi surat atau nota dalam bentuk tabel. Selain itu, user dapat juga mengklik tombol placement validation untuk melihat data validasi penempatan dalam
bentuk tabel.
94 10. Activity Diagram Communication
klik icon communication
tampil menu aplikasi chat yahoo messenger
tampil menu kotak masuk pesan
Gambar 4.24 Activity Diagram Communication User
mengklik icon communication untuk dapat melakukan aktivitas chatting
dan melihat kotak masuk pesan. Sistem akan menampilkan aplikasi chatting
Yahoo Messenger untuk membantu user dalam melakukan chatting. Selain itu, sistem juga akan menampilkan kotak masuk pesan antara manajer HR
dengan para penanggung jawab data.
11. Activity Diagram Logout
pilih menu logout
pesan keluar sistem
tampilkan menu login
Gambar 4.25 Activity Diagram Logout User
memilih menu logout dan muncul pesan keluar sistem. Setelah itu, sistem akan menampilkan menu login user.
4.2.3.5 Sequence Diagram