commit to user 16
3.4. Rancangan Aplikasi
3.4.1. Sitemap
Sitemap
pada peta wisata kuliner solo dapat digambarkan sebagai berikut :
Gambar 3.1.
Sitemap
commit to user 17
3.4.2. Rancangan Tampilan
Rancangan halaman utama peta wisata kuliner Solo adalah sebagai berikut:
Search
List Solo Wisata Kuliner
Peta Wisata Kuliner
Gambar 3.2. Halaman Utama Peta Wisata Kuliner Solo Tampilan Halaman utama peta wisata kuliner Solo terdiri dari
screen
peta wisata kuliner, tombol
zoom in
dan
zoom out
, menu navigasi, menu
search
, dan menu
list
atau daftar wisata kuliner yang ada di kota Solo. Bagian – bagian dapat dijelaskan sebagai berikut :
commit to user 18
a. Screen Peta Utama Wisata Kuliner Solo.
Peta Wisa ta Kuliner
Gambar 3.3. Rancangan Peta Utama Wisata Kuliner Solo Pada
screen
ini terdapat peta kota Solo beserta denah- denahnya, dan juga terdapat simbol lokasi tempat kuliner di kota
Solo. b.
Menu Navigasi
Gambar 3.4. Rancangan Menu Navigasi Menu navigasi terdapat pada sudut kanan bawah peta.
Menu navigasi ini digunakan untuk menggerakkan kursor peta kearah kanan, kiri, atas, ataupun kearah bawah.
Script
yang digunakan adalah : 1
Script
kanan: on press
{ {
commit to user 19
_root.maps._x = _root.maps._x - 40; }
2
Script
kiri: on press
{ {
_root.maps._x = _root.maps._x + 20; }
3
Script
atas: on press
{ {
_root.maps._y = _root.maps._y + 20; }
4
Script
bawah; on press
{ {
_root.maps._y = _root.maps._y - 20; }
c. Tombol
Zoom
Gambar 3.5. Rancangan Tombol
Zoom
Tombol
zoom
terdapat pada sudut kanan atas peta. Tombol zoom terdiri atas
zoom in
yaitu digunakan untuk memperbesar peta, dan
zoom out
untuk mengecilkan peta.
Script
yang digunakan untuk tombol
zoom
adalah : on press
{ if zoom_txt 400
{ _root.maps._xscale = _root.maps._xscale 1.100000;
_root.maps._yscale = _root.maps._yscale 1.100000;
commit to user 20
_root.maps._x = _root.maps._x - 330.500000 1.100000 + 299.500000;
_root.maps._y = _root.maps._y - 399.500000 1.100000 + 399.500000;
zoom_txt = intzoom_txt + 10; }
Skrip tombol zom out: on release
{ if zoom_txt = 400
{ _root.maps._xscale = _root.maps._xscale 1.100000;
_root.maps._yscale = _root.maps._yscale 1.100000; _root.maps._x = _root.maps._x - 260.500000 1.100000 +
299.500000; _root.maps._y = _root.maps._y - 399.500000 1.100000 +
399.500000; zoom_txt = intzoom_txt - 10;
}
d. Menu
Search Search
Gambar 3.6. Rancangan Menu
Search
Menu ini digunakan untuk mencari denah atau lokasi dari tempat makan yang ada di kota Solo.
Script search
adalah sebagai berikut : Frem 1:
caritxt.onKeyDown = function{ if Key.getCode == Key.ENTER{
_root.lokasithis.text; }
Frem 2: _root.zm = in;
startDraglens, true; stop;
Key.addListenercaritxt;
commit to user 21
Frem 3: _root.zm = out;
startDraglens, true; stop;
frem 4: _root.maps._width = 1367.5;
_root.maps._height = 1035.5; _root.maps._x = 418.9;
_root.maps._y = 276.8; stop;
frem 5: stop;
frem 10; var ls:mx.controls.List;
ls.removeAll; forvar j:Number=0 ; j_root.lst.length; j++{
ls.addItem_root.lst[j].val; }
e. Menu
List
Wisata Kuliner Solo
List Solo Wisata Kuliner
Gambar 3.7. Rancangan Menu
List
Wisata Kuliner Solo
commit to user 22
Menu
list
ini terdapat dibagian kiri peta. Pada menu ini terdapat
list
atau daftar dari wisata kuliner yang ada di kota Solo.
f.
Load
data XML
stop;
kuliner
= new XML;
kuliner
.ignoreWhite = true;
kuliner
.onLoad = loadXML;
kuliner
.loadkuliner.xml; function loadXMLloaded
{
ifloaded {
combo.removeAll; var Root = kuliner.firstChild;
var
menu
= Root.childNodes[0] .childNodes; txtmenu.text
=
Menu
+ Root.childNodes[0] .attributes.nama;
forvar i = 0; i menu.length; i+ + {
var menu2 = menu[i] .attributes.
nama
; combo.addItem{label:menu2};
} setDetail0;
}
g. Menampilkan Data Warung
stop; kuliner = new XML;
kuliner.ignoreWhite = true; kuliner.onLoad = loadXML;
kuliner.loadkuliner.xml; function loadXMLloaded
{
ifloaded {
commit to user 23
var Root = kuliner.firstChild; var menu = Root.childNodes[0].childNodes;
txtmenu.text =
Menu +
Root.childNodes[0].attributes.nama; forvar i = 0; i menu.length; i++
{ var menu2 = menu[i].attributes.nama;
combo.addItem{label:menu2}; }
setDetail0; }
else {
tracefile gagal di Load.; }
} function setDetaila
{
loadMovie kuliner.firstChild.childNodes[0].childNodes[a].childNodes[0].firstChil
d.nodeValue,mc_image; txtharga.text
= kuliner.firstChild.childNodes[0].childNodes[a].childNodes[1].firstChil
d.nodeValue; txtdeskripsi.text
= kuliner.firstChild.childNodes[0].childNodes[a].childNodes[2].firstChil
d.nodeValue; }
ListenerCombo = new Object; ListenerCombo.change = functionevent
{
setDetailcombo.selectedIndex;
} combo.addEventListenerchange,ListenerCombo;
commit to user 24
h. Membawa Data Warung
?xml version = 1.0 encoding = UTF-8? kuliner -- xml.firstChild --
warung nama = Adem Ayem x=-156.400000 y=-643 menu nama =Nasi Gudeg
imageimageGudeg1.jpgimage hargaRp. 17.000,-harga
deskripsi Gudeg adalah masakan khas Yogyakarta, terbuat
dari nangka yang diolah secara tradisional. Biasanya disajikan beserta opor ayam, telur rebus, dan sambal pedas krecek.
deskripsi menu
menu nama = Nasi Liwet imageimagenasi liwet.jpgimage
hargaRp. 11.500,-harga deskripsi
Nasi liwet adalah nasi gurih yang mirip nasi uduk, yang disajikan dengan sayur labu siam, suwiran ayam dan areh
semacam bubur gurih dari kelapa. deskripsi
menu menu nama = Nasi Timlo
imageimagetimlo.jpgimage hargaRp. 13.500,-harga
deskripsi Timlo merupakan nasi berkuah yang dibuat dari
nasi yang diseduh dengan kuah kaldu dan ditaburi dengan suwiran ayam, serta telur rebus.
deskripsi menu
warung kuliner
commit to user 25
BAB IV IMPLEMENTASI
4.1. Pembuatan Aplikasi
Aplikasi multimedia ini merupakan aplikasi peta wisata untuk memudahkan mencari denah atau tempat-tempat makan di kota Solo.
Aplikasi peta ini dikemas secara menarik dengan tampilan
user-friendly
sehingga pengguna applikasi peta ini dapat dengan mudah menggunakannya untuk mencari tempat wisata kuliner di kota Solo.
4.2. Hasil Pengujian Aplikasi 4.2.1. Tampilan Halaman Utama
Gambar 4.1. Halaman Utama Peta Halaman utama merupakan tampilan keseluruhan dari
aplikasi peta wisata kuliner Kota Solo yang terdiri atas screen tempat menampilkan denah dari peta Kota Solo, tombol zoom in