web services google map.pdf

9
Tugas Web Services Oleh : Ghozali Muslim 08.01.53.0099 UNIVERSITAS STIKUBANK SEMARANG FAKULTAS TEKNOLOGI INFORMASI TEKNIK INFORMATIKA

Upload: ardian-syah

Post on 06-Jul-2018

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web Services Google Map.pdf

8/17/2019 Web Services Google Map.pdf

http://slidepdf.com/reader/full/web-services-google-mappdf 1/9

Tugas Web Services

Oleh :

Ghozali Muslim 08.01.53.0099

UNIVERSITAS STIKUBANK SEMARANG

FAKULTAS TEKNOLOGI INFORMASI

TEKNIK INFORMATIKA

Page 2: Web Services Google Map.pdf

8/17/2019 Web Services Google Map.pdf

http://slidepdf.com/reader/full/web-services-google-mappdf 2/9

Web Services Google Map

Buat Project.

File > New Project... > Pada Categories pilis Samples > Java Web Services.

Pada Project pilih REST: Hello World (Java EE 6) > Next.

Beri Nama Project misal “ Gmap0099 “

Project Location default

Project Folder default

Klik Finish.

Muncul dialog REST Resources Configuration > klik OK.

Page 3: Web Services Google Map.pdf

8/17/2019 Web Services Google Map.pdf

http://slidepdf.com/reader/full/web-services-google-mappdf 3/9

Buka file HelloWorldResource.java ( double klik / klik kanan > open )

Ganti source code yang di blok dengan source code berikut :

public String getGoogleMap() {// Drag and drop the getGoogleMap operation here

return "";}

Page 4: Web Services Google Map.pdf

8/17/2019 Web Services Google Map.pdf

http://slidepdf.com/reader/full/web-services-google-mappdf 4/9

Pada Tab Services > Web Services > Google > Map Service > getGoogleMap drag and drop ke dalam public

String getGoogleMap()

Muncul dialog Customize getGoogleMap Saas Service > klik OK.

Page 5: Web Services Google Map.pdf

8/17/2019 Web Services Google Map.pdf

http://slidepdf.com/reader/full/web-services-google-mappdf 5/9

Sekarang tinggal memasukkan API Key Google ke Aplikasi.

Sebelumnya, kita dapatkan dulu API Key dari Google.

Caranya, pergi ke > http://code.google.com/apis/maps/signup.html > kemudian Sign in

Masukkan Akun > Sign in

Page 6: Web Services Google Map.pdf

8/17/2019 Web Services Google Map.pdf

http://slidepdf.com/reader/full/web-services-google-mappdf 6/9

Setelah Sign in, centang “ I have and agree with the terms and conditions “ > klik Generate API Key

My web site URL : http://localhost8080/

Key sudah didapatkan

Masukkan / Copy Paste API Key ke aplikasi

Pada Tab Services > org.netbeans.saas.google > googlemapservice.properties > api_key double klik.

Kemudian copy paste API key.

Page 7: Web Services Google Map.pdf

8/17/2019 Web Services Google Map.pdf

http://slidepdf.com/reader/full/web-services-google-mappdf 7/9

Tambahkan source code : return result.getDataAsString();di bawahRestResponse result = GoogleMapService.getGoogleMap(address, zoom, iframe);

Klik kanan Project > Test RESTful Web Services.

Muncul dialog > Centang “ Remember this decision “ > klik Allow

Klik helloworld pada hirarki side bar > klik tombol Test

Page 8: Web Services Google Map.pdf

8/17/2019 Web Services Google Map.pdf

http://slidepdf.com/reader/full/web-services-google-mappdf 8/9

Jika berhasil tampilan akan seperti gambar berikut :

Sekarang tinggal menyesuaikan dengan lokasi rumah.

Caranya, pergi ke > http://map.google.com/

Pada Search masukkan alamat /daerah tempat tinggal misal “ Cipiring, Kendal, Jawa Tengah, Indonesia “ > klikSearch.

Pastikan daerah tempat tinggal terdeteksi oleh Google Map.

Page 9: Web Services Google Map.pdf

8/17/2019 Web Services Google Map.pdf

http://slidepdf.com/reader/full/web-services-google-mappdf 9/9

Ubah source code dan sesuaikan dengan pencarian daerah tempat tinggal tadi pada Google Map misal :

String address = “ Cipiring, Kendal, Jawa Tengah, Indonesia ";

Jalankan Program.

Klik kanan Project > Test RESTful Web Services.

100 TESTED ON NETBEANS IDE 7.0