BAB
ANALISIS DAN PERANCANGAN
Aplikasi ini memiliki enam menu, dimana empat menu utama memiliki fungsi dan fitur yang sama, yang membedakan hanya jenis objeknya saja. Keempat menu itu
ialah “Danau”, “Pegunungan”, “Air Terjun”, “Peta”, “Pantai” dan “Tempat bersejarah”. Pembuatan aplikasi ini dikerjakan dalam beberapa tahap, yang
pertama yaitu perancangan flowchart, dalam tahap ini dimodelkan sistem yang
dibuat.
4.1. Flowchart
Dalam suatu aplikasi, sangat penting untuk memperhatikan suatu sistem yang berjalan agar dapat dimengerti oleh user.Sistem yang dilakukan oleh user
pada saat menjalankan aplikasi dapat digambarkan dalam flowchart. Pada flowchart ini terdapat kemungkinan yang terjadi pada saat pengguna menjalankan
program aplikasi. Untuk lebih jelasnya, dapat dilihat gambar 3.1.
Universitas Sumatera Utara
Start
Tampilkan halaman utama
Splashscreen
Pilih Gunung
Pilih Ait Terjun
Pilih Peta
Pilih Pantai
T Y
Y Y
Y
Y
Y T
T
T T
T
List Gunung
Tampil Peta
List Tempat berssejarah
Y
A
Danau Toba
lihat objek lain
Y
Y T
Danau Samosir
Y
Y
Gunung Sibayak
Tampil G.Sibayak
Y
Y
Tampil LauKawar
lihat objek lain
Y
Y T
T T
Tampil D Samosir Tampil D.Toba
A.T Sigura-
gura
Tampil Siguragura
lihat objek lain
A.T Sipiso-
piso
Y
Y T
Gunung Sibayak
Tampil G.Sibayak
lihat objek lain
Y
Y
Gunung Sibayak
Tampil G.Sibayak
lihat objek lain
Y
Y
Tampil SipisoPiso
lihat objek lain
Y
Y T
T T
List Danau
Danau LauKawar
List Air Terjun
List Pantai
A
T T
T T
A
T T
T T
A
T T
T T
lihat objek lain
lihat objek lain
Gunung Sibayak
Tampil G.Sibayak
lihat objek lain
Gunung Sinabung
Y
Y T
Gunung Sibayak
Tampil G.Sibayak
lihat objek lain
Y
Y
Gunung Sibayak
Tampil G.Sibayak
lihat objek lain
Y
Y
Tampil G.Sibayak
lihat objek lain
Y
Y T
T T
Pilih Keluar
Stop Y
T
Pilih Danau
Pilih Bersejara
h
Universitas Sumatera Utara
Gambar 4.1 Flowchart pada Aplikasi Wisata Sumut
Pantai Pandan
Tampil P.Pandan
lihat objek lain
Pantai Cermin
Y
Y T
Pantai Sibolga
Tampil P.Sibolga
lihat objek lain
Y
Y
Gunung Sibayak
Tampil G.Sibayak
lihat objek lain
Y
Y
Tampil P.Cermin
lihat objek lain
Y
Y T
T T
Istana Maimun
Tampil I. Maimun
lihat objek lain
Tjong A Fie
Y
Y T
Balai Kota
Tampil Balai Kota
lihat objek lain
Y
Y
Merdeka Walk
Tampil Merdeka Walk
lihat objek lain
Y
Y
Tampil Tjong.A.F
lihat objek lain
Y
Y T
T T
A
T T
T T
A
T T
T T
Universitas Sumatera Utara
4.2. Rancangan Tampilan
Pada tahapan ini penulis akan membuat rancangan tampilan dari beberapa tampilan aplikasi yang akan penulis buat. Berikut adalah gambar dari rancangan
tersebut.
4.2.1. Halaman Splashscreen
Halaman ini merupakan halaman yang pertama kali di tampilkan saat aplikasi pertama kali dijalankan. Pada halaman ini terdapat peta wisata sebagai
gambar latar background serta nama aplikasi yaitu aplikasi wisata sumut dan copyright.
Gambar 4.2 Rancangan Tampilan Splashscreen
4.2.2. Halaman Menu Utama
Pada halaman utama terdapat 6 buah tombol dengan di bagian atas terdapat header yang bertuliskan “ WISATA SUMUT” dan di bagian bawah terdapat footer yang
APLIKASI WISATA SUMUT
Fredy S Pakpahan © 2013
Universitas Sumatera Utara
bertuliskan “Kunjungi Wisata Sumut di www.dinaspariwisatasumut.co.id “ dengan dilatar belakangi sebuah gambar berwarna biru tua. Ke Enam tombol
berbentuk icon gambar berjajar ke bawah membentuk 2 kolom dan 3 baris dan berada tepat ditengah-tengah layar, teks berwarna hitam. Tiap icon gambar
mewakili tiap objek wisata, secara berturut-turut berisi teks “Danau”, “Pegunungan”, “Air Terjun”, “Peta”, “Pantai” dan “Tempat bersejarah”. Untuk
warna latar background berwarna biru muda.
Gambar 4.3 Rancangan Tampilan Menu Utama
Jika ditekan menu fisik yang terdapat di telepon akan menampilkan menu pop-up dengan menu Situs Resmi dan menu Tentang. Menu Situs Resmi untuk
melihat halaman web pariwisata Sumatera Utara. WISATA SUMUT
Danau Pegunungan
Peta Air Terjun
Tempat Bersejarah Pantai
Kunjungi Wisata Sumut di www.dinaspariwisatasumut.co.id
Universitas Sumatera Utara
Gambar 4.4 Rancangan Tampilan Halaman Menu Pop-up
4.2.3. Halaman List Objek Wisata
Halaman Objek wisata berupa listview yang mana nama-nama objek yang akan di tampilkan diambil dari database, listview ini fitur bawaan dari android penulis
hanya merubah warna latar agar tampilannya lebih menarik, dengan warna latar hijau lumut.
Gambar 4.5 Rancangan Tampilan List Objek Wisata
WISATA SUMUT
Kunjungi Wisata Sumut di www.dinaspariwisatasumut.co.id
Gunung Sibayak
Gunung Sorik Merapi Gunung Sinabung
Bukit Gundaling WISATA SUMUT
Danau Pegunungan
Peta Air Terjun
Tempat Bersejarah Pantai
Situs Resmi Tentang
Universitas Sumatera Utara
WISATA SUMUT
Home Exit
Hampir sama dengan Tampilan utama jika ditekan menu fisik yang terdapat di telepon akan menampilkan menu pop-up tetapi kali ini menampilkan
menu Home dan menu Exit. Tombol Home untuk kembali ke halaman menu utama, dan menu Exit untuk keluar.
Gambar 4.6 Rancangan Halaman Menu Pop-up
4.2.4 Halaman Detail Objek Wisata Pada halaman detail objek, memiliki sebuah gambar, yaitu gambar objek yang
diletakkan tepat ditengah-tengah secara horizontal, agak keatas secara vertikal. Gambar ini secara default kosong, gambar ini akan diisi saat runtime. Kemudian
terdapat kolom text view secara default masih kosong yang nantinya akan berisi ulasan tentang objek wisata yang diambil dari database.
Gunung Sibayak
Gunung Sorik Merapi Gunung Sinabung
Bukit Gundaling
Universitas Sumatera Utara
Gambar 4.7 Rancangan Tampilan Detail Objek Wisata
Hampir sama dengan List Objek jika ditekan menu fisik yang terdapat di telepon akan menampilkan menu pop-up yaitu: menu Home dan menu Exit.
Tombol Home untuk kembali ke halaman menu utama, dan menu Exit untuk keluar.
Gambar 4.8 Rancangan Tampilan Menu Pop-up
WISATA SUMUT
Gambar
Ulasan Wisata
Home Exit
Nama Objek WISATA SUMUT
Ulasan Wisata Gambar
Kunjungi Wisata Sumut di www.dinaspariwisatasumut.co.id
Universitas Sumatera Utara
4.2.5 Halaman Peta Objek Wisata
Pada halaman ini akan menampilkan peta serta penujuk lokasi marker. Setiap marker akan menandai satu objek wisata dan ketika marker diklik maka akan
menampilkan informasi nama objek wisata dan keterangan mengenai objek wisata tersebut. Juga ada tombol zoom-in dan zoom-out, yang berfungsi membesarkan
dan mengecilkan untuk memperjelas peta lokasi objek wisata
Gambar 4.9 Rancangan Tampilan Peta Objek Wisata
Hampir sama dengan List Objek jika ditekan menu fisik yang terdapat di telepon akan menampilkan menu pop-up yaitu: menu Home dan menu Exit.
Tombol Home untuk kembali ke halaman menu utama, dan menu Exit untuk keluar.
WISATA SUMUT
Kunjungi Wisata Sumut di www.dinaspariwisatasumut.co.id
Bersejarah
Pegunungan
Universitas Sumatera Utara
4.3 Perancangan Database