Statechart Diagram System Design

4.3.2 Statechart Diagram

1. Statechart Diagram Use Case

Login Member Gambar 4.4 Statechart Diagram Use Case Masuk Login Pada Statechart Diagram Gambar 4.4 user melaksanakan event membuka website hotel, maka state akan menampilkan halaman utama website, dan user akan melaksanakan memilih kontak reservasi, dan memilih login member. dan user akan melaksanakan event masukan username, password dan kode. Apabila berhasil, maka state akan menampilkan halaman formulir member.

2. Statechart Diagram Use Case

Pemesanan Kamar Gambar 4.5 Statechart Diagram Use Case Pemesanan Kamar Pada Statechart Diagram Gambar 4.5 saat user melaksanakan event membuka website hotel, maka state akan menampilkan halaman utama website, dan user akan melaksanakan memilih kontak reservasi, dan memilih mengisi formulir pemesanan. dan user akan melaksanakan event memilih pesan. Maka state akan menampilkan halaman daftar pesanan, dan user akan melaksanakan event melanjutkan “Ya” dan state akan menampilkan halaman jenis pembayaran. Maka user harus memilih jenis pembayaran yang akan dilakukan. Apabila user memilih cash maka state akan menampilkan kwitansi pemesanan dan kwitansi tersebut harus dibawa pada saat check in. Dan apabila user memilih transfer maka user hanya melakukan konfirmasi kepada perusahaan via telepon atau via sms yang sudah ada di halaman website. Dan apabila user memilih credit card maka state akan menampilkan halaman formulir pembayaran credit card maka user harus mengisi formulir tersebut, apabila berhasil maka akan menampilkan pesan berhasil.

3. Statechart Diagram Use Case

Masukan Data Member Gambar 4.6 Statechart Diagram Use Case Masukan Data Member Pada Statechart Diagram Gambar 4.6 saat user melaksanakan event membuka website hotel, maka state akan menampilkan halaman utama website, dan user akan melaksanakan memilih kontak reservasi, dan memilih buat member. dan user akan melaksanakan event pengisian formulir. Apabila berhasil, maka state akan menampilkan pesan sukses, dan user melaksanakan event memilih login member. dan event akan melaksanakan pengisian formulir.

4. Statechart Diagram Use Case

Mengedit Data Member Gambar 4.7 Statechart Diagram Use Case Mengedit Data Member Pada Statechart Diagram Gambar 4.7 saat user melaksanakan event membuka website hotel, maka state akan menampilkan halaman utama website, dan user akan melaksanakan memilih kontak reservasi, dan memilih login member. dan user akan melaksanakan event masukan username, password dan kode. Apabila berhasil, maka state akan menampilkan halaman formulir member.

5. Statechart Diagram Use Case

Pembayaran Gambar 4.8 Statechart Diagram Use Case Pembayaran Pada Statechart Diagram Gambar 4.8 saat user melaksanakan event membuka website hotel, maka state akan menampilkan halaman utama website, dan user akan melaksanakan memilih kontak reservasi, dan memilih mengisi formulir pemesanan. dan user akan melaksanakan event memilih pesan. Maka state akan menampilkan halaman daftar pesanan, dan user akan melaksanakan event melanjutkan “Ya” dan state akan menampilkan halaman jenis pembayaran. Maka user harus memilih jenis pembayaran yang akan dilakukan. Apabila user memilih cash maka state akan menampilkan kwitansi pemesanan dan kwitansi tersebut harus dibawa pada saat check in. Dan apabila user memilih transfer maka user hanya melakukan konfirmasi kepada perusahaan. Dan apabila user memilih credit card maka state akan menampilkan halaman formulir pembayaran credit card maka user harus mengisi formulir tersebut, apabila berhasil maka akan menampilkan pesan berhasil.

6. Statechart Diagram Use Case

User Manager Gambar 4.9 Statechart Diagram Use Case User Manager Pada Statechart Diagram Gambar 4.9 saat user melaksanakan event Login, maka state akan menampilkan halaman utama Administrator. Dan user akan melakukan event memilih mengatur fungsi user, dan memilih user manager mana yang akan ditambah dan diedit. Maka state akan menampilkan formulir user. Dan daftar user ditampilkan. Dan user melaksanakan event logout.

7. Statechart Diagram Use Case

Content Manager Gambar 4.10 Statechart Diagram Use Case Content Manager Pada Statechart Diagram Gambar 4.10 saat user melaksanakan event Login , maka state akan menampilkan halaman utama Administrator. Dan user akan melakukan event memilih mengubah konten sistem, dan memilih konten mana yang akan ditambah dan diedit. Dan konten yang ditambah dan diedit maka akan ditampilkan di website. Dan user melaksanakan event logout.

8. Statechart Diagram Use Case Login

Gambar 4.11 Statechart Diagram Use Case Login Pada Statechart Diagram Gambar 4.11 saat user melaksanakan event Menjalankan Aplikasi, state akan melaksanakan perintah untuk Menampilkan Kotak Dialog Username, Password dan kode. Event Mengisi Username, Mengisi Password dan Mengisi Kode diverifikasi kemudian state akan Menampilkan Halaman Utama.

9. Statechart Diagram Use Case

Mengaktifkan Pesanan Gambar 4.12 Statechart Diagram Use Case Mengaktifkan Pesanan Pada Statechart Diagram Gambar 4.12 saat user melaksanakan event Login , maka state akan menampilkan halaman utama Front Office. Dan user akan melakukan event memilih pesanan aktif, dan akan mengaktifkan pesanan yang akan check in. Maka state akan menampilkan data pesanan yang dipilih. Setelah diaktifkan maka state akan menampilkan daftar data pesanan. Dan user melaksanakan event logout.

10. Statechart Diagram Use Case

Menonaktifkan Pesanan Gambar 4.13 Statechart Diagram Use Case Menonaktifkan Pesanan Pada Statechart Diagram Gambar 4.13 saat user melaksanakan event Login , maka state akan menampilkan halaman utama Front Office. Dan user akan melakukan event memilih pesanan non aktif, dan akan menonaktifkan pesanan. Maka state akan menampilkan data pesanan yang dipilih. Setelah dinonaktifkan maka state akan menampilkan daftar data pesanan. Dan user melaksanakan event logout.

11. Statechart Diagram Use Case

Pencarian Data Gambar 4.14 Statechart Diagram Use Case Pencarian Data Pada Statechart Diagram Gambar 4.14 saat user melaksanakan event Login , maka state akan menampilkan halaman utama Front Office. Dan user akan melakukan event memilih pesanan aktif, dan user akan melaksanakan event dengan memasukkan kata kunci pencarian data ke dalam field yang disajikan oleh sistem. Setelah mendapatkan kata kunci, sistem lalu melakukan pencarian ke database dan kemudian menyajikannya kepada user. Dan user melaksanakan event logout.

12. Statechart Diagram Use Case Check Out

Gambar 4.15 Statechart Diagram Use Case Check Out Pada Statechart Diagram Gambar 4.15 saat user melaksanakan event Login , maka state akan menampilkan halaman utama Front Office. Dan user akan melakukan event memilih pesanan non aktif, dan user akan melaksanakan event memilih data yang akan check out. Apabila data sudah ditemukan maka user akan melaksanakan event check out, dan sistem akan menampilkan state daftar data pesanan. dan data yang di check out maka akan pindah ke dalam database arsip data. Dan user melaksanakan event logout.

4.3.3 Activity Diagram