Implementasi basis data multimedia dalam website pariwisata Kabupaten Purworejo.

(1)

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. Website ini efektif membantu wisatawan memperoleh informasi pariwisata dan fasilitas, serta fitur-fiturnya dapat dimengerti dan digunakan dengan mudah.

(2)

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.

(3)

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

(4)

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

(5)

(6)

(7)

HALAMAN MOTTO

“ Karena masa depan sungguh ada, dan

harapanmu tidak akan hilang.

“

(8)

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

(9)

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,

(10)

ABSTRAK

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.

(11)

ABSTRACT

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.

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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

(17)

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

(18)

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

(19)

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

(20)

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

(21)

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

(22)

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 Gambar 3.13 DFD Level 2 Proses 2 ... 50 Gambar 3.14 DFD Level 2 Proses 3 ... 51 Gambar 3.15 DFD Level 2 Proses 4 ... 52 Gambar 3.16 DFD Level 2 Proses 5 ... 53 Gambar 3.17 DFD Level 2 Proses 6 ... 54 Gambar 3.18 DFD Level 2 Proses 7 ... 55 Gambar 3.19 DFD Level 2 Proses 8 ... 56 Gambar 3.20 DFD Level 2 Proses 9 ... 57

(23)

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

(24)

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

(25)

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

(26)

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

(27)

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 Tabel 5.2 Tabel Hasil Kuesioner Pernyataan 2 ... 136 Tabel 5.3 Tabel Hasil Kuesioner Pernyataan 3 ... 137 Tabel 5.4 Tabel Hasil Kuesioner Pernyataan 4 ... 138 Tabel 5.5 Tabel Hasil Kuesioner Pernyataan 5 ... 140

(28)

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

(29)

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

(30)

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.

(31)

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.

(32)

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).

(33)

f. BAB VI PENUTUP

Bab ini berisi tentang kesimpulan dari penelitian serta saran yang berhubungan dengan topik skripsi .

(34)

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).

(35)

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

(36)

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

(37)

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

(38)

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

(39)

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

(40)

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:

(41)

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

(42)

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).

(43)

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.

(44)

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

(45)

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.

(46)

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.

(47)

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 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

(48)

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

(49)

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.

(50)

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

(51)

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

(52)

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.

(53)

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

(54)

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()

(55)

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()

(56)

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()

(57)

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 :

(58)

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.

(59)

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

(60)

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.

(1)

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

(2)

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, hotel, rumah makan, dan SPBU).

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

(3)

(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.

(4)

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, hotel, rumah makan, dan SPBU).

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).

(5)

6.2. Saran

Saran yang dapat penulis berikan dalam pengembangan website ini adalah website mampu melakukan rekomendasi wisata kepada wisatawan.

(6)

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.

Implementasi basis data multimedia dalam website pariwisata Kabupaten Purworejo.

ABSTRAK

ABSTRACT

“ Karena masa depan sungguh ada, dan

harapanmu tidak akan hilang.

“

DAFTAR GAMBAR

DAFTAR TABEL

BAB I

PENDAHULUAN

BAB IV

PENUTUP

DAFTAR PUSTAKA

Parts

Dokumen yang terkait

Pengembangan kios informasi pariwisata propinsi DKI Jakarta

PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR

KONSEP PERENCANAAN DAN PERANCANGAN HOTEL PARIWISATA DI KABUPATEN PURWOREJO

Ensiklopedia Wayang : studi kasus cerita Mahabarata menggunakan basis data multimedia.

Implementasi basis data multimedia dalam aplikasi situs tempat wisata Yogyakarta.

Tugas Kelompok EMS Hotel dan Pariwisata

Perancangan Basis Data Pada Website E-Kartu Nikah

Basis Data  Type DataBase  Tabel dalam basis Data

DESAIN MODEL BASIS DATA OBYEK PARIWISATA PROVINSI JAWA TENGAH STUDI KASUS DI KABUPATEN MAGELANG

KONSEP TUGAS AKHIR - PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI PARIWISATA KABUPATEN PURWOREJO - UNS Institutional Repository

Dukungan

Links

Implementasi basis data multimedia dalam website pariwisata Kabupaten Purworejo.

ABSTRAK

ABSTRACT

“ Karena masa depan sungguh ada, dan

harapanmu tidak akan hilang.

“

DAFTAR GAMBAR

DAFTAR TABEL

BAB I

PENDAHULUAN

BAB IV

PENUTUP

DAFTAR PUSTAKA

Parts

Dokumen yang terkait

Pengembangan kios informasi pariwisata propinsi DKI Jakarta

PENGEMBANGAN WEBSITE DINAS PARIWISATA KABUPATEN KARANGANYAR

KONSEP PERENCANAAN DAN PERANCANGAN HOTEL PARIWISATA DI KABUPATEN PURWOREJO

Ensiklopedia Wayang : studi kasus cerita Mahabarata menggunakan basis data multimedia.

Implementasi basis data multimedia dalam aplikasi situs tempat wisata Yogyakarta.

Tugas Kelompok EMS Hotel dan Pariwisata

Perancangan Basis Data Pada Website E-Kartu Nikah

Basis Data  Type DataBase  Tabel dalam basis Data

DESAIN MODEL BASIS DATA OBYEK PARIWISATA PROVINSI JAWA TENGAH STUDI KASUS DI KABUPATEN MAGELANG

KONSEP TUGAS AKHIR - PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI PARIWISATA KABUPATEN PURWOREJO - UNS Institutional Repository

Dokumen yang Anda mencari sudah siap untuk unduhkan