BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Objek Penelitian 3.1.1 Sejarah Banten Kesultanan Banten merupakan sebuah kerajaan Islam yang pernah berdiri di wilayah Provinsi banten Indonesia pada sekitar tahun 1526 M. Kerajaan banten dikenal dengan nama Banten girang yang merupakan bagian dari kerajaan sunda. Kedatangan dari Kerajaan Demak yang dipimpin oleh Maulana Hasanuddin ke Kawasan tersebut selain tujuannya untuk memperluas wilayah, namun juga penyebaran Dakwah Islam. Pimpinan dari kerajaan Banten adalah sultan Hassanudin yang memerintah pada tahun 1522 1570. Kerajaan banten mencapai kejayaannya pada masa pemerintah sultan Ageng Tirtayasa pada tahun 1651 1682 yang dimana kala itu Kerajaan Banten membangun armada dengan contoh Eropas erta memberi upah kepada pekerja eropa. Akan tetapi beliau sangat menentang keberadaan dari Belanda yang terbentuk dalam VOC dan berusaha keluar dari tekanan VOC. Akan tetapi kemunduran dari kerajaan Banten berawal dari perselisihan Sultan Ageng dengan anaknya Sultan Haji atas perebutan kekuasaan tahta kerajaan. Situasi ini dimanfaatkan oleh VOC dengan memihak kepada sultan Haji. Akan tetapi pada tahun 14 Maret 1683 sultan Ageng berhasil ditangkap oleh VOC dan mereka pun menyerahkan diri kepada VOC. Atas kemenangannya tersebut, Sultan Haji menyerahkan lampung kepada VOC pada tahun 1682. Dan kemudian pada tahun yang sama, Perjanjian Hak Monopoli perdagangan Lada jatuh ke tangan VOC. Setelah itu, pada tahun 1687 Sultan Haji meninggal dan VOC menguasai banten sehingga pengangkatan Sultan banten harus mendapatkan persetujuan dari Gubernur Jenderal Hindia Belanda di Batavia. 3.1.2 Struktur Organisasi Bagi setiap perusahaan, struktur organisasi mempunyai arti yang penting. Karena dengan mengetahui struktur organisasi, maka dapat diperoleh gambaran mengenai bagian-bagian yang ada dalam perusahaan tersebut, dan sampai sejauh mana wewenang dan tanggung jawab 22
23 bagian-bagian tersebut dapat melaksanakan tugasnya. Dengan demikian, akan dapat diketahui siapa yang akan dapat bertanggung jawab dan kepada siapa harus bertanggung jawab atas suatu pekerjaan yang telah dilakukan maupun yang sedang dilakukan.dalam mencapai sasaran dan tujuan perusahaan dibutuhkan suatu organisasi atau kesatuan kerja sumber daya manusia yang berada di dalamnya agar dapat bekerjasama dalam mencapai tujuan perusahaan tersebut. Adapun struktur organisasi Dinas Pariwisata Banten dapat di lihat pada gambar tersebut: Gambar 3.1 Struktur Organisasi Dinas Pariwisata Banten Adapun berikut ini adalah keterangan dari tugas-tugas yang ada pada Organisasi Dinas Pariwisata Banten sesuai dengan struktur organisasi: a. Kepala Dinas Menyelenggarakan perumusan, penetapan, memimpin, mengkoordinasikan dan mengendalikan pelaksanaan kegiatan tugas pokok Dinas serta mengkoordinasikan dan membina. b. Sekretaris Menyelenggarakan koordinasi perencanaan dan program Dinas, pengkajian perencanaan dan program, pengelolaan keuangan, kepegawaian dan umum.
24 c. Kabid Destinasi Pariwisata Mengumpul, mengolah dan merumuskan bahan kebijakan teknis pelaksanaan Pengembangan Destinasi Pariwisata. d. Kabid Pengembangan Industri Pariwisata dan Ekonomi Kreatif Melakukan perumusan kebijakan teknis, fasilitasi, koordinasi, pemantauan, dan evaluasi pelaksanaan kerjasama pengembangan destinasi pariwisata, pengembangan dan pemberian ijin usaha pariwisata serta pengembangan sumber daya wisata, alam, dan budaya. e. Kabid Pengembangan Sumber Daya Manusia Pariwisata dan Ekonomi Kreatif Melakukan penyiapan bahan koordinasi dengan Kabupaten atau Kota dalam pengembangan sumber daya manusia baik Pemerintah maupun Swasta. f. Kabid Pemasaran Produk Pariwisata Menyiapkan, mendesain, pengadaan bahan-bahan promosi budaya dan pariwisata, serta meningkatkan publisitas kepariwisataan daerah, pengembangan promosi budaya dan pariwisata daerah, serta analisa pasar wisatawan mancanegara, menyusun dan menyiapkan rencana dan pelaksanaan kegiatan promosi, mengkoordinasikan, melaksanakan kegiatan pemasaran, mengikuti kegiatan pemasaran budaya dan pariwisata dalam provinsi, dalam negeri dan luar negeri, menetapkan target serta strategi pemasaran. 3.2 Analisisa Proses Bisnis Berjalan Dinas Pariwisata Banten merupakan organsisasi pemerintahan yang berjalan di bidang pariwisata khusus nya Provinsi Banten. untuk mendapatkan informasi pemasaran produk pariwisata, wisatawan bisa mendapatkan informasi pariwisata dari informasi yang tertera dalam poster dari dinas pariwisata, setelah mendapat informasinya wisatawan akan langsung mengunjungi tempat wisata yang telah direkomendasikan. Analisis sistem yang sedang berjalan ini divisualisasikan dan didokumentasikan dengan alat bantu UML melalui diagram use case. Analisis sistem yang sedang berjalan pada Dinas Pariwisata Banten adalah sebagai berikut:
25 3.2.1 Use Case Proses Bisnis Berikut diagram use case bisnis berjalan di Dinas Pariwisata Banten. Membuat poster informasi wisata Dinas Pariwisata Menyebarkan poster informasi wisata Mendapatkan informasi wisata Wisatawan Menuju lokasi wisata Gambar 3.2 Use Case Diagram proses bisnis yang sedang berjalan Tabel 3.1 Deskripsi Use Case Berjalan Membuat poster informasi wisata Nama Use Case Membuat Poster Informasi Wisata Dinas Pariwisata Description Kepala bidang destinasi mengolah pembuatan informasi wisata dalam poster Tabel 3.2 Deskripsi Use Case Berjalan Menyebarkan poster informasi wisata Nama Use Case Menyebarkan poster informasi wisata Dinas Pariwisata Description Kepala bagian pemasaran produk mempublikasikan bahan-bahan promosi wisata Tabel 3.3 Deskripsi Use Case Berjalan Mendapatkan informasi wisata Nama Use Case Mendapatkan informasi wisata Wisatawan Description Wisatawan akan mendapatkan informasi wisata tertentu yang ada di Banten
26 Tabel 3.4 Deskripsi Use Case Berjalan Menuju lokasi wisata Nama Use Case Menuju lokasi Wisata Wisatawan Description Wisatawan akan melakukan perjalanan menuju lokasi wisata tertentu yang berada di Banten 3.3 Gambaran Umum Sistem yang Diusulkan Website yang akan dibangun ini digunakan untuk melakukan aktifitas pariwisata di daerah Banten dan untuk mengetahui informasi tentang wisata-wisata di daerah Banten agar wisatawan dapat lebih mengetahui tempat-tempat wisata di Banten yang diminati banyak pengunjung dan menjadikan Banten sebagai tempat tujuan wisata yang menarik. Dalam pembuatan website pariwisata Banten ini dibutuhkan website yang dapat berfungsi sebagai penyedia informasi untuk memudahkan dan memperjelas tempat wisata mana yang harus dikunjungi. Sistem yang diusulkan untuk website pariwisata Banten adalah dengan menggunakan konsep Client-Server, menggunakan PHP dan MySql dan dilakukan secara online, dimana wisatawan atau client dapat mengakses website ini dengan menggunakan akses internet dari provider internet ataupun menggunakan wifi connection. Melihat Informasi Menampilkan Informasi Mengisi data Menampilkan data Database Gambar 3.3 Gambaran Umum Sistem yang Diusulkan
27 3.3.1 Perancangan Prosedur Yang Diusulkan Perancangan prosedur yang diusulkan akan berorientasi objek dengan menggunakan diagram UML sebagai alat bantu dalam mendokumentasikan dan memvisualisasikan website yang akan dibangun. 3.3.2 Use Case Diagram Diagram use case ini menggambarkan website yang akan dibangun, bagaimana seseorang atau aktor akan menggunakan dan memanfaatkan dari website yang dibangun. Sasaran pemodelan use case ini mendefinisikan kebutuhan fungsional dan operasional sistem dengan mendefinisikan skenario dari website yang akan dibangun. Pendefinisian ini meliputi identifikasi use case dan skenario dari website yang akan dibangun. Melakukan registrasi Mencari info paket trip Pesan paket trip wisata Mencari info wisata Melihat info Paket trip Melihat info wisata Kelola data Paket trip Kelola data wisata Tambah data pengunjung user Login Mencari info hotel Mencari info kuliner Mencari info berita Melakukan pesan hotel Melihat info kuliner Melihat info berita Melihat info hotel Kelola data kuliner Kelola data berita Kelola data hotel Login admin Gambar 3.4 Use Case Diagram usulan website pariwisata Banten 3.3.3 Deskripsi Use Case Deskripsi use case digunakan untuk memudahkan dalam menganalisa skenario yang akan kita gunakan pada fase-fase selanjutnya dengan melakukan penilaian terhadap skenario tersebut. Berikut deskripsi use case yang diusulkan : Nama Use Case Tabel 3.5 Deskripsi Use Case Melakukan registrasi Melakukan registrasi user
28 Description Pre-Condition Scenario Mengisi data registrasi Input nama, alamat email, nomor telepon, username dan password Input nama, alamat email, nomor telepon, username dan password Jika nama, alamat email, telepon, username dan password sudah masuk database, user login Post-Condition Data masuk database dan muncul form login user Tabel 3.6 Deskripsi Use Case Melakukan Login Nama Use Case Description Pre-Condition Scenario Melakukan Login user Input data username dan password user menginput username dan password pada form login Jika username dan password benar maka user akan masuk ke halaman wisata Post-Condition Data masuk database sistem tampilkan halaman wisata Tabel 3.7 Deskripsi Use Case Mencari info paket trip Nama Use Case Description Pre-Condition Scenario Mencari info paket trip user Menulis info yang ingin dicari pada paket trip Menulis kata yang dicari user mendapatkan informasi-informasi terkait info paket trip wisata yang dicari Post-Condition Sistem menampilkan hasil pencarian paket trip wisata Tabel 3.8 Deskripsi Use Case Mencari info hotel Nama Use Case Mencari info hotel user
29 Description Pre-Condition Scenario yang dicari Post-Condition Menulis info yang ingin dicari pada hotel Menulis kata yang dicari user mendapatkan informasi-informasi terkait info hotel Sistem menampilkan hasil pencarian hotel Nama Use Case Description Pre-Condition Scenario Tabel 3.9 Deskripsi Use Case Mencari info wisata Mencari info wisata user yang dicari Post-Condition Menulis info yang ingin dicari pada wisata Menulis kata yang dicari user mendapatkan informasi-informasi terkait info wisata Sistem menampilkan hasil pencarian wisata Nama Use Case Description Pre-Condition Scenario Tabel 3.10 Deskripsi Use Case Mencari info kuliner Mencari info kuliner user yang dicari Post-Condition Menulis info yang ingin dicari pada kuliner Menulis kata yang dicari user mendapatkan informasi-informasi terkait info kuliner Sistem menampilkan hasil pencarian kuliner Tabel 3.11 Deskripsi Use Case Mencari info berita Nama Use Case Description Pre-Condition Mencari info berita user Menulis info yang ingin dicari pada berita Menulis kata yang dicari
30 Scenario yang dicari Post-Condition user mendapatkan informasi-informasi terkait info berita Sistem menampilkan hasil pencarian berita Tabel 3.12 Deskripsi Use Case Pesan paket trip wisata Nama Use Case Pesan paket trip wisata user Description Menulis pemesanan pada paket wisata yang diinginkan Pre-Condition Menulis pesan pada form pemesanan Scenario user menulis pesan dan mengirimkan email ke pihak trip Post-Condition Sistem menampilkan form pemesanan Tabel 3.13 Deskripsi Use Case Melakukan pesan hotel Nama Use Case Melakukan pesan hotel user Description Menulis pemesanan pada hotel yang diinginkan Pre-Condition Menulis pesan pada form pemesanan Scenario user menulis pesan dan mengirimkan email ke pihak hotel Post-Condition Sistem menampilkan form pemesanan Tabel 3.14 Deskripsi Use Case Melihat info paket trip wisata Nama Use Case Melihat info paket trip wisata User dan Admin Description melihat informasi paket trip wisata yang ada Pre-Condition melihat gambar dan keterangan Scenario memilih informasi paket trip wisata yang diinginkan Post-Condition Sistem menampilkan gambar dan keterangan paket trip wisata
31 Tabel 3.15 Deskripsi Use Case Melihat info wisata Nama Use Case Melihat info wisata User dan Admin Description melihat informasi wisata yang ada Pre-Condition melihat gambar dan keterangan Scenario memilih informasi wisata yang diinginkan Post-Condition Sistem menampilkan gambar dan keterangan wisata Tabel 3.16 Deskripsi Use Case Melihat info kuliner Nama Use Case Melihat info kuliner User dan Admin Description melihat informasi kuliner yang ada Pre-Condition melihat gambar dan keterangan Scenario memilih informasi kuliner yang diinginkan Post-Condition Sistem menampilkan gambar dan keterangan kuliner Tabel 3.17 Deskripsi Use Case Melihat info berita Nama Use Case Melihat info berita User dan Admin Description melihat informasi berita yang ada Pre-Condition melihat gambar dan keterangan Scenario memilih informasi berita yang diinginkan Post-Condition Sistem menampilkan gambar dan keterangan berita Nama Use Case Tabel 3.14 Deskripsi Use Case Melihat info hotel Melihat info hotel User dan Admin
32 Description melihat informasi hotel yang ada Pre-Condition melihat gambar dan keterangan Scenario memilih informasi hotel yang diinginkan Post-Condition Sistem menampilkan gambar dan keterangan hotel Tabel 3.15 Deskripsi Use Case Melakukan Login Nama Use Case Description Pre-Condition Scenario Melakukan Login Admin Input data username dan password Admin menginput username dan password pada form Jika username dan password benar maka admin akan masuk ke halaman wisata admin Post-Condition Sistem tampilkan halaman wisata admin Tabel 3.16 Deskripsi Use Case Tambah data pengunjung Nama Use Case Description Pre-Condition Scenario Tambah data pengunjung Admin Menambah data Pengunjung ke buku tamu Admin masukan data pengunjung Admin menambah dan memasukan data pengunjung yang baru Post-Condition Tampilkan data pengunjung Tabel 3.17 Deskripsi Use Case Kelola data paket trip Nama Use Case Description Pre-Condition Scenario Kelola data paket trip Admin Mengelola data yang ada pada paket trip Mengedit atau menghapus data paket trip Edit data gambar dan keterangan atau menghapus data paket trip yang diinginkan
33 Post-Condition Sistem tampilkan hasil kelola data Tabel 3.18 Deskripsi Use Case Kelola data wisata Nama Use Case Description Pre-Condition Scenario Kelola data wisata Admin Mengelola data yang ada pada wisata Mengedit atau menghapus data wisata Edit data gambar dan keterangan atau menghapus data wisata yang diinginkan Post-Condition Sistem tampilkan hasil kelola data Tabel 3.19 Deskripsi Use Case Kelola data kuliner Nama Use Case Description Pre-Condition Scenario Kelola data kuliner Admin Mengelola data yang ada pada kuliner Mengedit atau menghapus data kuliner Edit data gambar dan keterangan atau menghapus data kuliner yang diinginkan Post-Condition Sistem tampilkan hasil kelola data Tabel 3.20 Deskripsi Use Case Kelola data berita Nama Use Case Description Pre-Condition Scenario Kelola data berita Admin Mengelola data yang ada pada berita Mengedit atau menghapus data berita Edit data gambar dan keterangan atau menghapus data berita yang diinginkan Post-Condition Sistem tampilkan hasil kelola data
34 Tabel 3.21 Deskripsi Use Case Kelola data hotel Nama Use Case Description Pre-Condition Scenario Kelola data hotel Admin Mengelola data yang ada pada hotel Mengedit atau menghapus data hotel Edit data gambar dan keterangan atau menghapus data hotel yang diinginkan Post-Condition Sistem tampilkan hasil kelola data
35 3.3.4 Flowchart sistem yang diusulkan Mulai Registrasi dan isi buku tamu Login Pencarian informasi Mendapat informasi yang dibutuhkan? Tidak Ya Melihat informasi kuliner Melihat informasi hotel Melihat informasi berita Melihat informasi paket trip wisata Pesan paket trip wisata by email Selesai Gambar 3.6 Flowchart Sistem yang diusulkan
36 Activity diagram menggambarkan urutan aktivitas untuk suatu proses tertentu. Berdasarkan use case yang ada, dibuat activity diagram untuk masing-masing use case. Berikut ini adalah diagram aktivitas website pariwisata Banten. User System Memilih registrasi Mengisi nama, email, telepon username dan password Menampilkan form registrasi Menyimpan data user Gambar 3.5 Activity Diagram Registrasi Pada Gambar 3.5 di atas aktivitas dimulai dengan user memilih registrasi lalu sistem menampilkan form registrasi yang selanjutnya harus diisi oleh user yaitu nama, email, telepon, username dan password setelah itu sistem menyimpan data user. User System Klik login Mengisi username dan password Menampilkan form Login user Menampilkan halaman wisata Gambar 3.5 Activity Diagram Login User
37 Pada Gambar 3.5 di atas aktivitas dimulai dengan user memilih login lalu sistem akan menampilkan form login user setelah itu user mengisi username dan password yang selanjutnya sistem akan menampilkan halaman wisata. User System Klik tombol search Menampilkan form Pencarian data Tulis nama yang dicari Menampilkan hasil pencarian Gambar 3.6 Activity Diagram Pencarian data Pada Gambar 3.6 di atas aktivitas dimulai dengan user klik tombol search lalu sistem akan menampilkan form pencarian data, kemudian user menulis nama yang dicari dan selanjutnya sistem akan menampilkan hasil pencarian. User System Klik tombol trip Klik pesan paket trip Isi form pemesanan dan klik send email Menampilkan halaman Informasi paket trip wisata Menampilkan halaman Form pemesanan Mengirim email ke pihak Trip wisata
38 Gambar 3.7 Activity Diagram Melakukan pemesanan paket trip Pada Gambar 3.7 di atas aktivitas dimulai dengan user klik tombol trip lalu sistem menampilkan halaman informasi paket trip wisata kemudian user memilih klik pesan paket trip lalu sistem menampilkan halaman form pemesanan kemudian user mengisis form pemesanan dan klik send email dan selanjutnya sistem akan mengirim email ke pihak trip wisata. User System Klik tombol trip Menampilkan data Paket trip wisata Gambar 3.8 Activity Diagram Melihat informasi paket trip wisata Pada Gambar 3.8 di atas aktivitas dimulai dengan user klik tombol trip lalu sistem akan menampilkan informasi data paket trip wisata. Admin System Klik tombol data wisata Melakukan tambah, edit, atau hapus data wisata Menampilkan data wisata Menampilkan hasil kelola data wisata Gambar 3.9 Activity Diagram kelola data wisata Pada Gambar 3.9 di atas aktivitas dimulai dengan wisatawan memilih jenis obyek wisata, kemudian sistem akan menampilkan informasi jenis wisata yang dipilih, lalu wisatawan memilih profil wisata, dan sistem akan menampilkan profil berupa penjelasan terkait wisata tersebut.
39 3.3.5 Sequence Diagram Sequence diagram digunakan untuk mengambarkan perilaku pada sebuah skenario. Diagram ini menunjukan sejumlah contoh objek dan message (pesan) yang diletakan diantara obyek-obyek ini di dalam use case. Sequence diagram menggambarkan interaksi antar objek di dalam dan disekitar sistem (termasuk pengguna, display, dan sebagainya) berupa pesan yang digambarkan terhadap waktu. User Form registrasi Data pengunjung 1 : input nama, email, telepon, username & pass() 2 : menyimpan data() 4 : menampilkan halaman form login() Gambar 3.17 Sequence Diagram registrasi user Pada Gambar 3.17 di atas menggambarkan proses yang sedang terjadi saat user menginput nama, email, telepon, username & password pada form registrasi kemudian data tersimpan di data pengunjung selanjutnya akan tampil halaman form login.
40 User Login Form login Data pengunjung 1 : memilih login() 2 : Mengisi form login() 3 : menyimpan data() 4 : menampilkan halaman wisata() Gambar 3.18 Sequence Diagram Login user Pada Gambar 3.18 di atas menggambarkan proses yang sedang terjadi saat user memilih login lalu mengisi form login lalu data tersimpan pada data pengunjung dan selanjutnya akan tampil halaman wisata.
41 User Halaman paket trip Form pencarian 1 : masuk halaman paket Trip wisata() 2 : memasukan nama() 3 : menampilkan hasil pencarian trip wisata() Gambar 3.19 Sequence Diagram pencarian paket trip wisata Pada Gambar 3.19 di atas menggambarkan proses yang sedang terjadi saat user masuk ke halaman paket trip wisata lalu memasukan nama pada form pencarian dan selanjutnya akan tampil hasil pencarian.
42 User Halaman paket trip Form pemesanan Pihak trip 1 : masuk halaman paket Trip wisata() 2 : memasukan pesan() 3 : kirim pesan email() 4 : menampilkan pemberitahuan email sudah terkirim() Gambar 3.20 Sequence Diagram Pemesanan paket trip wisata Pada Gambar 3.20 di atas menggambarkan proses yang sedang terjadi saat user masuk halaman paket trip pilih paket trip wisata lalu memasukan pesan dan email akan terkirim kepada pihak trip wisata dan akan tampil pemberitahuan bahwa email sudah terkirim.
43 User Halaman trip 1 : masuk halaman trip() 2 : tampilkan halaman trip wisata Gambar 3.21 Sequence Diagram Melihat informasi paket trip wisata Pada Gambar 3.21 di atas menggambarkan proses yang sedang terjadi saat masuk ke halaman paket trip wisata dan akan tampil halaman informasi data paket trip wisata.
44 Admin Paket trip wisata Data trip 1 : masuk halaman trip() 2 : tambah, edit atau hapus() 3 : menampilkan hasil kelola data() Gambar 3.22 Sequence Diagram kelola paket trip wisata Pada Gambar 3.22 di atas menggambarkan proses yang sedang terjadi saat admin masuk ke halaman paket trip wisata lalu melakukan tambah, edit atau hapus data trip, dan kemudian menampilkan hasil kelola data. 3.3.6 Class Diagram Class diagram menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metode/fungsi). Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, dan asosiasi.
45 Pengunjung -Id_pengunjung:int(primary) -Nama:string -Email:string -Telepon:int -username:var -password:var +Mengisi buku tamu() Kuliner +id +gambar +ket +Melihat() Admin -Id_admin:int -Username:string -Password:string +Mengisi form login() +Mengelola data() Trip +id +gambar +ket +Melihat() Wisata +id +gambar +ket +Melihat() Berita +id +gambar +ket +Melihat() Hotel +id +gambar +ket +Melihat() Gambar 3.28 Class Diagram Website Pariwisata Banten 3.3.7 Rancangan Database Tabel 3.15 Tabel Pengunjung No Nama Field Tipe Data Panjang Keterangan 1. id_pengunjung Int 5 Primary Key 2. Nama Varchar 30 Nama pengunjung 3. Email Varchar 25 Email pengunjung 4. Telepon Varchar 12 Telepon pengunjung
46 5. username Varchar 30 Username user 6. password Varchar 30 Password user Tabel 3.16 Tabel Admin No Nama Field Tipe Data Panjang Keterangan 1. id_admin Int 5 Primary Key 2. Username Varchar 10 Username Admin 3. Password Varchar 10 Password Admin Tabel 3.16 Tabel Wisata No Nama Field Tipe Data Panjang Keterangan 1. id Int 11 Primary Key 2. gambar Varchar 200 gambar 3. ket Text Keterangan gambar Tabel 3.16 Tabel Kuliner No Nama Field Tipe Data Panjang Keterangan 1. id Int 11 Primary Key 2. gambar Varchar 200 gambar 3. ket Text Keterangan gambar Tabel 3.16 Tabel Hotel No Nama Field Tipe Data Panjang Keterangan
47 1. id Int 11 Primary Key 2. gambar Varchar 200 gambar 3. ket Text Keterangan gambar Tabel 3.16 Tabel Berita No Nama Field Tipe Data Panjang Keterangan 1. id Int 11 Primary Key 2. gambar Varchar 200 gambar 3. ket Text Keterangan gambar Tabel 3.16 Tabel Trip No Nama Field Tipe Data Panjang Keterangan 1. id Int 11 Primary Key 2. gambar Varchar 200 gambar 3. ket Text Keterangan gambar 3.5 Rancangan antar muka Perancangan tampilan website merupakan rancangan dari desain website yang akan dibangun, desain ini akan menentukan sebuah karakteristik dari website yang di bangun, serta memperlihatkan di lingkungan seperti apa website nanti akan di tempatkan. Berikut ini desain tampilan dari website yang akan di bangun: 3.5.1 Rancangan Halaman Wisata user Pada halaman ini berisikan rancangan tampilan halaman wisata website pariwisata Banten. Halaman wisata user adalah halaman yang dapat diakses oleh user, berikut tampilan rancangannya:
48 hotel kuliner berita trip search logout No Gambar Keterangan Gambar 3.26 Rancangan halaman wisata user a. Button Hotel: Berfungsi untuk mellihta informasi hotel. b. Button Kuliner: Berfungsi melihat informasi kuliner. c. Button Berita: Berfungsi untuk melihat informasi berita. d. Button Trip: Berfungsi untuk melihat paket trip wisata. e. Button search: Berfungsi untuk pencarian data. f. Button logout: Berfungsi untuk keluar. 3.5.2 Rancangan Halaman Wisata Admin Pada halaman ini berisikan rancangan tampilan halaman wisata admin. Halaman wisata admin halaman yang berisikan informasi wisata dan pengolahannya, Berikut tampilan rancangan:
49 tambah data data hotel data kuliner data berita paket trip data pengunjung logout No Gambar Keterangan Aksi edit hapus Gambar 3.27 Rancangan halaman wisata admin a. Button tambah data: Berfungsi menambah gambar dan keterangan. b. Button data hotel: Berfungsi mengolah data hotel. c. Button data kuliner: Berfungsi mengolah data kuliner. d. Button data berita: Berfungsi mengolah data berita. e. Button paket trip: Berfungsi mengolah data paket trip. f. Button data pengunjung: Berfungsi menambah data buku tamu. g. Button logout: Berfungsi untuk keluar. g. Button edit: Berfungsi mengedit data gambar dan keterangan. g. Button hapus: Berfungsi menghapus data. 3.5.3 Rancangan Halaman Pemesanan paket trip wisata Pada halaman ini berisikan rancangan tampilan halaman pemesanan paket trip wisata. Halaman ini akan mengirim email pemesanan paket trip, Berikut tampilan rancangan:
50 Subject : Pesan dan pemohon(email@gmail.com) : Send email Gambar 3.28 Rancangan halaman pemesanan paket trip wisata a. Textfield subject: Berfungsi mengisi tema pemesanan. b. Textfield pesan: Berfungsi mengisi pesan dan email pemohon. c. Button send email: Berfungsi mengirim email ke pihak trip 3.5.4 Rancangan Halaman Pencarian Data Pada halaman ini berisikan rancangan tampilan halaman pencarian data. Halaman ini berfungsi melakukan pencarian dengan nama, Berikut tampilan rancangan:
51 Search! Nama : search kembali Gambar 3.29 Rancangan halaman pencarian data a. Button search: Berfungsi untuk melihat galeri wisata budaya Banten. b. Button kembali: Berfungsi melihat informasi potensi pada wisata budaya Banten. c. textfield nama: Berfungsi untuk melihat informasi profil wisaata budaya Banten. 3.5.5 Rancangan Halaman Hasil Pencarian Pada halaman ini berisikan data yang ditemui dengan menggunakan pencarian kata. Halaman hasil pencarian ini halaman yang berisikan informasi, Berikut tampilan rancangan:
52 kembali HASIL PENCARIAN No Nama gambar Keterangan Gambar 3.30 Rancangan halaman hasil pencarian 3.5.6 Rancangan Halaman tambah data Pada halaman ini berisikan rancangan tampilan halaman tambah data. Halaman ini berisikan dorm tambah gambar dan keterangan, Berikut tampilan rancangan: Gambar TAMBAH DATA choose file Keterangan submit reset kembali Gambar 3.31 Rancangan halaman tambah data a. Button submit: Berfungsi untuk menyimpan data yang telah ditambah. b. Button reset: Berfungsi membersihkan form tambah data.
53 3.5.7 Rancangan Halaman data pengunjung Pada halaman ini berisikan rancangan tampilan halaman data pengunjung. Halaman ini berisikan data para pengunjung yang telah registrasi, Berikut tampilan rancangan: kembali Tambah No Nama lengkap Email Telepon Gambar 3.32 Rancangan halaman data pengunjung a. Button tambah: Berfungsi menambah data pengunjung. b. Button kembali: Berfungsi kembali ke halaman sebelumnya. 3.5.8 Rancangan Halaman Isi Data Registrasi Pada halaman ini berisikan rancangan tampilan halaman Isi Data Pengunjung website Pariwisata Banten yang terdiri dari dua tombol button dan lima textfield untuk Nama, Email, Telepon, username dan password, berikut tampilan rancangan :
54 Nama : Email : Telepon : Username : Password : Simpan Data Gambar 3.33 Rancangan halaman Isi Data Registrasi a. Textfield Nama: Berfungsi untuk memasukkan Nama pengunjung. b. Textfield Email: Berfungsi untuk memasukkan Email pengunjung c. Textfield Telepon: Berfungsi untuk memasukkan Telepon pengunjung d. Textfield username: Berfungsi untuk memasukkan username pengunjung e. Textfield password: Berfungsi untuk memasukkan password pengunjung f. Button Submit: Berfungsi untuk menyimpan data pengunjung. 3.5.9 Rancangan Halaman login admin Pada halaman ini berisikan rancangan tampilan halaman login admin website Pariwisata Banten yang terdiri dari satu tombol button dan dua textfield untuk username dan password, berikut tampilan rancangan:
55 Username : Password : Submit Gambar 3.34 Rancangan halaman Login admin g. Textfield Username: Berfungsi untuk memasukkan Username admin. h. Password Field: Berfungsi untuk memasukkan password admin. i. Button Submit: Berfungsi memasukan data untuk login.