Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang...

17
Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang Berbasis Android dengan Memanfaatkan Google Maps Android API dan Facebook API Skripsi Diajukan kepada Fakultas Teknologi Informasi untuk memperoleh Gelar Sarjana Komputer Oleh: Lukma Gayo Arizky NIM: 672009106 Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga Januari 2014

Transcript of Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang...

Page 1: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

Perancangan Aplikasi Informasi Pariwisata

Kabupaten Magelang Berbasis Android dengan

Memanfaatkan Google Maps Android API dan

Facebook API

Skripsi

Diajukan kepada

Fakultas Teknologi Informasi

untuk memperoleh Gelar Sarjana Komputer

Oleh:

Lukma Gayo Arizky

NIM: 672009106

Program Studi Teknik Informatika

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Salatiga

Januari 2014

Page 2: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism
Page 3: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism
Page 4: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

ii

Page 5: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

iii

Page 6: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

iv

Pernyataan

Tugas akhir yang berikut ini :

Judul : Perancangan Sistem Informasi Pariwisata

Kabupaten Magelang Berbasis Android dengan

Memanfaatkan Google Maps Android API dan

Facebook API

Pembimbing : 1. Suprihadi, S.Si., M.Kom.

2. Radius Tanone, S.Kom., M.Cs.

adalah benar hasil karya saya :

Nama : Lukma Gayo Arizky

NIM : 672009106

Saya menyatakan tidak mengambil sebagian atau seluruhnya dari

hasil karya orang lain kecuali sebagaimana yang tertulis pada daftar

pustaka.

Pernyataan ini dibuat dengan sebenarnya sesuai dengan ketentuan

yang berlaku dalam penulisan karya ilmiah.

Salatiga, Februari 2014

Lukma Gayo Arizky

Page 7: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

v

Prakata

Puji syukur penulis panjatkan kepada Tuhan Yang Maha

Kuasa karena atas kasih dan penyertaan-Nya, penulis dapat

menyelesaikan skripsi yang berjudul “Perancangan Sistem Informasi

Geografis Pariwisata Kabupaten Magelang Berbasis Android dengan

Memanfaatkan Google Maps Android API dan Facebook API” ini.

Skripsi ini diajukan untuk memenuhi salah satu persyaratan

guna memperoleh gelar Sarjana Komputer di Program Studi Teknik

Informatika, Fakultas Teknologi Informasi, Universitas Kristen

Satya Wacana, Salatiga.

Dalam penyelesaian skripsi ini, penulis tidak mungkin lepas

dari bantuan, doa, dan dukungan dari berbagai pihak. Oleh karena

itu, pada kesempatan ini penulis ingin mengucapkan terima kasih

kepada:

1. Bapak Dr. Dharma Putra Palekahelu, M.Pd., selaku Dekan

Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana

Salatiga.

2. Bapak Dian W. Chandra, S.Kom., M.Cs., selaku Ketua Program

Studi Teknik Informatika, Fakultas Teknologi Informasi,

Universitas Kristen Satya Wacana Salatiga.

3. Bapak Suprihadi, S.Si., M.Kom., selaku dosen pembimbing

pertama yang memberikan banyak ilmu, bimbingan, inovasi, dan

selalu memberikan dukungan, serta semangat kepada penulis.

4. Bapak Radius Tanone, S.Kom., M.Cs., selaku dosen

pembimbing kedua yang juga memberikan banyak ilmu,

bimbingan, inovasi, dan selalu memberikan dukungan, serta

semangat kepada penulis

Page 8: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

vi

5. Ibu Mila Chrismawati Paseleng, S.Si., M.Pd., selaku

Koordinator TA, Fakultas Teknologi Informasi, Universitas

Kristen Satya Wacana, Salatiga.

6. Seluruh dosen dan karyawan Fakultas Teknologi Informasi,

Universitas Kristen Satya Wacana, terima kasih atas bantuan dan

kebersamaannya selama ini.

7. Dinas Pariwisata dan Kebudayaan Kabupaten Magelang, yang

telah memberikan bantuan selama pelaksanaan skripsi ini.

8. Kedua orang tua penulis, yang memberikan kesempatan penulis

untuk menimba ilmu di FTI UKSW, dan tak pernah lelah

mengasihi dan mendoakan penulis.

9. Seluruh teman-teman seperjuangan angkatan (2008, 2009, 2010,

2011, 2012) terima kasih atas kebersamaan kita selama ini

sebagai satu keluarga besar Fakultas Teknologi Informasi.

10. Semua pihak yang tidak mungkin disebutkan satu per satu yang

turut membantu dan memberikan kontribusi hingga skripsi ini

terselesaikan.

Penulis menyadari adanya kekurangan dalam penulisan

laporan skripsi ini, oleh karena itu, kritik, dan sumbangan saran atau

pemikiran sangat diharapkan untuk perbaikan di masa yang akan

datang. Semoga skripsi ini bermanfaat demi kemajuan dunia

teknologi informasi di Indonesia.

Salatiga, Januari 2014

Lukma Gayo Arizky

Penulis

Page 9: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

vii

Daftar Isi

Halaman Judul …………………………………………… i

Lembar Persetujuan ……………………………………… ii

Lembar Pengesahan ……………………………………… iii

Pernyataan ……………………………………………….. iv

Prakata …………………………………………………… v

Daftar Isi …………………………………………………. vii

Daftar Tabel ……………………………………………… x

Daftar Gambar …………………………………………… xi

Daftar Kode Program ……………………………………. xii

Daftar Lampiran …………………………………………. xiii

Abstract ………………………………………………….. xiv

Bab 1 …………………………………………………….. 1

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

1.2. Rumusan Masalah……………………………….. 4

1.3. Tujuan dan Manfaat……………………………… 4

1.4. Batasan Masalah…………………………………. 5

1.5. Sistematika Penulisan……………………………. 5

Bab 2 …………………………………………………….. 7

2.1. Penelitian Terdahulu …………………………….. 7

2.2. Android…………………………………………... 8

2.2.1. Definisi ……………………………….. 8

2.2.2. Arsitektur ……………………………… 8

2.3. Google Maps…………………………………….. 11

2.3.1. Definisi ………………………………… 12

2.3.2. Google Maps Android API ……………. 12

2.3.3. Objek Google Maps Android API …….. 12

Page 10: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

viii

2.3.4. Jenis Peta Google Maps Android API … 13

2.4. Facebook………………………………………… 13

2.4.1. Definisi ………………………………… 13

2.4.2. Facebook API …………………………. 14

2.4.3. Komponen Facebook API ……………… 14

2.5. Pariwisata Kabupaten Magelang………………… 15

Bab 3 ……………………………………………………… 17

3.1. Tahapan Penelitian………………………………. 17

3.2. Metode Perancangan Sistem…………………….. 18

3.2.1. Pengumpulan Kebutuhan ……………… 19

3.2.2. Perancangan Sistem …………………… 20

3.2.3. Pengujian Sistem ……………………… 20

3.3. Analisa Kebutuhan Perangkat Keras dan Lunak… 20

3.4. Perancangan Unified Modeling Language………. 21

3.4.1. Use Case Diagram …………………….. 21

3.4.2. Activity Diagram ……………………… 23

3.4.3. Sequence Diagram ……………………. 28

3.4.4. Class Diagram ………………………… 42

3.4.5. Deployment Diagram …………………. 43

3.5. Perancangan Basis Data…………………………. 44

3.6. Perancangan Antarmuka…………………………. 45

Bab 4 ……………………………………………………….. 51

4.1. Implementasi Sistem…………………………….. 51

4.2. Implementasi Aplikasi Pada Sisi Client…………. 51

4.2.1. Menu Pencarian Wisata ………………. 52

4.2.2. Menu Lihat Wisata ……………………. 55

4.2.3. Menu Pencarian Rute …………………. 58

Page 11: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

ix

4.2.4. Menu Share …………………………… 60

4.2.5. Menu Login …………………………… 62

4.2.6. Menu Registrasi ………………………. 63

4.3. Implementasi Aplikasi Pada Sisi Administrator..... 63

4.3.1. Menu Utama …………………………… 64

4.3.2. Menu Kelola Sistem …………………… 65

4.4. Pembahasan Sistem……………………………… 68

4.5. Pengujian Sistem………………………………… 69

4.5.1. Metode Black-box …………………….. 69

4.5.2. Metode Skala Likert …………………… 70

Bab 5 ……………………………………………………… 75

5.1. Kesimpulan………………………………………. 75

5.2. Saran Pengembangan……………………………. 76

Daftar Pustaka …………………………………………… 77

Page 12: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

x

Daftar Tabel

Tabel 3.1 Kebutuhan Perangkat Keras …………………… 21

Tabel 3.2 Kebutuhan Perangkat Lunak ………………….. 22

Tabel 4.1 Hasil Pengujian Black-box ……………………. 69

Tabel 4.2 Hasil Jawaban Pertanyaan Pertama …………… 71

Tabel 4.3 Hasil Jawaban Pertanyaan Kedua …………….. 72

Tabel 4.4 Hasil Jawaban Pertanyaan Ketiga …………….. 73

Page 13: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

xi

Daftar Gambar

Gambar 2.1 Arsitektur Android …………………………… 9

Gambar 3.1 Tahapan Penelitian …………………………… 17

Gambar 3.2 Tahapan Model Prototyping …………………. 19

Gambar 3.3 Use Case Diagram Sistem ………………….... 22

Gambar 3.4 Activity Diagram Pencarian Wisata …………. 23

Gambar 3.5 Activity Diagram Lihat Wisata ……………… 24

Gambar 3.6 Activity Diagram Komentari Wisata ………... 25

Gambar 3.7 Activity Diagram Share Wisata ……………... 26

Gambar 3.8 Activity Diagram Manajemen Data …………. 27

Gambar 3.9 Sequence Diagram Pencarian Wisata ……….. 28

Gambar 3.10 Sequence Diagram Lihat Wisata …………… 30

Gambar 3.11 Sequence Diagram Komentari Wisata ……... 31

Gambar 3.12 Sequence Diagram Share Wisata ………….. 33

Gambar 3.13 Sequence Diagram Login Administrator …... 34

Gambar 3.14 Sequence Diagram Kelola Kategori ………... 36

Gambar 3.15 Sequence Diagram Kelola Wisata ………….. 38

Gambar 3.16 Sequence Diagram Kelola Foto ……………. 40

Gambar 3.17 Sequence Diagram Kelola Komentar ………. 41

Gambar 3.18 Class Diagram Sistem …………………….... 42

Gambar 3.19 Deployment Diagram Sistem ………………. 44

Gambar 3.20 Basis Data Sistem …………………………... 45

Gambar 3.21 Antarmuka Form Utama …………………… 46

Gambar 3.22 Antarmuka Form Daftar Wisata ……………. 46

Gambar 3.23 Antarmuka Form Peta Wisata ……………… 47

Gambar 3.24 Antarmuka Tab Profil ……………………… 47

Gambar 3.25 Antarmuka Tab Foto ……………………….. 48

Page 14: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

xii

Gambar 3.26 Antarmuka Tab Komentar ………………..... 48

Gambar 3.27 Antarmuka Form Peta Rute ………………… 49

Gambar 3.28 Antarmuka Form Login …………………….. 49

Gambar 3.29 Antarmuka Form Registrasi ………………... 50

Gambar 4.1 Splash Screen ………………………………... 52

Gambar 4.2 Form Utama …………………………………. 52

Gambar 4.3 Dialog Pilih Kategori ………………………... 53

Gambar 4.4 Form Daftar Wisata ………………………….. 54

Gambar 4.5 Form Peta Wisata ……………………………. 54

Gambar 4.6 Tab Profil …………………………………..... 56

Gambar 4.7 Tab Foto ……………………………………... 56

Gambar 4.8 Tab Komentar ……………………………….. 57

Gambar 4.9 Pesan Berhasil Tambah Komentar …………... 58

Gambar 4.10 Form Peta Rute Wisata …………………...... 58

Gambar 4.11 Dialog Share Facebook …………………….. 60

Gambar 4.12 Timeline Akun Facebook Milik Client …….. 61

Gambar 4.13 Form Login ………………………………… 62

Gambar 4.14 Form Registrasi …………………………….. 63

Gambar 4.15 Halaman Login ……………………………... 64

Gambar 4.16 Halaman Utama …………………………….. 65

Gambar 4.17 Halaman Kelola Wisata …………………….. 66

Gambar 4.18 Halaman Tambah Wisata …………………... 67

Gambar 4.19 Presentasi Jawaban Pertanyaan Pertama …… 71

Gambar 4.20 Presentasi Jawaban Pertanyaan Kedua ……... 73

Gambar 4.21 Presentasi Jawaban Pertanyaan Ketiga …….. 74

Daftar Pustaka …………………………………………… 77

Page 15: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

xiii

Daftar Kode Program

Kode Program 4.1 API Key Pada Manifest Android ……… 51

Kode Program 4.2 Menampilkan Peta Wisata …………… 55

Kode Program 4.3 Menampilkan Peta Rute Wisata ………. 59

Kode Program 4.4 Memanggil Dialog Share Facebook …… 61

Page 16: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

xiv

Daftar Lampiran

Lampiran 1 Surat Izin Penelitian di Magelang …………… 78

Page 17: Perancangan Aplikasi Informasi Pariwisata Kabupaten Magelang …repository.uksw.edu/bitstream/123456789/8672/8/T1_672009106_Judul.pdf · Magelang Regency has the potential in tourism

1

Abstract

Magelang Regency has the potential in tourism sector because has

44 tourism object and 11 tourism village are scattered in 21 districts in

Magelang Regency. All this time several tourist destinations in Magelang

Regency is still rarely visited because of the limitations of the media

promotion so Magelang Regency require an Android-based application

that provides information on tourism in the Magelang Regency. This

applications have digital maps for display spatial information on Android

devices with utilizing Google Maps Android API. This Applications is also

integrated with Facebook for disseminate information through social

networks with utilizing Facebook API. This application contains

everything a tourist destination that is located in Magelang Regency and

at each destination has detailed information.

Keywords: Android, Google Maps Android API, Facebook API