BAB IV PERANCANGAN SISTEM. berjalan saat ini. Dengan dirancangnya sistem informasi maka diharapkan

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB IV PERANCANGAN SISTEM. berjalan saat ini. Dengan dirancangnya sistem informasi maka diharapkan"

Veronika Tanuwidjaja
6 tahun lalu
Tontonan:

1 BAB IV PERANCANGAN SISTEM 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)) Perancangan Menggunakan Bahasa ML Dari bahasa ML 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. se case diagram 2. Squence diagram 3. Statechart diagram se case diagram Diagram yang secara grafis mendeskripsikan siapa yang akan menggunakan sistem dan dalam cara apa pengguna mengharapkan 67

2 68 interaksi dengan sistem itu. Di dalam se Case diagram pada aplikasi peta interaktif berbasis multimedia ini terdapat prosesproses sebagai berikut: 1. Sebelum mulai aktor akan dihadapkan pada menu. 2. Didalam menu aktor dapat yang telah disediakan, meliputi informasi tentang lokasi hotel, restoran, souvenir, Tour And Travel, pusat belanja dan objek wisata. hotel Actor akses informasi menu Pilih kategori Pilih kategori Pilih kategori Pilih kategori Pilih kategori Pilih kategori restoran souvenir tour & travel pusat belanja informasi tempat wisata menampilkan informasi Gambar 4.1 se Case Diagram Squence diagram Diagram yang menunjukkan grafik hubungan objek yang akan digunakan dalam suatu proses, selain itu juga diagram ini menunjukkan datadata yang mengalir dalam hubungan antar proses tersebut. Adapun bentuk dari pada sequence diagram adalah sebagai berikut:

3 69 1. Aktor akan dihadapakan tampilan menu utama 2. Pada menu utama, aktor dapat 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 yang disediakan oleh system, maka aktor akan dihadapkan pada daftar namanama 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. Aktor menu Hotel/restoran/souvenir/tour & travel/pusat belanja/tempat wisata Daftar namanama hotel/restoran/souvenir/tour & travel/pusat belanja/tempat wisata peta mulai cari lokasi cek lokasi tekan tombol lokasi klik dan informasi Gambar 4.2 squence diagram

4 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: Klik nama hotel bintan island halim hotel aston furia comfort restoran Klik nama restoran ayam goreng 88 damai baru hanly cafe Tampilan lokasi hotel marantama souvenir Klik nama souvenir indo rasa kaoes pinang dapoer melayoe Tampilan lokasi restoran tampilan lokasi souvenir menu tour & travel pusat belanja Klik nama tour & travel Klik nama pusat belanja Klik nama tempat wisata 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 tampilan lokasi tour & travel tampilan lokasi pusat belanja tampilan lokasi tempat wisata informasi tempat wisata makam raja ja'far gedung misiu benteng pertahanan bukit kursi Menampilkan informasi yang dipilih pada peta Gambar 4.3 statechart diagram

5 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. ntuk tidak membingungkan wisata mancanegara (wisman) atau wisata lokal (wislok) berikut ini struktur program yang akan ada pada sistem nantinya. Opening Map Hotel Restoran Souvenir Pusat Belanja Tour & Travel Tempat Wisata Hotel Restoran Souvenir Pusat Belanja Tour & Travel Tempat Wisata Gambar 4.4 Hirarki Program

6 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. Halamanhalaman tersebut meliputi Halaman tama Dihalaman utama ini hanya ada legenda yaitu keterangan yang menampilan simbolsimbol yang ada pada peta, serta navigator yang berfungsi untuk memperbesar dan memperkecil peta. Berikut tampilan rancangan menu utama pada peta. Map Gambar 4.5 Rancangan Menu tama

7 Rancangan Menu Kategori Pada menu ini terdapat beberapa tombol yang berfungsi untuk memilih objek wisata apa yang ingin dilihat. tomboltombol itu merupakan tombol untuk melihat isi dari pada sub menu Hotel, Restoran, Souvenir, Tour And Travel, Pusat belanja, dan tempat wisata. Adapun rancangan tomboltombol pilihan tersebut adalah sebagai berikut: 1. Rancangan Sub Kategori Hotel Nama Hotel Tanjungpinang Tepi Laut Aston Furia Comfort Hotel Gambar 4.6 Rancangan Sub Kategori Hotel Pada rancangan ini, ketika menu hotel di tekan oleh pengguna, maka akan menampilkan daftar namanama hotel yang berada di kawasan kota Tanjungpinang.

8 74 2. Rancangan Sub Kategori Restoran Nama Restoran Ayam Goreng 88 Damai Baru Marantama Indo Rasa Putri Minang Restoran Gambar 4.7 Rancangan Sub Kategori Restoran Pada rancangan ini, ketika menu Restoran di tekan oleh pengguna, maka akan menampilkan daftar namanama 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 namanama tempat pembelian Souvenir yang berada di kota Tanjungpinang

9 75 Souvenir Kaoes Pinang Makanan Khas TPI Aston Furia Comfort Souvenir Gambar 4.8 Rancangan Sub Kategori Souvenir 4. Rancangan Sub Kategori Tour And Travel Tour & Travel PT Agesti Jaya Sakti PT Balindo Tour & Travel PT Bintan Marina tama PT Cuaca Mariana Servitama PT Pinang Jaya Tour & Travel Tour & Travel 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 namanama tempat penyedia Tour And Travel yang berada di kota Tanjungpinang.

10 76 5. Rancangan Sub Kategori Pusat Belanja Pada rancangan ini, ketika menu pusat belanja di tekan oleh pengguna, maka akan menampilkan daftar namanama tempat belanja yang berada di kota Tanjungpinang Tempat Belanja Ramayana Bintan Indah Mall Bestari Mall Pasar Kota TPI Pusat Belanja 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 namanama lokasi tempat objek wisata ada di kota Tanjungpinang

11 77 Tempat Wisata Masjid Raya Sultan Riau Makam Daeng Marwah Gedung Misiu Benteng Pertahanan Bukit Kursi Makam Raja Ja far Tempat Wisata Gambar 4.11 Rancangan Sub Kategori Tempat Wisata

dokumen-dokumen yang mirip

BAB III ANALISA SISTEM. Pada bagian ini akan dijelaskan tentang proses analisis sistem serta

BAB III ANALISA SISTEM. Pada bagian ini akan dijelaskan tentang proses analisis sistem serta BAB III ANALISA SISTEM Pada bagian ini akan dijelaskan tentang proses analisis sistem serta penerapan peta interaktif lokasi penunjang wisata kota Tanjungpinang berbasis multimedia. Hasil dari tahapan