19
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)
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.
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)
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 dataadmin dan datauser 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.
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.
Gambar 3.3 Activity Diagram untuk Admin
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.
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
Gambar 3.6 Sequence Diagram Admin
3.3.4 Class Diagram System
Gambar 3.7 Class Diagram System
tabel tbl_admin adalah one to many dimana tabel tbl_user dilakukan memanipulasi datauser oleh admin lebih dari satu
Tabel tbl_admin yaitu tabel yang berisi informasi tentang dataadmin. 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 datauser 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.
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 databooking 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 datauser. 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
- 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
- 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
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
Email Varchar(100)
Email yang digunakan untuk melakukan booking
Phone Phone Nomor telepon yang
digunakan untuk
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
- 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
- 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
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.
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
Gambar 3.10 LlinkAcomodation
Halaman Dili Beach Hotel
Halaman Hotel Beachside
Halaman Rao Montion Hotel
Halaman Hotel Liberdade
Halaman Area Branca Hotel
Halaman Hotel Audian
- Rancangan linkTourism
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 LinkTourism Gambar header
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
- 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
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
- Rancangan form booking accommodation
Rancangan form booking accommodation dapat dilihat pada Gambar 3.13.
Your account Namber
- Rancangan Form booking Transportation
Rancangan form booking transportation dapat dilihat pada Gambar 3.14
Gambar 3.14 Rancangan booking transportation Gambar header
Your national identity number
Account number
- Rancangan Form Register
Racangan form Register dapat dilihat pada Gambar 3.15
- Rancagan Form Comment
Rancagan Form Comment dapat dilihat pada Gambar 3.16
Gambar 3.16 Rancangan Form Comment Gambar Header
I really wanna come to Dili