• Tidak ada hasil yang ditemukan

BAB IV PEMBAHASAN

4.3 System Design

4.3.2 Statechart Diagram

1. Statechart Diagram Use CaseLogin 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

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

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

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

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 CaseUser 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 CaseContent 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

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

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

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.

Dokumen terkait