MENGGUNAKAN FRAMEWORK
LARAVEL 7.0
TUGAS AKHIR
Oleh:
TAUFIK YAZIDI
1701092013
MENGGUNAKAN FRAMEWORK
LARAVEL 7.0
TUGAS AKHIR
Diajukan sebagai salah satu syarat untuk mendapatkan gelar Ahli Madya pada
Jurusan Teknologi Informasi Program Studi Manajemen Informatika
Oleh:
TAUFIK YAZIDI
1701092013
ii
SISTEM INFORMASI RZ TOUR DAN TRAVEL BERBASIS WEB
MENGGUNAKAN FRAMEWORK
LARAVEL 7.0
TUGAS AKHIR
Diajukan sebagai salah satu syarat untuk mendapatkan gelar Ahli Madya pada
Jurusan Teknologi Informasi Program Studi Manajemen Informatika
Oleh :
TAUFIK YAZIDI
1701092013
Pembimbing I Pembimbing II
Disahkan oleh:
Ketua Jurusan Ketua Program Studi
Teknologi Informasi Manajemen Informatika
iii
ii
1
BAB I
PENDAHULUAN
yang cepat serta nyaman bagi para konsumen yang melakukan perjalanan.
Tour dan Travel merupakan bagian dari travel agent yang sering dimanfaatkan
pariwisata tour & travel. PT RZ Tour dan Travel berdiri sejak tahun 2012 di
Jalan Raya Indarung Rimbo Data No. 26 C Kelurahan Bandar Buat Kecamatan
Lubuk Kilangan Kota Padang Sumatera Barat. RZ tour & travel ini sudah
website ini tidak disediakan proses transaksi pemesanan tiket tour dan travel
secara online serta di website ini juga tidak menampilkan paket wisata yang
disediakan oleh RZ Tour dan Travel . Website ini hanya sekedar menampilkan
profil dari perusahaan tersebut dan fitur untuk konsul tentang ketersediaan dan
tarif tiket tour & travel. Pada tampilan website perusahaan masih sangat
sederhana dan fitur website masih relatif sedikit. Selain itu juga pelaporan
penjualan masih menggunakan Microsoft Excel. Pada website ini juga tidak
menyediakan fitur akun dimana di fitur akun ini terdapat login sebagai admin
dan sebagai user. Untuk itu diperlukan sebuah sistem yang lebih komplit
menarik pelanggan agar menggunakan tour & travel ini. Dalam perancangan
sistem informasi ini dituangkan dalam sebuah Proposal Tugas Akhir yang
2
3. Bagaimana membuat suatu sistem informasi pemesanan tiket dan paket
wisata yang dapat membantu pemilik atau operator RZ Tour dan Travel
wisata.
1.3 Tujuan
Tujuan dibuatnya tugas akhir ini adalah untuk merancang suatu perangkat
dan pemesanan paket tour. Dan membangun informasi yang dapat digunakan
pemesanan tiket secara online serta lebih memudahkan, lebih praktis dan
serta fasilitas yang diberikan saat melakukan perjalanan wisata sampai harga
yang ditawarkan.
dan kinerja dalam pengelolaan penjualan tiket paket tour wisata dan
3
4. Membantu pemilik RZ Tour dan Travel dalam pembuatan suatu sistem
Adapun Batasan Masalah dari Tugas Akhir ini adalah sebagai berikut:
adalah :
1.5 Metodologi
1. Objek Penelitian
untuk mengambil objek penelitian pada PT. RZ Tour dan Travel yang
4
beralamat di Jl. Raya Indarung Rimbo Data No. 26 C Kelurahan Bandar
2. Jenis Data
Jenis data yang digunakan dalam penelitian ini adalah data kualitatif dan
kuanitatif:
a. Data Kualitatif
b. Data Kuantitatif
angka seperti harga tiket perjalanan travel yang ditawatkan oleh PT.
3. Sumber Data
a. Data Primer
b. Data Sekunder
Data yang diperoleh dari data dalam bentuk yang sudah jadi yang
5
pustaka, jurnal yang berhubungan dengan penelitian yang dibuat
a. Wawancara
selama ini.
b. Observasi
c. Studi Pustaka
6
tahapan yang dilakukan untuk membangun sebuah sistem informasi
a. Inisiasi
c. Perencanaan
7
d. Analisis Kebutuhan
e. Desain
f. Pengembangan
8
h. Impelementasi
digunakan oleh user. Selain itu hal ini juga bertujuan untuk
yang dibatasi akan memberikan hasil yang sesuai dengan hasil yang
ini dilakukan secara berkala agar sistem yang dibuat tidak terjadi
9
BAB II
LANDASAN TEORI
2.1.1 Pembuatan Sistem Informasi Tour & Travel Berbasis Website (Study
satu jurnal yang menjadi referensi untuk pembuatan Tugas Akhir. Berikut
dibawah ini :
Tabel 2.1 Identifikasi jurnal “Pembuatan Sistem Informasi Tour & Travel
no.2,Desmber 2017.hlm.99-108
Bagian dari sistem yang akan Sistem Informai Tour dan Travel
10
Identifikasi masalah pada - Penyampaian informasi seputar
pelanggan.
11
2.1.2 Sistem Informasi Pelayanan Jasa Tour dan Travel Berbasis Web (Studi
Travel Berbasis Web (Studi Kasus Smart Tour)” merupakan salah satu jurnal
Rangkuman Jurnal tersebut dirangkum dalam bentuk table 2.1 dibawah ini :
Tabel 2.2 Identifikasi jurnal “Sistem Informasi Pelayanan Jasa Tour dan Travel
berbasis online
12
pelanggan harus datang ke smart
2.1.3 Sistem Informasi Pemesanan Paket Wisata Berbasis Web Pada Adeeva
Berbasis Web Pada Adeeva Tour dan Travel” merupakan salah satu jurnal yang
Rangkuman Jurnal tersebut dirangkum dalam bentuk table 2.1 dibawah ini :
Tabel 2.3 Identifikasi jurnal “Sistem Informasi Pemesanan Paket Wisata Berbasis
Jurnal FidyaRosa-2019-
elibrary.unikom.ac.id
Bagian dari sistem yang akan Sistem Informai Tour dan Travel
13
wisata
laporan.
Berbasis Online
Paket Perjalanan Wisata Garut Berbasis Online” merupakan salah satu jurnal
Rangkuman Jurnal tersebut dirangkum dalam bentuk table 2.1 dibawah ini :
Algoritma,2017
14
Bagian dari sistem yang akan Merancang Sistem Informasi
15
2.1.5 Sistem Informasi Paket Wisata Pada CV. Khans Tour Berbasis Web
Jurnal yang berjudul “Sistem Informasi Paket Wisata Pada CV. Khans
Tour Berbasis Web” merupakan salah satu jurnal yang menjadi referensi untuk
Tabel 2.5 Identifikasi jurnal “Sistem Informasi Paket Wisata Pada CV. Khans
Sulistyo Nugroho-2015
mengingkatkan keuntungan
perusahaan.
16
2.2 Paket Wisata
secara rapi untuk perjalanan wisata dengan harga yang sudah ditetapkan di
sightseeing tour, transfer yang semua tercantum di dalam paket wisata tersebut.
Harga paket selalu dapat berubah –ubah sesuai dengan kondisi ekonomi
perusahaan dan pasar untuk mendapatkan keuntungan yang sesuai. Oleh sebab
itu harga paket sangat tergantung terhadap perekonomian di setiap daerah dan
2.4 Sistem
Sistem adalah sekumpulan hal atau kegiatan atau elemen yang saling
membentuk satu kesatuan untuk melaksanakan suatu fungsi guna untuk mencapai
17
suatu tujuan. [3] suatu sistem mempunyai karakteristik atau sifat –sifat tertentu yang
meliputi :
1. Mempunyai Komponen
komponen sistem dapat berupa benda nyata seperti orang ataupun berupa
2. Mempunyai batas
Batasan dalam suatu sistem sangat diperlukan karena batasan tersebut akan
3. Mempunyai lingkungan
Dalam aspek lingkungan pada suatu sistem sangat diperlukan karena aspek
diluar sistem
18
5. Mempunyai masukan
sebagai bahan yang akan dilah lebih lanjut untuk menghasilkan keluaran
yang berguna
6. Mempunyai pengolahan
7. Mempunyai keluaran
pengolahan.
8. Mempunyai sasaran
9. Mempunyai kendali
masing masing yang dimana peran komponen sistem disini mempunyai tiap
19
10. Mempunyai umpan balik
yang normal.
2.5 Informasi
Informasi adalah data yang telah diproses atau diolah menjadi bentuk yang
lebih memiliki guna atau nilai dan lebih berarti bagi penerima atau penggunanya.
Informasi sering disebut sebagai data yang telah diproses atau data yang telah
jika tanpa didukung dengan adanya informasi maka tidak akan bisa digunakan,
karena sistem tersebut tidak akan mampu membantu pekerjaan pemakainya dan
penting terutama di dalam sebuah organisasi. Sistem Informasi PT. RZ Tour dan
berkelompok atau group yang berisikan fasilitas, rincian perjalanan dan harga dalam
2.6 Data
gambar, video, audio, atau teks yang keberadaannya belum bisa memberikan makna
20
atau manfaat bagi pemakainya. Fakta merupakan segala sesuatu yang terekam oleh
belum memiliki nilai.Dalam RZ Tour dan Travel memiliki gambar, video dan
2.7 Website
informasi teks, gambar, animasi, suara atau gabungan yang bersifat statis maupun
dinamis yang menentukan satu rangkaian yang saling terkait dalam jaringan
2.8 PHP
web server side yang bersifat open source berupa script yang terintegrasi dengan
HTML dan berada pada sebuah server[3]. Sistem RZ Tour dan Travel menerapkan
Laravel
2.9 HTML
pemrograman berupa teks yang berbentuk link, foto atau gambar yang menghantar
21
berpindah dari satu tempat ke tempat lainnya, dibuatlah semacam dokumen yang
2.10 Database
keterkaitanan atau hubungan antara satu file dengan file lain atau satu berkas dengan
berkas yang lainnya sehingga dapat membentuk satu bangunan data yang berfungsi
manajemen basis data yang bersifat relational. Artinya data-data yang dikelola dalam
database akan diletakkan pada beberapa tabel yang terpisah sehingga manipulasi data
akan menjadi jauh lebih cepat. MySQL menggunakan SQL (Structure Query
Language) yaitu bahasa query yang menjadi standar sistem basis data diselurh dunia
untuk membuat object SQL dan menyimpan definisinya dalam tabel, DDL
22
mempunyai fungsi untuk melakukan perubahan struktur tabel, seperti
dalam database.
di dalam database.
2.11 Laravel
Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi MIT,
pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang
23
untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya
model waterfall atau air terjun adalah untuk membantu mengatasi kerumitan yang
Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara
24
b. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada desain
tahap selanjutya. Desain perangkat lunak yang dihasilkan pada tahap ini juga
perlu didokumentasikan
tahap ini adalah program komputer sesuai dengan desain yang telah dibuat
d. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional
diinginkan.
kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat
25
perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat
2.13 UML
beberapa jenis diagram yang dapat dikelompokan berdasarkan sifatnya statis atau
Berikut ini adalah simbol-simbol yang ada pada use-case diagram pada Tabel
2.6 :
Komponen Keterangan
dalam system
26
Komponen Keterangan
<< extend>>
kondisi tertentu.
b. Class Diagram
27
dijumpai pada pemodelan sistem berorientasi objek[9]. Class diagram
didalam model desain. Berikut ini adalah simbol-simbol yang ada pada class
Simbol Keterangan
Nama Kelas
atribut dan operator
-Atribut
+Operator()
c. Sequence Diagram
pada use case dengan menjelaskan waktu hidup objek dan pesan yang
dikirmkan dan diterima antar objek. Berikut ini adalah simbol-simbol yang
28
No Simbol Keterangan
mengirim pesan.
29
7. Lifeline, merupakan garis titik-titik yang
terdapat activation.
d. Activity Diagram
Activity diagram memodelkan alur kerja sebuah proses bisnis dan urutan
aktivitas dalam suatu proses. Diagram ini sangat mirip dengan sebuah
flowchart karena kita dapat memodelkan sebuah alur kerja dari satu
sesaat. Berikut ini adalah simbol-simbol yang ada pada activity diagram
Simbol Keterangan
lunak.
30
Simbol Keterangan
konkuren.
31
BAB III
dari sebelum pembuatan sampai dengan perancangan. Pada tahap ini dilakukan
sampai dengan usulan untuk pemecahan masalah yang dialami dalam pembuatan
Dalam menganalisis website PT. RZ Tour dan Travel difokuskan pada tampilan
homepage website, tampilan login, profil dari RZ Tour dan Travel dan bagaimana
role admin bekerja dan bagian role user saat melakukan pemesanan paket wisata
dalam website.
layanan apa saja yang nantinya harus disediakan oleh sistem, mencakup bagaimana
sistem harus bereaksi pada input tertentu dan bagaimana perilaku sistem pada situasi
32
tertentu. Selain itu kebutuhan fungsional ini berisi apa saja yang dibutuhkan dalam
sistem yang akan dibangun di PT. RZ Tour dan Travel, yaitu sebagai berikut :
1. Homepage
2. Login interface
3. Berita
4. Profil
memilki tujuan yaiut memperoleh informasi yang lebih cepat dan tepat sehingga
website PT.RZ Tour dan travel yaitu website dapat dijalankan oleh beberapa software
web browser, kehandalan sistem meliputi faktor keamanan sistem agar terlindungi
RZ Tour dan Travel berupa profil dari PT. RZ Tour dan Travel, profil pengguna yang
sudah melakukan login dan pada website juga menampilkan berita terbaru serta
33
3.1.3 Model Pengembangan Perangkat Lunak
dalam pembuatan website PT.RZ Tour dan Travel akibat proyek – proyek
– hubungan yang terjadi dengan aktivitas yang terdapat pada sistem. Pada
Sistem Informasi PT. RZ Tour dan Travel aktor yang terlibat adalah admin,
34
Aktor pengunjung adalah aktor yang berperan
sebagai pengguna website. Aktor pengunjung dapat
3 Pengunjung
melakukan registrasi ataupun pendaftaran terhadap
website RZ Tour dan Travel
35
sudah diinputkaan
36
pengunjung sudah membooking paket
wisata di RZ Tour dan Travel.
18. Membatalkan booking Proses dimana pengunjung dapat
membatalkan bookingan paket wisata
yang telah dibooking.
19. Melihat data booking Proses dimana customer service dapat
melihat data booking yang telah
dibooking oleh pengunjung.
20. Booking paket wisata Proses dimana pengujung harus
mebooking paket wisata agar
pengunjung dapat melakukan
perjalanan menggunakan RZ Tour dan
Travel.
21. Menghapus booking Proses dimana customer service dapat
menghapus data bookingan yang telah
dibooking oleh pengunjung.
22. Mengubah booking Proses dimana pengunjung dapat
mengubah data bookingan yang sudah
diisi sebelumnya oleh pengunjung.
23. Memasukkan data pegawai Proses dimana administrator dapat
memasukkan data pegawai RZ Tour
dan Travel yang nantinya akan
diproses oleh admin.
24. Mengubah data pegawai Proses dimana administrator dapat
mengubah data pegawai di RZ Tour
dan Travel dalam sistem.
25. Menghapus data pegawai Proses dimana admninistrator dapat
menghapus data pegawai di RZ Tour
dan Travel dalam sistem
26 Melihat data pegawai Proses dimana administrator dapat
melihat data pegawai yang telah
diinputkan pada sistem.
37
Berikut merupaan skenario dari masing-masing Use Case Diagram yang
38
2. Skenario Use Case Melihat Data Paket Wisata
39
Pengunjung diklik.
3. Pengunjung memilih tombol ubah
untuk mengubah beberapa data.
4. Sistem mengambil data yang
diminta user di database
5. Sistem menampilkan form edit
dimana telah terisi data profil
Pengunjung sebelumnya.
6. Pengunjung mengubah beberapa
atau seluruh data Pengunjung dan
menyimpan perubahan.
7. Sistem menyimpan perubahan ke
dalam database.
Skenario Alternatif
1. Pengunjung tidak dapat login dan
masuk ke dalam sistem.
2. Sistem tidak dapat menampilkan
form isian edit data Pengunjung.
40
Skenario Alternatif
1. Pengunjung tidak dapat login
dan masuk ke dalam sistem.
2. Sistem tidak dapat menampilkan
Data Pengunjung.
41
6. Skenario Use Case Melihat Data Pesanan
42
Pesanan saat menu Data Pesanan
di klik.
3. Pengunjung memilih tombol ubah
untuk mengubah beberapa data.
4. Sistem mengambil data yang
diminta user di database
5. Sistem menampilkan form edit
dimana telah terisi data Data
Pesanan sebelumnya.
6. Pengunjung mengubah beberapa
atau seluruh data Pesanan dan
menyimpan perubahan.
7. Sistem menyimpan perubahan ke
dalam database.
Skenario Alternatif
1. Pengunjung tidak dapat login dan
masuk ke dalam sistem.
2. Sistem tidak dapat menampilkan
edit data Pesanan.
43
Skenario Alternatif
1. Pengunjung tidak dapat login dan
masuk ke dalam sistem.
2. Sistem tidak dapat mencetak bukti
Tiket Pesanan .
44
10. Skenario Use Case Melihat Pembayaran
45
2. Sistem menampilkan data
pembayaran saat menu Transaksi
diklik.
3. Pengunjung menekan tombol cetak
4. Sistem menerima request dari user
dan sistem menampilkan hasil
cetakan dalam bentuk e-report
dengan format pdf.
Skenario Alternatif
1. Pengunjung tidak dapat login dan
masuk ke dalam sistem.
2. Sistem tidak dapat menampilkan
data Transaksi.
46
5. Sistem menampilkan list
Pembayaran.
Skenario Alternatif
1. Customer Service tidak dapat login
dan masuk ke dalam sistem.
2. Sistem tidak dapat menampilkan
list tabel data Pembayaran.
47
14. Skenario Use Case Membatalkan Booking
48
masing Bookingan
Skenario Normal
Aksi Aktor Reaksi Sistem
1. Customer Service melakukan
login dan masuk kedalam sistem,
kemudian memilih menu Booking.
2. Sistem menampilkan data
Booking saat menu Booking
diklik.
Skenario Alternatif
1. Customer Service tidak dapat login
dan masuk ke dalam sistem.
2. Sistem tidak dapat menampilkan
data Booking.
49
Paket Wisata .
50
Aktor Customer Service
Pre-Condition Customer Service berhasil login dan masuk ke dalam
sistem.
Post-Condition Customer Service berhasil menghapus Booking.
Skenario Normal
Aksi Aktor Reaksi Sistem
1. Customer Service melakukan
login dan masuk kedalam
sistem, kemudian memilih
menu Booking.
2. Sistem menampilkan isian data
Booking saat menu Booking
diklik.
3. Customer Service memilih tombol
hapus untuk menghapus data
booking.
4. Sistem menghapus perubahan
dalam database.
Skenario Alternatif
3. Customer Service tidak dapat login
dan masuk ke dalam sistem.
4. Sistem tidak dapat Menghapus
Data Booking.
51
Melihat Data Pegawai.
2. Sistem menampilkan data
Pegawai yang sudah dikelola oleh
Administrator.
Skenario Alternatif
1. Administrator tidak dapat login dan
masuk ke dalam sistem.
2. Sistem tidak dapat Mengelola
Data Pegawai.
52
Berikut Use Case Diagram yang telah dirancang disajikan pada gambar 3.1
dibawah ini
53
3.2.2 Sequence Diagram
scenario secara detail menurut waktu. Diagram ini menunjukan sejumlah objek
dan message yang diletakkan diantara objek-objek di dalam use case. Berikut ini
adalah scenario dari masing-masing Sequence Diagram dari sistem informasi yang
dibangun.
ke dalam sistem yang dapat dilihat pada gambar 3.2 Dibawah ini
54
2. Sequence Diagram Melihat Paket Wisata
login. Sequence Diagram dapat dilihat pada gambar 3.4 Dibawah ini.
55
4. Sequence Diagram Melihat Data Pesanan
saat Login. Sequence Diagram dapat dilihat pada gambar 3.6 Dibawah ini
56
6. Sequence Diagram Melihat Data Booking
login. Sequence Diagram dapat dilihat pada gambar 3.7 Dibawah ini
login. Sequence Diagram dapat dilihat pada gambar 3.8 Dibawah ini
57
8. Sequence Diagram Edit Paket Wisata
58
10. Sequence Diagram Edit Data Pesanan
59
12. Sequence Diagram Edit Data Booking
login. Sequence Diagram dapat dilihat pada gambar 3.14 Dibawah ini
60
14. Sequence Diagram Input Data Pengunjung
login. Sequence Diagram dapat dilihat pada gambar 3.15 Dibawah ini
login. Sequence Diagram dapat dilihat pada gambar 3.16 Dibawah ini
61
16. Sequence Diagram Input Data Pesanan
login. Sequence Diagram dapat dilihat pada gambar 3.17 Dibawah ini
62
18. Sequence Diagram Menghapus Data Pengunjung
63
20. Sequence Diagram Menghapus Booking
64
21. Sequence Diagram Menghapus Data Pegawai
65
23. Sequence Diagram Mencetak Bukti Pembayaran
66
25. Sequence Diagram Membatalkan Booking
67
27. Sequence Diagram Memverifikasi Booking
68
3.2.3 Activity Diagram
69
Gambar 3.29 Activity Diagram Admin
Pada Gambar 3.29 Tersebut dapat dilihat bahwa sebelum masuk dan mengelola data
pada sistem informasi, admin harus melakukan login terlebih dahulu dengan
memasukkan username dan password. Jika berhasil masuk ke sistem, admin dapat
menu yang telah disediakan untuk untuk diakses oleh admin. Pengelolaan data yang
dapat dilakukan seperti mengelola data Pengunjung, mengelola data Paket Wisata,
mengelola data Booking, mengelola data Pesanan dan mengelola data Pembayaran.
70
71
Gambar 3.30 Activity Diagram Pengunjung
Pada gambar 3.30 tersebut dapat dilihat bahwa sebelum masuk dan mengelola data
pada Sistem Informasi pengunjung harus melakukan login terlebih dahulu dengan
dapat mengelola data sesuai hak akses yang diberikan kepadanya dengan memilih
72
masing-masing menu yang telah disediakan untuk diakses oleh pengunjung.
Pengelolaan data yang dapat dilakukan seperti melihat data pengunjung, mengubah
data pengunjung, memasukkan data pengunjung, melihat paket wisata, booking paket
wisata, melihat data pesanan, mengubah data pesanan, mencetak tiket pesanan, input
73
Gambar 3.31 Activity Diagram Customer Service
Pada gambar 3.31 tersebut dapat dilihat bahwa sebelum dan mengelola data pada
sistem informasi. Customer Service harus melakukan login terlebih dauhulu dengan
Service dapat mengelola data sesuai hak akses yang diberikan kepadanya dengan
memilih masing – masing menu yang telah disediakan untuk diakses oleh Customer
74
3.2.4 Class Diagram
database. Berikut ini merupakan class diagram sistem yang dibuat pada
75
3.3 Perancangan Database
Perancangan basis data yang akan digunakan pada website Sistem Informasi PT.
Pada tabel user ini menyimpan data user dapat dilihat Tabel 3.23
Pada tabel visitor ini menyimpan data visitor dapat dilihat Tabel 3.24
76
No Nama Field Tipe Deskripsi
1. idVisitor int(11) Id yang menjadi pembedaan
antara visitor
2. nama Varchar(45) Nama dari visitor
3. id_booking Int(20) Id boking yang menjadi
relasi dengan tabel Booking
Tour
4. alamat text Alamat dari Visitor
5. email Varchar(255) Email dari Visitor
6. no_telp Varchar(13) Nomor telfon dari visitor
7. image Mediumtext foto dari visitor
Pada tabel booking ini menyimpan data booking dapat dilihat Tabel 3.25
77
10. status Text Status dari booking
11. tgl_keberangkatan Date Tanggal keberangkatan dari
booking
Pada tabel tour packages ini menyimpan data tour packages dapat dilihat
Tabel 3.26
78
5. Tabel Order List
Pada tabel order list ini menyimpan data order list dapat dilihat Tabel 3.27
79
Pada tabel customer service ini menyimpan data customer service dapat
7. Tabel Payment
Pada tabel payment ini menyimpan data payment dapat dilihat Tabel 3.29
80
5. image mediumtext Gambar dari orderlist
akan dibuat dengan tujuan untuk petunjuk dalam membuat tata letak atau desain
7.0
Halaman ini digunakan untuk seluruh user sebelum masuk ke dalam sistem.
untuk dilakukan validasi masuk ke dalam sistem. Gambar 3.33 Berikut ini
81
Gambar 3.33 Tampilan Halaman Login
Halaman ini digunakan untuk seluruh user jika user belum terdaftar ke dalam
password dan password confirmation untuk dilakukan validasi agar bisa login
register
82
Gambar 3.34 Tampilan Halaman Register
Halaman ini digunakan oleh admin setelah masuk ke dalam sistem. Halaman
backend ini akan menampilkan beberapa data terkait data master jika admin
83
3.4.4 Tampilan Halaman Tour Packages
84
3.4.6 Tampilan Halaman Order List
85
3.4.8 Tampilan Halaman Customer Service
86
3.4.10 Tampilan Form Tour Packages
87
3.4.12 Tampilan Form Verifikasi Paket Wisata
88
3.4.14 Tampilan Form pembayaran
Halaman frontend dari sebuah website adalah bagian yang langsung dilihat
oleh user. user juga bisa langsung berinteraksi pada bagian ini. Frontend
89
Gambar 3.47 Tampilan Halaman Frontend
90
Gambar 3.48 Tampilan Halaman Pesanan Paket Wisata di Frontend
Halaman ini digunakan oleh pengunjung untuk mengisi form data pengujung
91
3.4.18 Tampilan Halaman Data Booking
Halaman ini merupakan tampilan data booking yang dapat dilihat oleh user
visitor.
Halaman ini merupakan tampilan data pesanan yang dapat dilihat oleh user
visitor.
92
3.4.20 Tampilan Halaman Data Pembayaran
Halaman ini merupakan tampilan data pembayaran yang dapat dilihat oleh
user visitor.
Halaman ini merupakan tampilan data pengunjung yang dapat diubah oleh
user visitor.
93
BAB IV
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi
sistem dan implementasi ke dalam bentuk sistem sesuai dengan analisa dan
berikut:
keras. Adapun spesifikasi perangkat keras yang digunakan dalam pembuatan sistem
3. RAM : 4 GB DDR3
5. Harddisk : 300 GB
lunak. Adapun spesifikasi perangkat lunak yang digunakan dalam pembuatan sistem
2. DBMS : MySQL
94
3. Tools : XAMPP 3.2.2
4. Server : Glassfish
terhadap perangkat yang digunakan. Berikut ini merupakan hasil implementasi sistem
Halam login ini merupakan halaman yang digunakan user untuk masuk ke
dalam sistem. Halaman ini digunakan seluruh user yakni admin, visitor dan
dan password agar masuk ke dalam sistem. Gambar 4.1 berikut ini
95
2. Tampilan Halaman Register
yakni admin, visitor dan customer service. Halaman ini akan meminta user
login dan masuk ke dalam sistem. Gambar 4.2 berikut ini merupakan
Halaman ini digunakan oleh user setelah masuk ke dalam sistem. Halaman
utama ini akan menampilkan beberapa data terkait data master jika users
login sebagai admin dan customer service. Jika user yang login sebagai
96
A. Admin dan Customer Service
Pada halaman dengan user admin terdapat 6 menu utama yang dapat
Berikut tampilan halaman utama admin dan customer service. Gambar 4.3
B. Visitor
Pada halaman utama yang dapat diakses oleh user visitor diantaranya
97
Gambar 4.4 Tampilan Halaman Visitor
Halaman ini digunakan oleh user setelah mengklik beberapa paket wisata
yang tersedia. Pada halaman ini memberikan informasi dari paket wisata
sesuai dengan paket yang dipilih serta tombol yang digunakan user visitor
untuk lanjut proses booking paket wisata. Gambar 4.5 berikut ini
98
Gambar 4.5 Tampilan Halaman Paket Wista
Halaman ini digunakan user visitor untuk melakukan booking paket wisata.
Halaman ini akan menampilkan form data yang harus di isi oleh visitor.
99
6. Halaman Data Booking
visitor dapat melihat data booking yang telah di booking. Gambar 4.7
pemesanan.
100
Gambar 4.8 Tampilan Halaman Data Pesanan
dengan mengupload gambar pada form yang sudah disediakan. Gambar 4.9
101
9. Halaman Data Pembayaran
profil dari tiap user visitor sehingga user visitor dapat melihat data
102
11. Halaman Edit Data Pengunjung
Halaman ini digunakan oleh user visitor untuk merubah data pengunjung
atau data profil yang sudah diisi sebelumnya oleh user visitor.
Halaman ini digunakan oleh user admin setelah masuk ke dalam sistem.
Halaman ini akan menampilkan data visitor serta beberapa tombol yang
103
13. Halaman Tour Packages Pada Backend
Halaman ini digunakan oleh user admin setelah masuk ke dalam sistem.
Halaman ini akan menampilkan data tour packages serta beberapa tombol
Halaman ini digunakan oleh user admin dan customer service setelah masuk
104
15. Halaman Order List Pada Backend
Halaman ini digunakan oleh user admin setelah masuk ke dalam sistem.
Halaman ini akan menampilkan data order list serta beberapa tombol yang
Halaman ini digunakan oleh user admin setelah masuk ke dalam sistem.
Halaman ini akan menampilkan data payment serta beberapa tombol yang
105
17. Halaman Cusutomer Service Pada Backend
Halaman ini digunakan oleh user admin setelah masuk ke dalam sistem.
service.
106
DAFTAR PUSTAKA
[1] Maslekha Imas, dkk, “Aplikasi Transparansi Dana Donasi Untuk Anak Yatim
[2] Amalia Hilda, dkk.“Sistem Informasi Pengolahan Dana Donasi”, vol. 15, no.
1, 2017.
[3] Anggraini, Dewi Rizki (2018) LKP : Rancang Bangun Aplikasi Donasi
Komputer Indonesia.
Penting :
107
Lubis, AM. 2011. “Definisi Paket Wisata”. (tanggal akses 18 Desember 2014)
108