ABSTRAK. Kata kunci: web semantik, google map, pencarian objek wisata

(1)

vi

ABSTRAK

Dalam situasi zaman yang serba menuntut keahlian dan pemikiran yang serba cepat seperti sekarang ini, tidak sedikit orang yang bisa dikatakan stress dengan kondisi pekerjaannya. Dengan situasi seperti itu dibutuhkan juga saat-saat untuk melepaskan rasa stress tersebut atau yang biasa disebut dengan berlibur. Melalui aplikasi ini diharapkan banyak orang yang dapat terbantu menemukan tempat untuk melepaskan kepenatannya. Sebagai sarana penunjang pencarian objek wisata, aplikasi ini memiliki fitur-fitur utama yang sangat membantu dalam pencariannya. Web Semantik misalnya yang membantu pengguna dalam mengenali kegiatan yang disukainya sehingga saat pengguna melakukan log in, maka sistem secara langsung akan memberikan rekomendasi objek-objek wisata yang sesuai dengan selera pengguna. Dalam memudahkan pencarian lokasi, aplikasi ini juga memberikan fitur google map agar pengguna dapat menemukan objek wisata yang diinginkan secara detail.

(2)

vii

ABSTRACT

In the era of the situation requires skill and fast thinking as now, not a few people feel stress with their conditions. With the situation like this, they need times to to let go of the stress or commonly referred to vacation. Through this application is expected to be many people who helped to find a place to release their stress. As a means of supporting search attraction, this application has the main features that greatly assist in the search. Semantic Web for example that assist users in identifying the activities that he liked, so when a user logs in, the system will directly provide recommendations sights to suit the user's taste. In facilitating the search location, the app also gives google map feature so that users can find the desired attraction in detail.

(3)

viii

DAFTAR ISI

PRAKATA ... iv

ABSTRAK ... vi

ABSTRACT ... vii

DAFTAR ISI ... viii

DAFTAR GAMBAR ... xi

DAFTAR TABEL ... xii

DAFTAR SIMBOL ... xiv

DAFTAR PROGRAM ... xvi

BAB I ... 1 PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Rumusan Masalah ... 2 1.3 Tujuan ... 2 1.4 Batasan Masalah ... 2 1.5 Sistematika Pembahasan ... 3 BAB II ... 4 LANDASAN TEORI ... 4 2.1 Sistem ... 4 2.2 PHP ... 5 2.3 MySQL ... 5

2.4 Entity Relational Diagram ... 6

2.5 Data Flow Diagram ... 7

2.6 Black-box Testing ... 8

2.7 Web Semantik ... 8

2.8 Google Map Application Programing Interface ... 9

2.9 Sistem Rekomendasi ... 9

BAB III... 11

ANALISIS DAN DISAIN ... 11

3.1 Analisis ... 11

(4)

ix

3.2.1 Antarmuka dengan Pengguna ... 12

3.2.2 Antarmuka Perangkat Keras ... 12

3.2.3 Antarmuka Perangkat Lunak... 12

3.2.4 Fitur-fitur Produk Perangkat Lunak ... 12

2.3 Desain Perangkat Lunak ... 18

3.3.1 Pemodelan Perangkat Lunak ... 18

3.3.2 Disain Penyimpanan Data ... 30

3.3.3 Desain Antarmuka ... 41

BAB IV ... 50

PENGEMBANGAN PERANGKAT LUNAK ... 50

4.1 Site Map ... 50

4.2 Implementasi Simpanan Data ... 53

4.3 Implementasi Antar Muka ... 57

4.3.1 Halaman Index ... 57

4.3.2 Halaman Log In ... 59

4.3.3 Halaman Register ... 60

4.3.4 Halaman Gallery ... 62

4.3.5 Halaman Profile ... 64

4.3.6 Halaman Reset Password ... 65

4.3.7 Halaman Add User ... 67

4.3.8 Halaman Edit User ... 68

4.3.9 Halaman Edit Objek ... 69

4.3.10 Manage Gallery Objek ... 70

4.3.11 View Pesan ... 71

4.3.12 Diagram ... 73

BAB V ... 75

TESTING DAN EVALUASI SISTEM ... 75

5.1 Rencana Pengujian ... 75

5.2 Pelaksanaan Pengujian ... 76

5.2.1 Fitur Log In ... 76

5.2.2 Fitur Dual Bahasa ... 76

(5)

x

5.2.4 Fitur Komentar ... 78

5.2.5 Fitur Rating ... 78

5.2.6 Fitur Like ... 78

5.2.7 Fitur Mengelola User ... 79

5.2.8 Fitur Mengelola Objek ... 80

5.2.9 Fitur Mengelola Komentar ... 81

5.2.10 Fitur Mengelola Kategori ... 81

5.2.11 Fitur Mengelola Kegiatan ... 83

5.2.12 Fitur Mengelola Pesan... 84

5.3 Survey ... 84

5.4 Kesimpulan Pengujian ... 85

BAB VI ... 87

SIMPULAN DAN SARAN ... 87

6.1 Simpulan ... 87

6.2 Saran ... 87

RIWAYAT HIDUP PENULIS ... 88

DAFTAR PUSTAKA ... 89

(6)

xi

DAFTAR GAMBAR

Gambar 3. 1 Data Flow Diagram Level 0 ... 19

Gambar 3. 2 Data Flow Diagram Level 1 ... 21

Gambar 3. 3 Data Flow Diagram Level 2 Proses 2... 23

Gambar 3. 8 Data Flow Diagram Level 3 Proses 2.6... 29

Gambar 3. 10 Tampilan rancangan halaman form index ... 41

Gambar 3. 11 Tampilan rancangan form Contact Us ... 42

Gambar 3. 12 Tampilan rancangan form Log In ... 43

Gambar 3. 14 Tampilan rancangan form gallery objek wisata ... 45

Gambar 3. 15 Tampilan rancangan form tambah objek wisata ... 46

Gambar 3. 16 Tampilan rancangan form ubah Profile ... 47

Gambar 3. 17 Tampilan rancangan form Gallery ... 48

Gambar 3. 18 Tampilan rancangan form Detail Objek Wisata ... 49

Gambar 4. 1 Site Map... 51

Gambar 4. 2 Implementasi Basis Data ... 54

Gambar 4. 3 Halaman Index... 58

Gambar 4. 4 Halaman Log In ... 59

Gambar 4. 5 Halaman Register ... 61

Gambar 4. 6 Halaman Gallery ... 63

Gambar 4. 7 Halaman Profile ... 64

Gambar 4. 8 Halaman Reset Password ... 66

Gambar 4. 9 Halaman Add User ... 67

Gambar 4. 10 Halaman Edit User ... 68

Gambar 4. 11 Halaman Edit Objek ... 69

Gambar 4. 12 Halaman Manage Gallery Objek ... 70

Gambar 4. 13 Halaman View Pesan ... 72

Gambar 4. 14 Halaman Diagram ... 73

(7)

xii

DAFTAR TABEL

Tabel 3. 1 Kamus Data User ... 32

Tabel 3.2 Kamus Data Rating ... 32

Tabel 3.3 Kamus Data Kegiatan ... 33

Tabel 3.4 Kamus Data Komentar ... 33

Tabel 3.5 Kamus Data Like ... 34

Tabel 3.6 Kamus Data Kategori ... 34

Tabel 3.7 Kamus Data Foto ... 35

Tabel 3.8 Kamus Data Objek ... 36

Tabel 3. 9 Kamus Data Pesan ... 37

Tabel 3. 10 Kamus Data Histori ... 38

Tabel 3.11 Proses 1 Login ... 38

Tabel 3.12 Proses 2 Melihat Rekomendasi Sistem untuk User ... 39

Tabel 3.13 Proses 3 Menambah Data Rating ... 39

Tabel 3.14 Proses 4 Menambah Data Komentar ... 40

Tabel 3.15 Proses 6 Menambah Data Like ... 40

Tabel 4. 1 Modul ... 52 Tabel 4. 2 User ... 54 Tabel 4. 3 Rating ... 54 Tabel 4. 4 Kegiatan ... 55 Tabel 4. 5 Komentar ... 55 Tabel 4. 6 Like ... 55 Tabel 4. 7 Kategori ... 55 Tabel 4. 8 Foto ... 55 Tabel 4. 9 Objek ... 56 Tabel 4. 10 User_Kegiatan ... 56 Tabel 4. 11 Objek_Kategori ... 56 Tabel 4. 12 Kegiatan_objek ... 56 Tabel 4. 13 Kontak ... 57 Tabel 4. 14 Histori... 57

Tabel 5. 1 Test Case ... 75

Tabel 5. 2 Pengujian Form Log In ... 76

Tabel 5. 3 Pengujian Dual Bahasa ... 77

Tabel 5. 4 Pengujian Rekomendasi ... 77

Tabel 5. 5 Pengujian Komentar ... 78

Tabel 5. 6 Pengujian Rating ... 78

Tabel 5. 7 Pengujian Like ... 78

Tabel 5. 8 Pengujian Mengelola User ... 79

Tabel 5. 9 Pengujian Mengelola Objek ... 80

(8)

xiii

Tabel 5. 11 Pengujian Mengelola Kategori... 82

Tabel 5. 12 Pengujian Mengelola Kegiatan ... 83

Tabel 5. 13 Pengujian Mengelola Pesan ... 84

Tabel 5. 14 Hasil Kuesioner Evaluasi Member ... 85

(9)

xiv

DAFTAR SIMBOL

1. Data Flow Diagram (DFD)

No Simbol Keterangan

1.

Proses, merupakan simbol yang mewakili kegiatan untuk merubah input menjadi

output.

2.

External Entity, merupakan simbol yang

mewakili elemen yang berada di luar

sistem, tetapi memiliki hubungan

interaksi dengan sistem.

3.

Data Store, merupakan simbol yang

mewakili tempat pentimpanan dari data dan dapat dipergunakan bila dibutuhkan.

4.

Data Flow, merupakan simbol yang

mewakili arah aliran data yang berasal dari satu atau beberapa proses, data store, atau elemen lingkungan menuju ke satu atau beberapa proses, data store, atau

(10)

xv

2. Kamus Data

No Simbol Keterangan

1.

=

Terdiri atas, mendefinisikan, diuraikan

menjadi, artinya.

2.

+

Dan

3.

( )

Optional (pilihan boleh ada atau boleh

tidak).Contoh:alamat=alamat rumah+(alamat surat)

4.

{ }

Pengulangan

Contoh: nama1={karakter_valid}

5.

[ ]

Memilih salah satu dari sejumlah alternatif, seleksi.

Contoh: sebutan=[Bapak|Ibu|Yang

Mulia]

6.

* *

Komentar

Contoh: *Seminar yang diikuti*

7.

|

Pemisah sejumlah alternatif pilihan

(11)

xvi

DAFTAR PROGRAM

Program 4. 1 Master Page ... 58

Program 4. 2 Log In ... 60

Program 4. 3 Register ... 62

Program 4. 4 Gallery ... 63

Program 4. 5 Profile ... 65

Program 4. 6 Reset Password... 66

Program 4. 7 Add User ... 67

Program 4. 8 Edit User... 68

Program 4. 9 Edit Objek... 70

Program 4. 10 Manage Gallery Objek ... 71

Program 4. 11 View Pesan ... 72