Abst does disp shap acce an a impo For info With view rout camp info in deve MyS Keyw API.
E ditan info info dika mem tulis inter S seiri adan siste terin S mer
Te
tract - Present s not just disp
lay images in ped geography essing informa area / region.
ortant informa information rmation system h this geograp w the location tes that can b
pus. In thi rmation system
the region eloped using t SQL 5.0.51 and
words - inform I.
Era teknolog ndai dengan ormasi dihub ormasi yang m
aitkan deng mungkinkan k
san, gambar raktif dengan Sistem Inform
ing dengan p nya SIG ini, em informad ntegrasi denga Secara umu rupakan terje
JUITA
A untu
(Go for G
Mu Teknik Informa
tation of the c splay text-base n the form of y will certainly ation, especia
Information o ation for users
displayed int m support mu phic-based info
of a universit be passed to is paper de m, especially i Kopertis V the web server d using google mation system,
I. PENDA i informasi n tingginya bungkan den
memadai. Inf gan adanya
kombinasi an atau gambar n pengguna.
masi Geograf perkembangan
informasi yan di menjadi l
an data lain s um, sistem emahan lang
A Vol. I Nomo
Aplika uk Sist
oogle M Geograp
uhammad Sh atika, Fakulta
Jl. Kalisa
current inform ed information f geography.
ly make easier lly informatio of university i s who want to k
teresting, geo ust be very pro formation syste ty in the form
get to the lo eveloped a information o
Yogyakarta.
r Apache 2.2.6 e maps API.
, geography, G
AHULUAN yang berkem minat masy gan ketersed formasi pada media di ntara informa r bergerak y fis atau SIG n media dig ng terkandun ebih kaya k elain data geo m informasi
gsung dari G
or 3, Mei 2011
asi Goo tem In
Maps A aphic In
holeh, Nanie as Teknologi I ahak 28 Komp
muhash@ak ali@mash
mation system n, but it can
With a view r the users in on relating to is one of very know abaut it.
ography-based ofitable users.
em, users can of maps and cation of the geographical on universities Applications 6, PHP 5.2.5,
Google Maps
mbang pesat yarakat akan diaan sistem era ini juga igital, yang asi berbentuk yang bersifat berkembang gital. Dengan ng pada suatu
karena dapat ografis.
i geografis Geographical
1 | Sholeh, M
ogle M nforma
API Ap Informa
ek Widyastu Industri Instit mpleks Balapa kprind.ac.
huri.web.i
y d
d l
k
l
Informa teknolog dikaitka berada tersebut geografi menggu memani geografi dan me merupak A. Komp Siste kompon dapat be informa
M., Widyastuti
Maps A asi Geo Applica ation S
uti, dan Ali M tut Sains & T an Yogyakarta
id id
ation system, gi yang mam an dengan g
dengan infor t. Dalam pe fi didefenisik unakan perang ipulasi data fis dirancang u enganalisa ob
kan karakteris ponen Sistem em informa nen yang sali eroperasi. Ad asi geografis t
Gamba
i, N., dan Mas
API ografis ations
System
Mashuri Teknologi AKP
a
yang mem mpu menerang geografis, di rmasi atau ke erkembangany kan sebagai gkat 97iteratu a geografis.
untuk mengu bjek dan feno
stik yang pen m Informasi G asi membu ing membang dapun kompon terlihat pada G
ar 1.. Kompone
shuri, A. ____
s
m)
PRIND
milki defenisi gkan data spa
imana data eterangan da ya sistem i suatu siste u untk menyim
Sistem i umpulkan, me omena diman nting [7]
Geografis utuhkan ko
gun didalamn nen-kompone Gambar 1.
en SIG [1]
_____ 97 sebagai sial yang tersebut lam data informasi em yang mpan dan informasi enyimpan na lokasi
omponen- nya agar en sistem
B. G G dise mel terse ham kare peng tamp sang men Goo yang
1. M d y j
2. S s m
Google Maps Google Maps ediakan oleh
alui situs ebut kita dap mpir semua w
ena di dalamn gguna, meng pilan peta. G gat akurat, nyediakan pili ogle maps se g akan ditamp Map, jenis pe dimensi, mod yang didalamn
alanan, sunga
Gamba Satellite, jeni satelit, pada menampilkan
JUITA adalah layan google. Lay http://maps.g pat melihat i wilayah dibum nya peta dapa gubah tingkat Google maps sistem pem ihan peta bias endiri menye pilkan, yaitu eta ini untuk m de ini merup
nya terdapat i ai, danau, dan
ar 2 Tampilan p is peta ini u tampilan i nama jalan m
A Vol. I Nomo nan mapping yanan ini da google.com.
informasi ge mi. Layanan i at digeser sesu t zoom, sert
menyediaka metaannya sa dan peta sa ediakan empa
:
menampilkan pakan bentuk informasi me n lain-lain.
peta jenis map untuk menam ini secara maupun nama
or 3, Mei 2011 online yang apat diakses Pada situs ografis pada ini interaktif, uai keinginan ta mengubah an peta yang juga sudah atellite.
at jenis peta n peta biasa 2 k peta dasar, engenai nama
[8]
mpilkan foto defult tidak a lokasi.
1 | Sholeh, M k
3. Terra fisik tingg menu
4. Hybr jenis menu pula kota)
M., Widyastuti Gambar 3 Ta ain, jenis pe permukaan ginya suatu
unjukkan gun
Gambar 4 T rid, jenis pe peta satelit unjukkan foto apa yang ta ).
i, N., dan Mas ampilan peta je eta ini untuk bumi dan m u lokasi, nung dan sung
ampilan peta je eta ini merup dan peta je o satelit yang ampil pada M
shuri, A. ____
enis satelit. [8]
k menunjukk menunjukkan
contohnya gai.
enis terrain [8]
pakan gabun enis map, je g diatasnya te MAP (jalan d
_____ 98 ]
kan relief seberapa a akan
]
ngan dari nis akan ergambar dan nama
5. S t s d t d
C.
G kom oby pem bebe
Gambar Street View
empat melalu sehingga dap dipeta tersebu
erdapat di beb dan Amerika.
Gambar 5 Cara Kerja Google Ma mbinasi dari
ek yang int mrograman H
erapa bahas
JUITA 4 Tampilan P
jenis peta ui pencitraan
at melihat se ut. Untuk saat berapa Negar
Tampilan peta Google Map ps dibuat
gambar pet teraktif yang HTML, Java sa pemrogra
A Vol. I Nomo eta jenis Hybri ini menunju tingkat-jalan eluruk keada t ini fitur stre ra seperti Neg
a jenis street vi ps
dengan m ta,database, s g dibuat den ascript dan aman lainny
or 3, Mei 2011 id [8]
ukan tempat- n 360 derajat, an yang ada eet view baru gara di Eropa
iew [8]
menggunakan serta obyek- ngan bahasa
AJAX, dan ya. Gambar-
1 | Sholeh, M gambar komunik server g
Mena gambar diintegr Server, kebutuh merupak berukur mewaki dan zoom Google (API)
Baha terdiri untuk m Kostum disediak Google (API) m oleh go mengint masing- sendiri.
Google Agar ap tertentu, merupak untuk su dapat m 3 suda memper dan pad sintaks versi 3 digunak lanjut se Cont ditanam
<ht
<he
<m sca
<sc src=
alse
<sc fu v 1 v
M., Widyastuti peta yang m kasi dari pen google untuk
ampilkan ga yang dimin asikan ke da yang nantin han perminta kan gabung an 256 x 25 ili gambar te m level terten Maps App asa pemrogram
dari HTML menampilkan misasi dari ap
kannya client- Maps App merupakan sua
ogle untuk m tegrasikan G -masing deng Dengan m Maps dapat plikasi Googl , diperlukan kan kode uni uatu website mengenali, nam
ah tidak me rmudah untuk da versi ini dari kode ya telah menye kan oleh pen eperti contoh toh source co mkan dalam we
tml>
ead>
meta name=”v ale=1.0, user-s
cript type=”te
=”http://maps e”></script>
cript type=”te unction initial var latlng = ne 110.36700);
var myOption
i, N., dan Mas muncul pada l
ngguna denga abungan dar nta. Keseluru alam suatu da nya akan da aan. Bagian-b gan dari g 56 pixel. Tiap ertentu dalam ntu.
lication Pro man dari Goo
dan Javasc n Google Ma
plikasi ini d -side scripts d plication Pro atu fitur aplik memfasilitasi Google Maps
gan menampi menggunakan di-embed pad le Maps dapa n adanya A ik yang digen
tertentu, agar mun untuk Go embutuhkan k menggunak
juga tedapat ang digunaka diakan templ gguna untuk
berikut.
ode Google eb seperti ber
iewport” cont scalable=no”
ext/javascript”
s.google.com/
ext/javascript”
ize() { ew google.ma ns = {
shuri, A. ____
layar merupak an database p
i potongan-p uhan citra y database pada apat dipangg
bagian gamb ambar-gamba p-tiap 256 x m longitude ,
ogramming I
ogle Maps yan cript, memun Maps di webs
dimungkinkan dan server-sid ogramming I kasi yang dik
pengguna ya s ke dalam ilkan data po
Google Ma da web site e at muncul di API key. A nerasikan ole
r server Goog oogle Maps A API key, an Google M t beberapa p an. Google M
late dasar ya dikembangk Maps API k rikut :
tent=”initial- />
”
/maps/api/js?
”>
aps.LatLng(-7
_____ 99 kan hasil pada web potongan yang ada
a Google il sesuai bar map ar yang
256 tile latitude Interface ng hanya ngkinkan site lain.
n dengan de hooks.
Interface keluarkan ang ingin website int milik aps API, eksternal.
i website API key
h google gle Maps API versi sehingga Maps API, erbedaan Maps API ang dapat kan lebih key yang
?sensor=f
7.78287,
Dari sepe
G
M 1. M p 2. M
g 3. M 4. M f
S scrip kod deng
zoom: 13 center: la mapTyp google.maps };
var map = google.maps p_canvas”), }
</script>
</head>
<body onloa <div id=”m height:100%
</body>
</html>
i source code erti pada Gam
Gambar 6 Con
Metode yang Mengidentifik pengenbangan Mengidentifik geografis Menelaah goo Mengaplikasik fasilitas umum III. HA Sistem yang
pt php dari si e xhtml untu gan google
JUITA 3,
atlng, eId:
s.MapTypeId
= new s.Map(docum
myOptions);
ad=”initialize map_canvas”
%”></div>
e diatas setela mbar 6
ntoh Pengguna II. METO digunakan da kasi kebutuha n sistem kasi kompone ogle map API kan google m m dan jalur tra
SIL DAN PE dikembangk isi server, kem uk menampilk
map dari
Vol. I Nomor d.ROADMAP
ment.getEleme
()”>
style=”width
ah di tampilka
an Google Map ODE
alam penelitia an data dalam en sistem info I
map dalam me ansportasi di Y
EMBAHAS kan ini diban mudian dibun kan data dan
sisi pemetaa
r 3, Mei 2011 P
entById(“ma
:100%;
an di browser
ps API V3
an ini adalah:
ormasi
enampilkan Yogyakarta SAN
ngun dengan ngkus dengan terintergrasi an. Aplikasi
| Sholeh, M., r
tersebut kalah pe dan pen dirancan umum menamp lokasi p yang ad google m A. Hala
Hala user ber
B. Hala
Gam Hala peta yan pengisia
, Widyastuti, t bersifat free enting ialah k ngelolaannya.
ng digunakan dan jalur tra pilkan peta perguruan ting da di kota Y maps.
aman Home A man ini adala rhasil masuk k
Gambar 7 aman Menamb
mbar 8 Halama man ini terd ng ditandai d an data yang
N., dan Mash e dan open so kemudahan da . Sistem info n untuk me ansportasi m Yogyakarta ggi dan lokas Yogyakarta d
Administrator ah halaman u kedalam halam
7 Halaman Adm bah Pergurua
an form tamba diri dari dua
dengan huruf g ditandai den
huri, A. _____
ource. Hal ya alam membu ormasi geogr enampilkan masal transjog yang mena si fasilitas pe dengan mema
utama program man administ
ministrator an Tinggi
ah perguruan tin bagian yaitu f A, dan bag
ngan huruf D
____ 100 ang tidak uat sistem rafi yang fasilitas gja serta ampilkan endukung anfaatkan
m setelah trator.
nggi u bagian gian form D. Untuk
pros mas 1.
2.
3.
4.
C. H P pada terd peng pena titik otom dala
ses pada bagi sing memiliki Huruf A u roadmap (pe (peta denga tampilkan da Huruf B, m dengan tan muncul kete Huruf C, ad perguruan ti sistem. Ta bagian yang field latitud secara otom posisinya.
Huruf D, a perguruan t tinggi, alam singkat perg dan longitud
G Halaman Form Proses pengis
a halaman for diri dari dua
gisian data.
ambahan jalu k akhir yang matis. Data y am menu peng
JUITA ian peta ada fungsi sebag untuk meruba eta dengan ta n citra sateli alam bentuk r merupakan ti nda berupa i erangan seper dalah tanda un
inggi yang ak anda tersebu g di tandai de de dan longit matis terisi adalah form
tinggi yang mat, jenis per
guruan tinggi de.
ambar 9 Dialo m Tambah D sian halaman rm tambah da
bagian bagia Hanya saja urnya harus m g nantinya a
yang dimasu gguna dalam
Vol. I Nomor tiga bagian y gai berikut.
ah jenis peta ampilan jalan) t). Secara de roadmap.
itik yang sud icon, bila d
ti pada gamb ntuk menemp kan ditambah ut berhubung
engan huruf D tude. Field te
ketika mar untuk penam
berisi nam rguruan ting i, kemudian f
og notifikasi ata Jalur Tra n ini hampir ata perguruan an peta dan a pada form menentukan ti
akan keluar ukan ini, aka mencari jalur
r 3, Mei 2011 yang masing-
a, yaitu tipe ) dan satelite efault peta di dah ditandai di klik akan
ar 9
patkan posisi hkan kedalam gan dengan D yaitu pada ersebut akan rker dirubah mbahan data a perguruan gi, deskripsi field latitude
ansjogja sama seperti n tinggi yang bagian form m ini untuk itik awal dan garis secara an digunakan r transjogja.
| Sholeh, M., k
Ga D. Hala Pada mengiri titik akh api untu dari titik awal te dengan inputan sama k diinputk impleme otomatis
Gamb Pada geoloca pengunj dan me yang d lokasi t
, Widyastuti, ambar 10 Halam aman Pengunj a implementa
mkan parame hir yang kem uk mendapatk k awal sampa erdapat dua memanfaatk secara manu karena untuk kan secara
entasi penun s geolocation
bar 11 Halama a gambar 11 ation sehingga jung hanya d etode yang a disediakan, d tujuan ini bis
N., dan Mash man form tamb jung Impleme si penunjuk a eter berupa da mudian dipros kan jalan ata ai titik akhir.
metode, ya kan fitur geo ual. Kedua m
k titik akhi a manual.
njuk arah m n :
an implementas 1, aplikasi
a posisi awa diminta mene akan digunak driving, walk
sa berupa lok
huri, A. _____
bah jalur transj entasi penunju
arah ini siste ata titik awal ses oleh goog au rute yang Untuk param itu metode olocation dan metode ini seb
ir atau titik Berikut menggunakan
si form penunju menggunak al bisa terdete entukan lokas kan, ada tiga king, ciycling kasi pergurua
____ 101 ogja uk arah em hanya
dan data gle maps terdekat meter titik otomatis n metode
benarnya k tujuan
contoh metode
uk arah kan fitur
eksi, dan si tujuan, a metode g. Untuk
an tinggi
atau Pad dituj atau A loka mun
J akan bisa dipi driv sepe
G
u lokasi fasili a implementa ujukan untuk
u lokasi fasilit Apabila siste asi terdekat m ncul field posi
Gam Jika sistem m
n secara otom a dilewati, m lih pada form ving, walking
erti pada gam
Gambar 13 Hal
JUITA itas umum ya asi penunjuk
menunjukan tas umum.
em mengalam maka akan m isi awal sebag
mbar 12 Notifika menemukan p matis mengkal mode jalan y m penunjuk a g, ciycling. U mbar 13.
laman hasil pen
Vol. I Nomor ang terdapat k arah ini me tempat perg mi kegagala muncul pesa gai berikut.
asi geolocation posisi tujuan lkulasi jalan t yang dilalui arah, ada tiga Untuk hasil i
nunjuk arah / g
r 3, Mei 2011 pada sistem.
emang hanya guruan tinggi an pencarian an error dah
n
maka sistem terdekat yang sesuai yang a mode yaitu implementasi
geolocation
| Sholeh, M., a
E. Sara Fasil informa tampilan area te menamp api yan penggun untuk m
F. Sara Tam dari sara Yogyak menunju raga) ya
, Widyastuti, na transporta litas lain yang asi letak su
n dengan me empat trans pilkan salah ng ada di Y na dapat me menuju tempat
Gambar 14 Pe na/Fasilitas O mpilan inform
ana/fasilitas y karta. Gamba ukan lokasi/
ang ada di Jala
N., dan Mash asi
g dapat ditam uatu tempat enunjukan po sportasi ter
satu contoh Yogakarta. D
engetahui ja t sarana transp
eta Tempat sar Olah Raga masi ini akan
yang ada di s ar 15 meru fasilitas ola an Colombo Y
huri, A. _____
mpilkan adala transportasi osisi jalan d sebut. Gam tempat stasiu Dengan infor
alan yang di portasi berad
ana transportas
menampilkan suatu kota, kh upakan conto ah raga (gedu Yogyakarta.
____ 102 ah sarana dengan di sekitar mbar 14
un kereta rmasi ini
igunakan a.
si
n tempat hususnya oh yang ung olah
G. P pem perg hany juga peta suat kam satu
Gambar
Pencarian kam Pencarian makai dalam
guruan tingg ya informasi a ditampilkan a ini penggu tu kampus s mpus yang di u hasil pencari
Gambar 16 P
JUITA 15 Peta Temp
mpus kampus ini
melakukan i. Informasi
dari perguru n dalam bentu una mempuny serta dapat m icari. Gamba ian dari suatu
Peta dari hasil p
Vol. I Nomor pat sarana olah
i akan m pencarian s yang ditam uan tinggi ter uk peta. Deng
yai gambara mengetahui ar 16 menam u kampus.
pencarian suatu
r 3, Mei 2011 raga
empermudah suatu tempat mpilkan tidak rsebut, tetapi gan tampilan an letak dari rute menuju mpilkan salah
u kampus
| Sholeh, M., k
Peng tentunya disajika diantara 1. Impl dapa peny sebag 2. Impl
dikar yang
[1]. Eka Unt Day [2]. HM Info Apl [3]. Ka Din [4]. Nur Per Yog [5]. Nug geo Akp [6]. Pra
Mem Info Ban [7]. Pu
App Stat [8]. Wik Goo
, Widyastuti, IV ggunaan goog
a akan menam n. Kelebihan anya :
ementasi apli t dimanfa yebaran inform
gai media pro ementasi a renakan pada g terhubung de
DAF adinata, A.,eta tuk Pengolaha ya Alam, ICRA M., Jogiyanto, formasi: Pende
likasi Bisnis, E adir, Abdul, 20 namis Menggun
r, K, 2005, S rguruan Tinggi
gyakarta.
groho, A, 2010 ografis untuk p
prind, Yogyak ahasta, Eddy, mbangun A formation Syste
ndung.
urvis, Michael, plications with
tes
kipedia, Goog ogle_Maps, Ak
N., dan Mash V. PENUTU gle map api da mbah fasilita n dari penggu ikasi sistem in aatkan unt
masi dan jug omosi.
aplikasi pad a client hanya engan interne FTAR PUST al. 2008, Siste an Bentang L AF, Bogor
2005, Analis ekatan Terstruk Edisi III, Andi O
06, Dasar nakan PHP, A Skripsi : Siste i Swasta Di Yo 0, Skripsi : “Ap
pengolahan d arta
, 2007, Sistem Aplikasi W em Dengan M dkk, 2006, B h PHP and A gle Maps http
kses: 10 Mei 2
huri, A. _____
UP
alam sistem i as dari inform unaan google nformasi geo tuk memp a dapat dima da sangat a dibutuhkan et.
TAKA em Informasi Lahan berbasis
sis dan Desa ktur Teori Dan Offset, Yogyak
Pemrograman Andi Offset, Yo
m Informasi ogyakarta, IST plikasi Sistem data pertanian m Informasi G Web-based Map Server, Inf
Beginning Goo Ajax, Apress ://id.wikipedia 2011.
____ 103 informasi masi yang map api grafis ini permudah anfaatkan mudah, browser
Geografis s Sumber in Sistem n Praktek karta.
n Web ogyakarta.
Geografis T Akprind, Informasi n” , IST Geografis:
Geografis formatika, ogle Maps
, United a.org/wiki/
