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 19
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
Kebutuhan Processor RAM Harddisk
Spesifikasi Dual_Core 1 Gb 250 Gb
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
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 digunakan user
Phone
Varchar(25)
Nomor telepon user
Email
Varchar(100)
Date Regdate
Date
Alamat email yang digunakan user Tanggal registrasi
yang
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
Nama Data
Tipe Data
Deskripsi
Id
Integer(11)
Kode admin
Username
Varchar(100)
Password
Varchar(100)
Username yang digunakan admin Password yang digunakan 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 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
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
- 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.
33
Tabel 3.7 Tabel tbl_booking_akomodasi
Nama Data
Tipe Data
Deskripsi
Id
Integer(11)
Kode booking
Name
Varchar(100)
Nationality
Varchar(100)
Nama yang digunakan untuk booking transportasi Asal Negara booker
National_identity
Varchar(100)
Nomor KTP
Email
Varchar(100)
Phone
Phone
Account_number
Varchar(100)
Account_holdername
Varchar(100)
Car_name
Varhar(100)
Email yang digunakan untuk melakukan booking Nomor telepon yang digunakan untuk booking transportasi Nomor rekening yang digunakan untuk melakukan booking transportasi Nama pemegan rekening Nama/merek mobil
Guest
Varchar(11)
Jumlah tamu
CheckIn
date
CheckOut
date
Message
text
Tanggal mulai ambil transportass Tanggal kembali transportasi 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)
Account_holdername
Varchar(100)
Nomor rekening yang digunakan untuk booking akomodasi Nama pemegang rekening
Hotel_Name
Varchar(100)
Nama hotel yang diboooking
Total_room
Varchar(11)
Guest
Varchar(11)
Jumlah total room yang dibooking Jumlah tamu
CheckIn
date
Tanggal mulai memakai room
CheckOut
date
Message Booking_Date
text date
Tanggal selesai memakai room Komentar 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
Nama Data
Tipe Data
Deskripsi
Id
Integer(11)
Kode komentar
Title
text
Judul komentar yang ingin di bahas
Email
comment
Email yang digunakan untuk memberikan komentar text
Member komentar tentang akomodasi dan transportasi
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.
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 header Home
Halaman home
Profile Acomodation Tourism Transportataion Booking Acomodation Booking Transportation Comment Register Login Logout 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.
38
Gambar header
Home
Halaman Hotel Timor
profile Halaman Dili Beach Hotel Acomodation Halaman Hotel Beachside Tourism Halaman Rao Montion Hotel Transportation Halaman Hotel Liberdade Booking Acomodation Booking Transportation
Halaman Hotel Liberdader Hotel Dili LDA Halaman Area Branca Hotel
Comment Halaman Hotel Audian Register Halaman Hotel Turismu Login Logout
Gambar 3.10 Llink Acomodation
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 header
Home Profile
Halaman link Pantai Pasir Putih & patung Cristu rei ( Patung yesus kristus)
Accomodation Tourism
Halaman link patung Papa Joao Paulo II (patung santu paulus II)
Transportation Booking accomodation
Halaman link Pantai Casait
Booking Transportation
Halaman Jardim Palacio
Comment Register Login Logout Gambar 3.11 Rancangan Halaman Link Tourism
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 header
Home
Halaman transportation
Rent Car Suzuki APv 001
Profile Accomodation Tourism
Tipe
Image mobil
Harian
harga 40 $
Transportation Booking accomodation
Rent Car Toyota Innova 002 Tipe
Booking transportation
Image mobil
Harian
harga 55 $
Comment Register
Rent Car Toyota Avanza 003
Login
Tipe
Image mobil
harga
Logout
harianGambar 3.12 Halaman Link Transportation 40 $
41
- Rancangan form booking accommodation Rancangan form booking accommodation dapat dilihat pada Gambar 3.13. Gambar header
Home
Your full Name
Alfredo Moniz
Your Nationnality
Portugal
Your National identity Numver Your Email
0564978
profile Accomodation Tourism Trsansportation Booking accomodation
Your Phone Number Your account Namber
Booking transportation
Account Holder Name
Comment
Hotel name
[email protected] d +351924041335 491-497 1494086- 0 Alfredo Moniz Hotel Timor
Register Total room booking Login Guest Logout
3 6
Check In
2011-12-24
Check Out
2012-01-01
Date
2011-12-15
Message
Please confirm my booking
Booking Now Gambar 3.13. Rancangan Form Booking Accommodation
42
- Rancangan Form booking Transportation Rancangan form booking transportation dapat dilihat pada Gambar 3.14
Gambar header
Home
Name
Alfar Moniz
Nationality
Portugal
Your national identity number
0564978
Transportation
Account number
491-497 1494086- 0
Booking Accomodation
Account Holder Name
Alfredo Moniz
email
[email protected]
Your Phone number
+351924041335
Car Name
Rent car Suzuki Apv
Check In
23-December-2011
Check Out
02-Januari-2012
date
25-August-2011
profile Tourism Accomodation
Booking Transportation Comment Register Login Logout
Message
Please confirm my booking
submit Gambar 3.14 Rancangan booking transportation
43
- Rancangan Form Register Racangan form Register dapat dilihat pada Gambar 3.15 Header
home Your full Name
Alfredo Moniz
Your National
Portugal
Choose Your Phone
+351924041335
Booking Accomodation
Your email
[email protected]
Booking Transportation
Choose you’re a username
profile Tourism Accomodation Transportation
Comment Register Log in
Alfredo05
Choose your passoword Register
Log Out Gambar 3.15 Rancangan Form Register
44
- Rancagan Form Comment Rancagan Form Comment dapat dilihat pada Gambar 3.16 Gambar Header
Home Title Profile Dili Tourism Accomodation
email
Transportation
[email protected]
Booking Accomodation
comment
Booking Transportation
I really wanna come to Dili
Comment Register Login
Submit
Logout
Gambar 3.16 Rancangan Form Comment