67
Berdasarkan hasil analisis secara menyeluruh maka dirancanglah peta interaktif lokasi penunjang wisata ini yang merupakan salah satu solusi yang ditawarkan untuk memperbaiki dan mengembangkan system yang sedang berjalan saat ini. Dengan dirancangnya sistem informasi maka diharapkan dapat membantu memberikan gambaran tentang lokasi tempat yang ingin dilihat atau dikunjungi secara cepat terhadap wisatawan mancanegara (wisata mancanegara (wisman)) maupun wisatawan lokal (wisata lokal (wislok)).
4.1. Perancangan Menggunakan Bahasa UML
Dari bahasa UML ada beberapa metode yang digunakan dalam perancangan sistem peta interaktif lokasi penunjang wisata kota Tanjungpinang berbasis multimedia yang akan dibentuk dari beberapa bagian dianataranya yaitu:
1. Use case diagram 2. Squence diagram 3. Statechart diagram
4.1.1. Use case diagram
Diagram yang secara grafis mendeskripsikan siapa yang akan menggunakan sistem dan dalam cara apa pengguna mengharapkan
interaksi dengan sistem itu. Di dalam Use Case diagram pada aplikasi peta interaktif berbasis multimedia ini terdapat proses-proses sebagai berikut:
1. Sebelum mulai aktor akan dihadapkan pada menu.
2. Didalam menu aktor dapat memilih kategori yang telah disediakan, meliputi informasi tentang lokasi hotel, restoran, souvenir, Tour And Travel, pusat belanja dan objek wisata.
Actor
menu
hotel
restoran
souvenir
tour & travel
pusat belanja
tempat wisata
informasi Pilih kategori
Pilih kategori
Pilih kategori
Pilih kategori Pilih kateg
ori Pilih
kate gori
tam pilkan tam
pilkan tampilkan tampilkan
tampilkan
tampilkan akses
informasi
menampilkan informasi
Gambar 4.1 Use Case Diagram
4.1.2. Squence diagram
Diagram yang menunjukkan grafik hubungan objek yang akan digunakan dalam suatu proses, selain itu juga diagram ini menunjukkan data-data yang mengalir dalam hubungan antar proses tersebut. Adapun bentuk dari pada sequence diagram adalah sebagai berikut:
1. Aktor akan dihadapakan tampilan menu utama
2. Pada menu utama, aktor dapat memilih kategori yang telah yang telah disediakan oleh sistem, adapun kategori yang telah disediakan oleh system tersebut meliputi kategori hotel, kategori restoran, kategori souvenir, kategori tour and travel, kategori pusat belanja dan kategori tempat wisata.
3. Setelah aktor memilih kategori yang disediakan oleh system, maka aktor akan dihadapkan pada daftar nama-nama yang berhubungan dengan kategori yang dipilih oleh aktor.
4. Setelah aktor menekan nama yang dipilih, maka pada sistem akan mencari lokasi nama yang dipilih oleh aktor
5. Pada peta akan mengecek letak lokasi nama yang dipilih oleh aktor, kemudian pada peta akan menampilkan informasi jika di klik lokasi yang ditunjukkan oleh sistem.
mulai
memilih kategori
tekan tombol lokasi
cari lokasi
cek lokasi
klik dan tampilkan informasi
Aktor menu
Hotel/restoran/souvenir/tour &
travel/pusat belanja/tempat wisata
Daftar nama-nama hotel/restoran/souvenir/tour
& travel/pusat belanja/tempat wisata peta
Gambar 4.2 squence diagram
4.1.3. Statechart diagram
Diagram yang menggambarkan alur cerita transisi dan perubahan keadaan dari satu state ke stare yang lain adapun bentuk dari state diagram yaitu sebagai berikut:
menu
hotel
restoran
souvenir
tour & travel
pusat belanja
tempat wisata
bintan island
halim
aston
furia
comfort
informasi ayam goreng 88
damai baru
hanly cafe
marantama
indo rasa
kaoes pinang
dapoer melayoe
PT. agesty jaya sakti
PT. balindo tour & travel
PT. Indotama setiawan
PT. bintan marina utama
PT. cuaca marina servictama
ramayana
bintan indah mall
bestari mall
pasar kota tanjungpinang
kompleks istana kantor
masjid raya sultan riau
makam raja ja'far
gedung misiu
benteng pertahanan bukit kursi memilih kategori
memilih kategori
memilih kategori
memilih kateg m ori
em ilih ka
tegori mem
ilih ka tego
ri
Klik nama hotel
Klik nama restoran
Klik nam a souvenir
Klik nama tour & travel
Klik nama pusat belanja
Klik nama tempat wisata
Tam pilan
loka si hotel
Tam pilan loka
si restoran
tampilan lokasi souvenir
tampilan lokasi tour & travel
tampilan lokasi pusat belanja
tampilan lokasi tempat wisata
Menampilkan informasi yang dipilih pada peta
Gambar 4.3 statechart diagram
4.2. Hirarki Program
Adobe Flash CS3 Professional ini adalah aplikasi yang secara langsung akan berinteraksi dengan user. Di dalam aplikasi ini ada pencarian data yang telah disediakan oleh sistem yaitu dengan menekan button yang sesuai dengan yang ingin diketahui, tujuannya disediakan button ini adalah untuk memudahkan wisata mancanegara (wisman) atau wisata lokal (wislok) dalam mencari informasi penunjang wisata dan juga untuk memindahkan tempat dari suatu objek ke objek yang lain yang berdasarkan lokasi penunjang wisata.
Pada awal aplikasi ini wisata mancanegara (wisman) atau wisata lokal (wislok) akan langsung dihadapkan pada menu utama yaitu menu peta dan beberapa button pilihan. Untuk tidak membingungkan wisata mancanegara (wisman) atau wisata lokal (wislok) berikut ini struktur program yang akan ada pada sistem nantinya.
Map
Hotel Restoran Souvenir Tour &
Travel Pusat
Belanja
Tempat Wisata Opening
List Hotel
List Restoran
List Souvenir
List Pusat Belanja
List Tour &
Travel
List Tempat
Wisata
Gambar 4.4 Hirarki Program
4.3. Rancangan Interface
Dalam rancangan interface halaman adobe Flash dibagi menjadi satu halaman utama saja dan beberapa halaman penghubung. Hal ini diambil karena menimbang pada interaksi kepada wisata mancanegara (wisman) dan wisata mancanegara (wisman) lokal yang dituju adalah masyarakat umum sehingga, rancangan dibuat dengan menimbang ilmu interaksi manusia dan komputer. Halaman-halaman tersebut meliputi.
4.4.1. Halaman Utama
Dihalaman utama ini hanya ada legenda yaitu keterangan yang menampilan simbol-simbol yang ada pada peta, serta navigator yang berfungsi untuk memperbesar dan memperkecil peta. Berikut tampilan rancangan menu utama pada peta.
Map
U
+
- Reset
Gambar 4.5 Rancangan Menu Utama
4.4.2. Rancangan Menu Kategori
Pada menu ini terdapat beberapa tombol yang berfungsi untuk memilih objek wisata apa yang ingin dilihat. tombol-tombol itu merupakan tombol untuk melihat isi dari pada sub menu Hotel, Restoran, Souvenir, Tour And Travel, Pusat belanja, dan tempat wisata. Adapun rancangan tombol-tombol pilihan tersebut adalah sebagai berikut:
1. Rancangan Sub Kategori Hotel
map
x
Tanjungpinang
Tepi Laut
Aston
Furia
Comfort Nama Hotel
Hotel
U
+
- Reset
Gambar 4.6 Rancangan Sub Kategori Hotel
Pada rancangan ini, ketika menu hotel di tekan oleh pengguna, maka akan menampilkan daftar nama-nama hotel yang berada di kawasan kota Tanjungpinang.
2. Rancangan Sub Kategori Restoran
map
x
Ayam Goreng 88
Damai Baru
Marantama
Indo Rasa
Putri Minang Nama Restoran
Restoran
U
+
- Reset
Gambar 4.7 Rancangan Sub Kategori Restoran
Pada rancangan ini, ketika menu Restoran di tekan oleh pengguna, maka akan menampilkan daftar nama-nama Restoran yang berada di kota Tanjungpinang.
3. Rancangan Sub Kategori Souvenir
Pada rancangan ini, ketika menu Souvenir di tekan oleh pengguna, maka akan menampilkan daftar nama-nama tempat pembelian Souvenir yang berada di kota Tanjungpinang
map
x
Kaoes Pinang
Makanan Khas TPI
Aston
Furia
Comfort Souvenir
Souvenir U
+
- Reset
Gambar 4.8 Rancangan Sub Kategori Souvenir
4. Rancangan Sub Kategori Tour And Travel
map
x
PT Agesti Jaya Sakti
PT Balindo Tour & Travel
PT Bintan Marina Utama
PT Cuaca Mariana Servitama
PT Pinang Jaya Tour & Travel Tour & Travel
Tour & Travel U
+
- Reset
Gambar 4.9 Rancangan Sub Kategori Tour And Travel Pada rancangan ini, ketika menu yang dipilih adalah menu Tour And Travel, maka akan menampilkan daftar nama-nama tempat penyedia Tour And Travel yang berada di kota Tanjungpinang.
5. Rancangan Sub Kategori Pusat Belanja
Pada rancangan ini, ketika menu pusat belanja di tekan oleh pengguna, maka akan menampilkan daftar nama-nama tempat belanja yang berada di kota Tanjungpinang
map
x
Ramayana
Bintan Indah Mall
Bestari Mall
Pasar Kota TPI Tempat Belanja
Pusat Belanja U
+
- Reset
Gambar 4.10 Rancangan Sub Kategori Pusat Belanja 6. Rancangan Sub Kategori Tempat Wisata
Pada rancangan ini, ketika menu objek wisata di tekan oleh pengguna, maka akan menampilkan daftar nama-nama lokasi tempat objek wisata ada di kota Tanjungpinang
map
+
- Reset
x
Masjid Raya Sultan Riau
Makam Daeng Marwah
Gedung Misiu
Benteng Pertahanan Bukit Kursi
Makam Raja Ja’far Tempat Wisata
Tempat Wisata U
Gambar 4.11 Rancangan Sub Kategori Tempat Wisata
