6 Unikom a s Sisfo Hotel

5/26/2018 6 Unikom a s Sisfo Hotel

1/57

4

BAB IV

ANALISIS DAN PERANCANGAN SISTEM

4.1 Analisis Sistem Yang Berjalan

Analisis sistem merupakan penguraian dari suatu sistem informasi yang utuh

kebagian-bagian komponennya yang dimaksudkan untuk mengidentifikasikan dan

mengevaluasi segala macam permasalahan dan hambatan apa saja yang bisa terjadi

dan kebuuhan-kebutuhan yang apa saja yang diharapkan dapat menjadi acuan untuk

diusulkannya perbaikan-perbaikan.

4.1.1 Analisis Dokumen

Analisi dokumen dimaksudkan untuk menganalisa dokumen yang digunakan

oleh hotel terkait dengan aktifitas pelayanan kamar. Adapun dokumen-dokumen yang

digunakan dalam proses pelayanan kamar yang sedang berjalan pada hotel Milenia

Bandung yaitu:

1. Nama Dokumen : Data Tamu

Fungsi : Untuk mencatat data tamu

Rangkap : 1 (satu) Rangkap

Atribut : No_KTP, Nama Lengkap, Alamat. Tempat Lahir,

Tanggal Lahir, No Telp.


2/57

4

2. Nama Dokumen : Data Kamar

Fungsi : untuk melihat kamar yang kosong dan terisi

Rangkap : 1 (satu) rangkap

Atribut : No Kamar, Nama Kamar, Harga, Status.

3. Nama Dokumen : Form Pemesanan Kamar

Fungsi : untuk melakukan pemesanan kamar

Rangkap : 2 (Dua) rangkap

Atribut : Nama, alamat, No Telp, Uang Dp, No Kamar,

Tanggal Check in, Tanggal Check Out, Jam Masuk,

Tanda tangan

4. Nama Dokumen : Form Laundry

Fungsi : mendata tamu yang ingin laundry di hotel

Rangkap : 2 (dua) Rangkap

Atribut : Nama, No Kamar, Jenis Laundry, Jumlah, Total

5. Nama Dokumen : Kwitansi Pelunasan/Pembayaran

Fungsi : Untuk melakukan pelunasan reservasi

Rangkap : 2 (dua) rangkap


3/57

4

Atribut : Nama, Alamat, No Kamar, Tanggal Masuk, Tanggal

Keluar, Jam Keluar, Tarif Kamar, Harga Laundry, Total

Harga.

4.1.2 Analisis Prosedur Yang Sedang Berjalan

Analisis difokuskan pada sistem pelayanan kamar yang terdapat di Hotel

Millenia Bandung. Berdasarkan metode analisis yang digunakan, maka berikut

merupakan gambaran sistem yang sedang berjalan pada sistem pelayanan kamar di

Hotel Millenia.

1. Tamu mengajukan permohonan reservasi kamar dan menyerahkan Kartu Identitas

(KTP/PASPORT) ke bagian front office untuk reservasi.

2. Bagian front office mengecek kamar berdasarkan data kamar.

3. Jika kamar tidak tersedia, front office memberikan konfirmasi ke tamu.

4. Jika tersedia bagian front office membuat kwitansi reservasi 2 rangkap. Rangkap

pertama di arsipkan ke front office, rangkap ke 2 diberikan kepada tamu beserta

Kartu Identitas (KTP/PASPORT).

5. Tamu menyerahkan kwitansi reservasi dan Kartu Identitas (KTP/PASPORT) ke

bagian front office.

6. Bagian front office mengecek data reservasi dan data kamar.

7. Jika data tidak ada, front office memberikan konfirmasi ke tamu.


4/57

50

8. Jika ada bagian front office membuat kwitansi check in 2 rangkap. Rangkap

pertama di arsipkan ke front office, rangkap ke 2 diberikan kepada tamu.

9. Atau Tamu menyerahkan Kartu Identitas (KTP/PASPORT) ke bagian front office

untuk check in tanpa proses reservasi, namun Jika kamar tidak tersedia, front

office memberikan konfirmasi ke tamu.

10.Jika tersedia bagian front office membuat kwitansi check in 2 rangkap. Rangkap

pertama di arsipkan ke front office, rangkap ke 2 diberikan kepada tamu.

11.Bagian laundry mengambil kwitansi check in dari arsip data check in jika tamu

memesan laundry.

12.Bagian laundry membuat bill laundry 2 rangkap, rangkap pertama di arsipkan,

rangkap ke 2 diberikan ke front office.

13.Tamu menyerahkan kwitansi check in/reservasi kepada front office pada saat

melakukan check out. Front office melakukan penghitungan biaya keseluruhan

berdasarkan kwitansi check in/reservasi, bill laundry serta mengambil KTP tamu

dari data check in.

14.Setelah melakukan penghitungan biaya, front office membuat kwitansi

pembayaran 2 rangkap, rangkap pertama diarsipkan dan rangkap ke 2 diserahkan

ke tamu beserta Kartu Identitas (KTP/PASPORT).

15.Bagian front office membuat laporan keuangan 2 rangkap berdasarkan data check

out. Rangkap pertama di arsipkan dan rangkap ke 2 diserahkan kepada manager

atau pimpinan.


5/57

51

4.1.2.1 Use Case Diagram

Use case diagram menggambarkan fungsionalitas yang diharapkan dari

sebuah sistem.

1. Use Case Sistem Pelayanan Kamar Yang Sedang Berjalan

Berikut ini penggambaran use case pada sistem pelayanan kamar yang sedang

berjalan pada Hotel Millennia.

Laundry

Check Out

Check in

Tamu

Memesan Kamar

Front Office

Gambar 4.1 Use Case Sistem Pemesanan Kamar


6/57

52

2. Skenario Use Case

Nama Use Case : Pemesanan Kamar

Aktor : Tamu

Deskripsi : meliputi proses yang menggambarkan prosedur

pemesanan kamar antara tamu dengan front office yang

dilakukan secara langsung di hotel.

Nama Use Case : Prosedur Check-In

Aktor : Tamu dan Front Office

Deskripsi : Meliputi proses yang menggambarkan prosedur

check-in yang dilakukan oleh tamu dengan front office

di hotel.

Nama Use Case : Prosedur Laundry

Aktor : Tamu dan Bag. Laundry

Deskripsi : Meliputi proses pemesanan laundry yang dilakukan

oleh tamu dengan bagian laundry.

Nama Use Case

Aktor

Deskripsi

: Prosedur Check out

: Tamu dan Front Office

: Meliputi proses pembayaran yang dilakukan oleh

tamu setelah memakai jasa penginapan dan jasa

laundry sesuai waktu/lama hari.


7/57

53

4.1.2.2Activity Diagram

Activity diagram digunakan untuk mendokumentasikan alur kerja pada

sebuah sistem.

1. Activity Diagram Sistem Pemesanan Kamar Yang Sedang Berjalan

Berikut ini activity diagramyang menggambarkan aktivitas pemesanan

kamar yang sedang berjalan pada Hotel Millenia.

Gambar 4.2 Activity Diagram Sistem Pemesanan

Meminta

informasi kamar

Memilih dan Melakukan

pemesanan kamar

Mendapatkan Bukti

Pemesanan Kamar

Memberikan Informasi kamar

yang kosong dan terisi

Status kamar

Mencatat transaksi

pemesanan kamar

Tidak ada

Ada

Front OfficeTamu


8/57

54

2. Activity Diagram Prosedur Check In Yang Sedang Berjalan

Berikut ini activity diagramyang menggambarkan aktivitas prosedur check-in

kamar yang sedang berjalan pada Hotel Millenia.

Gambar 4.3 Activity Diagram Prosedur Check In

Mengajukan permohonan Check in

dan menyerahkan bukti pemesanan

Get Bukti Check in

dan bayar deposit

Melakukan Cek Pemesanan

dan cek kamar

Mencatat Data check in

sesuai bukti pemesanan

Sudah pesan

Mencatat data check in

tanpa bukti pemesanan

Belum pesan

Front OfficeTamu


9/57

55

3. Activity Diagram Pemesanan Laundry Yang Sedang Berjalan

Berikut ini activity diagram yang menggambarkan aktivitas prosedur

pemesanan laundry yang sedang berjalan pada Hotel Millenia.

Gambar 4.4 Activity diagram Pemesanan Laundry

Mengajukan pesan

Laundry

Get bukti pemesanan

Laundry

Memberikan

Bukti check in

mengecek

Bukti Check in

Mencatat Data

pemesanan laundry

Bag. LaundryTamu


10/57

56

4. Activity Diagram Prosedur Check Out Yang Sedang Berjalan

Berikut ini activity diagramyang menggambarkan aktivitas prosedur check-

out yang sedang berjalan pada Hotel Millenia.

Gambar 4.5 Activity Diagram Check Out

Memberikan Bukti check in dan

bukti laundry(jika memesan laundry)

Get Bukti

Check out

Mencatat data check out

sesuai bukti check in

Menghitung total

pembayaran

Front OfficeTamu


11/57

5

4.1.3 Evaluasi Sistem Yang Sedang Berjalan

Dari sistem pelayanan kamar pada Hotel Millenia Bandung yang sedang

berjalan dapat dilihat permasalahan yang ada, yaitu :

Tabel 4.1 Evaluasi Sistem Yang Berjalan

No Masalah Worker Pemecahan Masalah

1. Masih menggunakan buku dalam

pencatatan dari seluruh kegiatan

Hotel.

Front Office Membuat aplikasi dengan

aplikasi yang sudah bisa

menggunakan

database,seperti PHP dan

MySQL.

2. Permintaan informasi mengenai

status kamar masih harus datang

langsung ke hotel atau melalui

telepon

Front Office Informasi hotel secara

online

3. Pemesanan kamar untuk

menginap harus datang langsung

ke hotel

Front Office Pemesanan kamar dapat

dilakukan secara online.

4. Lambatnya_proses perhitungan

transaksi pembayaran

Front Office Membuat sistem informasi

yang memepermudah dalam

perhitungan pembayaran


12/57

5

4.2 Perancangan Sistem

Perancangan sistem ini dibuat sebagai tahapan untuk mempersiapkan proses

implementasi sistem yang diinginkan, dan untuk menggambarkan secara jelas proses-

proses yang diinginkan oleh pengguna. Sesuai dengan metode pendekatan yang akan

digunakan adalah pendekatan object oriented, maka model yang digunakan untuk

menggambarkan seluruh proses dan objek adalah dengan menggunakan UML.

4.2.1 Tujuan Perancangan Sistem

Tujuan dari perancangan sistem adalah sebagai gambaran umum

pengembangan sistem usulan yang dapat memberikan spesifikasi sistem usulan

perangkat lunak kepada pengguna dengan menganalisis kelemahan-kelemahan dalam

sistem yang sudah ada yang mengembangkan sistem yang telah ada demi kepuasan,

kenyamanan dan kemudahan.

Adapun tujuan perancangan sistem informasi pelayanan kamar berbasis online

ini adalah sebagai berikut:

a. Membuat sistem informasi berbasis web untuk memudahkan masyarakat

mengakses informasi mengenai hotel.

b. Memudahkan para tamu yang hendak memesan kamar untuk menginap tidak

perlu lagi datang langsung ke hotel karena bisa memesan kamar secara online.

c. Menjadi ajang media komunikasi online yang dapat digunakan sebagai wadah

interaksi antara masyarakat, tamu dan administrator.


13/57

5

d. Mempermudah bagian Front office untuk mengarsipkan data-data tamu yang

menginap lebih terkomputerisasi sehingga resiko kehilangan data dapat

diminimalisir, dan pencarian data apabila dibutuhkan akan cepat terpenuhi.

Adapun perancangan ini meliputi:

1. Perancangan Use case diagramdan skenarionya

2. PerancanganActivity diagram

3. Perancangan sequence diagram

4. Perancangan collaboration diagram

5. Perancangan component diagram

6. Perancangan deployment diagram

7. Perancangan class diagram

4.2.2 Gambaran Umum Sistem Yang diusulkan

Sistem informasi pelayanan kamar berbasis online ini dapat digambarkan

sebagai bentuk sebuah fasilitas yang menyediakan informasi-informasi hotel dari

mulai informasi status kamar, fasilitas yang ada pada setiap kamar, tarif dan type

kamar, profil dan alamat hotel dan lain-lain, yang semuanya bisa diakses oleh

masyarakat luas pada umumnya dan oleh tamu yang hendak menginap.

Selain itu sistem informasi ini juga mendukung pemesanan kamar secara

online dimana tamu yang hendak menginap bisa memesan kamar untuk menginap

melalui media internet asal memenuhi beberapa syarat dan ketentuan yang berlaku


14/57

60

dari pihak hotel. Sehingga tamu tidak perlu datang lagi ke hotel untuk sekedar

menanyakan informasi kamar atau memesan kamar.

Dengan adanya perancangan sistem informasi pelayanan kamar berbasis

online ini diharapkan akan memudahkan para tamu yang ingin memesan kamar untuk

menginap, serta memudahkan dari pihak hotel untuk menyebarkan informasi-

informasi yang berkaitan dengan hotel. Pada intinya sistem informasi berbasis web

ini akan lebih memperkenalkan Hotel Millenia ke masyarakat luas.

4.2.3 Perancangan Prosedur Yang Diusulkan

Setelah melihat sistem yang sedang berjalan dan telah mengevaluasi sistem,

maka prosedur sistem yang diusulkan adalah:

1. admin memasukan informasi-informasi yang berkaitan dengan hotel untuk

dapat diakses oleh masyarakat yang ingin mengenal dan mengetahui tentang

Hotel Millenia Bandung.

2. Tamu yang berkunjung ke web hotel dan tidak mendaftar sebagai member

maka hanya dapat mengakses informasi biasa seperti profil, alamat hotel,

fasilitas hotel, type kamar, buku tamu. Tidak bisa memesan kamar secara

online

3. Tamu yang hendak memesan kamar secara online harus mendaftar dulu

sebagai member user

4. Tamu yang sudah mendaftar sebagai member user maka harus login dulu ke

sistem untuk bisa memesan kamar secara online.


15/57

61

4.2.3.1Use Case Usulan

Use case adalah deskripsi fungsi dari sebuah sistem dari perspektif/sudut

pandang para pengguna sistem.

1. Use Case Sistem Pelayanan Kamar Usulan

Berikut ini penggambaran use case yang diusulkan untuk sistem pelayanan

kamar pada hotel millennia.

Melakukan Check out

Front Office

Bag Laundry

Pendaftaran User

Memesan Kamar

Melakukan Check In

Memesan Laundry

Tamu/User

Berita

Buku Tamu

Kelola Hak Akses

Admin

Gambar 4.6 Use Case Pemesanan Kamar Usulan


16/57

62

2. Skenario Use Case Usulan

Nama Use Case : Pendaftaran User


Tabel 4.2 Skenario Use Case Pendaftaran User

Aksi Aktor Reaksi Sistem

1.pilih menu pendaftaran Baru2.tampil form pendaftaran user

3.masukan data pendaftaran user

4.verifikasi kelengkapan data

5.simpan data

Nama Use Case : Memesan Kamar


Tabel 4.3 Skenario Use Case Memesan Kamar


1.pilih menu pemesanan kamar

2.tampil form pemesanan kamar

3.masukan data pemesanan kamar


5.simpan data


17/57

63

Nama Use Case : Melakukan Check in


Tabel 4.4 Skenario Use Case Melakukan Check In


1.pilih menu add check in

2.tampil form check in

3.masukan data check in lengkap

(langsung check in tanpa pesan) atau

masukan nomer reservasi (sudah pesan

kamar sebelumnya).


5.simpan data


18/57

64

Nama Use Case : Memesan Laundry

Aktor : Tamu dan Bag. Laundry

Tabel 4.5 Skenario Use Case Memesan Laundry


1.pilih menu tambah pesan laundry

2.tampil form pemesanan laundry

3.masukan data pemesanan laundry

*Nomer kamar


5.simpan data

Nama Use Case : Melakukan Check out


Tabel 4.6 Skenario Use Case Melakukan Check out


1.Pilih menu add checkout

2.tampil form checkout

3.masukan data check out

*nomer kamar / nama tamu


5.simpan data


19/57

65

Nama Use Case : Berita

Aktor : Tamu dan Admin

Tabel 4.7 Skenario Use Case Berita


Admin

1.pilih menu tambah berita

2.tampil form tambah berita

3.masukan data berita lengkap


5.simpan data

Tamu

1.Buka website hotel

2.tampil website hotel

3.pilih berita

4.tampil data berita secara lengkap

Nama Use Case : Buku Tamu

Aktor : Tamu dan Admin

Tabel 4.8 Skenario Use Case Buku Tamu


ADMIN

1.pilih menu detail buku tamu


20/57

66

2.tampil data buku tamu

3.Pilih menu detail

4.tampil data buku tamu secara lengkap

TAMU

1.Pilih menu buku tamu

2.Tampil form pengisian buku tamu

3.input buku tamu


5.simpan data

6.pilih menu tampilkan buku tamu

7.Tampil data buku tamu lengkap

Nama Use Case : Kelola Hak Akses

Aktor : Admin

Tabel 4.9 Skenario Use Case Kelola Hak Akses


1.pilih menu add admin

2.tampil form tambah admin

3.masukan data admin beserta type hakakses


5.simpan data


21/57

6

4.2.3.2Activity Diagram Usulan

Activity diagram digunakan untuk mendokumentasikan alur kerja pada sebuah

sistem.

1. Activity Diagram Pendaftaran User

Berikut ini penggambaran activity diagram yang menggambarkan aktivitas

pendaftaran untuk user yang ingin menjadi member.

Gambar 4.7 Activity Diagram Pendaftaran User

Mengisi formpendafran us er

mendapatkan informasipendaftaran

Menampilkan Formpendaftaran

Validasi Form

Menyimpan datakedatabase

Belum Lengkap

Lengkap

SistemTamu/User


22/57

6

2. Activity Diagram Pemesanan Kamar Usulan

Berikut ini activity diagramyang menggambarkan aktivitas pemesanan kamar

yang diusulkan.

Gambar 4.8 Activity Diagram Pemesanan Kamar Usulan

Masukan datapemesanan Kamar

Pilih menupemesanan kamar

Mendapatkan

Bukti Reservasi

Tampil formpemesanan kamar

Validasi pengisian data

validasi jumlah

kamar

menyimpan ke

database

Belum Lengkap

LengkapKamar Tak tersedia/Penuh

Kosong/Tersedia

SistemTamu dan Front Office


23/57

6

3. Activity Diagram Prosedur Check In Usulan

Berikut ini activity diagramyang menggambarkan aktivitas prosedur check-in

yang diusulkan

Gambar 4.9 Activity Diagram Prosedur Check InUsulan

Pilih Menu

tambah check in

Pilih Nomer

reservasi

memasukan

data check in

memilih

Nomer Kamar

Get Bukti

Check In

Memilih

Nomer Kamar

Tampil form

Check In

Menampilkan data tamu

sesuai nomer reservasi

cek status

menyimpan ke

database

Pesan

Belum pesan

SistemFront Office


24/57

0

4. Activity Diagram Pemesanan Laundry Usulan

Berikut ini activity diagram yang menggambarkan aktivitas prosedur

pemesanan laundry yang diusulkan

Gambar 4.10 Activity diagram pemesanan laundry usulan

Memasukan

nomer kamar

memilih Menu Tambah

pesan laundry

masukan datapemesanan laundry

Get bukti

laundry

Menampilkan data tamu

sesuai no kamar

Menampilkan

form laundry

menyimpan Datake database

SistemBag. Laundry


25/57

1

5. Activity Diagram prosedur Check Out Usulan

Berikut ini activity diagram yang menggambarkan aktivitas prosedur check-

out yang diusulkan.

Gambar 4.11 Activity Diagram Prosedur Check OutUsulan

pilih menu tambah

check-out

masukan No

Kamar

Input Data

Pembayaran

Get Bukti

Check Out

Tampil form

check-out

Tampil data Check Out

sesuai data check in

simpan data check-out

ke database

SistemFront Office


26/57

2

4.2.3.3Sequence Diagram

Sequence diagram mendokumentasikan komunikasi/interaksi antar kelas-

kelas.

1. Sequence Diagram Pendaftaran User

Berikut ini sequence diagram yang menggambarkan pendaftaran user.

Gambar 4.12 Sequence Diagram Pendaftaran User

User/TamuUser/Tamu Form AplikasiForm Aplikasi DatabaseDatabase

1: Buka Aplikasi

2: Tampil Web Hotel

3: pilh menu pendaftaran user

4: tampil form pendaftaran

5: Masukan data User

6: Validasi data user

7: simpan data

8: data berhasil disimpan

10: tampil konfirm pendaftar

9: get username dan password


27/57

3

2. Sequence Diagram Pemesanan Kamar

Berikut sequence diagram untuk pemesanan kamar.

Gambar 4.13 Sequence diagram Pemesanan kamar

User/TamuUser/Tamu Form AplikasiForm Aplikasi DatabaseDatabase

1: Input username & password

2: Validasi login

3: cek login true/false

5: Tampil Menu User

4: tampil pesan login sukses

6: pilih kamar dan masukan tanggal pesan

7: kirim instruksi

8: cari data

9: Tampil status kamar kosong/terisi

10: pilih menu pemesanan kamar

11: Tampil form pemesanan kamar

12: Input data

13: Validasi data

14: simpan data

15: data berhasil dis impan

17: get bukti pemesanan dan No Reservasi

16: Tampil pesan pemesanan sukses


28/57

4

3. Sequence Diagram Prosedur Check In

Berikut ini sequence diagram untuk prosedur Check In

Gambar 4.14 Sequence Diagram Prosedur Check in

Front OfficeFront OfficeTamuTamu Form AplikasiForm Aplikasi DatabaseDatabase

1: mengajukan check_in

2: pilih menu cek kamar

3: tampil form cek kamar

4: pilih kamar dan masukan tanggal

5: kirim instruksi

6: Cari data

7: Tampil status kamar kosong/terisi

8: get informasi check in

9: No KTP

10: pilih menu tambah check_in

11: Tampil form check in

12: input data check in

13: validasi data

14: simpan data

15: Tampil detail check in

16: get bukti check in

17: Konfirmasi pemesanan (No Reservasi)

18: pilih menu tambah check in

19: Tampil form check In

20: masukan no_reservasi tamu

21: kirim instruksi

22: Cari Data

23: Tampil data tamu sesuai no reservasi

24: Input Data check_in

25: Validasi Data

26: Simpan data

27: Tampil detail check in

28: Get bukti Check in


29/57

5

4. Sequence Diagram Pemesanan Laundry

Berikut ini sequence diagram untuk prosedur pemesanan laundry.

Gambar 4.15 Sequence Diagram pemesanan laundry

TamuTamu Bag. LaundryBag. Laundry Form AplikasiForm Aplikasi DatabaseDatabase

1: Bukti Check in/No Kamar

2: Pilih menu tambah pesan laundry

3: Tampil form laundry

4: input no kamar

8: input data laundry

9: validasi data

10: Simpan data

11: Tampil detail pemesanan laundry

12: Get bukti laundry

5: kirim instruksi

6: Cari Data

7: Tampil Data Tamu sesuai nomer kamar


30/57

6

5. Sequence Digram Prosedur Check OutBerikut ini sequence diagram prosedur Check Out

Gambar 4.16 Sequence Diagram Prosedur Check Out

TamuTamu Front OfficeFront Office Form AplikasiForm Aplikasi DatabaseDatabase

1: Mengajukan check Out

2: Bukti Check In/ No Kamar

3: Pilih menu tambah check-out

4: tampil form check out

5: Masukan Nomer Kamar

6: kirim instruksi

7: Cari data

8: tampil data tamu sesuai nomer Kamar

9: input data check-out/Pembayaran

10: Cek Pemesanan Laundry(jika pesan)

11: Hitung pembayaran

12: Validasi Data

13: simpan data

14: tampil detail check-out

15: get bukti check-out


31/57

4.2.3.4Collaboration Diagram

Collaboration diagram menggunakan prinsip yang sama dengan sequence

diagram, sama-sama memodelkan interaksi antar obyek-obyek, yang

membedakannya hanya cara penggambarannya saja.

1. Collaboration Diagram Pendaftaran User

Berikut ini collaboration diagram pendaftaran user.

Gambar 4.17 Collaboration Diagram Pendaftaran User

2. Collaboration Diagram Pemesanan Kamar

Berikut ini collaboration diagram pemesanan kamar tamu

Gambar 4.18 Collaboration DiagramPemesanan kamar

User :user

FA : form

aplikasi

DB :database

7: simpan data

1: buka aplikasi3: pilih menu pendaftaran baru( )

5: masukan data user( )

2: Tampil website hotel4: tampil form daftar user( )

9: get username dan password( )

6: validasi data user

8: Data berhasil disimpan

User/Tamu :

user

FA : form

aplikasi

db :

database

8: cari data14: simpan data( )

1: input username dan password6: pilih kamar dan masukan tanggal pesan( )

10: pilih menu pemesanan kamar( )12: input data( )

4: Tampil pesan login sukses5: tampil menu user( )

11: tampil form pemesanan kamar( )16: tampil pesan poemesanan sukses( )

17: get nomer reservasi( )

2: validasi login7: kirim instruksi( )13: validasi data( )

3: cek login true/false15: data berhasil disimpan( )

9: Tampil status kamar


32/57

3. Collaboration Diagram Prosedur Check In

Berikut ini collaboration diagram prosedur Check In

Gambar 4.19 Collaboration DiagramProsedur Check In

19: tampil form check in( )

tamu :

TAMU

FO :

Admin

FA : Form

Aplikasi

db :

Database

6: cari data14: Simpan data( )

22: Cari data( )26: simpan data( )

1: mengajukan check in9: No KTP( )

17: konfirm pemesanan (No_Reservasi)

8: get informasi check in16: get bukti check in( )28: get bukti check in( )

2: pilih menu cek kamar4: pilih kamar dan masukan tanggal( )

10: Pilih menu tambah check In( )12: Input data check in( )

18: pilih menu tambah check in( )20: masukan no reservasi tamu( )

24: input data check in( )

3: tampil form cek kamar11: Tampil form check in( )

5: kirim instruksi13: Validasi data( )

21: Kirim instruksi( )25: validasi data( )

7: Tampil status kamar kosong/terisi15: Tampil detail check in( )

23: tampil data tamu sesuai nomer reservasi( )27: tampil detail check in( )


33/57

4. Collaboration Diagram Prosedur Laundry

Berikut ini collaboration diagram prosdur pemesanan laundry.

Gambar 4.20 Collaboration Diagram Prosedur Laundry

5. Collaboration Diagram Prosedur Check OutBerikut ini collaboration diagram prosedur check out

Gambar 4.21 Collaboration Diagram Prosedur Check Out

Tamu :

Tamu

Bag. Laundry :

AdminForm Aplikasi :

FA

Database

: DB

8: Simpan data

1: Bukti check in/No Kamar

10: Get Bukti Laundry

2: Pilih Menu tambah pesan laundry4: Input No Kamar( )

6: Input Data Laundry( )

3: Tampil form laundry5: Tampil data tamu sesuai no kamar( )

7: Validasi Data

9: Tampail detail pemesanan laundry

FO :

admin

FP : Form

Aplikasi

db :

Database

tamu :

TAMU

7: cari data13: simpan data( )

3: pilih menu tambah check out5: masukan nomer Kamar9: input data check-out( )

10: cek pemesanan laundry( )

4: tampil form check-out

6: kirim instruksi11: hitung pembayaran( )

12: validasi data( )

8: tampil data tamu sesuai nomer Kamar14: tampil detail check out( )

1: mengajukan check-out2: bukti check-in (no Kamar)

15: get bukti check-out


34/57

0

4.2.3.5Component Diagram

Komponen perangkat lunak adalah bagian fisik dari sebuah sistem yang

menetap di komputer. komponen merupakan implementasi software dari sebuah

class.Komponen bisa berupa tabel, file data, file exe, file DLL, dokumen dan lain-

lain.

Berikut adalah component diagram yang menggambarkan struktur proses

yang terdapat dalam program aplikasi Sistem Pemesanan kamar online pada Hotel

Millenia Bandung.

Gambar 4.22 Component Diagram Sistem Pelayanan Kamar

Home Website

Home

Profil

Fasilitas

LokasiHotel

Kamar

Kontak

Kami

BukuTamu

Menu Login

Pendaftaran Baru

Front Office Bagian

Laundry

Adminsitrator

Pengeloaan

Tamu

Transaksi

Hotel

PengelolaanKamar

LogOut

PengelolaanLaundry

Log

Out

Pengelolaan Admin

BukuTamu

Berita

LogOut


35/57

1

4.2.3.6Deployment Diagram

Deployment diagram menunjukkan tata letak sebuah sistem secara fisik,

menampakkan bagian-bagian software yang berjalan pada bagian-bagian hardware

yang digunakan untuk mengimplementasikan sebuah sistem dan keterhubungan

antara komponen-komponen hardware tersebut. Deployment diagram dapat

digunakan pada bagian-bagian awal proses perancangan sistem untuk

mendokumentasikan arsitektur fisik sebuah sistem. Berikut Deployment diagram

yang menggambarkan susunan fisik dan perangkat lunak dalam sistem:

Gambar 4.23 Deployment Diagram Sistem Pemesanan Kamar

4.2.3.7Class Diagram

Class Diagram adalah sebuah spesifikasi yang jika diinstansiasi akan

menghasilkan sebuah obyek dan merupakan inti dari pengembangan dan desain

berorientasi obyek. Class menggambarkan keadaan (atribut/properti) suatu sistem,

sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut

(metoda/fungsi). Class diagram menggambarkan struktur dan deskripsi class,

Client A: Webbrowser

Client B: Webbrowser

Web Server:Apache (PHP)

Database Server:MySQL

db_connect


36/57


37/57

3

4.2.3.8Kodifikasi

Pengkodean adalah pembuatan kode untuk tujuan mengklasifikasikan data,

memasukkan data ke komputer dan mengambil berbagai informasi yang dibutuhkan.

Pengkodean digunakan untuk menjabarkan item - item data yang bersifat unik. Dalam

perancangan, penulis melakukan pengkodean sebagai berikut

1. Nomer Reservasi

2. Nomer Urut Check In

3. Kode Tipe Kamar


38/57

4

4. Nomer Kamar

5. Kode Jenis Laundry

6. Kode Transaksi Laundry

7. Id Tamu


39/57

5

4.2.4 Perancangan Antar Muka

Perancangan antar muka merupakan penggambaran tampilan yang digunakan

secara langsung oleh pengguna, interaksi yang dapat dilakukan oleh pengguna dalam

sistem. Adapun dalam antar muka ini terdapat beberapa bagian yang harus dilakukan,

yaitu dari mulai menentukan struktur menu yang ada dalam program, tampilan input

dan output pada setiap fungsi yang telah ditentukan, diuraikan sebagai berikut

4.2.4.1 Struktur Menu

Struktur menu yang terdapat dalam perancangan ini dapat mengintegrasikan

sebuah data dalam sistem dan disertai dengan intruksi yang ada pada pilihan menu.

Sebenarnya struktur menu dibedakan berdasarkan hak akses yang dimiliki oleh

masing - masing tipe user.

1. Struktur Menu Tampilan Website

Gambar 4.25 Strukur Menu


40/57

6

4.2.4.2 Perancangan Input

Perancangan input yaitu sebuah tampilan yang dirancang sebagai tempat

untuk memasukan data-data yang diberikan oleh pengguna sistem (user), yang

merupakan sumber untuk proses pengolahan yang akan menghasilkan sebuah

informasi yang berguna bagi pengguna. Pengguna atau user dalam aplikasi dibagi ke

dalam 5 tipe yaitu User/Tamu Biasa, User Member, Administrator, Bag. Laundry,

dan Front Office. Oleh karena itu berikut rancangan antar muka input secara umum

berdasarkan tipe user.

1. Perancangan Menu Utama (Publik)

Gambar 4.26 Rancangan Menu Publik


41/57

Menu utama ini merupakan tampilan awal ketika user membuka

aplikasi/website. User dapat mengakses menu home, profil, fasilitas, lokasi hotel,

kamar, kontak kami, buku tamu dan disediakan menu pendaftaran baru bagi user

yang ingin mendaftar menjadi member. Serta menu login bagi user yang sudah

menjadi member.

2. Perancangan Menu Utama (User Member)

Gambar 4.27 Rancangan Menu Member


42/57

Form menu user member ini merupakan form yang bisa diakses oleh user

yang sudah menjadi member dengan melakukan login terlebih dahulu. maka akan

muncul menu tambahan sesuai gambar diatas.

3. Perancangan Menu Utama (Front Office)

Gambar 4.28 Rancangan Menu Front Office

Form menu bagian front office ini berfungsi untuk mengelola keseluruhan

data yang terkai dengant administrasi hotel dari mulai pemesanan kamar sampai

dengan check out.


43/57

4. Perancangan Menu Bagian Laundry

Gambar 4.29 Rancangan Menu Bag. Laundry

Menu Bagian laundry ini hanya dikususkan untuk para pegawai yang ada di

bagian laundry, untuk masuk ke halaman ini di haruskan login terdahulu. Sedangkan

untuk menunya terdiri dari Home dan pengelolaan laundry dimana didalam

pengelolaan laundry terdapat sub menu lainnya, seperti tambah kategori laundry dan

tambah pesan laundry.


44/57

0

5. Perancangan Menu Bagian Administrator

Gambar 4.30 Rancangan Menu Administrator

Pada halaman bagian administrator ini berfungsi untuk admin melakukan

pemberitaan tentang hotel, mengatur hak akses dan type admin dan melihat data

buku tamu.


45/57

1

6. Perancangan Input Login Admin

Login Administrator

User Name

Password

Proses

Halaman ini diperuntukan khusus

administrator yang tidak berkepentingan

dilarang membuka halaman ini

Terima kasih

Job Desk --Pilih Salah Satu--

Gambar 4.31 Menu login

Form login admin merupakan form yang berguna untuk login dan masuk ke

dalam sistem aplikasi Administrator website Hotel Millenia, User yang berhak

mengakses halaman ini adalah user yang mempunyai otoritas khusus untuk

mengelola website hotel.


46/57

2

7. Perancangan Input Registrasi Member

Gambar 4.32 Rancangan Input Registrasi

Form pendaftaran member merupakan form yang berfungsi untuk user biasa

untuk mendaftar sebagai user member, hal ini diperlukan apabila user ingin memesan

kamar secara online maka syaratnya harus mendaftar dahulu.

. 3

/


47/57

3

8. Perancangan Input Pemesanan Kamar

Logo HotelHotel Millenia

Menu Utama

Home

Profil

FasilitasLokasi Hotel

Kamar

Kontak Kami

Buku Tamu

Member User

User Name

Password

Login

Ubah User Member

Pemesanan Kamar

Konfirm PembayaranDaftar Pemesanan

Log OutInformasi

Text

Form Pemesanan Kamar Online

Kode Tamu

Jam Check In

Tanggal Check Out

Tanggal Check In

Tipe Kamar

Jumlah Pesan

Nama User

Jam Check Out

Lanjutkan Refresh

Text

Kamar

: :

: :

Gambar 4.33 Rancangan Form Pemesanan kamar

Form pemesanan kamar merupakan form yang digunakan user member untuk

memesan kamar secara online, sebelum user mengakses form ini maka diharuskan

untuk login terlebih dahulu.


48/57

4

9. Perancangan Input Check In


Menu Utama

Form Check In

Nama Tamu

Tipe Kamar

No Telepon

Provinsi

Kota

Alamat

Jenis Kelamin

Nomer Kamar

Simpan

MenuADMIN

Jam Check In

Jam Check out

Tanggal Check out

Tanggal Check In

Cek Reservasi

Gambar 4.34 Rancangan Input Check in

Form Check In digunakan untuk memsaukan data check in pengunjung yang

sudah memesan kamar sebelumnya, didalamnya terdapat tombol simpan untuk

menyimpan data kedalam database


49/57

5

10.Perancangan Input Pesan Laundry


Menu Bag. Laundry

Form Tambah Laundry

Nomer

Tanggal Check in

Alamat

Nama Lengkap

Id Tamu

Kode Laundry

Nomer Kamar

Jenis Laundry

Simpan

Jumlah

Gambar 4.35 Rancangan Input Pemesanan Laundry

Form halaman laundry ini digunakan untuk memasukan data pesanan laundry

yang dilakukan oleh tamu yang sudah check-in.


50/57

6

11.Perancangan Input Check Out

Gambar 4.36 Rancangan input Check Out

Form Check Out digunakan untuk mengitung seluruh transaksi yang

dilakukan oleh tamu selama menginap di hotel dari mulai reservasi, check in, laundry.

Didalamnya terdapat tombol simpan untuk menyimpan data kedalam database.


51/57

4.2.4.3 Perancangan Output

Perancangan Output atau keluaran merupakan hasil dari pengolahan data yang

diterima dari proses masukan data berupa informasi yang berguna bagi pengguna atau

user. Adapun rancangan output dari sistem informasi pemesanan kamar ini adalah

sebagai berikut :

1. Bukti Reservasi

Gambar 4.37 Bukti Reservasi

Halaman tersebut digunakan untuk menampilkan kwitansi reservasi dari tamu

yang sudah memesan kamar


52/57

2. Bukti Check-In

HOTEL MILLENIA BANDUNG

Jl. Percobaan No 38 Cileunyi Telp.(022) 7801845 - 70807667

Fax. (022) 7801845

Bukti Check In

Nomer :

Id Tamu :

Nama Lengkap :

Alamat :

Kota :

Provinsi :

No Telepon :

Uang Muka :

*Tampil Data Kamar

CATATAN :

Bandung, .

Petugas

Gambar 4.38 Bukti Check in

Halaman Tersebut digunakan untuk menampilkan kwitansi check-in untuk

tamu yang sudah melakukan check-in.


53/57

3. Bukti Check Out

Gambar 4.39 Bukti Check out

Halaman tersebut digunakan untuk menampilkan kwitansi dari tamu yang

hendak checkout, didalamnya terdapat transaksi pembayaran tamu dari mulai

reservasi, check in, sampai laundry.


54/57

100

4. Laporan Tamu Per Jenis Kamar

Gambar 4.40 Laporan Tamu Per Jenis Kamar

Halaman tersebut digunakan untuk menampilkan laporan pengunjung/tamu

yang pernah menginap di hotel millennia berdasarkan jenis kamar.


55/57

101

5. Laporan Tamu Keseluruhan

Gambar 4.41 Lporan Tamu Keseluruhan


yang pernah menginap di hotel millennia secara keseluruhan.


56/57

102

6. Laporan Tamu Per Periode

Gambar 4.42 Laporan Per Periode


yang pernah menginap di hotel millenia secara per periode.


57/57

103

5.2.5 Perancangan Arsitektur Jaringan

Arsitektur jaringan bisa dikatakan sebagai gambaran secara fisik dari pola

hubungan antara komponen-komponen jaringan, yang meliputi server, workstation, hubdan

pengkabelannnya. Adapun Rancangan Arsitektur jaringan yaitu sebagai berikut :

Gambar 4.43 Arsitektur Jaringan

Arsitektur jaringan ini berskala WAN (Wide Area Network). Admin dan

server mengirimkan informasi berupa aplikasi web ke internet, dan untuk para user

terhubung pada sebuah media penghubung yang dikenal sebagai modem, dimana

modem tersebut biasanya berupa lewat saluran telepon yang telah terkoneksi internet.

Documents

6 Unikom a s Sisfo Hotel