PERANCANGAN SISTEM INFORMASI PARIWISATA PULAU BINTAN BERBASIS WEB SKRIPSI ROSEMAN

(1)

PERANCANGAN SISTEM INFORMASI PARIWISATA

PULAU BINTAN BERBASIS WEB

SKRIPSI

ROSEMAN

1010512032

UNIVERSITAS PEMBANGUNAN NASIONAL “ VETERAN” JAKARTA

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI SISTEM INFORMASI

2015

(2)

PERANCANGAN SISTEM INFORMASI PARIWISATA

PULAU BINTAN BERBASIS WEB

SKRIPSI

Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar

Sarjana Komputer

ROSEMAN

1010512032

UNIVERSITAS PEMBANGUNAN NASIONAL “ VETERAN” JAKARTA

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI SISTEM INFORMASI

2015

(3)

(4)

(5)

(6)

v

PERANCANGAN

SISTEM

INFORMASI

PARIWISATA

PULAU

BINTAN

BERBASIS

WEB

Roseman

Abstrak

Penelitian ini dilakukan untuk menjadikan media promosi yang lebih luas, mempermudah wisatawan dalam mencari informasi lokasi pariwisata karena dapat diakses melalui website. Pada penelitian akan dibuat suatu aplikasi Sistem Informasi Pariwisata Berbasis web, model analisis perangkat lunak yang digunakan adalah pemodelan analisis berorientasi objek dan tools yang digunakan yaitu UML (Unified Modelling Language) dalam menggambarkan model fungsional dan diagram-diagram yang digunakan yaitu Use Case Diagram, class diagram, sequence diagram, activity diagram, state diagram dan skema tabel. Sedangkan bahasa pemrograman yang digunakan untuk membuat program ini adalah Php dan MySQL dengan dibantu tools Adobe Dreamwaver dan Xampp. Kata kunci : Sistem informasi berbasis web, informasi pariwisata, media promosi

(7)

vi

DESIGN

AN

INFORMATION

SYSTEM

ON

THE

ISLAND

OF

BINTAN

TOURISM

WEB

BASE

Roseman

Abstract

This study done to make media promotion broader , ease of tourists in search of information on locations because tourism can be accessed through the website .In research will be made an application information system web-based tourism , model analysis software used is modeling analysis oriented objects and tools used namely uml ( the unified modelling language in describing a model of functional and diagram-diagram used that is use case a diagram , class a diagram , sequence diagram , a diagram of activity , a diagram of state and the scheme table .While the programming language used to make this program is php mysql and tools with the assistance and adobe dreamwaver xampp .

(8)

(9)

viii

DAFTAR ISI

HALAMAN JUDUL ... i

PERNYATAAN ORISINALITAS ... ii

PERNYATAAN PERSETUJUAN PUBLIKASI ... iii

PENGESAHAN ... iv

ABSTRAK ... v

ABSTRACT... vi

KATA PENGANTAR ... vii

DAFTAR ISI ... viii

DAFTAR SIMBOL ... x

DAFTAR TABEL ... xiv

DAFTAR GAMBAR ... xv

DAFTAR LAMPIRAN ... xvii

BAB I PENDAHULUAN ... 1

I.1 Latar Belakang Masalah... 1

I.2 Rumusan Masalah... 2

I.3 Tujuan Dan Manfaat Penelitian ... 2

I.4 Luaran Yang Dihasilkan ... 2

I.5 Sistematika Penulisan ... 3

BAB II LANDASAN TEORI ... 4

II.1 Pariwisata... 4

II.2 Konsep Dasar Sistem ... 7

II.3 Komponen Penyusunan Perancangan Sistem ... 14

II.4 WWW (World Wide Web) ... 11

BAB III METODELOGI PENELITIAN ... 14

III.1 Alur Penelitian ... 14

III.2 Tahap Penelitian ... 15

III.3 Kebutuhan Perangkat Keras (Hardware) ... 16

III.4 Kebutuhan Perangkat Lunak (Software)... 17

BAB IV ANALISA DAN PERANCANGAN SISTEM ... 17

IV.1 Objek Penelitian ... 17

IV.2 Dokumen Berjalan ... 22

IV.3 Analisis Prosedur yang Berjalan ... 23

IV.4 Identifikasi Masalah ... 27

IV.5 Analisa Kebutuhan Sistem Informasi ... 28

IV.6 Perancangan Sistem yang Diusulkan ... 29

(10)

ix

IV.8 Activity Diagram... 42

IV.9 Sequence Diagram ... 48

IV.10 Class Diagram ... 55

IV.11 Deployment Diagram ... 56

IV.12 Rancangan Kode ... 58

IV.13 Perancangan Struktur Menu ...59

IV.14 Perancangan Antar Muka ...60

IV.15 Konfigurasi Sistem ...61

BAB V PENUTUP ... 62 V.1 Kesimpulan ... 62 V.2 Saran ... 63 DAFTAR PUSTAKA... 64 RIWAYAT HIDUP DAFTAR LAMPIRAN

(11)

x

DAFTAR SIMBOL

Unified Modeling Language Use Case Diagram

NO GAMBAR NAMA KETERANGAN

1 Actor

Menspesifikasikan himpuan peran yang pengguna mainkan ketika berinteraksi dengan use case.

2 Dependency

Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempengaruhi elemen yang bergantung padanya elemen yang tidak mandiri (independent).

3 Generalization

Hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada di atasnya objek induk (ancestor).

4 Include Menspesifikasikan bahwa use case

sumber secara eksplisit.

5 Extend

Menspesifikasikan bahwa use case target memperluas perilaku dari use case sumber pada suatu titik yang diberikan.

6 Association Apa yang menghubungkan antara objek

satu dengan objek lainnya.

7 Use Case

Deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang menghasilkan suatu hasil yang terukur bagi suatu aktor.

(12)

xi

Actifity Diagram

1 Actifity

Memperlihatkan bagaimana masing-masing kelas antar muka saling berinteraksi satu sama lain

2 Action State dari sistem yang mencerminkan

eksekusi dari suatu aksi

3 Initial Node Bagaimana objek dibentuk atau diawali.

4 Actifity Final

Node

Bagaimana objek dibentuk dan dihancurkan

5 Control Flow Digunakan untuk menghubungkan action

(13)

xii

Class Diagram

1 Generalization

Hubungan dimana objek anak

(descendent) berbagi perilaku dan

struktur data dari objek yang ada di atasnya objek induk (ancestor).

2 Nary

Association

Upaya untuk menghindari asosiasi dengan lebih dari 2 objek.

3 Class Himpunan dari objek-objek yang berbagi

atribut serta operasi yang sama.

4 Collaboration

Deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang menghasilkan suatu hasil yang terukur bagi suatu aktor

5 Realization

Operasi yang benar-benar dilakukan oleh suatu objek.

6 Dependency

Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempegaruhi elemen yang bergantung padanya elemen yang tidak mandiri

7 Association

Apa yang menghubungkan antara objek satu dengan objek lainnya

(14)

xiii

Sequence Diagram

1 Actor Menggambarkan seseorang atau suatu

perangkat yang sedang berinteraksi dengan sistem

2 LifeLine Objek entity, antarmuka yang saling

berinterakasi

3 Message

Spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi

(15)

xiv

DAFTAR TABLE

Tabel 1 Pemasukan Sektor Pariwisata ... 7

Tabel 2 Simbol - simbol Entity Relationship Diagram ... 9

Tabel 3 Dokumen Masukan ... 22

Tabel 4 Dokumen Keluaran ... 22

Tabel 5 Dokumen Simpanan ... 23

Tabel 6 Skenario Use case Kelola Data Wisata ... 24

Tabel 7 Skenario Use case Kelola Data Agenda ... 25

Tabel 8 Skenario Use case Kelola Data Akomodasi ... 25

Tabel 9 Skenario Use case Kelola Data Brosur Pariwisata ... 26

Tabel 10 Evaluasi Sistem yang Sedang Berjalan ... 26

Tabel 11 Deskripsi Use case Diagram Sistem Usulan ... 32

Tabel 12 Skenario Use case Login ... 33

Tabel 13 Skenario Use case Kelola Informasi Profil Kantor ... 34

Tabel 14 Skenario Use case Kelola Informasi Tempat Wisata……….... 35

Tabel 15 Skenario Use case Kelola Informasi Biro Perjalanan ... 36

Tabel 16 Skenario Use case Kelola Informasi Rumah Makan ... 36

Tabel 17 Skenario Use case Kelola Informasi Penginapan ... 37

Tabel 18 Skenario Use case Kelola Informasi Festival Dan Event ... 38

Tabel 19 Skenario Use case Lihat Informasi Profil Kantor ... 39

Tabel 20 Skenario Use case Lihat Informasi Tempat Wisata ... 39

Tabel 21 Skenario Use case Lihat Informasi Biro Perjalanan ... 40

Tabel 22 Skenario Use case Lihat Informasi Rumah Makan ... 40

Tabel 23 Skenario Use case Lihat Informasi Penginapan ... 41

Tabel 24 Skenario Use case Lihat Informasi Festival Dan Event ... 42

Tabel 25 Struktur File ... 57

Tabel 26 Perangkat Keras ... 61

(16)

xv

DAFTAR GAMBAR

Gambar 1 Flowchart Alur penelitian ... Gambar 2 Struktur Organisasi ... Gambar 3 Use Case Diagram Sistem Informasi Pariwisata ... Gambar 4 Use Case Diagram Sistem Usulan ... Gambar 5 Activity Diagram Login ... Gambar 6 Activity Diagram Kelola Informasi Profil Kantor ... Gambar 7 Activity Diagram Kelola Informasi Tempat Wisata ... Gambar 8 Activity Diagram Kelola Informasi Biro Perjalanan ... Gambar 9 Activity Diagram Kelola Informasi Rumah Makan ... Gambar 10 Activity Diagram Kelola Informasi Penginapan ... Gambar 11 Activity Diagram Kelola Informasi Festival dan Event ... Gambar 12 Activity Diagram Lihat Informasi Profil ... Gambar 13 Activity Diagram Lihat Informasi Tempat Wisata ... Gambar 14 Activity Diagram Lihat Informasi Biro Perjalanan ... Gambar 15 Activity Diagram Lihat Informasi Rumah Makan... Gambar 16 Activity Diagram Lihat Informasi Penginapan... Gambar 17 Activity Diagram Lihat Informasi Festival dan Event ... Gambar 18 Secuence Diagram Login ... Gambar 19 Secuence Diagram Kelola Informasi Profil Kantor ... Gambar 20 Secuence Diagram Kelola Informasi Tempat Wisata ... Gambar 21 Secuence Diagram Kelola Informasi Biro Perjalanan ... Gambar 22 Secuence Diagram Kelola Informasi Rumah makan ... Gambar 23 Secuence Diagram Kelola Informasi Penginapan ... Gambar 24 Secuence Diagram Kelola Informasi Festival dan Event... Gambar 25 Secuence Diagram Lihat Informasi Profil Kantor ... Gambar 26 Secuence Diagram Lihat Informasi Tempat Wisata ... Gambar 27 Secuence Diagram Lihat Informasi Biro Perjalanan... Gambar 28 Secuence Diagram Lihat Informasi Rumah makan ... Gambar 29 Secuence Diagram Lihat Informasi Penginapan ... Gambar 30 Secuence Diagram Lihat Informasi Festival dan Event ... Gambar 31 Diagram Kelas... Gambar 32 Deployment Diagram... Gambar 33 Struktur Menu...

14 19 24 31 42 43 43 44 44 45 45 46 46 47 47 48 48 49 49 50 50 51 51 52 52 53 53 54 54 55 56 57 59 Gambar 34 Halaman Menu... 60 Gambar 35 Form Login... 60

(17)

xvi

DAFTAR LAMPIRAN

Lampiran 1 Buku Tamu

Lampiran 2 Data Pengunjung Pariwisata Lampiran 3 Buku Pariwisata

Lampiran 4 Brosur Pariwisata Lampiran 5 Form Input Profil

Lampiran 6 Form Input Tempat Wisata Lampiran 7 Form Input Biro Perjalanan Lampiran 8 Form Input Kuliner

Lampiran 9 Form Input Penginapan Lampiran 10 Form Input Festival dan Event