bab iii. perancangan sistem 3.1 analisis sistem · 2018. 4. 3. · 12 bab iii. perancangan sistem ....

12

Bab III.

PERANCANGAN SISTEM

3.1 Analisis Sistem

Secara umum pengertian dari sistem menurut Leitch

Rosses adalah suatu system didalam organisasi yang

memerlukan keburuhan pengolahan transaksi harian,

mendukung operasi, bersifat managerial dan kegiatan strategi

dari suatu organisasi dan menyediakan pihak luar tertentu

dengan laporan-laporan yang diperlukan. Elemen-elemen dari

suatu sistem pada dasarnya terdiri atas input, proses dan output.

Sistem belanjaonlinemerupakan bagian dari aplikasi sistem e-

commerce yang tidak terlepas dari elemen – elemen input,

proses dan output.

Berdasarkan pada sistem e-commerce pada umumnya,

sistem reservasi hotel online berbasis web disini dijelaskan

tahapan analisis sistem yang memproses input dari dua

pengguna yaitu pelanggan, dan penjual atau administrator. Pada

tahap analisis sistem ini akan dijelaskan bagaimana setiap

entitas berinteraksi dengan sistem untuk menjalankan setiap

fungsinya masing-masing, oleh karena itu perlu mendefinisikan

fungsi masing-masing entitas dalam sistem agar dalam

perancangan sistem tidak terjadi kesalahan-kesalahan dalam

implementasinya. Secara garis besar sistem belanja online yang

akan dikembangkan disini terdiri dari proses-proses yang

meliputi pendaftaran user, masuk ke area

pelanggan,pemesanan,pembayaran dan pengiriman barang.

13

3.2 Alur Sistem

Sistem reservasi hotel online berbasis web dikembangkan

atas dasar fungsi operasi dari penjual dan pemesan yang dibuat

untuk mempermudah dalam penyewaan kamar. Penjual dan

pemesan adalah pengguna sistem yang melakukan proses

penyewaan kamar, didalam sistem ini penjual sebagai penyedia

kamar sekaligus pengelola sistem web yang disebut

administrator, sedangkan pemesan adalah yang membutuhkan

kamar tersebut.

14

Sistem Pemesanan Hotel Online

Top Package::customer Top Package::admin

mencari informasi

hotel

mencari informasi

pesan kamar

mencari informasi

layanan dan fasilitas

mendaftar /

registrasi

pesan kamar

terima tagihan

bayar

manage informasi

hotel

manage informasi

kamar,fasilitas,service

manage informasi

member

manage informasi

pembayaran

mencatat tagihan«extends»

«extends»

«extends»

«extends»

«extends»

manage pemesanan«extends»

«extends»

3.3 USE CASE

Gambar 3.1 Use Case

15

3.4 Activity Diagram

activity

admincustomer

login

Menampilkan data

tamu registrasi

Menampilkan login

salah

Input tanggal

check in dan

check out

Menampilkan total

pembayaran

Menyimpan data

Ambil kwitansi

Login salah

Memilih jenis

kamar

Memilih no. kamar

Mendapat daftar

tagihan harga

kamar

Mengisi form registrasi

ID dan penambahan

pemesanan (jika ada)

Mendapat total

tagihan

Membayar tagihan

Meng check in kan

tamu yang sudah

registrasi

Meng check out

kan tamu

Gambar 3.2 Activity Diagram

Diatas merupakan diagram Activity yang

menggambarkan alir aktivitas dalam sistem yang sedang

16

dirancang. Aktifitas yang dilakukan oleh user member yaitu

user member harus login terlebih dahulu untuk dapat

melakukan pemesanan fasilitas, lihat profil, dan jadwal

pemesanan. Begitu juga dengan admin dalam aktifitas ini admin

juga diharuskan untuk login terlebih dahulu untuk dapat

menginputkan data profil, user dan pemesanan. Activity

diagram juga dapat menggambarkan proses paralel yang

mungkin terjadi pada beberapa eksekusi.. Sangat bermanfaat

apabila kita membuat diagram ini terlebih dahulu dalam

memodelkan sebuah proses untuk membantu memahami proses

secara keseluruhan. Activity diagram dibuat berdasarkan

sebuah atau beberapa use case pada use case diagram.

3.5 CLASS DIAGRAM

Class diagram adalah alat perancangan terbaik untuk tim

pengembang. Diagram tersebut membantu pengembang

mendapatkan struktur system sebelum kode ditulis, dan

membantu untuk memastikan bahwa system adalah desain

terbaik.

Class diagram digunakan untuk menampilkan kelas-kelas

dan paket-paket di dalam system. Class diagram memberikan

gambaran system secara statis dan relasi antar mereka.

Biasanya, dibua beberapa class diagram untuk system tunggal.

Beberapa diagram akan menampilkan subset dari kelas-kelas

dan relasinya. Dapat dibuat beberapa diagram sesuai dengan

yang diinginkan untuk mendapatkan gambaran lengkap

17

terhadap system yang dibangun. Di bawah ini merupakan class

diagram dari sistem reservasi hotel online.

Gambar 3.3 ClassDiagram

18

3.6 LKT (Lembar Kerja Tampilan)

3.6.1 Halaman Awal (Sebelum Login Member)

1. Halaman Beranda

Halaman ini memuat beberapa menu. Klik Fld1

masuk halaman masuk dan daftar. Klik Fld2 tampil

halaman beranda. Klik Fld3 tampil halaman kontak. Klik

fld4 memasukkan username. Klik Fld5 memasukkan

password. Klik Fld6 login sebagai member. Klik Fld7

mendaftar sebagai member. Klik Fld8 masuk halaman

lupa password. Klik Fld11 login sebagai Admin. Fld10

berisikan disrkipsi berupa teks tentang Hotel. Fld9

slideshow Hotel.

Sheet 1Sheet 1

Fld6 Fld7

Fld4

Fld5

Fld2

Fld8

Fld3

Fld1

Fld9

Fld10

Fld11

Gambar 3.4 LKT Halaman Beranda

19

Keterangan :

Fld1 : Menu (masuk/daftar)

Fld2 : Menu navidasi (Beranda)

Fld3 : Menu navidasi (kontak)

Fld4 : Text Box (username)

Fld5 : Text Box (password)

Fld6 : Button (login)

Fld7 : Button (daftar)

Fld8 : Radio Button (lupa password)

Fld9 : Slideshow Hotel

Fld10 : Text

Fld11 : Button (login admin)

1. Halaman Daftar






mendaftar sebagai member. Klik Fld8 masuk halaman lupa

password. Klik Fld9 login sebagai Admin. Fld10 label

keterangan (registrasi). Klik Fld11 memasukkan username.

Klik Fld12 memasukkan password. Klik Fld13

memasukkan email. Klik Fld14 memasukkan nama depan.

Klik Fld15 memasukkan nama belakang. Klik Fld16

memasukkan alamat. Klik Fld17 memilih jenis kelamin.

20

Klik Fld18 untuk me reset ulang. Klik Fld 19 untuk

menyimpan data.

Sheet 2Sheet 2

Fld6 Fld7

Fld4

Fld5

Fld2

Fld8

Fld3

Fld1

Fld9

Fld11

Fld12

Fld13

Fld14

Fld15

Fld16

Fld10

Fld18 Fld19

Fld17

Gambar 3.5 LKT Halaman Registrasi Member

Keterangan :

Fld1 : Menu (masuk/daftar) Fld13: Text Box (email)

Fld2 : Menu navidasi (Beranda) Fld14: Text Box (first name)

Fld3 : Menu navidasi (kontak) Fld15: Text Box (last name)

Fld4 : Text Box (username) Fld16: Text Box (address)

Fld5 : Text Box (password) Fld18: Button (reset)

Fld6 : Button (login) Fld19: Button (simpan)

Fld7 : Button (daftar) Fld12: Text Box (password)



Fld10 : Text


21

2. LKT Halaman Kontak






mendaftar sebagai member. Klik Fld8 masuk halaman lupa

password. Klik Fld9 login sebagai Admin. Fld10 label

keterangan (registrasi). Klik Fld11 memasukkan nama.

Klik Fld12 memasukkan alamat website. Klik Fld13

memasukkan alamat email. Klik Fld14 memasukkan

telepon. Klik Fld15 memasukkan kesan dan pesan. Klik

Fld16 untuk mengirim pesan. Fld17 peta lokasi hotel.

Sheet 3Sheet 3

Fld6 Fld7

Fld4

Fld5

Fld8

Fld1

Fld9

Fld11

Fld12

Fld13

Fld14

Fld10

Fld16

Fld15

Fld2 Fld3

Fld17

Gambar 3.6 LKT Halaman kontak

22

Keterangan :



Fld3 : Menu navidasi (kontak)




Fld7 : Button (daftar)



Fld10 : Text

Fld11 : Text Box (nama)

Fld12 : Text Box (website)

Fld13 : Text Box (email)

Fld14 : Text Box(telepon)

Fld15 : Text Box(kesan dan pesan)

Fld16 : Button (submit)

Fld17 : maps

3. LKT Halaman Galery

Halaman ini halaman setelah login dan memuat beberapa

menu. Klik Fld1 masuk halaman masuk dan daftar. Klik

Fld2 tampil halaman beranda. Klik Fld3 masuk ke menu

dan fasilitas kamar. Klik Fld4 masuk ke halaman booking

atau pemesanan kamar. Klik Fld5 tampil halaman kontak.

Fld6 menunjukkan nama dari member. Klik Fld7 untuk

logout dari member. Fld8 text diskripsi hotel. Fld9

slideshow hotel.

23

Sheet 4Sheet 4

Fld7

Fld1

Fld8

Fld2 Fld3

Fld9

Fld4 Fld5

Fld6

Gambar 3.7 LKT Halaman Galery

Keterangan :



Fld3 : Menu navidasi (room)

Fld4 : Text Box (booking)

Fld5 : Text Box (kontak)

Fld6 : nama member

Fld7 : Button (logout)

Fld8 : Text


24

4. LKT Halaman Room







logout dari member. Fld8 text diskripsi hotel. Klik Fld9

menunjukkan tipe kamar Superior dan Fld12 keterangan

dari kamar tipe Superior. Klik Fld10 menunjukkan tipe

kamar Delux dan Fld13 keterangan dari kamar tipe Delux.

Klik Fld11 menunjukkan tipe kamar Suiteroom dan Fld13

keterangan dari kamar tipe Suiteroom.

Sheet 5Sheet 5

Fld7

Fld1

Fld8

Fld2Fld3

Fld9

Fld4 Fld5

Fld6

Fld10 Fld11

Fld12 Fld13 Fld14

Gambar 3.8 LKT Halaman Room

25

Keterangan :

Fld1 : Menu (masuk/daftar


Fld10 : Gambar kamar Delux


Fld11 : Gambar kamar Siuteroom



Fld6 : nama member


Fld8 : Text

Fld9 : Gambar kamar Superior

Fld12 : Keterangan dari gambar Superior

Fld13 : Keterangan dari gambar Delux

Fld14 : Keterangan dari gambar Siuteroom

5. LKT Halaman Booking







logout dari member. Fld8 text keterngan memilih tanggal

pemesanan kamar. Klik Fld9 memilih tanggal cek in. klik

Fld10 memilih tanggal cek out. Klik Fld11 masuk ke menu

ketersediaan dan harga kamar.

26

Sheet 6Sheet 6

Fld7

Fld1

Fld8

Fld2 Fld3Fld4

Fld5

Fld6

Fld11

Fld9 Fld10

Gambar 3.9 LKT Halaman Booking

Keterangan :






Fld6 : nama member


Fld8 : Text

Fld9 : Thumbnail month (tanggal cek in)

Fld10 : Thumbnail month (tanggal cek out)

Fld11 : Button (check availability)

27

6. LKT Halaman Menu Ketersediaan dan Harga Kamar







logout dari member. Fld8 gambar kamar. Fld9 jenis kamar.

Fld10 jumlah anak dibawah3thn yang dibawa(jika ada).

Fld11 jumlah anak dewasa yang diatas 12 tahun(jika ada).

Fld12 harga dari kamar. Fld13 ketersediaan kamar,jika

available berarti kamar belum di pesan.

Sheet 7Sheet 7

Fld7

Fld1

Fld2 Fld3 Fld4 Fld5

Fld6

Fld8 Fld9 Fld10 Fld11 Fld12 Fld13

Gambar 3.10 LKT Halaman Ketersediaan dan Harga

Kamar

28

Keterangan :


Fld8 : Gambar(kamar)


Fld9 : Text(jenis kamar)


Fld10 : Gambar(adult)


Fld11 : Gambar(children)


Fld12 : harga kamar

Fld6 : nama member

Fld13 : Button Available


7. LKT Halaman Pemesanan Kamar

Halaaman ini adalah halaman yang muncul ketika sudah

klik Button available. Halaman ada beberapa kolom yaitu

kolom Fld1 untuk menunjukkan harga kamar yang di

pesan. Kolom Fld2 menunjukkan diskon ketika sudah

menjadi member. Kolom Fld3 menunjukkan total harga

yang kamar yang telah dipesan. Kolom Fld4 menunjukkan

status bahwa kamar telah tersedia. Kolom Fld5 perintah

untuk ketersediaan Nomor Kamar yang akan dipilih. Klik

Fld16 untuk memilih nomor kamar yang akan dipilih. Klik

Fld17 untuk keluar atau membatalkan registrasi.

29

Sheet 8Sheet 8

Fld1 Fld2 Fld3 Fld4 Fld5

Fld6

Fld7

Gambar 3.11 LKT Halaman Pemesanan Kamar

Keterangan :

Fld1 : Text Harga kamar

Fld2 : Text diskon

Fld3 : Text Total

Fld4 : Text Status

Fld5 : Text Pesan Kamar

Fld6 : Button (nomor kamar)

Fld7 : Button (close)

8. LKT Halaman Biaya Pemesanan




30




logout dari member. Klik Fld8 kembali ke sheet7. Fld9

keterangan no kamar. Fld10 keterangan harga. Fld11

keterangan jenis kamar. Fld13 hasil dari keterangan Fld9.

Fld14 hasil dari keterangan Fld10. Fld15 hasil dari

keterangan Fld11. Fld17 keterangan total bayar dan di

hasilkan di Fld19. Fld18 keterangan discon dan di hasilkan

di Fld20. Klik Fld21 melanjutkan proses untuk pendataan

customer yang mau menginap. Fld22 pemberitauan tanggal

masuk, keluar dan jumlah malam menginap.

Sheet 9Sheet 9

Fld7

Fld1

Fld2 Fld3 Fld4 Fld5

Fld6

Fld9

Fld8

Fld10

Fld11

Fld12

Fld13

Fld14

Fld15

Fld16

:

:

:

:

Fld22

Fld17

Fld18

Fld19

Fld20

:

:

Fld21

Gambar 3.12 LKT Halaman Biaya Pemesanan

31

Keterangan :






Fld6 : nama member


Fld8 : Button Back

Fld9 : label (room no.)

Fld10 : label (price)

Fld11 : label (room)

Fld12 : label (type)

Fld17 : label (total bayar)

Fld18 : label (discon)

Fld13 : label (hasil dari Fld9)






Fld13 : label (hasil dan pemberitahuan)

9. LKT Halaman Input Data Pemesanan





32



logout dari member. Klik Fld8 kembali ke sheet9. Klik

Fld9 memasukkan nama depan. Klik Fld10 memasukkan

alamat email. Klik Fld11 memasukkan no.telepon. klik

Fld12 memasukkan Negara. Klik Fld13memasukkan

nama belakang. Klik Fld14 memasukkan confirmasi

email. Klik Fld15 memasukkan alamat. Klik Fld16

memasukkan kode pos. klik Fld19 memasukkan

pemesanan lain (jika ada). Klik Fld17 label detil

pembayaran. Klik Fld18 masuk ke sheet11 untuk proses

selanjutnya.

Sheet 10Sheet 10

Fld7

Fld1

Fld2 Fld3 Fld5

Fld6

Fld4

Fld8

Fld9

Fld10

Fld11

Fld12

Fld13

Fld14

Fld15

Fld16

Fld17

Fld18

Fld19

Gambar 3.13 LKT Halaman Input Data Pemesanan

33

Keterangan :






Fld6 : User Acounts


Fld8 : Button Back

Fld9 : Text Box (input nama depan)

Fld10 : Text Box (input alamat email)

Fld11 : Text Box (input no.telepon)

Fld12 : Text Box (input negara)

Fld13 : Text Box (input nama belakang)

Fld14 : Text Box (input confirmasi email)

Fld15 : Text Box (input alamat)

Fld16 : Text Box (input kode pos)

Fld19 : Text Box (input permintaan tambahan)

Fld17 : label (detile pembayaran)

Fld18 : Button (proses)

10. LKT Halaman Data dan Jumlah Pemesanan





34



logout dari member. Klik Fld8 kembali ke sheet10. Fld9

keterangan tanggal masuk dan dihasilkan di Fld18. Fld10

keterangan tanggal keluar dan dihasilkan di Fld119. Fld11

keterangan jumlah malam dan dihasilkan di Fld20. Fld12

keterangan diskon dan dihasilkan di Fld21. Fld13

keterangan no. kamar dan dihasilkan di Fld22. Fld14

keterangan total harga yang harus di bayar dan dihasilkan

di Fld23. Fld15 keterangan nama depan dan dihasilkan di

Fld24. Fld16 keterangan nama belakang dan dihasilkan di

Fld25. Fld17 keterangan email dan dihasilkan di Fld26.

Sheet 11Sheet 11

Fld7

Fld1

Fld2 Fld3 Fld4 Fld5

Fld6

Fld9

Fld8

Fld10

Fld11

Fld12

Fld18

Fld19

Fld20

Fld21

:

:

:

:

Fld13

Fld14

Fld22

Fld23

:

:

Fld15 Fld24:

Fld16

Fld17

Fld25

Fld26

:

:

Gambar 3.14 LKT Halaman Data dan Jumlah Pemesanan

35

Keterangan :






Fld6 : nama member


Fld8 : Button Back

Fld9 : label (tanggal masuk)

Fld10 : label (tanggal keluar)

Fld11 : label (jumlah malam)

Fld12 : label (discon)

Fld13 : label (no.kamar)

Fld14 : label (total)

Fld15 : label (nama depan)

Fld16 : label (nama belakang)

Fld17 : label (email)










36

3.6.2 Halaman Admin

1. Halaman Login admin

Halaman ini adalah dimana admin akan login. Fld1 text

bertuliskan ADMIN. Klik Fld2 memasukkan username.

Klik Fld3 memasukkan password. Klik Fld4 untuk selalu

login dengan nama admin tertentu. Klik Fld5 button login

dan akan masuk ke dalam tampilan admin.

Sheet 12Sheet 12

Fld1

Fld2

Fld3

Fld5

Fld4

Gambar 3.15 LKT Halaman Login Admin

Keterangan :

Fld1 : Text (Admin)


37


Fld4 : Check Box (remember me)


2. LKT Halaman Konfirmasi Pemesanan

Halaman ini adalah untuk menampilkan data member

yang telah melakukan reservasi pemesanan hotel melalui

system ini. Di halaman ini memiliki beberapa menu

seperti Fld1 untuk keluar dari halaman admin dan akan

kembali ke halaman awal admin. Klik Fld2 untuk menuju

sheet/list admin lainnya. Klik Fld17 untuk

mengupdate/menerima data pemesan supaya untuk

masuk proses selanjutnya. Klik Fld18 untuk menghapus

data pemesan jika terjadi pembatalan dari pihak member

atau pemesan.

Sheet 13Sheet 13

Fld2Fld1

Fld3

Fld4

Fld5

Fld6

Fld7 Fld8 Fld9 Fld10 Fld11 Fld12 Fld13 Fld14 Fld15 Fld116

Fld117 Fld18

Gambar 3.16 LKT Halaman List Reservasi

38

Keterangan :

Fld1 : Button (Logout)

Fld2 : Combo Box (Action)

Fld3 : Text (nama perusahaan)

Fld4 : kalender

Fld5 : Text (welcome)

Fld6 : Text(List Resevation)

Fld7 : Gird Column (confirmasi code)

Fld8 : Gird Column (No.kamar)

Fld9 : Gird Column (Guest)

Fld10 : Gird Column (hari)

Fld11 : Gird Column (tanggal masuk)

Fld12 : Gird Column (tanggal keluar)

Fld13 : Gird Column (diskon)

Fld14 : Gird Column (status)

Fld15 : Gird Column (pembayaran)

Fld16 : Gird Column (action)

Fld17 : Button (update)

Fld17 : Button (delete)

3. LKT Halaman Data Pemesan


yang telah melakukan pembayaran pemesanan hotel

melalui system ini. Di halaman ini memiliki beberapa

menu seperti Fld1 untuk keluar dari halaman admin dan

akan kembali ke halaman awal admin. Klik Fld2 untuk

menuju sheet/list admin lainnya. Klik Fld17 untuk

meng-cekoutkan member jika batas tanggal sudah

39

berahir. Klik Fld18 untuk mengedit data pemesanan

seperti, penambahan hari menginap dan fasilitas lainnya.

Sheet 14Sheet 14

Fld2Fld1

Fld3

Fld4

Fld5

Fld6


Fld117 Fld18

Gambar 3.17 LKT Halaman List Checkin

Keterangan :




Fld4 : kalender


Fld6 : Text(List Checkin)







40

Fld13 : Gird Column (diskon)


Fld15 : Gird Column (total)

Fld16 : Gird Column (action)

Fld17 : Button (out)

Fld17 : Button (edit)

4. LKT Halaman Data yang Telah Checkout


yang telah checkout dari hotel melalui system ini. Di

halaman ini memiliki beberapa menu seperti Fld1 untuk

keluar dari halaman admin dan akan kembali ke halaman

awal admin. Klik Fld2 untuk menuju sheet/list admin

lainnya.

Sheet 15Sheet 15

Fld2Fld1

Fld3

Fld4

Fld5

Fld6


Gambar 3.18 LKT Halaman List Checkout

41

Keterangan :




Fld4 : kalender


Fld6 : Text(List Checout)







Fld13 : Gird Column (total biaya)


Fld15 : Gird Column (nama customer)

Fld16 : Gird Column (tanggal checkout)

5. LKT Halaman Untuk Mengubah, menambah dan

menghapus Diskripsi Kamar


yang telah checkout dari hotel melalui system ini. Di

halaman ini memiliki beberapa menu seperti Fld1 untuk

keluar dari halaman admin dan akan kembali ke halaman

awal admin. Klik Fld2 untuk menuju sheet/list admin

lainnya. Klik Fld17 untuk menambah jenis kamar. Klik

Fld18 untuk mengedit discripsi kamar. Klik Fld19 untuk

menghapus jenis dan deskripsi kamar.

42

Sheet 16Sheet 16

Fld2Fld1

Fld3

Fld4

Fld5

Fld6

Fld7 Fld8 Fld10 Fld12 Fld14 Fld116

Fld117 Fld18 Fld19

Gambar 3.19 LKT Halaman untuk Mengubah, Menambah

dan menghapus Diskripsi Kamar

43

3.7 JARINGAN SISTEMATIK TAMPILAN

T1 : Login

T2 : Main menu

T3 : Check In

T4 :Check Out

T5 : Pembayaran

T6 : Penambahan

T7 : Info tamu

T8 : Info kamar

T9 :Log out

Gambar 3.20 Jaringan Sistematik

Keterangan :

T1, T2, . . ., T9 adalah nomor tampilan (lembar kerja), tulisan yang

ada seperti Esc, Add, Lunas, Cancel/Close, , dan lain-lain

menyatakan event, dan anak panah menunjukkan transisi yang

terjadi. Event yang menyebabkan terjadinya transisi dari satu

tampilan ke tampilan

berikutnya, seperti yang dikatakan di atas, dapat berupa pemilihan

tombol tekan pada layar tampilan (dengan mengklik tombol)

bab iii. perancangan sistem 3.1 analisis sistem · 2018. 4. 3. · 12 bab iii. perancangan sistem ....

Documents