IMPLEMENTASI BASIS DATA MULTIMEDIA DALAM WEBSITE ...repository.usd.ac.id/6768/2/125314046_full.pdf · Implementasi Basis Data Multimedia dalam Website Pariwisata Kabupaten Purworejo.

i

IMPLEMENTASI BASIS DATA MULTIMEDIA DALAM WEBSITE

PARIWISATA KABUPATEN PURWOREJO

HALAMAN JUDUL

SKRIPSI

Diajukan untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Komputer

Program Studi Teknik Informatika

Disusun oleh

ANGGIT SUKO PAMUNGKAS

125314046

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

2016

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

ii

THE IMPLEMENTATION OF MULTIMEDIA DATABASE IN

PURWOREJO TOURISM WEBSITE

HALAMAN JUDUL (BAHASA INGGRIS)

A THESIS

Presented as a Partial Fullfillment of The Requirements

to Obtain The Sarjana Komputer Degree

in Informatics Engineering Study program

Created by :

ANGGIT SUKO PAMUNGKAS

125314046

INFORMATICS ENGINEERING STUDY PROGRAM

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF SCIENCE AND TECHNOLOGY

SANATA DHARMA UNIVERSITY

YOGYAKARTA

2016N


iii

HALAMAN PERSETUJUAN


iv

HALAMAN PENGESAHAN


v

HALAMAN MOTTO

“ Karena masa depan sungguh ada, dan

harapanmu tidak akan hilang. “

Amsal 23 : 18


vi

PERNYATAAN KEASLIAN KARYA

Saya menyatakan dengan sesungguhnya bahwa di dalam skripsi yang saya

tulis tidak memuat karya atau bagian karya orang lain, kecuali yang telah

disebutkan dalam kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.

Yogyakarta, 29 Agustus 2016

Penulis

Anggit Suko Pamungkas


vii

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH

UNTUK KEPENTINGAN PUBLIKASI

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI

Yang bertanda tangan di bawah ini, saya mahasiswa Universitas Sanata Dharma

Yogyakarta :

Nama : Anggit Suko Pamungkas

NIM : 125314046

Demi pengembangan ilmu pengetahuan, saya memberikan kepada

Perpustakaan Universitas Sanata Dharma karya ilmiah saya yang berjudul :

Implementasi Basis Data Multimedia dalam Website Pariwisata

Kabupaten Purworejo.

Dengan demikian saya memberikan kepada Perpustakaan Universitas

Sanata Dharma hak untuk menyimpan, mengalihkan dalam bentuk media lain,

mengelolanya dalam bentuk pangkalan data, mendistribusikan secara terbatas, dan

mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa

perlu meminta ijin dari saya maupun memberikan royalti kepada saya selama tetap

mencantumkan nama saya sebagai penulis. Demikian pernyataan ini saya buat

dengan sebenarnya.

Dibuat di Yogyakarta

Pada tanggal : 29 Agustus 2016

Yang menyatakan,



viii

ABSTRAK

Kabupaten Purworejo terletak strategis diapit kota budaya Kebumen,

Magelang, dan Yogyakarta, namun karena sedikitnya ketersediaan informasi

pariwisata di Kabupaten Purworejo maka menjadikan objek wisata Kabupaten

Purworejo kurang terkenal. Dengan memanfaatkan kemajuan teknologi internet

merupakan salah satu solusi untuk permasalahan ini. Oleh karena itu dibutuhkan

sebuah website yang dapat memberikan informasi mengenai nama objek wisata,

lokasi objek wisata dalam peta, alamat objek wisata, deskripsi singkat objek wisata.

Selain itu untuk kemudahan para wisatawan juga ditambahkan beberapa informasi

pada website misalnya informasi hotel, rumah makan, ATM, dan SPBU.

Diharapkan wisatawan yang menggunakan website ini mendapatkan informasi

yang dibutuhkan dengan cepat dan realtime.

Dari latar belakang diatas, dibangun Website Pariwisata Kabupaten

Purworejo untuk mempromosikan wisata yang ada di Kabupaten Purworejo.

Website diimplementasikan dengan menggunakan bahasa pemrograman JSP dan

basis data Oracle. Berdasarkan hasil implementasi basis data multimedia, semua

data multimedia dapat disimpan dengan baik sesuai dengan tipe data multimedia

yang digunakan yang meliputi ORDimage untuk menyimpan gambar dan

ORDvideo untuk menyimpan video.

Hasil akhir yang diperoleh adalah Website Pariwisata Kabupaten Purworejo

secara umum telah berfungsi dengan baik yaitu Dinas Pariwisata Kabupaten

Purworejo dapat mengelola data pariwisata dan fasilitas, pengguna (wisatawan)

dapat mengakses data wisata yang ada di Kabupaten Purworejo yang telah

disediakan dalam sistem. Pengguna juga dapat mencari informasi tentang wisata,

hotel, rumah makan, ATM, SPBU, serta memberikan kritik dan saran kepada Dinas

Pariwisata Kabupaten Purworejo. Hasil uji coba terhadap pengguna menunjukkan

bahwa website ini efektif membantu wisatawan memperoleh informasi pariwisata

dan fasilitas, serta fitur-fiturnya dapat dimengerti dan digunakan dengan mudah.

Kata kunci : basis data, basis data multimedia, pariwisata purworejo, website, JSP.


ix

ABSTRACT

Purworejo is located strategically between the cultural city of Kebumen,

Magelang, and Yogyakarta, but because of the lack of information regarding

tourism in Purworejo, thus leaving the tourist attraction unpopular. Utilizing the

advancement of internet broadband services is one of the solution towards this

issue.

Therefore, a website that provides the information about the tourist

attraction is needed, such as the location in a map, address, a short description about

the tourist attraction. For the convenience of the tourist, several information in the

website are needed such as information about hotels, restaurants, ATM, and gas

stations. The website is expected to provide an information that is rapid and realtime

for the tourists.

From the background mentioned above, a website for Purworejo Tourism is

made to promote the tourism potentials in Purworejo. The website is implemented

using the programming language of JSP and Oracle database. Based on the result

of the implemented multimedia database , all of the multimedia data can be stored

well based on the type of the multimedia data used with ORDimage to save images

and ORDvideo to save videos. Other than that, the methods of the multimedia

database that is implemented in the website of Purworejo Tourism can function

well. The final outcome is the website for Purworejo Tourism that has functioned

well in informing the Ministry of Tourism in Purworejo that has organized the data

regarding on the budget allocated for facilities and tourist can access the data about

tourism in Purworejo that jas been provided in a system, the tourist can finding

information about tours, hotels, restaurants, ATMs, gas stations, can also give

criticism and suggestion to the Ministry of Tourism in Purworejo by signing in to a

guest book. The experiment result of user shows that the tourism website in

purworejo regency is effective to help tourists get information of tourism and

facilities (ATM, hotel, restaurant, SPBU) the website and its features can be

understood and be used easily.

Keyword : database, multimedia database, tourism purworejo, website, JSP.


x

KATA PENGANTAR

Puji Syukur kehadirat Tuhan Yang Maha Esa yang telah melimpahkan

rahmat-Nya, sehingga penulis dapat menyeleseikan skripsi yang berjudul

“Implementasi Basis Data Multimedia Dalam Website Pariwisata Kabupaten

Purworejo”. Skripsi ini disusun sebagai salah satu syarat untuk memperoleh gelar

Sarjana Komputer Program Studi Teknik Informatika di Universitas Sanata Dharma

Yogyakarta.

Selama melakukan penelitian dan penyusunan skripsi penulis ingin

mengucapkan terima kasih atas bantuan dan dukungan dari berbagai pihak. Ucapan

terima kasih penulis sampaikan diantaranya ditujukan kepada :

1. Tuhan Yesus Kristus yang selalu membimbing dan memberi

pertolongan.

2. Sudi Mungkasi,S.Si.,M.Math.Sc.,Ph.D selaku Dekan Fakultas Sains dan

Teknologi Universitas Sanata Dharma Yogyakarta.

3. Dr. Anastasia Rita selaku Ketua Program Studi Teknik Informatika

Universitas Sanata Dharma Yogyakarta.

4. Ibu Agnes Maria Polina, S.Kom., M.Sc selaku dosen pembimbing yang

telah membimbing dengan sabar dan memberikan kritik dan saran

kepada penulis.

5. Orangtua, kakak, serta keluarga yang memberikan dukungan, doa, dan

motivasi dalam penyelesaian tugas akhir.

6. Sahabat terkasih Samuel Ady Sanjaya, Theresia Ines, Anastasia Ritansi

Pipit, Nivi Syeron Iroth, Oktia Sudianti, Gagah Gautama yang

memberikan dukungan, doa, dan motivasi dalam penyelesaian tugas

akhir.

7. Teman-teman Teknik Informatika 2012 yang selalu memberi motivasi,

semangat dan bantuan selama menyelesaikan skripsi ini.

8. Teman-teman PMK Apostolos yang selalu memberi motivasi, semangat

dan bantuan selama menyelesaikan skripsi ini.

Penulis dalam menulis skripsi ini sudah berusaha semaksimal mungkin,

namun penulis juga menyadari bahwa skripsi yang dibuat ini masih banyak


xi

kekurangan dan jauh dari sempurna. Oleh sebab itu penulis sangat mengharapkan

kritik dan saran dari pembaca yang dapat bermanfaat bagi perbaikan pada masa

mendatang.

Penulis berharap semoga skripsi ini dapat bermanfaat bagi pihak-pihak yang

berkepentingan untuk menambah wawasan dan pengetahuan dan juga bagi

pembaca.

Yogyakarta,…………

Penulis



xii

DAFTAR ISI

HALAMAN JUDUL ................................................................................................ i

HALAMAN JUDUL (BAHASA INGGRIS) ......................................................... ii

HALAMAN PERSETUJUAN ............................................................................... iii

HALAMAN PENGESAHAN ................................................................................ iv

HALAMAN MOTTO ............................................................................................. v

PERNYATAAN KEASLIAN KARYA ................................................................ vi

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI................................ vii

ABSTRAK ........................................................................................................... viii

ABSTRACT ........................................................................................................... ix

KATA PENGANTAR ............................................................................................ x

DAFTAR ISI ......................................................................................................... xii

DAFTAR GAMBAR ............................................................................................ xx

DAFTAR TABEL ............................................................................................... xxv

BAB I PENDAHULUAN ....................................................................................... 1

1.1. Latar Belakang ......................................................................................... 1

1.2. Rumusan Masalah .................................................................................... 2

1.3. Batasan Masalah ....................................................................................... 2

1.4. Tujuan ....................................................................................................... 3

1.5. Manfaat Penelitian .................................................................................... 3

1.6. Metodologi Penelitian .............................................................................. 4

1.7. Sistematika Penulisan ............................................................................... 5

BAB II LANDASAN TEORI ................................................................................ 7

2.1. Sistem ....................................................................................................... 7

2.2. Informasi .................................................................................................. 8


xiii

2.3. Sistem Informasi Berbasis web ................................................................ 8

2.4. Google Maps API ..................................................................................... 8

2.5. Web Browser ............................................................................................ 9

2.6. HTML ....................................................................................................... 9

2.7. CSS ......................................................................................................... 10

2.8. Javascript ................................................................................................ 11

2.9. WWW ..................................................................................................... 12

2.10. Bahasa Pemrograman JSP ...................................................................... 12

2.11. Metode Waterfall .................................................................................... 15

2.12. Notasi Pemodelan ................................................................................... 19

2.12.1. Use Case .......................................................................................... 19

2.12.1.1. Simbol Use Case dan Aktor ......................................................... 19

2.12.1.2. Relasi ............................................................................................ 20

2.12.2. Database Conceptual Design .......................................................... 21

2.12.3. Desain Logikal dan Desain Fisikal ................................................. 22

2.12.4. Pemodelan Proses ........................................................................... 23

2.13. Basis data ................................................................................................ 24

2.14. Basis Data Multimedia ........................................................................... 25

2.14.1. Kelebihan dan Kekurangan Basis Data Multimedia ....................... 25

2.14.2. Objek Multimedia ........................................................................... 26

2.14.3. Method-method Basis Data Multimedia ......................................... 26

2.15. Oracle Database ...................................................................................... 30

2.15.1. Oracle InterMedia ........................................................................... 30

2.16. 5E Usabillity Framework ....................................................................... 30

2.17. Pariwisata ............................................................................................... 32

2.18. Sekilas Tentang Kabupaten Purworejo .................................................. 32


xiv

BAB III ANALISIS DAN PERANCANGAN SISTEM ...................................... 36

3.1. Analisis Sistem ....................................................................................... 36

3.1.1. Gambaran Umum Sistem .................................................................... 36

3.1.2. Analisis Kebutuhan ............................................................................. 37

3.1.2.1. Kebutuhan Pengguna (wisatawan) ............................................... 37

3.1.2.2. Kebutuhan Administrator ............................................................. 37

3.1.2.3. Use Case Diagram ........................................................................ 38

3.1.3. Arsitektur Sistem ................................................................................ 43

3.1.4. Spesifikasi Sistem ............................................................................... 44

3.1.5. Pemodelan Proses (dengan Diagram Aliran Data) ............................. 44

3.1.5.1. Diagram Konteks .......................................................................... 44

3.1.5.2. Diagram Berjenjang ..................................................................... 45

3.1.5.3. Pemodelan Proses ......................................................................... 46

3.1.5.3.1. Overview Diagram (DFD Level 1) ....................................... 46

3.1.5.3.2. DFD Level 2 Proses 1 (Buku Tamu) .................................... 48

3.1.5.3.3. DFD Level 2 Proses 2 (Kategori Wisata) ............................. 49

3.1.5.3.4. DFD Level 2 Proses 3 (Wisata) ............................................ 50

3.1.5.3.5. DFD Level 2 Proses 4 (Event) .............................................. 51

3.1.5.3.6. DFD Level 2 Proses 5 (Gambar) .......................................... 52

3.1.5.3.7. DFD Level 2 Proses 6 (ATM) .............................................. 53

3.1.5.3.8. DFD Level 2 Proses 7 (Hotel) .............................................. 54

3.1.5.3.9. DFD Level 2 Proses 8 (Rumah Makan) ............................... 55

3.1.5.3.10. DFD Level 2 Proses 9 (SPBU) ........................................... 56

3.1.5.3.11. DFD Level 2 Proses 10 (Gambar Hotel) ............................ 57

3.2. Perancangan Sistem ................................................................................ 58

3.2.1. Perancangan Basis Data ...................................................................... 58


xv

3.2.1.1. Perancangan Konseptual Basis Data (ERD)................................. 58

3.2.1.2. Perancangan Logikal Basis Data .................................................. 59

3.2.1.3. Perancangan Fisikal ...................................................................... 60

3.2.2. Perancangan Menu dan Antarmuka .................................................... 65

3.2.2.1. Perancangan Halaman Beranda Pengguna (wisatawan) .............. 67

3.2.2.2. Perancangan Halaman Profil Pengguna (wisatawan) ................... 67

3.2.2.3. Perancangan Halaman Wisata Pengguna (wisatawan) ................. 68

3.2.2.4. Perancangan Halaman Fasilitas Pengguna (wisatawan) .............. 68

3.2.2.5. Perancangan Halaman Event Pengguna (wisatawan)................... 69

3.2.2.6. Perancangan Halaman Galeri Pengguna (wisatawan) .................. 69

3.2.2.7. Perancangan Halaman Kontak Pengguna (wisatawan) ................ 70

3.2.2.8. Perancangan Halaman Login Administrator ................................ 70

3.2.2.9. Perancangan Halaman Menu Administrator ................................ 71

3.2.2.10. Perancangan Halaman Menu Kelola Wisata ................................ 72

3.2.2.10.1. Perancangan Halaman Menu Tambah Wisata .................... 72

3.2.2.10.2. Perancangan Halaman Menu Edit Wisata .......................... 73

3.2.2.10.3. Perancangan Halaman Menu Detail Wisata ....................... 73

3.2.2.11. Perancangan Halaman Menu Kelola Kategori Wisata ................. 73

3.2.2.11.1. Perancangan Halaman Menu Tambah Kategori Wisata ..... 74

3.2.2.11.2. Perancangan Halaman Menu Edit Kategori Wisata ........... 75

3.5.5.12.3. Perancangan Halaman Menu Detail Kategori Wisata ........ 75

3.2.2.12. Perancangan Halaman Menu Kelola Event .................................. 75

3.2.2.12.1. Perancangan Halaman Menu Tambah Event ...................... 76

3.2.2.12.2. Perancangan Halaman Menu Edit Data Event .................... 77

3.2.2.12.3. Perancangan Halaman Menu Ganti Video Event ............... 77

3.2.2.12.4. Perancangan Halaman Menu Detail Event ......................... 78


xvi

3.2.2.13. Perancangan Halaman Menu Kelola Buku Tamu ........................ 78

3.2.2.13.1. Perancangan Halaman Menu Detail Buku Tamu ............... 79

3.2.2.14. Perancangan Halaman Menu Kelola Hotel .................................. 79

3.2.2.14.1. Perancangan Halaman Menu Tambah Hotel ...................... 80

3.2.2.14.2. Perancangan Halaman Menu Edit Hotel ............................. 81

3.2.2.14.3. Perancangan Halaman Menu Detail Hotel ......................... 82

3.2.2.15. Perancangan Halaman Menu Kelola ATM .................................. 82

3.2.2.15.1. Perancangan Halaman Menu Tambah ATM ...................... 83

3.2.2.15.2. Perancangan Halaman Menu Edit ATM ............................. 84

3.2.2.15.3. Perancangan Halaman Menu Detail ATM ......................... 84

3.2.2.16. Perancangan Halaman Menu Kelola SPBU ................................. 85

3.2.2.16.1. Perancangan Halaman Menu Tambah SPBU ..................... 85

3.2.2.16.2. Perancangan Halaman Menu Edit SPBU ........................... 86

3.2.2.16.3. Perancangan Halaman Menu Detail SPBU ........................ 86

3.2.2.17. Perancangan Halaman Menu Kelola Rumah Makan ................... 87

3.2.2.17.1. Perancangan Halaman Menu Tambah Rumah Makan ....... 87

3.2.2.17.2. Perancangan Halaman Menu Edit Rumah Makan .............. 88

3.2.2.17.3. Perancangan Halaman Menu Detail Rumah Makan ........... 88

3.2.2.18. Perancangan Halaman Menu Kelola Gambar .............................. 89

3.2.2.18.1. Perancangan Halaman Menu Tambah Gambar .................. 89

3.2.2.18.2. Perancangan Halaman Menu Edit Data Gambar ................ 90

3.2.2.18.3. Perancangan Halaman Menu Ganti Gambar ...................... 90

3.2.2.18.4. Perancangan Halaman Menu Detail Gambar ..................... 91

3.2.2.19. Perancangan Halaman Menu Kelola Gambar Hotel .................... 91

3.2.2.19.1. Perancangan Halaman Menu Tambah Gambar Hotel ........ 92

3.2.2.19.2. Perancangan Halaman Menu Edit Data Gambar Hotel ...... 92


xvii

3.2.2.19.3. Perancangan Halaman Menu Ganti Gambar Hotel ............ 93

3.2.2.19.4. Perancangan Halaman Menu Detail Gambar Hotel ............ 93

BAB IV IMPLEMENTASI SISTEM .................................................................. 94

4.1. Spesifikasi Perangkat Keras dan Perangkat Lunak ................................ 94

4.2. Implementasi Basis Data ........................................................................ 94

4.3. Implementasi Sistem .............................................................................. 98

4.3.1. Beranda Pengguna (wisatawan) .......................................................... 98

4.3.2. Halaman Profil Pengguna (wisatawan)............................................... 98

4.3.3. Halaman Wisata Pengguna (wisatawan)............................................. 99

4.3.4. Halaman Fasilitas Pengguna (wisatawan) .......................................... 99

4.3.5. Halaman Galeri Pengguna (wisatawan) ............................................ 100

4.3.5.1. Halaman Tampilan Penuh Gambar Wisata Pengguna................ 100

4.3.6. Halaman Event Pengguna (wisatawan) ............................................ 101

4.3.7. Halaman Kontak Pengguna (wisatawan) .......................................... 102

4.3.8. Halaman Login Administrator .......................................................... 103

4.3.9. Halaman Beranda Administrator ...................................................... 103

4.3.10. Halaman Kelola Buku Tamu ......................................................... 104

4.3.10.1. Halaman Detail Buku Tamu ....................................................... 104

4.3.11. Halaman Kelola Event .................................................................. 105

4.3.11.1. Halaman Tambah Event ............................................................. 105

4.3.11.2. Halaman Edit Data Event ........................................................... 106

4.3.11.3. Halaman Ganti Video Event ....................................................... 107

4.3.11.4. Halaman Detail Event ................................................................ 107

4.3.12. Halaman Kelola Kategori Wisata.................................................. 108

4.3.12.1. Halaman Tambah Kategori Wisata ............................................ 109

4.3.12.2. Halaman Edit Kategori Wisata ................................................... 109


xviii

4.3.12.3. Halaman Detail Kategori Wisata ................................................ 110

4.3.13. Halaman Kelola Wisata................................................................. 110

4.3.13.1. Halaman Tambah Wisata ........................................................... 111

4.3.13.2. Halaman Edit Wisata .................................................................. 112

4.3.13.3. Halaman Detail Wisata ............................................................... 112

4.3.14. Halaman Kelola Gambar ............................................................... 113

4.3.14.1. Halaman Tambah Gambar .......................................................... 114

4.3.14.2. Halaman Edit Data Gambar ....................................................... 116

4.3.14.3. Halaman Ganti Gambar .............................................................. 116

4.3.14.4. Halaman Detail Gambar ............................................................. 117

4.3.15. Halaman Kelola ATM ................................................................... 117

4.3.15.1. Halaman Tambah ATM .............................................................. 118

4.3.15.2. Halaman Edit ATM .................................................................... 118

4.3.15.3. Halaman Detail ATM ................................................................. 119

4.3.16. Halaman Kelola Hotel ................................................................... 119

4.3.16.1. Halaman Tambah Hotel .............................................................. 120

4.3.16.2. Halaman Edit Hotel .................................................................... 121

4.3.16.3. Halaman Detail Hotel ................................................................. 121

4.3.17. Halaman Kelola Rumah Makan .................................................... 122

4.3.17.1. Halaman Tambah Rumah Makan ............................................... 123

4.3.17.2. Halaman Edit Rumah Makan ..................................................... 123

4.3.17.3. Halaman Detail Rumah Makan .................................................. 124

4.3.18. Halaman Kelola SPBU .................................................................. 125

4.3.18.1. Halaman Tambah SPBU ............................................................ 125

4.3.18.2. Halaman Edit SPBU ................................................................... 126

4.3.18.3. Halaman Detail SPBU ................................................................ 126


xix

4.3.19. Halaman Kelola Gambar Hotel ..................................................... 127

4.3.19.1. Halaman Tambah Gambar Hotel ................................................ 128

4.3.19.2. Halaman Edit Data Gambar Hotel .............................................. 128

4.3.19.3. Halaman Ganti Gambar Hotel .................................................... 129

4.3.19.4. Halaman Detail Gambar Hotel ................................................... 130

BAB V ANALISIS HASIL ................................................................................ 131

5.1. Analisa Hasil Uji Coba Sistem (Pengujian Alpha) .............................. 131

5.2. Analisa Hasil Uji Coba terhadap Pengguna (Pengujian Beta) ............. 133

5.3. Rangkuman Hasil Uji Coba Terhadap Pengguna ................................. 134

5.3.1. Form Kuesioner ................................................................................ 134

5.3.2. Hasil dan Pembahasan ...................................................................... 134

5.3.2.1. Hasil Uji Coba Terhadap Wisatawan ......................................... 134

5.3.2.2. Hasil Uji Coba Terhadap Admin ................................................ 141

5.3.3. Rangkuman Hasil Uji Coba Terhadapa Pengguna (wisatawan) ....... 142

5.4. Perbandingan Basis Data ...................................................................... 142

5.4.1. Basis Data ......................................................................................... 142

5.4.2. Basis Data Multimedia...................................................................... 143

BAB IV PENUTUP ........................................................................................... 144

6.1. Kesimpulan ........................................................................................... 144

6.2. Saran ..................................................................................................... 147

DAFTAR PUSTAKA ......................................................................................... 148


xx

DAFTAR GAMBAR

Gambar 2.1 Daur Hidup JSP ............................................................................... 14

Gambar 2.2 Metode Waterfall ............................................................................. 16

Gambar 2.3 Simbol Use Case .............................................................................. 19

Gambar 2.4 Simbol Aktor ................................................................................... 20

Gambar 2.5 Notasi dalam ERD ........................................................................... 22

Gambar 2.6 Simbol kesatuan luar (external agent) ............................................. 23

Gambar 2.7 Simbol Arus Data ............................................................................ 23

Gambar 2.8 Simbol Proses .................................................................................. 24

Gambar 2.9 Simbol Simpanan Data .................................................................... 24

Gambar 3.1 Use Case Diagram 1 (Wisata dan Kategori Wisata) ........................ 38

Gambar 3.2 Use Case Diagram 2 (Event dan Gambar) ....................................... 39

Gambar 3.3 Use Case Diagram 3 (ATM dan Hotel) ........................................... 40

Gambar 3.4 Use Case Diagram 4 (SPBU dan Rumah Makan) ........................... 41

Gambar 3.5 Use Case Diagram Bagian 5 ............................................................ 42

Gambar 3.6 Arsitektur Sistem ............................................................................. 43

Gambar 3.7 Diagram Konteks ............................................................................. 44

Gambar 3.8 Diagram Berjenjang Bagian 1 ......................................................... 45

Gambar 3.9 Diagram Berjenjang Bagian 2 ......................................................... 46

Gambar 3.10 DFD Level 1 Bagian 1 ................................................................... 47

Gambar 3.11 DFD Level 1 Bagian 2 ................................................................... 48

Gambar 3.12 DFD Level 2 Proses 1 .................................................................... 49










xxi

Gambar 3.21 DFD Level 2 Proses 10 .................................................................. 58

Gambar 3.22 ER Diagram ................................................................................... 59

Gambar 3.23 Perancangan Logikal Basis Data ................................................... 60

Gambar 3.24 Struktur Menu Pengguna (wisatawan) .......................................... 66

Gambar 3.25 Struktur Menu Admin .................................................................... 66

Gambar 3.26 Perancangan Halaman Beranda Pengguna (wisatawan) ................ 67

Gambar 3.27 Perancangan Halaman Profil Pengguna (wisatawan) .................... 68

Gambar 3.28 Perancangan Halaman Wisata Pengguna (wisatawan) .................. 68

Gambar 3.29 Perancangan Halaman Fasilitas Pengguna (wisatawan) ................ 69

Gambar 3.30 Perancangan Halaman Event Pengguna (wisatawan) .................... 69

Gambar 3.31 Perancangan Halaman Galeri Pengguna (wisatawan) ................... 70

Gambar 3.32 Perancangan Halaman Kontak Pengguna (wisatawan) ................. 70

Gambar 3.33 Perancangan Halaman Login Administrator ................................. 71

Gambar 3.34 Perancangan Halaman Beranda Administrator .............................. 71

Gambar 3.35 Perancangan Halaman Menu Kelola Wisata ................................. 72

Gambar 3.36 Perancangan Halaman Menu Tambah Wisata ............................... 72

Gambar 3.37 Perancangan Halaman Menu Edit Wisata ..................................... 73

Gambar 3.38 Perancangan Halaman Menu Detail Wisata .................................. 73

Gambar 3.39 Perancangan Halaman Menu Kelola Kategori Wisata .................. 74

Gambar 3.40 Perancangan Halaman Menu Tambah Kategori Wisata ................ 74

Gambar 3.41 Perancangan Halaman Menu Edit Kategori Wisata ...................... 75

Gambar 3.42 Perancangan Halaman Menu Detail Kategori Wisata ................... 75

Gambar 3.43 Perancangan Halaman Menu Kelola Event ................................... 76

Gambar 3.44 Perancangan Halaman Menu Tambah Event ................................. 76

Gambar 3.45 Perancangan Halaman Menu Edit Data Event............................... 77

Gambar 3.46 Perancangan Halaman Menu Ganti Video Event .......................... 77

Gambar 3.47 Perancangan Halaman Menu Detail Event .................................... 78

Gambar 3.48 Perancangan Halaman Menu Kelola Buku Tamu ......................... 78

Gambar 3.49 Perancangan Halaman Menu Detail Buku Tamu .......................... 79

Gambar 3.50 Perancangan Halaman Menu Kelola Hotel ................................... 79

Gambar 3.51 Perancangan Halaman Menu Tambah Hotel ................................. 80

Gambar 3.52 Perancangan Halaman Menu Edit Hotel........................................ 81


xxii

Gambar 3.53 Perancangan Halaman Menu Detail Hotel .................................... 82

Gambar 3.54 Perancangan Halaman Menu Kelola ATM ................................... 83

Gambar 3.55 Perancangan Halaman Menu Tambah ATM ................................. 83

Gambar 3.56 Perancangan Halaman Menu Edit ATM........................................ 84

Gambar 3.57 Perancangan Halaman Menu Detail ATM .................................... 84

Gambar 3.58 Perancangan Halaman Menu Kelola SPBU .................................. 85

Gambar 3.59 Perancangan Halaman Menu Tambah SPBU ................................ 85

Gambar 3.60 Perancangan Halaman Menu Edit SPBU ...................................... 86

Gambar 3.61 Perancangan Halaman Menu Detail SPBU ................................... 86

Gambar 3.62 Perancangan Halaman Menu Kelola Rumah Makan ..................... 87

Gambar 3.63 Perancangan Halaman Menu Tambah Rumah Makan .................. 87

Gambar 3.64 Perancangan Halaman Menu Edit Rumah Makan ......................... 88

Gambar 3.65 Perancangan Halaman Menu Detail Rumah Makan ...................... 88

Gambar 3.66 Perancangan Halaman Menu Kelola Gambar................................ 89

Gambar 3.67 Perancangan Halaman Menu Tambah Gambar ............................. 89

Gambar 3.68 Perancangan Halaman Menu Edit Data Gambar ........................... 90

Gambar 3.69 Perancangan Halaman Menu Ganti Gambar ................................. 90

Gambar 3.70 Perancangan Halaman Menu Detail Gambar ................................ 91

Gambar 3.71 Perancangan Halaman Menu Kelola Gambar Hotel ...................... 91

Gambar 3.72 Perancangan Halaman Menu Tambah Gambar Hotel ................... 92

Gambar 3.73 Perancangan Halaman Menu Edit Data Gambar Hotel ................. 92

Gambar 3.74 Perancangan Halaman Menu Ganti Gambar Hotel ....................... 93

Gambar 3.75 Perancangan Halaman Menu Detail Gambar Hotel....................... 93

Gambar 4.1 Beranda Pengguna (wisatawan) ....................................................... 98

Gambar 4.2 Halaman Profil Pengguna (wisatawan) ........................................... 99

Gambar 4.3 Halaman Wisata Pengguna (wisatawan) ......................................... 99

Gambar 4.4 Halaman Fasilitas Pengguna (wisatawan) ..................................... 100

Gambar 4.5 Halaman Galeri Pengguna (wisatawan)......................................... 100

Gambar 4.6 Halaman Tampilan Penuh Gambar Wisata Pengguna ................... 101

Gambar 4.7 Halaman Event Pengguna (wisatawan) ......................................... 102

Gambar 4.8 Halaman Kontak Pengguna (wisatawan) ....................................... 102


xxiii

Gambar 4.9 Halaman Login Administrator ....................................................... 103

Gambar 4.10 Halaman Beranda Administrator ................................................. 104

Gambar 4.11 Halaman Kelola Buku Tamu ....................................................... 104

Gambar 4.12 Halaman Gambar Detail Buku Tamu .......................................... 105

Gambar 4.13 Halaman Kelola Event ................................................................. 105

Gambar 4.14 Halaman Tambah Event .............................................................. 106

Gambar 4.15 Halaman Edit Event ..................................................................... 107

Gambar 4.16 Halaman Ganti Video Event ........................................................ 107

Gambar 4.17 Halaman View Video Event ........................................................ 108

Gambar 4.18 Halaman Kelola Kategori Wisata ................................................ 109

Gambar 4.19 Halaman Tambah Kateogri wisata............................................... 109

Gambar 4.20 Halaman Edit Kategori Wisata .................................................... 110

Gambar 4.21 Halaman Detail Kategori Wisata ................................................. 110

Gambar 4.22 Halaman Kelola Wisata ............................................................... 111

Gambar 4.23 Halaman Tambah Wisata ............................................................. 111

Gambar 4.24 Halaman Edit Wisata ................................................................... 112

Gambar 4.25 Halaman Detail Wisata ................................................................ 113

Gambar 4.26 Halaman Kelola Gambar ............................................................. 113

Gambar 4.27 Halaman Tambah Gambar ........................................................... 115

Gambar 4.28 Halaman Edit Data Gambar ......................................................... 116

Gambar 4.29 Halaman Ganti Gambar ............................................................... 117

Gambar 4.30 Halaman Detail Gambar .............................................................. 117

Gambar 4.31 Halaman Kelola ATM ................................................................. 118

Gambar 4.32 Halaman Tambah ATM ............................................................... 118

Gambar 4.33 Halaman Edit ATM ..................................................................... 119

Gambar 4.34 Halaman Detail ATM .................................................................. 119

Gambar 4.35 Halaman Kelola Hotel ................................................................. 120

Gambar 4.36 Halaman Tambah Hotel ............................................................... 120

Gambar 4.37 Halaman Edit Hotel ..................................................................... 121

Gambar 4.38 Halaman Detail Hotel .................................................................. 122

Gambar 4.39 Halaman Kelola Rumah Makan................................................... 122

Gambar 4.40 Halaman Tambah Rumah Makan ................................................ 123


xxiv

Gambar 4.41 Halaman Edit Rumah Makan....................................................... 124

Gambar 4.42 Halaman Detail Rumah Makan ................................................... 124

Gambar 4.43 Halaman Kelola SPBU ................................................................ 125

Gambar 4.44 Halaman Tambah SPBU .............................................................. 125

Gambar 4.45 Halaman Edit SPBU .................................................................... 126

Gambar 4.46 Halaman Detail SPBU ................................................................. 127

Gambar 4.47 Halaman Kelola Gambar Hotel ................................................... 127

Gambar 4.48 Halaman Tambah Gambar Hotel ................................................. 128

Gambar 4.49 Halaman Edit Data Gambar Hotel ............................................... 129

Gambar 4.50 Halaman Ganti Gambar Hotel ..................................................... 129

Gambar 4.51 Halaman Detail Gambar Hotel .................................................... 130


xxv

DAFTAR TABEL

Tabel 2.1 Method Basis data Multimedia............................................................. 27

Tabel 3.1 Tabel Admin ......................................................................................... 60

Tabel 3.2 Tabel ATM ........................................................................................... 61

Tabel 3.3 Tabel Hotel ........................................................................................... 61

Tabel 3.4 Tabel SPBU .......................................................................................... 62

Tabel 3.5 Tabel Rumah Makan ............................................................................ 62

Tabel 3.6 Tabel Wisata ......................................................................................... 63

Tabel 3.7 Tabel Kategori Wisata .......................................................................... 63

Tabel 3.8 Tabel Buku Tamu ................................................................................. 64

Tabel 3.9 Tabel Gambar ....................................................................................... 64

Tabel 3.10 Tabel Event......................................................................................... 65

Tabel 3.11 Tabel Gambar Hotel ........................................................................... 65

Tabel 5.1 Tabel Hasil Kuesioner Pernyataan 1 .................................................. 134






1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Perkembangan teknologi yang sangat cepat telah membawa

manusia memasuki kehidupan yang berdampingan dengan informasi dan

teknologi itu sendiri. Hal tersebut berdampak pada sebagian orang untuk

meninggalkan proses pencarian informasi secara manual yang

membutuhkan waktu lebih lama untuk mendapatkan atau menemukan

informasi yang diinginkan. Dengan teknologi informasi yang berkembang

saat ini, pencarian informasi dapat dilakukan secara lebih aktual dan

optimal. Penggunaan teknologi informasi bertujuan untuk mencapai

efisiensi dalam berbagai aspek pengelolaan informasi, yang ditunjukkan

dengan kecepatan dan ketepatan waktu pemrosesan, serta ketelitian dan

keakuratan informasi.

Selain perkembangan teknologi diatas permasalahan yang ada yaitu

kurangnya tersedia informasi pariswisata yang terdapat di Kabupaten

Purworejo yang mudah diakses oleh masyarakat umum. Kabupaten

Purworejo sebenarnya terletak strategis diapit kota budaya Kebumen,

Magelang, dan Yogyakarta, Namun karena sedikitnya ketersediaan

informasi pariwisata di Kabupaten Purworejo maka menjadikan objek

wisata Kabupaten Purworejo kurang terkenal. Kabupaten Purworejo ini

banyak menyimpan keindahan objek wisata. Potensi tempat wisata di

Purworejo memang patut dibanggakan. Purworejo menghadirkan berbagai

macam wisata seperti wisata alam, wisata pantai, dan wisata sejarah.

Pesona wisata alam Purworejo sangat potensial, banyak spot-spot tempat

wisata di Purworejo yang menghadirkan perpaduan keindahan alamnya.

Berikut adalah beberapa tempat wisata di Purworejo yang wajib kunjungi,

yaitu : Curug Silangit, Curug Sidandang, Curug Siklotok, Goa Seplawan,

Museum Tosan Aji, Masjid Agung Purworejo, Pantai Jatimalang, dan

Pantai Ketawang. Dengan memanfaatkan kemajuan teknologi internet


2

merupakan salah satu solusi untuk permasalahan ini. Oleh karena itu

dibutuhkan sebuah website yang dapat memberikan informasi mengenai

nama objek wisata, lokasi objek wisata dalam peta, alamat objek wisata,

deskripsi singkat objek wisata. Selain itu untuk kemudahan para wisatawan,

juga perlu ditambahkan beberapa informasi pada website misalnya

informasi hotel, rumah makan, ATM, dan SPBU. Diharapkan wisatawan

yang menggunakan website ini mendapatkan informasi yang dibutuhkan

dengan cepat dan realtime. Dari permasalahan diatas penulis tertarik

mengkaji lebih dalam permasalahan yang ada dan dituangkan dalam bentuk

penulisan Tugas Akhir dengan judul “Implementasi Basis Data Multimedia

Dalam Website Pariwisata Kabupaten Purworejo“.

1.2. Rumusan Masalah

1. Bagaimana membangun Website Pariwisata Kabupaten dengan

menggunakan basis data multimedia ?

2. Bagi pengguna (wisatawan) : Apakah website ini dapat efektif

membantu memperoleh informasi pariwisata, serta sejauh mana sistem

mudah digunakan oleh pengguna ?

3. Bagi administrator (Dinas Pariwisata Purworejo) : Apakah website ini

dapat efektif membantu mengelola data pariwisata, serta sejauh mana

sistem mudah digunakan oleh admin ?

4. Apakah website ini mampu menarik minat wisatawan/masyarakat

untuk mengunjungi wisata di Kabupaten Purworejo ?

1.3. Batasan Masalah

Skripsi ini menekankan pada pembuatan Website Pariwisata Kabupaten

Purworejo menggunakan Basis data Multimedia, yang mencangkup

berbagai hal, sebagai berikut:

1. Pembuatan peta pariwisata Kabupaten Purworejo ini mengambil data

peta dari Google Maps dan sebatas view.

2. Sistem memberikan layanan informasi tempat wisata yang ada di

Kabupaten Purworejo meliputi : nama objek wisata, lokasi objek


3

wisata, alamat objek wisata, deskripsi singkat objek wisata, informasi

hotel, rumah makan, ATM, dan SPBU.

3. Data pariwisata yang sudah ada di dalam sistem tidak dapat

dimodifikasi oleh pengguna (wisatawan), namun, dapat diubah oleh

admin (Dinas Pariwisata Purworejo).

4. Implementasi sistem dilakukan dengan menggunakan CSS, Bootstrap,

HTML, javascript, dan fungsi-fungsi yang disediakan oleh Google

Maps.

5. Website Pariwisata Kabupaten Purworejo menggunakan Bahasa

Indonesia.

1.4. Tujuan

1. Membangun suatu Website Pariwisata Kabupaten Purworejo

menggunakan basis data multimedia yang membantu dan memudahkan

wisatawan yang datang untuk mencari objek wisata di Kabupaten

Purworejo.

2. Membangun Website menggunakan basis data multimedia yang sesuai

kebutuhan bagi Dinas Pariwisata Kabupaten Purworejo maupun

wisatawan.

3. Membangun sebuah Website menggunakan basis data multimedia yang

dapat menampilkan objek wisata juga dilengkapi informasi ATM, hotel,

rumah makan, dan SPBU.

1.5. Manfaat Penelitian

1. Sebagai sarana penyedia informasi bagi wisatawan yang membutuhkan

informasi tempat wisata di Kabupaten Purworejo.

2. Mempromosikan tempat wisata di Kabupaten Purworejo kepada

wisatawan yang ingin mengetahui tentang tempat-tempat wisata yang

ada di Kabupaten Purworejo.


4

1.6. Metodologi Penelitian

Metodologi penelitian ini melalui beberapa tahap, sebagai berikut :

1. Survei awal

Pada tahap ini diawali dengan penyusunan proposal ke Dinas Pariwisata

Kabupaten Purworejo dan mengurus perijinan dalam penelitian ke

kantor Penanaman Modal dan Perijinan Terpadu Kabupaten Purworejo.

2. Studi Literatur

Studi Literatur untuk mendapatkan literatur yang telah ada yang berupa

buku dan jurnal terkait tentang sistem informasi berbasis web, bahasa

pemrograman JSP, basis data, basis data multimedia, dan pariwisata.

3. Pembangunan sistem menggunakan metode Waterfall dengan tahap-

tahap sebagai berikut :

a. Analisis Sistem

Pada tahap ini dilakukan pengumpulan data dan menganalisa

kebutuhan pengguna (wisatawan) agar sistem yang dibangun sesuai

dengan kebutuhan pengguna (wisatawan). Pada tahap ini dilakukan

wawancara langsung terhadap pihak yang ahli pada bidang tersebut,

dalam hal ini adalah pihak dari Dinas Pariwisata Kabupaten

Purworejo dan wawancara dengan masyarakat umum.

b. Perancangan Sistem

Setelah data terkumpul dan dianalisis kemudian dilakukan

perancangan sistem yang terdiri dari perancangan database dan

perancangan antarmuka website.

c. Implementasi Sistem

Dalam proses ini dilakukan implementasi perancangan sistem,

pembuatan database, dan penyusunan coding program

menggunakan bahasa pemrograman JSP dan basis data Oracle.

d. Pengujian Sistem

Dalam pengujian, sistem diuji dengan cara menjalankan tiap modul

dan secara keseluruhan pada sistem agar bebas dari kesalahan. Jika

masih terjadi kesalahan maka akan diperiksa kembali mulai dari

perancangan sistem sampai didapat hasil yang maksimal.


5

4. Uji coba sistem terhadap pengguna (wisatawan) dan administrator

(Dinas Pariwisata Purworejo) untuk mengetahui sejauh mana sistem

dapat efektif dan efisien membantu mendapatkan informasi wisata dan

sejauh mana sistem mudah digunakan oleh pengguna (wisatawan).

1.7. Sistematika Penulisan

Untuk memberikan gambaran secara menyeluruh masalah yang akan

dibahas dalam skripsi ini, maka sitematika penulisan dibagi dalam lima bab

sebagai berikut :

a. BAB I PENDAHULUAN

Bab ini menjelaskan latar belakang masalah, perumusan masalah,

batasan masalah, tujuan penelitian, manfaat penelitian, metode

penelitian, dan sistematika penulisan.

b. BAB II LANDASAN TEORI

Bab ini berisi tentang landasan teori yang berkaitan dengan pembuatan

Website Pariwisata Kabupaten Purworejo menggunakan basis data

multimedia, meliputi sistem informasi berbasis web, bahasa

pemrograman JSP, basis data, basis data multimedia, dan pariwisata.

c. BAB III ANALISIS DAN PERANCANGAN SISTEM

Bab ini menjelaskan tentang analisis sistem dan perancangan desain

Website Pariwisata Kabupaten Purworejo menggunakan bahasa

pemrograman JSP dan basis data multimedia.

d. BAB IV IMPLEMENTASI SISTEM

Bab ini menjelaskan tentang implementasi Website Pariwisata

Kabupaten Purworejo menggunakan basis data multimedia dari

rancangan ke dalam coding menggunakan bahasa pemrograman JSP

dan basis data Oracle.

e. BAB V ANALISIS HASIL IMPLEMENTASI

Bab ini berisi tentang analisis hasil implementasi yang telah

diujicobakan terhadap administrator (Dinas Pariwisata Purworejo) dan

pengguna (wisatawan).


6

f. BAB VI PENUTUP

Bab ini berisi tentang kesimpulan dari penelitian serta saran yang

berhubungan dengan topik skripsi .


7

BAB II

LANDASAN TEORI

2.1. Sistem

Berbagai definisi dari istilah sistem yang dikutip dari berbagai sumber :

1. Sistem adalah kumpulan objek atau elemen yang berinteraksi satu sama

lain untuk mencapai tujuan tertentu (Mudjihartono, 1992).

2. Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk

mencapai suatu tujuan tertentu (Jogiyanto, 1999).

Berdasarkan beberapa definisi sistem diatas, dapat diambil

kesimpulan sistem adalah suatu kumpulan elemen-elemen yang saling

berinteraksi satu sama lain untuk mencapai tujuan tertentu. Komponen atau

karakteristik sistem adalah bagian yang membentuk sebuah sistem,

diantaranya:

1. Objek merupakan bagian, elemen atau variable yang dapat berupa

benda fisik, abstrak atau keduanya.

2. Atribut merupakan penentu kualitas atau sifat kepemilikian sistem dan

objeknya.

3. Hubungan internal merupakan penghubungan diantara objek-objek

yang terdapat dalam sebuah sistem.

4. Lingkungan merupakan tempat dimana sistem berada.

5. Tujuan setiap sistem memiliki tujuan dan tujuan inilah yang menjadi

motivasi yang mengarahkan sistem. Tanpa tujuan, sistem menjadi tidak

terkendali. Tentu tujuan antara satu sistem dengan sistem yang lain

berbeda.

6. Masukan adalah sesuatu yang masuk ke dalam sistem dan selanjutnya

menjadi bahan untuk diproses. Masukan tersebut dapat berupa hal-hal

yang tampak fisik (bahan mentah) atau yang tidak tampak (jasa).

7. Proses adalah bagian yang melakukan perubahan dari masukan menjadi

keluaran yang berguna dan lebih bernilai (informasi) atau yang tidak

berguna (limbah).


8

8. Keluaran adalah hasil dari proses. Pada sistem informasi berupa

informasi atau laporan, dan sebagainya.

9. Batas adalah pemisah antara sistem dan daerah luar sistem. Batas disini

menentukan konfigurasi, ruang lingkup atau kemampuan sistem. Batas

juga dapat diubah atau dimodifikai sehingga dapat merubah perilaku

sistem.

10. Mekanisme pengendalian dan umpan balik, digunakan untuk

mengendalikan masukan atau proses. Tujuannya untuk mengatur agar

sistem berjalan sesuai dengan tujuan.

2.2. Informasi

Informasi adalah Sekumpulan data/fakta yang diorganisasi atau

diolah dengan cara tertentu sehingga mempunyai arti bagi penerima. Data

yang telah diolah menjadi sesuatu yang berguna bagi si penerima

maksudnya yaitu dapat memberikan keterangan atau pengetahuan. Dengan

demikian yang menjadi sumber informasi adalah data. Informasi dapat juga

dikatakan sebuah pengetahuan yang diperoleh dari pembelajaran,

pengalaman, atau instruksi.

2.3. Sistem Informasi Berbasis web

Menurut Juansyah (2013), sistem informasi berbasis web adalah

serangkaian komponen yang terkait satu sama lain dan bekerja bersama-

sama untuk mengumpulkan, mengolah, menyimpan, dan menyebarluaskan

informasi guna mendukung pengambilan keputusan, koordinasi, kontrol,

analisis, dan visualisasi yang distimulisasikan melalui media Web.

2.4. Google Maps API

Google Maps merupakan layanan aplikasi peta online yang

disediakan oleh Google secara gratis. Layanan peta Google Maps secara

resmi dapat diakses melalui situs http://maps.google.com. Pada situs

tersebut dapat dilihat informasi geografis pada hampir semua permukaan di

bumi kecuali daerah kutub utara dan selatan. Layanan ini di buat sangat


9

interaktif, karena di dalamnya peta dapat digeser sesuai keinginan

pengguna, mengubah level zoom, serta mengubah tampilan jenis peta.

Google Maps mempunyai banyak fasilitas yang dapat di pergunakan

misalnya pencarian lokasi dengan memasukkan kata kunci, kata kunci yang

dimaksud seperti nama tempat, kota atau jalan, fasilitas lainnya yaitu

perhitungan rute perjalanan dari satu tempat, ke tempat lain. Google Map

dibuat dengan menggunakan kombinasi dari gambar peta, database, serta

objek-objek interaktif yang dibuat dengan bahasa pemrograman HTML,

JavaScript dan AJAX, serta beberapa bahasa pemrograman lainnya.

2.5. Web Browser

Web Browser adalah suatu program atau software yang digunakan

untuk menjelajahi internet atau untuk mencari informasi dari suatu web

yang tersimpan didalam komputer. Awalnya, web browser berorientasi

pada teks dan belum dapat menampilkan gambar. Namun, web browser

sekarang tidak hanya menampilkan gambar dan teks saja, tetapi juga

memutar file multimedia seperti video dan suara. Web browser juga dapat

mengirim dan menerima email, mengelola HTML, sebagai input dan

menjadikan halaman web sebagai hasil output yang informatif. Dengan

menggunakan web browser, para pengguna internet dapat mengakses

berbagai informasi yang terdapat di internet dengan mudah. Beberapa

contoh web browser diantaranya Internet Explorer, Mozilla, Firefox, Safari,

Opera, dan lain-lain.

2.6. HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa

markup yang digunakan untuk membuat sebuah halaman web dan

menampilkan berbagai informasi di dalam sebuah browser Internet.

Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia

penerbitan dan percetakan yang disebut dengan SGML (Standard

Generalized Markup Language). HTML adalah sebuah standar yang

digunakan secara luas untuk menampilkan halaman web. HTML saat ini


10

merupakan standar Internet yang didefinisikan dan dikendalikan

penggunaannya oleh World Wide Web Consortium (W3C). HTML berupa

kode-kode tag yang menginstruksikan browser untuk menghasilkan

tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file

HTML dapat dibuka dengan menggunakan browser web seperti Mozilla

Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh

aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki

kemampuan browser. HTML dokumen tersebut mirip dengan dokumen

teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi

yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu.

Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti:

TAMPIL TEBAL, maka penulisannya dilakukan dengan cara:

<b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan

instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri

dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.

2.7. CSS

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web

(style sheet language) yang mengontrol format tampilan sebuah halaman

web yang ditulis dengan menggunakan penanda markup language.

Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan

XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumen

XML, termasuk SVG dan XUL bahkan ANDROID.CSS dibuat untuk

memisahkan konten utamadengan tampilan dokumen yang meliputi layout,

warna dan jenis huruf. Pemisahan ini dapat meningkatkann daya akses

konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam

spesifikasi dari sebuah karakteristik dari sebuah tampilan, memungkinkan

untuk membagi halaman untuk sebuah formatting dan mengurangi

kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik

tableless pada desain web.

CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam

berbagai style dengan menggunakan metode pembawaan yang berbeda


11

pula, seperti on-screen, in-print, by voice, dan lain-lain. Sementara itu,

pemilik konten web bisa menentukan link yang menghubungkan konten

dengan file CSS. Tujuan utama CSS diciptakan untuk membedakan konten

dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun

pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk

dalam desain web diantaranya adalah warna, ukuran, dan formatting.

Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi

memungkinkan untuk melakukan pengulangan pada tampilan-tampilan

tertentu dalam suatu web, sehingga akan memudahkan dalam membuat

halaman web yang banyak, yang pada akhirnya dapat memangkas waktu

pembuatan web.

2.8. Javascript

Javascript adalah bahasa yang berbentuk kumpulan script yang

berjalan pada suatu dokumen HTML. Bahasa ini adalah bahasa

pemrograman untuk memberikan kemampuan tambahan terhadap bahasa

HTML dengan mengijinkan pengeksekusian perintah perintah di sisi user,

yang artinya di sisi browser bukan di sisi server web. Javascript

diperkenalkan pertama kali oleh Brendan Eich yang bekerja di Netscape

pada tahun 1995. Pada awalnya bahasa ini dinamakan “LiveScript” yang

berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2.

Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan

Sun (pengembang bahasa pemrograman Java) pada masa itu, maka

Netscape memberikan nama Javascript kepada bahasa tersebut pada tanggal

4 desember 1995.

Oleh karena ada banyak perusahaan yang mengembangan, bahasa

ini kemudian distandarkan dengan nama ECMAScript oleh Netscape

melalui Organisasi Internasional ECMA. Standar ini dipublikasikan

pertama kali pada bulan Juni 1997 dengan nama dokumen Spesifikasi

ECMA-262. Saat ini standar ini telah mencapai rilis Edisi ke-5.1, yang

dipublikasikan pada bulan Juni 2011. Setiap browser saat ini memiliki

implementasi sendiri-sendiri untuk ECMAScript ini, diantaranya Internet


12

Explorer dengan JScript, Opera dengan ECMAScript, dan Mozilla Firefox,

Google Chrome termasuk juga Safari dengan nama Javascript.Selain di

browser, sekarang Javascript juga sudah diterapkan pada banyak aplikasi

lainnya seperti Windows 8 Apps (.Net Framework), Adobe Flash

ActionScript, KDE Desktop Environment, Node.js, Qt QML, JQuery

Mobile, Firefox OS, Ubuntu Touch dan masih banyak lagi kemungkinan

implementasi lainnya.

2.9. WWW

WWW merupakan kepanjangan dari (World Wide Web) yang dapat

diartikan sebagai suatu ruang informasi yang dipakai oleh pengenal global

yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti

sumber daya berguna. WWW sering dianggap sama dengan Internet secara

keseluruhan, walaupun sebenarnya ia hanyalah bagian dari pada Internet.

Dengan kata lain WWW juga bisa diartikan sebagai nama yang diberikan

untuk semua bagian Internet yang dapat diakses dengan software web

browser. Dengan adanya WWW, kita bisa menerima berbagai macam

informasi dalam berbagai format. WWW sering disebut juga sebagai

protokol pada sebuah URL (Uniform Resource Locator). Fungsi WWW

sendiri sebenarnya adalah menyediakan data serta informasi yang

dibutuhkan untuk dapat dipergunakan bersama. WWW pertama kali

dikembangkan di Pusat Penelitian Fisika Partikel Eropa (CERN), Jenewa,

Swiss. Sekitar tahun 1989 Berners-lee membuat proposal untuk proyek

pembuatan hypertext secara global, kemudian pada bulan Oktober 1990,

‘World Wide Web‘ sudah bisa dijalankan dalam lingkungan CERN. Pada

musim panas tahun 1991 dan WWW resmi digunakan secara luas pada

jaringan Internet.

2.10. Bahasa Pemrograman JSP

JSP adalah suatu teknologi web berbasis bahasa pemrograman Java

dan berjalan di Platform Java, serta merupakan bagian teknologi J2EE (Java

2 Enterprise Edition). JSP sangat sesuai dan tangguh untuk menangani


13

presentasi di web. Sedangkan J2EE merupakan platform Java untuk

pengembangan sistem aplikasi enterprise dengan dukungan API

(Application Programming Inteface) yang lengkap dan portabilitas serta

memberikan sarana untuk membuat suatu aplikasi yang memisahkan antara

business logic (sistem), presentasi dan data. JSP merupakan bagian dari

J2EE dan khususnya merupakan komponen web dari aplikasi J2EE secara

keseluruhan. JSP juga memerlukan JVM (Java Virtual Machine) supaya

dapat berjalan, yang berarti juga mengisyaratkan keharusan menginstal

Java Virtual Machine diserver, dimana JSP akan dijalankan. Selain JVM,

JSP juga memerlukan server yang disebut dengan Web Container.

Teknologi JSP menyediakan cara yang lebih mudah dan cepat untuk

membuat halaman-halaman web yang menampilkan isi secara dinamik.

Teknologi JSP di desain untuk membuat lebih mudah dan cepat dalam

membuat aplikasi berbasis web yang bekerja dengan berbagai macam web

server, application server, browser dan development tool. Java Server

Pages (JSP) adalah bahasa scripting untuk web programming yang bersifat

server side seperti halnya PHP dan ASP. JSP dapat berupa gabungan antara

baris HTML dan fungsi-fungsi dari JSP itu sendiri. Berbeda dengan Servlet

yang harus dikompilasi oleh USER menjadi class sebelum dijalankan, JSP

tidak perlu dikompilasi oleh user tapi server yang akan melakukan tugas

tersebut. Maka pada saat user membuat pertama kali atau melakukan

modifikasi halaman dan mengeksekusinya pada web browser akan

memakan sedikit waktu sebelum ditampilkan. Daur Hidup JSP sebagai

gambaran bagaimana JSP melalui masa hidupnya bisa dilihat pada gambar

2.1 berikut:


14

Gambar 2.1 Daur Hidup JSP

Seperti tipe aplikasi java lainnya (Servlet, Applet, Midlet dll), JSP

juga bertipe strong type artinya penggunaan variable pada halaman tersebut

harus dideklarasikan terlebih dahulu. Seperti halnya script server side yang

lain, JSP pun memerlukan web server. Skrip ASP memerlukan IIS sebagai

web server, PHP memerlukan IIS atau Apache, sedangkan JSP bisa

menggunakan Apache Tomcat sebagai salah satu web server yang

mendukungnya agar bisa menjalankan file-file JSP yang berbasis Java,

diperlukan web server yang mampu memproses Java atau minimal JSP

engine yang dapat terintegrasi dengan web server. Web Container Menurut

spesifikasi J2EE, dikenal EJB Container, Web Container dan Application

Server. Web Container adalah services yang dijalankan oleh suatu Java

Application Server hususnya untuk services yang compliance/kompatibel

dengan Servlet dan JSP. Selain menjadi services oleh Java Application

Server, Web Container dapat berdiri sendiri. Contoh Web Container adalah

Tomcat, ServletExec, Resin, Jrun, Blazix. Web Container juga dapat

bekerja sama dengan web server, misalnya Tomcat dengan Apache, Jrun

dengan IIS. Web Server adalah software untuk server yang menangani

request melalui protokol HTTP yang digunakan oleh situs-situs web saat

ini dalam menangani request file statik HTML, sepeti Apache dan


15

Microsoft IIS. Web server sekarang sering “dibungkus” oleh Java

Application Server sebagai HTTP Server. Java Application Server adalah

Server yang terdiri atas HTTP Server (Web Server), EJB Container maupun

Web Container. Contoh Java Application Server: Sun J2EE RI 1.2/1.3,

Borland AppServer 4.5/Enterprise Server 5.0, Oracle9i Application Server

dan lainnya.

Kelebihan JSP

1. JSP dapat berjalan pada berbagai platform.

2. JSP cenderung memiliki performansi yang lebih baik, karena JSP

dilakukan kompile terlebih dahulu menjadi servlet yang berupa

bytecode.

3. Didukung bahasa Java yang memilki kemampuan OOP dan tingkat

reuseability tinggi.

4. Dapat menggunakan JavaBean untuk mengenkapsulasi kode-kode java.

Kelemahan JSP

Proses kompile terhadap halaman JSP mengakibatkan client harus

menunggu lebih lama pada saat pertama kali di lakukan loading. Hal ini

tentu saja menyebabkan kecepatan proses JSP secara menyeluruh

berkurang.

2.11. Metode Waterfall

Metode pengembangan sistem metode SDLC (Sistem Development

Life Cycle) atau sering disebut sebagai pendekatan air terjun (waterfall).

Metode waterfall pertama kali diperkenalkan oleh Windows W. Royce pada

tahun 1970. Waterfall merupakan model klasik yang sederhana dengan

aliran sistem yang linier Output dari setiap tahap merupakan input bagi

tahap berikutnya (Kristanto, 2004).


16

Gambar 2.2 Metode Waterfall

1. Analisis Sistem

Analisis sistem adalah penguraian dari suatu sistem yang utuh ke dalam

kegiatan-kegiatan komponennya, dengan maksud untuk

mengidentifikasikan dan mengevaluasi permasalahan-permasalahan,

kesempatan-kesempatan, hambatan-hambatan, yang terjadi dan kebutuhan-

kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-

perbaikannya.

2. Desain Sistem

Desain Sistem adalah persiapan rancang bangun implementasi yang

menggambarkan bagaimana suatu sistem dibentuk yang berupa

penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari

beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan

berfungsi, menyangkut di dalamnya konfigurasi komponen perangkat

lunak dan perangkat keras dari suatu sistem.

a. Desain Model

Desain Model yang digunakan adalah model logika yang mana model

logika lebih menjelaskan kepada pengguna bagaimana nantinya fungsi-

fungsi sistem informasi secara logika akan bekerja. Logika model

digambarkan dengan Data Flow Diagram.


17

b. Desain Database

Database merupakan kumpulan dari data yang saling berhubungan satu

dengan yang lain, tersimpan disimpanan luar komputer dan digunakan

perangkat lunak tertentu untuk memanipulasinya. Desain database

dilakukan dengan cara mengidentifikasi file-file yang diperlukan oleh

sistem informasi dengan melihat desain model yang telah digambarkan

dalam bentuk DFD atau DAD yang ditentukan melalui teknik

normalisasi. Selanjutnya menentukan parameter dari file database

seperti: tipe file, organisasi file, akses file dan field kunci dari file.

c. Desain Tabel dan Relasi Antartabel

Di dalam database memiliki tabel-tabel yang berfungsi untuk

menyimpan record, sedangkan relasi antartabel merupakan hubungan

antartabel yang ditandai dengan adanya foreign key. Desain tabel dan

relasi antartabel dilakukan setelah tahapan normalisasi.

d. Desain Antarmuka

Desain web adalah tahap yang harus dilakukan sebelum mulai

membuat website atau situs web. Konsep rancangan dalam mendesain

halaman web adalah tampilan pada halaman browser yang akan diakses

oleh pengguna.

e. Desain Output

Output adalah keluaran yang dihasilkan oleh sistem informasi baik

berupa media keras seperti kertas atau hasil di media lunak seperti

tampilan dilayar.

f. Desain Input

Desain input ditentukan dari DFD atau DAD sistem baru yang telah

dibuat, selanjutnya ditentukan parameternya, seperti: bentuk dari input,

dokumen dasar atau bentuk isian di dialog layar.

g. Desain Kontrol

Desain kontrol bertujuan untuk mencegah atau menjaga terjadinya hal-

hal yang tidak diinginkan seperti kesalahan-kesalahan dan kecurangan-

kecurangan untuk melindungi sistem informasi dari hal-hal yang

merugikan. Pengendalian dalam sistem informasi yang dilakukan


18

adalah pengendalian aplikasi, yaitu pengendalian yang diterapkan

selama proses pengolahan data berlangsung yang meliputi

pengendalian masukan, pengolahan dan keluaran.

h. Desain Teknologi

Desain teknologi yang diterapkan pada pembuatan website misalnya,

menggunakan desain teknologi E-commerce.

3. Penulisan Program atau Pengkodean

Menerjemahkan hasil proses perancangan menjadi sebuah bentuk program

komputer yang dimengerti oleh mesin komputer.

4. Ujicoba Program

Ujicoba program merupakan elemen yang kritis dari SQA (Software

Quality Assurance) dan mempresentasikan tinjauan ulang yang menyeluruh

terhadap spesifikasi, desain dan pengkodean. Ujicoba mempresentasikan

ketidak normalan yang terjadi pada pengembangan sistem. Selama definisi

awal dan fase pembangunan, pengembangan berusaha untuk membangun

sistem dari konsep yang abstrak sampai dengan implementasi yang

memungkinkan.

5. Implementasi Sistem

Tahap implementasi adalah tahap dimana semua elemen dan aktivitas

sistem disatukan dengan langkah-langkah sebagai berikut:

a. Menyiapkan Fasilitas Fisik

Fasilitas-fasilitas fisik yang disiapkan antara lain komputer dan

peripheralnya, termasuk keamanan fisik untuk menjaga berlangsungnya

peralatan dalam jangka waktu yang lama.

b. Menyiapkan Pemakai

Pemakai disiapkan dengan terlebih dahulu yaitu dengan memberikan

pelatihan secara prosedural maupun tutorial mengenai sistem informasi

sesuai fungsi tugasnya. Tujuannya adalah agar para pemakai mengerti

dan mengusai operasi sistem dan cara kerja sistem serta apa saja yang

diperoleh dari sistem.


19

c. Melakukan Simulasi

Kegiatan simulasi berupa pengujian sistem secara nyata yang

melibatkan personil yang sesungguhnya.

6. Pemeliharaan Sistem (Maintenance)

Ada 3 alasan perlunya pemeliharaan sistem, yaitu:

a. Untuk membenarkan kesalahan atau kelemahan sistem yang tidak

terdeteksi pada saat pengujian.

b. Untuk membuat sistem up to date.

c. Untuk meningkatkan kemampuan sistem.

2.12. Notasi Pemodelan

2.12.1. Use Case

Use Case diagram adalah diagram yang menggambarkan interaksi

antara sistem dengan sistem eksternal dan pengguna. Use Case diagram

akan menggambarkan secara grafikal pengguna sistem dengan cara

pengguna berinteraksi dengan sistem (Whitten, 2004).

2.12.1.1. Simbol Use Case dan Aktor

Use Case digambarkan secara grafik dengan bentuk elips

horizontal dengan nama dari pengguna case tertera dibawah atau

didalam elips.

Gambar 2.3 Simbol Use Case

Aktor merupakan segala sesuatu yang dibutuhkan untuk

berinteraksi dengan sistem untuk mengubah informasi. Aktor dapat

berupa orang, organisasi, atau sistem informasi yang lain atau juga

mungkin adalah suatu waktu kejadian.


20

Gambar 2.4 Simbol Aktor

2.12.1.2. Relasi

Relasi digambarkan dengan sebuah garis diantara dua

simbol didalam use case diagram. Arti relasi dapat berbeda antara

satu dengan yang lainnya tergantung pada bagaimana cara garis

digambarkan dan tipe simbol apa yang disambungkan.

Ada beberapa jenis relasi yang digunakan untuk

menggambarkan use case diagram yaitu:

1. Association adalah relasi antara actor dan sebuah use case

dimana terjadi interaksi diantara keduanya.

2. Extends yaitu sebuah relasi antara extension use case dan use

case yang di-extend. Extendsion use case adalah sebuah use

case yang berisi langkah-langah yang diekstrak dari sebuah use-

case yang lebih kompleks agar menjadi use case lebih sederhana

dan kemudian diberikan tambahan fungsinya.

3. Uses atau includes yaitu sebuah relasi antara abstract use case

dan use case yang mengurangi redudansi antara satu atau lebih

use case dengan cara mengkobinasikan langkah-langkah yang

umum ditemukan dalam case-nya.

4. Depend on yaitu sebuah relasi use case yang menentukan

bahwa use case yang lain harus dibuat sebelum current use case

dan dapat menentukan urutan dimana use case perlu untuk

dikembangkan. Digambarkan sebagai garis anak panah yang

dimulai dari satu use case dan menunjuk ke use case yang

bergantung padanya.

5. Inheritance yaitu relasi use case yang tingkah laku pada

umumnya menggambarkan dua actor yang menginisiasi use


21

case yang mana akan ditugaskan dan dieksplorasi dalam abstrak

aktor yang baru untuk mengurangi redudansi. Relasi ini

digambarkan dengan garis anak panah yang dimulai pada satu

aktor dan menunjuk abstrak aktor yang memiliki interaksi

turunan dari aktor yang pertama.

2.12.2. Database Conceptual Design

Hasil dari fase ini disebut sebagai conceptual shcema dan

dinyatakan dalam conceptual data model yang menggunakan Entity

Relationship Diagram (ERD). ERD merupakan alat yang digunakan untuk

membantu dalam proses pemodelan data. Dia komponen utama pembentuk

ERD adalah entitas dan relasi. Entitas adalah sebuah objek yang nyata ada

dan dibedakan dari sesuatu yang lain. Setiap entitas pasti memiliki atribut

yang mendeskripsikan kerakteristik dan entitas. Ada beberapa macam relasi

yang dapat digambarkan dalam ERD yaitu :

1. Relasi Satu Lawan Satu (One to One Relationship)

Relasi ini terjadi bila tiap anggota entity A hanya boleh berpasangan

dengan tepat satu anggota entity B. Hubungan 1:N mencakup juga relasi

1:0 dan 0:1.

2. Relasi Satu Lawan Banyak (One to Many Relationship)

Relasi ini terjadi bila tiap anggota entity A berpasangan lebih dari satu

anggota entity B. Hubungan one to many mencakup relasi 1:1, 0:1, 1:1.

3. Relasi Banyak Lawan (Many to Many Relationship)

Relasi ini terjadi bila tiap anggota entity A boleh berpasangan dengan

lebih dari satu anggota entity B, begtu juga sebaliknya tiap anggota B

boleh berpasangan dengan lebih dari satu anggota entity A. Relasi

mencakup 1:N, 1:1, 1:0, 0:1


22

Gambar 2.5 Notasi dalam ERD

2.12.3. Desain Logikal dan Desain Fisikal

Dalam fase desain logikal ini dilakukan proses transaksi dari

conceptual shcema yang sudah dibuat pada fase sebelumnya. Hasil dari fase

ini disebut sebagai logical shcema dan dinyatakan dalam logical data model

yang digambarkan menggunakan relational model. Dalam fase ini harus

dilakukan beberapa optimalisasi terhadap operasi-operasi yang akan

dilakukan terhadap data-data yang ada. Teknik yang biasa digunakan untuk

melakukan optimalisasi ini dinamakan normalisasi.

Normalisasi adalah suatu proses pengelompokan elemen data ke

dalam sejumlah tabel yang mempresentasikan sejumlah entitas dan

relasinya. Langkah normalisasi bertujuan :

1. Sebagai alat penolong dalam proses perancangan database.

2. Untuk meminimalkan grup elemen data yang sama dan berulang-ulang

(redudansi) dalam database karena hal tersebut menyebabkan akses

menjadi lambat dan memboroskan tempat penyimpanan.

3. Untuk memudahkan proses pengisian, penghapusan, dan

pengembangan database.

Sedangkan untuk fase desain fisikal harus dipastikan bahwa logical

schema yang sudah dibuat pada fase sebelumnya dilengkapi dengan detail-

detail yang diperlukan untuk pengimplementasian secara fisik pada

Database Management System (DBMS) yang akan digunakan. Hasil dari

fase ini disebut sebagai physical schema.


23

2.12.4. Pemodelan Proses

Pemodelan proses (Whitten et.al, 2004) adalah teknik yang

digunakan untuk mengorganisasikan dan mendokumentasikan proses dari

sistem. Data Flow Diagram (DFD) merupakan sebuah model proses yang

digunakan untuk menggambarkan aliran data yang melalui sebuah sistem

dan prosrs yang digunakan untuk menggambarkan alira data yang melalui

sebuah sistem dan proses yang dibentuk oleh sistem. Berikut adalah simbol-

simbol yang digunakan dalam DFD.

1. Kesatuan luar (external agent/enternal entity) merupakan suatu

kesatuan yang berada di luar sistem yang sedang dikembangkan yang

akan memberikan input atau menerima output dari sistem. Suatu

kesatuan dapat disimbolkan dengan notasi kotak bujur sangkar.

Gambar 2.6 Simbol kesatuan luar (external agent)

2. Arus data (data flow) yang mengalir diantara proses, penyimpanan data

dan kesatuan luar. Arus data adalah data yang menjadi input ke proses

atau output dari sebuah proses. Arus data dapat berbentuk formulir atau

dokumen yang digunakan oleh proses, laporan tercetak yang dihasilkan

oleh sistem, tampilan atau output di layar komputer, surat atau memo,

blangko isian, transmisi data. Arus data diberi simbol garis dengan anak

panah.

Gambar 2.7 Simbol Arus Data

3. Proses merupakan kegiatan atau kerja yang dilakukan orang, mesin atau

komputer dari suatu hasil arus data yang masuk ke dalam proses untuk

dihasilkan arus data yang keluar dari proses. Suatu proses dapat


24

ditunjukkan dengan simbol persegi panjang dengan sudut-sudut yang

tumpul.

Gambar 2.8 Simbol Proses

4. Simpanan data (Data Store) dapat berupa file/database di sistem

komputer, arsip/catatan manual, tabel acuan, agenda buku. Dinamai

dengan kata benda.

Gambar 2.9 Simbol Simpanan Data

2.13. Basis data

Database atau basis data adalah kumpulan data yang disimpan

secara sistematis di dalam komputer yang dapat diolah atau dimanipulasi

menggunakan perangkat lunak (program aplikasi) untuk menghasilkan

informasi. Pendefinisian basis data meliputi spesifikasi berupa tipe data,

struktur data dan juga batasan-batasan data yang akan disimpan. Basis data

merupakan aspek yang sangat penting dalam sistem informasi dimana basis

data merupakan gudang penyimpanan data yang akan diolah lebih lanjut.

Basis data menjadi penting karena dapat mengorganisasi data, menghidari

duplikasi data, hubungan antar data yang tidak jelas dan juga update yang

rumit.

Proses memasukkan dan mengambil data ke dan dari media

penyimpanan data memerlukan perangkat lunak yang disebut dengan

sistem manajemen basis data (database management system | DBMS).

DBMS merupakan sistem perangkat lunak yang memungkinkan pengguna

database untuk memelihara, mengontrol dan mengakses data secara praktis


25

dan efisien. Dengan kata lain semua akses ke basis data akan ditangani oleh

DBMS. Ada beberapa fungsi yang harus ditangani DBMS yaitu mengolah

pendefinisian data, menangani permintaan pemakai untuk mengakses data,

memeriksa sekuriti dan integriti data yang didefinisikan oleh DBA

(Database Administrator), menangani kegagalan dalam pengaksesan data

yang disebabkan oleh kerusakan sistem maupun disk dan menangani unjuk

kerja semua fungsi secara efisien.

Tujuan utama dari DBMS adalah untuk memberikan tinjauan

abstrak data kepada pengguna. Jadi sistem menyembunyikan informasi

tentang bagaimana data disimpan, dipelihara dan tetap bisa diambil

(diakses) secara efisien. Pertimbangan efisien di sini adalah bagaimana

merancang struktur data yang kompleks tetapi masih tetap bisa digunakan

oleh pengguna awam tanpa mengetahui kompleksitas strukturnya.

2.14. Basis Data Multimedia

Menurut Tay Vaughan (2011,p1) multimedia adalah kombinasi dari

teks, foto, seni, grafis, suara, animasi, dan video yang dimanipulasi secara

digital. Multimedia yang memperbolehkan penggunanya untuk

menentukan apa dan kapan elemen multimedia disampaikan disebut

sebagai multimedia interakif. Sedangkan multimedia interaktif yang

menyedikan struktur elemen yang terhubung satu sama lainnya dan

pengguna dapat menavigasikannya disebut sebagai hypermedia.

Saat ini banyak pengguna yang menggunakan multimedia dengan

beberapa alasan, diantaranya mudah digunakan, menarik, banyak perhatian,

penyimpanan yang lebih baik, antarmuka yang intutif (mudah dimengerti),

pengertian yang lebih baik terhadap konten, dan lebih menyenangkan

sehingga menjadi lebih efektif.

2.14.1. Kelebihan dan Kekurangan Basis Data Multimedia

Kelebihan Basis Data Multimedia :

1. MMDB (multimedia database) dapat menangani objek multimedia

dalam jumlah besar dimana Relational Database tidak dapat

melakukannya secara efektif.


26

2. Lebih lengkap karna dilengkapi dengan data bukan hanya teks tetapi

gambar, video, audio, dan lain–lain.

3. MMDB sangat membantu dalam pengembangan aplikasi multimedia.

Kekurangan Basis Data Multimedia :

1. Pengaksesan yang relatif memakan waktu dibandingkan dengan data

berupa text.

2.14.2. Objek Multimedia

Multimedia terdiri dari beberapa objek, yaitu teks, grafik, image, animasi,

audio dan video.

a. Teks

Teks merupakan dasar dari pengolahan kata dan informasi berbasis

multimedia.

b. Image

Secara umum image berarti still image (gambar tetap) seperti foto dan

gambar. Manusia sangat berorientasi pada visual (visual oriented), dan

gambar merupakan sarana yang sangat baik untuk menyajikan

informasi.

c. Audio

Penyajian audio merupakan cara lain untuk lebih memperjelas

pengertian suatu informasi. Contohnya, narasi merupakan kelengkapan

dari penjelasan yang dilihat melalui video. Suara dapat lebih

menjelaskan karakteristik suatu gambar, misalnya musik dan suara efek

(sound effect).

d. Video

Video menyediakan sumber yang kaya dan hidup untuk aplikasi

multimedia. Dengan video dapat menerangkan hal-hal yang sulit

digambarkan lewat kata-kata atau gambar diam dan dapat

menggambarkan emosi dan psikologi manusia secara lebih jelas.

2.14.3. Method-method Basis Data Multimedia

Method-method yang digunakan dalam setiap tipe data yaitu:


27

Tabel 2.1 Method Basis data Multimedia

Tipe Data Method

ORDAudio

checkProperties()

getAllAttributes()

getAttributte()

getAudioDuratuion()

getCompressionType()

getContentLength

getDescription()

getEncoding()

getFormat()

getMimeType()

setNumberofChannels()

setKnownAttribute()

setProperties()

setSamplingRate()

setSampleSize()

ORDImage(Image)

checkProperties()

copy()

getCompressionFormat()

getContentFormat()

getContentLength()

getDicomMetadata()

getPreferredFormat()

getFileFormat()

getHeight()

getMetadata()

getWidth()

import()

importFrom()


28

process()

processCopy()

putMetadata()

setProperties()

setContentLength()

deleteContent()

setProperties() for foreign

images

ORDVideo (Video)

checkProperties()

getAllAttributes()

getAttribute()

getBitRate()

getCompressionType()

getContentInLob()

getContentLength()

getDescription()

getFormat()

getFrameRate()

getFrameResolution()

getFrameSize()

getMimeType()

getWidth()

getHeight()

getNumberOfColors()

getNumberOfFrames()

getVideoDuration()

import()

importFrom()

processVideoCommand()

setBitRate()

setCompressionType()


29

Penjelasan metode-metode Basisdata Multimedia yang digunakan dalam

topik ini adalah sebagai berikut :

1. Gambar (ORDImage)

Tipe objek yang digunakan untuk menyimpan data gambar.

a. getContentFormat()

Method yang digunakan untuk memperoleh content format.

b. getMimeType()

Method yang digunakan untuk memperoleh format tipe MIME.

c. getPreferredFormat()

Method yang digunakan untuk memperoleh preferred format.

d. process()

Method yang digunakan untuk melakukan proses pengelolaan

gambar.

e. processCopy()

Method yang digunakan untuk melakukan proses copi gambar

f. deleteContent()

Method yang digunakan untuk menghapus Content.

g. setContentLength()

Method yang digunakan untuk mengeset/menentukan nilai Content

Length.

setDescription()

setFormat()

setMimeType()

setHeight()

setWidth()

setFrameRate()

setFrameResolution()

setFrameSize()

setKnownAttributes()

setNumberOfColors()

setNumberOfFrames()


30

2. Video (ORDVideo)

Tipe objek yang digunakan untuk menyimpan data video.

a. getWidth()

Method yang digunakan untuk memperoleh lebar video.

b. getHeight()

Method yang digunakan untuk memperoleh tinggi video.

c. getMimeType()

Method yang digunakan untuk memperoleh tipe MIME.

d. setWidth()

Method yang digunakan untuk mengeset/menentukan nilai lebar

video.

e. setHeight()

Method yang digunakan untuk mengeset/menentukan nilai tinggi

video.

f. setMimeType()

Method yang digunakan untuk mengeset/menentukan tipe MIME.

2.15. Oracle Database

Oracle database adalah sistem manajemen database objek

relasional yang mana dalam pengelolaannya aman dan efisien, dan

relasional menyediakan dukungan untuk definisi jenis objek, termasuk data

terkait dengan objek dan operasi (metode) yang dapat dilakukan.

2.15.1. Oracle InterMedia

Oracle Intermedia adalah fitur yang memperbolehkan atau

mengizinkan Database Oracle untuk menyimpan, mengelola, dan

mengambil gambar, audio, video atau media data heterogen lainnya secara

terpadu dengan informasi lainnya.

2.16. 5E Usabillity Framework

Sebuah sistem bantuan yang dapat digunakan untuk membantu

pengguna dalam memperbaiki masalah. 5 Es Usability Framework

mencakup 5 kriteria yaitu :


31

1) Effective

Effective yang dimaksud adalah bagaimana software dapat

membantu pengguna mencapai tujuan mereka yang sebenarnya. Jika

pengguna bisa benar-benar melakukan hal yang mereka tetapkan untuk

dapat dilakukan maka software sudah efektif untuk digunakan.

2) Efficient

Efficient adalah seberapa cepat pekerjaan dapat diselesaikan dan

mengukur apakah sistem yang dibangun dapat bekerja dengan lebih

cepat. Selain itu apakah sistem yang dibangun menyediakan cara yang

efisien, untuk menghindari hal-hal yang dapat menggangu pekerjaan

pengguna.

3) Engaging

Engaging yaitu mengukur seberapa baik antarmuka menarik ke

pengguna agar dapat berinteraksi dengan baik. Engaging dapat

membantu pengguna untuk menyajikan informasi-informasi dengan

cara mudah dipahami. Desain visual elemen yang paling jelas dari

karakteristik ini. Gaya presentasi visual, nomor, fungsi dan jenis gambar

grafis atau warna (terutama pada situs web).

4) Error tolerant

Error tolerant yaitu mengukur seberapa baik produk mencegah

kesalahan dan seberapa membantu aplikasi untuk membantu pengguna

memulihkan dari kesalahan yang terjadi. Misalkan ketika pengguna

melakukan kesalahan yang ada dalam sistem maka sitem akan

menemukan cara untuk kembali memperbaiki. Sebuah program

mengatasi kesalahan tolerant dirancang untuk mencegah kesalahan yang

disebabkan oleh interaksi pengguna, dan untuk membantu pengguna

dalam pemulihan dari kesalahan yang terjadi.

5) Easy to learn

Easy to learn yaitu seberapa baik produk mendukung untuk

proses jangka panjang, dan seberapa baik produk dapat berkembang

untuk kedepannya. Belajar berlangsung selama penggunaan produk.


32

Pengguna memerlukan akses ke fungsi baru, memperluas ruang lingkup

kerja, megeksplorasi pilihan baru.

2.17. Pariwisata

Pariwisata adalah segala sesuatu yang berhubungan dengan

kegiatan perjalanan yang dilakukan secara sukarela dan bersifat sementara

untuk menikmati objek dan daya Tarik wisata, termasuk pengusahaan objek

dan daya Tarik wisata, serta usaha-usaha yang terkait di bidang tersebut

(UU Republik Indonesia No. 9 Th. 1990 Tentang Kepariwisataan). Produk

pariwisata merupakan produk jasa. Dalam pariwisata, produk merupakan

perpaduan Antara pelayanan dari produk-produk yang berbeda bentuk dan

jenisnya. Produk tersebut dapat berupa transportasi, penginapan, objek dan

daya tarik wisata, rumah makan, dan sebagainya.

2.18. Sekilas Tentang Kabupaten Purworejo

Kabupaten Purworejo adalah sebuah kabupaten di Provinsi Jawa

Tengah. Ibukota berada di kota Purworejo. Kabupaten ini berbatasan

dengan Kabupaten Wonosobo dan Kabupaten Magelang di utara,

Kabupaten Kulon Progo (Provinsi Daerah Istimewa Yogyakarta di timur),

Samudra Hindia di selatan, serta Kabupaten Kebumen di sebelah barat.

Bagian selatan wilayah Kabupaten Purworejo merupakan dataran rendah.

Bagian utara berupa pegunungan, bagian dari Pegunungan Serayu. Di

perbatasan dengan DIY, membujur Pegunungan Menoreh. Purworejo

berada di jalur utama lintas selatan Pulau Jawa. Kabupaten ini juga dilintasi

jalur kereta api, dengan stasiun terbesarnya di Kutoarjo. Kabupaten

Purworejo terdiri atas 16 kecamatan, yang dibagi lagi atas sejumlah 469

desa dan 25 kelurahan. Pusat pemerintahan berada di Kecamatan

Purworejo. Kabupaten Purworejo ini banyak menyimpan keindahan objek

wisata. Potensi tempat wisata di Purworejo memang patut dibanggakan.

Purworejo menghadirkan berbagai macam wisata seperti wisata alam,

wisata pantai, dan wisata sejarah. Pesona wisata alam Purworejo sangat

potensial, banyak spot-spot tempat wisata di Purworejo yang menghadirkan


33

perpaduan keindahan alamnya. Berikut adalah beberapa tempat wisata di

Purworejo yang wajib kunjungi, yaitu : Curug Silangit, Curug Sidandang,

Curug Siklotok, Goa Seplawan, Museum Tosan Aji, Masjid Agung

Purworejo, Pantai Jatimalang, dan Pantai Ketawang.


36

BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1. Analisis Sistem


multimedia ini merupakan sebuah sistem yang menginformasikan wisata–

wisata yang ada di Kabupaten Purworejo. Untuk menghasilkan sebuah

informasi dibutuhkan data–data penelitian yang akan diolah sebagai

berikut:

1. Nama : Nama lokasi.

2. Tempat : Letak atau posisi lokasi dalam bentuk koordinat latitude dan

longitude.

3. Alamat : Alamat lengkap lokasi ( nama jalan ataupun nama daerah).

4. Keterangan :Keterangan lengkap mengenai deskripsi, sejarah, sampai

harga tiket masuk lokasi.

5. Kategori : Membagi kategori jenis-jenis pariwisata yang ada.

Dari penelitian ini dibuat sebuah Website Pariwisata menggunakan

basis data multimedia yang dapat memberikan informasi kepada pengguna

(wisatawan) untuk mengetahui lokasi wisata secara online dan disertai

deskripsi wisata yang ada di Kabupaten Purworejo.

3.1.1. Gambaran Umum Sistem


multimedia merupakan sistem yang dikembangkan untuk membantu

penyebaran informasi tempat-tempat wisata yang ada di Kabupaten

Purworejo. Selain itu sistem ini diharapkan dapat menjadi sarana untuk

mendapatkan informasi mengenai hotel, ATM, SPBU, dan rumah makan

yang ada di Kabupaten Purworejo sehingga dapat menarik wisatawan untuk

mencari tahu tentang wisata di Kabupaten Purworejo.


37

3.1.2. Analisis Kebutuhan

Analisis kebutuhan digunakan untuk mengidentifikasi terhadap

kebutuhan sistem baru. Kebutuhan sistem meliputi analisis kebutuhan

pengguna (wisatawan), kebutuhan admin, dan analisis kebutuhan Website

Pariwisata Kabupaten Purworejo menggunakan basis data multimedia.

Sistem akan menampilkan informasi kepada pengguna (wisatawan) dengan

memproses data yang telah tersimpan dalam basis data.

3.1.2.1. Kebutuhan Pengguna (wisatawan)

Kebutuhan pengguna meliputi apa saja yang dibutuhkan

oleh pengguna (wisatawan) pada Website Pariwisata Kabupaten

Purworejo ini berupa:

1. Tampilan objek-objek wisata beserta deskripsi singkat.

2. Tampilan tentang peta objek wisata di Kabupaten Purworejo.

3. Tampilan event, ATM, SPBU , hotel, dan rumah makan.

4. Melakukan pengisian buku tamu.

3.1.2.2. Kebutuhan Administrator

Kebutuhan admin pada sistem ini meliputi apa yang

dibutuhkan oleh administrator pada sistem ini berupa:

1. Mengolah data Pariwisata Kabupaten Purworejo beserta

fasilitas pendukungnya.


38

3.1.2.3. Use Case Diagram

Gambar 3.1 Use Case Diagram 1 (Wisata dan Kategori Wisata)


39

Gambar 3.2 Use Case Diagram 2 (Event dan Gambar)


40

Gambar 3.3 Use Case Diagram 3 (ATM dan Hotel)


41

Gambar 3.4 Use Case Diagram 4 (SPBU dan Rumah Makan)


42

Gambar 3.5 Use Case Diagram Bagian 5


43

3.1.3. Arsitektur Sistem

Sistem ini dibangun untuk memberikan informasi tentang tempat

wisata yang ada di Kabupaten Purworejo melalui media internet. Objek

wisata ini dikelola oleh Dinas Pariwisata Kabupaten Purworejo. Lokasi

wisata divisualisasikan dalam bentuk peta dalam bentuk simbol sehingga

memudahkan pengguna untuk melihat tempat wisata secara detail. Bentuk

umum arsitektur sistem dapat dilihat pada gambar 3.5.

Gambar 3.6 Arsitektur Sistem


44

3.1.4. Spesifikasi Sistem

Spesifikasi kebutuhan dalam pembuatan Website Pariwisata

Kabupaten Purworejo menggunakan basis data multimedia adalah sebagai

berikut :

1. Pengguna (wisatawan), sistem bisa membantu mendapatkan informasi

objek tempat wisata, berupa informasi letak wisata, alamat, fasilitas

(ATM, hotel, rumah makan, SPBU), dan dapat mengisi buku tamu.

2. Admin, dapat mengambil data geografis dari Google Maps, mengambil

informasi manual tentang objek wisata, dapat melakukan proses login,

dapat mengolah data pariwisata dan fasilitas (ATM, hotel, rumah

makan, SPBU) di Kabupaten Purworejo.

Tampilan peta pariwisata menggunakan gambaran peta dimana

setiap titik lokasi wisata dapat menampilkan informasi tempat wisata

tersebut. Untuk pengembangan sistem lebih lanjut maka di perlukan

perangkat lunak sebagai pendukungnya. Pemanfaatan peta untuk informasi

pariwisata berbasis web ini memerlukan peta yang diambil dari Google

Maps, perangkat lunak untuk pembuatan database menggunakan Oracle,

untuk pembuatan tampilan dan editor program web menggunakan

NetBeans.

3.1.5. Pemodelan Proses (dengan Diagram Aliran Data)

3.1.5.1. Diagram Konteks

Gambar 3.7 Diagram Konteks


45

3.1.5.2. Diagram Berjenjang

Gambar 3.8 Diagram Berjenjang Bagian 1


46

Gambar 3.9 Diagram Berjenjang Bagian 2

3.1.5.3. Pemodelan Proses

DFD (Data Flow Diagram) adalah model untuk

menggambarkan asal dan tujuan penyimpanan data, proses yang

akan menghasilkan data dan interaksi antar data yang tersimpan

dalam proses tersebut (Kadir, 1999). Proses perancangan aliran data

menggunakan DFD (Data Flow Diagram) yang terbagi menjadi tiga

level yaitu DFD level 0, DFD level 1, dan DFD Level 2.

3.1.5.3.1. Overview Diagram (DFD Level 1)

DFD level 1 merupakan representasi dari data pada DFD

level 0 yang sudah dipartisi untuk memberikan penjelasan yang

lebih detail. Pada website Dinas Pariwisata Kabupaten Purworejo

ini terdiri dari sembilan proses yaitu proses kelola kategori wisata,

proses kelola wisata, proses kelola buku tamu, proses kelola event,

proses kelola gambar, proses kelola hotel, proses kelola ATM,


47

proses kelola SPBU, proses kelola rumah makan, dan proses kelola

gambar hotel dapat dilihat pada gambar 3.11.

Gambar 3.10 DFD Level 1 Bagian 1


48

Gambar 3.11 DFD Level 1 Bagian 2

3.1.5.3.2. DFD Level 2 Proses 1 (Buku Tamu)

DFD level 2 proses 1 merupakan penjabaran yang lebih

detail dari proses kelola buku tamu. Pada proses ini terdiri dari dua

proses yaitu proses isi data buku tamu yang dilakukan oleh

pengguna (wisatawan dan proses hapus data buku tamu yang

dilakukan oleh admin (Dinas Pariwisata Purworejo). Dalam proses

ini terdapat satu database yaitu database buku tamu, yang bisa

dilihat pada gambar 3.13.


49

Gambar 3.12 DFD Level 2 Proses 1

3.1.5.3.3. DFD Level 2 Proses 2 (Kategori Wisata)


detail dari proses kelola kategori wisata. Pada proses ini terdiri dari

empat proses yaitu proses tambah data kategori wisata, proses ubah

data kategori wisata, proses hapus data kategori wisata, dan proses

lihat data kategori wisata. Dalam proses ini terdapat satu database

yaitu database kategori wisata, yang bisa dilihat pada gambar 3.14.


50


3.1.5.3.4. DFD Level 2 Proses 3 (Wisata)


detail dari proses kelola wisata. Pada proses ini terdiri dari empat

proses yaitu proses tambah data wisata, proses ubah data wisata,

proses hapus data wisata, dan proses lihat data wisata. Dalam proses

ini terdapat satu database yaitu database wisata, yang bisa dilihat

pada gambar 3.15.


51


3.1.5.3.5. DFD Level 2 Proses 4 (Event)


detail dari proses kelola event. Pada proses ini terdiri dari lima

proses yaitu proses tambah data event, proses ubah data event,

proses ganti video event, proses hapus data event, dan proses lihat

data event. Dalam proses ini terdapat satu database yaitu database

event, yang bisa dilihat pada gambar 3.16.


52


3.1.5.3.6. DFD Level 2 Proses 5 (Gambar)


detail dari proses kelola gambar. Pada proses ini terdiri dari lima

proses yaitu proses tambah data gambar, proses ubah data gambar,

proses ganti gambar, proses hapus data gambar, dan proses lihat

data gambar. Dalam proses ini terdapat satu database yaitu

database gambar, yang bisa dilihat pada gambar 3.17.


53


3.1.5.3.7. DFD Level 2 Proses 6 (ATM)


detail dari proses kelola ATM. Pada proses ini terdiri dari empat

proses yaitu proses tambah data ATM, proses ubah data ATM,

proses hapus data ATM, dan proses lihat data ATM. Dalam proses

ini terdapat satu database yaitu database ATM, yang bisa dilihat

pada gambar 3.18.


54


3.1.5.3.8. DFD Level 2 Proses 7 (Hotel)


detail dari proses kelola hotel. Pada proses ini terdiri dari empat

proses yaitu proses tambah data hotel, proses ubah data hotel, proses

hapus data hotel, dan proses lihat data hotel. Dalam proses ini

terdapat satu database yaitu database hotel, yang bisa dilihat pada

gambar 3.19.


55


3.1.5.3.9. DFD Level 2 Proses 8 (Rumah Makan)


detail dari proses kelola rumah makan. Pada proses ini terdiri dari

empat proses yaitu proses tambah data rumah makan, proses ubah

data rumah makan, proses hapus data rumah makan, dan proses lihat

data rumah makan. Dalam proses ini terdapat satu database yaitu

database rumah makan, yang bisa dilihat pada gambar 3.20.


56


3.1.5.3.10. DFD Level 2 Proses 9 (SPBU)


detail dari proses kelola SPBU. Pada proses ini terdiri dari empat

proses yaitu proses tambah data SPBU, proses ubah data SPBU,

proses hapus data SPBU, dan proses lihat data SPBU. Dalam proses

ini terdapat satu database yaitu database SPBU, yang bisa dilihat

pada gambar 3.21.


57


3.1.5.3.11. DFD Level 2 Proses 10 (Gambar Hotel)


detail dari proses kelola gambar hotel. Pada proses ini terdiri dari

lima proses yaitu proses tambah data gambar hotel, proses ubah data

gambar hotel, proses ganti gambar hotel, proses hapus data gambar

hotel, dan proses lihat data gambar hotel. Dalam proses ini terdapat

satu database yaitu database gambar hotel, yang bisa dilihat pada

gambar 3.22.


58


3.2. Perancangan Sistem

3.2.1. Perancangan Basis Data

Perancangan basis data pada sistem meliputi pembuatan tabel-tabel

basis data. Perancangan sistem ini menggunakan teknik ERD sebagai dasar

pembuatan tabel-tabel basis data pada sistem ini.

3.2.1.1. Perancangan Konseptual Basis Data (ERD)

Dalam sistem yang dibuat terdapat tabel kategori wisata,

tabel wisata, tabel buku tamu, tabel event, tabel gambar, tabel ATM,

tabel hotel, tabel admin, tabel SPBU, dan tabel rumah makan.

Perancangan ERD dalam sistem ini dapat dilihat pada gambar 3.23.


59

Gambar 3.22 ER Diagram

3.2.1.2. Perancangan Logikal Basis Data

Pemakaian istilah “model keterhubungan-entitas” dalam

Bahasa Indosensia dapat digunakan sebagai padanan arti istilah

asing : Entity Relationship Model (E–R Model). Akan tetapi, istilah

model Entity Relationship telah demikian umum digunakan dalam

berbagai pembahasan tentang analisa/perancangan basis data. Pada

model entity relationship, data yang ada di dunia nyata

diterjemahkan dengan memanfaatkan sejumlah perangkat

konseptual menjadi sebuah diagram data yang umum disebut

sebagai diagram E-R. Sebelum membahas lebih jauh tentang

diagram E-R tersebut dapat digambarkan, maka yang lebih dulu

harus diketahui adalah komponen pembentuk model E-R. Sesuai

namanya, ada dua komponen utama pembentuk model E-R, yaitu

Entitas (Entity) dan Relasi (Relation) kedua komponen ini


60

dideskripsikan lebih jauh melalui sejumlah atribut. Yang bisa dilihat

pada gambar 3.24.

Gambar 3.23 Perancangan Logikal Basis Data

3.2.1.3. Perancangan Fisikal

1. Tabel Admin

Tabel Admin merupakan tabel basis data yang digunakan untuk

menyimpan data admin seperti username dan password admin yang

digunakan untuk keperluan login pada halaman utama sistem.

Tabel 3.1 Tabel Admin

Field Tipe Keterangan

Username VARCHAR2(50) Username

Password VARCHAR2(50) Password


61

2. Tabel ATM

Tabel ATM merupakan tabel basis data yang digunakan untuk

menyimpan data ATM yang bertujuan untuk mengelola ATM yang

ada pada halaman ATM.

Tabel 3.2 Tabel ATM


Id NUMBER Id atm

Nama VARCHAR2(100) Nama atm

Alamat VARCHAR2(100) Alamat atm

Latitude FLOAT Latitude

Longtitude FLOAT Longtitude

Keterangan VARCHAR2(2000) Keterangan atm

3. Tabel Hotel

Tabel hotel merupakan tabel basis data yang digunakan untuk

menyimpan data hotel yang bertujuan untuk mengelola hotel yang ada

pada halaman hotel.

Tabel 3.3 Tabel Hotel


Id NUMBER Id hotel

Nama VARCHAR2(50) Nama hotel

Alamat VARCHAR2(100) Alamat hotel



Keterangan VARCHAR2(2000) Keterangan hotel

Bintang VARCHAR2(20) Kualitas hotel

Website VARCHAR2(100) Website hotel

Telepon VARCHAR2(20) Telepon hotel

Fasilitas VARCHAR2(500) Fasilitas hotel


62

4. Tabel SPBU

Tabel SPBU merupakan tabel basis data yang digunakan untuk

menyimpan data SPBU yang bertujuan untuk mengelola SPBU yang

ada pada halaman SPBU.

Tabel 3.4 Tabel SPBU

Field Type Keterangan

Id NUMBER Id spbu

Nama VARCHAR2(100) Nama spbu

Alamat VARCHAR2(100) Alamat spbu



Keterangan VARCHAR(2000) Keterangan spbu

5. Tabel Rumah Makan

Tabel rumah makan merupakan tabel basis data yang digunakan untuk

menyimpan data rumah makan yang bertujuan untuk mengelola rumah

makan yang ada pada halaman rumah makan.

Tabel 3.5 Tabel Rumah Makan


Id NUMBER Id restaurant

Nama VARCHAR2(100) Nama rumah

makan

Alamat VARCHAR2(100) Alamat rumah

makan



Keterangan VARCHAR(2000) Keterangan rumah

makan


63

6. Tabel Wisata

Tabel wisata merupakan tabel basis data yang digunakan untuk

menyimpan data wisata yang bertujuan untuk mengelola wisata yang

ada pada halaman wisata.

Tabel 3.6 Tabel Wisata


Id NUMBER Id wisata

id_kategoriwisata NUMBER Id kategori wisata

Nama VARCHAR2(100) Nama wisata

Alamat VARCHAR2(100) Alamat wisata



Keterangan VARCHAR2(2000) Keterangan wisata

7. Tabel Kategori Wisata

Tabel kategori wisata merupakan tabel basis data yang digunakan

untuk menyimpan data kategori wisata yang bertujuan untuk

mengelola kategori wisata yang ada pada halaman kategori wisata.

Tabel 3.7 Tabel Kategori Wisata


Idkategoriwisata NUMBER Id kategori wisata

Namakategori VARCHAR2(100) Nama kategori

wisata

8. Tabel Buku Tamu

Tabel buku tamu merupakan tabel basis data yang digunakan untuk

menyimpan data buku tamu yang bertujuan untuk mengelola buku

tamu yang ada pada halaman buku tamu.


64

Tabel 3.8 Tabel Buku Tamu


Id NUMBER Id buku tamu

Nama VARCHAR2(100) Nama pengisi

buku tamu

Email VARCHAR2(100) Email

Pesan VARCHAR(2000) Pesan

9. Tabel Gambar

Tabel gambar merupakan tabel basis data yang digunakan untuk

menyimpan data gambar yang bertujuan untuk mengelola gambar yang

ada pada halaman gambar.

Tabel 3.9 Tabel Gambar


idgambar NUMBER Id berita

Id_wisata NUMBER Id wisata

Deskripsi VARCHAR2(2000) Nama gambar

Lokasi VARCHAR2(100) Lokasi gambar

Image ORDimage Gambar

Thumb ORDimage Gambar

10. Tabel Event

Tabel event merupakan tabel basis data yang digunakan untuk

menyimpan data event yang bertujuan untuk mengelola event yang ada

pada halaman event.


65

Tabel 3.10 Tabel Event


Idevent NUMBER Id event

Nama VARCHAR2(100) Nama event

Keterangan VARCHAR2(2000) Keterangan event

Video ORDvideo Video event

11. Tabel Gambar Hotel

Tabel gambar hotel merupakan tabel basis data yang digunakan untuk

menyimpan data gambar hotel yang bertujuan untuk mengelola

gambar hotel yang ada pada halaman gambar hotel.

Tabel 3.11 Tabel Gambar Hotel


Idgambarhotel NUMBER Id gambar hotel

id_hotel VARCHAR2(100) Id hotel

Keterangan VARCHAR2(2000) Keterangan

gambar hotel

Image ORDimage Gambar hotel

Thumb ORDimage Gambar hotel

3.2.2. Perancangan Menu dan Antarmuka

Antarmuka atau yang lebih dikenal sebagai user interface adalah

sebuah media yang menghubungkan manusia dengan komputer agar dapat

saling berinteraksi. Sebelum merancang antarmuka dari semua form pada

website., maka untuk lebih memudahkan dalam perancangan akan

dijelaskan terlebih dahulu struktur menu dari sistem. Yang bisa dilihat pada

gambar 3.25 dan 3.26.


66

Struktur Menu Pengguna (wisatawan)

Gambar 3.24 Struktur Menu Pengguna (wisatawan)

Struktur Menu Admin

Gambar 3.25 Struktur Menu Admin


67

3.2.2.1. Perancangan Halaman Beranda Pengguna (wisatawan)

Halaman utama ini merupakan halaman yang pertama kali

akan muncul ketika pengguna (wisatawan) memasukkan alamat

Website Pariwisata Kabupaten Purworejo. Halaman utama ini

terdiri dari beberapa menu utama yaitu menu beranda, menu profil,

menu wisata, menu fasilitas, menu event, menu galeri, dan menu

kontak dapat dilihat pada gambar 3.27.

Gambar 3.26 Perancangan Halaman Beranda Pengguna (wisatawan)

3.2.2.2. Perancangan Halaman Profil Pengguna (wisatawan)

Setelah pengguna (wisatawan) memilih menu profil dari

menu utama, maka selanjutnya akan muncu lhalaman profil. Pada

halaman ini berisi tentang visi dan misi Dinas Pariwisata Kabupaten

Purworejo dapat dilihat pada gambar 3.28.


68

Gambar 3.27 Perancangan Halaman Profil Pengguna (wisatawan)

3.2.2.3. Perancangan Halaman Wisata Pengguna (wisatawan)

Halaman Wisata merupakan halaman yang berisi daftar

wisata Kabupaten Purworejo yang disertai dengan penjelasan dapat


Gambar 3.28 Perancangan Halaman Wisata Pengguna (wisatawan)

3.2.2.4. Perancangan Halaman Fasilitas Pengguna (wisatawan)

Halaman fasilitas merupakan halaman yang berisi tentang

informasi mengenai ATM, hotel, SPBU, dan rumah makan yang

terdapat di Kabupaten Purworejo dapat dilihat pada gambar 3.30.


69

Gambar 3.29 Perancangan Halaman Fasilitas Pengguna (wisatawan)

3.2.2.5. Perancangan Halaman Event Pengguna (wisatawan)

Halaman event merupakan halaman yang berisi tentang

informasi mengenai event yang terdapat di Kabupaten Purworejo

dapat dilihat pada gambar 3.31.

Gambar 3.30 Perancangan Halaman Event Pengguna (wisatawan)

3.2.2.6. Perancangan Halaman Galeri Pengguna (wisatawan)

Pada halaman galeri berisi kumpulan gambar-gambar wisata

yang terdapat di Kabupaten Purworejo dapat dilihat pada gambar

3.32.


70

Gambar 3.31 Perancangan Halaman Galeri Pengguna (wisatawan)

3.2.2.7. Perancangan Halaman Kontak Pengguna (wisatawan)

Pada halaman kontak, pengguna (wisatawan) dapat

memberikan kritik atau saran dengan mengisi nama, email, dan

pesan pada form yang sudah tersedia dapat dilihat pada gambar

3.34.

Gambar 3.32 Perancangan Halaman Kontak Pengguna (wisatawan)

3.2.2.8. Perancangan Halaman Login Administrator

Pada halaman admin login, administrator akan mengisi

username dan password untuk bisa masuk ke dalam halaman Menu


71

Administrator dan dapat mengelola beberapa menu pada Website

Pariwisata Kabupaten Purworejo dapat dilihat pada gambar 3.34.

Gambar 3.33 Perancangan Halaman Login Administrator

3.2.2.9. Perancangan Halaman Menu Administrator

Pada halaman menu admin terdapat 2 pengelompokan menu

yaitu kelola pariwisata dan kelola fasilitas dapat dilihat pada gambar

3.35.

Gambar 3.34 Perancangan Halaman Beranda Administrator


72

3.2.2.10. Perancangan Halaman Menu Kelola Wisata

Pada halaman Kelola wisata, administrator dapat

menambah, mengedit, dan menghapus wisata yang ada pada

Website Pariwisata Kabupaten Purworejo dapat dilihat pada gambar

3.36.

Gambar 3.35 Perancangan Halaman Menu Kelola Wisata

3.2.2.10.1. Perancangan Halaman Menu Tambah Wisata

Gambar 3.36 Perancangan Halaman Menu Tambah Wisata


73

3.2.2.10.2. Perancangan Halaman Menu Edit Wisata

Gambar 3.37 Perancangan Halaman Menu Edit Wisata

3.2.2.10.3. Perancangan Halaman Menu Detail Wisata

Gambar 3.38 Perancangan Halaman Menu Detail Wisata

3.2.2.11. Perancangan Halaman Menu Kelola Kategori Wisata

Pada halaman kelola kategori wisata, administrator dapat

menambah, mengedit, dan menghapus kategori wisata yang ada


74

pada Website Pariwisata Kabupaten Purworejo dapat dilihat pada

gambar 3.40.

Gambar 3.39 Perancangan Halaman Menu Kelola Kategori Wisata

3.2.2.11.1. Perancangan Halaman Menu Tambah Kategori Wisata

Gambar 3.40 Perancangan Halaman Menu Tambah Kategori Wisata


75

3.2.2.11.2. Perancangan Halaman Menu Edit Kategori Wisata

Gambar 3.41 Perancangan Halaman Menu Edit Kategori Wisata

3.5.5.12.3. Perancangan Halaman Menu Detail Kategori Wisata

Gambar 3.42 Perancangan Halaman Menu Detail Kategori Wisata

3.2.2.12. Perancangan Halaman Menu Kelola Event

Pada halaman kelola event, administrator dapat menambah,

mengedit data event, mengganti video event, dan menghapus event

yang ada pada Website Pariwisata Kabupaten Purworejo dapat



76

Gambar 3.43 Perancangan Halaman Menu Kelola Event

3.2.2.12.1. Perancangan Halaman Menu Tambah Event

Gambar 3.44 Perancangan Halaman Menu Tambah Event


77

3.2.2.12.2. Perancangan Halaman Menu Edit Data Event

Gambar 3.45 Perancangan Halaman Menu Edit Data Event

3.2.2.12.3. Perancangan Halaman Menu Ganti Video Event

Gambar 3.46 Perancangan Halaman Menu Ganti Video Event


78

3.2.2.12.4. Perancangan Halaman Menu Detail Event

Gambar 3.47 Perancangan Halaman Menu Detail Event

3.2.2.13. Perancangan Halaman Menu Kelola Buku Tamu

Pada halaman kelola buku tamu, administrator dapat melihat

detail dan menghapus buku tamu yang dimasukkan oleh pengguna

(wisatawan) pada Website Pariwisata Kabupaten Purworejo dapat


Gambar 3.48 Perancangan Halaman Menu Kelola Buku Tamu


79

3.2.2.13.1. Perancangan Halaman Menu Detail Buku Tamu

Gambar 3.49 Perancangan Halaman Menu Detail Buku Tamu

3.2.2.14. Perancangan Halaman Menu Kelola Hotel

Pada halaman kelola hotel, administrator dapat menambah,

mengedit, dan menghapus data hotel yang ada pada Website


Gambar 3.50 Perancangan Halaman Menu Kelola Hotel


80

3.2.2.14.1. Perancangan Halaman Menu Tambah Hotel

Gambar 3.51 Perancangan Halaman Menu Tambah Hotel


81

3.2.2.14.2. Perancangan Halaman Menu Edit Hotel

Gambar 3.52 Perancangan Halaman Menu Edit Hotel


82

3.2.2.14.3. Perancangan Halaman Menu Detail Hotel

Gambar 3.53 Perancangan Halaman Menu Detail Hotel

3.2.2.15. Perancangan Halaman Menu Kelola ATM

Pada halaman kelola ATM, administrator dapat menambah,

mengedit, dan menghapus data ATM yang ada pada Website



83

Gambar 3.54 Perancangan Halaman Menu Kelola ATM

3.2.2.15.1. Perancangan Halaman Menu Tambah ATM

Gambar 3.55 Perancangan Halaman Menu Tambah ATM


84

3.2.2.15.2. Perancangan Halaman Menu Edit ATM

Gambar 3.56 Perancangan Halaman Menu Edit ATM

3.2.2.15.3. Perancangan Halaman Menu Detail ATM

Gambar 3.57 Perancangan Halaman Menu Detail ATM


85

3.2.2.16. Perancangan Halaman Menu Kelola SPBU

Pada halaman kelola SPBU, administrator dapat menambah,

mengedit, dan menghapus data SPBU yang ada pada Website


Gambar 3.58 Perancangan Halaman Menu Kelola SPBU

3.2.2.16.1. Perancangan Halaman Menu Tambah SPBU

Gambar 3.59 Perancangan Halaman Menu Tambah SPBU


86

3.2.2.16.2. Perancangan Halaman Menu Edit SPBU

Gambar 3.60 Perancangan Halaman Menu Edit SPBU

3.2.2.16.3. Perancangan Halaman Menu Detail SPBU

Gambar 3.61 Perancangan Halaman Menu Detail SPBU


87

3.2.2.17. Perancangan Halaman Menu Kelola Rumah Makan

Pada halaman kelola rumah makan, administrator dapat

menambah, mengedit, dan menghapus data rumah makan yang ada

pada Website Pariwisata Kabupaten Purworejo dapat dilihat pada

gambar 3.63.

Gambar 3.62 Perancangan Halaman Menu Kelola Rumah Makan

3.2.2.17.1. Perancangan Halaman Menu Tambah Rumah Makan

Gambar 3.63 Perancangan Halaman Menu Tambah Rumah Makan


88

3.2.2.17.2. Perancangan Halaman Menu Edit Rumah Makan

Gambar 3.64 Perancangan Halaman Menu Edit Rumah Makan

3.2.2.17.3. Perancangan Halaman Menu Detail Rumah Makan

Gambar 3.65 Perancangan Halaman Menu Detail Rumah Makan


89

3.2.2.18. Perancangan Halaman Menu Kelola Gambar

Pada halaman kelola gambar, administrator dapat

menambah, mengedit data gambar, mengganti gambar, dan

menghapus gambar yang ada pada Website Pariwisata Kabupaten


Gambar 3.66 Perancangan Halaman Menu Kelola Gambar

3.2.2.18.1. Perancangan Halaman Menu Tambah Gambar

Gambar 3.67 Perancangan Halaman Menu Tambah Gambar


90

3.2.2.18.2. Perancangan Halaman Menu Edit Data Gambar

Gambar 3.68 Perancangan Halaman Menu Edit Data Gambar

3.2.2.18.3. Perancangan Halaman Menu Ganti Gambar

Gambar 3.69 Perancangan Halaman Menu Ganti Gambar


91

3.2.2.18.4. Perancangan Halaman Menu Detail Gambar

Gambar 3.70 Perancangan Halaman Menu Detail Gambar

3.2.2.19. Perancangan Halaman Menu Kelola Gambar Hotel

Pada halaman kelola gambar hotel, administrator dapat

menambah, mengedit data gambar hotel, mengganti gambar hotel,

dan menghapus gambar hotel yang ada pada Website Pariwisata

Kabupaten Purworejo dapat dilihat pada gambar 3.72.

Gambar 3.71 Perancangan Halaman Menu Kelola Gambar Hotel


92

3.2.2.19.1. Perancangan Halaman Menu Tambah Gambar Hotel

Gambar 3.72 Perancangan Halaman Menu Tambah Gambar Hotel

3.2.2.19.2. Perancangan Halaman Menu Edit Data Gambar Hotel

Gambar 3.73 Perancangan Halaman Menu Edit Data Gambar Hotel


93

3.2.2.19.3. Perancangan Halaman Menu Ganti Gambar Hotel

Gambar 3.74 Perancangan Halaman Menu Ganti Gambar Hotel

3.2.2.19.4. Perancangan Halaman Menu Detail Gambar Hotel

Gambar 3.75 Perancangan Halaman Menu Detail Gambar Hotel


94

BAB IV

IMPLEMENTASI SISTEM

Pada tahap ini menjelaskan tentang spesifikasi perangkat keras dan lunak,

implementasi basis data, dan implementasi sistem.

4.1. Spesifikasi Perangkat Keras dan Perangkat Lunak

Perangkat keras yang digunakan untuk membangun sistem adalah

sebagai berikut :

Processor : Intel core i5

Memori : 8GB

Harddisk : 500GB

Perangkat lunak yang digunakan untuk membangun sistem adalah sebagai

berikut:

Sistem Operasi : Windows 7

Bahasa Pemrograman : JSP

DBMS : Oracle 11g Release 2

4.2. Implementasi Basis Data

Pada tahap ini dilakukan pembangunan database pada Oracle 11g

untuk menunjang sistem yang dibangun. Database yang dibangun sesuai

dengan perancangan yang telah dibuat pada tahap sebelumnya. Berikut

query untuk membuat database Pariwisata Purworejo dan tabel-tabel yang

ada di dalamnya.

CREATE TABLE kategoriwisata(

idkategoriwisata number,

namakategori varchar2(100),

CONSTRAINT kategoriwisata_pk PRIMARY KEY

(idkategoriwisata));


95

CREATE TABLE wisata(

idwisata number,

id_kategoriwisata number,

nama varchar2(100),

alamat varchar2(100),

keterangan varchar2(2000),

latitude float,

longtitude float,

CONSTRAINT fk_kategoriwisata FOREIGN KEY (id_kategoriwisata)

REFERENCES kategoriwisata(idkategoriwisata));

CREATE TABLE gambar(

idgambar number,

id_wisata number,

deskripsi varchar2(2000),

lokasi varchar2(100),

image ORDImage,

thumb ORDImage,

CONSTRAINT fk_wisata FOREIGN KEY (id_wisata) REFERENCES

wisata(idwisata));

CREATE SEQUE

NCE gambar_sequence;

CREATE TABLE gambarhotel(

idgambarhotel number,

id_hotel number,

deskripsi varchar2(2000),

image ORDImage,

thumb ORDImage,

CONSTRAINT fk_gambarhotel FOREIGN KEY (id_hotel)

REFERENCES gambarhotel(idgambarhotel));


96

CREATE TABLE atm(

idatm number,

nama varchar2(100),


latitude float,

longtitude float,


CONSTRAINT atm_pk PRIMARY KEY (idatm));

CREATE TABLE rumahmakan(

idrumahmakan number,

nama varchar2(100),


latitude float,

longtitude float,


CONSTRAINT rumahmakan_pk PRIMARY KEY (idrumahmakan));

CREATE TABLE spbu(

idspbu number,

nama varchar2(100),


latitude float,

longtitude float,


CONSTRAINT spbu_pk PRIMARY KEY (idspbu));


97

CREATE TABLE hotel(

idhotel number,

nama varchar2(100),


latitude float,

longtitude float,


bintang varchar2(20),

website varchar2(100),

telepon varchar2(20),

fasilitas varchar2(500),

CONSTRAINT hotel_pk PRIMARY KEY (idhotel));

CREATE TABLE event(

idevent number,

nama varchar2(100),


video ORDvideo,

CONSTRAINT event_pk PRIMARY KEY (idevent));

create table bukutamu(

idbukutamu number,

nama varchar2(100),

email varchar2(100),

pesan varchar2(2000),

CONSTRAINT bukutamu_pk PRIMARY KEY (idbukutamu));


98

4.3. Implementasi Sistem

4.3.1. Beranda Pengguna (wisatawan)

Beranda pengguna (wisatawan) adalah halaman yang akan muncul

ketika pengguna (wisatawan) pertama kali membuka Website Pariwisata

Kabupaten Purworejo. Pada halaman ini terdapat menu profi, menu wisata,

menu fasilitas, menu event, menu galeri, dan menu kontak. Pada halaman

ini terdapat juga slideshow foto serta penjelasan tentang Website Pariwisata

Kabupaten Purworejo dapat dilihat pada gambar 4.1.

Gambar 4.1 Beranda Pengguna (wisatawan)

4.3.2. Halaman Profil Pengguna (wisatawan)

Halaman profil akan muncul ketika pengguna (wisatawan) menekan

menu profil. Pada halaman ini akan menampilkan mengenai Visi dan Misi

Dinas Pariwisata Kabupaten Purworejo dapat dilihat pada gambar 4.2.


99

Gambar 4.2 Halaman Profil Pengguna (wisatawan)

4.3.3. Halaman Wisata Pengguna (wisatawan)

Halaman wisata akan muncul ketika pengguna (wisatawan)

menekan menu wisata. Pada halaman ini akan menampilkan peta dan detail

wisata yang ada di Kabupaten Purworejo berdasarkan kategori wisata yang

dipilih dapat dilihat pada gambar 4.3.

Gambar 4.3 Halaman Wisata Pengguna (wisatawan)

4.3.4. Halaman Fasilitas Pengguna (wisatawan)

Halaman fasilitas akan muncul ketika pengguna (wisatawan)

menekan menu fasilitas. Terdapat 4 fasilitas pada halaman ini, yaitu ATM,


100

hotel, rumah makan, dan SPBU. Halaman ini akan menampilkan detail

berdasarkan fasilitas yang dipilih dapat dilihat pada gambar 4.4.

Gambar 4.4 Halaman Fasilitas Pengguna (wisatawan)

4.3.5. Halaman Galeri Pengguna (wisatawan)

Halaman Galeri akan muncul ketika pengguna (wisatawan)

menekan menu galeri. Pada halaman ini akan ditampilkan gambar-gambar

wisata yang ada di Kabupaten Purworejo dapat dilihat pada gambar 4.5.

Gambar 4.5 Halaman Galeri Pengguna (wisatawan)

4.3.5.1.Halaman Tampilan Penuh Gambar Wisata Pengguna

Halaman ini akan muncul ketika pengguna (wisatawan) menekan

gambar yang ada dalam halaman galeri dapat dilihat pada gambar 4.6.


101

Gambar 4.6 Halaman Tampilan Penuh Gambar Wisata Pengguna (wisatawan)

Berikut adalah potongan listing program bagian melihat gambar secara penuh.

4.3.6. Halaman Event Pengguna (wisatawan)

Halaman Event akan muncul ketika pengguna (wisatawan)

menekan menu event. Pada halaman ini akan ditampilkan berbagai event

yang ada di Kabupaten Purworejo dapat dilihat pada gambar 4.7.

<%

if (album.getImage().getMimeType().startsWith("image/")) {

out.print("<img src=\"PhotoAlbumMediaViewer.jsp" + "?media=image" +

"&idgambar=" + album.getIdgambar() + "\"");

if (album.getImage().getHeight() > 0 && album.getImage().getWidth() > 0){

out.print("height=\"" + album.getImage().getHeight() + "\"");

out.print("width=\"" + album.getImage().getWidth() + "\""); }

out.print("alt=\""+ PhotoAlbumBean.escapeHtmlString(album.getDeskripsi())

+ "\""); out.print("border=\"1\">");

} else {// non-image data...

out.print("<A HREF=\"PhotoAlbumMediaViewer.jsp"

+ "?media=image&idgambar=" + id + "\">"

+ "View non-Image Media ("

+ album.getImage().getMimeType() + ")</A>"); }

%>


102

Gambar 4.7 Halaman Event Pengguna (wisatawan)

4.3.7. Halaman Kontak Pengguna (wisatawan)

Halaman Event akan muncul ketika pengguna (wisatawan)

menekan menu kontak. Pada halaman ini user dapat memberi kritik atau

saran kepada Dinas Pariwisata Kabupaten Purworejo dengan mengisi form

yang sudah tersedia dapat dilihat pada gambar 4.8.

Gambar 4.8 Halaman Kontak Pengguna (wisatawan)


103

4.3.8. Halaman Login Administrator

Pada halaman login ini, administrator harus memasukkan username

dan password lalu menekan tombol “Masuk” untuk masuk ke Halaman

Administrator dapat dilihat pada gambar 4.9.

Gambar 4.9 Halaman Login Administrator

Berikut ini potongan listing program bagian validasi login administrator.

4.3.9. Halaman Beranda Administrator

Beranda administrator adalah halaman yang akan muncul setelah

proses login berhasil. Pada halaman ini terdapat 2 kategori menu yaitu

menu kelola pariwisatawisata dan kelola fasilitas. Di dalam menu kelola

wisata terdapat submenu kelola buku tamu, kelola event, kelola kategori

wisata, kelola wisata, dan kelola gambar, sedangkan pada menu kelola

fasilitas terdapat submenu kelola ATM, kelola hotel, kelola rumah makan,

dan kelola SPBU dapat dilihat pada gambar 4.10.

<%

String username = request.getParameter("username");

String password = request.getParameter("password");

rs = st.executeQuery("select * from admin where username='" + username + "'

and password='" + password + "'");

if (rs != null) {

while (rs.next()) {

session.setAttribute("sessionusername", rs.getString("username"));

session.setAttribute("sessionpassword", rs.getString("password"));

response.sendRedirect("admin-home.jsp");

}

} else if (rs == null) {

response.sendRedirect("admin-login.jsp");

}

%>


104

Gambar 4.10 Halaman Beranda Administrator

4.3.10. Halaman Kelola Buku Tamu

Halaman Kelola Buku Tamu akan muncul ketika administrator

menekan menu kelola buku tamu. Pada halaman ini admin dapat melihat

dan menghapus buku tamu yang telah dimasukkan oleh pengguna

(wisatawan) pada halaman kontak Website Pariwisata Kabupaten


Gambar 4.11 Halaman Kelola Buku Tamu

4.3.10.1. Halaman Detail Buku Tamu

Halaman detail buku tamu ini akan muncul ketika

administrator memilih menu detail pada tabel kelola buku taumu.

Pada halaman ini terdapat form untuk menampilkan data id, nama,

email, dan pesan dapat dilihat pada gambar 4.12.


105

Gambar 4.12 Halaman Gambar Detail Buku Tamu

4.3.11. Halaman Kelola Event

Halaman Kelola Event akan muncul ketika administrator menekan

menu kelola event. Pada halaman ini admin dapat melihat detail ,

menambah, mengedit, dan menghapus data event dapat dilihat pada gambar

4.13.

Gambar 4.13 Halaman Kelola Event

4.3.11.1. Halaman Tambah Event

Halaman Tambah Event ini akan muncul ketika

administrator memilih tambah data pada submenu kelola event.

Pada halaman ini terdapat form untuk nama event, keterangan event,


106

dan tombol browse untuk memilih video dapat dilihat pada gambar

4.14.

Gambar 4.14 Halaman Tambah Event

Berikut adalah potongan listing program bagian insert data event dan

upload video.

4.3.11.2. Halaman Edit Data Event

Halaman Edit Data Event ini akan muncul ketika

administrator memilih menu edit data pada tabel kelola event. Pada

halaman ini terdapat form untuk menampilkan data nama dan

keterangan event yang akan diedit dapat dilihat pada gambar 4.15.

stm = (OraclePreparedStatement) conn.prepareStatement(

"insert into event (idevent,nama,keterangan,video) "

+ " values (?,?,?," + EMPTY_VIDEO + ")");

stm.setString(1, idVideo);

stm.setString(2, getNama());

stm.setString(3, getKeterangan());

stm.executeUpdate();

stm.close();


"select video from event where idevent = ? for update");

stm.setString(1, idevent);

rs = (OracleResultSet) stm.executeQuery();

if (!rs.next()) {

throw new ServletException("new row not found in table");

}

setVideo((OrdVideo) rs.getORAData(1, OrdVideo.getORADataFactory()));

rs.close();

stm.close();


107

Gambar 4.15 Halaman Edit Event

4.3.11.3. Halaman Ganti Video Event

Halaman Ganti Video Event ini akan muncul ketika

administrator memilih menu ganti video pada tabel kelola event.

Pada halaman ini terdapat form untuk menampilkan data id, nama,

dan keterangan event serta tombol browse untuk memilih video


Gambar 4.16 Halaman Ganti Video Event

4.3.11.4. Halaman Detail Event

Halaman Detail Video Event ini akan muncul ketika

administrator memilih menu detail pada tabel kelola event. Pada

halaman ini terdapat form untuk menampilkan data id, nama, dan

keterangan event serta form untuk menampilkan video dapat dilihat

pada gambar 4.17.


108

Gambar 4.17 Halaman View Video Event

Berikut adalah potongan listing program untuk menampilkan data event

dan video event.

4.3.12. Halaman Kelola Kategori Wisata

Halaman kelola kategori wisata akan muncul ketika administrator

menekan menu kelola kategori wisata. Pada halaman ini admin dapat

melihat detail, menambah, mengedit, dan menghapus data kategori wisata


<h4 align="center">Video Event</h4>

<video

width="<%=album.getVideo().getWidth()%>"

height="<%=album.getVideo().getHeight()%>"

autoplay controls>

<source

src="VideoAlbumMediaViewer.jsp?idevent=<%=album.getIdeven

t()%>" type="<%=album.getVideo().getMimeType()%>">

Your browser does not support the video tag.

</video>


109

Gambar 4.18 Halaman Kelola Kategori Wisata

4.3.12.1. Halaman Tambah Kategori Wisata

Halaman tambah kategori wisata ini akan muncul ketika

administrator memilih tambah data pada submenu kelola kategori

wisata. Pada halaman ini terdapat form untuk nama kategori wisata


Gambar 4.19 Halaman Tambah Kateogri wisata

4.3.12.2. Halaman Edit Kategori Wisata

Halaman edit kategori wisata ini akan muncul ketika

administrator memilih menu edit pada tabel kelola kategori wisata.

Pada halaman ini terdapat form untuk menampilkan data nama

kategori wisata yang akan diedit dapat dilihat pada gambar 4.20.


110

Gambar 4.20 Halaman Edit Kategori Wisata

4.3.12.3. Halaman Detail Kategori Wisata

Halaman detail kategori wisata ini akan muncul ketika

administrator memilih menu detail pada tabel kelola kategori

wisata. Pada halaman ini akan menampilkan data id dan nama

kategori wisata dapat dilihat pada gambar 4.21.

Gambar 4.21 Halaman Detail Kategori Wisata

4.3.13. Halaman Kelola Wisata

Halaman kelola wisata akan muncul ketika administrator menekan

menu kelola wisata. Pada halaman ini admin dapat melihat detail,

menambah, mengedit, dan menghapus data wisata dapat dilihat pada

gambar 4.22.


111

Gambar 4.22 Halaman Kelola Wisata

4.3.13.1. Halaman Tambah Wisata

Halaman tambah wisata ini akan muncul ketika

administrator memilih tambah data pada submenu kelola wisata.

Pada halaman ini terdapat form untuk dapat dilihat pada gambar

4.23.

Gambar 4.23 Halaman Tambah Wisata


112

4.3.13.2. Halaman Edit Wisata

Halaman edit wisata ini akan muncul ketika administrator

memilih menu edit pada tabel kelola wisata. Pada halaman ini

terdapat form untuk menampilkan data id kategori wisata, nama

wisata, alamat, deskripsi, latitude, dan longtitude yang akan diedit


Gambar 4.24 Halaman Edit Wisata

4.3.13.3. Halaman Detail Wisata

Halaman detail wisata ini akan muncul ketika administrator

memilih menu detail pada tabel kelola wisata. Pada halaman ini akan

menampilkan data id kategori wisata, nama wisata, alamat,

deskripsi, latitude, dan longtitude dapat dilihat pada gambar 4.25.


113

Gambar 4.25 Halaman Detail Wisata

4.3.14. Halaman Kelola Gambar

Halaman kelola gambar akan muncul ketika administrator menekan

menu kelola gambar. Pada halaman ini admin dapat melihat detail,

menambah, mengedit, dan menghapus data gambar dapat dilihat pada

gambar 4.26.

Gambar 4.26 Halaman Kelola Gambar


114

Berikut adalah potongan listing program bagian menampilkan data dan

gambar dalam tabel.

4.3.14.1. Halaman Tambah Gambar

Halaman tambah gambar ini akan muncul ketika administrator

memilih tambah data pada submenu kelola gambar. Pada halaman

ini terdapat form untuk id wisata, deskripsi, lokasi, dan tombol

browse untuk memilih gambar dapat dilihat pada gambar 4.27.

<%

try {

album.selectTable();

int rowCount = 0;

while (album.fetch()) {

rowCount++;

%>

<td><%= PhotoAlbumBean.escapeHtmlString(album.getIdgambar())%></td>

<td><%= PhotoAlbumBean.escapeHtmlString(album.getId_wisata())%></td>

<td><%= PhotoAlbumBean.escapeHtmlString(album.getLokasi())%></td>

<td><a href="admin-lihatgambar.jsp?idgambar=<%= album.getIdgambar()%>">

<%

if (album.getThumb().getContentLength() > 0) {

%>

<img

src=PhotoAlbumMediaViewer.jsp?media=thumb&idgambar=<%=album.getIdgambar(

)%>

height="<%= album.getThumb().getHeight()%>"width="<%=

album.getThumb().getWidth()%>"

alt="<%= PhotoAlbumBean.escapeHtmlString(album.getDeskripsi())%>"

border=1></a>

<%

} else {

out.println("[lihat gambar]</a></td></tr>");

}

%>

Berikut adalah method basis data multimedia yang digunakan untuk

menampilkan gambar secara thumbnail.

image.processCopy(“maxScale=100,100”,thumb);


115

Gambar 4.27 Halaman Tambah Gambar

Berikut adalah potongan listing program bagian insert data dan upload gambar.


"insert into gambar (idgambar,id_wisata,deskripsi,lokasi,image,thumb) "

+ " values (?,?,?,?," + EMPTY_IMAGE + "," + EMPTY_IMAGE + ")");

stm.setString(1, idPhoto);

stm.setString(2, id_wisata);

stm.setString(3, deskripsi);

stm.setString(4, lokasi);

stm.executeUpdate();

stm.close();


"select image,thumb from gambar where idgambar = ? for update");

stm.setString(1, idgambar);

rs = (OracleResultSet) stm.executeQuery();

if (!rs.next()) {

throw new ServletException("new row not found in table");

}

image = (OrdImage) rs.getORAData(1, OrdImage.getORADataFactory());

thumb = (OrdImage) rs.getORAData(2, OrdImage.getORADataFactory());

rs.close();

stm.close();

uploadPhoto.loadImage(image);


116

4.3.14.2. Halaman Edit Data Gambar

Halaman edit data gambar ini akan muncul ketika

administrator memilih menu edit data pada tabel kelola gambar.

Pada halaman ini terdapat form untuk menampilkan data deskripsi

dan lokasi gambar yang akan diedit dapat dilihat pada gambar 4.28.

Gambar 4.28 Halaman Edit Data Gambar

4.3.14.3. Halaman Ganti Gambar

Halaman ganti gambar ini akan muncul ketika administrator

memilih menu ganti gambar pada tabel kelola gambar. Pada

halaman ini terdapat form untuk menampilkan data id gambar,

idwisata, deskripsi, dan lokasi gambar serta tombol browse untuk

memilih gambar dapat dilihat pada gambar 4.29.


117

Gambar 4.29 Halaman Ganti Gambar

4.3.14.4. Halaman Detail Gambar

Halaman detail gambar ini akan muncul ketika administrator

memilih menu detail pada tabel kelola gambar. Pada halaman ini

akan menampilkan data id kategori wisata, nama wisata, alamat,

deskripsi, latitude, dan longtitude dapat dilihat pada gambar 4.30.

Gambar 4.30 Halaman Detail Gambar

4.3.15. Halaman Kelola ATM

Halaman kelola ATM akan muncul ketika administrator menekan

menu kelola ATM. Pada halaman ini admin dapat melihat detail,

menambah, mengedit, dan menghapus data ATM dapat dilihat pada gambar

4.31.


118

Gambar 4.31 Halaman Kelola ATM

4.3.15.1. Halaman Tambah ATM

Halaman tambah ATM ini akan muncul ketika administrator

memilih tambah data pada submenu kelola ATM. Pada halaman ini

terdapat form untuk nama ATM, alamat, latitude, longitude,

keterangan dapat dilihat pada gambar 4.32.

Gambar 4.32 Halaman Tambah ATM

4.3.15.2. Halaman Edit ATM

Halaman edit data ATM ini akan muncul ketika

administrator memilih menu edit data pada tabel kelola ATM. Pada

halaman ini terdapat form untuk menampilkan data nama ATM,

alamat, latitude, longitude, keterangan yang akan diedit dapat



119

Gambar 4.33 Halaman Edit ATM

4.3.15.3. Halaman Detail ATM

Halaman detail ATM ini akan muncul ketika administrator

memilih menu detail pada tabel kelola ATM. Pada halaman ini akan

menampilkan data id, nama, alamat, latitude, longitude, dan


Gambar 4.34 Halaman Detail ATM

4.3.16. Halaman Kelola Hotel

Halaman kelola hotel akan muncul ketika administrator menekan

menu kelola Hotel. Pada halaman ini admin dapat melihat detail,


120

menambah, mengedit, dan menghapus data hotel dapat dilihat pada gambar

4.35.

Gambar 4.35 Halaman Kelola Hotel

4.3.16.1. Halaman Tambah Hotel

Halaman tambah hotel ini akan muncul ketika administrator

memilih tambah data pada submenu kelola hotel. Pada halaman ini

terdapat form untuk nama, alamat, latitude, longtitude, keterangan,

bintang, website, telepon, dan fasilitas dapat dilihat pada gambar

4.36.

Gambar 4.36 Halaman Tambah Hotel


121

4.3.16.2. Halaman Edit Hotel

Halaman edit data hotel ini akan muncul ketika

administrator memilih menu edit data pada tabel kelola hotel. Pada

halaman ini terdapat form untuk menampilkan data nama, alamat,

latitude, longtitude, keterangan, bintang, website, telepon, dan

fasilitas yang akan diedit dapat dilihat pada gambar 4.37.

Gambar 4.37 Halaman Edit Hotel

4.3.16.3. Halaman Detail Hotel

Halaman detail hotel ini akan muncul ketika administrator

memilih menu detail pada tabel kelola hotel. Pada halaman ini akan

menampilkan data id, nama, alamat, latitude, longtitude, keterangan,

bintang, website, telepon, dan fasilitas dapat dilihat pada gambar

4.38.


122

Gambar 4.38 Halaman Detail Hotel

4.3.17. Halaman Kelola Rumah Makan

Halaman kelola rumah makan akan muncul ketika administrator

menekan menu kelola rumah makan. Pada halaman ini admin dapat melihat

detail, menambah, mengedit, dan menghapus data rumah makan dapat


Gambar 4.39 Halaman Kelola Rumah Makan


123

4.3.17.1. Halaman Tambah Rumah Makan

Halaman tambah rumah makan ini akan muncul ketika

administrator memilih tambah data pada submenu kelola rumah

makan. Pada halaman ini terdapat form untuk nama, alamat,

latitude, longtitude, dan keterangan dapat dilihat pada gambar 4.40.

Gambar 4.40 Halaman Tambah Rumah Makan

4.3.17.2. Halaman Edit Rumah Makan

Halaman edit data rumah makan ini akan muncul ketika

administrator memilih menu edit data pada tabel kelola rumah

makan. Pada halaman ini terdapat form untuk menampilkan data

nama, alamat, latitude, longtitude, dan keterangan yang akan diedit



124

Gambar 4.41 Halaman Edit Rumah Makan

4.3.17.3. Halaman Detail Rumah Makan

Halaman detail rumah makan ini akan muncul ketika

administrator memilih menu detail pada tabel kelola rumah makan.

Pada halaman ini akan menampilkan data id, nama, alamat, latitude,

longtitude, dan keterangan dapat dilihat pada gambar 4.42.

Gambar 4.42 Halaman Detail Rumah Makan


125

4.3.18. Halaman Kelola SPBU

Halaman kelola SPBU akan muncul ketika administrator menekan

menu kelola SPBU. Pada halaman ini admin dapat melihat detail,

menambah, mengedit, dan menghapus data SPBU dapat dilihat pada

gambar 4.43.

Gambar 4.43 Halaman Kelola SPBU

4.3.18.1. Halaman Tambah SPBU

Halaman tambah SPBU ini akan muncul ketika

administrator memilih tambah data pada submenu kelola SPBU.

Pada halaman ini terdapat form untuk nama, alamat, latitude,

longtitude, dan keterangan dapat dilihat pada gambar 4.44.

Gambar 4.44 Halaman Tambah SPBU


126

4.3.18.2. Halaman Edit SPBU

Halaman edit data SPBU ini akan muncul ketika

administrator memilih menu edit data pada tabel kelola SPBU. Pada

halaman ini terdapat form untuk menampilkan data nama, alamat,

latitude, longtitude, dan keterangan yang akan diedit dapat dilihat

pada gambar 4.45.

Gambar 4.45 Halaman Edit SPBU

4.3.18.3. Halaman Detail SPBU

Halaman detail SPBU ini akan muncul ketika administrator

memilih menu detail pada tabel kelola SPBU. Pada halaman ini akan

menampilkan data id, nama, alamat, latitude, longtitude, dan



127

Gambar 4.46 Halaman Detail SPBU

4.3.19. Halaman Kelola Gambar Hotel

Halaman Kelola Gambar Hotel akan muncul ketika administrator

menekan sub menu kelola gambar hotel di dalam menu kelola hotel. Pada

halaman ini admin dapat melihat detail, menambah, mengedit data,

mengganti gambar hotel, dan menghapus data gambar hotel dapat dilihat

pada gambar 4.47.

Gambar 4.47 Halaman Kelola Gambar Hotel


128

4.3.19.1. Halaman Tambah Gambar Hotel

Halaman tambah gambar hotel ini akan muncul ketika

administrator memilih tambah data pada submenu kelola gambar

hotel. Pada halaman ini terdapat form untuk id hotel, keterangan,

dan tombol browse untuk memilih gambar dapat dilihat pada

gambar 4.48.

Gambar 4.48 Halaman Tambah Gambar Hotel

4.3.19.2. Halaman Edit Data Gambar Hotel

Halaman edit data gambar hotel ini akan muncul ketika

administrator memilih menu edit data pada tabel kelola gambar

hotel. Pada halaman ini terdapat form untuk menampilkan data id

hotel dan keterangan gambar hotel yang akan diedit dapat dilihat

pada gambar 4.49.


129

Gambar 4.49 Halaman Edit Data Gambar Hotel

4.3.19.3. Halaman Ganti Gambar Hotel

Halaman ganti gambar hotel ini akan muncul ketika

administrator memilih menu ganti gambar pada tabel kelola gambar

hotel. Pada halaman ini terdapat form untuk menampilkan data id

gambar hotel, id hotel, keterangan serta tombol browse untuk

memilih gambar dapat dilihat pada gambar 4.50.

Gambar 4.50 Halaman Ganti Gambar Hotel


130

4.3.19.4. Halaman Detail Gambar Hotel

Halaman detail gambar hotel ini akan muncul ketika

administrator memilih menu detail pada tabel kelola gambar hote.

Pada halaman ini terdapat form untuk menampilkan data id gambar

hotel, id hotel, keterangan gambar hotel serta form untuk

menampilkan gambar dapat dilihat pada gambar 4.51.

Gambar 4.51 Halaman Detail Gambar Hotel


131

BAB V

ANALISIS HASIL

Pada bab ini dilakukan analisis hasil uji coba Website Pariwisata Kabupaten

Purworejo yang telah dibuat. Sebelum dilakukan pengujian terhadap admin dan

pengguna (wisatawan) apakah sistem ini sesuai dengan kebutuhan admin dan

pengguna (wisatawan), dilakukan terlebih dahulu pengujian sistem keseluruhan

modul dalam satu sistem.

5.1. Analisa Hasil Uji Coba Sistem (Pengujian Alpha)

Pengujian alpha ini diujikan berdasarkan analisa dari pihak

pengembang sistem sebelum diuji dengan pengujian beta. Dari hasil analisa

pihak pengembang sistem, Website Pariwisata Kabupaten Purworejo yang

telah dibangun ini secara umum telah berfungsi dengan baik yang meliputi

pengguna (wisatawan) dapat mengakses data wisata yang ada di Kabupaten

Purworejo yang telah disediakan dalam sistem, pengguna (wisatawan) juga

dapat memberikan kritik dan saran kepada Dinas Pariwisata Kabupaten

Purworejo dengan mengisi buku tamu.

Berdasarkan hasil implementasi basis data multimedia, semua data

multimedia dapat disimpan dengan baik sesuai dengan tipe data multimedia

yang digunakan yang meliputi ORDimage untuk menyimpan gambar dan

ORDvideo untuk menyimpan video. Selain itu method-method basisdata

multimedia yang diimplementasikan dalam Website Pariwisata Kabupaten

Purworejo ini juga dapat berfungsi dengan baik. Adapun method-method

tersebut meliputi :

6) Image (ORDimage) :

b. getContentFormat()

Method yang digunakan untuk memperoleh content format pada

gambar dan gambar hotel.

c. getMimeType()

Method yang digunakan untuk memperoleh format tipe MIME pada



132

d. getPreferredFormat()

Method yang digunakan untuk memperoleh preferred format pada


e. process()

Method yang digunakan untuk melakukan proses pengelolaan pada


f. processCopy()

Method yang digunakan untuk melakukan proses copi gambar pada


g. deleteContent()

Method yang digunakan untuk menghapus content pada gambar dan

gambar hotel.

h. setContentLength()

Method yang digunakan untuk mengeset/menentukan nilain content

lenght pada gambar dan gambar hotel.

2. Video (ORDvideo)

a. getWidth()

Method yang digunakan untuk memperoleh nilai lebar video pada

video event.

b. getHeight()

Method yang digunakan untuk memperoleh nilai tinggi video pada

video event.

c. getMimeType()

Method yang digunakan untuk memperoleh tipe MIME video pada

video event.

d. setWidth()

Method yang digunakan untuk mengeset/menentukan nilai lebar

video pada video event.

e. setHeight()

Method yang digunakan untuk mengeset/menentukan nilai tinggi



133

f. setMimeType()

Method yang digunakan untuk mengeset/menentukan tipe MIME


Kelebihan Sistem :

1. Website Pariwisata Kabupaten Purworejo ini memiliki kemampuan

audio visual dengan menampilkan gambar dan video.

2. Data pariwisata dan fasilitas dapat di update sewaktu-waktu oleh

admin.

3. Data yang disajikan sesuai dengan kebutuhan pengguna (wisatawan).

4. Website Pariwisata Kabupaten Purworejo mampu menampilkan lokasi

wisata menggunakan Google Maps.

Kekurangan Sistem :

1. Website Pariwisata Kabupaten Purworejo belum mampu melakukan

rekomendasi wisata kepada pengguna (wisatawan).

5.2. Analisa Hasil Uji Coba terhadap Pengguna (Pengujian Beta)

Uji coba terhadap pengguna dilakukan dengan menyebarkan

kuesioner kepada 21 orang. Sasaran dari penyebaran kuesioner tersebut

adalah sebagai berikut :

a. 1 orang berperan sebagai admin.

b. 20 orang berperan sebagai wisatawan.


134

5.3. Rangkuman Hasil Uji Coba Terhadap Pengguna

5.3.1. Form Kuesioner

Form Kuesioner yang disebarkan untuk calon pengguna Website Pariwisata

Kabupaten Purworejo adalah sebagai berikut :

a. Form untuk admin

b. Form untuk wisatawan

5.3.2. Hasil dan Pembahasan

Hasil jawaban responden kemudian diolah sehingga memperoleh gambaran

sebagai berikut:

5.3.2.1. Hasil Uji Coba Terhadap Wisatawan

Pernyataan 1:

Website ini efektif/tepat guna sebagai alat/sarana untuk memperoleh

informasi pariwisata.

Tabel 5.1 Tabel Hasil Kuesioner Pernyataan 1

Jawaban

Bobot

Jawaban

(1-5)

Jumlah

Responden

Hasil

(1-5) Total

Sangat Setuju 5 7 35 35.00%

Setuju 4 13 52 65.00%

Ragu-Ragu 3 0 0 0.00%

Tidak Setuju 2 0 0 0.00%

Sangat Tidak

Setuju 1 0 0 0.00%

Total 20 87

- NILAI AKHIR (Total Hasil 1-5/Total Jumlah

Responden) 4.35


135

Gambar 5.1 Grafik Pernyataan 1

Dari perhitungan tabel 5.1 diatas, dapat dianalisa bahwa secara umum, Website

Pariwisata Kabupaten Purworejo ini efisien/tepat guna untuk memperoleh

informasi pariwisata, dengan skor 4.35 dari skala 1-5.

Pernyataan 2 :

Website ini efektif/tepat guna sebagai alat/sarana untuk memperoleh

informasi fasilitas (ATM, hotel, rumah makan, dan SPBU).

0

2

4

6

8

10

12

14

Sangat Setuju Setuju Ragu-Ragu Tidak Setuju Sangat TidakSetuju

Pernyataan 1

Jumlah Responden


136


Jawaban

Bobot

Jawaban

(1-5)

Jumlah

Responden

Hasil

(1-5) Total


Setuju 4 13 52 65.00%

Ragu-Ragu 3 0 0 0.00%


Sangat Tidak

Setuju 1 0

0 0.00%

Total 20 87


Responden)

4.35



Pariwisata Kabupaten Purworejo ini efisien/tepat guna untuk memperoleh

informasi fasilitas (ATM, hotel, rumah makan, dan SPBU), dengan skor 4.35 dari

skala 1-5.

0

2

4

6

8

10

12

14


Pernyataan 2

Jumlah Responden


137

Pernyataan 3 :

Secara umum website ini beserta fitur-fiturnya dapat dimengerti dan

digunakan dengan mudah.


Jawaban

Bobot

Jawaban

(1-5)

Jumlah

Responden

Hasil

(1-5) Total


Setuju 4 17 68 85.00%

Ragu-Ragu 3 0 0 0.00%


Sangat Tidak

Setuju 1 0 0 0.00%

Total 20 83


Responden) 4.15


0

2

4

6

8

10

12

14

16

18

Sangat Setuju Setuju Ragu-Ragu Tidak Setuju Sangat Tidak Setuju

Pernyataan 3

Jumlah Responden


138


Pariwisata Kabupaten Purworejo ini beserta fitur-fiturnya dapat dimengerti dan

digunakan dengan mudah, dengan skor 4.15 dari skala 1-5.

Pernyataan 4 :

Secara umum tampilan website ini menarik (tata letak, ukuran huruf, pilihan

warna, gambar, video).


Jawaban

Bobot

Jawaban

(1-5)

Jumlah

Responden

Hasil

(1-5) Total


Setuju 4 18 72 90.00%

Ragu-Ragu 3 0 0 0.00%


Sangat Tidak

Setuju 1 0 0 0.00%

Total 20 82


Responden) 4.1


139



Pariwisata Kabupaten Purworejo ini menarik (tata letak, ukuran huruf, pilihan

warna, gambar, video), dengan skor 4.1 dari skala 1-5.

0

2

4

6

8

10

12

14

16

18

20


Pernyataan 4

Jumlah Responden


140

Pernyataan 5 :

Setelah saya mencoba website ini, saya tertarik untuk mengunjungi wisata

di Kabupaten Purworejo.


Jawaban

Bobot

Jawaban

(1-5)

Jumlah

Responden

Hasil

(1-5) Total


Setuju 4 15 60 75.00%

Ragu-Ragu 3 0 0 0.00%


Sangat Tidak

Setuju 1 0 0 0.00%

Total 20 85


Responden) 4.25


0

2

4

6

8

10

12

14

16


Pernyataan 5

Jumlah Responden


141

Dari perhitungan tabel 5.7 diatas, dapat dianalisa bahwa secara umum, wisatawan

tertari untuk mengunjungi wisata di Kabupaten Purworejo, dengan skor 4.25 dari

skala 1-5.

5.3.2.2. Hasil Uji Coba Terhadap Admin

Dari hasil jawaban yang diberikan responden (admin, Dinas

Pariwisata Purworejo) dapat diketahui bahwa secara umum Website

Pariwisata Kabupaten Purworejo ini membantu dalam mengelola

data pariwisata dan fasilitas (ATM, hotel, rumah makan, SPBU)

serta mempermudah penyampaian informasi pariwisata dengan

cepat kepada wisatawan.

Adapun tabel hasil jawaban yang diberikan adalah sebagai

berikut:

Pernyataan Kategori SS S R TS STS

Website ini efektif/tepat guna

sebagai alat/sarana untuk memberi

informasi kepada wisatawan.

Efektif /

Tepat

Guna

√

Website ini efektif/tepat guna

membantu mengelola data

pariwisata dan fasilitas (ATM,

hotel, rumah makan, dan SPBU).

Efektif /

Tepat

Guna √

Secara umum website ini beserta

fitur-fiturnya dapat dimengerti dan

digunakan dengan mudah.

Easy of

use

√

Pengolahan data (tambah, ubah,

hapus) pariwisata dan

fasilitas(ATM, hotel, rumah

makan, SPBU) dapat dilakukan

dengan mudah.

Easy of

use

√


142

5.3.3. Rangkuman Hasil Uji Coba Terhadapa Pengguna (wisatawan)

Berdasarkan uji coba terhadap pengguna (wisatawan), dapat

dianalisa bahwa :

Pernyataan Kategori Skor

Website ini efektif/tepat guna sebagai alat/sarana

untuk memperoleh informasi pariwisata.

Efektif /

Tepat

Guna

4.35

Website ini efektif/tepat guna sebagai alat/sarana

untuk memperoleh informasi fasilitas (ATM,


Efektif /

Tepat

Guna 4.35

Secara umum website ini beserta fitur-fiturnya

dapat dimengerti dan digunakan dengan mudah.

Easy of

use 4.15

Secara umum tampilan website ini menarik (tata

letak, ukuran huruf, pilihan warna, gambar,

video)

Menarik

4.1

Setelah saya mencoba Website ini, saya tertarik

untuk mengunjungi wisata di Kabupaten

Purworejo.

Menarik

4.25

Rata-Rata 4.2

Berdasarkan tabel diatas, diketahui bahwa mayoritas responden menilai

bahwa sistem ini dapat berjalan dan berfungsi dengan baik. Hail ini dapat

dibuktikan dengan perhitungan rata-rata dari skor setiap pernyataan berada di

angka 4.2 dari skala 1 sampai dengan 5.

5.4. Perbandingan Basis Data

5.4.1. Basis Data

Kumpulan data yang disimpan secara sistematis di dalam komputer

yang dapat diolah atau dimanipulasi menggunakan perangkat lunak


143

(program aplikasi) untuk menghasilkan informasi. Pendefinisian basis data

meliputi spesifikasi berupa tipe data, struktur data dan juga batasan-batasan

data yang akan disimpan. Basis data merupakan aspek yang sangat penting

dalam sistem informasi dimana basis data merupakan gudang penyimpanan

data yang akan diolah lebih lanjut. Basis data menjadi penting karena dapat

mengorganisasi data, menghidari duplikasi data, hubungan antar data yang

tidak jelas dan juga update yang rumit. Kelebihan dari basis data adalah

pengaksesan yang relatif lebih cepat karena hanya menyimpan data berupa

text sedangkan, kelemahan dari basis data adalah data yang tersimpan

berupa text, tidak dapat menyimpan data multimedia seperti gambar, audio,

dan video.

5.4.2. Basis Data Multimedia

Basis data multimedia merupakan perluasan kemampuan basis data

yang dapat menyimpan dan mengelola data tidak hanya text akan tetapi

berupa suara, gambar, animasi maupun data multimedia lainnya.

Kelebihan basis data multimedia :

1. MMDB (multimedia database) dapat menangani objek

multimedia dalam jumlah besar dimana Relational Database

tidak dapat melakukannya secara efektif.

2. Lebih lengkap karna dilengkapi dengan data bukan hanya teks

tetapi gambar, video, audio, dan lain–lain.

3. MMDB sangat membantu dalam pengembangan aplikasi

multimedia.

Kekurangan basis data multimedia yaitu pengaksesan yang relatif

memakan waktu dibandingkan dengan data berupa text.


144

BAB IV

PENUTUP

6.1. Kesimpulan

Berdasarkan hasil analisa dan uji coba sistem ini dapat disimpulkan

bahwa:

1. Website Pariwisata Kabupaten Purworejo ini berhasil dibuat

dengan menggunakan pemrograman JSP dan basis data Oracle.

Secara umum website ini telah berfungsi dengan baik yang

meliputi pengguna (wisatawan) dapat mengakses data wisata

yang ada di Kabupaten Purworejo yang telah disediakan dalam

sistem serta memudahkan admin (Dinas Pariwisata Kabupaten

Purworejo) untuk mengelola data pariwisata dan fasilitas (ATM,


2. Berdasarkan hasil uji coba terhadap wisatawan, website ini :

a. Efektif/tepat guna membantu wisatawan memperoleh

informasi pariwisata dan fasilitas (ATM, hotel, rumah

makan, SPBU).

b. Secara umum Website Pariwisata Kabupaten Purworejo

beserta fitur-fiturnya dapat dimengerti dan digunakan

dengan mudah.

3. Berdasarkan hasil uji coba terhadap admin (Dinas Pariwisata

Kabupaten Purworejo), website ini :

a. Efektif/tepat guna sebagai alat/sarana untuk mengelola data

pariwisata dan fasilitas (ATM, hotel, rumah makan, SPBU).

b. Mampu memberikan informasi kepada wisatawan dan fitur-

fiturnya dapat dimengerti dan digunakan dengan mudah.

4. Berdasarkan hasil uji coba terhadap wisatawan, website ini

mampu menarik minat wisatawan untuk mengunjungi pariwisata

yang ada di Kabupaten Purworejo.


147

6.2. Saran

Saran yang dapat penulis berikan dalam pengembangan website ini adalah

website mampu melakukan rekomendasi wisata kepada wisatawan.


148

DAFTAR PUSTAKA

Kadir Abdul. 2004. Dasar Pemrograman Web Dinamis dengan JSP Yogyakarta. Andi

Offeset.

Kristanto Andri. 2004. Perancangan Sistem Informasi dan Aplikasinya.Yogyakarta.

Gaya Media.

Conoly, Thomas & Carolyn Beeg. 2005. Database Systems : A Practical Approach to

Design Design Implementation and Management. Chapter 11.

Jeffrey L Whitten, Lonnie D Bentley, Victor M.Barlow. 2004. System Analysis & Design

Methods. Six Edition. Irwin.

Juansyah. Pengertian Sistem Infromasi. http://juansyah.wordpress.com/2013/03/

31/pengertian-sistem-informasi/ diakses 20 Desember 2015

Hartono, Jogiyanto. 1999. Analisis & Desain Sistem Informasi : Pendekatan Terstruktur

Teori dan Praktek Aplikasi Bisnin. Yogyakarta. Andi Offset.

Quesenbery, 2004. Balancing the 5Es: Usability. USA.

Rahmadani Sella. Kelebihan dan Kelemahan JSP.

https://akuselarahmadani.wordpress.com/2014/08/13/kelebihan-kelemahan-jsp/

diakses tanggal 4 Januari 2016.

Tay Vaughan. 2011. Multimedia : Making it work. Eighth edition. TMH.

UU Republik Indonesia No. 9 Th. 1990 Tentang Kepariwisataan.


http://juansyah.wordpress.com/2013/03/%2031/pengertian-sistem-informasi/

http://juansyah.wordpress.com/2013/03/%2031/pengertian-sistem-informasi/

https://akuselarahmadani.wordpress.com/2014/08/13/kelebihan-kelemahan-jsp/

IMPLEMENTASI BASIS DATA MULTIMEDIA DALAM WEBSITE ...repository.usd.ac.id/6768/2/125314046_full.pdf · Implementasi Basis Data Multimedia dalam Website Pariwisata Kabupaten Purworejo.

Documents