19
Bab III
Metode Dan Perancangan Sistem
3.1 Metode Penelitian
Metode penelitian yang akan digunakan pada Perancangan Sistem
Informasi Pariwisata E-Booking Kota Dili Berbasis Web adalah Prototyping
Model. Prototyping Model merupakan salah satu metode pengembangan
perangkat lunak yang digunakan. Prototyping Model dapat dilihat pada
Gambar 3.1.
Gambar 3.1 Prototyping Model (Pressman, 1995)
Proses pada model prototyping yang di gambarkan pada Gambar 3.1,
dapat di jelaskan sebagai berikut: 1) Analisis kebutuhan ini penulis dan user
berinteraksi dengan cara wawancara untuk menentukan tujuan dan
penumpulan kebutuhan yang akan di butuhkan pada tahap berikutnya; 2)
Perancangan ini dilakukan dengan diagram-diagram UML dan rancangan ini
mewakili semua aspek software dan pengguna sistem yang diketahui; 3)
Pengujian Prototype merupakan menerjemahkan data yang telah dirancang
ke dalam bahasa pemrograman. setelah itu melakukan pengujian terhadap
20
aplikasi web menggunakan bantuan Sofware Web Aplication Testing 2.5
(WAPT Pro).
3.2 Analisis Kebutuhan
3.2.1 Analisis Kebutuhan sistem
Dalam tahap ini dilakukan analisa terhadap kebutuhan pengguna
Sistem Informasi Pariwisata Kota Dili Berbasis Web. Kebutuhan pengguna
tersebut yaitu admin dan user.
Hak akses seorang admin terhadap perancangan sistem informasi
pariwisata kota Dili berbasis web antara lain; (1) Mempunyai hak akses
penuh terhadap keseluruhan content yang ada pada sistem informasi
pariwisata kota Dili berbasis web; (2) Mempunyai hak untuk mengendalikan
serta melakukan pemeliharaan (maintenance) secara berkala terhadap Sistem
Informasi Pariwisata E-booking Kota Dili Berbasis Web; (3) Dapat
melakukan pengaturan dalam perancangan. Misalnya menambah data hotel
dan transportasi ke dalam sistem; (4) Dapat menghapus data user seperti
data user pemesanan dan data user komentar; (5) Dapat mengubah dan
menghapus data hotel dan data transportasi yang ada pada sistem.
Hak akses seorang user terhadap perancangan sistem informasi
pariwisata kota Dili berbasis web antara lain; (1) Dapat melakukan registrasi
untuk menjadi user perusahaan; (2) Memberikan kritik dan saran terhadap
pelayanan perusahaan; (3) Dapat melakukan booking akomodasi dan booking
transportasi melalui sistem.
21
3.2.2 Analisis Kebutuhan Hardware Dan Software.
Dalam Perancangan Sistem Informasi Pariwisata E-Booking Kota Dili
Berbasis Web tentunya dibutuhkan hardware (perangkat keras) serta
software (perangkat lunak) pendukung, seperti yang tercantum pada Tabel
3.1 dan Tabel 3.2.
Tabel 3.1 Kebutuhan Hardware
Tabel 3.1 menunjukkan minimum perangkat keras yang dibutuhkan
dalam membangun Sistem Informasi Pariwisata E-booking Kota Dili
Berbasis Web.
Tabel 3.2 Tabel Kebutuhan Software
Kebutuhan Spesifikasi
Processor Dual_Core
RAM 1 Gb
Harddisk 250 Gb
keKebutuhan Spesifikasi
Programs Tools Macromedia Dreamweaver 8.0
UML Designer Rational Rose Versi 2002
Sistem Operasi Windows Xp2
Tools View Designer Adobe Photoshop CS3,
Web Browser Mozilla Firefox
Web Server Xamp Windows32- 1.7.0 –installer(Apache
2.2.11, MYSQL 5.1.30, PHP 5.2.8)
Database Tools MySQL 5.1.
22
Selain minimum perangkat keras yang dibutuhkan, juga ditentukan
perangkat lunak yang digunakan dalam membangunan Sistem Informasi
Pariwisata E-booking Kota Dili Berbasis Web, terlihat pada Tabel 3.2.
3.3 Perancangan Sistem
Setelah melakukan analisa kebutuhan sistem, tahap berikutnya adalah
melakukan perancangan sistem. Perancangan sistem dibuat dengan
menggunakan diagram-diagram UML (Unified Modeling Language)
3.3.1 Use Case Diagram
Use case diagram menggambarkan interaksi antara actor dengan
sistem. Untuk sistem informasi pariwisata kota Dili berbasis web ini akan
dibuat dua buah use case diagram, yaitu untuk : Admin, dan user.
Use Case Diagram Admin menggambarkan tentang fungsionalitas dan
hubungan antara admin dengan sistem. Admin memiliki beberapa interaksi
dengan sistem yang bertugas untuk mengelola sistem dan pengaturan data
sistem di antaranya adalah mengelola data admin dan data user termasuk di
dalamnya pengubahan, penambahan serta penghapusan data. Hal yang
pertama kali dilakukan adalah melakukan login, mengedit data, menaruh
data dan mengahapus data. Setelah admin fungsuonalis admin selesai, admin
melakukan logout.
Use case diagaram user menunjukkan proses pertama yang dilakukan
use case ini adalah melakukan login, setelah masuk dalam alamat website
user melakukan registrasi. Setelah proses registrasi selesai user melihat data
hotel, melihat data transportasi, melakukan pemesanan akomodasi dan
transportasi. User menulis komentar sebagai umpan balik, melihat komentar,
dan terakhir Logout. Use Case dapat dilihat pada Gambar 3.2.
23
Gambar 3.2. Use Case Diagram Admin Dan User
3.3.2 Activity Diagram
Acitvity diagram menggambarkan alur proses kegiatan yang dilakukan
oleh user atau admin . Sistem Perancangan Informasi Pariwisata E-booking
Kota Dili Berbasis Web yang akan dibangun terdiri dari 2 (dua) tingkatan
yaitu untuk admin dan user.
Activity Diagram Admin login menunjukkan aktivitas yang dilakukan
oleh admin dalam aplikasi yang dibangun untuk masuk ke dalam sistem.
Admin harus memasukan username dan password, kemudian diverifikasi
oleh sistem. Setelah berhasil melakukan login, sistem akan menampilkan
halaman admin. Activity diagram admin login dapat dilihat pada Gambar 3.3.
24
Gambar 3.3 Activity Diagram untuk Admin
Activity Diagram user Registrasi menunjukkan akitivitas yang
dilakukan oleh seorang pengunjung baru yaitu mengisi form registrasi untuk
menjadi user perusahaan. Lalu untuk masuk ke dalam sistem, maka user
harus memasukkan username dan password, kemudian diverifikasi oleh
sistem. Setelah berhasil melakukan login, sistem akan menampilkan halaman
user, kemudian user dapat pemesanan akomodasi dan transportasi. Activity
Diagram Login dapat dilihat pada Gambar 3.4.
25
Gambar 3.4 Activity Diagram User
3.3.3 Sequence Diagram
Sequence Diagram menggambarkan interaksi antar objek di dalam
suatu sistem. Untuk sistem informasi pariwisata kota Dili berbasis web ini
akan dibuat 2 (dua) buah sequence diagram yaitu untuk Admin dan user.
Sequence Diagram User menjelaskan bahwa pertama kali pengunjung
harus registrasi terlebih dahulu dengan mengisi form registrasi untuk
menjadi user perusahaan, setelah itu user dapat memasukkan username dan
password pada form login, setelah login berhasil maka user dapat masuk
form utama user. Setelah tampilkan form utama user maka user dapat
masuk pada form booking untuk memilih booking akomodasi dan booking
transportasi yang diinginkan, setiap booking akomodasi dan booking
26
transportasi oleh user maka sistem akan simpan ke dalam database. Maka
user dapat logout. Sequence Diagram user dapat dilihat pada Gambar 3.5.
Gambar 3.5 Sequence Diagram User
Sequence Diagram Admin menjelaskan bahwa seorang admin
pertama kali harus melakukan login ke dalam sistem, setelah itu sistem
menampilkan halaman login ke admin dapat melihat dan memanipulasi
data, dan setiap manipulasi data yang dilakukan oleh admin maka akan
disimpang oleh database. Setelah admin memanipulasi data, maka admin
akan logout program. Sequence Diagram Admin dapat dilihat pada Gambar
3.6.
27
Gambar 3.6 Sequence Diagram Admin
3.3.4 Class Diagram System
Class diagram adalah diagram yang digunakan untuk menampilkan
beberapa kelas yang sedang dikembangkan. Class diagram System dapat
dilihat pada Gambar 3.7.
28
Gambar 3.7 Class Diagram System
Class Diagram System pada Gambar 3.7 dapat dijelaskan sebagai
berikut: Tabel tbl_user yaitu tabel yang berisi informasi tentang data user.
Tabel tbl_user memiliki relasi dengan tabel tbl_booking_akomodasi,
tbl_komentar dan Tabel tbl_booking_transportasi. Relasi tabel tbl_user
dengan Tabel tbl_booking_akomodasi adalah One to Many dimana user
dapat booking akomodasi lebih dari satu. Relasi Tabel tbl_user dengan
tbl_booking_transportasi yaitu One to Many dimana user dapat booking
transportasi lebih dari satu. Relasi Tabel tbl_user dengan tbl_koment adalah
One to Many dimana user dapat memberi komentar lebih dari satu. Tabel
tbl_user memiliki relasi dengan tabel tbl_admin. Relasi tabel tbl_user dengan
29
tabel tbl_admin adalah one to many dimana tabel tbl_user dilakukan
memanipulasi data user oleh admin lebih dari satu
Tabel tbl_admin yaitu tabel yang berisi informasi tentang data admin.
Tabel tbl_admin memiliki relasi dengan tabel tbl_komentar, tbl_transportasi
dan tbl_hotel. Relasi tabel tbl_admin dengan tbl_transportasi adalah One to
Many dimana admin dapat memanipulasi data transportasi lebih dari satu.
Relasi tabel tbl_admin dengan tabel tbl_hotel adalah One to Many dimana
admin dapat memanipulasi data hotel lebih dari satu. Relasi tabel tbl_admin
dengan tabel tbl_komentar adalah One to Many dimana admin dapat
memberi komentar lebih dari satu. Tabel tbl_admin memiliki relasi dengan
tabel tbl_user . relasi table tbl_admin dengan tabel tbl_user adalah many to
one dimana admin manipulasi data user lebih dari satu.
Tabel tbl_transportasi yaitu tabel yang berisi informasi tentang data
transportasi. Tabel tbl_tranportasi memiliki relasi dengan tabel
tbl_booking_transportasi dan tbl_admin. Relasi tabel tbl_transportasi dengan
tabel tbl_admin adalah Many to One dimana tabel tbl_transportasi dilakukan
memanipulasi data transportasi oleh admin lebih dari satu. Relasi tabel
tbl_transportasi dengan tabel tbl_booking_transportasi yaitu One to One.
Tabel tbl_hotel yaitu tabel yang berisi informasi tentang data hotel.
Tabel tbl_hotel memiliki relasi dengan tabel tbl_booking_akomodasi dan
tabel tbl_admin. Relasi tabel tbl_hotel dengan tabel tbl_admin adalah Many
to One dimana tabel tbl_hotel dilakukan memanipulasi data hotel oleh admin
lebih dari satu. Relasi tabel tbl_hotel dengan tabel tbl_booking_akomodasi
adalah One to Many.
Tabel tbl_booking akomodasi yaitu tabel yang berisi informasi
tentang data booking akomodasi. Tabel tbl_booking_akomodasi memiliki
relasi dengan tabel tbl_user dan tabel tbl_hotel. Relasi tabel
30
tbl_booking_akomodasi dengan tabel tbl_user adalah Many to One dimana
tabel tbl_booking_akomodasi dilakukan booking akomodasi oleh user lebih
dari satu. Relasi tabel tbl_booking_akomodasi dengan tabel tbl_hotel adalah
Many to One.
Tabel tbl_booking_transportasi yaitu tabel yang berisi tentang
infomasi data booking transportasi. Tabel tbl_booking_transportasi memiliki
relasi dengan tabel tbl_user dan tabel tbl_transportasi adalah Many to One
dimana tabel tbl_booking_transportasi dilakukan booking transportasi oleh
user lebih dari satu. Relasi tabel tbl_booking_transportasi dengan tabel
tbl_transportasi adalah One to One.
- Tabel tbl_user
Tabel tbl_user merupakan tabel yang berfungsi untuk menyimpang
data user. Tabel tbl_user dapat dilihat pada Tabel 3.3.
Tabel 3.3 Tabel tbl_user
Nama Data Tipe Data Deskripsi
Id Integer(11) Kode User
Name Varchar(100) Nama yang digunakan
pada sistem
Nationality Varchar(100) Asal negara user
Username Varchar(100) Nama yang digunakan
untuk melakukan login
Password Varchar(100) Password yang
digunakan user
Phone Varchar(25) Nomor telepon user
Email Varchar(100) Alamat email yang
digunakan user
Date Regdate Date Tanggal registrasi
31
- Tabel tbl_admin
Tabel tbl_admin merupakan tabel yang berfungsi untuk menyimpang
data admin. Tabel tbl_admin dapat dilihat pada Tabel 3.4.
Tabel 3.4 Tabel tbl_admin
- Tabel tbl_hotel
Tabel tbl_hotel merupakan tabel yang berfungsi untuk menyimpang
data hotel. Tabel tbl_hotel dapat dilihat pada Tabel 3.5.
Tabel 3.5 Tabel tbl_hotel
Nama Data Tipe Data Deskripsi
Id Integer(11) Kode admin
Username Varchar(100) Username yang digunakan
admin
Password Varchar(100) Password yang digunakan
admin
Nama Data Tipe Data Deskripsi
Id Integer(11) Kode hotel
Name Varchar(100) Nama hotel
Address Varchar(255) Alamat hotel
TotalRoom Varhar(100) Jumlah total kamar
hotel
Price_per_day Varchar(100) Harga kamar
perhari
Image varchar(100) Image hotel
32
- Tabel tbl_tranportasi
Tabel tbl_transportasi merupakan tabel yang berfungsi untuk
menyimpang data transportasi. Tabel tbl_transportasi dapat dilihat pada
Tabel 3.6.
Tabel 3.6. Tabel tbl_transportasi
- Tabel tbl_booking_transportasi
Tabel tbl_booking_transportasi merupakan tabel yang berfungsi
untuk menyimpan data booking transportasi. Tabel tbl_booking_transportasi
dapt dilihat pada Tabel 3.7.
Nama Data Tipe Data Deskripsi
Id Integer(11) Kode mobil
Number Varchar(25) Nomor mobil
Nama Varchar(100) Nama mobil
image Varchar(255) Gambar mobil
Rent_type Varchar(30) Tipe_sewa
Price Integer(11) Harga Sewa
33
Tabel 3.7 Tabel tbl_booking_akomodasi
Nama Data Tipe Data Deskripsi
Id Integer(11) Kode booking
Name Varchar(100) Nama yang digunakan
untuk booking
transportasi
Nationality Varchar(100) Asal Negara booker
National_identity Varchar(100) Nomor KTP
Varchar(100)
Email yang digunakan
untuk melakukan
booking
Phone Phone Nomor telepon yang
digunakan untuk
booking transportasi
Account_number
Varchar(100)
Nomor rekening yang
digunakan untuk
melakukan booking
transportasi
Account_holdername Varchar(100) Nama pemegan
rekening
Car_name Varhar(100) Nama/merek mobil
Guest Varchar(11) Jumlah tamu
CheckIn date Tanggal mulai ambil
transportass
CheckOut date Tanggal kembali
transportasi
Message text komentar
Booking_Date date Tanggal booking
transportasi
34
- Tabel tbl_booking_akomodasi
Tabel tbl_booking_akomodasi merupakan tabel yang berfungsi untuk
menyimpang data booking akomodasi. Tabel tbl_transportasi dapat dilihat
pada Tabel 3.8.
Tabel 3.8. Tabel tbl_booking_akomodasi
Nama Data Tipe Data Deskripsi
Id Integer(11) Kode booking
Name Varchar(100) Nama yang digunakan untuk
booking akomodasi
Nationality Varchar(100) Asal negara booker
National_identity Varchar(100) Nomor KTP
Email Varchar(100) Email yang yang digunakan
untuk booking akomodasi
Phone Varchar(100) Nomor telephon yang
digunakan untuk booking
akomodasi
Account_number Varchar(100) Nomor rekening yang
digunakan untuk booking
akomodasi
Account_holdername Varchar(100) Nama pemegang rekening
Hotel_Name Varchar(100) Nama hotel yang diboooking
Total_room Varchar(11) Jumlah total room yang
dibooking
Guest Varchar(11) Jumlah tamu
CheckIn date Tanggal mulai memakai room
CheckOut date Tanggal selesai memakai
room
Message text Komentar
Booking_Date date Tanggal mulai booking
akomodasi
35
- Tabel tbl_komentar
Tabel tbl_komentar merupakan tabel yang berfungsi untuk
menyimpang data komentar. Tabel tbl_komentar dapat dilihat pada Tabel 3.
Tabel 3.9 Tabel tbl_komentar
3.4 Hirarki Sistem
Pada Gambar 3.9 Hirarki sistem memperlihatkan desain website secara
keseluruhan. Diamana home menjadi halaman utama yang memiliki
beberapa link halaman yaitu sebagai berikut: home, profile, accomodation,
tourism, login booking acomodation, booking transport, register, comment,
logout . Selain itu, gambar tersebut juga menggambarkan 2 tingkatan
pengguna dalam menggunakan website ini yaitu user dan admin dengan hak
aksesnya masing-masing. Hirarki Sistem dapat dilihat pada Gambar 3.8.
Nama Data Tipe Data Deskripsi
Id Integer(11) Kode komentar
Title text Judul komentar yang ingin di
bahas
Email Email yang digunakan untuk
memberikan komentar
comment text Member komentar tentang
akomodasi dan transportasi
36
Gambar 3.8 Perancangan User/Admin Interface
- Form home user interface
Pada Gambar 3.9 menunjukkan Perancangan halaman home
user/interface interface untuk Sistem Informasi Pariwisata E-Booking Kota
Dili Berbasis We. Gambar home tersebut terdapat menu Home, Profile,
Accomodation, Tourism Transportation, Booking Accomodation, Booking
Transportation, Comment, Register, Login, dan Logout.
Perancangan form home user interface dapat dilihat pada Gambar 3.9
37
Gambar 3.9 Form Home
- Link Acomodation
Link accommodation memiliki beberapa link yaitu: (1) halaman Hotel
Timor; (2) Halaman Dili Beach Hotel; (3) Halaman Hotel Beachside; (4)
Rao Montion Hotel; (5) Halaman Hotel Liberdader; (6) Halaman Hotel
Tropical Lda; (7) Halaman Area Branca Hotel; (8) HalamanHotel Dili Lda;
(9) Halaman Hotel Audian; (10) Halaman Hotel Turismu. Gambar link
accmodation dapat dilihat pada Gambar 3.10.
Gambar header
Profile
Acomodation
Tourism
Booking
Acomodation
Booking
Transportation
Transportataion
Login
Register
Comment
Logout
Halaman home Home
38
Gambar 3.10 Llink Acomodation
Gambar header
Acomodation
Home
profile
Tourism
Transportation
Logout
Booking
Acomodation
Comment
Booking
Transportation
Login
Register
Halaman Hotel Timor
Halaman Dili Beach Hotel
Halaman Hotel Beachside
Halaman Rao Montion Hotel
Halaman Hotel Liberdade
Halaman Area Branca Hotel
Halaman Hotel Audian
Halaman Hotel Turismu
Halaman Hotel Liberdader
Hotel Dili LDA
39
- Rancangan link Tourism
Rancangan link Tourism memiliki beberapa link pariwisata yaitu; (1)
Halaman Pantai Pasir Putih & patung Cristu rei ( Patung yesus kristus); (2)
Halaman link patung Papa Joao Paulo II (patung santu paulus II); (3) Halaman
Jardim Palacio; (4) Halaman Pantai Kasait. Gambar rancangan link Tourism
dapat dilihat pada Gambar 3.11
Gambar 3.11 Rancangan Halaman Link Tourism
Gambar header
Profile
Accomodation
Booking
accomodation
Comment
Transportation
Home
Tourism
Register
Booking
Transportation
Login
Logout
Halaman link Pantai Pasir Putih & patung Cristu rei
( Patung yesus kristus)
Halaman link patung Papa Joao Paulo II (patung
santu paulus II)
Halaman link Pantai Casait
Halaman Jardim Palacio
40
- Rancangan halaman link Trasnsportation
Rancangan halaman link Transportation yaitu halaman yang
manampilkan image transportasi serta dengan harganya per hari sebagai
berikut. Gambar link transportation dapat dilihat pada Gambar 3.12.
Gambar 3.12 Halaman Link Transportation
Gambar header
Home
Accomodation
Booking
accomodation
Comment
Booking
transportation
Transportation
Login
Tourism
Profile
Register
Logout
Halaman transportation
Rent Car Suzuki APv 001
Tipe Image mobil harga
Harian 40 $
Rent Car Toyota Innova 002
Tipe Image mobil harga
Harian 55 $
Rent Car Toyota Avanza 003
Tipe Image mobil harga
harian 40 $
41
- Rancangan form booking accommodation
Rancangan form booking accommodation dapat dilihat pada Gambar
3.13.
Gambar 3.13. Rancangan Form Booking Accommodation
Gambar header
Tourism
Booking
accomodation
Logout
Login
Comment
Register
Trsansportation
Booking
transportation
Accomodation
profile
Home Your full Name
Your Nationnality
Your Phone Number
Your Email
Your National identity
Numver
Guest
Total room booking
Account Holder Name
Hotel name
Check In
Your account Namber
Check Out
Message
Date
Alfredo Moniz
Portugal
0564978
d +351924041335
491-497 1494086- 0
Alfredo Moniz
Hotel Timor
3
6
2011-12-24
2012-01-01
2011-12-15
Please confirm my
booking
Booking Now
42
- Rancangan Form booking Transportation
Rancangan form booking transportation dapat dilihat pada Gambar
3.14
Gambar 3.14 Rancangan booking transportation
Gambar header
Home
Tourism
profile
Accomodation
Transportation
Booking
Accomodation
Booking
Transportation
Comment
Logout
Register
Login
Name
Nationality
Your national identity number
Account number
Account Holder Name
Car Name
Check In
Check Out
Message
date
Alfar Moniz
Portugal
0564978
491-497 1494086- 0
Alfredo Moniz
Rent car Suzuki Apv
23-December-2011
02-Januari-2012
Please confirm my
booking
25-August-2011
submit
Your Phone number +351924041335
43
- Rancangan Form Register
Racangan form Register dapat dilihat pada Gambar 3.15
Gambar 3.15 Rancangan Form Register
Header
home
Transportation
Comment
Booking Transportation
Booking Accomodation
Log in
Accomodation
Log Out
Register
profile
Tourism
Your full Name
Your National
Choose Your Phone
Your email
Choose your passoword
Alfredo Moniz
Portugal
Alfredo05
+351924041335
Register
Choose you’re a
username
44
- Rancagan Form Comment
Rancagan Form Comment dapat dilihat pada Gambar 3.16
Gambar 3.16 Rancangan Form Comment
Gambar Header
Tourism
Profile
Home
Accomodation
Login
Register
Logout
Transportation
Comment
Booking
Transportation
Booking
Accomodation
Title
comment
Dili
I really wanna come to
Dili
Submit
Top Related