37 3.1 ANALISIS SISTEM
Tahapan analisis ini adalah tahapan awal dalam pembuatan aplikasi,pada tahapan ini penulis menganalisa kebutuhan-kebutuhan aplikasi. Analisa dilakukan pada data-data yang dibutuhkan aplikasi, sehingga dapat diketahui spesifikasi kebutuhan apa saja yang dibutuhkan untuk membangun apikasi ini.
Saat ini pariwisata sedang berkembang pesat dan merupakan fenomena global dengan melibatkan jutaan manusia baik dikalangan masyarakat industri pariwisata maupun penggunanya yang bertujuan hanya ingin menikmati suatu tempat untuk melepas kejenuhan. Seperti kita ketahui banyak wisatawan asing maupun domestik yang ingin mengunjungi tempat tujuan wisata yang mereka tuju namun mereka tidak mengetahui bagaimana keadaan tempat tersebut.
Kebutuhan akan informasi yang akurat untuk menyajikan data-data yang lengkap sangat diperlukan oleh suatu tempat pariwisata agar tidak berdampak negatif dan kurang efesiensinya bagi wisatawan. Sistem infromasi memberikan banyak keuntungan bagi penggunanya, yaitu kecepatan dan ketepatan dalam melakukan proses pencarian dan pengolahan data oleh karena itu diperlukan penggunaan teknologi informasi yang baik. Berdasarkan uraian diatas, maka penulis mencoba membuat aplikasi ini sebagai acuan wisatawan saat berkunjung ketempat wisata khususnya diprovinsi banten.
3.2 Analisa Kebutuhan
Dalam melakukan penelitian, dibutuhkan beberapa komponen yang mendukung terhadap keberhasilan penelitian ini yaitu:
1. Perangkat lunak (Software)
a. Sistem operasi Windows 7 Ultimate
b. Software Eclipse Indigo Build id:20110916-0149 c. Photoshop CS6
2. Perangkat keras (Hardware) a. Notebook
b. Handphone Lenovo S880
3.3 Perancangan Sistem
Aplikasi Pariwisata Indonesia Berbasis Mobile Menggunakan Phonegap Studi Kasus (Daerah Provinsi Banten) ini dibuat berdasarkan Framework Phonegap dan Jquery Mobile, sedangkan untuk bahasa pemrogramannya menggunakan HTML5 dan Eclips sebagai Aplikasi Editor.
Perancangan sistem merupakan tahap awal dari perancangan perangkat lunak. Perancangan ini dilakukan untuk mengetahui kondisi sistem secara umum. Perancangan sistem meliputi cara kerja sistem, Use Case Diagram, Acrivity Diagram.
3.3.1 Cara Kerja Sistem
Cara kerja aplikasi Pariwisata Indonesia Berbasis Mobile Menggunakan Phonegap Studi Kasus (Daerah Provinsi Banten) ini adalah online dan offline. Sistem online digunakan pada saat pengguna ingin mengetahui lebih detail dimana letak tempat wisata banten tersebut dengan menggunakan maps yang telah disediakan. Sedangkan sistem offline digunakan hanya untuk melihat tempat pariwisata didaerah banten yang sudah ada pada aplikasi ini.
3.3.2 Perancangan Use Case Diagram
Use Case Diagram adalah menggambarkan fungsionalitas dari sebuah sistem perangkat lunak yang sistem tersebut berinteraksi dengan dunia luar. Pada aplikasi Pariwisata Indonesia Berbasis Mobile Menggunakan Phonegap Studi Kasus (Daerah Provinsi Banten) ini dapat diketahui bahwa aktor utama nya dalah user (User). Maka didapatkan 1 use case diagram dan beberapa skenario yang memperlihatkan interaksi-interaksi use case diagram dengan aktor use case diagram.
Gambar 3.1
Use Case Aplikasi Pariwisata Provinsi Banten
Berikut Ini adalah deskripsi dari use case diagram pada gambar 3.1 diatas: Tabel 3.1:
USE CASE MENU PROFIL BANTEN Nama Menu profil banten
Aktor User Aplikasi
Deskripsi User men-tap menu list dari profil banten yang berisi tentang provinsi banten serta visi dan misi dari provinsi banten itu sendiri.
Skenario 1. User memilih menu profil banten yang ada.
2. Pada aplikasi terdapat penjelasan tentang provinsi banten serta visi dan misinya.
Kondisi Awal User menerima halaman awal yang berisi deskripsi dari profil banten
Kondisi Akhir
1. User mengetahui tentang wilayah banten serta visi dan misi yang telah dibuatnya.
2. User mengetahui tentang pariwisata serta budaya yang ada di banten
Tabel 3.2:
USE CASE MENU WISATA BANTEN Nama Menu Wisata Banten
Aktor User Aplikasi
Deskripsi User men-tap menu list dari wisata banten yang berisi tentang tempat-tempat pariwisata yang ada di provinsi banten.
Skenario
1. User memilih menu wisata banten yang ada.
2. Pada aplikasi terdapat list divider dari wisata banten, yang berisi Wisata Pantai
Wisata Religi Wisata Cagar Alam Wisata Rekreasi Wisata Kuliner
3. User memilih sub menu yang tersedia
4. Aplikasi akan memunculkan sub menu yang dipilih
5. Pada aplikasi yang dipilih terdapat penjelasan tentang sub menu yang sudah dipilih.
Kondisi Awal User menerima halaman awal yang berisi list divider dari menu wisata banten Kondisi Akhir 1. User mengetahui isi dari menu wisata banten
2. User memilih tempat pariwisata mana saja yang ingin diketahuinya
Tabel 3.3:
USE CASE MENU BUDAYA BANTEN Nama Menu Budaya Banten
Aktor User Aplikasi
Deskripsi User men-tap menu list dari budaya banten yang berisi tentang kerajinan, kesenian, dan masyarakat adat yang ada di provinsi banten.
Skenario
1. User memilih menu budaya banten yang ada.
2. Pada aplikasi terdapat list divider dari budaya banten, yang berisi Kerajinan
Kesenian Tradisional Masyarakat Adat
3. User memilih sub menu yang tersedia
4. Aplikasi akan memunculkan sub menu yang dipilih
5. Pada aplikasi yang dipilih terdapat penjelasan tentang sub menu yang sudah dipilih.
Kondisi Awal User menerima halaman awal yang berisi list divider dari menu budaya banten Kondisi Akhir User mengetahui isi dari menu budaya banten
Tabel 3.4:
USE CASE MENU HOTEL
Nama Menu Hotel
Aktor User Aplikasi
Deskripsi User men-tap menu list dari hotel yang berisi tentang lokasi penginapan yang ada di provinsi banten.
Skenario 1. User memilih menu hotel yang ada.
2. Pada aplikasi terdapat list divider dari hotel, yang berisi Hotel Ellia Bandara
Hotel Permata Krakatau Hotel Pantai Merak Hotel Pramesti Carita Hotel Wira Carita Hotel Ciputih Beach Mutiara Carita Cottage Kalicca Villa Tanjung Lesung Pulau Umang Resort Hotel Pondok Bagedur Hotel Hotel Nuansa Bali
Patra Anyer Beach Resort Hotel Putri Duyung Pondok Layung Resort Marbela Hotel
Marina Hotel
3. User memilih sub menu yang tersedia
4. Aplikasi akan memunculkan sub menu yang dipilih 5. Pada aplikasi yang dipilih terdapat penjelasan tentang sub
menu yang sudah dipilih.
Kondisi Awal User menerima halaman awal yang berisi list divider dari menu hotel Kondisi
Akhir
User mengetahui isi dari menu hotel yang ada di provinsi banten
3.3.3 Perancangan Activity Diagram
Diagram aktifitas menggambarkan berbagai aliran aktifitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana suatu aktifitas berakhir setiap langkah adalah sebuah keadaan dalam melakukan sesuatu.
Gambar 3.2
Activity Diagram Pada Halaman Profil
Pada gambar diatas user akan dibawa ke halaman profil dimana halaman tersebut berisi tentang penjelasan letak provinsi banten visi dan misi, serta penjelasan tentang pariwisata kota banten.
Gambar 3.3
Activity Diagram pada halaman Wisata Banten
Pada gambar diatas menjelaskan aplikasi saat user mulai men-tap aplikasi. Setelah itu user mendapatkan main page dari aplikasi yang berisi submateri-submateri dari wisata banten. Kemudian setelah user memilih submateri-submateri apa yang dipilih, aplikasi akan menampilkan submateri lagi yang berisi tempat-tempat pariwisata dimana jika user men-tap salah satu tempat pariwisata yang dipilih.
Maka aplikasi akan menampilkan penjelasan tentang tempat pariwisata yang telah dipilih oleh user.
Gambar 3.4
Activity Diagram pada halaman Budaya Banten
Pada gambar diatas menjelaskan aplikasi saat user mulai men-tap aplikasi. Setelah itu user mendapatkan main page dari aplikasi yang berisi submenu-submenu dari budaya banten, kemudian setelah user memlih submenu-submenu yang telah dipilih. Aplikasi akan menampilkan submenu pilihan budaya banten, setelah itu
user memilih salah satu dari pilhan submenu budaya banten, yang berisi submateri-submateri dari budaya banten. Setelah user memilih submater dari budaya banten, aplikasi akan menampilkan penjelasan-penjelsan tentang budaya yang ada dibanten.
Gambar 3.5
Activity Diagram Pada Halam Hotel
Pada gambar diatas menjelaskan aplikasi saat user mulai men-tap aplikasi, setalah itu user akan mendapatkan submenu-submenu dari aplikasi, kemudian user men-tap submenu hotel, pada saat user men-tap submenu hotel, aplikasi akan menampilkan submateri-submateri dari hotel dimana submateri tersebut berisi
pilhan-pilhan hotel yang berada didaerah banten. Setelah user memilih submateri dari hotel. Aplikasi akan menampilkan penjelasan-penjelasan dari submateri hotel yang telah dipilih oleh user.
3.3.4 Perancangan Storyboard
Storyboard adalah deskripsi masing-masing tampilan suatu kejadian dari movie yang dimainkan dengan menampilkan semua objek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Storyboard digunakan sebagai alat bantu pada tahapan perancangan multimedia. Satu kolom storyboard mewakili satu tampilan dilayar handphone.
Gambar 3.6 Storyboard Halaman Awal
Keterangan:
Nama Halaman: Halaman Awal
1. Header – Bagian ini tempat dari judul aplikasi
2. Gambar – Kombinasi gambar wisata, budaya, dan hotel 3. Profil – Menjelaskan tentang profil provinsi banten
4. Wisata Banten – Menampilkan tempat- tempat wisata yang ada di banten 5. Budaya Banten – Menampilkan budaya-budaya apa saja yang ada di banten 6. Hotel – Menampilkan hotel apa saja yang ada di banten
7. Footer – Penambahan judul yang sudah ada di header
Gambar 3.7 Storyboard Halaman Profil
Keterangan:
Nama Halaman: Profil Budaya dan Pariwisata 1. Header – Bagian ini tempat dari judul aplikasi 2. Konten – Penjelasan profil dari provinsi Banten
Gambar 3.8
Storyboard Halaman Wisata Banten
Keterangan:
Nama Halaman: Wisata Banten
1. Header – Bagian ini tempat dari judul aplikasi
2. Wisata Pantai – Menampilkan wisata apa saja yang ada di Banten 3. Wisata Religi – Menampilkan wisata religi apa saja yang ada di Banten 4. Wisata Cagar Alam – Menampilkan wisata alam apa saja yang ada di Banten 5. Wisata Rekreasi – Menampilkan tempat – tempat rekreasi yang ada di Banten 6. Wisata Kuliner – Menampilkan makanan khas apa saja yang ada di Banten
Gambar 3.9
Storyboard Halaman Wisata Pantai
Keterangan:
Nama Halaman: Wisata Pantai
1. Header – Bagian ini tempat dari judul aplikasi
2. Pantai Anyer – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pantai anyer.
3. Pantai Ciantir Sawarna – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pantai ciantir sawarna.
4. Pantai Tj. Pasir – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pantai tj. pasir.
5. Pantai Carita – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pantai carita.
6. Pantai & Pelabuhan Merak – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pantai & pelabuhan merak. 7. Pulau Umang – Terdapat header yang menampilkan nama pantai serta isi konten
yang berisi penjelasan tentang pulau umang.
8. Pantai Tj. Lesung – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pantai tj. lesung.
9. Pantai Tj. Layar Sawarna – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pantai tj. Layar sawarna.
10. Pantai Karang Bolong – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pantai karang bolong.
11. Pantai Bagedur – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pantai bagedur.
12. Pulau Untung Jawa – Terdapat header yang menampilkan nama pantai serta isi konten yang berisi penjelasan tentang pulau untung jawa.
Gambar 3.10
Storyboard Halaman Wisata Religi
Keterangan:
Nama Halaman: Wisata Religi
1. Header – Bagian ini tempat dari judul aplikasi
2. Masjid Agung Banten – Terdapat header yang menampilkan nama masjid serta isi konten yang berisi penjelasan tentang majid agung banten.
3. Makam Sultan Maulana Yusuf – Terdapat header yang menampilkan nama makam serta isi konten yang berisi penjelasan tentang makam S. Maulana Y. 4. Makam Syech Magribi – Terdapat header yang menampilkan nama makam serta
5. Makam Syech M. Sholeh – Terdapat header yang menampilkan nama makam serta isi konten yang berisi penjelasan tentang makam Syech M. Sholeh.
6. Vihara Tjoe Soe Kong – Terdapat header yang menampilkan nama vihara serta isi konten yang berisi penjelasan tentang vihara Tjoe Soe Kong.
7. Vihara Ava LokiteVara – Terdapat header yang menampilkan nama vihara serta isi konten yang berisi penjelasan tentang vihara Ava LokiteVara.
8. Makam Kramat Panjang – Terdapat header yang menampilkan nama makam serta isi konten yang berisi penjelasan tentang makam kramat panjang.
Visual
Gambar 3.11
Storyboard HalamanWisata Cagar Alam Keterangan:
1. Header – Bagian ini tempat dari judul aplikasi
2. Rawa Dano – Terdapat header yang menampilkan nama wisata alam serta isi konten yang berisi penjelasan tentang rawa dano.
3. Cidaun – Terdapat header yang menampilkan nama wisata alam serta isi konten yang berisi penjelasan tentang cidaun.
4. Cigenter – Terdapat header yang menampilkan nama wisata alam serta isi konten yang berisi penjelasan tentang cigenter.
5. Pulau Burung – Terdapat header yang menampilkan nama wisata alam serta isi konten yang berisi penjelasan tentang pulau burung.
6. Taman Naisonal Ujung Kulon – Terdapat header yang menampilkan nama wisata alam serta isi konten yang berisi penjelasan tentang taman nasional ujung kulon.
Gambar 3.12
Storyboard HalamanWisata Rekreasi
Keterangan:
Nama Halaman: Wisata Rekreasi
1. Header – Bagian ini tempat dari judul aplikasi
2. Air Terjun Cihear – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang rawa dano.
3. Air Panas Cisolong – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang air panas cisolong.
4. Festival Cisadane – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang festival cisadane.
5. Gunung Krakatau – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang Gn. krakatau.
6. Ocean Park – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang ocean park.
7. Pemandangan Alam Cikoromoy – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang pemandangan alam cikoromoy.
8. Permata Golf – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang permata golf.
9. Situ Cipondoh – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang situ cipondoh.
10. Situ Pamulang – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang situ pamulang.
11. Water World Citra Raya – Terdapat header yang menampilkan nama tempat rekreasi serta isi konten yang berisi penjelasan tentang water world citra raya. 12. Wisata Arung Jeram– Terdapat header yang menampilkan nama tempat
rekreasi serta isi konten yang berisi penjelasan tentang wisata arung jeram.
Gambar 3.13
Storyboard HalamanWisata Kuliner Keterangan:
Nama Halaman: Wisata Kuliner
1. Header – Bagian ini tempat dari judul aplikasi
2. Sate Bandeng – Terdapat header yang menampilkan nama makanan serta isi konten yang berisi penjelasan tentang sate bandeng.
3. Otak-otak – Terdapat header yang menampilkan nama makanan serta isi konten yang berisi penjelasan tentang otak-otak.
4. Nasi Sum-sum – Terdapat header yang menampilkan nama makanan serta isi konten yang berisi penjelasan tentang nasi sum-sum.
5. Kue Balok – Terdapat header yang menampilkan nama makanan serta isi konten yang berisi penjelasan tentang kue balok.
6. Emping – Terdapat header yang menampilkan nama makanan serta isi konten yang berisi penjelasan tentang emping.
Visual
Gambar 3.14
Storyboard Halaman Budaya Banten Keterangan:
Nama Halaman: Budaya Banten
1. Header – Bagian ini tempat dari judul aplikasi
3. Kesenian Tradisional – Menampilkan kesinian apa saja yang ada di Banten 4. Masyarakat Adat – Menampilkan adat apa saja yang ada di Banten
Visual
Gambar 3.15
Storyboard Halaman Kerajinan Keterangan:
Nama Halaman: Kerajinan
1. Header – Bagian ini tempat dari judul aplikasi
2. Keramik Bumi Jaya Ciruas – Terdapat header yang menampilkan nama kerajinan serta isi konten yang berisi penjelasan tentang keramik bumi jaya ciruas.
3. Keramik Banduluyu Anyer – Terdapat header yang menampilkan nama kerajinan serta isi konten yang berisi penjelasan tentang keramik banduluyu anyer.
4. Kerajinan Masyarakat Baduy – Terdapat header yang menampilkan nama kerajinan serta isi konten yang berisi penjelasan tentang kerajinan masyarakat baduy.
5. Batu Fosil – Terdapat header yang menampilkan nama kerajinan serta isi konten yang berisi penjelasan tentang batu fosil.
6. Bambu Ciakar – Terdapat header yang menampilkan nama kerajinan serta isi konten yang berisi penjelasan tentang bambu ciakar.
7. Golok Ciomas – Terdapat header yang menampilkan nama kerajinan serta isi konten yang berisi penjelasan tentang golok ciomas.
8. Batik Banten – Terdapat header yang menampilkan nama kerajinan serta isi konten yang berisi penjelasan tentang batik banten.
Visual
Gambar 3.16
Storyboard Halaman Kesenian Tradisional
Keterangan:
Nama Halaman: Kesenian Tradisional
1. Header – Bagian ini tempat dari judul aplikasi
2. Angklung Buhun – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang angklung buhun.
3. Calung – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang calung.
4. Debus – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang debus.
5. Dzikir Saman – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang dzikir saman.
6. Pencak Silat – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang pencak silat.
7. Wayang Garing – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang wayang garing.
8. Cokek – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang cokek.
9. Rampak Bedug – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang rampak bedug.
10. Ubrug – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang ubrug.
11. Marawis – Terdapat header yang menampilkan nama kesenian serta isi konten yang berisi penjelasan tentang marawis.
Visual
Gambar 3.17
Storyboard Halaman Masyarakat Adat Keterangan:
Nama Halaman: Masyarakat Adat
1. Header – Bagian ini tempat dari judul aplikasi
2. M. Adat Cisungsang – Terdapat header yang menampilkan nama adat serta isi konten yang berisi penjelasan tentang masyarakat adat cisungsang.
3. M. Adat Citorek – Terdapat header yang menampilkan nama adat serta isi konten yang berisi penjelasan tentang masyarakat adat citorek.
4. M. Adat Baduy – Terdapat header yang menampilkan nama adat serta isi konten yang berisi penjelasan tentang masyarakat adat baduy.
Visual
Gambar 3.18 Storyboard Halaman Hotel Keterangan:
Nama Halaman: Hotel
1. Header – Bagian ini tempat dari judul aplikasi
2. Hotel Ellia Bandara – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang hotel ellia bandara.
3. Hotel Permata Krakatau – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang hotel permata krakatau.
4. Hotel Pantai Merak – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang hotel pantai merak.
5. Hotel Pramesti Carita – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang hotel pramesti carita.
6. Hotel Wira Carita – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang hotel wira carita.
7. Hotel Ciputih Beach – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang hotel ciputih beach.
8. Mutiara Carita Cottages – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang mutiara carita cottages.
9. Kalicca Villa Tj. Lesung – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang kalicca villa tanjung lesung.
10. Pulau Umang Resort Hotel – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang pulau umang resort hotel.
11. Pondok Bagedur Hotel – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang pondok bagedur hotel.
12. Hotel Nuansa Bali – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang hotel nuansa bali.
13. Patra Anyer Beach Resort – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang patra anyer beach resort.
14. Hotel Putri Duyung – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang hotel putri duyung.
15. Pondok Layung Resort – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang pondok layung resort.
16. Marbela Hotel – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang marbela hotel.
17. My Pisita Anyer Resort – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang my pisita anyer resort.
18. Marina Hotel – Terdapat header yang menampilkan nama hotel serta isi konten yang berisi penjelasan tentang marina hotel.
