Sequence diagram merupakan diagram interaksi berdasarkan
waktu. Sequence diagram menggambarkan interaksi antara objek satu
dengan objek yang lain. Selain itu, reaksi terhadap aksi yang diberikan oleh pengguna juga dapat ditampilkan. Alur proses dari awal sampai akhir dapat dibaca pada diagram berikut.
3.4.1 Sequence Diagram Melakukan Login
Sequence diagram melakukan login ditunjukkan pada Gambar 3.17.
Gambar 3. 17 Sequence Diagram Melakukan Login
Berdasarkan Gambar 3.17 diperoleh alur sistem sebagai berikut, user mengakses aplikasi. Sistem menampilkan halaman utama web. User memasukkan username dan password . User menekan tombol login. Sistem memeriksa apakah username yang dimasukkan ada. Jika ada maka sistem akan memeriksa password. Jika sudah sesuai, sistem akan menampilkan halaman utama web sesuai hak akses user.
Apabila username dan password salah, maka sistem akan menampilkan pesan Username dan password salah dan kembali ke halaman login.
sd Melakukan Login Sequence
Halaman utama aplikasi user Halaman login User Basic Path User mengakses aplikasi. Sistem menampilkan halaman login. User memasukkan username dan password. User menekan tombol login. Sistem memeriksa apakah username yang dimasukkan ada. Jika ada maka sistem akan memeriksa password. Jika sudah sesuai, sistem akan menampilkan halaman utama aplikasi sesuai hak akses user. Alternate
Username dan password salah, maka sistem akan menampilkan pesan gagal login dan kembali ke halaman login.
Masuk()
Mengisi username dan password() Mengecek username dan password()
Tampilkan()
3.4.2 Sequence Diagram Melakukan Logout
Sequence diagram melakukan logout ditunjukkan pada Gambar 3.18.
Gambar 3. 18 Sequence Diagram Melakukan Logout
Berdasarkan Gambar 3.18, diperoleh alur sebagai berikut. User mengakses halaman utama aplikasi. Sistem menampilkan halaman utama aplikasi. User menekan tombol keluar. Sistem menampilkan halaman login.
3.4.3 Sequence Diagram Menambah Data Pemasukan
Sequence diagram menambah data pemasukan ditunjukkan pada Gambar 3.19.
sd Melakukan Logout Sequence
Halaman login Halaman utama
aplikasi
User Basic Path
User mengakses halaman utama aplikasi. Sistem menampilkan halaman utama aplikasi. User menekan tombol logout. Sistem menampilkan halaman login.
Mengakses ke halaman utama aplikasi()
Gambar 3. 19 Sequence Diagram Tambah Data Pemasukan
Berdasarkan Gambar 3.19 diperoleh alur sistem sebagai berikut. User masuk ke halaman utama aplikasi. User menekan tombol tambah data pemasukan, lalu akan muncul halaman field data pemasukan. User mengisi data pemasukan lalu menekan tombol simpan maka data pemasukan disimpan didalam database data pemasukan.
Jika user ingin membatalkan pengisian data pemasukan, user menekan tombol batal lalu kembali ke halaman utama aplikasi.
3.4.4 Sequence Diagram Melihat Data Pemasukan
Sequence Diagram melihat data pemasukan ditunjukkan pada Gambar 3.20.
sd Menambah data pemasukan Sequence
Data pemasukan Halaman tambah data pemasukan Halaman Utama Aplikasi Karyawan Basic Path
Karyawan masuk ke halaman utama aplikasi. Karyawan menekan tombol tambah data pemasukan lalu akan muncul halaman field data pemasukan. Karyawan mengisi data pemasukan lalu menekan tombol simpan maka data pemasukan disimpan didalam database data pemasukan. Alternate Jika Karyawan ingin membatalkan pengisian data pemasukan, Karyawan menekan tombol batal lalu kembali ke halaman utama aplikasi.
Mengakses halaman utama()
Klik tombol tambah data pemasukan()
Mengisi data pemasukan() Klik simpan()
Gambar 3. 20 Sequence Diagram Melihat Data Pemasukan
Berdasarkan Gambar 3.20 diperoleh alur sistem sebagai berikut. User masuk ke halaman utama aplikasi. User menekan tombol data pemasukan. Kemudian sistem mengambil data pemasukan dari database dan menampilkan halaman data pemasukan.
3.4.5 Sequence Diagram Memperbaharui Data
Pemasukan
Sequence Diagram memperbaharui data pemasukan ditunjukkan pada Gambar 3.21.
sd Melihat data pemasukan Sequence
Halaman data pemasukan Data pemasukan Halaman utama aplikasi User Basic Path
User masuk ke halaman utama aplikasi. User menekan tombol data pemasukan. Kemudian sistem mengambil data pemasukan dari database dan menampilkan halaman data
pemasukan. Mengakses halaman utama aplikasi()
Klik data pemasukan()
Ambil data()
Gambar 3. 21 Sequence Diagram Memperbaharui Data Pemasukan
Berdasarkan Gambar 3.21 dapat diperoleh alur sistem sebagai berikut. Karyawan masuk ke halaman utama aplikasi. Karyawan menekan tombol data pemasukan, lalu akan muncul halaman data pemasukan. Karyawan mengklik field yang ingin diperbarui, lalu melakukan pembaharuan data. Setelah selesai, karyawan dapat menekan icon selesai kemudian pembaharuan data akan tersimpan pada table data pemasukan.
3.4.6 Sequence Diagram Menghapus Data Pemasukan
Sequence Diagram menghapus data pemasukan ditunjukkan pada Gambar 3.22.
sd Memperbaharui data pemasukan Sequence
Data pemasukan Halaman data pemasukan Halaman utama aplikasi Karyawan Basic Path
Karyawan masuk ke halaman utama aplikasi. Karyawan menekan tombol data pemasukan, lalu akan muncul halaman data pemasukan. Karyawan mengklik field yang ingin diperbaharui, lalu melakukan pembaharuan data. Setelah selesai, karyawan dapat menekan icon selesai.
Mengakses halaman utama aplikasi() Klik data pemasukan()
Memperbaharui data pemasukan() Klik icon selesai()
Gambar 3. 22 Sequence Diagram Menghapus Data Pemasukan
Berdasarkan Gambar 3.22 diperoleh alur sistem sebagai berikut.
Admin masuk ke halaman utama aplikasi. Admin menekan tombol data
pemasukan, lalu akan muncul halaman data pemasukan. Admin memilih data yang akan dihapus, lalu tekan icon hapus data kemudian perubahan data akan tersimpan pada table pemasukan.
3.4.7 Seqence Diagram Menampilkan Report Data
Pemasukan
Sequence Diagram menampilkan report data pemasukan ditunjukkan pada Gambar 3.23.
sd Menghapus data pemasukan Sequence
Data pemasukan Halaman data pemasukan Halaman utama aplikasi Admin Basic Path
Admin masuk ke halaman utama aplikasi. Admin menekan tombol data pemasukan, lalu akan muncul halaman data pemasukan. Admin memilih data yang akan dihapus, lalu tekan icon hapus data kemudian perubahan data tersimpan pada tabel data pemasukan.
Mengakses ke halaman utama aplikasi()
Klik tombol data pemasukan()
Hapusa data pemasukan() Data tersimpan()
Gambar 3. 23 Sequence Diagram Menampilkan Report Data Pemasukan
Berdasarkan Gambar 3.23, diperoleh alur sistem sebagai berikut. Admin masuk ke halaman utama aplikasi. Admin menekan menu report data pemasukan, lalu akan muncul halaman report data pemasukan. Admin mengisi batas no pemasukan pada data pemasukan. Kemudian sistem akan menampilkan data pemasukan sesuai batas no pemasukan. Admin menekan tombol cetak untuk menyimpan data pemasukan.
3.4.8 Sequence Diagram Menambah Data Pengeluaran
Sequence Diagram menambah data pengeluaran ditunjukkan pada Gambar 3.24.
sd Menampilkan report data pemasukan Sequence
Data pemasukan Halaman report data pemasukan Halaman utama aplikasi Admin Basic path
Admin masuk ke halaman utama aplikasi. Admin menekan menu report data pemasukan, lalu akan muncul halaman report data pemasukan. Admin mengisi batas tanggal pada data pemasukan. Kemudian sistem akan menampilkan data pemasukan sesuai batas tanggal. Admin menekan tombol cetak untuk menyimpan dan mencetak data pemasukan.
Mengakses ke halaman utama aplikasi()
Klik menu report data pemasukan()
Mengisi batas tanggal ()
Mengambil data()
Gambar 3. 24 Sequence Diagram Menambah Data Pengeluaran
Berdasarkan Gambar 3.24 diperoleh alur sistem sebagai berikut. User masuk ke halaman utama aplikasi. User menekan tombol tambah data pengeluaran, lalu akan muncul halaman field data pengeluaran. User mengisi data pengeluaran lalu menekan tombol simpan maka data pengeluaran disimpan didalam database data pengeluaran.
Jika user ingin membatalkan pengisian data pengeluaran, user menekan tombol batal lalu kembali ke halaman utama aplikasi.
3.4.9 Sequence Diagram Melihat Data Pengeluaran
Sequence Diagram melihat data pengeluaran ditunjukkan pada Gambar 3.25.
sd Menambah data pengeluaran Sequence
Data pengeluaran Halaman tambah data pengeluaran Halaman utama aplikasi User Basic Path
User masuk ke halaman utama aplikasi. User menekan tombol tambah data pengeluaran lalu akan muncul halaman field data pengeluaran. User mengisi data pengeluaran lalu menekan tombol simpan maka data pengeluaran disimpan didalam database data pengeluaran. Alternate
Jika user ingin membatalkan pengisian data pengeluaran, user menekan tombol batal lalu kembali ke halaman utama aplikasi.
Mengakses ke halaman utama()
Klik tombol tambah data pengeluaran()
Mengisi data pengeluaran() Klik simpan()
Gambar 3. 25 Sequence Diagram Melihat Data Pengeluaran
Berdasarkan Gambar 3.25 diperoleh alur sistem sebagai berikut. User masuk ke halaman utama aplikasi. User menekan tombol data pengeluaran. Kemudian sistem mengambil data pengeluaran dari database dan menampilkan halaman data pengeluaran. lalu akan muncul halaman data pengeluaran.
3.4.10 Sequence Diagram Memperbaharui Data
Pengeluaran
Sequence Diagram memperbaharui data pengeluaran
ditunjukkan pada Gambar 3.26.
sd Melihat data pengeluaran Sequence
Halaman data pengeluaran Data pengeluaran Halaman utama aplikasi User Basic Path
User masuk ke halaman utama aplikasi. User menekan tombol data pengeluaran. Kemudian sistem mengambil data pengeluaran dari database dan menampilkan halaman data pengeluaran.
Mengakses ke halaman utama aplikasi()
Klik data pengeluaran()
Ambil data()
Gambar 3. 26 Sequence Diagram Memperbaharui Data Pengeluaran
Berdasarkan Gambar 3.26 diperoleh alur sistem sebagai berikut. Admin masuk ke halaman utama aplikasi. Admin menekan tombol data pengeluaran, lalu akan muncul halaman data pengeluaran. Admin mengklik field yang ingin diperbarui, lalu melakukan pembaruan data. Setelah selesai, admin dapat menekan icon selesai. Sistem akan menyimpan pembaharuan data pada database.
3.4.11 Sequence Diagram Menghapus Data Pengeluaran
Sequence Diagram menghapus data pengeluaran ditunjukkan pada Gambar 3.27.
sd Memperbaharui data pengeluaran Sequence
Data pengeluaran Halaman data pengeluaran Halaman utama aplikasi Admin Basic Path
Admin masuk ke halaman utama aplikasi. Admin menekan tombol data pengeluaran, lalu akan muncul halaman data pengeluaran. Admin mengklik field yang ingin diperbaharui, lalu melakukan pembaruan data. Setelah selesai, admin dapat menekan icon selesai.
Mengakses ke halaman utama aplikasi() Klik data pengeluaran()
Memperbaharui data pengeluaran() Klik icon selesai()
Gambar 3. 27 Sequence Diagram Menghapus Data Pengeluaran
Berdasarkan Gambar 3.27 diperoleh alur sistem sebagai berikut. Admin masuk ke halaman utama aplikasi. Admin menekan tombol data pengeluaran, lalu akan muncul halaman data pengeluaran. Admin memilih data yang akan dihapus, lalu tekan icon hapus data. Kemudian sistem akan menyimpan pembaharuan data pada database.
3.4.12 Sequence Diagram Menampilkan Report Data
Pengeluaran
Sequence Diagram menampilkan report data pengeluaran ditunjukkan pada Gambar 3.28.
sd Menghapus data pengeluaran Sequence
Data pengeluaran Halaman data pengeluaran Halaman utama aplikasi Admin Basic Path
Admin masuk ke halaman utama aplikasi. Admin menekan tombol data pengeluaran, lalu akan muncul halaman data pengeluaran. Admin memilih data yang akan dihapus, lalu tekan icon hapus data kemudian perubahan data tersimpan pada tabel data pengeluaran.
Mengakses ke halaman utama aplikasi()
Klik tombol data pengeluaran()
Menghapus data pengeluaran() Data tersimpan ()
Gambar 3. 28 Sequence Diagram Menampilkan Report Data Pengeluaran
Berdasarkan Gambar 3.29, diperoleh alur sistem sebagai berikut. Admin masuk ke halaman utama aplikasi. Admin menekan menu report data pengeluaran, lalu akan muncul halaman report data pengeluaran. User mengisi batas tanggal pada data pengeluaran. Kemudian sistem akan menampilkan data pengeluaran sesuai batas tanggal. Admin menekan tombol cetak untuk menyimpan data pengeluaran.
sd Menampilkan report data pengeluaran Sequence
Data pengeluaran Halaman report data pengeluaran Halaman utama aplikasi Admin Basic path Admin masuk ke halaman utama aplikasi. Admin menekan menu report data pengeluaran, lalu akan muncul halaman report data pengeluaran. Admin mengisi batas tanggal pada data pengeluaran. Kemudian sistem akan menampilkan data pengeluaran sesuai batas tanggal. Admin menekan tombol cetak untuk menyimpan dan mencetak data pengeluaran.
Mengakses ke halaman utama aplikasi()
Klik menu report data pengeluaran()
Mengisi batas tanggal()
Mengambil data()